@charset "utf-8";
/*-------------------
*Description:        By www.yiwuku.com
*Website:            https://app.zblogcn.com/?id=960
*Author:             尔今 erx@qq.com
*update:             2016-02-25(Last:2020-06-15)
-------------------*/
body{width:100%;font-family:"微软雅黑",Arial;background:#eff2f4;overflow-x:hidden;}a:focus{outline:none;}header{position:fixed;left:-240px;width:240px;background:White;-webkit-transition:left .3s ease-in-out 0s;-moz-transition:left .3s ease-in-out 0s;-ms-transition:left .3s ease-in-out 0s;-o-transition:left .3s ease-in-out 0s;transition:left .3s ease-in-out 0s;z-index:99;}header.active{left:0px;}header .box{margin:30px 30px 0 0;text-align:right;}header .box .wechat{padding:5px 0;}header .box .wechat img{width:130px;height:130px;}header .box .wechat i{float:right;display:block;margin:3px 0 0 9px;width:9px;height:14px;background:url(../images/icons.png) no-repeat top right;}header .box nav{float:right;margin-top:40px;}
header .box nav ul{position:relative;list-style:none;padding:0px;}
header .box nav>ul>li{position:relative;}
header .box nav ul ul{display:none;position:absolute;top:-6px;left:98%;min-width:80px;background:#fff;border-radius:0 9px 9px 0;padding:6px 0;box-shadow:5px 0 5px rgba(0,0,0,.1)}
header .box nav ul li li a{width:90px;padding:0 8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
header .box nav ul li li a:hover{color:#2fd0b5;}
header .box nav>ul>li:hover .sub-nav{display:block;}
header .box nav ul li a{display:block;position:relative;width:100px;line-height:32px;padding:0 15px;color:#333;font-size:14px;text-align:center;text-decoration:none;z-index:10;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;}
header .box nav ul li.bg{position:absolute;top:0px;width:130px;height:32px;border-left:1px solid #eee;background:#2fd0b5;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;}
footer{position:fixed;bottom:15px;left:-240px;width:204px;color:#666;font-family:Arial,"宋体";font-size:12px;line-height:22px;text-align:right;z-index:999;}
footer a{color:#666;}
footer a:hover{color:#333;text-decoration:none;border-bottom:1px dotted #333;}
footer u{margin:0 5px;text-decoration:none;}
section.toolbar{position:fixed;left:0px;width:100%;height:70px;background:#eff2f4;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:100;}
section.toolbar.show{position:absolute;background:transparent !important;}
section.toolbar.active{left:240px;}.toolbar a.homelink,.toolbar .logo,.toolbar .mini,.toolbar .miniBtn,.footWechat{display:none;}.toolbar .switch{float:left;margin:20px 0px 0px 30px;color:#333;font-size:24px;cursor:pointer;z-index:10;}.toolbar.show .switch{color:White;}.toolbar .category{float:left;margin:22px 0px 0px 30px;}.toolbar .btn{line-height:12px;padding-bottom:6px;color:#777;font-family:"宋体";font-size:12px;}.toolbar .category .btn-primary{color:#eee;background-color:#666;border-color:#666;}.toolbar .btnList{float:left;margin:18px 0px 0px 30px;}.toolbar .btnList .link{margin-left:5px;}.toolbar .btnList .link .btn{line-height:16px;padding-bottom:8px;color:#333;font-family:"微软雅黑";font-size:14px;border:1px solid #ccc;background:transparent;}.toolbar.show .btnList .link .btn{color:White;}.toolbar .btnList .link .btn span.glyphicon-arrow-left{margin-right:8px;}.toolbar .btnList .link .btn span.glyphicon-arrow-right{margin-left:8px;}.toolbar h1{float:left;margin-left:40px;font-size:24px;}.toolbar h1 .glyphicon{margin:0px 15px;font-size:18px;}section.content{position:absolute;top:80px;left:0px;width:100%;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}section.content.active{left:240px;}.caseshow{top:0px !important;}.caselist ul.items{top:0px;margin-left:25px;}.caselist ul.items li{position:relative;padding:0px;width:300px;height:276px;margin:10px 15px 20px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;cursor:pointer;overflow:hidden;}.caselist ul.items li .shade{position:absolute;width:100%;height:176px;margin-top:-176px;background:Black;-moz-opacity:0.7;opacity:0.7;filter:alpha(opacity=70);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:10;}.caselist ul.items li .shade u{display:block;margin:0 auto;margin-top:66px;width:44px;height:44px;background:url(../images/icons.png) no-repeat 0px -168px;}.caselist ul.items li p{position:absolute;margin:10px 20px;color:#999;font-family:Arial,"宋体";font-size:12px;line-height:26px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:10;}.caselist ul.items li p strong{color:#222;font-family:Arial,"微软雅黑";font-size:16px;font-weight:normal;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}.caselist ul.items li .bg{width:100%;height:100px;background-color:#fff;-moz-opacity:0.5;opacity:0.5;filter:alpha(opacity=50);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}.caselist ul.items li .bg u{display:block;position:absolute;width:100%;height:100px;margin-top:150px;background-color:#2ed0b4;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}.caselist ul.items li:hover .shade{margin-top:0px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}.caselist ul.items li:hover .bg{-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}.caselist ul.items li:hover .bg u{margin-top:0px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}.caselist ul.items li:hover p{color:White;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}.caselist ul.items li:hover p strong{color:White;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}.caseshow .banner{width:100%;height:450px;background-repeat:no-repeat !important;background-position:center top !important;}.caseshow .caption{height:32px;margin:40px 0 20px 60px;padding-left:20px;font-size:22px;background:url(../images/icons.png) no-repeat 0px -471px;}.caseshow .words{margin:0px 80px 0 60px;}.caseshow .words>h1{display:inline-block;margin:0px 0px 15px 0px;font-size:18px;line-height:30px;text-indent:28px;}.caseshow .words>span.rel{margin-left:28px;color:#888;line-height:30px;}.caseshow .words>span.rel a{color:#888;text-decoration:none;}.caseshow .words>span.rel a:hover{border-bottom:1px solid #999;}.caseshow .words>span.rel u{margin:0px 12px;color:#bbb;text-decoration:none;}.caseshow .words p{line-height:25px;text-indent:28px;}.caseshow .words>dl.tags{margin-top:20px;}.caseshow .words>dl.tags dt{display:inline-block;margin-left:28px;}.caseshow .words>dl.tags dt .glyphicon{margin:0px 8px 0px 12px;}.caseshow .words>dl.tags dd{display:inline-block;margin-top:10px;}.caseshow .words>dl.tags dd a{margin-right:5px;padding:2px 8px 4px 8px;color:White;background:#2fd0b5;text-decoration:none;}.caseshow .demo{margin:0 auto;margin-bottom:30px;width:1000px;border-left:15px solid White;border-right:15px solid White;background:White;}.caseshow .demo p{margin:0px;font-size:0;}.caseshow .demo img{width:1000px;border-top:15px solid White;border-bottom:15px solid White;}.artlist ul.items{position:relative;top:0px;margin:0px 60px;margin-top:20px;padding:0px;list-style:none;}.artlist ul.items li{margin:25px 0;overflow:hidden;}.artlist ul.items li span.date{display:block;float:left;width:58px;height:66px;padding-top:2px;color:White;font-size:24px;text-align:center;background:url(../images/icons.png) no-repeat 0px -512px;}.artlist ul.items li span.date u{display:block;margin-top:-5px;font-size:16px;text-decoration:none;}.artlist ul.items li a.thumb{display:block;float:left;margin-left:12px;width:230px;border:3px solid White;background:White;}.artlist ul.items li a.thumb img{width:230px;height:160px;}.artlist ul.items li p.left{float:left;display:block;padding-right:30px;}.artlist ul.items li p.right{display:block;float:left;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}.artlist ul.items li p.right span.title{display:block;}.artlist ul.items li p.right span.title span{color:#FC9;font-size:1.5em;margin:0 3px 0 0}.artlist ul.items li p.right span.title a{color:#333;font-size:24px;text-decoration:none;}.artlist ul.items li p.right span.title a:hover{color:#2fd0b5;}.artlist ul.items li p.right span.rel{display:block;margin-top:10px;color:#999;font-family:Arial,"宋体";font-size:12px;}.artlist ul.items li p.right span.rel u{margin:0 10px;color:#aaa;text-decoration:none;}.artlist ul.items li p.right span.rel a{color:#999;text-decoration:none;}.artlist ul.items li p.right span.rel a:hover{border-bottom:1px solid #999;}.artlist ul.items li p.right span.summary{display:block;margin-top:15px;height:60px;color:#555;line-height:28px;overflow:hidden;}.artlist ul.items li span.tags{display:block;margin-top:8px;}.artlist ul.items li span.tags .glyphicon{color:#2cc0a7;}.artlist ul.items li span.tags a{margin-left:10px;color:#2cc0a7;}.artshow .box{position:relative;margin:20px 0 0 60px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}.artshow .box h1{font-size:30px;line-height:42px;}.artshow .box .rel{display:block;color:#999;padding-bottom:30px;border-bottom:1px solid #dadada;}.artshow .box .rel a{color:#999;text-decoration:none;}.artshow .box .rel a:hover{border-bottom:1px solid #999;}.artshow .box .rel u{margin:0px 15px;color:#aaa;text-decoration:none;}.artshow .box .words{padding-top:50px;border-top:1px solid White;}.artshow .box .words p{margin-bottom:25px;font-size:16px;line-height:1.8;}.artshow .box .words p a{margin:0 3px;color:#3588be;text-decoration:none;border-bottom:1px dotted #999;}.artshow .box .words p a:hover{border-bottom:1px solid #3588be;}.artshow .box>dl.tags{margin-top:40px;}.artshow .box>dl.tags dt{display:inline-block;}.artshow .box>dl.tags dt .glyphicon{margin:0px 8px 0px 12px;}.artshow .box>dl.tags dd{display:inline-block;margin-top:10px;}.artshow .box>dl.tags dd a{margin-right:5px;padding:2px 8px 4px 8px;color:White;background:#2fd0b5;text-decoration:none;}.artshow .box .social-share{margin-bottom:10px;}.artshow aside{position:fixed;right:-310px;width:280px;border:15px solid White;background:White;z-index:100;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}.artshow aside.active{right:85px;}.artshow aside .ad img{width:280px;height:210px;}.artshow aside .caption{margin-top:25px;height:25px;border-bottom:2px solid #eee;}.artshow aside .caption h3{display:inline-block;position:relative;top:-22px;padding-bottom:8px;font-size:18px;border-bottom:2px solid #2fd0b5;}.artshow aside ul.items{list-style:none;margin:0px;padding:0px;margin-top:20px;}.artshow aside ul.items li{margin-top:20px;height:70px;}.artshow aside ul.items li a.thumb{float:left;margin-right:15px;}.artshow aside ul.items li a.thumb img{width:101px;height:70px;}.artshow aside ul.items li .title{display:block;max-height:44px;line-height:22px;overflow:hidden;}.artshow aside ul.items li .title a{color:#333;text-decoration:none;}.artshow aside ul.items li .title a:hover{color:#2fd0b5;}.artshow aside ul.items li .rel{margin-top:5px;display:block;color:#aaa;}.artshow aside ul.items li .rel .glyphicon{margin:0px 5px 0px 15px;}.taglist ul.items{position:relative;top:0px;margin:0px 40px;margin-top:20px;padding:0px;list-style:none;}.taglist ul.items li{float:left;width:100%;padding-bottom:12px;margin-bottom:20px;border-bottom:1px dotted #d3d3d3;}.taglist ul.items li a.thumb{display:block;float:left;margin-left:12px;width:115px;height:80px;border:3px solid White;background:White;}.taglist ul.items li a.thumb img.product{margin-top:6px;}.taglist ul.items li p{display:block;float:left;margin-left:30px;}.taglist ul.items li p span.title{display:block;}.taglist ul.items li p span.title a{color:#333;font-size:20px;text-decoration:none;}.taglist ul.items li p span.title a:hover{color:#2fd0b5;}.taglist ul.items li p span.rel{display:block;margin-top:8px;}.taglist ul.items li p span.rel u{margin:0 10px;color:#aaa;text-decoration:none;}.taglist ul.items li p span.rel a{color:#333;}.taglist ul.items li span.tags{display:block;margin-top:8px;}.taglist ul.items li span.tags a{margin-left:10px;color:#333;}.taglist ul.items li span.tags a.active{color:#2cc0a7;}.paging{padding:30px 20px 50px;text-align:center;}.qzPagination{display:inline-block;height:auto;}.qzPagination .total{padding-right:8px;}.qzPagination span{display:block;float:left;width:35px;height:35px;margin-right:-1px;font-family:Arial;font-size:16px;line-height:34px;text-align:center;background:#f6f6f6;}.qzPagination a:first-child span{border-radius:5px 0 0 5px;}.qzPagination a:last-child span{border-radius:0 5px 5px 0;}.qzPagination a span{display:block;float:left;width:35px;height:35px;margin-right:-1px;border:#dfdfdf 1px solid;color:#555;font-family:Arial;font-size:16px;line-height:34px;text-align:center;text-decoration:none;background:#f6f6f6;}.qzPagination a:hover span{background:#eee;}.qzPagination span.now-page{position:relative;border:#2fd0b5 1px solid;color:White;font-family:Arial;background:#2fd0b5;}
.dock{position:fixed;right:10px;bottom:58px;width:auto;z-index:200;}
.dock ul.icons{position:absolute;list-style:none;right:0px;padding:0px;width:50px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.dock ul.icons li{position:relative}
.dock ul.icons li i{display:block;position:relative;width:50px;height:50px;margin-bottom:5px;background:url(../images/icons.png) no-repeat;background-color:#333;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity=80);-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;z-index:210;}
.dock ul.icons li.active i{background-color:#222;-moz-border-radius:0px 5px 5px 0px;-webkit-border-radius:0px 5px 5px 0px;border-radius:0px 5px 5px 0px;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);}
.dock ul.icons li.up i{background-position:-63px -150px;}
.dock ul.icons li.up.active i{background-position:-63px -150px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.dock ul.icons li.tel i{background-position:-62px -108px;}
.dock ul.icons li.im i{background-position:-63px -20px;}
.dock ul.icons li p{display:block;position:absolute;top:0;right:-100px;width:100px;padding:5px 10px 5px 15px;height:38px;font-size:12px;line-height:20px;border:1px solid #333;border-right:none;background:#222;-moz-border-radius:5px 0px 0px 5px;-webkit-border-radius:5px 0px 0px 5px;border-radius:5px 0px 0px 5px;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .4s ease-in-out .1s;-moz-transition:all .4s ease-in-out .1s;-ms-transition:all .4s ease-in-out .1s;-o-transition:all .4s ease-in-out .1s;transition:all .4s ease-in-out .1s;overflow:hidden;z-index:201;}
.dock ul.icons li.active p{right:50px;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);}
.dock ul.icons li.tel p{color:#ddd;font-family:Arial,"宋体";}
.dock ul.icons li.im p a{display:block;width:100%;height:50px;line-height:34px;color:#2fd0b5;font-size:14px;text-align:center;text-decoration:none;}
.dock ul.icons li.im p a:hover{color:#fff;}
.toolbar h2,.mob-search,.abtn-sh{display:none;}
.clear{clear:both;}.hide{display:none;}#BDBridgeWrap{display:none;}.sauthor{color:#ccc;font-size:10px;}.sauthor a{color:#bbb}.caselist ul.items li .pic{height:176px;overflow:hidden}.caselist ul.items li .pic img{width:100%}
ul.msg{width:100%;margin:12px 0;padding:8px 0;text-align:left;list-style:none;word-wrap:break-word;clear:both}
li.tbname{font-size:18px;height:48px;line-height:48px;border-bottom:solid 1px #ddd;margin-top:5px;font-weight:bold;box-shadow:0 1px 0 #fff;}
li.tbname span{font-weight:normal;margin-right:2px;}
li.msgname{padding:0 0 5px 5px;}
li.msgname .glyphicon{font-size:12px}
li.msgname .glyphicon:hover{text-decoration:none}
li.msgarticle{color:#666;font-size:14px;padding:0 10px 10px;line-height:160%;padding-left:55px;border-bottom:1px #e9e9e9 solid;box-shadow:0 1px 0 #f9f9f9;}
li.msgtime{padding:5px 0 0 0;}
img.avatar{width:40px;height:40px;float:left;margin:0 15px 0 0;border-radius:5px}
ul.msg.msghead{margin-bottom:0}
ul.msg ul.msg{padding:10px 0 0;margin:10px 0 0;border-top:1px #fff dotted;border-bottom:none;}
ul.msg ul.msg li.msgarticle{padding-bottom:0px;border-bottom:0;box-shadow:none}
ul.msg ul.msg li.msgname{padding:0}
ul.msg a{color:#999}
.msgname small{color:#999;font-size:13px;margin:0 15px 0 2px}
#divCommentPost{padding:15px 0;overflow:hidden;clear:both}
#divCommentPost .posttop{font-size:18px;font-weight:bold;padding:10px 0;clear:both}
#divCommentPost p{position:relative;float:left;width:49%;height:34px;line-height:34px;margin:0 1% 15px 0;border:1px #ccc solid;background:#eee;padding-left:31px;border-radius:5px;box-sizing:border-box;overflow:hidden;}
#divCommentPost p i.glyphicon{position:absolute;top:0;left:0;width:30px;height:34px;line-height:34px;text-align:center;border-right:1px #ccc solid;}
#divCommentPost p input{width:100%;height:30px;line-height:normal;vertical-align:top;text-indent:12px;border:none;outline:none;border-radius:0 5px 5px 0}
#divCommentPost p.vcode, #divCommentPost p.email{float:right;margin-right:0;}
#divCommentPost p.vcode{padding-left:0;}
#divCommentPost p.vcode input{border:0}
#divCommentPost p.vcode img{position:absolute;top:0;right:0;height:100%}
#cancel-reply{float:right;font-size:12px;font-weight:normal}
div.reply-frm{background:#f0f0f0;box-shadow:0 0 15px #999;margin:1em 0 !important;padding:10px !important;min-width:330px;}
#txaArticle{display:block;width:98%;width:calc(98% - 2px);height:80px;font-size:14px;border: solid 1px #ccc;padding:1%;resize:none;outline:none;overflow:hidden;
background-image: -webkit-linear-gradient(top,#f9f9f9,#fff);background-image:linear-gradient(to bottom,#f9f9f9,#fff);background-repeat:repeat-x;border-radius:5px 5px 0 0;clear:both}
.apage #txaArticle{width:96%;width:calc(96% - 2px);}
#divCommentPost .cpost{position:relative;width:calc(98% - 2px);border:1px solid #ccc;border-top:0;overflow:hidden;padding-right:2%;background-image:linear-gradient(to bottom,#fff,#f9f9f9);clear:both}
.apage #divCommentPost .cpost{width:calc(96% - 2px);}
#divCommentPost .cpost i.glyphicon{width:50px;height:30px;line-height:30px;color:#666;font-size:16px;text-align:center;border-right:1px #ccc solid;background:#eee;background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image: -webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);cursor:pointer}
input.button{position:absolute;top:0;right:0;width:80px;height:30px;line-height:30px;text-align:center;text-shadow:0 1px 0 #fff;font-weight:bold;background:#eee;border:0;border-left:1px #ccc solid;cursor:pointer;background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);background-image: -webkit-linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6);outline:none}
#divCommentPost .cpost i.glyphicon:hover,input.button:hover{background-image:linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);background-image:-webkit-linear-gradient(#E8E7E7, #E7E5E5 25%, #FDFDFD);}
.search{padding-top:15px}
.search .int{width:130px;height:26px;line-height:26px;border:1px #e9e9e9 solid;font-size:12px;text-align:center;outline:none;border-radius:15px;transition:all .3s linear;}
.search .int:focus{width:158px;border-color:#2cc0a7}
.search .glyphicon-search{color:#999;border:none;background:none;margin-left:-30px;outline:none}
.searchtop h1{margin-top:0;margin-left:0}
.artlist ul.searchbox li{height:auto}
.searchbox p{color:#888;line-height:1.8;margin:20px 0}
.searchbox p a:first-child{color:#333;font-size:24px;}
.searchbox p a{color:#2cc0a7}
.flinks{width:82%;margin:9px 40px;padding:9px 0;}
.flinks li{list-style:none;display:inline-block;margin:0 1em 0 0;}
.flinks li a{color:#999;line-height:1.8;font-size:12px;}
@media (max-height:768px){header .box{margin-top:10px;} header .box nav{margin-top:20px;} footer{bottom:6px;line-height:16px;} header .box .wechat p,footer>a{display:none;} footer u{display:inline-block;width:98%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}
@media (max-height:580px){.search{display:none;} header .box .wechat img{width:100px;height:100px;margin-right:15px;} header .box nav{margin-top:5px;} footer{bottom:0;background:#fff;}}
@media (max-width:1100px){header{width:0px;}header,header.active,.toolbar .switch{display:none;}section.toolbar.active,section.content.active{left:0px;}section.toolbar{background:White;height:56px;}.toolbar a.homelink{float:left;display:inline;}.toolbar a.homelink .glyphicon{position:relative;margin:15px 0px 0px 30px;color:#333;font-size:24px;cursor:pointer;z-index:10;}.toolbar .logo{display:block;float:left;margin:12px 0 0 15px;width:90px;}.toolbar .category{margin:14px 30px 0px 0px;float:right;}.toolbar .btnList{margin:12px 30px 0px 0px;float:right;}.toolbar h1{float:right;margin:16px 35px 0px 0px;font-size:20px;}.toolbar h1 .glyphicon{margin:0px 12px;font-size:20px;}.artlist ul.items{margin-top:0;margin-left:20px;}.artshow aside{margin-top:28px;}.artshow aside ul.items li:nth-child(4){display:none;}.caselist ul.items li{width:290px;height:267px;}.abtn-sh{display:inline-block;padding:6px 8px;}.btn-search{padding:6px 8px;}.mob-search{position:absolute;top:56px;left:0;width:100%;text-align:center;padding:15px 0;background:#fff;box-shadow:inset 0 2px 3px #eee;}.mob-search .int{width:68%;height:26px;line-height:26px;border:1px #ccc solid;border-right:0;vertical-align:middle;text-indent:8px;border-radius:4px 0 0 4px;outline:none;}.mob-search .glyphicon-search{height:30px;margin-top:-3px;vertical-align:middle;border:1px #ccc solid;padding:0 15px;border-radius:0 4px 4px 0}section.content,footer{position: static;}section.content{padding-top:80px;}footer{width:92%;text-align:center;background:#fff;padding:6px 4%;}}
@media (max-width:800px){.toolbar .category,.toolbar .btnList{display:none;}.toolbar .mini{display:block;margin:14px 30px 0px 0px;float:right;}.toolbar .mini ul.dropdown-menu{min-width:100px;}.toolbar .mini .link{margin:0px;}.toolbar .mini .link .btn{padding:6px 8px;}.artlist ul.items{margin-right:20px;}.artshow .box{margin-left:30px;}.artshow aside,.dock{display:none;width:0px;}.caseshow .caption{margin-left:40px;}.caseshow .words{margin:0 30px 0 40px;}.footWechat{display:block;margin:0 auto;margin-bottom:30px;width:156px;}.footWechat img{border:3px solid White;}.footWechat p{margin-top:10px;text-align:center;}.footWechat i{display:none;background:none;}.dropdown-menu-detail{top:45px;right:15px;}.flinks{width:92%;margin:9px 4%;text-align:center;}}
@media (max-width:700px){.artlist ul.items li p.left{display:none;width:0px;}.artshow .box h1{font-size:24px;line-height:40px;}.caseshow .words>dl.tags dt{margin-left:0px;}.taglist ul.items li a.thumb{display:none;}.taglist ul.items li p{margin-left:0px;}.artshow .box{width:89% !important;margin:0 20px}.artlist ul.items li{margin:0;border-top:1px #fff solid;border-bottom:1px #ddd solid;padding:20px 0 10px;overflow:hidden;}.artlist ul.items li:first-child{border-top:0;}section.content{top:65px;}.artshow .box .words{padding-top:30px}.toolbar h2{display:block;position:absolute;top:0;right:95px;color:#ccc;font-size:14px;}#divCommentPost p{float:none;width:100%;margin-right:0;}.dropdown-menu>li>a{padding:6px 15px;}}
@media (max-width:420px){.toolbar a.homelink .glyphicon,.toolbar .logo{margin-left:8px;}.toolbar .mini{margin-right:10px;}.toolbar h1{margin:19px 20px 0 0;font-size:14px;}.toolbar h1 .glyphicon{margin:0px 7px;font-size:14px;}.artlist ul.items li p.right span.title a{font-size:16px;line-height:30px;font-weight:bold;}.artshow .box h1{font-size:20px;line-height:36px;}.artshow .box .words p{font-size:16px;line-height:1.8;}.artshow .box dl.tags dt{display:none;}.caseshow .caption{margin-left:20px;}.caseshow .words{margin:0 10px 0 20px;}.caseshow .words h1{text-indent:0px;}.caseshow .words span.rel,.caseshow .words dl.tags dt{display:none;}.taglist ul.items{margin:0 20px;}.artshow .box .rel{padding-bottom:20px;}}