@charset "utf-8";
/* CSS Document */

*{
    margin:0;
	padding:0;
	font-family:Microsoft Yahei;
}
body{
    
	background:#f4f5f7;
}
header{
    font-size:1.7rem;
	padding:0 1.5rem;
	text-align:center;
	background:#408cce;
	color:#fff;
	height:3.5rem;
	line-height:3.5rem;
	position:relative
}
header a{
    display:block;
	position:absolute;
	right:1.5rem;
	top:0.5rem;
	text-decoration:none;
	background:#2f6da3;
	text-align:center;
	color:#fff;
	font-size:1.4rem;
	width:23%;
	height:2.5rem;
	line-height:2.5rem;
	border-radius:5px;
}
section.main{
    padding:3.6rem 1.5rem;
}
.know{
   border-radius:7px;
   border:1px #d6d6d6 solid;
   /*height:18rem;*/
   padding:0 1.7rem; 
   background:#fff;
}
.know h2{
	padding: 1rem 0;
   line-height:2rem;
   border-bottom:1px solid #d6d6d6;
   font-weight:normal;
   color:#333;
   font-size:1.8rem;
}
.know p{
   font-size:1.4rem;
   padding: 1.2rem 0;
   line-height: 2.3rem;
   color:#666;
   word-break:break-all
}
section h3{
   padding-left:1rem;
   margin-top:2.5rem;
   margin-bottom:0.8rem;
   font-weight:normal;
   font-size:1.4rem;
   color:#333
}
.doc{
   overflow:hidden;
   padding:0.8rem;
   background:#fff;
   border-radius:7px;  
   border:1px solid #d6d6d6
}
.doc img{
   float:left;
   width:24%;
   margin-right:4%;
}
.doc h4{
	width:67%;
	margin-left:30%;
    font-weight:normal;
	color:#408cce;
	font-size:1.4rem;
	border-bottom:1px solid #d6d6d6;
	line-height:1.8rem;
	padding-bottom:0.3rem
}
.doc p{
    font-size:1.4rem;
	line-height:1.8rem;
	margin-top:0.3rem;
	margin-left:30%;
	width:67%;
	color:#666
}
a.begin{
    display:block;
	background:#fb9e0c;
	color:#fff;
	text-align:center;
	font-size:1.7rem;
	margin-top:4.6rem;
	height:4.6rem;
	line-height:4.6rem;
	border-radius:7px;
	text-decoration:none
}





.maincontent{
    z-index:1;	
}

.que{
    margin:5rem 1.5rem 5.5rem 1.5rem;
	border:1px solid #d6d6d6;
	border-radius:7px;
	overflow:hidden;
	position:relative;
	background:#fff;
	padding:1.4rem 1rem;
}
.que img{
    float: left;
	width: 30%;
	margin-right: 10px;
}
.que p{
	font-size:1.4rem;
	line-height:2rem;
	color:#333;
}
.que p:last-child{
	width: 100%;
	text-align: center;
    color:#7d7d7d;
	margin-top:2.3rem
}
.answer{
    margin:0 1.5rem;
}
.answer a{
    display:block;
	margin-bottom:1.8rem;
	color:#7d7d7d;
	border-radius:7px;
	border:1px solid #d6d6d6;
	font-size:1.4rem;
	height:3rem;
	line-height:3rem;
	text-align:center;
	text-decoration:none;
	background:#fff;
}
.answer a:active{
    background:#fb9e0c;
	color:#fff
}
a.choose{
    color:#fff;
	background:#fb9e0c
}
.cho a{
   text-align:left;
   padding-left: 1rem;
}
.false-shade,.true-shade{
	background:rgba(0, 0, 0, 0.6);
	width:100%;
	height: 100%;
	overflow: hidden;;
    z-index:2;
	position:fixed;
	left: 0;
	top:0;
	display:none
}
.false-shade img:first-child{
	display:block;
	width:35%;
    margin:16% auto 16% auto;
}
.true-shade img:first-child{
   display:block;
   width:60%;
   margin:5% auto 5% auto;
}
.result{
    background:url(../images/bor_06.png) top center no-repeat;
	padding-top:49px;
	position: absolute; left: 0; bottom: 0;
}
.result_main{
	background-color:#e6eff6;
	padding:2.5rem 1.5rem;
	max-height: 16rem;
	overflow: hidden;
	overflow-y: auto;
}
.result_main h2{
    color:#408cce;
	font-size:1.6rem;
	text-align:center;
	height:2rem;
	line-height:2rem;
	font-weight:normal;
	margin-bottom:2.5rem
}
.result_main p{
	border:1px solid #d6d6d6;
	border-radius:7px;
	background:#fff;
	padding:1rem 1.3rem;
	color:#999;
	margin-bottom:2rem;
	line-height:1.8rem;
	font-size: 1.4rem;
}
.result_main a{
    display:block;
	height:4.6rem;
	line-height:4.6rem;
	font-size:1.4rem;
	text-align:center;
	border-radius:7px;
}




.guanzhu-content{
    padding:0 1.5rem 2rem 1.5rem;
	z-index:1;
	overflow:hidden
}
.box-top{
	background:url(../images/erweibg.jpg) top repeat-y;
	background-size:contain;
	border-radius:0 0 10px 10px;
	border-bottom:2px solid #d6d6d6;
	padding-bottom:1.5rem
}
.box-top .tibs{
	padding:0 3rem;
	background:url(../images/erweibor.jpg) bottom no-repeat;
	background-size:contain;
	padding-bottom:2rem;
}
.box-top h2{
    font-size:1.7rem;
	color:#408cce;
	text-align:center;
	font-weight:normal;
	padding:1.5rem 0;
}
.box-top .tibs p{
    color:#999;
	font-size:1.3rem;
	line-height:2rem;
	text-align:center
}


.erweibox{
    padding:0 4rem;
	text-align:center
}
.erweibox h2{
    padding: 0;
}
.erweibox img{
    margin:1rem 0 1.5rem 0;
	width:60%;
}
.erweibox p:nth-child(3){
    font-size:1.7rem;
	color:#333;
	margin-bottom:1.3rem
}
.erweibox p:nth-child(4){
    color:#999;
	font-size:1.3rem;
	line-height:2rem
}
.guanzhu-content a{
    display:block;
	width: 100%;
	height:4rem;
	overflow: hidden;
	border-radius:10px;
	text-decoration:none;
	text-align:center;
	line-height:4rem;
	border:2px solid #d6d6d6;
	margin-top:1.5rem;
	font-size:1.6rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
	padding: 0 20px;
}
.guanzhu-content a:nth-child(2){
    color:#408cce;
	background:#fff;
}
.guanzhu-content a:nth-child(3){
    color:#fff;
	background:#fb9e0c;
	border-color: #fb9e0c;
}

.konwle{
    padding:0 4rem 4rem 4rem;
	text-align:center
}
.konwle p{
    color:#999;
	font-size:1.3rem;
	line-height:2rem;
	
}
.share{
	display: none;
	width: 100%; height: 100%; box-sizing: border-box; padding-top: 34%;
	overflow:hidden;
	z-index:200;
	position:fixed;
	left: 0;
	top:0;
	color:#fff;
	font-size:1.6rem;
	text-align:center;
	background:rgba(0, 0, 0, 0.7) url(../images/jiantou_03.png) no-repeat right top; background-size:31% auto;
}
.zice-all h2{
    padding:0 1.5rem;
	background:#408cce;
	color:#fff;
	text-align:center;
	font-weight:normal;
	overflow:hidden;
	font-size:1.8rem;
	line-height:3.5rem;
	height:3.5rem
}
.zice-all h2 a{
	
	display:block;
	float:left
}
.zice-all h2 img{
    height:1.4rem;    
	display: block;
    margin-top: 1rem;
}

.zice-header {width: 100%; height: 3.5rem; overflow: hidden; background: #408CCE; position: relative;}
.zice-header .back {display: block; width: 3.5rem; height: 100%; overflow: hidden; text-align: center; position: absolute; left: 0; top: 0; z-index: 1;}
.zice-header .back img {height:1.5rem; margin-top: 1rem;}
.zice-header h2 {width: 100%; height: 100%; overflow: hidden; box-sizing: border-box; padding: 0 25%; font-weight:normal; font-size:1.6rem; line-height: 3.5rem; text-align:center; white-space: nowrap; color:#fff; position: absolute;}
.zice-header .more {width: 18%; height: 2.3rem; overflow: hidden; border-radius:5px; font-size:1.2rem; line-height:2.3rem; text-align:center; white-space: nowrap; text-overflow: ellipsis; text-decoration:none; background:#2f6da3; color:#fff; position:absolute; top:0.6rem; right:1.5rem; z-index: 1;}

.zice-list{
    overflow:hidden;
	padding:3rem 1.5rem
}
.zice-list li{
	list-style:none;
	text-align:center;
    float:left;
	width:24%;
	margin-right:14%;
	margin-bottom:1rem
}
.zice-list li div{
	background:#5b9cd4;
	border-radius:5px;
	margin-bottom:.5rem
}
.zice-list li.cur div{
    background:#fb9e0c;
} 
.zice-list li img{
	width:50%;
    display:block;
	margin:0 auto;
}
.zice-list li:nth-child(3n){
    margin-right:0;
}
.zice-list li a{
	font-size: 15px;
    text-decoration:none;
	color:#333;
}


.zice-content{
    list-style:none;
}
.zice-content li{
    height:4.5rem;
	padding:0 1.5rem;
	line-height:4.5rem;
	border-bottom:1px solid #d6d6d6;
}
.zice-content a{
    display:block;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding-right: 30px;
	text-decoration:none;
	color:#333;
	font-size:1.6rem;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.zice-content a:active{
    color:#fb9e0c;
}
.zice-content a span{
    position: absolute;
	right: 0;
	top: 0;
}
@media screen and (min-width: 480px) {
html{
    font-size:16px;
}
}
@media screen and (min-width:550px){
html{
    font-size:18px
}
}
@media screen and (min-width:640px){
html{
    font-size:22px
}
}

@media screen and (max-width: 480px) {
html{
    font-size:14px;
}
}
@media screen and (max-width: 417px){
html{
    font-size:12px
}

}
@media screen and (max-width: 360px){
html{
    font-size:11px
}


}
@media screen and (max-width: 327px) {
html{
    font-size:10px;
}
.doc h4{
    padding-bottom:0.1rem
}
.doc p{
    margin-top:0.1rem
}
}
@media screen and (max-width: 300px) {
html{
    font-size:9px;
}

}
@media screen and (max-height: 530px){
    .result_main{
	padding:1.5rem 1.5rem 5rem 1.5rem;
}
.result_main h2{
	margin-bottom:0.5rem
}
.result_main p{
	border:1px solid #d6d6d6;
	border-radius:7px;
	background:#fff;
	padding:1rem 1.3rem;
	color:#999;
	margin-bottom:2rem;
	line-height:1.8rem;
}
}