@CHARSET "UTF-8";
body,html{
	color:#333;
	font-size:1rem;
}
.body-cont{
	width: 72rem;
    margin-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4rem;
    overflow: hidden;
    background-color: #f7f7f7;
}
.body-left {
    width: 15rem;
    float: left;
    padding-right: 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.body-right {
    width: 57rem;
    float: left;
    padding-left: 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.menu-nav{
	background-color:#fff;
}
.menu-nav .menu-title{
	height:6rem;
	line-height:6rem;
	font-size: 1.25rem;
	padding-left:4.4rem;
	text-align:left;
	border-bottom:1px solid #ddd;
}
.menu-list{
	overflow:hidden;
}
.menu-list dt{
	height:3rem;
	line-height:3rem;
	font-size: 1rem;
	padding-left:4.4rem;
	text-align:left;
	cursor: pointer;
}
.menu-list dd{
	clear: both;
}
.menu-list dd li{
	height:3rem;
	line-height:3rem;
	font-size: 0.95rem;
	padding-left:6.4rem;
	text-align:left;
	cursor: pointer;
}
.menu-list .question.selected{
	background-color:#36A4F1;
	color:#fff;
}
.menu-list .question:hover{
	background-color:#36A4F1;
	color:#fff;
}
.menu-list .open{
	position: relative;
}
.menu-list .open i{
	-webkit-transition:-webkit-transform 300ms cubic-bezier(.77,0,.175,1),opacity 300ms cubic-bezier(.77,0,.175,1);
	-moz-transition:-moz-transform 300ms cubic-bezier(.77,0,.175,1),opacity 300ms cubic-bezier(.77,0,.175,1);
	-o-transition:-o-transform 300ms cubic-bezier(.77,0,.175,1),opacity 300ms cubic-bezier(.77,0,.175,1);
	transition:transform 300ms cubic-bezier(.77,0,.175,1),opacity 300ms cubic-bezier(.77,0,.175,1);
	-webkit-transform:rotate(0);
	-moz-transform:rotate(0);
	-ms-transform:rotate(0);
	-o-transform:rotate(0);
	transform:rotate(0);
    position: absolute;
    left: 2rem;
    margin-top:1rem;
    height:1rem;
    width:1rem;
    background: url(../images/imgshow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size:100% 100%;
}
.menu-list .open.is_open i{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)";
	filter:alpha(opacity=100);
	-webkit-opacity:1;
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
    background: url(../images/imghide.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size:100% 100%;
} 
.menu-search{
	background-color:#fff;
	height:3rem;
	padding: 1.6rem 3rem 1.4rem 3rem;
	border-bottom:1px solid #dbdbdb;
}
.menu-search p {
    overflow: hidden;
    width: 38rem;
    height: 2.6rem;
    border: 1px solid #dbdbdb;
    border-right: none;
    float:left;
}
.menu-search .search-box {
    font-size: 1rem;
    width:36rem;
    height: 2rem;
    line-height: 1.8rem;
    padding: 0.3rem 1rem;
    color: #666;
    border: none;
    outline: 0;
}
.menu-search .search-btn {
    float: left;
    width: 3.5rem;
    height: 2.6rem;
    text-align: center;
    cursor: pointer;
    border: 1px solid  #36A4F1;
    background-color: #36A4F1;
}
.menu-search .search-btn img {
    width: auto;
    height: 1.6rem;
    margin-top: 0.5rem;
}
.body-right-cont{
	padding:2rem 3rem;
	background-color:#fff;
}
.body-right-cont .qr-list{
	overflow:hidden;
	line-height:2rem;
}
.body-right-cont .qr-list .qr-line{
	cursor: pointer;
	padding:0.5rem 0;
	overflow: hidden;
}
.body-right-cont .qr-list .qr-line span:first-child{
	width:5%;
	float:left;
	display: inline-block;

}
.body-right-cont .qr-list .qr-line span:last-child{
	width:95%;
	float:left;
	display: inline-block;
}
.body-right-cont .qr-list .qr-line:hover span{
	color:#36A4F1;
}
.body-right-cont .title{
	padding:0.5rem 0;
	line-height:2.8rem;
	font-size:1.4rem;
	color:#333;
}
.body-right-cont .return{
	height:2rem;
	font-size:1rem;
	color:#36A4F1;
	cursor: pointer;
	margin-left: -2rem;
}
.body-right-cont .return img{
	height:0.8rem;
	margin-right:0.5rem;
	width:auto;
	vertical-align: middle;
}
@media (max-width: 800px){
	.body-left {
	    width: 20rem;
	    padding-right: 1.4rem;
	}
	.body-right {
	    width: 52rem;
	    padding-left: 1.4rem;
	}
	.menu-nav .menu-title {
	    height: 8.4rem;
	    line-height: 8.4rem;
	    font-size: 1.75rem;
	    padding-left: 6.16rem;
	}
	.menu-list dt {
	    height: 4.2rem;
	    line-height: 4.2rem;
	    font-size: 1.4rem;
	    padding-left: 6.16rem;
	}
	.menu-list .open i{
		left: 2.8rem;
	    margin-top: 1.5rem;
	    height: 1.2rem;
	    width: 1.2rem;
	}
	.menu-list dd li {
	    height: 4.2rem;
	    line-height: 4.2rem;
	    font-size: 1.33rem;
	    padding-left: 8.96rem;
	}
	.menu-search{
		height: 4.2rem;
    	padding: 2.24rem 3rem 1.96rem 3rem;
	}
	.menu-search p {
	    width: 38rem;
	    height: 3.64rem;
	}
	.menu-search .search-box {
	    font-size: 1.4rem;
	    width: 36rem;
	    height: 2.8rem;
	    padding: 0.42rem 1rem;
	}
	.menu-search .search-btn {
	    width: 3.5rem;
	    height: 3.64rem;
	}
	.menu-search .search-btn img {
	    height: 2.04rem;
	    margin-top: 0.8rem;
	}
	.body-right-cont .qr-list .qr-line span{
		font-size:0.8rem;
	}
	.body-right-cont .return {
	    height: 1rem;
	    line-height:1rem;
	    font-size: 0.8rem;
	    margin-top: -1rem;
	}
	.body-right-cont .return img {
	    height: 0.7rem;
	    margin-right: 0.3rem;
	    margin-bottom: 0.1rem;
	}
	.body-right-cont .title{
		padding: 0.5rem 0;
	    line-height: 2rem;
	    font-size: 1rem;
	}
	.body-right-cont .detail{
		font-size:0.8rem;
	}
	.body-right-cont .qr-list {
	    line-height: 1.4rem;
	    font-size:0.8rem;
	}
}