@charset "utf-8";
@import url(iconfont.css);
*{box-sizing:border-box;margin:0;padding:0;outline:0;border:0;}
body{background-color:#eee;color:#333;font-size:16px;font-family:"Microsoft YaHei",Arial,"宋体",serif;}
li,ol,ul{list-style:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#00a0e8;}
h1,h2,h3,h4,h5,h6{color:#000;font-weight:500;}
.wap{display:none;}
.bodybg{position:fixed;top:0;left:0;z-index:9;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.7);}
.ico::before{display:inline-block;background:url(../images/allico.png) no-repeat;content:"";}
.iconfont::before{margin-right:6px;}
.clear::after{clear:both;display:block;content:'';}
.main{overflow:hidden;margin:0 auto;width:1200px;}
.xiongzhang{position:relative;z-index:1;margin:0 auto;padding:0 30px;background-color:#fff;}
.index{margin-top:20px;color:#333;text-align:center;}
.index h2{font-size:32px;}
.index p{margin:10px;color:#777;}
.scrollbar::-webkit-scrollbar{width:5px;background-color:#131313;}
.scrollbar::-webkit-scrollbar-thumb{background-color:rgba(244,244,244,.4);}
.scrollbar::-webkit-scrollbar-thumb:hover{background-color:rgba(244,244,244,.3);}
.scrollbar::-webkit-scrollbar-track{border:0;background-color:#131313;}
.topnav{height:30px;background-color:#323232;line-height:30px;}
.topnav h2{position:absolute;left:50%;float:left;display:inline-block;margin-left:-600px;height:30px;color:#fff;font-weight:400;font-size:14px;line-height:30px;}
.topnav .loginjs{position:absolute;right:50%;float:right;display:inline-block;margin-right:-600px;color:#fff;cursor:pointer;}
.topnav .loginjs li{float:left;margin-left:20px;text-align:right;font-size:16px;}
.topnav .loginjs li a{color:#fff;}
.topnav .loginjs li a:hover{color:#f80;}
.topnav span{position:absolute;right:50%;float:right;display:inline-block;color:#fff;font-size:14px;cursor:pointer;}
.topnav span img{float:left;margin-top:5px;width:20px;border-radius:2px;}
.topnav span:hover{color:#f80;}
.topnav span::before{position:absolute;margin-top:5px;margin-left:-22px;width:20px;height:20px;background-size:200px 200px;}
.topnav span.taobao{margin-right:-450px;}
.topnav span.taobao::before{background-position:0 0;}
.topnav span.taobao:hover::before{background-position:0 -20px;}
.topnav span.bbs{margin-right:-330px;}
.topnav span.bbs::before{background-position:-40px 0;}
.topnav span.bbs:hover::before{background-position:-40px -20px;}
.topnav span.cloud{margin-right:-220px;}
.topnav span.cloud::before{background-position:-60px 0;}
.topnav span.cloud:hover::before{background-position:-60px -20px;}
.nav{position:relative;top:0;z-index:8;margin:0 auto;width:100%;height:60px;border-bottom:1px solid #eee;background-color:#fff;line-height:60px;}
.nav h1{position:absolute;left:50%;margin-top:2px;margin-left:-600px;width:180px;}
.nav h1 a{display:block;text-indent:-8888px;}
.nav h1 img{position: absolute;top: 0;height: 56px;z-index: -1;}
.nav .menu{position:absolute;left:50%;margin-left:-300px;font-size:16px;}
.nav .menu>li{position:relative;z-index:8;float:left;margin-right:20px;height:60px;}
.nav .menu>li a{display:inline-block;overflow:hidden;padding:0 5px;height:60px;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
.nav .menu>li.active>a,.nav .menu>li>a:hover{border-bottom:solid 3px #00a0e8;}
.nav .menu>li.active>a{color:#00a0e8;}
.nav .menu .sub>a{font-family:iconfont!important;-webkit-font-smoothing:antialiased;}
.nav .menu .sub>a::after{display:inline-block;margin-left:2px;color:#aaa;content:"\e7a6";font-size:12px;transform:scale(.8);}
.nav .menu .sub:hover>a::after{content:"\e611";}
.nav .menu .sub-menu{display:none;}
.nav .menu .sub:hover .sub-menu{position:absolute;top:60px;z-index:99;display:block;width:272px;border:1px solid #f0f0f0;background:#fff;text-align:center;}
.nav .menu .sub:hover .sub-menu li{float:left;width:135px;height:40px;border-bottom:1px solid #f0f0f0;font-size:14px;line-height:40px;}
.nav .menu .sub:hover .sub-menu li:nth-of-type(odd){border-right:1px solid #f0f0f0;}
.nav .menu .sub:hover .sub-menu li a{height:38px;line-height:40px;}
.nav .menu .sub:hover .sub-menu li a:hover{color:#00a0e8;}
.nav .search{position:absolute;right:50%;margin-top:10px;margin-right:-600px;width:120px;}
.search{position:relative;box-sizing:border-box;width:400px;max-width:100%;flex-wrap:wrap;align-items:stretch;}
.search input{position:relative;display:block;overflow:visible;padding:6px 12px;width:100%;height:40px;border:1px solid #ced4da;border-radius:4px;background-color:#fff;background-clip:padding-box;color:#495057;font-size:16px;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;flex:1 1 auto;}
.search input:focus{outline:0;border-color:#00a0e8;background-color:#fff;box-shadow:0 0 0 3px rgba(0,123,255,.25);color:#495057;}
.search button{position:absolute;top:0;right:0;z-index:2;display:inline-block;margin-left:-1px;padding:6px 12px;width:40px;height:40px;border:1px solid transparent;border-radius:4px;background-color:#00a0e8;vertical-align:middle;text-align:center;white-space:nowrap;font-weight:400;font-size:16px;line-height:1.5;cursor:pointer;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;user-select:none;}
.search button::before{color:#fff;}
.search:hover button::before{color:#ccc;}
.subnav{overflow:hidden;margin:0 auto;padding:0;width:1200px;}
.subnav a{display:inline-block;font-size:14px;line-height:40px;}
.subnav a.icon-zhuye{float:left;overflow:hidden;width:14px;height:40px;}
.subnav em{padding:0 3px;color:#c3c5c6;font-style:normal;}
.footer{position:relative;z-index:1;margin-top:20px;padding:20px 0;background:#000;color:#999;text-align:center;font-size:14px;line-height:1.8;}
.footer p a{color:#999;}
.footer p a:hover{color:#00a0e8;}
.footer p strong{color:#00a0e8;font-weight:700;}
.reg{position:fixed;top:0;left:50%;z-index:10;display:none;margin:60px auto 0 -210px;padding-bottom:0;width:420px;height:auto;border:#cecece;border-radius:5px;background:#fff;}
.reg .logo{text-align:center;}
.reg .logo img{margin-top:40px;height:85px;}
.reg .tit{margin-top:10px;margin-bottom:30px;padding:0;color:#333;text-align:center;font-size:18px;}
.reg .detail{overflow:hidden;margin-bottom:10px;}
.reg .detail input{display:block;margin:0 auto 25px auto;padding-left:10px;width:320px;height:40px;border:1px solid #bfcfd9;border-radius:4px;background-color:#fff;color:#1f313d;font-size:inherit;line-height:40px;}
.reg .detail input:focus{border-color:#00a0e8;}
.reg .detail button{position:relative;display:block;margin:0 auto;width:320px;height:40px;border-color:#00a0e8;border-radius:2px;background-color:#00a0e8;color:#fff;font-size:14px;cursor:pointer;}
.reg .detail .link{overflow:hidden;margin:10px 50px;text-align:right;line-height:16px;}
.reg .detail .link a{float:right;color:#999;font-size:14px;}
.reg .detail .link a:hover{color:#00a0e8;}
.reg .detail .link a.qq{float:left;}
.reg .detail .link a.qq::before{float:left;margin-right:2px;width:16px;height:16px;background-size:160px 160px;}
.reg .detail .link a.qq::before{background-position:-48px -32px;}
.reg .detail .link span{float:right;padding:0 8px;color:#CACAD9;text-align:center;}
.reg .close{position:absolute;top:-15px;right:-12px;z-index:11;width:25px;height:25px;border-radius:50%;background-color:#00a0e8;color:#fff;text-align:center;font-size:20px;line-height:1.2;cursor:pointer;}
.reg .close:hover{color:#000;}
.banner{overflow:hidden;margin:10px auto 0;width:1200px;}
.banner .bleft{float:left;width:300px;background-color:#fff;}
.banner .bleft h3{height:40px;background:#00a0e8;color:#fff;text-align:center;font-size:18px;line-height:40px;}
.banner .bleft dl{float:left;overflow:hidden;padding:10px 0 10px 20px;width:300px;height:100px;border:#e5e5e5 solid;border-width:0 1px 1px 1px;line-height:24px;}
.banner .bleft dl:hover{background:#f8f8f8;border-left-color:#00a0e8;}
.banner .bleft dl dt{overflow:hidden;margin-bottom:4px;height:24px;font-size:16px;}
.banner .bleft dl dt::before{color:#00a0e8;}
.banner .bleft dl dt a{color:#00a0e8;}
.banner .bleft dl dd{float:left;overflow:hidden;margin-right:20px;min-width:48px;}
.banner .bleft dl dd a{font-size:12px;}
.banner .bleft ul{float:right;overflow-y:scroll;width:300px;height:300px;}
.banner .bleft ul li{float:left;margin-left:10%;width:40%;list-style-type:circle;white-space:nowrap;line-height:50px;}
.banner .bleft ul li:hover a{color:#00a0e8;}
.banner .bleft ul li.active a{color:#00a0e8;}
.banner .bleft ul.scrollbar::-webkit-scrollbar-thumb{background-color:#ccc;}
.banner .bleft ul.scrollbar::-webkit-scrollbar-thumb:hover{background-color:#bbb;}
.banner .bleft ul.scrollbar::-webkit-scrollbar-track{border:0;background-color:#ddd;}
.banner .bcenter{float:left;margin:0 10px;width:580px;}
.banner .bcenter .scroll{position:relative;overflow:hidden;width:580px;height:340px;border:1px solid #ddd;}
.banner .bcenter .scroll .hd{position:absolute;right:5px;bottom:5px;z-index:1;overflow:hidden;height:15px;}
.banner .bcenter .scroll .hd ul{float:left;overflow:hidden;zoom:1;}
.banner .bcenter .scroll .hd ul li{float:left;margin-right:6px;width:12px;height:12px;border-radius:50%;background:#fff;text-align:center;text-indent:-8888px;line-height:14px;cursor:pointer;}
.banner .bcenter .scroll .hd ul li.on{background:#00a0e8;color:#fff;}
.banner .bcenter .scroll .bd{position:relative;z-index:0;height:100%;}
.banner .bcenter .scroll .bd li{vertical-align:middle;zoom:1;}
.banner .bcenter .scroll .bd img{display:block;width:580px;height:340px;}
.banner .bcenter .scroll .bd li span{position:absolute;bottom:0;left:0;display:block;overflow:hidden;padding:0 120px 0 10px;width:100%;background:rgba(0,0,0,.5);color:#fff;font:14px/30px Microsoft Yahei;font-size:16px;line-height:35px;}
.banner .bcenter .scroll .bd li span:hover{color:#00a0e8;}
.banner .bcenter .scroll .next,.banner .bcenter .scroll .prev{position:absolute;top:50%;left:3%;display:block;margin-top:-25px;width:32px;height:40px;background:url(../images/slider-arrow.png) -110px 5px no-repeat;opacity:0;filter:alpha(opacity=50);}
.banner .bcenter .scroll .next{right:3%;left:auto;background-position:8px 5px;}
.banner .bcenter .scroll:hover .next,.banner .bcenter .scroll:hover .prev{opacity:1;filter:alpha(opacity=100);}
.banner .bcenter .scroll .prevStop{display:none;}
.banner .bcenter .scroll .nextStop{display:none;}
.banner .bcenter .toggle{overflow:hidden;margin-top:10px;margin-bottom:0;width:100%;height:290px;background-color:#fff;}
.banner .bcenter .toggle .hd{overflow:hidden;background-color:#f5f5f5;}
.banner .bcenter .toggle .hd ul li{float:left;padding:0 26px;color:#999;font:16px/40px Microsoft Yahei;cursor:default;}
.banner .bcenter .toggle .hd ul li.on{border-top:2px solid #2888de;background-color:#fff;color:#00a0e8;}
.banner .bcenter .toggle .bd{padding:0 20px;}
.banner .bcenter .toggle .bd ul{overflow:hidden;width:100%;font-size:14px;}
.banner .bcenter .toggle .bd li{overflow:hidden;padding:0;height:30px;background:0 0;vertical-align:middle;line-height:30px;}
.banner .bcenter .toggle .bd li .date{float:right;margin-left:10px;color:#999;font-size:12px;line-height:32px;}
.banner .bcenter .toggle .bd li .tags{display:inline-block;height:32px;color:#999;vertical-align:top;line-height:32px;}
.banner .bcenter .toggle .bd li .tags::after{margin:0 5px;content:"|";}
.banner .bcenter .toggle .bd li .tags a{color:#999;}
.banner .bright{float:right;width:300px;}
.banner .bright .ad{margin-top:10px;display: block;height: 115px;background-size: 100% 100%;cursor: pointer;}
.banner .bright dl{overflow:hidden;width:100%;height:515px;background-color:#fff;counter-reset:sectioncounter;}
.banner .bright dl.active{margin-top:0;height:340px;}
.banner .bright dl dt{border-bottom:1px solid #ebecec;background-color:#00a0e8;color:#fff;text-align:center;font-weight:500;font-size:18px;line-height:40px;}
.banner .bright dl.active dt{background:#00a0e8;color:#fff;}
.banner .bright dl dd{overflow:hidden;padding:18px 5px 0 10px;}
.banner .bright dl dd p{float:left;overflow:hidden;width:245px;height:40px;}
.banner .bright dl dd p::before{float:left;margin-right:5px;padding:0 5px;border-radius:2px;background-color:#777;color:#fff;content:counter(sectioncounter) "";counter-increment:sectioncounter;text-align:center;font-size:14px;}
.banner .bright dl dd:nth-of-type(1) p::before,.banner .bright dl dd:nth-of-type(2) p::before,.banner .bright dl dd:nth-of-type(3) p::before{background-color:#f80;}
.banner .bright dl dd p a{display:inline-block;overflow:hidden;width:220px;height:18px;font-size:14px;line-height:16px;}
.banner .bright dl dd p span{float:left;display:block;height:14px;color:#999;vertical-align:top;font-size:12px;line-height:14px;}
.banner .bright dl dd p span:first-of-type{margin-left:22px;}
.banner .bright dl dd p span:first-of-type::after{margin:0 10px;content:'|';}
.banner .bright dl dd .button{float:right;margin-top:6px;width:40px;height:26px;border:1px solid;border-radius:3px;background:#fff;color:#00a0e8;text-align:center;font-size:12px;line-height:26px;}
.banner .bright dl dd:hover .button{background-color:#00a0e8;color:#fff;}
.banner .seo{float:left;margin:0 auto;width:890px;height:340px;}
.banner .seo .item{float:left;margin-right:10px;width:calc((100% - 20px)/ 2);height:100%;background:#fff;}
.banner .seo .item img{display:block;margin:0 auto;max-width:90%;}
.banner .seo .item h2{clear:both;margin-top:10px;padding:0 50px;background-size:14px;color:#08f;font-size:20px;line-height:40px;cursor:pointer;}
.banner .seo .item h2:hover{color:#f80;}
.banner .seo .item p{padding:0 50px 10px;color:#393939;font-size:16px;line-height:20px;}
.muban{display:flex;margin:10px auto 0;width:1200px;list-style:none;flex-wrap:wrap;}
.muban li{position:relative;margin:0 15px 20px 0;width:390px;height:100%;min-width:0;min-height:1px;border:none;border-radius:4px;background-color:#fff;background-clip:border-box;box-shadow:0 .125rem 4px rgba(0,0,0,.075);word-wrap:break-word;transition:all .5s;animation-name:slide-bottom10;animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:both;flex-direction:column;}
.muban li.top::before{position:absolute;right:0;z-index:1;width:50px;height:50px;background:url(../images/allico.png) no-repeat -50px -150px;background-size:500px 500px;content:"";}
.muban li.good::before{position:absolute;right:0;z-index:1;width:50px;height:50px;background:url(../images/allico.png) no-repeat -150px -150px;background-size:500px 500px;content:"";}
.muban li:hover{box-shadow:0 16px 48px rgba(0,0,0,.175);}
.muban li:nth-of-type(3n){margin-right:0;}
.muban li figure{position:relative;display:block;margin-bottom:0;padding:0;border-bottom:1px solid rgba(0,0,0,.125);border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0;background-color:rgba(0,0,0,.03);}
.muban li figure .pic{display:block;overflow:hidden;width:390px;height:260px;color:#00a0e8;}
.muban li figure .pic img{width:100%;height:100%;border-style:none;vertical-align:middle;transition:all .5s;object-fit:cover;}
.muban li:hover figure .pic img{transform:scale(1.1);}
.muban li figure .intro{position:absolute;bottom:0;left:0;z-index:1;padding-top:4px;padding-bottom:4px;width:100%;text-align:center;opacity:0;transition:all .5s;}
.muban li figure .intro a,.muban li figure .intro button{display:inline-block;margin:4px;padding:4px 24px;border:1px #00a0e8 solid;border-radius:3px;background-color:#00a0e8;color:#fff;vertical-align:middle;text-align:center;white-space:nowrap;font-weight:400;font-size:14px;line-height:1.5;cursor:pointer;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;user-select:none;}
.muban li figure .intro .sale{border-color:#c82333;background-color:#c82333;}
.muban li figure .intro .love{border-color:#218838;background-color:#218838;}
.muban li:hover figure .intro{opacity:1;}
.muban li:hover figure .intro .demo:hover{border-color:#08f;background-color:#08f;}
.muban li:hover figure .intro .love:hover{border-color:#1c7430;background-color:#1c7430;}
.muban li:hover figure .intro .sale:hover{border-color:#bd2130;background-color:#bd2130;}
.muban li:hover figure .intro .down:hover{border-color:#08f;background-color:#08f;}
.muban li figure .intro input{display:none;}
.muban li .box{padding:20px;flex:1 1 auto;}
.muban li .box h4{margin-bottom:8px;color:inherit;text-shadow:none;font-weight:500;font-size:16px;line-height:1.2;}
.muban li .box h4 a{display:block;overflow:hidden;background-color:transparent;color:#00a0e8;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;}
.muban li .box .detail{overflow:hidden;}
.muban li .box .detail span.price{float:left;display:inline-block;margin-right:8px;color:#dc3545;}
.muban li .box .detail span.small{float:left;color:#28a745;font-weight:400;font-size:14px;}
.muban li .box .detail a{float:right;display:inline-block;padding:.07rem 5px;border:1px #00a0e8 solid;border-radius:2px;background:#00a0e8;color:#fff;vertical-align:middle;text-align:center;white-space:nowrap;font-size:12px;line-height:1.5;cursor:pointer;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.muban li .box .detail a.type{margin-right:8px;border-color:#28a745;background-color:#28a745;}
.muban li .box .detail a.type:hover{border-color:#1c7430;background-color:#1e7e34;}
.msg{overflow:hidden;margin:0 auto;width:1200px;}
.msg .item{position:relative;float:left;margin-top:10px;padding:24px;width:400px;min-height:1px;background:#ddd;}
.msg .item:nth-of-type(2n){background-color:#fff;}
.msg .item .info{position:relative;}
.msg .item .info::after{clear:both;display:block;content:"";}
.msg .item .info h3{float:left;display:inline-block;margin-top:0;margin-bottom:0;padding:8px;border-radius:4px;background:#00a0e8;color:#fff;vertical-align:baseline;text-align:center;white-space:nowrap;font-weight:400;font-size:75%;line-height:1;}
.msg .item .info h3::before{position:absolute;top:-15px;left:-12px;display:inline-block;margin-bottom:8px;width:25px;height:25px;border-radius:50%;background-color:#fff;color:#00a0e8;content:'+';text-align:center;font-weight:500;font-size:20px;line-height:1.2;}
.msg .item .info h3 a{color:#fff;}
.msg .item .info a{float:right;margin-top:4px;background-color:transparent;text-decoration:none;font-size:14px;}
.msg .item ul{display:flex;margin-top:8px;margin-bottom:0;padding-left:0;-ms-flex-direction:column;flex-direction:column;}
.msg .item ul li{padding:16px;width:100%;border:none;border-bottom:1px solid transparent;border-top-right-radius:4px;border-top-left-radius:4px;background-color:transparent;color:#495057;text-align:inherit;transition:all .5s;}
.msg .item ul li:hover{background:#ccc;}
.msg .item ul li h4{display:inline-block;overflow:hidden;margin-bottom:4px;padding-right:8px;width:80%;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:16px;line-height:1.2;}
.msg .item ul li h4 a{background-color:transparent;color:#333;}
.msg .item ul li h4 a:hover{color:#00a0e8;}
.msg .item ul li small{float:right;width:20%;white-space:nowrap;font-weight:400;font-size:80%;}
.msg .item ul li p{overflow:hidden;margin-top:0;margin-bottom:0;height:40px;color:#777;font-size:14px;}
.page{display:block;margin-top:10px;width:100%;text-align:center;font-size:0;}
.page li{ float:left;}
.page .thisclass{ border-color:#00a0e8;background:#00a0e8;color:#fff; padding:4px 10px;border:1px solid #e4eaec;border-right:none;text-align:center;text-decoration:none;font-weight:400;font-size:16px;}
.page a{display:inline-block;padding:4px 10px;border:1px solid #e4eaec;border-right:none;background:#fff;color:#76838f;text-align:center;text-decoration:none;font-weight:400;font-size:16px;}
.page a:hover{background:#00a0e8; color:#fff;}
.left{position:relative;float:left;padding:10px 20px;width:800px;background-color:#fff;}
.lefts{float:none;margin:0 auto;width:1200px;}
.left>h1,.left>h2{height:50px;border-bottom:1px solid #ddd;text-align:center;font-size:24px;line-height:45px;}
.left .info{color:#73777a;text-align:center;font-size:12px;line-height:40px;}
.left .info span{margin-left:20px;font-size:12px;}
.left .info span a{color:#00a0e8;text-decoration:none;font-size:12px;}
.left .info span a:hover{text-decoration:underline;}
.left .info span a em{font-style:normal;}
.left .tags{margin-bottom:10px;color:#73777a;list-style-type:none;text-align:center;font-size:0;}
.left .tags li{display:inline-block;margin-right:8px;margin-bottom:10px;padding:2px 17px 2px;height:20px;border:1px solid #d7d8d9;border-radius:68px;vertical-align:middle;font-size:12px;line-height:20px;cursor:pointer;}
.left .tags li:hover{border:1px solid #00a0e8;color:#00a0e8;}
.left .tags li a{display:block;height:14px;color:inherit;text-decoration:none;line-height:14px;}
.left .summary{overflow:hidden;padding:20px 32px;background:#f9f9f9;color:#73777a;text-align:left;word-wrap:break-word;letter-spacing:0;font-size:12px;line-height:24px;word-break:break-all;}
.left .summary em{color:#373d41;font-weight:700;font-style:normal;}
.left .declare{margin-top:20px;padding:5px;border:1px solid #ede4e4;background:#f8f8f8;}
.left .declare p{position:relative;overflow:hidden;padding:10px 10px 10px 20px;border:1px solid #ede4e4;background-color:#fff;color:#999;font-size:12px;line-height:28px;word-break:break-all;}
.left .declare p::before{position:absolute;top:22px;left:12px;display:block;border-top:3px solid #fff;border-bottom:3px solid #fff;border-left:5px solid #999;content:"";}
.left .prenext{overflow:hidden;margin-top:20px;}
.left .prenext li{float:left;overflow:hidden;margin-bottom:16px;width:50%;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
.left .prenext li a{overflow:hidden;text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;font-size:12px;}
.content{overflow:hidden;margin:10px 0;padding:10px 20px;color:#000;word-wrap:break-word;font-size:16px;line-height:24px;word-break:break-all;}
.content h2{margin-top:20px;padding-bottom:5px;border-bottom:1px solid #ddd;font-weight:600;font-size:20px;line-height:1.25;}
.content h3{margin-top:30px;text-align:center;font-weight:400;font-size:24px;}
.content p{margin-top:10px;margin-bottom:0;text-indent:32px;}
.content a{color:#00a0e8;}
.content a:hover{text-decoration:underline;}
.content td{font-size:12px;}
.content img{height:auto !important;max-width:100% !important;border:1px solid #d4d4d4;background-color:hsla(0,0%,100%,.1);vertical-align:middle;}
.content strong{font-weight:600;}
.content em{color:#f60;font-style:normal;}
.content blockquote{margin-top:10px;margin-left:10px;padding:6px 14px;border-left:5px solid #ddd;background-color:#f5f5f5;color:#666;}
.content blockquote p{margin:0;text-indent:0;line-height:36px;}
.content ol{overflow:hidden;margin:10px 10px 0;padding-left:10px;border:1px solid #CCC;background:#333 url(../images/codebg.gif) repeat-y 0 0;color:#fff;}
.content ol li{margin-left:20px;padding-left:6px;list-style-type:decimal-leading-zero;font-size:12px;line-height:26px;}
.content ul{margin:10px 20px;padding:10px 0;background-color:#f5f5f5;}
.content ul li{margin:0 0 0 30px;list-style-type:disc;line-height:32px;}
.content fieldset{padding:10px 60px;border:1px solid #d4d4d4;background-color:#f5f5f5;text-align:center;}
.content fieldset legend{display:inline-block;padding:5px 10px;border:1px solid #777;background-color:#fff;text-align:center;}
.content hr{margin:20px 0 50px;height:1px;background-color:#d4d4d4;}
.comment{margin-top:10px;padding-bottom:30px;}
.comment h3{clear:both;margin-top:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e9e9e9;color:#333;font-size:18px;}
.comment ul{margin-bottom:32px;}
.comment ul li{overflow:hidden;margin-top:20px;zoom:1;}
.comment ul li:first-of-type{margin-top:0;}
.comment ul li .avatar{float:left;padding-right:10px;}
.comment ul li .avatar img{display:block;width:42px;height:42px;border-radius:50%;vertical-align:middle;}
.comment ul li .detail{float:right;overflow:hidden;padding-bottom:10px;width:calc(100% - 60px);border-bottom:1px solid #e9e9e9;}
.comment ul li .detail .top b{text-align:left;text-decoration:none;letter-spacing:0;font-size:14px;line-height:24px;}
.comment ul li .detail .top span{float:right;color:#9b9ea0;text-align:left;letter-spacing:0;font-size:12px;line-height:20px;}
.comment ul li .detail .des{overflow:hidden;margin-bottom:6px;text-align:left;word-wrap:break-word;letter-spacing:0;font-size:14px;line-height:24px;word-break:break-all;}
.comment ul li .detail .actions a{margin-right:20px;text-decoration:none;font-size:12px;cursor:pointer;}
.comment ul li .detail .actions a:hover{color:#00a0e8;}
.comment .post{margin-bottom:15px;padding:0;height:160px;border:1px solid #d7d8d9;background:#fff;text-align:center;font-size:12px;}
.comment .post a{color:#00a0e8;}
.comment .post a:hover{text-decoration:underline;}
.comment .post .postlogin{text-align:center;line-height:160px;}
.comment .post textarea{margin-top:16px;padding:5px;width:96%;height:100px;border:1px solid #bfcfd9;background-color:#fcfcfc;font-size:16px;line-height:36px;resize:none;}
.comment .post p{padding:4px 20px;text-align:left;}
.comment .post p span{margin:0 4px;font-size:14px;}
.comment .post p img{width:64px;}
.comment .post p input{padding-left:10px;width:80px;height:26px;border:1px solid #bfcfd9;background-color:#fff;line-height:40px;}
.comment .post p button{float:right;display:inline-block;width:60px;height:32px;border:1px solid #00a0e8;border-radius:4px;background-color:#fff;color:#00a0e8;font-size:14px;line-height:32px;cursor:pointer;}
.comment .post p button:hover{background-color:#00a0e8;color:#fff;}
.navleft{top:60px;float:left;width:200px;font-size:14px;}
.navlefts{margin-right:10px;width:130px;}
.navleft dt{text-align:center;border-bottom:1px solid #ddd;background-color:#fff;color:#8d8d8d;font-size:16px;line-height:60px;}
.navleft dt:first-of-type{margin-top:0;}
.navleft dt a{white-space:nowrap;}
.navleft dd{text-align:center;height:40px;border-bottom:1px solid #ddd;background-color:#fff;color:#333;font-size:14px;line-height:40px;cursor:pointer;}
.navleft dd:last-of-type{border-bottom:none;}
.navleft dd.active{background-color:#00a0e8;}
.navleft dd.active a{color:#fff;}
.navleft h2{padding:15px 0 15px 30px;height:60px;border-bottom:1px solid #ddd;background-color:#fff;color:#8d8d8d;font-size:16px;line-height:30px;}
.navleft h3{height:40px;border-bottom:1px solid #ddd;background-color:#fff;color:#333;font-size:14px;line-height:40px;cursor:pointer;}
.navleft h3::before{float:left;display:inline-block;margin-top:13px;margin-right:10px;margin-left:40px;width:0;height:0;border-color:transparent;border-style:dashed;border-width:6px;content:'';border-right-width:0;border-left-color:#666;border-left-style:solid;}
.navleft h3.on{background-color:#00a0e8;color:#fff;}
.navleft h3.on::before{margin-top:18px;margin-right:10px;margin-left:34px;border-color:transparent;border-style:dashed;border-width:6px;border-bottom-width:0;border-top-color:#fff;border-top-style:solid;}
.navleft ul{display:none;border-bottom:1px solid #ddd;background-color:#fff;line-height:40px;}
.navleft ul li{display:block;}
.navleft ul li a{display:block;overflow:hidden;padding-left:56px;height:34px;text-overflow:ellipsis;white-space:nowrap;line-height:34px;}
.navleft ul li.active a{color:#00a0e8;}
.navright{top:60px;float:right;width:180px;background-color:#fff;}
.navrights{width:250px;counter-reset:sectioncounter;}
.navright dt{border-bottom:1px solid #ddd;color:#8d8d8d;text-align:center;font-size:16px;line-height:60px;}
.navright dd{padding:0 5px;height:40px;border-bottom:1px solid #ddd;color:#333;font-size:12px;line-height:40px;cursor:pointer;}
.navright dd a::before{display:inline-block;margin:10px 5px 10px 0;padding:0 5px;width:12px;border-radius:2px;background-color:#777;color:#fff;content:counter(sectioncounter) "";counter-increment:sectioncounter;text-align:center;font-size:12px;line-height:20px;}
.navright dd:nth-of-type(1) a::before,.navright dd:nth-of-type(2) a::before,.navright dd:nth-of-type(3) a::before{background-color:#f80;}
.navright dd:last-of-type{border-bottom:none;}
.navright dd a{display:inline-block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;}
.navright dd.active a{color:#00a0e8;}
.navright h3{padding:15px 0 15px 30px;height:60px;border-bottom:1px solid #ddd;color:#8d8d8d;font-size:16px;line-height:30px;}
.navright ul{padding:0 10px;}
.navright ul li{border-bottom:1px solid #ddd;color:#8d8d8d;line-height:4px;}
.navright ul li:last-of-type{border:none;}
.navright ul li a{display:block;height:50px;text-align:center;line-height:50px;}
.navright ul li.active a{color:#00a0e8;}
.right{float:right;width:390px;}
.rights{margin-top:-20px;}
.right .muban{width:390px;}
.right .muban li{margin:10px 0;}
.right .muban li::before{position:absolute;right:0;z-index:1;width:50px;height:50px;background:url(../images/allico.png);background-position:-50px -150px;background-size:500px 500px;background-repeat:no-repeat;content:"";}
.hot{margin-bottom:10px;padding:10px 30px;width:390px;background:#fff;}
.hot h3{padding:10px 0px 0px 10px;height:50px;border-bottom:1px solid #ebecec;color:#373d41;font-weight:300;font-size:18px;line-height:28px;}
.hot h3 a{float:right;margin-top:4px;color:#00a0e8;text-decoration:none;font-size:12px;line-height:20px;}
.hot ol{overflow:hidden;}
.hot ol li{float:left;overflow:hidden;width:110px;height:30px;color:#373d41;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:40px;}
.hot ul li{position:relative;overflow:hidden;padding:20px 0;border-bottom:1px solid #ebecec;}
.hot ul li:last-of-type{border:none;}
.hot ul li .pic{float:left;width:90px;height:60px;}
.hot ul li .pic img{display:block;width:100%;height:100%;}
.hot ul li .info{padding-left:100px;}
.hot ul li .info h6{color:#373d41;font-weight:400;font-size:14px;line-height:24px;}
.hot ul li .info h6 a{display:inline-block;overflow:hidden;width:100%;color:inherit;vertical-align:top;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;}
.hot ul li .info p{padding:2px 0;color:#9b9ea0;font-size:12px;line-height:18px;}
.warning{overflow:hidden;margin:10px auto 0;padding-bottom:0;width:420px;height:auto;border:#cecece;border-radius:5px;background:#fff;box-shadow:0 0 50px #ccc;}
.warning .box{margin:30px auto;width:320px;border:1px solid #00a0e8;border-radius:4px;}
.warning .box h2{height:40px;background-color:#00a0e8;color:#fff;text-align:center;font-size:16px;line-height:40px;}
.warning .box p{margin:20px 0;color:#000;text-align:center;font-size:16px;line-height:26px;}
.warning .box p button{display:inline-block;width:70px;height:40px;border:1px solid #00a0e8;border-radius:4px;background-color:#fff;color:#00a0e8;font-size:14px;line-height:40px;cursor:pointer;}
.warning .box p button:hover{background-color:#00a0e8;color:#fff;}
.float{position:fixed;top:50%;right:10px;z-index:10;margin-top:-55px;width:60px;}
.float .kefu{float:right;width:60px;height:80px;}
.float .kefu .pic{z-index:8;float:right;display:block;margin-top:10px;width:50px;height:50px;border-radius:50%;background:#00a0e8;box-shadow:0 0 20px 0 rgba(0,0,0,.2);color:#fff;text-align:center;font-size:32px;line-height:50px;}
.float .kefu .pic::before{margin-right:0;}
.float .kefu .pic:hover{background-color:#f60;}
.float .kefu .pic img{margin-top:10px;margin-left:9px;}
.float .kefu:hover .detail{display:block;}
.float .kefu .detail{position:absolute;top:-130px;right:60px;display:none;overflow:hidden;width:290px;height:440px;border-radius:5px;background-color:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.2);text-align:center;}
.float .kefu .detail .event{display:block;}
.float .kefu .detail .qq{display:inline-block;margin:20px 0;width:210px;height:40px;border-radius:20px;background-color:#00a0e8;color:#fff;font-size:14px;line-height:40px;}
.float .kefu .detail .qq::before{font-size:18px;}
.float .kefu .detail .qq:hover{background-color:#00a0e8;}
.float .kefu .detail .weixin{margin-top:20px;color:#666;font-size:12px;}
.float .kefu .detail .weixin img{margin-bottom:10px;width:100px;}
.float .kefu .detail .weixin p{margin-bottom:10px;}
.float .kefu .detail .weixin p.des{margin-bottom:30px;color:#999;}
.float .gotop{float:right;margin-right:10px;width:30px;height:30px;border-radius:50%;background:#999;color:#fff;text-align:center;line-height:30px;cursor:pointer;}
.float .gotop::before{margin-right:0;}
.float .gotop:hover{background-color:#00a0e8;}
.float .vipicon{float:right;margin-right:10px;margin-bottom:15px;width:30px;height:30px;border-radius:50%;background:#00a0e8;color:#fff;text-align:center;font-size:18px;line-height:30px;cursor:pointer;}
.float .vipicon::before{margin-right:0;}
.float .vipicon:hover{background-color:#f60;}
.floatleft{position:fixed;top:50%;z-index:10;margin-top:-125px;margin-left:-70px;}
.floatleft:hover{margin-left:0;}
.friendlink{overflow:hidden;margin:10px auto 0;padding:10px 20px;width:1200px;background-color:#fff;}
.friendlink dt{height:40px;border-bottom:1px solid #eee;font-size:18px;line-height:40px;}
.friendlink dd{float:left;overflow:hidden;width:12.5%;white-space:nowrap;line-height:24px;}
.msearch{box-sizing:border-box;margin-top:16px;margin-bottom:24px;text-align:center;}
.msearch .box{display:inline-block;box-sizing:border-box;text-align:center;}
.msearch .box select{position:absolute;top:0;right:0;margin-top:1px;margin-right:40px;height:38px;border-left:1px solid #ced4da;}
.msearch .box .item{margin-top:8px;margin-bottom:0;padding-left:0;list-style:none;font-size:14px;}
.msearch .box .item li{display:inline-block;margin-right:4px;margin-left:4px;padding-left:0;list-style:none;font-size:14px;}
.msearch>a{display:inline-block;margin-top:8px;margin-left:24px;background-color:transparent;color:#00a0e8;vertical-align:top;text-decoration:underline;}
.morder{margin:0 auto;width:1200px;}
.morder h2{display:inline-block;background-color:transparent;color:#777;text-decoration:none;font-size:16px;}
.morder ul{display:inline-block;margin-bottom:0;margin-left:16px;padding-left:0;list-style:none;}
.morder ul li{display:inline-block;margin-left:8px;}
.morder ul li a{display:inline-block;padding-left:8px;border:1px #343a40 solid;border-radius:2px;background-color:#343a40;color:#f8f9fa;vertical-align:middle;text-align:center;text-decoration:none;white-space:nowrap;font-weight:400;font-size:12px;line-height:1.5;cursor:pointer;user-select:none;}
.morder ul li a:hover{border-color:#000;background-color:#000;}
.morder ul li a.active{border-color:#ffc107;background-color:#ffc107;}
.morder ul li a.active:hover{border-color:#d39e00;background-color:#e0a800;}
.morder ul li a::after{display:inline-block;margin-left:8px;border-color:#fff transparent transparent transparent;border-style:solid dashed dashed dashed;border-width:4px;content:'';vertical-align:middle;}
.mfenlei{margin:10px auto 0;width:1200px;height:112px;}
.mfenlei .item{position:relative;float:left;margin-right:75px;width:180px;height:28px;line-height:28px;}
.mfenlei .item:nth-of-type(5n){margin-right:0;}
.mfenlei .item .info{color:#777;font-family:iconfont!important;-webkit-font-smoothing:antialiased;}
.mfenlei .item .active,.mfenlei .item:hover .info{color:#00a0e8;}
.mfenlei .item .info::after{display:inline-block;margin-left:10px;color:#aaa;content:"\e7a6";font-size:12px;transform:scale(.8);}
.mfenlei .item:hover .info::after{content:"\e611";}
.mfenlei .item ul{position:absolute;top:100%;left:0;z-index:2;float:left;display:none;width:80%;border:1px solid rgba(0,0,0,.15);border-radius:4px;background-color:#fff;background-clip:padding-box;color:#212529;text-align:left;font-size:14px;}
.mfenlei .item:hover ul{display:block;}
.mfenlei .item ul li{padding:0 20px;color:#777;transition:all .5s;}
.mfenlei .item ul li a{color:#777;}
.mfenlei .item ul li a:hover{color:#00a0e8;}
.mleft input{display:none;}
.mleft .allbtn{margin-top:10px;text-align:center;}
.mleft .allbtn a,.mleft .allbtn button{display:inline-block;margin:0 4px;padding:8px 24px;border:1px solid #00a0e8;border-radius:5px;background-color:#00a0e8;color:#fff;vertical-align:middle;text-align:center;text-decoration:none;white-space:nowrap;font-weight:400;font-size:20px;line-height:1.5;cursor:pointer;user-select:none;}
.mleft .allbtn .sale{border-color:#c82333;background-color:#c82333;}
.mleft .allbtn .love{border-color:#218838;background-color:#218838;}
.mleft .allbtn .demo:hover{border-color:#08f;background-color:#08f;}
.mleft .allbtn .down:hover{border-color:#08f;background-color:#08f;}
.mleft .allbtn .love:hover{border-color:#1c7430;background-color:#1c7430;}
.mleft .allbtn .sale:hover{border-color:#bd2130;background-color:#bd2130;}
.mleft .price{margin:20px 0 10px;text-align:center;font-size:14px;}
.mleft .price .price-detail{color:#dc3545;font-size:32px;}
.mleft .price .code{color:#28a745;font-size:16px;}
.mleft .demopic{margin-top:10px;text-align:center;}
.mleft .demopic img{max-width:100%;}
.mleft .intro{margin-top:10px;padding:12px;text-align:center;}
.mleft .intro .where{color:#28a745;}
.mleft .intro .ie{font-size:16px;}
.article{float:left;width:800px;}
.article .tag{position:relative;overflow:hidden;box-sizing:border-box;margin-bottom:2px;padding:15px 16px;width:800px;background:#fff;}
.article .tag li{float:left;overflow:hidden;margin-right:5px;margin-bottom:5px;width:80px;height:34px;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:34px;cursor:pointer;transition:.2s;}
.article .tag li.active,.article .tag li:hover{background:#00a0e8;}
.article .tag li.active a,.article .tag li:hover a{color:#fff;}
.article .item{position:relative;overflow:hidden;margin-bottom:2px;padding:20px 30px;width:100%;background:#fff;transition:.2s;}
.article .item:hover{background:#f8f8f8;}
.article .item .info{float:left;width:520px;}
.article .item .info h3{display:-webkit-box;overflow:hidden;margin-bottom:4px;max-height:60px;color:#373d41;text-overflow:ellipsis;font-weight:500;font-size:20px;line-height:30px;transition:.2s;}
.article .item .info h3 b,.article .item .info h3 span{display:inline-block;margin-top:3px;margin-right:10px;width:38px;height:22px;border:1px solid #00a0e8;border-radius:1px;background-clip:padding-box;color:#00a0e8;vertical-align:top;text-align:center;font-weight:400;font-size:14px;line-height:22px;}
.article .item .info h3 span{border:1px solid #f60;color:#f60;}
.article .item .info .des{float:left;overflow:hidden;margin:0;width:520px;color:#9b9ea0;font-size:12px;line-height:20px;}
.article .item .info .other{position:relative;float:left;overflow:hidden;margin-top:10px;width:520px;color:#373d41;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:20px;}
.article .item .info .other span{margin-right:20px;color:#9b9ea0;font-size:12px;}
.article .item .info .other span.type{display:inline-block;box-sizing:border-box;margin-right:8px;padding:0 5px;height:18px;border:1px solid #c3c5c6;color:#373d41;vertical-align:top;text-align:center;line-height:16px;}
.article .item .info .other span.type:hover{border-color:#00a0e8;}
.article .item .pic{position:relative;float:right;overflow:hidden;margin:5px 0;width:168px;height:100px;}
.article .item .pic a img{display:block;width:168px;height:100px;transition:all .5s ease-out;}
.article .item .pic:hover a img{transform:matrix(1.04,0,0,1.04,0,0);}
.scrollcourse .article{width:660px;}
.scrollcourse .article .item .info{width:380px;}
.scrollcourse .article .item .info .des{width:380px;}
.scrollcourse .article .item .info .other{width:380px;}
.video{overflow:hidden;margin:0 auto;width:1200px;}
.video li{float:left;margin:10px 5px 0;padding:10px;width:290px;border:1px solid transparent;background-color:#fff;}
.video li:hover{border-color:#ddd;box-shadow:1px 1px 2px 1px #ECECEC;}
.video li>a{position:relative;display:block;width:270px;height:180px;}
.video li img{width:100%;height:100%;}
.video li h4{position:relative;display:-webkit-box;overflow:hidden;margin:8px 0;height:20px;text-overflow:ellipsis;font-size:14px;}
.video li h4 a{color:#333;white-space:pre-wrap;word-wrap:break-word;}
.video li:hover h4 a{color:#00a0e8;}
.video li p{overflow:hidden;margin-top:0;height:24px;font-size:12px;line-height:24px;}
.video li p span{float:left;color:#00a0e8;font-size:14px;}
.video li p span.author{float:right;display:inline-block;overflow:hidden;width:105px;color:#999;text-align:right;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.video li p a:hover{color:#00a0e8;}
.vinfo{margin:0 auto;width:1200px;}
.vinfo .pic{position:relative;display:inline-block;width:800px;height:450px;background-color:#000;vertical-align:top;}
.vinfo .pic img{display:block;width:100%;height:100%;opacity:.5;}
.vinfo .pic p{position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-250px;width:500px;height:80px;border-radius:8px;background-color:#f5f5f5;color:#131313;text-align:center;font-size:20px;line-height:80px;}
.vinfo .pic p a{color:#00a0e8;}
.vinfo .pic p a:hover{text-decoration:underline;}
.vinfo .pic iframe{width:100%;height:100%;}
.vinfo dl{position:relative;float:right;display:inline-block;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;padding:10px 16px;width:400px;height:450px;background-color:#131313;color:#c7c7c7;counter-reset:sectioncounter;vertical-align:top;font-size:14px;}
.vinfo dl dt{overflow:hidden;height:35px;border-bottom:1px solid #2a2a2a;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:30px;}
.vinfo dl dt a{color:#c7c7c7;}
.vinfo dl dt:hover a{color:#00a0e8;}
.vinfo dl dd{display:block;overflow:hidden;margin-top:16px;color:#c7c7c7;cursor:pointer;}
.vinfo dl dd::before{position:relative;top:1px;float:left;padding:0 4px;border-radius:2px;background-color:#777;color:#0f0f0f;content:counter(sectioncounter) "";counter-increment:sectioncounter;text-align:center;font-size:14px;}
.vinfo dl dd.active::before{background-color:#00a0e8;color:#fff;}
.vinfo dl dd h5{display:inline-block;overflow:hidden;margin-left:6px;width:290px;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px;}
.vinfo dl dd h5 a{color:#c7c7c7;}
.vinfo dl dd.active h5 a,.vinfo dl dd:hover h5 a{color:#00a0e8;}
.vinfo dl dd span{float:right;width:40px;color:#777;font-size:12px;line-height:16px;}
.vinfo .all{box-sizing:border-box;padding:14px 16px;width:100%;min-height:92px;background-color:#232323;}
.vinfo .all h3{display:inline-block;max-width:780px;color:#f4f4f4;vertical-align:top;font-weight:400;font-size:22px;line-height:32px;}
.vinfo .all p{margin-top:4px;font-size:12px;line-height:16px;}
.vinfo .all p span{display:inline-block;margin-right:32px;color:rgba(255,255,255,.5);vertical-align:middle;font-size:12px;}
.vinfo .all p span a{color:rgba(255,255,255,.5);color:#00a0e8;font-size:12px;}
.vinfo .all p span a:hover{text-decoration:underline;}
.vinfo .all p span em{font-style:normal;}
.vinfo .all>a{position:relative;float:right;display:inline-block;margin:7px 5px;width:300px;height:50px;background-color:#00a0e8;color:#fff;vertical-align:middle;text-align:center;font-size:18px;line-height:50px;cursor:pointer;}
.vinfo .all>a:hover{background-color:#00a0e8;}
.vcontent{overflow:hidden;margin:10px auto 0;width:1200px;}
.vcontent .vleft{float:left;width:800px;background:#fff;}
.vcontent .vleft .hd{overflow:hidden;height:50px;}
.vcontent .vleft .hd ul li{float:left;padding:0 40px;border-top:5px solid #fff;font-size:16px;line-height:50px;cursor:pointer;}
.vcontent .vleft .hd ul li.on,.vcontent .vleft .hd ul li:hover{color:#00a0e8;border-top-color:#00a0e8;}
.vcontent .vleft .bd dl{margin-bottom:10px;counter-reset:sectioncounter;}
.vcontent .vleft .bd dl dt{overflow:hidden;padding:10px 40px;font-weight:600;line-height:40px;}
.vcontent .vleft .bd dl dd{overflow:hidden;margin-bottom:20px;margin-left:5%;padding-left:20px;width:90%;background-color:#f4f4f4;color:#333;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;line-height:50px;}
.vcontent .vleft .bd dl dd.active{background-color:#50c9ff;}
.vcontent .vleft .bd dl dd.active *{color:#fff;}
.vcontent .vleft .bd dl dd::before{top:1px;margin-right:10px;padding:0 6px;border-radius:2px;background-color:#a3d2f8;color:#fff;content:counter(sectioncounter) "";counter-increment:sectioncounter;text-align:center;font-weight:600;font-size:14px;}
.vcontent .vleft .bd dl dd span{display:inline-block;margin-left:10px;color:#999;vertical-align:middle;}
.vcontent .vright{float:right;width:390px;}
.vcontent .vright .info{padding:30px;background-color:#fff;}
.vcontent .vright .info ul{display:table;width:100%;table-layout:fixed;}
.vcontent .vright .info ul li{display:table-cell;border-left:1px solid #e5e5e5;text-align:center;}
.vcontent .vright .info ul li:first-of-type{border-left:0;}
.vcontent .vright .info ul li span{color:#999;}
.vcontent .vright .info .des{margin-top:20px;text-indent:32px;white-space:normal;word-wrap:break-word;word-break:break-all;}
.vcontent .vright .info .contact{margin:20px 0 10px;padding-top:10px;border-top:1px solid #e5e5e5;}
.vcontent .vright .info .qun{color:#00a0e8;}
.vcontent .vright .related{margin-top:10px;padding:20px 30px;background-color:#fff;}
.vcontent .vright .related h4{margin-bottom:18px;padding-left:10px;border-left:3px solid #00a0e8;color:#373d41;font-weight:500;font-size:18px;line-height:16px;}
.vcontent .vright .related .pic{display:block;width:330px;height:185px;}
.vcontent .vright .related .pic img{display:block;width:100%;height:100%;}
.vcontent .vright .related .tit{display:block;padding:8px 0 4px;text-align:center;line-height:18px;line-height:30px;}
.vcontent .vright .related ul{padding:0 40px 20px;border-top:1px dashed #00a0e8;}
.vcontent .vright .related ul li{font-size:14px;line-height:30px;}
.vcontent .vright .related ul li i{position:relative;top:-2px;display:inline-block;margin-right:10px;width:14px;height:6px;border:solid #00a0e8;border-width:0 0 2px 2px;vertical-align:baseline;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.vcontent .vright .related .view{display:block;box-sizing:border-box;margin:0 auto;width:220px;height:50px;border:1px solid #00a0e8;background-color:#fff;color:#00a0e8;text-align:center;font-size:16px;line-height:48px;cursor:pointer;}
.vcontent .vright .related .view:hover{background-color:#00a0e8;color:#fff;}
.ddown{overflow:hidden;margin:10px auto;width:1200px;}
.ddown .toggle{float:left;overflow:hidden;margin-bottom:0;width:890px;background-color:#fff;}
.ddown .toggle .hd{overflow:hidden;background-color:#eee;}
.ddown .toggle .hd ul li{float:left;padding:0 30px;height:40px;color:#999;font:16px/40px Microsoft Yahei;cursor:default;}
.ddown .toggle .hd ul li.on{border-top:2px solid #2888de;background-color:#fff;color:#00a0e8;}
.ddown .toggle .bd{overflow:hidden;padding:0 20px;width:100%;height:290px;}
.ddown .toggle .bd ul{overflow:hidden;padding-top:10px;}
.ddown .toggle .bd li{float:left;overflow:hidden;margin-top:4px;width:50%;height:30px;line-height:30px;}
.ddown .toggle .bd li .tags{float:left;color:#e5e5e5;}
.ddown .toggle .bd li>a::before{margin:0 5px;content:"|";}
.ddown .toggle .bd li>a{float:left;overflow:hidden;width:340px;text-overflow:ellipsis;white-space:nowrap;}
.ddown .piano{float:right;overflow:hidden;width:300px;height:330px;background-color:#fff;counter-reset:sectioncounter;}
.ddown .piano dt{border-bottom:1px solid #ebecec;background-color:#fff;color:#00a0e8;text-align:center;font-weight:500;font-size:18px;line-height:40px;}
.ddown .piano dd{overflow:hidden;padding:10px 5px 0 10px;}
.ddown .piano dd p{float:left;overflow:hidden;width:100%;}
.ddown .piano dd p::before{float:left;margin-right:5px;padding:0 5px;border-radius:2px;background-color:#777;color:#fff;content:counter(sectioncounter) "";counter-increment:sectioncounter;text-align:center;font-size:14px;}
.ddown .piano dd:nth-of-type(1) p::before,.ddown .piano dd:nth-of-type(2) p::before,.ddown .piano dd:nth-of-type(3) p::before{background-color:#f80;}
.ddown .piano dd p a{display:inline-block;overflow:hidden;width:215px;height:18px;font-size:14px;line-height:16px;}
.ddown .piano dd p i{float:right;margin-right:6px;color:#999;font-style:normal;font-size:12px;}
.ddown .piano dd div{display:none; font-size:12px;}
.ddown .piano dd div span{float:left;display:block;height:26px;color:#999;vertical-align:top;font-size:14px;line-height:26px;}
.ddown .piano dd div span:first-of-type{margin-left:22px;}
.ddown .piano dd div span:first-of-type::after{margin:0 10px;content:'|';}
.ddown .piano dd .button{float:right;width:60px;height:26px;border:1px solid;border-radius:3px;background:#fff;color:#00a0e8;text-align:center;font-size:12px;line-height:26px;}
.ddown .piano dd:hover .button{background-color:#00a0e8;color:#fff;}
.downinfo{overflow:hidden;margin-top:20px;padding:10px 20px;border-radius:8px;background:#e5e5e5;}
.downinfo ul{float:left;width:400px;}
.downinfo ul li{float:left;display:inline;overflow:hidden;overflow:hidden;width:50%;height:30px;color:#999;text-overflow:ellipsis;white-space:nowrap;line-height:30px;}
.downinfo ul li span{color:#333;}
.downinfo ul li span a{color:#00a0e8;}
.downinfo ul li span a:hover{text-decoration:underline;}
.downinfo .link{float:right;display:inline-block;margin:0 4px;margin-top:5px;padding:8px 24px;border:1px solid #00a0e8;border-radius:5px;background-color:#00a0e8;color:#fff;vertical-align:middle;text-align:center;text-decoration:none;white-space:nowrap;font-weight:400;font-size:20px;line-height:1.5;cursor:pointer;user-select:none;}
.downinfo .link:hover{border-color:#00a0e8;background-color:#00a0e8;}
.manual{margin-top:10px;}
.manual .left{float:right;margin-right:10px;}
.manual .left .summary{margin-top:10px;}
.manual .content img{margin-left:auto;}
.manual .content p{text-indent:0;}
.topdz{overflow:hidden;margin:10px auto 0;width:1200px;}
.topdz li{float:left;width:85px;height:45px;border:1px solid #ddd;background-color:#fff;list-style:none;text-align:center;line-height:45px;}
.topdz li.first{padding-left:55px;width:180px;border:1px solid #ddd;background-color:#e8f3f9;}
.topdz li.first::before{float:left;display:block;width:88px;height:45px;background:url(../images/discuzico.png) no-repeat scroll 0 0;background-size:auto 43px;content:"";}
.topdz li.active{background:#0ae;}
.topdz li.active a{color:#fff;}
.topecms{overflow:hidden;margin:10px auto 0;width:1200px;background-color:#00a0e8;}
.topecms li{position:relative;float:left;width:60px;height:60px;list-style:none;text-align:center;line-height:45px;}
.topecms li.first{width:200px;}
.topecms li.first::before{float:left;display:block;width:170px;height:60px;}
.topecms li.active,.topecms li:hover{background:#8CBDEF;}
.topecms li a{display:inline-block;margin-top:30px;height:30px;color:#fff;font-size:14px;line-height:30px;}
.topecms li a img{position:absolute;top:3px;width:30px;}
.school{margin-top:10px;}
.school .left{float:right;margin-right:10px;}
.school .left .summary{margin-top:10px;}
.webprice{margin:0 auto;width:1200px;background-color:#fff;text-align:center;}
.product .navleft{margin-right:10px;width:190px;}
.product .navleft dd{padding-left:55px;font-size:16px;}
.product .navleft dd#mt20{margin-top:20px;}
.product .left{width:1000px;}
.product .content{padding:10px 0;text-align:center;}
.product .content h2{text-align:left;}
.product .content h3{position:relative;display:inline-block;margin-top:20px;padding:20px 0;color:#333;font-weight:400;font-size:30px;}
.product .content h3:after,.product .content h3:before{position:absolute;top:60%;right:-198px;width:198px;height:1px;background:url(../images/line.png) no-repeat 0 -1px;content:"";}
.product .content h3:before{left:-198px;background-position:0 0;}
.product .content img{border:none;}
.product .content .news{overflow:hidden;margin-bottom:40px;background:#00a0e8;text-align:left;}
.product .content .news img{float:left;margin:15px;}
.product .content .news ul{float:right;overflow:hidden;margin:10px 15px 0 0;padding:3px;width:770px;background:#fff;}
.product .content .news ul li{float:left;margin-right:3%;margin-bottom:10px;margin-left:2%;width:20%;height:32px;border-bottom:1px dashed #00a0e8;list-style-type:none;line-height:32px;}
.product .content .news ul li a{overflow:hidden;padding-left:23px;background:url(../images/newsico.png) no-repeat left center;white-space:nowrap;font-size:14px;}
.products{overflow:hidden;margin:0 auto;margin-top:10px;width:910px;}
.products li{float:left;overflow:hidden;margin-right:50px;margin-bottom:40px;width:270px;background:#fff;}
.products li:nth-of-type(3n){margin-right:0;}
.products li img{width:100%;}
.products li h3{padding-top:10px;color:#00a0e8;text-align:center;font-size:22px;}
.products li p{margin:0 auto;padding-top:20px;width:220px;color:#4a2711;text-align:left;font-size:16px;}
.products li button{margin-top:20px;width:100%;height:40px;background:#00a0e8;color:#fff;text-align:center;font-size:18px;line-height:40px;cursor:pointer;}
.addata{position:relative;margin:10px auto 0;padding:10px 0;width:1200px;background-color:#fff;}
.addata li{display:inline-block;margin-left:20px;width:270px;}
.addata li>div,.addata li>p{display:inline-block;margin:0;vertical-align:middle;}
.addata li:nth-of-type(1)>p{color:#ff9920;}
.addata li:nth-of-type(2)>p{color:#84bdfe;}
.addata li:nth-of-type(3)>p{color:#2cca6f;}
.addata li:nth-of-type(4)>p{color:#f0c505;}
.addata li .num{font-weight:bolder;font-size:50px;}
.addata li .num sup{position:relative;top:-.5em;vertical-align:baseline;font-size:75%;line-height:0;}
.addata li .up{margin-bottom:10px;color:#636363;text-align:left;}
.addata li .down{color:#636363;text-align:left;font-weight:700;font-size:18px;}
.advantage{position:relative;margin:0 auto;width:1200px;height:545px;background-color:#fff;}
.advantage .ktz{position:absolute;top:40px;left:315px;color:#00a0e8;font-weight:700;font-size:24px;}
.advantage .other{position:absolute;top:40px;left:800px;color:#636363;font-weight:700;font-size:24px;}
.advantage .boxleft{position:absolute;top:125px;left:100px;width:410px;height:370px;}
.advantage .boxleft>div{float:left;}
.advantage .boxleft .title{color:#00a0e8;line-height:30px;}
.advantage .boxleft .title::before{content:"● ";}
.advantage .boxright{position:absolute;top:125px;left:688px;width:410px;height:370px;}
.advantage .boxright>div{float:left;}
.advantage .boxright .title{color:#8f8f8f;}
.advantage .boxright .title::before{content:"● ";}
.advantage .title{font-weight:700;font-size:18px;}
.advantage .desc{color:#7a7a7a;font-size:14px;}
.advantage .desc p{overflow:hidden;margin:0;padding:4px 10px;text-overflow:ellipsis;white-space:nowrap;}
.advantage .hr{width:100%;height:20px;}
.serve{position:relative;overflow:hidden;margin:0 auto;width:1200px;height:500px;background:#fff url(../images/serve.png) no-repeat center top;}
.serve .intro{position:absolute;top:36px;left:230px;font-size:24px;}
.serve .intro .free{color:#636363;font-weight:700;}
.serve .intro .price{color:#ff9920;font-weight:700;}
.serve .intro .more{color:#ff9920;}
.serve .item{position:absolute;width:150px;text-align:center;}
.serve .item:nth-of-type(1){top:148px;left:76px;}
.serve .item:nth-of-type(2){top:148px;left:280px;}
.serve .item:nth-of-type(3){top:148px;left:485px;}
.serve .item:nth-of-type(4){top:355px;left:76px;}
.serve .item:nth-of-type(5){top:355px;left:280px;}
.serve .item:nth-of-type(6){top:355px;left:485px;}
.serve .item .title{margin:0;color:#636363;font-weight:700;font-size:18px;}
.serve .item .price{margin:0;padding:8px 0 14px;color:#ff9920;font-weight:700;font-size:22px;}
.serve .item .price span{font-size:16px;}
.serve .item .once{margin:0;color:#888;text-decoration:line-through;}
.serve .standard{position:absolute;top:100px;left:750px;width:150px;}
.serve .standard .title{color:#00a0e8;text-align:center;font-size:24px;}
.serve .standard ul{margin-top:35px;}
.serve .standard li{margin-top:15px;color:#636363;list-style-type:circle;font-size:16px;}
.serve .standard li span{color:#00a0e8;}
.webtotal{position:relative;margin:0 auto;padding-top:20px;width:1200px;background-color:#fff;}
.webtotal li{display:inline-block;margin-bottom:20px;margin-left:20px;width:270px;}
.webtotal li img{float:left;}
.webtotal li>div,.webtotal li>p{float:left;display:inline-block;margin:20px 0 0 20px;border-bottom:1px solid #999;vertical-align:middle;}
.webtotal li p{margin:0;}
.webtotal li .detail{font-weight:bolder;font-size:50px;}
.webtotal li .detail-up{margin-bottom:10px;color:#636363;text-align:left;font-weight:700;font-size:20px;}
.webtotal li .detail-down{overflow:hidden;color:#999;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
.webstep{overflow:hidden;margin:0 auto;width:1200px;background:#fff;}
.webstep li{float:left;margin:10px 0 10px 12px;}
.hcenter{margin:10px auto 0;padding:20px 0;width:1200px;background-color:#fff;color:#000;text-align:center;}
.hcenter h2{position:relative;display:inline-block;padding:0 15px;color:#333;font-weight:400;font-size:30px;}
.hcenter h2:after,.hcenter h2:before{position:absolute;top:60%;right:-198px;width:198px;height:1px;background:url(../images/line.png) no-repeat 0 -1px;content:"";}
.hcenter h2:before{left:-198px;background-position:0 0;}
.seogood{overflow:hidden;margin:0 auto;padding:0 10px 10px;width:1200px;height:110px;background-color:#fff;}
.seogood li{float:left;width:25%;height:100%;}
.seogood li:hover i{animation:bring .3s alternate linear;}
.seogood li .ico{position:relative;float:left;width:100px;height:100%;background:url(../images/bring-ico.png) no-repeat;transition:.5s;}
.seogood li .ico i{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:auto;width:74px;height:74px;background:url(../images/bring-ico.png) no-repeat;}
.seogood li dl{float:left;overflow:hidden;padding-left:10px;width:190px;height:100%;}
.seogood li dl dt{margin-top:12px;color:#130f0f;font-size:20px;}
.seogood li dl dd{margin-top:10px;width:90%;color:#696969;font-size:12px;line-height:20px;}
.seogood li dl dd:last-child{width:100%;}
.seogood li.detail-li1 .ico{width:100px;height:100px;background-position:0 0;}
.seogood li.detail-li1 .ico i{background-position:-115px -13px;}
.seogood li.detail-li2 .ico{background-position:0 -105px;}
.seogood li.detail-li2 .ico i{background-position:-115px -119px;}
.seogood li.detail-li3 .ico{background-position:0 -211px;}
.seogood li.detail-li3 .ico i{background-position:-115px -224px;}
.seogood li.detail-li4 .ico{background-position:0 -317px;}
.seogood li.detail-li4 .ico i{background-position:-115px -331px;}
.seocase{overflow:hidden;margin:0 auto;padding:0 40px 10px;width:1200px;background:#fff;}
.seocase li{float:left;width:555px;}
.seocase li:nth-child(odd){margin-right:10px;}
.seocase li img{width:100%;}
.case{margin:auto;width:1200px;}
.case li{overflow:hidden;margin-bottom:30px;background-color:#fff;box-shadow:0 0 8px 0 rgba(38,38,38,.16);font-size:14px;}
.case li .pic{float:left;overflow:hidden;width:320px;height:240px;}
.case li .pic img{width:100%;height:100%;}
.case li .detail{float:right;padding:30px 40px 0 40px;width:880px;height:240px;}
.case li .detail h2{font-weight:700;font-size:18px;}
.case li .detail .hangye{margin-top:10px;}
.case li .detail .hangye span{margin-right:50px;color:#666;}
.case li .detail .url{margin-top:10px;color:#00a0e8;line-height:24px;}
.case li .detail .url b{float:left;width:80px;color:#333;}
.case li .detail .info{margin-top:10px;line-height:24px;}
.case li .detail .info b{float:left;width:80px;height:100px;color:#333;}
.about{text-align:left;}
.about .ico{list-style:none;}
.about .ico::before{position:absolute;margin-top:5px;margin-left:-22px;width:20px;height:20px;background-size:200px 200px;}
.about-taobao::before{background-position:0 -20px;}
.about-weixin::before{background-position:-80px -40px;}
.about-qq::before{background-position:-60px -40px;}
.about-gongzhong::before{background-position:-100px -40px;}
.about-weibo::before{background-position:-120px -40px;}
.about-zhihu::before{background-position:-140px -40px;}
.sitemap{overflow:hidden;margin:0 auto 10px;padding:10px 20px;width:1200px;background-color:#FFF;}
.sitemap dt{height:40px;border-bottom:1px solid #ddd;}
.sitemap dt h2{display:inline-block;overflow:hidden;height:40px;border-bottom:2px solid #f80;color:#f80;font-weight:700;font-size:18px;line-height:30px;}
.sitemap dd{float:left;overflow:hidden;margin-right:5%;width:30%;text-overflow:ellipsis;white-space:nowrap;line-height:28px;}
.sitemap dd:nth-of-type(3n){margin-right:0;}
.sitemap dd a{color:#00a0e8;}
.sitemap dd a:hover{text-decoration:underline;}
.vip{margin:10px auto;padding-bottom:30px;width:720px;border:1px solid #ddd;background:#fff;}
.vip h2{height:50px;border-bottom:1px solid #dfdfdf;background:#f5f5f5;text-align:center;font-size:18px;line-height:50px;}
.vip h2:before{position:absolute;margin-top:10px;margin-left:-40px;width:30px;height:30px;background-position:-60px -90px;background-size:300px 300px;}
.vip .name{margin-top:10px;margin-left:20px;height:50px;text-align:center;font-size:18px;line-height:50px;}
.vip .name span{margin-right:140px;color:#000;}
.vip .name span b{color:#666;font-weight:300;font-size:16px;}
.vip .name input{display:inline-block;margin-right:10px;padding-left:20px;width:80px;height:24px;border:1px solid #bfcfd9;border-radius:4px;line-height:24px;}
.vip .select{overflow:hidden;padding:10px 20px;}
.vip .select label{position:relative;float:left;margin-right:10px;width:160px;height:75px;border:1px solid #d1d6de;text-align:center;cursor:pointer;}
.vip .select label:last-of-type{margin-right:0;}
.vip .select label.active{border:2px solid #f60;}
.vip .select label input{display:none;}
.vip .select label i{position:absolute;top:0;left:0;display:none;padding:2px 4px;border-radius:0 0 5px;background:#f60;color:#fff;font-style:normal;font-size:12px;line-height:14px;}
.vip .select label.active i{display:block;}
.vip .select label b{display:inline-block;margin-top:20px;color:#f60;font-weight:400;font-size:20px;}
.vip .select label b::before{content:"￥";}
.vip .select label span{margin-top:6px;color:#000;font-size:12px;}
.vip .pay{margin-top:30px;margin-bottom:30px;height:60px;text-align:center;line-height:60px;}
.vip .pay label{display:inline-block;padding:0 10px 0 48px;width:140px;border:1px solid #D5D5D5;border-radius:2px;font-size:18px;cursor:pointer;}
.vip .pay label.active{border:2px solid #f60;}
.vip .pay label input{display:none;}
.vip .pay label::before{position:absolute;margin-top:5px;margin-left:-22px;width:30px;height:30px;background-size:300px 300px;}
.vip .pay label.alipay::before{margin-top:15px;margin-left:-40px;background-position:0 -60px;}
.vip .price{height:60px;text-align:center;line-height:60px;}
.vip .price span{margin-right:6px;color:#FA5558;font-weight:400;font-style:normal;font-size:30px;}
.vip .submit{display:block;margin:0 auto;width:100px;height:40px;border-color:#FA5558;background:#FA5558;color:#fff;text-align:center;line-height:40px;}
.vip .submit:hover{background-color:red;}
.wxpay{overflow:hidden;margin:30px auto;padding-bottom:20px;width:1200px;background-color:#fff;}
.wxpay .logo{display:flex;padding:20px 30px;height:90px;vertical-align:middle;font-weight:600;font-size:18px;line-height:50px;}
.wxpay .logo::before{margin-right:5px;width:50px;height:50px;background-position:-100px -100px;background-size:500px 500px;}
.wxpay .order{padding:10px 30px;background-color:#d3d3d3;color:#000;}
.wxpay .price{margin:20px 30px;padding:10px 20px;border-color:#f60;border-style:solid;border-width:2px;}
.wxpay .price span{display:inline-flex;height:40px;line-height:40px;}
.wxpay .price span.tit::before{margin-right:5px;width:40px;height:40px;background-position:-80px -80px;background-size:400px 400px;}
.wxpay .price span.des{color:#b3b3b3;}
.wxpay .price span.des::before{margin-right:40px;width:40px;height:40px;background-position:0 -120px;background-size:400px 400px;}
.wxpay .price span.detail{float:right;margin-right:20px;}
.wxpay .price span.detail b{margin:0 5px;color:#f60;font-style:normal;}
.wxpay .erweima{margin:0 auto;width:250px;height:250px;}
.wxpay .erweima img{width:100%;height:100%;}
.wxpay .erweimawarn{margin:0 auto 10px;width:250px;}
.wxpay .erweimawarn img{width:100%;}
.user{float:left;margin-left:10px;width:800px;height:auto;min-height:670px;background:#fff;font-size:14px;}
.user h1{padding:0 30px;height:60px;border-bottom:1px solid #ddd;color:#333;font-weight:400;font-size:18px;line-height:60px;}
.body{overflow:hidden;padding:10px 30px;width:800px;}
.body .userpic{float:left;padding:20px;width:200px;border:1px solid #d4d4d4;text-align:center;}
.body .userpic img{width:160px;height:160px;}
.body .userpic .detail{width:160px;}
.body .cptable{float:right;width:510px;}
.body .userpic a:link{color:#000;}
.body h3{margin-bottom:20px;padding-left:7px;height:14px;border-left:3px solid #00a0e8;font-weight:700;line-height:14px;}
.body p{margin-top:10px;margin-bottom:5px;}
.body a{color:#00a0e8;}
.body a:hover{text-decoration:underline;}
.body .btn,.body button{display:inline-block;width:70px;height:40px;border:1px solid #00a0e8;border-radius:4px;background-color:#fff;color:#00a0e8;font-size:14px;line-height:40px;cursor:pointer;}
.body .btn:hover,.body button:hover{background-color:#00a0e8;color:#fff;}
.body table input{padding-left:10px;width:200px;height:40px;border:1px solid #bfcfd9;background-color:#fff;line-height:40px;}
.body textarea{padding-left:10px;width:500px;height:80px;border:1px solid #bfcfd9;background-color:#fff;line-height:40px;}
.body input:focus,.body textarea:focus{border-color:#00a0e8;box-shadow:0 0 0 2px rgba(0,123,255,.25);}
.body table{border:1px solid #ddd;border-collapse:collapse;background:#fff;empty-cells:hide;word-wrap:break-word;border-spacing:0;word-break:break-all;}
.body table tbody tr th{padding:8px 15px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#d4d4d4;text-align:left;font-weight:400;}
.body table tbody tr td{padding:8px 15px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;empty-cells:show;}
.body ul{overflow:hidden;}
.body ul li{float:left;overflow:hidden;margin-right:10px;margin-bottom:15px;width:240px;border:1px solid #d4d4d4;}
.body ul li:nth-of-type(3n){margin-right:0;}
.body ul li img{width:300px;height:200px;}
.body ul li p{height:30px;line-height:30px;}
.body ul li p input{float:left;margin-left:10px;width:20px;height:20px;line-height:20px;}
.body ul li p a{float:left;margin-left:10px;height:20px;line-height:20px;}
.left_border{ border-left: solid 3px #00a0e8; background:#f8f8f8 !important;}