﻿/*
	@Author:@浪子情魔，http://www.wo21.net
	@time:2017-7-1
	@name:椰子皮前端样式
*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:normal}
html,body,fieldset,img,iframe,abbr{border:0}
i,cite,em,var,address,dfn{font-style:normal}
[hidefocus],summary{outline:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%}
sup,sub{font-size:83%}
pre,code,kbd,samp{font-family:inherit}
q:before,q:after{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,span,i{text-decoration:none;color:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
:focus{border:0;outline:0}
em,i{font-style:normal}
img{border:0}
textarea{outline:0;resize:none}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold}
del,ins,u,s,a,a:hover{text-decoration:none}
body input,body select{outline:0;blr:expression(this.onFocus=this.blur());border:0}
body,textarea,input,button,select,keygen,legend{outline:0}
::selection{background:#ff6700;color:#fff}
.clear{display:block;content:'';clear:both;visibility:hidden;height:0}
select{outline:0;vertical-align:middle;-webkit-appearance:none;appearance:none}
input[type="submit"],input[type="text"],input[type="reset"],input[type="button"],button,input[type="radio"],input[type="checkbox"],input[type="password"]{-webkit-appearance:none}
input,textarea{border:#ddd 1px solid!important;box-sizing:border-box;box-shadow:inset 0 1px 5px rgba(0,0,0,0.02);font-family:inherit;text-indent:10px;background:rgba(255,255,255,0.5);transition:all .3s;-webkit-transition:all .3s}
input:focus,textarea:focus{border:#ff6700 1px solid!important;box-shadow:0 0 8px rgba(255,103,0,0.7)}
body{font-size:12px;line-height:24px;margin:0;padding:0;min-width:320px;color:#333;position:relative;-webkit-text-size-adjust:none;-webkit-touch-callout:none;-webkit-overflow-scrolling:touch;min-height:768px}
body:before{content:'';position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0.5);z-index:-1}
body:after{content:'';position:fixed;left:0;top:0;width:100%;height:100%;background-attachment:fixed;background-repeat:no-repeat;background-size:100% 100%;z-index:-2}
.wrapper{min-width:320px}
.blur{-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px)}
i,em{margin-right:3px;color:#ff9f38;display:inline-block}
.mycanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}
.userava{width:7%;max-width:43px;max-height:43px}
.userava img{width:100%}
.ft18{font-size:18px}
.ft16{font-size:16px}
.ft15{font-size:15px}
.ft14{font-size:14px}
.ft13{font-size:13px}
.ft12{font-size:12px}
.pd05{padding:5px}
.pd10{padding:10px}
.pd15{padding:15px}
.pd20{padding:20px}
.pd25{padding:25px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb30{padding-bottom:30px}
.pb35{padding-bottom:35px}
.pdtb05{padding:5px 0}
.pdtb10{padding:10px 0}
.pdtb15{padding:15px 0}
.pdtb20{padding:20px 0}
.pdtb25{padding:25px 0}
.pdlr05{padding:0 5px}
.pdlr10{padding:0 10px}
.pdlr15{padding:0 15px}
.pdlr20{padding:0 20px}
.pdlr25{padding:0 25px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt25{margin-top:25px}
.mb15{margin-bottom:15px}
.mb25{margin-bottom:25px}
.mb10{margin-bottom:10px}
.mb30{margin-bottom:30px}
.mb50{margin-bottom:50px}
.ma10{margin:10px}
.ma15{margin:15px}
.ma20{margin:20px}
.ma25{margin:25px}
.t-orange{color:#ff6700}
.t-blue{color:#0181da}
.t-black{color:#666}
.t-green{color:#0eac85}
.t-white{color:#fff}
.t-ccc{color:#ccc}
.clear{clear:both}
.clear-after:after{content:'';display:block;clear:both}
.circle{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}
.fl{float:left}
.fr{float:right}
.translucent{background:rgba(255,255,255,0.5);-webkit-border-radius:3px;border-radius:3px}
.bgfff{background:#fff}
.h1-tit,.h2-tit,.h3-tit,.h4-tit,.h5-tit{font-weight:normal;-webkit-border-radius:0;border-radius:0;position:relative}
.h5-tit{font-size:12px}
.h4-tit{font-size:14px}
.h3-tit{font-size:16px}
.h2-tit{font-size:18px}
.h1-tit{font-size:20px}
.bold{font-weight:bold}
.arctile_tit{font-size:18px;color:#555}
.juzhong{display:table-cell;display:flex;display:-webkit-flex;align-items:center;justify-content:center;-webkit-justify-content:center;height:100%;width:100%;-webkit-box-align:center;-webkit-box-pack:justify;vertical-align:middle}
.lable{display:inline-block;background:#f73b5e;padding:10px 5px;line-height:0;color:#fff;border-radius:5px;-webkit-border-radius:5px;font-weight:normal;margin:0 5px;font-size:12px}
.page_hide{display:none}
#txaArticle{color:#555;font-size:14px}
.loading_div{position:fixed;left:0;right:0;top:0;margin:auto;background:rgba(255,255,255,0.8);width:100%;height:100%}
.loading_div p{display:block;font-size:16px;color:#333;position:absolute;top:20%;left:0;right:0;margin:auto;line-height:30px;text-align:center}
.loading_div img{vertical-align:middle;margin-right:10px}
.tuijian,.Hot,.New,.isRecommend,.Hotbg{position:relative}
.tuijian:before,.Hot:before,.New:before,.isRecommend:before,.Hotbg:before{content:'';display:inline-block;position:absolute;right:5px;top:0;z-index:999}
.tuijian:before{width:25px;height:25px;background:url(../../style/images/icon/tj2.gif)no-repeat center;background-size:100%}
.Hot:before{width:25px;height:25px;background:url(../../style/images/icon/hot.gif)no-repeat center;background-size:100%}
.New:before{width:25px;height:25px;background:url(../../style/images/icon/new.gif)no-repeat center;background-size:100%}
.post-line.isRecommend:before,.post-line.New:before{top:-5px;right:20px}
.isRecommend:before{width:80px;height:40px;background:url(../../style/images/icon/tj.gif)no-repeat center;background-size:80%;right:10px;top:10px}
.Hotbg:before{width:35px;height:35px;background:url(../../style/images/icon/Hot.png)no-repeat center;background-size:100%;right:initial;left:0}
#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.8)}
#preloader-con{width:150px;height:150px;position:fixed;left:0;right:0;bottom:0;top:0;margin:auto}
#loader{display:block;position:relative;left:50%;top:0%;width:100px;height:100px;margin:-75px 0 25px -75px;border-radius:50%;border:3px solid transparent;border-top-color:#9370DB;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}
#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#BA55D3;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}
#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#FF00FF;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}
#loading-text{position:relative;z-index:1;font-size:1.5rem;font-family:"Comic Sans MS",cursive,sans-serif;margin-left:0.5em}
#loading-text:before{content:'Loading...';}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}header{width:100%;height:70px;background:rgba(255,255,255,0.85);box-shadow:0 0 5px #13c5f8;position:fixed;z-index:1000}
header .top{width:100%;max-width:1200px;margin:auto;height:100%;position:relative}
header .top-left{width:30%;float:left;overflow:hidden;height:100%;position:relative}
header .mynav{width:70%;float:right;height:100%;position:relative}
header .logo{width:45%;float:left;display:flex;display:-webkit-flex;align-items:center;justify-content:flex-start;-webkit-justify-content:flex-start;height:100%;-webkit-box-align:center;-webkit-box-pack:justify;vertical-align:middle;position:relative;overflow:hidden}
header .logo a{display:block;height:100%;width:100%}
header .logo img{max-width:100%;max-height:100%;height:auto;width:auto;position:absolute;left:0;top:0;bottom:0;margin:auto}
header .web-xiaoxi{width:55%;float:left;position:relative;font-size:12px;color:#777;display:table-cell;display:flex;display:-webkit-flex;align-items:center;justify-content:flex-start;-webkit-justify-content:flex-start;height:100%;-webkit-box-align:center;-webkit-box-pack:justify;vertical-align:middle}
header .web-xiaoxi i{color:inherit;line-height:70px}
header .mulitline{height:25px;overflow:hidden;margin-left:10px}
header .mulitline li{line-height:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.mynav{position:relative}
.mynav .pcnav{height:100%;display: flex;justify-content: flex-end;align-items: center;display: -webkit-flex;-webkit-justify-content: -webkit-flex-end;align-items: center;}
.mynav .pcnav:after{content:'';display:block;clear:both}
.pcnav .pcnav-item{text-align:center;width:12.5%;height:100%;float:left;position:relative;z-index:1;max-width:120px}
.pcnav .pcnav-item>a{display:inline-block;width:100%;height:100%;line-height:70px;font-size:15px;color:#ff6700;transition:all .2s;-webkit-transition:all .2s;position:relative;z-index:2}
.pcnav .pcnav-item i{font-size:12px;color:inherit}
.drop:hover i{color:inherit}
.drop-nav li.nav-active a{border:0}
.drop i{font-size:12px;margin-left:10px;display:inline-block;transition:all .2s;-webkit-transition:all .2s}
.nav-active i{transform:rotate(180deg)}
.drop:hover i{transform:rotate(180deg)}
.drop-nav{position:absolute;width:100%;top:0;padding-top:70px;left:0;box-sizing:border-box;display:none;background:rgba(255,255,255,0.9);border:1px #f5f5f5 solid;z-index:1;-webkit-border-radius:0;border-radius:0}
.more_menus>.drop-nav{box-shadow:none}
.more_menus_ul>li .drop-nav{left:inherit;right:-150%;box-shadow:none;top:0;display:none!important}
.more_menus_ul>li:hover .drop-nav{display:block!important}
.drop-nav li a{margin:auto;padding:0 10px;display:block;color:inherit;font-size:12px;text-align:center;transition:all .3s;-webkit-transition:all .3s;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-bottom:1px solid #ddd}
.drop-nav li{height:40px;line-height:40px;position:relative;z-index:2111}
.drop-nav li:last-child  a{border:none}
.drop-nav li:hover{background:#f5f5f5;color:#13c5f8}
.drop-nav li:hover a{color:inherit}
.drop-nav li a i{font-size:12px;margin-right:10px;color:#7d7d7d}
.drop-nav li.nav-active a{background:#13c5f8;color:#fff;font-size:16px}
.mobile-nav{float:right;text-align:center;width:33px;height:100%;position:relative}
.mn-con{margin-top:12px}
.mobile-nav span{display:block;width:100%;height:3px;background:#ff6700;margin-bottom:8px;-webkit-transition:all 0.3s;transition:all 0.3s}
.mobile-nav.active span:nth-of-type(1){-webkit-transform:rotate(45deg) translateX(8px) translateY(8px);transform:rotate(45deg) translateX(8px) translateY(8px)}
.mobile-nav.active span:nth-of-type(3){-webkit-transform:rotate(-45deg) translateX(8px) translateY(-8px);transform:rotate(-45deg) translateX(8px) translateY(-8px)}
.mobile-nav.active span:nth-of-type(2){width:0}
.container{width:100%;max-width:1200px;min-width:320px;margin:auto;padding-top:100px;min-height:768px}
.container:after{content:'';display:block;clear:both}
.mysection,section{width:67%;float:left}
.nodata{text-align:center}
.nodata h1{font-size:24px;margin-top:10px;font-weight:normal}
.article-list .article-ul .arc-item{box-sizing:border-box;-webkit-border-radius:3px;border-radius:3px;overflow:hidden;position:relative;-webkit-transition:all .3s;transition:all .3s}
.arc-item .arcimg{width:25%;height:110px;float:left;overflow:hidden;background:transparent;-webkit-transition:all .3s;transition:all .3s;background:url(../images/nopic.jpg);background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;position:relative;}
.arc-item .arcimg:before{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/nopic.jpg);background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;}
.arc-item .bgdiv{position:relative;z-index:1}
.arc-item .arcimg img{width:100%;height:100%;-webkit-transition:all .5s;transition:all .5s;-webkit-border-radius:3px;border-radius:3px}
.arc-item a:hover p{text-decoration:underline;transition:all .5s;-webkit-transition:all .5s}
.arc-item a:hover h2{color:#ff4200;text-shadow:0 2px 3px #fff;transition:all .5s;-webkit-transition:all .5s}
.arc-item .arc-right{width:72%;float:right;position:relative;height:110px;z-index:1}
.arc-item .arc-right h5,.arc-item .arc-right h2{font-weight:bold;padding-bottom:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all .5s;-webkit-transition:all .5s}
.arc-item .arc-right p{overflow:hidden;height:50px;color:#777}
.arc-item .arc-right .tips-group{width:100%;overflow:hidden;position:absolute;bottom:-1px;left:0}
.arc-item .arc-right .tips-group li{float:left;overflow:hidden;margin-right:10px;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#999}
.arc-item .arc-right .tips-group li.sorts{float:right}
.arc-item .arc-right>a{display:block}
.article-push .arc-item{box-sizing:border-box;border-bottom:1px dotted #ddd;-webkit-transition:all 0.3s;transition:all 0.3s}
.article-push .arc-item:last-child{border:0}
.article-push .arc-item .arc-right,.article-push .arc-item .arcimg{height:80px}
.article-push .arc-item .arcimg{width:35%}
.article-push .arc-item .arc-right{width:62%}
.article-push .arc-item .arc-right h5{padding-bottom:5px;white-space:normal}
.article-push .arc-item .arc-right p{height:28px;white-space:nowrap;text-overflow:ellipsis}
.article-push .arc-item .arc-right h4.h4-tit{border:0!important;padding:0;margin:0}
.guanggao{margin-top:30px;text-align:center}
.arc-item:hover{-webkittransform:translateX(-10px);transform:translateX(-10px);-webkit-transition:all 0.3s;transition:all 0.3s;background:#fff}
.guanggao img{max-width:100%}
.add-more{width:100%;padding:10px 0;text-align:center;font-size:16px;margin:15px 0;color:#fff;display:inline-block;border-bottom:1px solid #ddd;box-sizing:border-box;transition:all .5s;-webkit-transition:all .5s}
.add-more:hover{background:#ff6700;color:#fff}
.myaside{width:31%;float:right}
.left-side,.right-side{width:25%;float:left;margin-bottom:30px}
.section{width:45%;float:left;margin:0 2.5%}
.xiangguan .focus-item{display:block;font-size:14px;float:left;width:25%;text-align:center;border-radius:100px}
.xiangguan .focus-item a{overflow:hidden;display:inline-block;width:50px;height:50px;margin:auto;transition:all .5s;-webkit-transition:all .5s;-webkit-border-radius:100px;border-radius:100px;overflow:hidden}
.xiangguan .focus-item a i{line-height:50px;font-size:20px;margin:0}
.xiangguan .focus-item a img{width:100%;height:100%}
.xiangguan .focus-item span{display:block;width:100%;padding-top:10px}
.xiangguan a:hover{transform:scale(1.2) translateY(-10px);-webkit-transform:scale(1.2) translateY(-10px);transition:all .5s;-webkit-transition:all .5s;box-shadow:0 0 18px #c1c1c1}
.xiangguan a i{color:inherit}
.xiangguan .benbo a{background:#0cabd3}
.xiangguan .taobao a{background:#10b5d8 url(../images/icon/download.png)no-repeat center;background-size:100%}
.xiangguan .wx-btn a{background:#0cd38f url(../images/icon/sao.png)no-repeat center;background-size:100%}
.xiangguan .side-fx a{background:#8aee08 url(../images/icon/share.png)no-repeat center;background-size:100%;cursor:pointer}
.xiangguan .sousou a{background:#ff5400 url(../images/icon/com_search2.png)no-repeat center;background-size:100%}
.other-xg a{width:50%;float:left;text-align:center;font-size:14px;color:#999;cursor:pointer}
.other-xg i{color:inherit}
.other-xg .rmb{font-family:'Microsoft YaHei'}
.other-xg{width:100%;overflow:hidden;padding-bottom:10px}
.side-bdfx{border-radius:3px;-webkit-border-radius:3px;position:absolute;top:30%;left:0;margin:auto;background:rgba(255,255,255,0.9);width:350px;border:1px solid #ccc;z-index:9;-webkit-animation:fuxia .5s;animation:fuxia .5s;box-shadow:0 0 15px #999}
.wx-img{max-width:280px;position:absolute;width:auto!important;left:0;right:0;margin:auto;top:150px;border:1px solid #ccc;z-index:9;-webkit-animation:fuxia .5s;animation:fuxia .5s;box-shadow:0 0 15px #555}
.side-bdfx>.bdsharebuttonbox{padding:20px 0;margin:0}
.side-bdfx i{position:absolute;right:5px;top:5px;color:#777;cursor:pointer;font-size:12px}
.bdfx-bg,.wx-bg{position:fixed;top:0;left:0;right:0;margin:auto;height:100%;width:100%;display:none}
.focus-me{position:relative}
.bdsharebuttonbox{text-align:center;margin:auto;-webkit-display:flex;-webkit-justify-content:flex-end;-webkit-align-items:center;display:flex;justify-content:flex-end;align-items:center}
.bdsharebuttonbox li{height:50px}
.bdsharebuttonbox a{text-align:center;background:url(../images/icon/bd-fx.png)no-repeat!important;width:50px!important;height:50px!important;display:inline-block!important;margin:0 20px!important;transition:all .5s;-webkit-transition:all .5s}
.foot-share  .bdsharebuttonbox a{-webkit-filter:grayscale(1);-moz-filter:grayscale(1);filter:grayscale(0.7);-ms-filter:grayscale(1);-o-filter:grayscale(1);filter:gray}
.bdsharebuttonbox a:hover{-webkit-filter:saturate(1);-moz-filter:saturate(1);filter:saturate(1);-ms-filter:saturate(1);-o-filter:saturate(1);filter:gray}
.bdsharebuttonbox .bds_weixin{background-position:0 4%!important}
.bdsharebuttonbox .bds_tsina{background-position:33% 4%!important}
.bdsharebuttonbox .bds_qzone{background-position:66% 4%!important}
.bdsharebuttonbox .bds_tieba{background-position:99.5% 4%!important}
.bdsharebuttonbox .bds_weixin:hover{background-position:0 90%!important}
.bdsharebuttonbox .bds_tsina:hover{background-position:33% 90%!important}
.bdsharebuttonbox .bds_qzone:hover{background-position:66% 90%!important}
.bdsharebuttonbox .bds_tieba:hover{background-position:99.5% 90%!important}
.bdsharebuttonbox a:last-child{margin:0}
.bdshare-button-style1-32 a{float:none!important}
.bdshare-button-style1-32 a::after{display:none!important}
.cloud-tag ul{overflow:hidden;text-align:center;display:-webkit-flex;-webkit-justify-content:space-around;-webkit-align-items:center;-webkit-flex-wrap:wrap;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}
.cloud-tag ul li{-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.cloud-tag ul li a{color:#FFF;font-size:12px;display:inline-block;line-height:0;padding:12px 6px;margin-right:5px;-webkit-border-radius:6px;border-radius:6px;margin-bottom:5px}
.cloud-tag ul li:hover{border-radius:0;text-shadow:#000 1px 1px 1px}
.cloud-tag ul li:nth-child(8n-4) a{background:#20a8fe}
.cloud-tag ul li:nth-child(8n-3) a{background:#eb6841}
.cloud-tag ul li:nth-child(8n-2) a{background:#3fb8af}
.cloud-tag ul li:nth-child(8n-1) a{background:#fe4365}
.cloud-tag ul li:nth-child(8n-5) a{background:#fc9d9a}
.cloud-tag ul li:nth-child(8n-6) a{background:#edc951}
.cloud-tag ul li:nth-child(8n-7) a{background:#c8c8a9}
.cloud-tag ul li:nth-child(8n) a{background:#83af9b}
.cloud-tag ul li:first-child a{background:#036564}
.cloud-tag ul li:last-child a{background:#3299bb}
.search{padding-top:0}
.search form{margin:auto}
.search-box{height:40px}
.search-box input[type="text"]{font-size:14px;color:#333;line-height:38px;width:65%;float:left}
.search-box i{height:40px;line-height:40px;width:20%;text-align:center;font-size:16px;margin:0;float:left;position:relative}
.search-box input[type="submit"]{cursor:pointer;border-left:none;position:absolute;left:0;right:0;width:100%;height:100%;opacity:0;box-shadow:none!important}
.search-box select{width:10%;float:left;height:100%;text-align:center;font-size:12px;border:1px solid #ddd;box-sizing:border-box;font-family:inherit;border-right:0;color:#555;-webkit-appearance:menulist;appearance:menulist}
.com-s-droplist{display:none;width:100%;text-align:center;position:absolute;top:40px;left:-1px;border:1px solid #eaeaea;line-height:40px;border-top:0;z-index:1}
.com-s-droplist ul li{width:100%;height:40px;color:#8d8d8d;font-size:14px;text-align:left;text-indent:30px}
.com-s{border-bottom:1px solid #ddd}
.com-s-con{width:100%;height:40px}
.com-s-drop{width:25%;float:left;position:relative;height:100%;line-height:38px}
.com-s-drop span{font-size:14px;color:#8d8d8d;width:100%;position:relative;text-align:center;overflow:hidden;display:block;height:100%}
.com-s-drop span{font-weight:normal}
.com-s-drop span i{border-top:6px solid #8d8d8d;border-right:4px solid transparent;border-left:4px solid transparent;display:inline-block;width:0;height:0;margin:auto;margin-left:20px}
.com-s-drop span em{font-weight:normal;font-family:inherit;font-size:14px}
.com-s-input{width:85%;height:40px;float:left;position:relative}
.com-s-input input[type="text"]{width:100%;height:100%;line-height:38px;font-size:12px;border:none!important;color:#555;background:transparent!important;box-shadow:none!important}
.com-s-input input[type="text"]:focus{box-shadow:none!important}
.com-s-sub{float:right;height:100%;width:15%}
.com-s-sub input[type="submit"]{cursor:pointer;width:100%;height:100%;background:url('../images/icon/com_search.png')no-repeat center;background-size:60%;border:none!important;box-shadow:none!important}
.shuo-part{}
.shuo-part ul{margin:auto}
.shuo-part ul li{position:relative;line-height:55px;height:55px}
.shuo-part ul li,.shuo-part ul li:hover{transition:all .4s;-webkit-transition:all .4s}
.shuo-part ul li:hover{}
.shuo-part .shuo-circle{width:25%;border-radius:200px;-webkit-border-radius:200px;position:relative;display:inline-block;text-align:left;font-size:12px;float:left;text-shadow:1px 1px 1px  #FFF}
.shuo-part ul li i{display:block;width:16px;height:16px;position:absolute;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;position:absolute;top:0;bottom:0;right:13%;margin:auto 0;z-index:2;background:rgba(255,255,255,0.7)}
.shuo-part ul li:after{content:'';display:block;height:100%;width:2px;background:rgba(255,255,255,0.3);position:absolute;top:0;bottom:0;left:19.5%;margin:auto 0;z-index:-1}
.shuo-part ul li:before{right:-10px;top:-10px}
.shuo-part .shuo-side-con{height:100%;overflow:hidden;float:right;width:75%;transition:all .5s;-webkit-transition:all .5s}
.shuo-part .shuo-side-con a{font-size:14px;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;padding:0 10px;text-shadow:1px 1px 1px  #333;transition:all .5s;-webkit-transition:all .5s}
.shuo-part .shuo-side-con b{font-weight:normal;font-size:12px;color:#999;position:absolute;right:5px}
.shuo-part ul li:hover .shuo-side-con a{color:#ff6700;text-shadow:1px 1px 1px  #FFF;transition:all .5s;-webkit-transition:all .5s}
.tab-btn{width:100%}
.tab-btn a{width:50%;padding:12px 0;text-align:center;display:inline-block;font-size:13px;position:relative;float:left}
.tab-btn .tab-active{background:rgba(255,255,255,0.5);color:#ff6700}
.tab-btn .tab-active:before{content:' ';border-top:10px solid rgba(255,255,255,0.5);border-right:10px solid transparent;border-left:10px solid transparent;display:inline-block;width:0;height:0;position:absolute;bottom:-10px!important;left:0;right:0;margin-left:auto;margin-right:auto}
.tab-btn .tab-active i{color:#ff6700}
.hudong-ul{margin:auto;position:relative;transition:all .5s;-webkit-transition:all .5s}
.hudong-ul li{display:-webkit-flex;-webkit-align-items:center;display:flex;align-items:center;transition:all 0.3s;border-bottom:1px dashed #ccc;overflow:hidden}
.hudong-ul li{transition:all 0.3s}
.tabdiv{display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;display:flex;align-items:center;justify-content:center}
.tabdiv h4:first-child:after{content:'';display:block;height:20px;width:1px;position:absolute;background:#ddd;top:0;bottom:0;margin:auto;right:0}
.tabdiv h4{flex:1;text-align:center;cursor:pointer;position:relative}
.tabdiv h4.active:before{content:'';display:block;width:50%;height:1px;position:absolute;background:#ff6700;left:0;right:0;margin:auto;bottom:0}
.hudong-ul li time{color:#888;float:right;overflow:hidden;white-space:nowrap}
.hudong-ul li:last-child{border:0}
.hudong-ul li .sd-tx{float:left;width:13%;height:45px}
.hudong-ul li .sd-tx img{width:100%;height:100%}
.hudong-ul li .sd-name{width:84%;float:left;margin-left:3%}
.hudong-ul li .sd-name div{font-size:12px}
.hudong-ul li .sd-name a{font-size:13px;line-height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%}
.hudong-ul li .sd-name a strong{border:1px solid #ddd;color:#888;background:rgba(255,255,255,0.5);margin-left:0}
.hudong-ul li .sd-name a strong.s1{border-color:#4595e7;color:#4595e7}
.hudong-ul li .sd-name a strong.s2{border-color:#e7458d;color:#e7458d}
.hudong-ul li .sd-name a strong.s3{border-color:#e79545;color:#e79545}
.hudong-ul li .sd-name a strong.s4{border-color:#1dd06d;color:#1dd06d}
.hudong-ul li:hover{-webkittransform:translateX(-10px);transform:translateX(-10px);-webkit-transition:all 0.3s;transition:all 0.3s}
.paihang-ul li:last-child{border:0}
.hudong-ul li .sd-name img{max-width:30px;vertical-align:middle}
.paihang-ul li span{margin-right:10px;width:22px;height:22px;color:#fff;line-height:22px;text-align:center;float:left;display:inline-block;background:#ddd}
.paihang-ul{display:none}
.paihang-ul li{width:100%;padding:10px 0;border-bottom:1px dashed #ccc;overflow:hidden;position:relative;display:-webkit-flex;-webkit-justify-content:flex-start;-webkit-align-items:center;display:flex;justify-content:flex-start}
.paihang-ul li small{display:inline-block;color:#999;float:left;margin-left:10px;font-size:12px}
.paihang-ul li span{margin-right:10px;width:22px;height:22px;color:#fff;line-height:22px;text-align:center;float:left;display:inline-block;background:#ddd}
.paihang-ul li:nth-of-type(1n) span{background:#4595e7}
.paihang-ul li:nth-of-type(2n) span{background:#e7458d}
.paihang-ul li:nth-of-type(3n) span{background:#e79545}
.paihang-ul li:nth-of-type(4n) span{background:#1dd06d}
.paihang-ul li:last-child{border:0}
.paihang-ul li a{font-size:13px;color:#555;float:left;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%;-webkit-transition:all 0.3s;transition:all 0.3s}
.paihang-ul li a b{color:#999;font-weight:normal;font-size:12px;position:absolute;right:0}
.paihang-ul li a:hover{text-shadow:0 0 2px #333;color:#ff4200}
.side-link ul{text-align:center;overflow:hidden;margin-left:0;display:-webkit-flex;-webkit-justify-content:space-around;-webkit-align-items:center;-webkit-flex-wrap:wrap;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}
.side-link ul li{}
.side-link ul li a{display:inline-block;line-height:0;padding:12px 5px;margin-right:5px;color:#ff6700;font-size:12px;border:1px solid #fff;transition:all .5s;-webkit-transition:all .5s;background:rgba(255,255,255,0.7);box-shadow:1px 1px 3px rgba(255,255,255,0);margin-bottom:8px}
.side-link ul li a:hover{border-radius:0;-webkit-border-radius:0;box-shadow:1px 1px 3px #999}
.side-link h4 a{float:right}
.web_ad_wrap{text-align:center}
.web_ad_wrap img{max-width:100%}
.myfooter,footer{width:100%;margin-top:35px;clear:both;background:rgba(0,0,0,0.8) url(../../style/images/bgimg/overlay.png)}
.foot-con{width:100%;max-width:1200px;margin:auto;padding:30px 0;color:#fff}
.foot-con .foot-nav{text-align:left;font-size:14px;color:#999;margin-top:13px}
.foot-con .foot-item{width:40%}
.foot-con .foot-code{width:20%;text-align:center}
.foot-con .foot-code img{max-width:100%;-webkit-filter:grayscale(1);-moz-filter:grayscale(1);filter:grayscale(1);-ms-filter:grayscale(1);-o-filter:grayscale(1);filter:gray;opacity:0.3}
.foot-con .fn-nav-link{overflow:hidden;margin-bottom:10px}
.foot-con .copy-right{}
.foot-con .fn-nav-link a{float:left;display:inline-block}
.foot-con .fn-nav-link a:first-child:before{display:none}
.foot-con .fn-nav-link a:before{content:'';display:inline-block;height:10px;width:1px;background:#555;margin:0 15px}
.foot-con .foot-share .bdsharebuttonbox{text-align:right}
.foot-con .foot-share{margin-top:13px}
.foot-con .foot-nav a:hover{color:#fff}
.foot-con .wx-show{position:relative}
.wx-show:hover .qrcode{display:block}
.foot-con .foot-share li:last-child a{margin-right:0!important}
.qrcode img{width:100%;height:120px;text-align:center}
.qrcode{width:120px;height:120px;background:#fff;border:1px solid #e8e8e8;position:absolute;top:-130px;left:-10px;z-index:99;border-radius:2px;display:none}
.triangle{width:0;height:0;line-height:0;border-top:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;bottom:-10px;left:0;right:0;margin:auto;z-index:99}
.web-author{text-align:center;padding-bottom:20px;padding-top:20px;transition:all 1s;position:relative}
.web-author .author-tx{width:100%;position:relative;margin-bottom:5px}
.web-author .author-tx .ava_btn{border:5px solid #fff;position:relative;width:70px;height:70px;display:block;margin:auto;transition:all .8s;-webkit-transition:all .8s;overflow:hidden}
.web-author .author-tx a.zan_tip{position:absolute;display:none;left:0;top:0;z-index:1;width:100%;height:100%;transition:all .8s;-webkit-transition:all .8s;background:-webkit-linear-gradient(left,#f66633,#f0291a);overflow:hidden;text-align:center;color:#fff;font-size:14px;line-height:70px}
.web-author .author-tx .ava_btn:hover{transition:all .8s;-webkit-transition:all .8s;box-shadow:0 1px 5px #666}
.web-author .author-tx .ava_btn:hover a.zan_tip{display:block}
.web-author .author-tx .ava_btn img{width:100%;height:100%}
.author-name span{font-size:16px;display:inline-block;margin:10px 0;}
.author-name span sup{color:red}
.author-name p{font-size:14px;color:#888;word-break:break-all;max-width:80%;margin:auto;line-height:normal;}
.data-info ul{overflow:hidden;margin-top:27px}
.data-info ul li{width:33%;float:left;box-sizing:border-box;text-align:center;border-right:1px solid #ccc}
.data-info ul li a{display:block}
.data-info ul li:last-child{border:0}
.data-info ul li strong{display:block;font-weight:bold;line-height:18px;overflow:hidden;font-size:18px}
.data-info ul li span{display:block;font-size:12px;color:#888}
.clos-new:after{content:'';display:block;clear:both}
.clos-new ul{margin:auto;padding-bottom:0}
.clos-new ul li{width:100%;font-size:13px}
.clos-new ul li strong{margin:0 5px;display:inline-block;font-weight:normal}
.clos-new ul li i{margin-right:10px}
.clos-new ul li a{display:inline-block}
.clos-new ul li:nth-of-type(2) a:hover{text-decoration:underline}
#toTop{width:47px;height:47px;background:url(../images/icon/back-top-btn.png) no-repeat;text-align:center;position:fixed;bottom:25px;right:20px;cursor:pointer;text-indent:-9999px;z-index:12;display:none}
div#tooltip{position:absolute;z-index:1000;width:auto!important;background:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.9),rgba(255,255,255,1));text-align:left;padding:5px 10px;border-radius:5px;background:-webkit-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.9),rgba(255,255,255,1))}
div#tooltip p{color:#ff6700;font-size:12px}
div#tooltip p:after{content:'';width:0;height:0;position:absolute;left:10%;top:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(255,255,255,0.95)}
div#tooltip img{max-width:25px;vertical-align:middle}
.float_ad{position:fixed;bottom:0;right:0;z-index:21}
.sub-disabled{background:#ccc!important;color:#888!important;cursor:not-allowed!important}
.zan_tips{padding:10px 0;width:200px;font-size:14px;border-radius:3px;box-shadow:0 0 6px #999;position:absolute;bottom:15px;right:0;left:0;margin:auto;z-index:9;background:#fff}
.zan_err{color:red}
.zan_err:before,.zan_right:before{content:'';display:inline-block;margin-right:5px;width:30px;height:30px;vertical-align:middle}
.zan_err:before{background:url(../images/face/sina/0.png) no-repeat center;background-size:100%}
.zan_right:before{background:url(../images/face/tieba/18.png) no-repeat center;background-size:100%}
.zan_right{color:#08af5e}
.sidebar_author_btn{display:-webkit-flex;-webkit-justify-content:center;-webkit-align-items:center;display:flex;justify-content:center;align-items:center;margin-top:20px}
.sidebar_author_btn .sab_btn{width:80px;height:30px;line-height:30px;text-align:center;border-radius:50px;cursor:pointer}
.sidebar_author_btn .sab_btn span{color:#fff}
.sidebar_author_btn .sidebar_zan{background:orange;background:-webkit-linear-gradient(left,orange,#ff6700);margin-right:15px}
.sidebar_author_btn .sidebar_guanzhu{background:#6dcbfc;background:-webkit-linear-gradient(left,#6dcbfc,#079eed);position:relative}
.sidebar_author_btn .sidebar_zan i:before{content:'';display:inline-block;width:15px;height:14px;margin-right:5px;background:url(../images/icon/zan.png)no-repeat center;background-size:100%;transition:all 0.5s}
.sidebar_author_btn .sidebar_zan span{color:#fff;font-size:14px;margin:0;-webkit-user-select:none}
.sidebar_author_btn .sidebar_zan:hover{border:1px solid #ff6700;background:none;box-sizing:border-box}
.sidebar_author_btn .sidebar_zan:hover  i:before{background:url(../images/icon/zan_2.png)no-repeat center;background-size:100%}
.sidebar_author_btn .sidebar_zan:active{background:#ff6700}
.sidebar_author_btn .sidebar_zan:active  i:before{background:url(../images/icon/zan.png)no-repeat center;background-size:100%}
.sidebar_author_btn .sidebar_zan:hover  span{color:#ff6700}
.sidebar_author_btn .sidebar_zan:active span{color:#fff}
.sidebar_author_btn .sidebar_guanzhu i{color:#fff;font-size:13px}
.sidebar_author_btn .sidebar_guanzhu .qrcode{top:38px;box-shadow:0 3px 6px #ccc}
.sidebar_author_btn .sidebar_guanzhu .qrcode .triangle{bottom:inherit;top:-10px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.sidebar_author_btn .sidebar_guanzhu:hover{border:1px solid #079eed;background:none;box-sizing:border-box}
.sidebar_author_btn .sidebar_guanzhu:hover .qrcode{display:block}
.sidebar_author_btn .sidebar_guanzhu:hover i,.sidebar_author_btn .sidebar_guanzhu:hover span{color:#079eed}

.weblog_list ul li {overflow:hidden;color:#777;font-size:14px;}
.weblog_list ul li span{display:inline-block;float:left;width:80%;}
.weblog_list ul li small{display:inline-block;float:right;width:20%;}


.pageShow{-webkit-animation:pageShow 1s;animation:pageShow 1s}
.slidetop{-webkit-animation:slidetop 0.5s;animation:slidetop 0.5s}
.slidebottoms{-webkit-animation:slidebottoms 0.5s;animation:slidebottoms 0.5s}
.scale05{-webkit-animation:scale05 0.5s;animation:scale05 0.5s}
.slideLeft01{-webkit-animation:slideLeft01 0.5s;animation:slideLeft01 0.5s}
.zoomIn01{-webkit-animation:zoomIn01 0.5s;animation:zoomIn01 0.5s}
@-webkit-keyframes pageShow{0%,20%{opacity:0}
100%{opacity:1}
}@keyframes pageShow{0%,20%{opacity:0}
100%{opacity:1}
}@-webkit-keyframes slidetop{0%,30%{opacity:0;-webkit-transform:translateY(50px)}
100%{opacity:1;-webkit-transform:translateY(0px)}
}@keyframes slidetop{0%,30%{opacity:0;transform:translateY(50px)}
100%{opacity:1;transform:translateY(0px)}
}@-webkit-keyframes slidebottoms{0%,30%{opacity:0;-webkit-transform:translateY(-50px)}
100%{opacity:1;-webkit-transform:translateY(0px)}
}@keyframes slidebottoms{0%,30%{opacity:0;transform:translateY(-50px)}
100%{opacity:1;transform:translateY(0px)}
}@-webkit-keyframes scale05{0%,30%{opacity:0;-webkit-transform:scale(0.5)}
100%{opacity:1;-webkit-transform:translateY(1)}
}@keyframes scale05{0%,30%{opacity:0;transform:scale(0.5)}
100%{opacity:1;transform:translateY(1)}
}@-webkit-keyframes zoomIn01{0%,30%{opacity:0;-webkit-transform:scale(1.2)}
100%{opacity:1;-webkit-transform:translateY(1)}
}@keyframes zoomIn01{0%,30%{opacity:0;transform:scale(1.2)}
100%{opacity:1;transform:translateY(1)}
}@-webkit-keyframes slideLeft01{0%,30%{opacity:0;-webkit-transform:translateX(50px)}
100%{opacity:1;-webkit-transform:translateX(0px)}
}@keyframes slideLeft01{0%,30%{opacity:0;transform:translateX(50px)}
100%{opacity:1;transform:translateX(0px)}
}#trans-tooltip,#tip-arrow-bottom,#tip-arrow-top{display:none}


.top-arc{position:relative}
.top-arc-wrap  h2:hover{text-decoration:underline}
.top-arc-wrap{position:relative}
.top-arc-wrap:after{content:'';display:block;width:50px;height:17px;position:absolute;right:15px;top:15px;background:url(../images/icon/toparc.png)}
#toparc:after{content:'';display:block;width:80px;height:45px;position:absolute;right:10px;top:10px;background:url(../images/icon/zhiding.png);z-index:-1}
.more_loader_spinner{width:16px;height:16px;margin:10px auto;background:url(../images/icon/loader.gif) no-repeat}
.get_more a{height:35px;display:block;width:100%;line-height:35px;color:#ff6700;font-size:14px;text-align:center}
.slide-foot{position:absolute;padding:0 2.5%;width:95%;line-height:40px;height:40px;background:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4),rgba(0,0,0,0.85));background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4),rgba(0,0,0,0.85));background:-moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4),rgba(0,0,0,0.85));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4),rgba(0,0,0,0.85));bottom:0px;left:0;margin:auto;color:#fff}
.silde-title{font-size:14px;display:inline-block;max-width:80%;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.swiper-slide a{display:flex;display:-webkit-flex}
.article_share_btn{display:-webkit-flex;-webkit-justify-content:center;-webkit-align-items:center;display:flex;justify-content:center;align-items:center;border-bottom:1px dashed #e1dfdf}
.article_share_btn i{display:block;font-size:12px;color:#fff;margin:0;width:40px;height:40px;text-align:center;line-height:40px;cursor:pointer;position:relative;z-index:22}
.article_share_btn .asb_btn{position:relative;z-index:22}
.article_share_btn .article_pay i{background:#7fdb1d;background:-webkit-linear-gradient(left,#7fdb1d,#05a164);margin-right:-10px;}
.article_share_btn .article_fx i{background:#358ced;background:-webkit-linear-gradient(left,#358ced,#2668b2);}
.article_share_btn .article_pay i:hover{background:#048331}
.article_share_btn .article_fx i:hover{background:#2668b2}
.article_share_btn .article_fx .qrcode{left:-40px;top:-135px;box-shadow:0 5px 15px #999}
.article_share_btn .article_fx .bdsharebuttonbox{display:none}
.article_share_btn .article_fx:hover .bdsharebuttonbox{display:block}
.article_share_btn .article_fx .bdsharebuttonbox li{height:30px;margin:5px 0!important}
.article_share_btn .article_fx .bdsharebuttonbox{position:absolute;width:100%;top:0;background:#fff;padding-top:40px;z-index:0;padding-bottom:5px;-webkit-border-radius:20px;box-shadow:0 5px 15px #999;border-radius:20px;border-bottom:1px solid #e1dfdf}
.article_share_btn .article_fx .bdsharebuttonbox a{width:30px!important;height:30px!important;margin:0!important;background:url(../images/icon/bd-fx2.png)no-repeat!important}
.article_share_btn .article_fx .bdsharebuttonbox a.bds_weixin{background-position:0 -1px!important}
.article_share_btn .article_fx .bdsharebuttonbox a.bds_tsina{background-position:-29px -1px!important}
.article_share_btn .article_fx .bdsharebuttonbox a.bds_qzone{background-position:-59px -1px!important}
.article_share_btn .article_fx .bdsharebuttonbox a.bds_tieba{background-position:-91px -1px!important}
.article_share_btn .article_fx .bdsharebuttonbox a.bds_weixin:hover{background-position:0 -34px!important}
.article_share_btn .article_fx .bdsharebuttonbox a.bds_tsina:hover{background-position:-29px -34px!important}
.article_share_btn .article_fx .bdsharebuttonbox a.bds_qzone:hover{background-position:-59px -34px!important}
.article_share_btn .article_fx .bdsharebuttonbox a.bds_tieba:hover{background-position:-91px -34px!important}
.article_share_btn .pay_show{display:none;position:absolute;top:-195px;left:-50px;background:rgba(255,255,255,0.95);-webkit-border-radius:5px;border-radius:5px;border-bottom:1px solid #e1dfdf;box-shadow:0 5px 15px #999}
.article_share_btn .pay_show:after{content:'';display:block;height:5px;opacity:0}
.article_share_btn .article_pay:hover .pay_show{display:block}
.article_share_btn .pay_show .ps_con{padding:10px}
.article_share_btn .pay_show .ps_code{text-align:center;height:120px}
.article_share_btn .pay_show img{width:120px;margin:auto;height:120px}
.article_share_btn .pay_show .ps_tab{display:-webkit-flex;-webkit-justify-content:space-around;-webkit-align-items:center;position:relative;margin-top:10px;display:flex;justify-content:space-around;align-items:center}
.article_share_btn .pay_show .ps_tab a{display:inline-block;text-align:center;width:35%;font-size:12px;color:#555;height:30px;line-height:30px;cursor:pointer;box-sizing:border-box}
.article_share_btn .pay_show .ps_tab a.active{border-bottom:1px solid #ff4300;color:#ff4300}
.article_share_btn .pay_show .ps_tab:before{content:'';display:block;position:absolute;left:0;right:0;margin:auto;width:1px;height:20px;background:#ddd}
.article_share_btn .article_zan i b{display:inline-block;width:15px;height:14px;margin-right:5px;background:url(../images/icon/zan.png)no-repeat center;background-size:100%}

.article_share_btn .article_zan i{width:100px;font-size:14px;margin-right:-11px;background:url(../images/icon/zan_bg.png)no-repeat center;background-size:100%;position:relative;}
.article_share_btn .article_zan i:active,.article_share_btn .article_zan i:hover{filter:saturate(10)}
.article_share_btn .article_zan i span{-webkit-user-select:none}
.album{min-height:679px}
.article-wrap{padding:25px;position:relative}
.article-wrap .arc-title{text-align:center;font-weight:bold;font-size:24px;line-height:32px;word-break:break-all}
.article-wrap .post-line{width:100%;box-sizing:border-box;border-bottom:1px solid  #ececec}
.article-wrap .post-line ul{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.article-wrap .post-line ul li{display:inline}
.article-wrap .post-line ul li a{display:inline-block;margin:0 5px;font-size:12px;color:#555}
.article-content{width:100%;overflow:hidden}
.article-content .article-body{margin:auto;overflow:hidden;position:relative;min-height:200px;font-size:14px;}
.article-body iframe{margin:auto!important;max-width:100%}
.article-body p{background:none!important;margin-bottom:10px;line-height:25px}
.article-body video,.article-body audio{background:rgba(255,255,255,0.5);display:-webkit-flex;display:flex;align-content:space-between;max-width:100%;margin:15px  auto}
.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5{background:none!important}
.article-body strong{background:none!important}
.article-body img{height:auto;max-width:100%;vertical-align:middle;border:0}
.article-body img:hover{cursor:-webkit-zoom-in}
.comment-area .index-title a{float:right;overflow:hidden;margin-right:10px}
.comment-area .index-title span{margin:0 5px}
.comment-area>ul>li{overflow:hidden;margin-bottom:25px;box-sizing:border-box;position:relative}
.comment-info .caret{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:20px solid rgba(255,255,255,0.5);position:absolute;left:-20px;top:20%}
.louceng{position:absolute;right:10px;top:5px;color:#ccc;font-size:12px}
.comment-ava{float:left;text-align:center}
.comment-ava span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.comment-line ul{text-align:left;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.comment-line ul li{display:inline;margin:0 5px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.comment-line ul li:first-child{margin-left:0}
.comment-content{font-size:14px;width:100%;color:#555}
.comment-content img{max-width:30px;vertical-align:middle}
.comment-time,.comment-map{color:#888}
.comment-name{color:#0181da}
.re-comment{border-top:1px solid #ddd;overflow:hidden;margin-top:10px;padding-top:10px}
.admin-ava{float:left;text-align:center}
.re-info span{font-size:12px;float:left;width:100%;display:inline-block;margin:5px 0;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.re-info span a{color:#0181da;margin:0 5px;display:inline-block}
.re-info span img{vertical-align:sub;position:relative;margin-right:1px;width:15px;height:15px}
.re-content{font-size:14px;width:100%;color:#555}
.re-content img{max-width:30px;vertical-align:middle}
.pagination{width:100%;overflow:hidden;margin:20px 0;font-size:12px}
.list-page{float:right}
.pagination ul{float:left;display:inline-block;margin-bottom:0;margin-left:0;-webkit-border-radius:3px;border-radius:3px}
.pagination ul > li{display:inline}
.pagination ul > li > a,.pagination ul > li > span{float:left;padding:0 14px;margin:0 5px;line-height:38px;text-decoration:none;background-color:rgba(255,255,255,0.6);border-left-width:0;color:#0181da;box-sizing:border-box}
.pagination ul > li > a:hover,.pagination ul > .active > a,.pagination ul > .active > span{background-color:rgba(255,255,255,0.9)}
.pagination ul > .active > a,.pagination ul > .active > span{color:#999999;cursor:default}
.pagination ul > .disabled > span,.pagination ul > .disabled > a,.pagination ul > .disabled > a:hover{color:#999999;cursor:default;background-color:transparent}
.pagination-centered{text-align:center}
.pagination-right{text-align:right}
.form-in{margin-bottom:80px}
.form-btn{font-size:18px;font-weight:normal;cursor:pointer;display:none}
.hdmenu{width:100%;text-align:left}
.hdmenu li{display:inline;font-size:12px;color:#555;margin:0 3px}
.hdmenu li input[type="checkbox"]{padding:0;margin:0;border:1px solid #ccc;box-sizing:border-box;position:relative;top:2px;-webkit-appearance:checkbox}
.input-prepend{height:35px;margin:15px 0;font-size:12px;position:relative}
.input-prepend i{width:35px;height:100%;line-height:35px;text-align:center;margin:0;position:absolute;left:0;top:0}
.input-prepend input[type="text"]{height:100%;float:left;box-sizing:border-box;width:40%;line-height:33px;padding-left:35px;text-indent:0}
.input-prepend.yzm{position:relative;width:40%}
.input-prepend.yzm input[type="text"]{width:45%}
.input-prepend.yzm #v_container{width:55%;height:100%;display:inline-block;position:absolute;top:2px;right:0;overflow:hidden}
.face-box{width:100%;position:relative}
.face-box #face-btn{width:100%;text-align:left;display:inline-block;font-size:12px;color:#777;margin-top:-10px}
.face-box #face-btn img{position:relative;top:7px}
textarea#u_content{width:70%;height:130px;padding:10px 0}
.feed-sub{width:150px;height:40px;margin-bottom:15px}
.feed-sub input[type="button"]{width:100%;height:100%;background:-webkit-linear-gradient(left,#ff6700,#f0291a);cursor:pointer;color:#fff;font-size:14px;border:none!important;transition:all 0.3s;border-radius:3px}
.feed-sub input[type="button"]:hover{background:-webkit-linear-gradient(left,#ff6700,#ff6700)}
.feed-sub input[type="button"]:focus{border:none!important;box-shadow:none!important}
.article-fx{text-align:center;width:100%}
.article-fx>a{font-size:12px;background:#1dd06d url(../images/icon/share.png)no-repeat center;background-size:100%;color:#fff;display:inline-block;width:50px;height:50px;line-height:50px;color:#fff}
.arc_edit_time{font-size:12px;color:#999;margin-bottom:20px}
.arc_miaoshu{padding:20px 5%;background:-webkit-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.3));background:-o-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.3));background:-moz-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.3));background:linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.3));color:#999;font-family:'Arial';border-radius:3px;-webkit-border-radius:3px;margin-bottom:15px}
.arc_miaoshu b{font-size:24px}
.arc_code_img{width:150px;margin:auto;text-align:center;margin-bottom:20px}
.arc_code_img img{max-width:100%}
.article_tag{width:100%;margin:auto;background:rgba(255,255,255,0)}
.article_tag ul{margin:auto 0;clear:both;text-align:center;float:none;display:-webkit-flex;-webkit-justify-content:center;-webkit-align-items:center;-webkit-flex-wrap:wrap;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.article_tag ul li{font-size:12px;margin:0 5px;margin-bottom:10px}
.article_tag ul li a{color:#ff4200;display:inline-block;border-radius:10px;padding:12px 10px;border-radius:50px;-webkit-border-radius:10px;background:#fff;line-height:0;border:1px solid #eee}
.article_tag ul li:nth-of-type(1n) a{color:#4595e7}
.article_tag ul li:nth-of-type(2n) a{color:#e7458d}
.article_tag ul li:nth-of-type(3n) a{color:#e79545}
.article_tag ul li:nth-of-type(4n) a{color:#1dd06d}
.article_tag ul li:nth-of-type(5n) a{color:#333}
.art_big_cover{text-align:center;    padding-top: 70px;height:500px;}
.art_big_cover img{width:100%;vertical-align: middle;}
hr{width:95%;margin:15px auto;border:0;border-top:1px solid #eeeeee;border-bottom:1px solid rgba(255,255,255,0.7)}
.download-btngroup{width:95%;margin:auto}
.arc-bottom-btn{color:#fff;overflow:hidden}
.arc-bottom-btn a{display:inline-block;float:left;padding:2px 15px;border-radius:3px;-webkit-border-radius:3px;-webkit-transition:all 0.2s;transition:all 0.2s}
.arc-bottom-btn .down-btn{background:darkorange;margin-right:10px}
.arc-bottom-btn .sucai-fx{background:tomato}
.arc-bottom-btn .sucai-fx:hover{opacity:0.7}
.arc-bottom-btn .down-btn:hover{opacity:0.7}
.sucai-fx i,.down-btn i{color:#fff}
.arc-last-message{float:right;overflow:hidden}
.arc-last-message div{color:#999;padding:2px 15px;border-radius:3px;-webkit-border-radius:3px}
.arc-last-message .visit-code{font-size:14px;}
.arc-last-message .edit-time{}
.arc-last-message .edit-time i{color:inherit}
.shangyip{width:100%;overflow:hidden}
.shangyip p{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shangyip p:first-child{margin-bottom:10px}
.shangyip p i{margin-right:10px}
.shangyip p i.active{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.shangyip p a:hover{color:#333;text-decoration:underline}
.shangyip p a{color:#4595e7}
.maybe-love{overflow:hidden}
.maybe-love h4{}
.maybe-love ul{text-align:center;margin-right:-2%}
.maybe-love ul:after{content:'';display:block;clear:both}
.maybe-love ul li{float:left;text-align:center;width:23%;margin-right:2%;transition:all 0.5s;-webkit-transition:all 0.5s}
.maybe-love ul li .maybe_img{width:100%;height:100px;padding:5px;border:1px solid #ddd;box-sizing:border-box;border-radius:5px;-webkit-border-radius:5px}
.maybe-love ul li img{width:100%;height:100%;border-radius:5px;-webkit-border-radius:5px}
.maybe-love ul li span{font-size:13px;display:inline-block;text-align:center;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}
.maybe-love ul li:hover .maybe_img{border:1px solid #ff6700;box-sizing:border-box}
.maybe-love ul li:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px);transition:all 0.5s;-webkit-transition:all 0.5s}
.re-info,.comment-info,.shuo-info{float:left;width:90%;position:relative;margin-left:3%}
.shuo-area ul .shuo-item{margin-bottom:30px;position:relative;overflow:hidden}
.shuo-area ul .shuo-item .userava{float:left}
.shuo-area ul .shuo-item .userava span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold}
.shuo-info p{overflow:hidden}
.shuo-info p a:first-child{display:inline-block;margin-right:5px}
.shuo-content{color:#555}
.shuo-content img{max-width:90%}
.shuo-content:hover{text-decoration:underline}
.shuos-area{}
.shuos-ava{overflow:hidden}
.shuos-ava img{max-width:50px;max-height:50px;float:left;border-radius:50%;-webkit-border-radius:50%;margin-right:15px}
.shuos-ava a{font-size:13px;display:inline-block;padding-top:5px}
.shuos-ava time{color:#555;display:inline-block;margin-right:10px}
.shuos-ava p{color:#888}
.shuos-content{font-size:14px;line-height:28px;overflow:hidden;min-height:150px}
.shuos-content img{vertical-align:middle;max-width:90%}
.shuos-content p,.shuos-content strong,.shuos-content span{background:none!important}
.shuos-content video,.shuos-content audio{background:rgba(255,255,255,0.5);display:-webkit-flex;display:flex;align-content:space-between;max-width:100%;margin:15px  auto}
.shuos-area ul{text-align:left;overflow:hidden;height:20px}
.shuos-area ul li{font-size:12px;display:inline;color:#888;margin:0 5px}
.mood-share a{width:auto!important;height:auto!important;color:#888!important;background:none!important;padding:0!important;margin:0!important;text-indent:0!important;overflow:inherit!important;line-height:normal!important}
li.mood-share a.bdshare-button-style1-32:after{display:none!important}
.search-tip{margin:30px 0}
.search-tip span{padding:20px;display:inline-block;line-height:28px}
.search-title{font-size:16px;padding:20px 10px}
.about-content{line-height:25px;margin-bottom:30px;padding:25px;background:rgba(255,255,255,0.5)}
.about-content .h4-tit{padding:0;background:none;border-bottom:1px dotted #cecece;padding-bottom:15px}
.webupdate_list li{overflow:hidden;padding:5px 0;color:#333;border-bottom:1px dotted #ddd}
.webupdate_list li span{float:left;font-size:14px}
.webupdate_list li strong{float:right;font-weight:normal;color:#999;font-size:12px}
.blog_close_links{}
.blog_close_links ul{margin-right:-2%}
.blog_close_links ul .link_feed_item{font-size:12px;width:18%;white-space:nowrap;margin-right:2%;float:left;margin-bottom:10px;margin-top:10px}
.blog_close_links ul .link_feed_item a{display:block}
.blog_close_links ul .link_feed_item .lf_left img{width:100%}
.blog_close_links ul .link_feed_item .lf_left{width:30%;height:42px}
.blog_close_links ul .link_feed_item .lf_right{border:1px double #CCC;box-sizing:border-box;width:68%;margin-left:2%;text-align:center;line-height:20px}
.blog_close_links ul .link_feed_item .lf_right p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-radius:8px;-webkit-border-radius:8px}
.blog_links ul{}
.blog_links .bl-item{float:left;display:inline-block;padding:2px 8px;margin-right:5px;margin-bottom:5px;margin-top:5px;color:#079eed;font-size:12px;border:1px solid #ccc;border-top-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-right-radius:5px;transition:all 0.5s;-webkit-transition:all 0.5s;background:rgba(255,255,255,0.7)}
.blog_links .bl-item:hover{box-shadow:1px 1px 6px #999;transition:all 0.5s;-webkit-transition:all 0.5s}
.blog_links .bl-item.neiye-links{color:#777;white-space:nowrap}
.blog_links .bl-item.not-allow-links{color:#ccc}
.blog_links .bl-item.not-allow-links:hover{box-shadow:none}
.link_nodata{}
.link-edit h4{margin-bottom:25px}
.album  h4{width:100%;margin:0 auto 30px auto}
.album .pagination{width:100%;margin:30px auto 30px auto}
.wall{display:block;position:relative;display:-webkit-flex;-webkit-justify-content:space-between;-webkit-align-items:flex-start;-webkit-flex-wrap:wrap;display:flex;justify-content:space-between;align-items:flex-start;box-sizing:border-box;flex-wrap:wrap}
.wall-column{display:block;position:relative;width:23%}
.wall-li{display:block;margin-bottom:25px;background:rgba(255,255,255,0.7);border-radius:3px;position:relative;transition:all 0.4s;-webkit-transition:all 0.4s;overflow:hidden;box-sizing:border-box;position:relative;box-shadow:3px 3px 3px #ccc}
.wall-li a:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:-1000px;background:-webkit-linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0));background:-o-linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0));background:-moz-linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0));background:linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0));z-index:0;transition:all 0.4s;-webkit-transition:all 0.4s}
.wall-li a{display:block;z-index:1;position:relative;-webkit-transition:all 0.4s;transition:all 0.4s}
.wall-li:hover a:after{top:0;-webkit-transition:all 0.4s;transition:all 0.4s}
.wall-li:hover{box-shadow:6px 6px  6px #999}
.wall-li img{display:block;width:100%;-webkit-transition:all 0.4s;transition:all 0.4s}
.wall-li small{font-size:12px;color:#777;display:inline-block;line-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wall-li small:nth-of-type(1){float:left}
.wall-li small:nth-of-type(2){float:right}
.wall-tit{padding:10px 2.5%;overflow:hidden}
.gallery2 h4{margin:0 auto 30px auto}
.gallery2 h4 a{float:right;margin-right:10px}
.return-xc{margin:auto;overflow:hidden;margin-bottom:25px}
.return-xc a{color:#ff6700;padding:8px 20px;font-size:12px;display:inline-block;transition:all 0.3s}
.return-xc i{color:#ff6700}
.return-xc a:hover{background:#ff6700;color:#fff}
.return-xc a:hover i{color:#fff}
.photos-info{overflow:hidden}
.photos-info h5{font-size:12px;width:100%;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:normal}
.photos-info small{display:inline-block;line-height:inherit;color:#999}
.photos-info p{width:100%;color:#999;font-size:12px;font-family:'Arial';font-style:italic;overflow:hidden}
.wall-lines{overflow:hidden;display:-webkit-flex;-webkit-justify-content:space-between;-webkit-align-items:center;margin-top:5px;display:flex;justify-content:space-between;align-items:center}
.wall-lines small{}
.wall-li:before{}
.album-info h5{width:100%;float:none}
.picture{width:100%;overflow:hidden;margin-bottom:30px}
.pic-main{width:100%;overflow:hidden;margin-bottom:30px;text-align:left}
.pic-main img{vertical-align:middle;width:auto}
.pic-info{width:100%;overflow:hidden}
.pic-info >ul{width:100%;overflow:hidden;padding-bottom:10px}
.pic-info >ul >li{width:45%;margin-right:5%;float:left;padding:10px 0;text-align:left;border-bottom:1px dotted #eee;color:#555;box-sizing:border-box;font-size:13px}
.pic-info h2{background:none;padding:0;padding-top:10px;text-indent:0}
.pic-info p{width:100%;text-align:left;font-size:13px}
.pic-btn{width:100%;padding:25px 0;overflow:hidden}
.pic-btn button{background:rgba(0,0,0,0.8);padding:10px 20px;border:none;color:#fff;cursor:pointer;transition:all 0.3s}
.pic-btn button i{color:#fff}
.pic-btn button:hover{background:#fff;color:#333}
.pic-btn button:hover i{color:#333}
.pic-btn .pull-right{background:#fff;color:#ff6700;font-size:12px;padding:8px 20px;-webkit-border-radius:5px;display:inline-block;transition:all 0.3s}
.pic-btn .pull-right:hover{background:#ff6700;color:#fff}
.pic-btn .pull-right:hover i{color:#fff}
.picture .article-fx{padding:0;margin:0;width:auto;text-align:left}
.picture .article-fx .img-circle{padding:0;margin:0;width:auto;height:auto;background:none;font-size:13px;color:#555;line-height:24px}
.sucailist{width:100%}
.sucailist >ul{margin-left:-1%;margin-right:-1%;overflow:hidden}
.sucailist .su-li#New,.sucailist .su-li#arc-tj,.sucailist .su-li#Hotbg{background-position:100% 0}
.sucailist .su-li{margin-bottom:25px;text-align:center;border:1px solid #ddd;box-sizing:border-box;overflow:hidden;position:relative;transition:0.2s}
.sucailist .su-li:hover{border-color:#ff4200;box-shadow:0 0 10px #555}
.sucailist>ul>.wall-column{width:31.3%;margin:auto;margin:0 1%;float:left;padding:0}
.sucailist>ul>.wall-column .sucaiimg{width:100%;overflow:hidden}
.sucailist>ul>.wall-column  .sucaiimg img{width:100%;transition:all 0.5s;-webkit-transition:all 0.5s;display:block}
.sucailist>ul>.wall-column .sucaiimg a{display:block}
.sucai-right{width:90%;margin:auto;margin-top:10px}
.sucai-right h5{text-align:left;line-height:20px;padding:5px 0}
.sucai-right p{font-size:12px;overflow:hidden;text-overflow:ellipsis;color:#999;text-align:left;line-height:1.5}
.sucai-right ul{width:100%;overflow:hidden;bottom:5px;text-align:center}
.sucai-right ul li{float:left;overflow:hidden;font-size:12px;color:#888}
.sucai-right ul li:last-child{float:right}
.sucailist>ul>.wall-column .su-li:hover a img{transform:scale(1.1)}
.syntaxhighlighter td.code .line{word-break:break-all!important}
.img_layer{position:fixed;width:100%;height:100%;background:rgba(255,255,255,0.8);top:0;left:0;right:0;margin:auto;z-index:999999;text-align:center}
.img_layer  img{position:absolute;top:0;left:0;right:0;margin:auto;max-width:100%;max-height:100%;z-index:99999999;box-shadow:10px 10px 20px  #555}
.img_layer img:hover{cursor:-webkit-zoom-out}
.data-state{display:block;padding:15px 0;text-align:center;margin-bottom:30px;font-size:16px;color:#555}
.data-state.add-data{cursor:pointer}
#supersized-loader{position:absolute;top:50%;left:50%;z-index:0;width:60px;height:60px;margin:-30px 0 0 -30px;text-indent:-999em;display:none}
#supersized{position:fixed;left:0;top:0;overflow:hidden;z-index:-999;height:100%;width:100%}
#supersized img{width:auto;height:auto;position:relative;display:none;outline:none;border:none}
#supersized.speed img{-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges}
#supersized.quality img{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality}
#supersized li{display:block;list-style:none;z-index:-30;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;background:#111}
#supersized a{width:100%;height:100%;display:block}
#supersized li.prevslide{z-index:-20}
#supersized li.activeslide{z-index:-10}
#supersized li.image-loading{background:#111 url(../images/icon/loading.gif) no-repeat center center;width:100%;height:100%}
#supersized li.image-loading img{visibility:hidden}
#supersized li.prevslide img,#supersized li.activeslide img{display:inline}
#supersized img{max-width:none !important}
.img_loading{background:rgba(255,255,255,0.6) url(../images/icon/loading.gif) no-repeat center center}
.img_loading img{opacity:0}
.works_view{padding:0 30px}
.works_view a{line-height:0;display:block;text-align:center;font-size:16px;background:-webkit-linear-gradient(left,rgba(53,237,179,0.5),rgba(14,198,138,0.5));font-weight:bold;color:#fff;padding:25px 0}
.works_view a:hover{background:rgba(14,198,138,0.9)}
.works_view a:nth-of-type(2){background:-webkit-linear-gradient(left,rgba(255,132,0,0.5),rgba(255,108,0,0.5));margin-top:15px}
.works_view a:nth-of-type(2):hover{background:rgba(255,108,0,1)}
.jdelete-JQSpanel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
.jdelete-JQSpanel-default{border-color:#ddd}
.jdelete-JQSpanel-body{}
.jdelete-JQSpanel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd}
.jdelete-JQSpanel-footer span{font-size:12px;color:#616161}
.jdelete-JQSpanel-footer .right{float:right;padding-top:5px;font-size:16px;color:#9e9e9e}
.jdelete-JQSpanel textarea{display:block;width:100%;height:300px;border:0 none;font-size:14px;background:transparent}
.jdelete-JQSpanel textarea:focus{outline:none}
.jdelete-JQSbtn{display:inline-block;padding:4px 12px;color:#fff;margin-bottom:0;font-size:12px;text-align:center;margin-right:15px;border-radius:3px}
.jdelete-JQSbtn:nth-of-type(1){background:#80f59e;background:-webkit-linear-gradient(left,#80f59e,#48c267)}
.jdelete-JQSbtn:nth-of-type(2){background:orange;background:-webkit-linear-gradient(left,orange,#ff6700)}
.jdelete-JQSbtn:nth-of-type(3){background:#80bfec;background:-webkit-linear-gradient(left,#80bfec,#4c8ecb)}
.jdelete-JQSbtn:nth-of-type(1):hover{background:-webkit-linear-gradient(left,#48c267,#48c267)}
.jdelete-JQSbtn:nth-of-type(2):hover{background:-webkit-linear-gradient(left,#ff6700,#ff6700)}
.jdelete-JQSbtn:nth-of-type(3):hover{background:-webkit-linear-gradient(left,#4c8ecb,#4c8ecb)}