@charset "utf-8";
.main{width:100%;min-width:320px;margin:0 auto;/*max-width:480px;*/font-size:14px}
.new-ct{background-color:#fff;position: relative;height:100%;}
li{list-style:none;}
*{margin:0;padding:0;-webkit-box-sizing:border-box;}
html,body{font-family:'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;height:100%;}
a{text-decoration:none;}

header{position: fixed;top:0;width:100%;z-index: 99;}


@media screen and (max-width: 800px){
#search{height:46px;background:#e5e5e5;border-bottom: 1px solid #d7d7d7;}
#top{height:44px;line-height:44px;background:#c82027;font-size: 16px;text-align: center;color:#fff;}
#top span.write{height:44px;}
#top span.write em{width:44px;height:44px;display: inline-block;transform: rotate(0deg); transform-origin:50% 50% 0px;background:url(../images/down.png)center center no-repeat rgba(255,255,255,0);background-size:40% auto;}
#top span.back{width:44px;height:44px;position: absolute;left:10px;}
#top span.back img{width:40px;height:40px;margin-top:2px;}
.main_left{position:absolute;left:0; overflow:auto;top:130px;}
.main_right{position:absolute;right:0; height:100%; overflow:auto;top:130px;}

#search .header span.span1{font-size:16px;}
#search .header span.span2{font-size:14px;}

#search  .right{width:100%;padding:0 20px;}
#search  .right input.input{outline:none;border:1px solid #e5e5e5;height:34px;font-size: 14px;width:50%;padding-left: 1em;margin-top:6px;background: none;float:left;width: 80%;background:#fff;}
#search  .right input.button{background:url(../images/search.png)center -6px no-repeat #fff;background-size:auto 44px;line-height:30px;color:#fff;height:34px;border:1px solid #e5e5e5;margin-top:6px;width: 20%}

}
@media screen and (min-width: 800px){
header{position: fixed;top:0;width:100%;}
#search{height:80px;background:#e5e5e5;border-bottom: 1px solid #d7d7d7;}
#top{height:70px;line-height:70px;background:#c82027;font-size: 32px;text-align: center;color:#fff;}
#top span.write{}
#top span.write em{width:70px;height:70px;display: inline-block;transform: rotate(0deg); transform-origin: 50% 50% 0px;background:url(../images/down.png)center center no-repeat rgba(255,255,255,0);background-size:40% auto;}
#top span.back{width:70px;height:70px;position: absolute;left:10px;}
#top span.back img{width:65px;height:65px;margin-top:2px;}
.main_left{position:absolute;left:0; overflow:auto;top:150px;}
.main_right{position:absolute;right:0; height:100%; overflow:auto;top:150px;}

#search .header span.span1{font-size:16px;}
#search .header span.span2{font-size:14px;}

#search  .right{line-height:45px;float:left;margin-left:5px;width:100%;padding:0 20px;}
#search  .right input.input{outline:none;border:1px solid #e5e5e5;height:40px;font-size: 19px;width:50%;padding-left: 2em;margin-top:20px;background: none;float:left;width: 80%;background:#fff;}
#search  .right input.button{background:url(../images/search.png)center -2px no-repeat #fff ;background-size:auto 44px;background-size:auto 44px;line-height:40px;color:#fff;width:30px;height:40px;border:1px solid #e5e5e5;margin-top:20px;width: 20%}

}




/*@media screen and (max-width: 800px){
	#main{color:#666;font-size: 14px;height:100%;clear: both;position: relative;top: 0px;}
}
@media screen and (min-width: 800px){
	#main{ color:#666;font-size: 16px;height:100%;clear: both;position: relative;top: 60px;}
}
*/


#main .main_left{background:#e5e5e5;width:30%;float:left;height:100%;}
#main .main_left ul li{height:60px;width:100%;display: block;text-align: center;color:#666;line-height: 60px;border-bottom:1px solid #d7d7d7;white-space:nowrap;}
#main .main_left ul li.li1{background:#fff;border-left:4px solid #c82027;}
#main .main_left ul li.li1 a {color:#c82027;}

@media screen and (max-width: 800px){#main .main_left ul li a{display: block;color:#666;}}
@media screen and (min-width: 800px){#main .main_left ul li a{display: block;color:#666;font-size: 20px;}}
#main .main_right{background:#fff;width:70%;float:right;}
#main .main_right ul li{height:60px;width:100%;display: block;text-align: left;color:#666;border-bottom:1px solid #f2f2f2;padding-left:15px; }
/*#main .main_right ul li a{display: block;color:#666}*/
@media screen and (max-width: 800px){#main .main_right ul li a{display: block;color:#666;}}
@media screen and (min-width: 800px){#main .main_right ul li a{display: block;color:#999;font-size: 20px;}}
#main .main_right ul li span.span1{background:#e5e5e5;color:#fff;min-width:20px;line-height:20px;display: inline-block;margin:20px 5px 20px 0;float:left;text-align: center;border-radius: 5px;padding:0px 3px;}
#main .main_right ul li span.span2{float:left;line-height: 60px;height:60px;width:82%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#main .main_right ul li span.span_red{background:#c82027;}
#main .main_right ul li span.span_night{background:#ffc245;}
#main .main_right ul li span.span_green{background:#a8cd3c;}





@media screen and (max-width: 800px){
.hidden_page{height:100%;width:100%;position: fixed;top:44px;background:rgba(0,0,0,0.8);z-index: 100;display: none}
.hidden_page ul{}
.hidden_page ul li {height:44px;border-bottom: 1px solid #fff;}
.hidden_page ul li a{display: block;height:100%;width:100%;color: #fff;}
.hidden_page ul li a .span1{display: block;height:100%;width:90%;float:left;line-height: 44px;text-indent: 64px;}
.hidden_page ul li a .li_span1{background:url(../images/top_six_img1.png) 20px center no-repeat;background-size:auto 80% ;}
.hidden_page ul li a .li_span2{background:url(../images/top_six_img2.png) 20px center no-repeat;background-size:auto 80% ;}
.hidden_page ul li a .li_span3{background:url(../images/top_six_img3.png) 20px center no-repeat;background-size:auto 80% ;}
.hidden_page ul li a .li_span4{background:url(../images/top_six_img4.png) 20px center no-repeat;background-size:auto 80% ;}
.hidden_page ul li a .li_span5{background:url(../images/top_six_img5.png) 20px center no-repeat;background-size:auto 80% ;}
.hidden_page ul li a .li_span6{background:url(../images/top_six_img6.png) 20px center no-repeat;background-size:auto 80% ;}
.hidden_page ul li a .li_span7{background:url(../images/top_six_img7.png) 20px center no-repeat;background-size:auto 80% ;}
.hidden_page ul li a .li_span8{background:url(../images/top_six_img8.png) 20px center no-repeat;background-size:auto 80% ;}


.hidden_page ul li a .span2{display: block;width:10%;height:100%;float:left;background:url(../images/go.png) center left no-repeat;background-size:50% auto; }
.hidden_page p span{font-size:22px;color: #fff;display: block;width:44px;height:44px;border-radius:50%;border:1px solid #fff;line-height:42px;text-align: center;position: absolute;bottom: 50px;left:50%;margin-left:-22px;}
}
@media screen and (min-width: 800px){
.hidden_page{height:100%;width:100%;position: fixed;top:70px;background:rgba(0,0,0,0.8);z-index: 100;display: none}
.hidden_page ul{}
.hidden_page ul li {height:60px;border-bottom: 1px solid #fff;}
.hidden_page ul li a{display: block;height:100%;width:100%;color: #fff;}
.hidden_page ul li a .span1{display: block;height:100%;width:90%;float:left;line-height: 60px;text-indent: 84px;}
.hidden_page ul li a .li_span1{background:url(../images/top_six_img1.png) 30px center no-repeat;background-size:auto 80% ;}
.hidden_page ul li a .li_span2{background:url(../images/top_six_img2.png) 30px center no-repeat;background-size:auto 80% ;}
.hidden_page ul li a .li_span3{background:url(../images/top_six_img3.png) 30px center no-repeat;background-size:auto 80% ;}
.hidden_page ul li a .li_span4{background:url(../images/top_six_img4.png) 30px center no-repeat;background-size:auto 80% ;}
.hidden_page ul li a .li_span5{background:url(../images/top_six_img5.png) 30px center no-repeat;background-size:auto 80% ;}
.hidden_page ul li a .li_span6{background:url(../images/top_six_img6.png) 30px center no-repeat;background-size:auto 80% ;}
.hidden_page ul li a .li_span7{background:url(../images/top_six_img7.png) 30px center no-repeat;background-size:auto 80% ;}
.hidden_page ul li a .li_span8{background:url(../images/top_six_img8.png) 30px center no-repeat;background-size:auto 80% ;}


.hidden_page ul li a .span2{display: block;width:10%;height:100%;float:left;background:url(../images/go.png) center left no-repeat;background-size:50% auto; }
.hidden_page p span{font-size:22px;color: #fff;display: block;width:44px;height:44px;border-radius:50%;border:1px solid #fff;line-height:42px;text-align: center;position: absolute;bottom: 50px;left:50%;margin-left:-22px;}
}




	.wrapper03 {position:relative;height: 1rem;width: 100%;overflow: hidden;margin:0 auto;border-bottom:1px solid #ccc;background-color:#fff}
	.wrapper03 .scroller {position:absolute}
	.wrapper03 .scroller li {height: 1rem;color:#333;float: left;line-height: 1rem;font-size: .4rem;text-align: center}
	.wrapper03 .scroller li a{color:#333;display:block;margin:0 .3rem;padding:0 .1rem}
	.wrapper03 .scroller li.cur a{color:#c82027;height:.9rem;}