/* 
 * @description:  
 * @author: psr 
 * @update:2017.02.21
*/ 
@charset "utf-8";
body,textarea,input,select,option {font-size:12px;color:#333;font-family:arial,'微软雅黑',tahoma,sans-serif;}h1,h2,h3,h4,h5,h6,input, textarea, select{font-size:100%;}body,h1,h2,h3,h4,h5,h6,blockquote,ol,ul,dl,dd,p,textarea,input,select,option,form {margin:0;}ol,ul,li,textarea,input,select,option,th,td {padding:0;}table {border-collapse:collapse;}ol,ul {list-style-type:none;}.clears:before,.clears:after {content:'';display:table;}.clears:after {clear:both;}.clears {*zoom:1;}.clear {clear:both;overflow:hidden;}a {text-decoration:none;color:#333;}a,textarea,input{outline:none}textarea {overflow:auto;resize:none;}.img img {display:block;}a img {border:none;}.z_index{position:fixed;_position:absolute;z-index:999;display:none;}label,label input{vertical-align:middle}.pr {position:relative;}.pa {position:absolute;}.fl {float:left;}.fr {float:right;}a:hover{text-decoration:none}body{word-break:normal;word-wrap:break-word;cursor:default;}input[type="checkbox"],input[type="text"],input[type="submit"],input[type="number"],input[type="tel"],textarea,button,input[type="button"]{-webkit-border-radius:0;border-radius:0;-webkit-appearance: none;}html, body, form,fieldset, p, div,h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}b,i{font-style:normal;}.vm *{vertical-align: middle;}
img{display:block;}
body{background-color:#f4f4f4; max-width: 640px; margin: 0 auto;}
em,i,var{font-style: normal;}
.topbar{background-color: #fff;position: relative;}
*{padding:0; margin:0;}
.d_box{width: 100%;height:50px;background-color:#63bd3b; position:fixed; top:0px; z-index:10; left:0px;}
.topbox_a,.userface{position:absolute;}
.topbox_a{margin-top:11px;display:inline-block;width:27px;height:27px;left:7px;}
.topbox .topbox_a img{width:27px; height:27px;}
.topbox .userface{    background:  no-repeat; background-size:23px 47px;width:27px;height:24px;display:block;right:9px;top:12px; background-position:0 -23px;}
.topbox form{display:block;margin-left:42px;margin-right:45px;position:relative;top:10px;}
.topbox input{width:100%;display:block;background: no-repeat;background-size: 23px 47px;padding:5px 3px 5px 28px;background-position:8px 8px;height:30px;background-color:#f5f5f5;border:none;font-size:13px;border-radius:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;color:#6c6c6c;}

.pic_num{ position:absolute;bottom:8px;left:50%;margin-left:-20px;text-align:center;z-index: 99;}
.pic_num li{display:inline-block;padding-top:4px;margin:0 3px;}
.pic_num a{display:inline-block;width:8px;height:8px;background-color:rgba(250,250,250,.2);border-radius:5px;}
.pic_num .active{background-color:#fff;}
.pic_tab{width: 100%;height: 1px;padding-bottom: 43%;overflow: hidden;}
.pic_tab .part_v1{ position: relative; }
.pic_tab .part_v1 span{font-size:14px; display: block;position:absolute;bottom:0;left:0;width:85%;padding-left:3%;padding-right:12%; z-index: 98;padding-top:7px;padding-bottom:7px;line-height:18px;color:#fff;background-color:rgba(0,0,0,.4);box-shadow: 5px 5px 5px rgba(0,0,0,.4);}
.topnav{border-top:1px solid #eee;border-bottom:1px solid #eee;background-color: #fff;margin-top:8px;}
.topnav ul{ overflow: hidden; clear: both;zoom: 1;padding-bottom:15px;}
.topnav ul li{margin-top:12px; float: left; width: 25%; text-align:center;font-size:13px;}
.topnav ul li i{background: no-repeat;background-size:45px 370px;-webkit-background-size:45px 370px;-moz-background-size:45px 370px; display:block; width:45px; height:46px;margin:0 auto 4px;}
.topnav ul li a{ display: block;}
.topnav ul li .cjb i{background-position: 0 0;}
.topnav ul li .czz i{background-position: 0 -46px;}
.topnav ul li .cyp i{background-position: 0 -92px;}
.topnav ul li .kjc i{background-position: 0 -139px;}
.topnav ul li .ywbd i{background-position: 0 -185px;}
.topnav ul li .jbzz i{background-position: 0 -232px;}
.topnav ul li .bysq i{background-position: 0 -278px;}
.topnav ul li .msjk i{background-position: 0 -324px;}
.topnav .toutiao{border-top:1px solid #eee; overflow: hidden; clear: both;padding:8px 12px;}
.topnav .toutiao img{padding-right:10px; float: left;border-right: 1px solid #c3deb8;}
.sliderup{height:37px;position:relative; overflow:hidden;margin-left:56px;}
.sliderup a{display: block;line-height: 19px;color:#888;}
.sliderup span{ display: block;color:#666;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.sliderup span i{ display: inline-block;width:3px; height: 3px;background-color: #c3deb8;margin-right:5px; vertical-align: middle;}
.entrancebox1{margin-top:8px;border-top: 1px solid #eee;border-bottom: 1px solid #eee; overflow: hidden; clear: both;}
.entrancebox1 .a1{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-right: 1px solid #eee; float: left; width: 50%;}
.entrancebox1 .a1 img{ display: block; width: 100%;}
.entrancebox1 div{ width: 50%; float: left;}
.entrancebox1 div a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; display: block;}
.entrancebox1 div a img{ width: 100%; display: block;}
.entrancebox1 div a:last-of-type{border-top: 1px solid #eee;}
.entrancebox2{background-color: #fff;margin-top:8px;border-top: 1px solid #eee;border-bottom: 1px solid #eee; overflow: hidden; clear: both;}
.entrancebox2 .d1{overflow:hidden; clear:both;border-bottom: 1px solid #eee;}
.entrancebox2 .d1 a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-right: 1px solid #eee; width: 50%; float: left;}
.entrancebox2 .d1 a:last-of-type{border: none;}
.entrancebox2 .d1 a img{ display: block; width: 100%;}
.entrancebox2 .d2{ overflow:hidden; clear:both;}
.entrancebox2 .d2 a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-right: 1px solid #eee; width: 33.3%; float: left;}
.entrancebox2 .d2 a:last-of-type{border: none;}
.entrancebox2 .d2 a img{ display: block; width: 100%;}
.swiper-wrapper{transition: all .3s!important;}
.artlists{margin-top:8px;background-color: #fff;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.artlists .tab{border-bottom: 1px solid #eee;height: 46px; line-height: 46px;position: relative;}
.artlists .tab div{width:100%; height:46px;white-space:nowrap;}
.artlists .tab div a{font-weight:bold;color:#666;display:block; text-align:center;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;color:#666;font-size:15px; line-height:46px;}
.artlists .tab div a.on{font-weight: bold;color:#4fb23d;}
.artlists li{border-bottom: 1px solid #eee; display: block; clear: both;}
.artlists li:last-of-type{border: none;}
.artlists li a{padding:10px; display: block; overflow: hidden; height:52px;}
.artlists li a img{ float: right; width: 62px; height: 52px;}
.artlists li a div{ display: block;margin-right:72px;}
.artlists li a div span{ text-overflow:ellipsis;white-space:nowrap; overflow:hidden;display: block;padding-top:4px;font-size:15px;line-height: 18px;}
.artlists li a div var{ display: block;color:#999;padding-top:12px;}
.morelinks{ display: block; text-align: center; line-height: 42px;font-size:14px;color:#888;border-top: 1px solid #eee;}
.fixedbtn{position: fixed;bottom:20px;right:10px;z-index: 999;}
.fixedbtn a{background: no-repeat;background-size:19px 101px;-webkit-background-size:19px 101px;-moz-background-size:19px 101px; width: 36px; height: 36px;background-color:rgba(0,0,0,.5);border-radius: 4px; display: block;}
.fixedbtn .btn1{background-position: 8px 8px;}
.fixedbtn .btn2{background-position: 8px -31px;margin-top:3px;}
.footerbox{margin-top:15px;}
.footerbox p{ display: block; text-align: center;}
.footerbox p a{margin:0 10px; display: inline-block;font-size: 13px;}
.footerbox span{ display: block;text-align: center;line-height: 18px;font-size:11px;color:#999;padding:10px 0;}