Team:Tianjin/Resources/CSS:mobilestyle2

• {

margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { font-family: 'Open Sans', Arial, Helvetica, Sans-serif, Verdana, Tahoma; }

ul { list-style-type: none; }

a { color: #b63b4d; text-decoration: none; }

/** =======================

* Contenedor Principal
===========================*/
#accordion {
	width: 100%;
	max-width: 360px;
	margin: 30px auto 20px;

background: rgba(231,240,244,1);

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

1. accordion .link {

cursor: pointer; display: block; padding: 15px 15px 15px 42px; color: #4D4D4D; font-size: 14px; font-weight: 700; border-bottom: 1px solid #CCC; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

1. accordion li:last-child .link {

border-bottom: 0; }

1. accordion li i {

position: absolute; top: 16px; left: 12px; font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

1. accordion li i.fa-chevron-down {

right: 12px; left: auto; font-size: 16px; }

1. accordion li.open .link {

color: #b63b4d; }

1. accordion li.open i {

color: #b63b4d; }

1. accordion li.open i.fa-chevron-down {

-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

/**

* Submenu
-----------------------------*/
.submenu {
	display: none;
	background: #444359;
	font-size: 14px;
}

.submenu li {
	border-bottom: 1px solid #4b4a5e;
}

.submenu a {
	display: block;
	text-decoration: none;
	color: #d9d9d9;
	padding: 12px;
	padding-left: 42px;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.submenu a:hover {
	background: #b63b4d;
	color: #FFF;
}