@charset "utf-8";
*{margin:0;padding:0}
body{font:15px "Microsoft YaHei",Arial,Helvetica,sans-serif;color:#333;background:#e9eaed;line-height:1.5;overflow-x:hidden}
img{border:0;}
li,ul{list-style:none}
a{text-decoration:none;color:#333}
a:hover{color:#000;text-decoration:none}
.clear{clear:both;width:100%;overflow:hidden;height:20px}
.clearblank{clear:both;width:100%;overflow:hidden}
.fl{float:left!important}
.fr{float:right!important}
.box,article{width:1200px;margin:auto;overflow:hidden}
.navbox{width:1200px;margin:auto}
.mt20{margin-top:20px}
.blue{color:#00c1de}
header{width:100%;padding:5px 0;background:#1c2327;height:50px}
header::before{background:#000 linear-gradient(to left,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);content:"";height:5px;position:absolute;top:0;width:100%}
.logo{float:left;margin-right:60px;line-height:50px;color:#fff;font-size:22px}
.logo a{color:#fff}
.logo img{margin-top: 2px;height: 50px;}
.imgscale img{width:100%;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;transition:all .5s}
.imgscale:hover img{transform:scale(1.1)}
nav{float:left;height:50px;line-height:50px;text-align:center}
#starlist li{position:relative;display:inline;float:left;width:max-content}
#starlist li a{display:inline;float:left;padding:0 20px;color:#fff}
#starlist #selected,#starlist li a:hover,#starlist li:hover,.selected>a{color:#00c1de}
#starlist li:hover a{color:#00c1de}
#starlist ul.sub{overflow:hidden;position:absolute;left:0;top:50px;background:#1c2327;display:none;z-index:9}
#starlist ul.sub li{height:30px;line-height:30px;font-size:14px;overflow:hidden;text-align:left}
#starlist ul.sub li:last-child{padding-bottom:10px}
#starlist ul.sub li a{color:#fff}
#starlist ul.sub li a:hover{color:#00c1de}
#starlist li:hover ul.sub{display:block}
.menu:before{position:absolute;content:"";top:22px;right:5px;background:url(images/jt.png) no-repeat;width:8px;height:8px;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.menu:hover:before{transform:rotate(180deg)}
#mnavh{display:none;margin:5px 0 0 0;width:24px;height:40px;float:right;text-align:center;padding:0 10px}
.navicon{display:block;position:relative;width:30px;height:5px;background-color:#fff;margin-top:20px}
.navicon:after,.navicon:before{content:'';display:block;width:30px;height:5px;position:absolute;background:#fff;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,-webkit-transform;transition-property:margin,transform;transition-property:margin,transform,-webkit-transform;-webkit-transition-duration:.3s;transition-duration:.3s}
.navicon:before{margin-top:-10px}
.navicon:after{margin-top:10px}
.open .navicon{background:0 0}
.open .navicon:before{margin-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.open .navicon:after{margin-top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.open .navicon:after,.open .navicon:before{content:'';display:block;width:30px;height:5px;position:absolute;background:#fff}
.menu span{display:none;width:50px;height:50px;background:#12b7de;opacity:.5;position:absolute;top:0;right:0;border-left:#49ccea 1px solid}
.searchico{margin-top:5px;width:39px;height:39px;float:right;display:inline;cursor:pointer;background:url(images/bg.png) no-repeat center!important}
.searchbox{width:1200px;margin:10px auto;overflow:hidden;background:#fff;position:relative}
.search{width:50%;margin:20px auto;background:#222;border-radius:0 5px 5px 0;position:relative;border:#ccc 1px solid;display:none}
.search input.input_submit{border:0;background:0;color:#fff;outline:0;height:35px;cursor:pointer;width:22%;display:inline-block}
.search input.input_text{border:0;line-height:36px;height:36px;width:72%;padding-left:10px;outline:0;display:inline-block}
.open{display:block!important}
.searchclose{background:url(images/close.png) no-repeat;display:block;position:absolute;width:28px;height:30px;right:5px;top:5px}
.lbox{width:75%;float:left;overflow:hidden}
.banbox{width:68.5%;overflow:hidden;float:left;border-radius:3px;margin-bottom:20px}
.banner{width:100%;overflow:hidden;float:left}
.fader{position:relative;width:100%;height:260px;font-family:futura,arial;overflow:hidden}
.fader .slide{position:absolute;width:100%;top:0;z-index:1;opacity:0}
.fader .slide img{width:100%;height:260px;margin:auto}
.fader .next,.fader .prev{position:absolute;height:32px;line-height:32px;width:40px;top:50%;left:50px;z-index:4;margin-top:-25px;cursor:pointer;opacity:0;transition:all 150ms}
.fader .prev{background:url(images/left.png) no-repeat}
.fader .next{left:auto;right:50px;background:url(images/right.png) no-repeat}
.fader .pager_list{position:absolute;width:100%;height:26px;padding:0;line-height:40px;bottom:0;text-align:center;z-index:4}
.fader .pager_list li{border-radius:10px;display:inline-block;width:10px;height:10px;margin:0 7px;background:#fff;opacity:.9;text-indent:-9999px;cursor:pointer;transition:all 150ms}
.fader .pager_list li.active,.fader .pager_list li:hover{opacity:1;background:#12b7de}
.banner:hover .fader_controls .page.prev{opacity:.7;left:20px}
.banner:hover .fader_controls .page.next{opacity:.7;right:20px}
.headline{width:30%;float:right;overflow:hidden}
.headline ul{height:260px}
.headline ul li{width:100%;background:#000;overflow:hidden;height:125px;margin-bottom:10px;border-radius:3px;position:relative}
.headline ul li a{display:block;overflow:hidden;height:100%}
.headline ul li img{width:100%;height:100%;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;transition:all .5s;opacity:.7}
.headline ul li:hover img{transform:scale(1.1);opacity:1}
.headline ul li span{bottom:0;position:absolute;top:30%;left:0;right:0;color:#fff;text-align:center;font-size:15px;margin-top:5px;padding:0 40px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-height:24px;height:48px}
.tab_buttons{margin-bottom:10px;width:100%;overflow:hidden;border-bottom:#e4e3e3 1px solid}
.tab_buttons li{display:block;font-size:16px;line-height:40px;float:left;width:100px;text-align:center;position:relative;cursor:pointer}
.newscurrent:after{content:"";background:#000;width:100px;height:2px;position:absolute;bottom:0;left:0}
.newsitem{display:none}
.newsitem:nth-child(1){display:block}
.whitebg{background:#fff;border-radius:3px;padding:20px;margin-bottom:20px;overflow:hidden}
.tab_box{clear:both;position:relative}
.newslist{float:right;width:66%}
.newslist li{overflow:hidden;line-height:32px;padding:0 20px 10px 20px}
.newslist li a{height:32px}
.newslist li img{width:100%}
.newslist li{height:22px}
.newslist li:hover{height:100%;background:#f7f7f7}
.newslist li:hover a{color:#000;font-weight:700}
.newslist li:hover i{background:#222}
.newslist li:nth-child(1){height:100%;background:#f7f7f7}
.newslist li:nth-child(1) a{color:#000;font-weight:700}
.newslist li:nth-child(1) i{background:#9a9a9a}
.newslist:hover li:nth-child(1){height:22px;background:0 0}
.newslist:hover li:nth-child(1) a{color:#333;font-weight:400}
.newslist:hover li:nth-child(1) i{background:#9a9a9a}
.newslist:hover li:nth-child(1):hover{height:100%;background:#f7f7f7}
.newslist:hover li:nth-child(1):hover a{color:#000;font-weight:700}
.newslist:hover li:nth-child(1):hover i{background:#222}
.newslist p{line-height:24px;font-size:14px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;height:48px}
.newspic{float:left;width:32%;height:218px;overflow:hidden;position:relative}
.newspic ul{overflow:hidden}
.newspic li{height:100px;position:relative;background:rgba(0,0,0,1);overflow:hidden;margin-bottom:10px;border-radius:3px}
.newspic li a{display:block;overflow:hidden}
.newspic img{height:100%;width:100%;opacity:.7;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;transition:all .5s}
.newspic span{bottom:0;position:absolute;bottom:30%;left:0;right:0;color:#fff;text-align:center;font-size:15px;padding:0 40px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-height:22px}
.newspic li:hover img{opacity:.9;transform:scale(1.1)}
.newsitem ul li i{display:block;width:20px;height:20px;background:#9a9a9a;float:left;margin-top:6px;margin-right:20px;position:relative;font-style:normal}
.newsitem ul li i::before{position:absolute;left:0;top:0;font-size:9px;color:#fff;line-height:20px;width:20px;text-align:center}
.newsitem ul li:first-child i{background:#222}
.newsitem ul li:first-child i::before{content:"1"}
.newsitem ul li:nth-child(2) i::before{content:"2"}
.newsitem ul li:nth-child(3) i::before{content:"3"}
.newsitem ul li:nth-child(4) i::before{content:"4"}
.newsitem ul li:nth-child(5) i::before{content:"5"}
.zhuanti ul{overflow:hidden;padding:10px 0 20px 10px;position:relative;border:#eee 1px solid}
.zhuanti ul:before{content:"";position:absolute;background:#fff;width:1px;height:100%;left:10px}
.zhuanti ul:after{content:"";position:absolute;background:#fff;width:100%;height:1px;bottom:20px;left:0}
.zhuanti li{float:left;width:27.6%;border-bottom:#eee 1px solid;border-left:#eee 1px solid;overflow:hidden;padding:20px;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease}
.ztpic{width:100%;height:100px;overflow:hidden;border-radius:3px;background:#ccc;display:block}
.ztpic img{display:inline-block;width:100%;min-height:100%;height:auto;vertical-align:middle;transition:all .5s ease-out .1s}
.zhuanti li b{display:block;width:100%;overflow:hidden;height:30px;line-height:30px;margin:10px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.zhuanti li span{color:#999;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;font-size:14px;height:62px;display:block}
.readmore{margin:10px 0 0 0;color:#096;display:block}
.readmore:before{content:"+";color:#063}
.zhuanti li:hover{background:#fff;box-shadow:#ccc 1px 1px 8px}
.zhuanti li:hover img{transform:scale(1.05)}
.bloglist ul{padding:10px 0 0}
.bloglist li{overflow:hidden;margin-bottom:20px;border-bottom:#eee 1px dashed;padding-bottom:20px;position:relative;min-height:120px}
.blogtitle{margin:0 0 10px 0;font-size:18px;overflow:hidden}
.bloglist li:hover .blogtitle a{color:#337ab7}
.blogtitle b{color:red}
a.viewmore{display:block;right:10px;bottom:20px;position:absolute;padding:3px 10px;background:#12b7de;color:#fff;border-radius:3px}
.blogpic{float: left;width: 23.2%;margin-right: 20px;display: block;overflow: hidden;border-radius: 3px;position: relative;}
@media (min-width:1200px) {.blogpic{margin-right: 20px;max-width: 200px;min-height: 126px;}.blogpic img {opacity: 1;vertical-align: middle;}}
.blogpic i{display:block;position:absolute;top:0;left:0;z-index:9;font-style:normal;padding:3px 5px;background:rgba(18,182,221,.8);font-size:14px}
.blogpic i a{color:#fff}
.bplist{display:block;overflow:hidden}
.bplist a{display:block;float:left;width:25%;overflow:hidden}
.bplist a img{border-radius:3px;width:200px;height:140px;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;transition:all .5s}
.bplist a img:hover{transform:scale(1.05)}
.blogtext{font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;margin-top:20px}
.blogtitle mark,.blogtext mark{color: #0188fb;background: none;}
.bloginfo{margin-top:20px;overflow:hidden;color:#999;line-height:34px}
.bloginfo span{margin:0 5px}
.bloginfo span a{color:#999}
.avatar{position:relative;float:left;width:30px;height:30px;border-radius:100%;padding:2px;display:block;background:-webkit-linear-gradient(bottom left,rgba(0,153,255,.9),rgba(42,228,197,.7));background:-o-linear-gradient(bottom left,rgba(0,153,255,.9),rgba(42,228,197,.7));background:linear-gradient(to top right,rgba(0,153,255,.9),rgba(42,228,197,.7))}
.avatar img{width:100%;border-radius:50%}
.avatar::after{content:"";position:absolute;background:url(images/v.png) no-repeat;background-size:12px;width:12px;height:12px;right:0;bottom:0}
.sqlink{float:right;margin-right:10px;font-size:14px}
.sqlink a{color:#666}
.sqlink a:hover{color:#000;text-decoration:underline}
.links ul{overflow:hidden;margin-top:20px}
.links li{display:inline-block;width:50%;float:left;line-height:30px;text-align:center}
.links li a{display:block}
.links li:hover{background:#f7f7f7}
.rbox{width:23.5%;float:right;overflow:hidden}
.card{box-shadow:0 1px 0 rgba(255,255,255,.1),inset 0 1px 1px rgba(0,0,0,.7);border-radius:3px;background:url(images/quote-bg.png) no-repeat top right rgba(42,42,42,1);height:260px;overflow:hidden;margin-bottom:20px}
.card h2{font-size:22px;margin:10px;color:#89919a;font-weight:400;padding-bottom:10px}
.card p{font-size:12px;padding:0 0 0 20px;line-height:28px;text-shadow:0 1px 2px rgba(0,0,0,.5);color:#d0d2d4;-webkit-animation:animations2 5s ease-in-out 5s;-moz-animation:animations2 5s ease-in-out 5s;-o-animation:animations2 5s ease-in-out 5s;-ms-animation:animations2 5s ease-in-out 5s;animation:animations2 5s ease-in-out 5s}
.linkmore{margin:15px}
.linkmore li{width:25%;float:left}
.linkmore li a{height:53px;display:block;overflow:hidden;box-shadow:0 1px 0 rgba(255,255,255,.1),inset 0 1px 1px rgba(0,0,0,.7);border-radius:50%;margin:0 5px}
.linkmore li a:hover{opacity:.5}
.icon-youxiang:before{content:"\e640"}
.icon-weixin:before{content:"\e501"}
.icon---:before{content:"\e607"}
.icon-zhuye:before{content:"\e64b"}
a.iconfont.icon-zhuye{color:#ef5509;font-size:36px}
a.iconfont.icon-youxiang{color:#ff991a;font-size:28px}
a.iconfont.icon---{color:#1296db}
a.iconfont.icon-weixin{color:#07af12}
#weixin{position:relative}
#weixin i{display:block;position:absolute;bottom:55px;right:0}
#weixin i img{height:100px;display:none}
#weixin:hover i img{display:block}
.whitebg img{/* width:100%; *//* height:auto; */}
.shareBox{text-align:center;position:relative}
.clearfix:after,.clearfix:before,.row:after,.row:before{content:" ";display:table}
.shareBox .san-praise-sdk{cursor:pointer}
.shareBox .sharebtn{width:130px;height:40px;line-height:40px;border:1px solid #f74840;box-shadow:none;background:#fff;display:inline-block;text-align:center;margin:5px 2px;color:#f74840;font-size:14px;text-decoration:none;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border-radius:25px}
.shareBox .sharebtntn{color:#3496e6;border-color:#3496e6}
.shareBox .sharebtn:hover{background-color:#f74840;color:#fff}
.shareBox .sharebtntn:hover{background-color:#3496e6;color:#fff}
.shareBox .pay-author{border-color:#ffab2e;color:#ffab2e}
.shareBox .pay-author:hover{background:#ffab2e;color:#fff}
.bdsharebuttonbox{display:none;position:relative}
.panel-reward{position:relative;display:none}
.panel-reward ul li{display:inline-block;text-align:center;margin:0 10px;padding:5px;border:1px solid #87ddff;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}
.panel-reward ul .weixinpay{border-color:#8ae0ac}
.panel-reward ul li img{width:120px;height:auto}
.panel-reward ul li b{display:block;font-weight:400;margin-top:3px}
.clearfix:after,.clearfix:before,.row:after,.row:before{content:" ";display:table}
.clearfix:after,.row:after{clear:both}
.htitle{font-size:16px;line-height:40px;border-bottom:1px solid #eee;color:#484848;font-weight:400;position:relative;margin-bottom:10px}
.htitle:after{content:"";position:absolute;width:60px;height:2px;content:"";background:#000;left:0;bottom:0;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease}
.htitle:hover:after{width:80px}
.hnav{float:right}
.hnav a{display:block;margin-right:10px;padding-right:10px;float:left;position:relative}
.hnav a:after{position:relative;content:"/";right:-10px;bottom:0;color:#ccc}
.hnav a:last-child::after{content:""}
.divPrevious ul{padding-top:18px}
.divPrevious li{font-size:12px;line-height:30px;margin-bottom:12px;display:block;-moz-border-radius:4px;border-radius:4px;background:#f6f6f6;padding:4px 12px 4px 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}
.divPrevious li:before{position:absolute;content:"";width:3px;height:3px;background:#000;border-radius:10px;left:15px;top:20px}
.divPrevious li:hover{background:#f2f2f2;box-shadow:0 0 10px #ccc;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}
.divComments li .author-info{margin-top:20px;height:29px;line-height:29px;font-size:12px;padding:0}
.divComments li .author-info .avatar{float:left;width:29px;height:29px;border-radius:50%;margin-right:15px}
.divComments li .author-info i{font-style:normal;color:#333;float:left;text-indent:5px;font-size:16px}
.divComments li .author-info span{color:#bbb;float:right}
.divComments li .comment-inner p{font-size:14px;color:#333;line-height:22px;margin:5px 0 5px 48px}
.divComments li .comment-refer{position:relative;height:43px;line-height:43px;padding-left:48px}
.divComments li .comment-refer .fa-quote-left{width:21px;height:15px;font-size:18px;position:absolute;left:10px;top:5px;color:#38a3db}
.divComments li .comment-refer .t{font-size:12px;color:#999;height:21px;line-height:21px;overflow:hidden;display:inline-block}
.divComments li .comment-refer .t a{color:#999;font-style:normal;margin-left:5px}
.divContorPanel{text-align:center}
.cp-hello{line-height:35px;font-size:14px;color:#666}
.cp-login{line-height:35px;font-size:14px;color:#666}
.cp-vrs{line-height:35px;font-size:14px}
.divAuthors li,.divCatalog li,.divLinkage li,.divNavBar li,.divStatistics li{width:50%;float:left;padding-bottom:5px;margin-bottom:5px;overflow:hidden}
.divArchives li,.divFavorites li{width:50%;float:left;padding-bottom:5px;margin-bottom:5px;overflow:hidden}
.divArchives li a,.divAuthors li a,.divCatalog li a,.divFavorites li a,.divLinkage li a,.divMisc li a,.divNavBar li a,.divStatistics li{color:#555;font-size:14px;margin-right:20px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}
.divMisc li{float:left;width:43%;margin-right:10px;padding-top:18px;padding-bottom:18px}
.divCalendar table{width:100%;margin-top:10px;font-size:13px;table-layout:fixed}
.divCalendar caption{text-align:center;height:35px;font-weight:700;font-size:13px;line-height:35px;background-color:#fbfbfb;border:1px solid #e0e1e2}
.divCalendar caption a{color:#555}
.divCalendar th{background-color:#fbfbfb;color:#555;text-transform:uppercase;border:1px solid #e0e1e2;height:26px}
.divCalendar td{text-align:center;color:#666;border:1px solid #e0e1e2;line-height:30px}
.divCalendar td a{display:block;line-height:30px;background:#12b7de;color:#fff}
.divSearchPanel input[type=text]{float:left;width:67%;height:28px;padding-left:10px;outline:0;vertical-align:bottom;background:#fff;border:1px solid #e8e9e7}
.divSearchPanel input[type=submit]{float:left;font-size:14px;color:#fff;line-height:26px;padding-left:15px;padding-right:15px;border:2px solid #38a3db;background:#38a3db;outline:0;cursor:pointer}
.divTags li{float:left;padding:12px 0 15px}
.divTags li{font-size:14px;color:#fff;background-color:#428bca;display:inline-block;margin:0 8px 8px 0;padding:4px 8px;line-height:20px;font-weight:400;border-radius:3px}
.divTags li:nth-child(9n){background-color:#4a4a4a}
.divTags li:nth-child(9n+1){background-color:#428bca}
.divTags li:nth-child(9n+2){background-color:#5cb85c}
.divTags li:nth-child(9n+3){background-color:#d9534f}
.divTags li:nth-child(9n+4){background-color:#567e95}
.divTags li:nth-child(9n+5){background-color:#b433ff}
.divTags li:nth-child(9n+6){background-color:#00aba9}
.divTags li:nth-child(9n+7){background-color:#b37333}
.divTags li:nth-child(9n+8){background-color:#f60}
.divTags li:hover{opacity:.8;color:#fff!important}
.divTags li a{color:#fff}
.blogtitle .new{border-radius:2px;font-weight:400;padding:.2em .35em;font-size:12px;margin:0 .4rem 0 0;position:relative;top:-1px;background:#ff6b57;color:#fff}
.abautor{background:#fff;border-top-left-radius:8px;border-top-right-radius:8px}
.widget_avatar{position:relative;height:100px;background-repeat:no-repeat;background-position:center center;margin-bottom:45px;background-size:cover;border-top-left-radius:8px;border-top-right-radius:8px}
.widget_avatar a{display:block;position:absolute;top:54px;left:50%;margin-left:-46px;padding:6px;background-color:transparent;border-radius:100%}
img.widget-about-image{margin:0 auto;display:block;width:70px;height:70px;border-radius:99px}
.widget-about-intro{text-align:center;margin:15px 0 10px}
.widget-about-intro .name{font-weight:600}
.widget-about-intro .name h3{display:inline-block;font-size:14px;margin-top:0}
.widget-about-intro .widget-about-desc{font-size:12px;line-height:1;margin:7px 0;font-weight:400}
.widget-about-intro .widget-article-newest{text-transform:uppercase;margin:12px 0;position:relative}
ul.widget-about-posts{padding:0 15px 5px 15px;margin-top:-5px}
ul.widget-about-posts li{margin:10px 0;overflow:hidden;line-height:24px;position:relative;padding-left:13px}
ul.widget-about-posts li:before{position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:#3f8efd;content:""}
a.widget-posts-title{max-width:78%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;line-height:inherit;font-size:14px}
.widget-posts-meta{font-size:13px;color:#969696;font-style:normal;float:right}
.widget-posts-text{text-align:left}
.widget-about-intro .widget-article-newest{text-transform:uppercase;margin:12px 0;position:relative}
.widget-article-newest:before{display:block;content:'';position:absolute;top:50%;left:0;right:0;border-top:1px solid rgba(0,0,0,.05);z-index:1}
.widget-article-newest span{padding:0 10px 0 10px;background:#fff;position:relative;z-index:2;color:#448ef6}
i.author-ident:after{content:"";position:absolute;width:20px;height:20px;right:10px;top:58px}
i.author-ident.author1:after{background:url(images/vjin.png) no-repeat;background-size:20px}
span.autlv{font-size:10px;color:#fff;display:inline-block;vertical-align:text-top;font-weight:400;border-radius:2px;line-height:1.4;padding:0 4px;margin-left:5px;letter-spacing:0;margin-top:4px}
.aut-0{background-image:-webkit-linear-gradient(0deg,rgba(253,165,34,.9294117647058824) 0,#fd4c4c 100%)}
.widget-posts-meta i{font-size:13px;color:#969696;font-style:normal;float:right}
.pagination{text-align:center;display:block;float:inherit}
.pagination a{text-align:center;display:inline-block;color:#fff;background:#38a3db;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.pagination a i{width:36px;height:36px;line-height:36px}
.pagination a:hover{background:#505050;text-decoration:none;color:#fff}
.pagination .page-number{background:#12b7de;color:#fff;margin:0 3px;display:inline-block;line-height:36px;padding:0 14px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.nav-links a{color:#b6b6b6;text-align:center;font-size:88px}
.meta-nav-r{position:fixed;top:42%;left:0;z-index:1;width:50px}
.meta-nav-l{position:fixed;top:42%;right:0;z-index:1;width:50px}
#backtoTop{position:fixed;right:-100px;bottom:0;width:45px;height:45px;border-radius:100%;background-color:#333d46;-webkit-transition:.5s;transition:.5s}
#backtoTop.button--show{right:20px;bottom:10%}
.per{position:absolute;top:0;width:45px;height:45px;color:#fff;text-align:center;font-size:16px;line-height:45px;cursor:pointer}
.per:before{content:attr(data-percent)}
.per:hover:before{content:"▲";font-size:22px;line-height:0;top:20px;position:absolute;right:10px}
.topnews{display:block;margin:20px 0;background:#000;position:relative;overflow:hidden;border-radius:3px;max-height:110px}
.topnews img{opacity:.7}
.topnews span{bottom:0;position:absolute;bottom:30%;left:0;right:0;color:#fff;text-align:center;font-size:15px;padding:0 40px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;line-height:22px}
.topnews:hover img{opacity:.9;transform:scale(1.1)}
.paihang ul{overflow:hidden}
.paihang ul li{height:30px;line-height:30px;margin-bottom:10px;padding-left:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.paihang ul li:nth-child(even){background:#f6f6f6}
.paihang ul li i{display:block;width:16px;height:16px;background:#b1b1b1;float:left;margin-top:8px;margin-right:10px;position:relative;font-style:normal}
.paihang ul li i::before{position:absolute;left:0;top:0;font-size:9px;color:#fff;line-height:16px;width:16px;text-align:center}
.paihang ul li:first-child i,.paihang ul li:nth-child(2) i,.paihang ul li:nth-child(3) i{background:#f60}
.paihang ul li:first-child i::before{content:"1"}
.paihang ul li:nth-child(2) i::before{content:"2"}
.paihang ul li:nth-child(3) i::before{content:"3"}
.paihang ul li:nth-child(4) i::before{content:"4"}
.paihang ul li:nth-child(5) i::before{content:"5"}
.paihang ul li:nth-child(6) i::before{content:"6"}
.paihang ul li:nth-child(7) i::before{content:"7"}
.paihang ul li:nth-child(8) i::before{content:"8"}
.paihang ul li:nth-child(9) i::before{content:"9"}
.paihang ul li:nth-child(10) i::before{content:"10"}
.paihang ul li:hover{-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}
.tuijian ul{overflow:hidden;padding-top:10px}
.tuijian li{overflow:hidden;margin-bottom:10px;height:60px}
.tuijian li i{width:70px;height:70px;margin-right:10px;overflow:hidden;display:block;float:left}
.tuijian li i img{height:100%;max-width:100%;min-width:100%;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;transition:all .5s}
.tuijian li p{margin-top:10px;line-height:20px;max-height:40px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;font-size:14px}
.tuijian li:hover{background:#f6f6f6}
.tuijian li:hover img{transform:scale(1.1)}
.ad ul{overflow:hidden;border-radius:3px}
.wenzi li{line-height:22px;margin-bottom:10px;position:relative;padding-left:15px}
.wenzi li:before{position:absolute;content:"";width:3px;height:3px;background:#000;border-radius:10px;left:0;top:10px}
.tongji li{margin-bottom:8px}
.tongji li a{color:#096}
.tongji li a:hover{text-decoration:underline;color:#000}
.tongji_gzh{width:80%;margin:auto;overflow:hidden}
.tongji_gzh img{width:100%}
footer{background:#373d41;width:100%;position:relative;padding:30px 0;color:#73777a;font-size:14px}
.wxbox{overflow:hidden;float:left;margin-right:20px}
.wxbox li{float:left;margin:0 10px;text-align:center}
.wxbox img{height:100px}
.endnav b{font-size:16px;color:#00c1de}
.endnav p{margin-bottom:5px}
footer a{color:#73777a}
footer a:hover{color:#00c1de}
.footer-area{background:#151515}
.footer-area a:hover{color:#fff}
.footer-area.footer-2 a:hover{color:#151515}
.footer-area .entry-share{margin:20px 0}
.footer-area .social-item{float:left;margin:10px 0;width:16.6%}
.footer-area .social-item a{position:relative;display:inline-block;padding-left:35px;min-height:30px}
.footer-area .entry-share span{display:block;line-height:1.5}
.footer-area .entry-share span:nth-child(2),.footer-area .entry-share>a:hover i,.footer-area .entry-share>a:hover span{color:#fff}
.footer-area .entry-share i{position:absolute;top:0;left:0;border:1px solid #959595;background:0 0;color:#999;letter-spacing:normal}
.footer-area:not(.footer-2) .entry-share i{line-height:28px}
.xx-footer{border-top:1px solid rgba(255,255,255,.13);color:#999;font-size:14px}
.dfg{padding:15px 0}
.copyright{float:left;margin:0}
.footer-text{float:right;margin:0}
.footer-area .link-body{margin-top:15px;margin-bottom:20px;margin-left:0;padding:0}
.footer-area .link-body li{display:inline-block}
.footer-area .link-body li{margin-right:12px;color:rgba(255,255,255,.7);font-size:14px}
footer::before{background:#000 linear-gradient(to left,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);content:"";height:6px;position:absolute;top:0;width:100%}
.top{width:40px;height:40px;display:block;background:url(images/top.png) no-repeat center #000;right:20px;bottom:10%;position:fixed}
.lanmu img{height:100px;float:left;margin-right:20px}
.lanmu h1{font-size:22px;margin-bottom:15px}
.lanmu p{color:#666}
.liucheng ul{overflow:hidden;margin-top:20px}
.liucheng li{width:33.3%;float:left;padding-bottom:20px}
.liucheng li section{display:block;margin:0 15px;box-shadow:#e9eaed 1px 1px 5px}
.liucheng li h2{font-size:16px;line-height:36px;background:#1c2327;color:#fff;font-weight:400;text-align:center;margin-bottom:15px}
.liucheng li p{padding:0 10px;font-size:14px;line-height:30px}
.liucheng li p:last-child{padding-bottom:15px}
.liucheng li a:hover{color:#30a6de}
.red{color:red}
#lc_weixin{position:relative}
#lc_weixin i{display:block;position:absolute;bottom:40px;right:0;box-shadow:#e9eaed 1px 1px 5px}
#lc_weixin i img{height:100px;display:none}
#lc_weixin:hover i img{display:block}
.pagelist{text-align:center;color:#666;width:100%;clear:both;margin:0 0 10px}
.pagelist a{color:#666;margin:0 5px 10px;padding:5px 10px;background:#f7f7f7;display:inline-block}
.pagelist a:hover,.pagelist>b{color:#3690cf;color:#fff;background:#1c2327}
.pagelist>b{padding:5px 10px}
a.curPage{color:#19585d;font-weight:700}
.cloud ul a{line-height:24px;height:24px;display:block;background:#999;float:left;padding:3px 10px;margin:10px 5px 0 0;border-radius:3px;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;color:#fff}
.cloud ul a:nth-child(8n-7){background:#8a9b0f}
.cloud ul a:nth-child(8n-6){background:#eb6841}
.cloud ul a:nth-child(8n-5){background:#3fb8af}
.cloud ul a:nth-child(8n-4){background:#fe4365}
.cloud ul a:nth-child(8n-3){background:#fc9d9a}
.cloud ul a:nth-child(8n-2){background:#edc951}
.cloud ul a:nth-child(8n-1){background:#c8c8a9}
.cloud ul a:nth-child(8n){background:#83af9b}
.cloud ul a:first-child{background:#036564}
.cloud ul a:last-child{background:#3299bb}
.cloud ul a:hover{border-radius:0;text-shadow:#000 1px 1px 1px}
.site_tj{overflow:hidden;padding-top:20px}
.site_tj li{width:16.6%;float:left;text-align:center;line-height:30px;margin-bottom:10px}
.site_tj li a{border-radius:3px;display:block;border:1px solid #ebebeb;margin:0 5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.site_tj li:hover a{box-shadow:0 4px 10px -4px rgba(48,63,107,.2);background:#222;color:#fff}
.site_yx li:nth-child(30n){margin-bottom:60px}
.about{padding:20px 40px}
.ab_box{overflow:hidden;margin:20px 0}
.ab_box h3{margin:10px 0 10px;font-size:18px}
.ab_box p{color:#666;margin-bottom:5px}
.avatar_pic{position:relative;float:left;margin-right:10px;background:-webkit-linear-gradient(bottom left,rgba(0,153,255,.9),rgba(42,228,197,.7));background:-o-linear-gradient(bottom left,rgba(0,153,255,.9),rgba(42,228,197,.7));background:linear-gradient(to top right,rgba(0,153,255,.9),rgba(42,228,197,.7));display:block;padding:2px;width:100px;border-radius:50%}
.avatar_pic img{width:100%;border-radius:50%}
.avatar_pic:before{position:absolute;content:"";background:url(images/v.png) no-repeat;bottom:0;right:10px;height:24px;width:24px;background-size:24px}
.ab_dubai{margin-bottom:15px;display:inline-block}
.ly_button{float:right;width:100px;background:#000;text-align:center;border-radius:3px;line-height:30px}
.ly_button a{color:#fff}
.gd_title{margin:20px 0;font-size:18px;background:url(images/hline.png) no-repeat bottom right;width:120px;clear:both;background-size:40px;border-bottom:#000 1px dashed;padding-left:10px;padding-bottom:5px;display:inline-block}
.xinlu li{width:25%;float:left;overflow:hidden;margin-bottom:20px}
.xinlu li a{display:block;margin:0 10px;background:#f3f3f3;padding:20px}
.xinlu li i{display:block;overflow:hidden;height:120px;margin-bottom:10px}
.xinlu li i img{width:100%;min-height:120px;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;transition:all .5s}
.xinlu li i:hover img{transform:scale(1.1)}
.xinlu li p{font-weight:700;margin-bottom:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.xinlu li span{color:#666;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;font-size:14px;height:62px}
.myblog{overflow:hidden;clear:both}
.myblog li{width:20%;float:left;display:block;text-align:center;padding-bottom:10px;position:relative;overflow:hidden}
.myblog li:after{position:absolute;content:"";right:0;top:0;background:#e9eaed;height:100%;width:1px}
.myblog li:last-child:after{content:none}
.myblog li b{display:block;line-height:30px;margin-bottom:10px}
.buttons{display:block;margin:10px auto;width:130px;text-align:center;background:#00c1de;padding:5px 0;border-radius:3px;color:#fff}
.buttons:hover{color:#fff}
.myblog li:nth-child(even) .buttons{background:#f60}
.myblog p{margin-bottom:10px}
.qq_join li{float:left;width:25%}
.qq_join li section{margin:0 20px;box-shadow:#ccc 1px 1px 5px;padding:10px;display:block;overflow:hidden}
.qq_join li img{width:90%;margin:auto;background:-webkit-linear-gradient(bottom left,rgba(0,153,255,.9),rgba(42,228,197,.7));background:-o-linear-gradient(bottom left,rgba(0,153,255,.9),rgba(42,228,197,.7));background:linear-gradient(to top right,rgba(0,153,255,.9),rgba(42,228,197,.7));display:block;padding:5px}
.qq_join li p{margin:10px}
.qq_join li b{color:#019881;margin:0 5px}
.con_tilte{font-size:22px;margin-top:20px}
.con_nav{float:right;font-size:14px;color:#666}
.con_nav a{color:#666}
.con_nav a:hover{color:#000}
.con_info{color:#888;border:1px solid #f3f3f3;padding:10px;margin:10px auto 0;line-height:23px;background:none repeat 0 0 #f6f6f6}
.con_info b{margin-right:10px;color:#000}
.con_text{line-height:24px;margin-top:20px}
.con_text a{color:#09c;word-break:break-all}
.con_text p{margin:15px 0}
.con_text img{display:block;max-width:100%!important;height:auto!important;/* margin:auto */}
.price_info ul{padding-top:15px;position:relative;overflow:hidden}
.price_info p{margin-bottom:5px}
.price_info img{position:absolute;right:20px;top:0;width:120px}
.share{padding:10px 20px;background:#f7f7f7;border-left:3px solid #000}
.diggit{display:block;width:160px;margin:20px auto;background:#e2523a;color:#fff;box-shadow:1px 2px 6px 0 rgba(0,0,0,.2);border-radius:3px;line-height:40px;text-align:center}
.diggit a{color:#fff}
.diggit a:hover{text-decoration:none}
.otherlink{margin:10px 0;overflow:hidden}
.otherlink li{position:relative;line-height:26px;height:26px;display:block;width:50%;float:left;overflow:hidden}
.otherlink li a{display:block;margin-right:30px;padding-left:10px}
.otherlink li a:hover{text-decoration:underline;color:#000}
.otherlink li:before{position:absolute;content:"";width:3px;height:3px;background:#000;border-radius:10px;left:0;top:12px}
.nextinfo a{color:#000}
.ad img{width:100%}
.xiangsi{margin-top:20px;overflow:hidden}
.xiangsi li{width:25%;float:left;overflow:hidden;margin-bottom:20px;padding-bottom:10px}
.xiangsi a{display:block;margin:0 5px;padding-bottom:10px;box-shadow:#ececec 0 2px 5px}
.xiangsi li i{display:block;overflow:hidden;height:120px;margin-bottom:10px}
.xiangsi li i img{width:100%;min-height:120px;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;transition:all .5s}
.xiangsi li i:hover img{transform:scale(1.1)}
.xiangsi li p{font-weight:700;margin-bottom:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 8px}
.xiangsi li span{color:#666;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:block;-webkit-line-clamp:3;font-size:14px;height:62px;padding:0 8px}
.timebox{padding:30px}
.timebox ul{overflow:hidden}
.timebox span{position:relative;line-height:32px;padding-right:40px;color:#999}
.timebox span:after{position:absolute;content:"";width:2px;height:40px;background:#e0dfdf;right:18px}
.timebox li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.timebox li i{position:relative;font-style:normal}
.timebox li i:before{content:" ";height:10px;width:10px;border:2px solid #cccaca;background:#fff;position:absolute;top:4px;left:-26px;border-radius:50%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.timebox li:hover i:before{background:#080808}
.pagelist.mt20{margin-top:20px}
.saying{line-height:30px;color:#a9a6a6}
.saying span{float:right}
.saying span a{color:#de1513}
img#plKeyImg{display:inline-block}
.yname{margin:10px 10px 10px 0}
.yname span,.yzm span{padding-right:10px}
.yzm{margin:0 10px 10px 0}
.gbox input[type=submit]{display:block;background:#303030;color:#fff;border:0;line-height:30px;padding:0 20px;border-radius:5px;float:right}
#plpost textarea#saytext{width:100%}
#plpost input[type=submit]{display:block;background:#040404;color:#fff;border:0;line-height:30px;padding:0 20px;border-radius:5px;float:right}
.gbox{padding:0;overflow:hidden}
.gbox p{margin-bottom:10px;overflow:hidden}
p.fbtime{color:#000}
.fbtime span{float:right;color:#999;font-size:12px;overflow:hidden;white-space:nowrap}
p.fbinfo{margin:10px 0}
.fb ul{margin:10px 0;padding:20px 10px;border-bottom:#ececec 1px solid}
span.tximg{display:block;float:left;margin-right:10px}
.gbox i{display:block;float:left;margin-right:10px}
.gbox i input{margin:10px auto;display:block}
.hf ul{padding:10px 10px;background:#f9f9f9}
.hf{padding-bottom:20px;border-bottom:#dedddd 1px dashed}
textarea#lytext{width:99%}
.gbox input[type=submit]{display:block;background:#040404;color:#fff;border:0;line-height:30px;padding:0 20px;border-radius:5px;float:right}
.ecomment{border:#dedcdc 1px solid;padding:10px;margin-bottom:10px}
span.ecommentauthor{color:#b5b5b5;font-size:14px;margin-bottom:5px;display:block}
.mkcomments{margin-top:10px;margin-bottom:50px;background:#fff}
.mkcomments h3{color:#333;font-size:18px;margin-top:0;margin-bottom:25px;text-align:center;letter-spacing:3px}
.mkcomments h3 span{display:block;height:4px;width:35px;background:#38a3db;margin:7px auto 0}
.commentlist .msg{padding-top:10px}
ul.msg{width:100%;margin-bottom:5px}
ul.msg li{width:100%;overflow:hidden;clear:both;margin:0;padding:0;list-style:none}
.msgarticle{padding:10px 2px}
.comment-body{position:relative;margin-left:55px;border:1px solid #ddd;padding:0 10px 10px!important;border-radius:2px}
.comment-body:before{border-right-color:#dedede!important;z-index:1}
.comment-body:after{border-right-color:#f8f8f8!important;margin-left:1px;z-index:2}
.comment-body:after,.comment-body:before{position:absolute;top:8px;left:-8px;right:100%;width:0;height:0;display:block;content:" ";border-color:transparent;border-style:solid solid dotted;border-width:8px 8px 8px 0;pointer-events:none}
.comment-header{background-color:#f8f8f8;padding:10px;margin-left:-10px;margin-right:-10px;border-bottom:1px solid #eee;font-weight:500;margin-bottom:10px;font-size:14px}
.comment-header a{color:#999;font-size:13px;margin-right:8px}
.comment-body p{font-size:13px;color:#000;line-height:2em;margin:.5em 0;word-wrap:break-word}
.comment-footer{margin-top:15px;font-size:13px;line-height:1.5em}
.comment-time{font-size:12px;margin-right:8px;color:#999}
.post-reply{font-size:12px;color:#999}
.msgname .msgname,ul.children{margin-left:38px}
.msgname .msgname .avatar,.msgname .msgname .avatar img,ul.children .avatar,ul.children .avatar img{width:30px;height:30px}
#divCommentPost p.posttop{position:relative;z-index:5;font-size:12px;padding:8px 0;width:100%;clear:both;overflow:hidden}
#divCommentPost p a{float:right;line-height:1.5em;margin-right:6px;cursor:pointer;text-decoration:none;color:#777}
#divCommentPost p.posttop small{float:right;position:relative;font-size:12px;cursor:pointer;text-align:right;line-height:18px;padding-bottom:3px;width:75px}
.pinglun{width:auto;font-size:12px;z-index:3;margin:8px 0;padding:0 0 0 60px;position:relative;clear:both;padding:0;margin:0;vertical-align:baseline;font:inherit;line-height:inherit;background:0 0;width:auto;float:none;transition:none;overflow:hidden}
.textarea-wrapper{border:1px solid #ddd;background:0 0;border-radius:3px}
.rounded-top{-webkit-border-top-right-radius:3px;-webkit-border-top-left-radius:3px;border-top-right-radius:3px;border-top-left-radius:3px}
#txaArticle{position:relative;z-index:1;border:0;border-bottom:none;padding-right:24px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;box-shadow:none;-webkit-appearance:none;overflow:auto;padding:10px;height:140px;min-height:140px;margin:0;resize:none;outline:0;width:97%;min-width:97%;}
.post-toolbar{margin-top:10px;overflow:hidden;float:right}
input.button{float:right;height:32px;width:100px;text-align:center;text-shadow:none;font-weight:700;border:none;color:#fff;background-color:#38a3db;border-radius:2px;background-image:none;box-shadow:none;cursor:pointer}
input.button:hover{background:#8463a9}
.post-terinfo{padding:20px 0 0;color:#777}
.post-terinfo ul li{margin-bottom:5px;text-align:center}
input.text{margin-right:10px;position:relative;border:none;border:1px solid #ddd;border-radius:2px;height:35px;padding:3px 5px;outline:0;color:#b3b3b3;width:220px;box-shadow:none}
.post-terinfo ul li label{color:#b3b3b3}
.compost .com-info{margin-bottom:10px;}
.compost .com-info li{float:left;margin-bottom:1em;width:38.3%;padding-right:3%;position:relative;list-style:none;}
.compost .com-info li:nth-child(2){padding-right:0}
.compost .com-info li .verify{position:absolute;right:0%;top:0;z-index:1;height:40px!important}
.compost .com-info li .verify img{height:100%;border:1px solid #ddd}
.compost .com-info li input{width:100%;height:40px;line-height:40px;padding-left:4px;border:1px solid #ddd;border-radius:3px;text-indent:10px}
.compost .com-name{padding:1em 0 1em .2em}
#cancel-reply{color:#111}
#txaArticle{border-radius:3px;text-indent:5px;margin:0 0 20px 0;padding:5px;width:98%;border:1px solid #ddd;background:#fff;-webkit-appearance:none;font-size:14px}
.com-submit{border-radius:3px;border:none;cursor:pointer;height:40px;line-height:40px;background-color:#111;color:#fff;padding:0 20px;font-size:14px;opacity:.8;}
.com-submit:hover{opacity:1;}
.comment-list .cinfo{height:20px}
.comment-list .clbody .p{word-wrap:break-word}
.cinfo .author{color:#666}
.c-time{color:#999;font-size:12px}
.comment-at{color:#111}
.reply-a{opacity:.5}
.comment-list li:hover .reply-a{opacity:1}
@media screen and (min-width:1024px) and (max-width:1199px){.navbox{width:96%}
#starlist li a{padding:0 10px}
#starlist li.menu:before{right:0}
.zhuanti li{width:27%}
.searchbox{width:96%}
.box,article{width:96%}
.fader .slide img{height:320px}
.links li{width:100%;text-align:left}
.jianzhan li section{margin:0 5px}
.jianzhan li:nth-child(1){width:30%}
.jianzhan li:nth-child(3){width:36.3%}
}
.pagebar{width:100%;margin:0 auto;padding:15px 0 10px;font-size:0;text-align:center;border-radius:3px;box-sizing:border-box;background:#fff}
.pagebar a{margin:2px;padding:5px 10px;font-size:14px;color:#777;font-weight:400;border:1px solid #e2e2e2;border-radius:2px;background:#fff;display:inline-block}
.pagebar .now-page{font-size:14px;color:#fff;font-weight:400;padding:5px 10px;margin:0 5px 5px;border:1px solid #38a3db;border-radius:2px;background:#38a3db;display:inline-block}
@media screen and (max-width:1023px){header{position:fixed;z-index:999}
nav{width:100%;height:auto;background:rgba(0,0,0,.5);margin-top:18px;position:fixed;z-index:999;top:42px}
.searchico{position:absolute;top:6px;right:10px}
.search{width:80%}
.navbox{width:100%}
.searchbox{width:100%;position:fixed;top:50px;z-index:99;background:rgba(0,0,0,.8)}
.logo{margin-left:0;line-height:56px;float:none;text-align:center;margin-right:0}
#mnavh{overflow:hidden;position:absolute}
#mnavh{display:block}
#starlist{display:none;width:100%}
#starlist li{width:55%;text-align:center;background:#12b7de;float:none;display:block;font-weight:700}
#starlist li:last-child{padding-bottom:100%}
#starlist li a{color:#fff;display:block;width:100%;text-align:center;float:none;padding:0;background:#12b7de;border-bottom:#49ccea 1px solid}
#starlist ul.sub{display:block;position:inherit;left:inherit;top:inherit}
#starlist ul.sub li{width:100%}
#starlist ul.sub li:last-child{padding-bottom:0;border-bottom:#49ccea 1px solid}
#starlist ul.sub li a{color:#fff;font-weight:400;border-bottom:none}
#starlist #selected,#starlist li:hover a,#starlist ul.sub li a:hover{color:#fff}
.menu span{display:block;width:50px;height:50px;background:#12b7de;opacity:.5;position:absolute;top:0;right:0;border-left:#49ccea 1px solid}
.menu:before{right:20px}
.box,article{width:96%}
article{padding-top:80px}
.lbox{width:100%}
.rbox{display:none}
.qq_join li section{margin:0 10px}
.jianzhan li section{margin:0 5px}
.jianzhan li:nth-child(1){width:30%}
.jianzhan li:nth-child(3){width:36.3%}
.zhuanti li{width:27%}
}
@media only screen and (max-width:768px){.zhuanti li{padding:15px}
.bplist a img{width:96%}
.xinlu li a{padding:5px;margin:0 5px}
.myblog li{width:33.3%}
.qq_join li section{margin:0 5px;padding:5px}
.qq_join li p{margin:10px 0;font-size:12px}
.endnav p:last-child{text-align:center;margin-top:20px}
.site_tj li{width:20%}
.hnav a{font-size:12px}
.muban li section{margin:0 5px;height:260px;overflow:hidden}
.zhuanti li{width:27.6%;padding:8px}
.nav-links{display: none;}
}
@media only screen and (max-width:480px){.headline{width:100%}
.headline ul{height:auto;padding-bottom:10px;overflow:hidden}
.headline ul li{width:49%;float:left}
.headline ul li:last-child{float:right}
.headline ul li span{padding:0 20px}
.banbox{width:100%}
.fader{height:200px}
.newspic{width:100%;height:auto}
.newspic li{width:49%;float:left}
.newspic li:last-child{float:right}
.newspic li a{height:100%}
.newslist{float:none;width:100%}
.zhuanti ul{padding:0}
.zhuanti li{width:44%;padding:8px}
.zhuanti ul:before{left:0}
.zhuanti ul:after{bottom:0}
.ad{padding:5px}
.blogtitle{font-size:16px}
.bplist{height:60px}
.bplist a img{height:100%}
a.viewmore{position:static;margin-top:20px;text-align:center}
.blogpic{width:100px;margin-right:10px;height:76px}
.blogtext{margin-top:15px}
.lanmu h1{font-size:18px}
.top_pic{width:100%;float:none;margin-bottom:10px}
.top_box{float:none;width:100%}
.jianzhan li:nth-child(1),.jianzhan li:nth-child(3),.liucheng li{width:100%}
.muban li section{height:auto}
.site_tj li{width:50%}
.about{padding:20px}
.ab_box p:last-child{width:100%;clear:both;padding-top:10px}
.ly_button{float:none;display:block}
.xinlu li{width:50%}
.myblog li,.xiangsi li{width:50%}
.qq_join li{width:50%;margin-bottom:20px}
.wxbox ul{overflow:hidden;text-align:center}
.wxbox li{float:none;display:inline-block}
.wxbox{float:none}
.endnav{width:100%;overflow:hidden;margin-top:20px}
.endnav p{margin:0 10px}
.price_info img{position:static}
.free li{width:100%;margin-bottom:10px}
.newslist li{padding:0 10px 10px 10px}
.newspic span{padding:0 8px}
.hnav{float:none;width:100%;clear:both;display:block;overflow:hidden}
.ztpic{height:60px}
.zhuanti li b{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;font-size:14px;height:42px;line-height:24px;white-space:inherit}
.bloginfo{width:100%}
.imgscale img{height:100%;max-width:100%}
.blogpic i{display:none}
.fader .slide img{height:200px}
.otherlink li{width:100%}
.tab_buttons{overflow-x:auto}
.tab_buttons ul{width:600px;overflow-x:scroll}
.tab_buttons li{margin-right:30px;width:auto}
.newscurrent:after{width:100%}
}