@charset "utf-8";
/*
作者：程序员哈特
网址：blog.teke.cn
微信：18080802606
擅长：精通网络推广的建站专家
服务：专注网站建设、网络推广、SEO优化、建站培训、SEO培训、UI设计、视频剪辑、小程序开发
*/

@font-face {
    font-family: 'iconfont';  /* Project id 1975544 */
    src: url('//at.alicdn.com/t/c/font_1975544_qujoatvm4z8.woff2?t=1762133918303') format('woff2'),
    url('//at.alicdn.com/t/c/font_1975544_qujoatvm4z8.woff?t=1762133918303') format('woff'),
    url('//at.alicdn.com/t/c/font_1975544_qujoatvm4z8.ttf?t=1762133918303') format('truetype');
}

/*---------------------------------通用---------------------------------*/
*{box-sizing:border-box;margin:0;padding:0;outline:0;border:0;}
body{color:#333;font-size:16px;font-family:Heiti SC,Helvetica Neue,Helvetica,sans-serif;background-color: #f5f5f5;}
ol,ul{list-style:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#f60;}
h1,h2,h3,h4,h5,h6{font-weight:400;}

/*常用*/
.container{margin:0 auto;width:1300px;}
.container .searchresult{text-align: center;font-size: 18px;}
.container .searchresult span{color: #f60;font-weight: bold;padding: 0 20px;}
.msn{cursor:pointer}
.click,.click_open{cursor: pointer;}
.hide{display:none}
.button{position:relative;display:inline-block;overflow:hidden;margin:0 20px 0 20px;padding:0 40px;width:auto;height:42px;min-width:60px;border-radius:30px;background-color:#0ae;color:#fff;text-align:center;font-size:14px;line-height:42px;opacity:1;cursor:pointer;transition:all 1.4s .1s ease;animation:moveDown 1.6s ease-in-out .2s backwards}
.button::before{position:absolute;top:50%;left:130%;margin-top:-10px;height:100%;color:#2a323d;content:">";text-transform:none;font-weight:400;font-style:normal;font-variant:normal;font-size:125%;line-height:1;transition:all .3s}
.button:hover{color:#fff}
.button:hover::before{left:80%;color:#fff}
.button2{background-color:#f5a00e}
.circle{position:fixed;right:42px;z-index:99;width:42px;height:42px;border-radius:30px;opacity:.8;cursor: pointer;background-color: #0ae;color: #fff;}
.circle::before{font-size:30px;font-family:iconfont;}
.circle:hover{background-color: #e0a800;color: #fff;}
.circle_totop{top:50%;display:none;margin-top: 200px;}
.circle_totop::before{content:"\e611";}
.circle_edit{top:60%;}
.circle_edit::before{content:"\e671";}

/*头部*/
header{background-color:#fff}
header .top{width:100%;background:#3d3c3a;font-size:14px;color:#a8a8a8;min-width:1300px;height:40px}
header .top .container{padding:10px 0;width:1300px;margin:0 auto}
header .top .container .left{position:relative;float:left}
header .top .container .left .navigation{background:url(../images/top.png) no-repeat -404px 0;position:absolute;display:inline-block;width:109px;height:43px;padding-left:30px;padding-top:10px;top:-10px;z-index:802;color:#fff;overflow:hidden}
header .top .container .left .navigation:hover{background:url(../images/top.png) no-repeat -260px 0}
header .top .container .left .detail{display: none;position:absolute;top:29px;width:1300px;height:525px;display:none;background-color:rgba(0,0,0,.88);z-index:800}
header .top .container .left .detail ul{height:100%;width:calc(100% / 5);float:left;border-right:1px solid #686868;overflow:hidden;margin-bottom:10px;box-sizing:border-box}
header .top .container .left .detail ul.last{border-right:none;width:159px}
header .top .container .left .detail ul li{line-height:36px;width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
header .top .container .left .detail ul li a{text-align:left;font-size:15px;color:#f9f9f9;display:inline-block}
header .top .container .left .detail ul li a:hover{color:#f8b148}
header .top .container .left .detail ul li.title{margin-bottom:10px;line-height:60px;font-size:17px;color:#f8b148;border-bottom:1px solid #686868}
header .top .container .left .detail ul li.title a{display:inline-block;font-size:17px;color:#f8b148}
header .top .container .right{float:right}
header .top .container .right span{margin:0 15px}
header .top .container .right a{color:#a8a8a8}
header .top .container .right a:hover{color:#fff}
header nav{overflow:hidden;margin:0 auto;width:1300px;padding:28px 0 26px 0}
header nav .logo{float:left;margin-top:-10px;height:100px}
header nav .logo img{height:100%}
header nav ul{float:right}
header nav ul li{float:left;margin-left:40px}
header nav ul li a{display:block;padding:12px;text-decoration:none;font-size:16px;text-align:center;line-height:40px;color:#737373}
header nav ul li a::before{font-family:iconfont;padding-right:5px;display:block;font-size: 30px;}
header nav ul li:nth-of-type(1) a::before{content:"\e6a4"}
header nav ul li:nth-of-type(2) a::before{content:"\e7d7"}
header nav ul li:nth-of-type(3) a::before{content:"\e658"}
header nav ul li:nth-of-type(4) a::before{content:"\e615"}
header nav ul li:nth-of-type(5) a::before{content:"\e632"}
header nav ul li a:hover{transform:translateY(-5px);transition:transform .2s}
header nav ul li a.active{color:#e3720f;background:#358ff0;color:#fff;border-radius:8px;font-weight:700}
header nav .searth{float:left;height:66px;overflow:hidden;margin-top:14px;margin-left:50px}
header nav .searth .box{width:280px;height:36px;overflow:hidden;padding:0;border:2px solid #358ff0;background-color:#fff;border-radius:25px;margin-bottom:6px;margin-top:1px}
header nav .searth .box .input{margin-left:10px;float:left;margin-top:5px;line-height:26px;height:26px;width:230px}
header nav .searth .box .searchBtn{width:34px;height:28px;position:absolute;padding:0;margin-top:4px;cursor:pointer;background:0 0;font-size:20px;color:#0ae}
header nav .searth .box .searchBtn::before{content:"\e627";font-family:iconfont}
header nav .searth p{width:280px;color:#999;height:18px;line-height:18px;font-size:13px;overflow:hidden;margin-top:9px}
header nav .searth p a{color:#666}
header nav .searth p a.red{color:red}
header nav .wap{display:none}
header .bottom{width:100%;height:42px;line-height:42px;background-color:#358ff0;overflow:hidden}
header .bottom ul{width:1300px;margin:0 auto}
header .bottom ul li{display:block;text-align:center;float:left;font-size:15px;line-height:2;color:#fff}
header .bottom ul li.active,header .bottom ul li:hover{color:#fff;background-color:#2b71c2}
header .bottom ul li a{padding:6px 18px;display:block;text-align:center;float:left;font-size:15px;line-height:2;color:#fff}

/*底部*/
footer{overflow:hidden;padding-top:10px;padding-bottom:20px;max-width:100%;background-color:#262a33;color:#81858c;z-index: 2;position: relative;}
footer .top{overflow:hidden;margin:0 auto;padding:30px 0 30px 0;width:1300px;}
footer .top .item{float:left;padding:0;margin-right: 40px;width: 140px;}
footer .top .item h5{margin-top:10px;margin-bottom:20px;color:#fff;font-size:18px;}
footer .top .item h5 a{color:#fff;}
footer .top .item h5 a:hover{color:#0ae;}
footer .top .item ul li a{color:#7f868b;line-height:32px;}
footer .top .item ul li a:hover{color:#0ae;}
footer .top .info{float:right;overflow:hidden;width:33.33333333%;}
footer .top .info .pic{float:left;margin-top:13px;margin-right:20px;width:110px;}
footer .top .info .pic img{display:block;height:auto;max-width:110px;color:#262a33;}
footer .top .info .text{float:left;color:#fff;margin-left: 20px;}
footer .top .info .text h5{margin-top:10px;margin-bottom:10px;color:#fff;font-size:14px;}
footer .top .info .text h6{margin:10px 0 20px 0;color:#fff;font-weight:700;font-size:34px;}
footer .top .info .text p{margin:8px 0 8px 0;letter-spacing:2px;}
footer .top .info .btn{float:left;margin-top: 40px;}
footer .top .info .btn .button{margin:24px 30px 0 0;}
footer .mid{margin:0 auto;padding-top:20px;width:1300px;border-top:1px solid #2e333d;}
footer .mid a{margin-right:20px;color:#81858c;}
footer .mid a:hover{color:#0ae;}
footer .bottom{overflow:hidden;margin:0 auto;width:1300px;line-height:32px;}
footer .bottom .copyright{float:left;}
footer .bottom .copyright a{color:#81858c;}
footer .bottom .copyright a:hover{color:#0ae;}
footer .bottom .safe{float:right;opacity:.8;}
footer .bottom .safe span{display:inline-block;margin-left:10px;width:24px;height:24px;cursor:pointer;}
footer .bottom .safe span.a{background:url(../images/icon_all.png) no-repeat 0 -50px;}
footer .bottom .safe span.b{background:url(../images/icon_all.png) no-repeat -24px -50px;}
footer .bottom .safe span.c{background:url(../images/icon_all.png) no-repeat -48px -50px;}

/*侧边栏*/
aside{float:right;width:380px;margin-bottom: 20px;}
aside .box{margin-bottom:20px;padding:10px 20px;border-radius:4px;background-color: #fff;}
aside .box h3{padding:10px 0;height:50px;border-bottom:1px solid #ebecec;color:#373d41;font-weight:300;font-size:18px;line-height:28px}
aside .box h3 a{float:right;margin-top:4px;color:#0ae;text-decoration:none;font-size:12px;line-height:20px}
aside .box ul.class{overflow:hidden}
aside .box ul.class li{float:left;overflow:hidden;width:50%;height:30px;color:#373d41;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:40px}
aside .box ul.tuwen li{position:relative;overflow:hidden;padding:20px 0;border-bottom:1px solid #ebecec}
aside .box ul.tuwen li:last-of-type{border:none}
aside .box ul.tuwen li .pic{float:left;width:90px;height:60px}
aside .box ul.tuwen li .pic img{display:block;width:100%;height:100%;transition:all .5s;}
aside .box ul.tuwen li:hover .pic img{transform:scale(1.1);}
aside .box ul.tuwen li .info{padding-left:100px}
aside .box ul.tuwen li .info h4{color:#373d41;font-weight:400;font-size:14px;line-height:24px}
aside .box ul.tuwen li .info h4 a{display:inline-block;overflow:hidden;width:100%;vertical-align:top;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
aside .box ul.tuwen li .info p{padding:2px 0;color:#9b9ea0;font-size:12px;line-height:18px}
aside .box ul.tuwen li .info p em{font-size:12px;font-style:normal;margin-right: 5px;}
aside .ad{display: block;}
aside .ad a{display: block;margin-bottom: 20px;}
aside .ad img{border: 1px solid silver;width: 100%;}

/*悬浮窗*/
.float{position:fixed;top:50%;right:20px;z-index:999;margin-top:-130px;width:130px;height:auto;}
.float .kefu{z-index:99;clear:both;display:none;border:1px solid #cddbf0;border-radius:10px;background:#f9fafb;box-shadow:0 6px 12px 0 rgba(0,0,0,.15);}
.float .kefu::after{clear:both;}
.float .kefu .close{position:absolute;top:0;right:-3px;z-index:100;display:block;width:24px;height:24px;cursor:pointer;}
.float .kefu .close::before{content:"×";font-size:20px;}
.float .kefu .title{margin-top:20px;padding-bottom:10px;border-bottom:1px dashed #cddbf0;color:#36475a;text-align:center;letter-spacing:2px;font-weight:700;font-size:16px;}
.float .kefu .detail{padding:10px 0;height:110px;max-width:300px;border-bottom:1px solid #cddbf0;color:#666;text-align:center;}
.float .kefu .detail p{display:inline-block;margin:0;line-height:24px;font-size: 14px;}
.float .kefu .detail p:hover{color:#0ae;}
.float .kefu .detail i{display:inline-block;margin:0;width:32px;height:24px;margin-top: 3px;}
.float .kefu .detail i::before{color:#0ae;content:"\e628";font-style:normal;font-size:16px;font-family:iconfont;}
.float .kefu .tel{border-bottom:1px solid #cddbf0;text-align:center;}
.float .kefu .tel h5{margin:10px auto 2px auto;color:#0ae;letter-spacing:1px;font-weight:700;font-size:14px;}
.float .kefu .tel p{margin:2px auto 5px auto;color:#6e798b;font-size:12px;}
.float .kefu .bottom{position:relative;}
.float .kefu .bottom .wechat{display:inline-block;width:62px;height:50px;border-right:1px solid #cddbf0;border-bottom-left-radius:10px;cursor:pointer;}
.float .kefu .bottom .wechat::before{display:inline-block;margin:13px 0 0 16px;content:"\e60e";font-size:26px;font-family:iconfont;}
.float .kefu .bottom .wechat .info{position:absolute;top:-120px;left:-125px;display:none;width:112px;height:172px;border:1px solid #cddbf0;background:#fff;box-shadow:0 6px 12px 0 rgba(0,0,0,.15);}
.float .kefu .bottom .wechat:hover .info{display:block;}
.float .kefu .bottom .wechat .info .text{position:absolute;top:110px;left:7px;margin:0 auto;width:100px;text-align:center;}
.float .kefu .bottom .wechat .info .pic{width:110px;height:110px;background:url(../images/footer_erweima.jpg) no-repeat center center;}
.float .kefu .bottom .wechat .info .mark{position:absolute;top:138px;left:110px;z-index:2;width:0;height:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:6px;}
.float .kefu .bottom .wechat .info .markbg{position:absolute;top:136px;left:110px;width:0;height:0;border-color:transparent transparent transparent #cddbf0;border-style:solid;border-width:8px;}
.float .kefu .bottom .feedback{display:inline-block;width:60px;height:50px;border-bottom-right-radius:10px;}
.float .kefu .bottom .feedback::before{display:inline-block;margin:13px 0 0 16px;content:"\e672";font-size:26px;font-family:iconfont;}
.float .kefu .bottom .feedback a{display:block;width:60px;height:50px;}
.float .minikefu{position:relative;z-index:999;display:block;margin-top:10px;margin-left:60px;width:60px;height:60px;border-radius:60px;background-color:#0ae;box-shadow:0 6px 12px 0 rgba(0,0,0,.2);cursor:pointer;}
.float .minikefu .btn{position:relative;margin:0 auto;width:60px;height:60px;color:#fff;text-align:center;font-size:18px;}
.float .minikefu .btn::before{display:block;content:"\e60d";font-size:30px;font-family:iconfont;line-height:60px;}
.float .minikefu .btn .animated div{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:auto;width:60px;height:60px;border-radius:50%;background:rgba(11,158,251,.3);opacity:.5;transform:scale(1);}
.float .minikefu .btn .animated .a{animation:2s scaleToggleOne cubic-bezier(.25,.46,.45,.94) forwards;}
.float .minikefu .btn .animated .b{animation:2.5s scaleToggleTwo cubic-bezier(.25,.46,.45,.94) forwards;}
.float .minikefu .btn .animated .c{animation:3s scaleToggleThree cubic-bezier(.25,.46,.45,.94) forwards;}

/*面包屑*/
.crumbs{overflow:hidden;margin:0 auto;padding:0;width:1300px;}
.crumbs .left{float:left;line-height:60px;font-size:16px;}
.crumbs .left a{display:inline-block;font-size:16px;line-height:60px;}
.crumbs .left a:first-of-type{float:left;overflow:hidden;width:16px;height:60px;}
.crumbs .left a:first-of-type::before{content:"\e648";font-family:iconfont;margin-right: 20px;}
.crumbs .left em{padding:0 3px;color:#c3c5c6;font-style:normal;}
.crumbs .search{float:right;margin:10px 0 0 0;width:380px;}

/*分页*/
.pagebar{text-align:center;font-size:16px;line-height:30px;margin: 30px;}
.pagebar a,.pagebar span{display:inline-block;margin:0 5px;width:40px;height:40px;line-height:40px;border:1px solid #e4eaec;border-radius:5px;color:#76838f}
.pagebar span{color:#fff;background-color:#f80}

/*---------------------------------首页---------------------------------*/
.home{display: block}
.home .slide{position:relative;overflow:hidden;height:550px;}
.home .slide .bd ul li img{position:absolute;top:50%;left:50%;margin-top:-275px;margin-left:-960px;}
.home .slide .bd ul li{display:none;cursor: pointer;}
.home .slide .bd ul li:first-child{display:block;}
.home .slide .bd ul li a{display:block;width:100%;height:100%;}
.home .slide .hd ul{position:absolute;bottom:20px;left:50%;margin-left:-42px;width:84px;}
.home .slide .hd ul li{float:left;margin-right:10px;width:12px;height:12px;border-radius:10px;background:#a6a5a0;cursor:pointer;}
.home .slide .hd ul li.on{width:30px;background:#61e7f7;}
.home .home_video{position:relative}
.home .home_video .play{position:absolute;width:80px;left:50%;height:80px;top:50%;transform:translate(-50%,-50%);cursor:pointer}
.home .partner{position:relative;margin:0 auto;padding-bottom:50px;background-color:#fff;}
.home .partner .top{overflow:hidden;margin:0 auto;width:1300px;}
.home .partner .top li{position:relative;float:left;display:block;width:300px;text-align:center;font-size:18px;opacity:1;transition:all 1s .3s;transform:translate3d(0,0,0);justify-content:center;align-items:center;}
.home .partner .top li span{position:relative;display:block;margin:0 10px 30px 10px;padding:30px 0;border:1px solid #d5e1ef;text-align:center;}
.home .partner .top li span img{display:block;margin-right:auto;margin-left:auto;height:auto;max-width:100%;}
.home .partner .bottom{position:absolute;right:0;left:0;margin:auto;text-align:center;opacity:1;transition:all 1s .6s;transform:translate3d(0,0,0);}
.home .partner .bottom li{display:inline-block;margin:0 5px;width:12px;height:12px;border-radius:30px;background-color:#6e798b;text-indent:-8888px;cursor:pointer;}
.home .partner .bottom li.on{width:30px;border-radius:30px;background-color:#0ae;opacity:.8;}
.home .msg{overflow:hidden;margin:0 auto;width:1300px;}
.home .msg .item{position:relative;float:left;margin-bottom:20px;padding:24px;width:400px;min-height:1px;background:#ddd;}
.home .msg .item:nth-of-type(2n){background-color:#fff;}
.home .msg .item .info{position:relative;}
.home .msg .item .info::after{clear:both;display:block;content:"";}
.home .msg .item .info h3{float:left;display:inline-block;margin-top:0;margin-bottom:0;padding:8px;border-radius:4px;background:#0ae;color:#fff;vertical-align:baseline;text-align:center;white-space:nowrap;font-weight:400;font-size:75%;line-height:1;}
.home .msg .item .info h3::before{position:absolute;top:-15px;left:-12px;display:inline-block;margin-bottom:10px;width:25px;height:25px;border-radius:50%;background-color:#fff;color:#0ae;content:'+';text-align:center;font-weight:500;font-size:20px;line-height:1.2;}
.home .msg .item .info h3 a{color:#fff;}
.home .msg .item .info span{float:right;margin-top:4px;background-color:transparent;text-decoration:none;font-size:14px;}
.home .msg .item ul{display:flex;margin-top:8px;margin-bottom:0;padding-left:0;flex-direction:column;}
.home .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;}
.home .msg .item ul li:hover{background:#ccc;}
.home .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;}
.home .msg .item ul li h4 a{background-color:transparent;color:#333;}
.home .msg .item ul li h4 a:hover{color:#0ae;}
.home .msg .item ul li small{float:right;width:20%;white-space:nowrap;font-weight:400;font-size:80%;}
.home .msg .item ul li p{overflow:hidden;margin-top:0;margin-bottom:0;height:40px;color:#777;font-size:14px;}
.home .links{overflow:hidden;margin:20px auto 40px;padding:10px 20px;width:1300px;background-color:#fff;}
.home .links dt{height:40px;border-bottom:1px solid #eee;font-size:18px;line-height:40px;}
.home .links dd{float:left;overflow:hidden;width:12.5%;white-space:nowrap;line-height:24px;}



/*---------------------------------列表---------------------------------*/
/*列表-案例*/
.list_case{display: block}
.list_case .case{overflow:hidden;padding:50px 0;background-color:#fff;text-align:center}
.list_case .case .text{float:right;padding:0 20px;width:33.33333333%;text-align:left}
.list_case .case .text h2{margin-top:30px;margin-bottom:20px;font-size:42px;line-height:48px;opacity:1;transition:all .6s .1s ease;animation:moveDown .6s ease-in-out .2s backwards}
.list_case .case .text p{margin-bottom:10px;max-width:620px;font-size:16px;line-height:32px;opacity:1;transition:all 1s .1s ease;animation:moveDown 1s ease-in-out .2s backwards}
.list_case .case .text p.domain span{color:#0ae}
.list_case .case .text p.leixing span{color:#f60}
.list_case .case .text p:last-of-type{color:#999;text-indent:32px}
.list_case .case .text_less h2{margin-top:100px;margin-bottom:20px;font-size:42px;line-height:48px;opacity:1;transition:all .6s .1s ease;animation:moveDown .6s ease-in-out .2s backwards;}
.list_case .case .text_less p{margin:60px auto 60px auto;max-width:620px;font-size:16px;line-height:32px;opacity:1;transition:all 1s .1s ease;animation:moveDown 1s ease-in-out .2s backwards;}
.list_case .case .text_less p:last-of-type{text-indent:0}
.list_case .case .pic{float:left;margin-top:10px;width:66.66666667%}
.list_case .case .pic img{display:block;margin-right:auto;margin-left:auto;max-width:100%;color:transparent;animation:moveRight 1.2s ease-in-out .6s backwards}
.list_case .case .pic video{display:block;margin-right:auto;margin-left:auto;max-width:100%;color:transparent;animation:moveRight 1.2s ease-in-out .6s backwards;}
.list_case .case:nth-child(2n){background-color:#e8f0f2}
.list_case .case:nth-child(2n) .text{float:left}
.list_case .case:nth-child(2n) .pic{float:right}

/*列表-模板*/
.list_muban{display: block}
.list_muban .search{margin:20px auto}
.list_muban .search .box{margin:0 auto;float:none;width:400px;overflow:hidden;position:relative}
.list_muban .search .box::before{color:#bbb;content:"\e627";font-family:iconfont;position:absolute;top:20px;line-height:40px;left:5px;font-size:20px}
.list_muban .search .box input.keyword{width:400px;height:40px;border:1px solid #0ae;border-radius:4px;font-size:16px;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-color:#fff;color:#495057;margin-top:20px;padding-left:26px;}
.list_muban .search .box input.searchbtn{position:absolute;top:20px;right:0;padding:6px 12px;height:40px;border-radius:4px;background-color:#0ae;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;color:#fff}
.list_muban .search .box input.searchbtn:hover{background-color:#f60}
.list_muban .search .tags{margin-top:8px;margin-bottom:0;padding-left:0;list-style:none;font-size:14px;text-align:center}
.list_muban .search .tags li{display:inline-block;margin-right:4px;margin-left:4px;padding-left:0;list-style:none;font-size:14px}
.list_muban .search .tags li a{color:#777}
.list_muban .type{margin:20px auto;width:1300px;height:112px;}
.list_muban .type .item{position:relative;float:left;margin-right:75px;width:180px;height:28px;line-height:28px;}
.list_muban .type .item:nth-of-type(5n){margin-right:0;}
.list_muban .type .item a{color:#777;}
.list_muban .type .item a.active{color:#0ae;}
.list_muban .type .item .info::after{display:inline-block;margin-left:10px;color:#aaa;content:"\e7a6";font-size:12px;font-family:iconfont;transform:scale(.8);}
.list_muban .type .item:hover .info::after{content:"\e611";}
.list_muban .type .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;}
.list_muban .type .item:hover ul{display:block;}
.list_muban .type .item ul li{padding:0 20px;color:#777;transition:all .5s;}
.list_muban .type .item ul li a{color:#777;}
.list_muban .type .item ul li a:hover{color:#0ae;}
.list_muban .list{display:flex;margin:30px auto 30px;width:1300px;list-style:none;flex-wrap:wrap;}
.list_muban .list 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;}
.list_muban .list li.top::before{position:absolute;right:0;z-index:1;width:50px;height:50px;background:url(../images/icon_all.png) no-repeat -50px 0;content:"";}
.list_muban .list li.good::before{position:absolute;right:0;z-index:1;width:50px;height:50px;background:url(../images/icon_all.png) no-repeat 0 0;content:"";}
.list_muban .list li:hover{box-shadow:0 16px 48px rgba(0,0,0,.175);}
.list_muban .list li:nth-of-type(3n){margin-right:0;}
.list_muban .list li .box{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;}
.list_muban .list li .box .pic{display:block;overflow:hidden;padding:5%;width:390px;color:#0ae;}
.list_muban .list li .box .pic img{width:100%;height:100%;border-style:none;vertical-align:middle;transition:all .5s;object-fit:cover;}
.list_muban .list li:hover .box .pic img{transform:scale(1.1);}
.list_muban .list li .box .intro{position:absolute;bottom:0;left:0;z-index:1;padding-top:4px;padding-bottom:4px;width:100%;text-align:center;transition:all .5s;}
.list_muban .list li .box .intro a{display:inline-block;margin:4px 20px;padding:4px 24px;border:1px #0ae solid;border-radius:3px;background-color:#0ae;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;}
.list_muban .list li .box .intro .sale{border-color:#c82333;background-color:#c82333;}
.list_muban .list li:hover .box .intro{opacity:1;}
.list_muban .list li:hover .box .intro .demo:hover{border-color:#08f;background-color:#08f;}
.list_muban .list li:hover .box .intro .sale:hover{border-color:#bd2130;background-color:#bd2130;}
.list_muban .list li .data{padding:20px;flex:1 1 auto;}
.list_muban .list li .data .price{margin-bottom: 10px;}
.list_muban .list li .data .price span{color: #f60;}
.list_muban .list li .data .price small{color:#28a745;font-size:14px;float:right;}
.list_muban .list li .data h2{margin-bottom:10px;color:inherit;text-shadow:none;font-weight:500;font-size:16px;line-height:1.2;}
.list_muban .list li .data h2 a{display:block;overflow:hidden;background-color:transparent;color:#0ae;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;}

/*列表-通用*/
.list_common{display: block;overflow: hidden;margin: 20px auto;}
.list_common .list{width:900px;float:left;background-color: #fff;}
.list_common .list .item{border-bottom:1px solid #ebebeb;position:relative;width:100%;overflow: hidden;}
.list_common .list .item .pic{border:1px solid rgba(0,0,0,.05);display:inline-block;height:132px;margin:20px 20px 20px 20px;overflow:hidden;width:234px}
.list_common .list .item .pic img{height:100%;object-fit:cover;transition:transform .5s ease .1s;width:100%}
.list_common .list .item .pic img:hover{transform:scale(1.1)}
.list_common .list .item .info{flex:1;margin:20px 0;position:relative;float:right;width:600px;height:132px;padding:10px 0}
.list_common .list .item .info h2{color:#111;font-size:18px;font-weight:600;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:normal}
.list_common .list .item .info .description{color:#999;font-size:14px;line-height:20px;margin-top:8px;max-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list_common .list .item .info .extra{display:flex;justify-content:flex-start;position:absolute;width:100%;bottom:10px;line-height: 20px;}
.list_common .list .item .info .extra *{align-items:center;color:#999;display:inline-flex;font-size:12px}
.list_common .list .item .info .extra a{color:#0ae;margin-right: 5px;}
.list_common .list .item .info .extra a:hover{color:#f80}



/*---------------------------------内容---------------------------------*/
/*文章-编辑器*/
article{overflow:hidden;padding:10px 20px;color:#222;word-wrap:break-word;font-size:18px;line-height:30px;word-break:break-all;box-sizing:border-box}
article h2{margin-top:20px;border-left:5px solid #f60;padding-left:10px;margin-left:-15px;font-weight:400;font-size:22px;line-height:1.25;color:#f60}
article h3{color:#f60;font-weight:400;margin-top:10px;margin-bottom:0;border-left:2px solid #f60;padding-left:10px;margin-left:-12px}
article p{margin-top:10px;margin-bottom:0}
article p span[style="text-decoration: line-through;"]{color:#ccc}
article a{color:#0acf67}
article a:hover{text-decoration:underline;color:#f60}
article img{height:auto;max-width:100%;border:1px solid #d4d4d4;background-color:hsla(0,0%,100%,.1);vertical-align:middle;border-radius:13px}
article strong{font-weight:600;color:red}
article em{color:#f60;font-style:normal}
article blockquote{margin-top:10px;margin-left:10px;padding:6px 14px;border-left:5px solid #ddd;background-color:#f5f5f5;color:#666}
article blockquote p{margin:0;text-indent:0;line-height:36px}
article 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;}
article ol li{margin-left:20px;padding-left:6px;list-style-type:decimal-leading-zero;font-size:12px;line-height:26px;}
article ul{list-style-type:disc}
article ul li{margin-left:20px;list-style-type:disc}
article hr{margin:30px 0;height:1px;background-color:#d4d4d4}
article table{width:100%;max-width:100%;border:2px solid #0ae;text-align:left;border-collapse:collapse;margin:20px auto;font-size:16px}
article table thead{background-color:#0ae;text-align:center}
article table thead th{border:1px solid #ddd;line-height:40px}
article table tbody tr:nth-of-type(odd){background-color:#f9f9f9}
article table tbody tr.firstRow{background-color:#0ae}
article table tbody tr:hover{background-color:#0ae}
article table tbody tr td{padding:8px;border:1px solid #ddd}
article table a{color:#0acf67}
article table a:hover{color:#f5a00e}
article table img{max-width:100%}
article .pre-container{position:relative}
article .pre-container .copy-button{position:absolute;right:80px;padding:6px 10px;background-color:#cfcfcf;color:#333;border:1px solid #ddd;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s;z-index:1}
article .pre-container .copy-button:hover{background-color:#f60;color:#fff}
article .pre-container .copy-button.success{background-color:#4caf50;color:#fff;border-color:#45a049}
article .pre-container .copy-button .copy::before{font-family:iconfont;content:"\ec7a";font-style:normal}
article .pre-container .copy-button .done::before{font-family:iconfont;content:"\e643";font-style:normal}

/*文章-板块*/
.article{position:relative;float:left;margin-bottom:40px;padding:10px 20px;width:900px;background-color:#fff;}
.article .title{height:50px;border-bottom:1px solid #ddd;text-align:center;font-size:24px;line-height:45px;}
.article .info{color:#73777a;text-align:center;font-size:12px;line-height:40px;}
.article .info span{margin-left:20px;font-size:12px;}
.article .info span a{text-decoration:none;font-size:12px;}
.article .info .type::before{margin-right:4px;content:"\e634";font-family:iconfont;}
.article .info .time::before{margin-right:4px;content:"\e665";font-family:iconfont;}
.article .info span a em{font-style:normal;}
.article .tags{margin-bottom:10px;color:#73777a;list-style-type:none;text-align:center;font-size:0;}
.article .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;}
.article .tags li:hover{border:1px solid #0ae;color:#0ae;}
.article .tags li a{display:block;height:14px;color:inherit;text-decoration:none;line-height:14px;}
.article .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;}
.article .summary em{color:#373d41;font-weight:700;font-style:normal;}
.article .prenext{overflow:hidden;margin-top:20px;border-top:1px solid #ddd;line-height:50px}
.article .prenext li{float:left;overflow:hidden;width:50%;text-overflow:ellipsis;white-space:nowrap}
.article .prenext li:last-child{text-align:right}
.article .prenext li:first-child a::before{margin-right:4px;content:"\e666";font-family:iconfont}
.article .prenext li:last-child a::after{margin-left:4px;content:"\e667";font-family:iconfont}
.article .prenext li a{overflow:hidden;text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;font-size:18px}

/*文章-案例*/
.article_case{display: block}
.article_case .banner{width:100%;height:630px;background:#333;position:relative;overflow:hidden}
.article_case .banner img{position:absolute;height:100%;width:auto;left:50%;transform:translate(-50%,-50%);top:50%}
.article_case h1{text-align:center;font-size:28px;margin:100px 0 10px}
.article_case .info{text-align:left;font-size:18px;color:#999;margin:20px auto;width:270px;line-height:1.5}
.article_case .info p.domain span{color:#0ae}
.article_case .info p.leixing span{color:#f60}
.article_case .info p:last-of-type{color:#999}
.article_case .content h2{position:relative;font-size:28px;padding:60px 0 10px;text-align:center}
.article_case .content h2::after{content:"";width:50px;margin:auto;height:1px;background:#0ae;display:block;margin-top:20px}
.article_case .content p{text-align:left;width:810px;margin:20px auto;color:#696969;line-height:2;text-indent:36px;font-size:18px}

/*文章-模板*/
.article_muban{display: block;overflow: hidden;}
.article_muban .goods{width:900px;float:left}
.article_muban .goods .top{overflow:hidden;display:block;background:#fff;padding:20px;float:none;width:auto}
.article_muban .goods .top .left{float:left}
.article_muban .goods .top .left .titlepic{width:400px;height:320px;position:relative;overflow:hidden;border:1px solid #eee}
.article_muban .goods .top .left .titlepic img{width:100%;vertical-align:middle}
.article_muban .goods .top .left .collect{margin-top:10px}
.article_muban .goods .top .left .collect a{font-size:12px}
.article_muban .goods .top .left .collect a::before{font-family:iconfont;content:"\e604";color:#e5511d}
.article_muban .goods .top .left .collect a:hover{color:#777}
.article_muban .goods .top .info{float:right;color:#333;width:calc(100% - 420px)}
.article_muban .goods .top .info h1{font-size:16px}
.article_muban .goods .top .info .price{color:#6c6c6c;background:#e9e9e9 url(../images/price_bg.png) 0 0 no-repeat;margin-top:10px;padding:20px 10px}
.article_muban .goods .top .info .price span{color:#666;letter-spacing:2px}
.article_muban .goods .top .info .price em{font-size:26px;width:auto;color:#f60;font-weight:700;font-style:normal}
.article_muban .goods .top .info .price b{font-size:26px;width:auto;color:#f60;font-weight:700}
.article_muban .goods .top .info .taocan{margin-top:10px}
.article_muban .goods .top .info .taocan button{background:#f7f7f7;padding:0 10px;border:1px solid #f90;line-height:36px}
.article_muban .goods .top .info .time{color:#333;margin-top:10px;font-size:14px}
.article_muban .goods .top .info .btn{margin-top:10px;overflow:hidden;line-height:40px}
.article_muban .goods .top .info .btn div{float: left;}
.article_muban .goods .top .info .btn a{font-size:16px;margin-right:20px;color:#fff;line-height:40px;padding:10px 30px 10px 30px}
.article_muban .goods .top .info .btn a.buy{background-color:#ff8400;border:1px solid #ff8400}
.article_muban .goods .top .info .btn a.demo{background-color:#598dc7;border:1px solid #598dc7}
.article_muban .goods .top .info .baozhang{font-size:12px;position:relative;height:auto;border-top:1px dotted #e5e5e5;padding:15px 0 15px 2%;margin-top:10px}
.article_muban .goods .top .info .baozhang span::before{font-family:iconfont;content:"\e604";color:#69a519}
.article_muban .goods h2{font-weight:700;color:#f60;margin-top:-20px;overflow:hidden;font-size:16px;line-height:42px;width:100%;border-bottom:1px solid #f60;background:#fff}
.article_muban .goods h2::before{font-family:iconfont;content:"\e604"}
.article_muban .goods h3{border-bottom:2px solid #eee;line-height:30px;margin-top:5px;margin-bottom:10px}
.article_muban .goods h3 span{padding:0 1px;height:30px;display:inline-block;font-weight:700;border-bottom:2px solid #f70;font-size:15px;margin-bottom:-2px}
.article_muban .goods p{line-height:26px}
.article_muban .goods .detail{padding:20px;background-color:#fff;margin-top:20px}
.article_muban .goods .detail ul{box-shadow:2px 3px 1px #fafafa;font-size:12px;overflow:hidden;margin:2px 0 12px 0;display:block;background:#fff;border:1px solid #e5e5e5;border-bottom:0}
.article_muban .goods .detail ul li{position:relative;margin-left:-2px;background:#f5f5f5;color:#333;display:inline-block;height:36px;line-height:18px;padding:0;width:22%;float:left;text-align:left;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5}
.article_muban .goods .detail ul li:nth-child(4n){width:34%}
.article_muban .goods .detail ul li span{float:left;text-align:right;width:72px;padding-right:8px;color:#888;display:inline-block;line-height:34px}
.article_muban .goods .detail ul li em{display:block;height:34px;background:#fff;padding:8px 14px 8px 8px;margin-left:80px;border-left:1px solid #e5e5e5;font-style:normal}
.article_muban .goods .detail img{max-width:100%;}
.article_muban .goods .rule{padding:20px;background-color:#fff;margin-top:20px}

/*文章-学院*/
.article_school{margin-top: 20px;overflow: hidden;}
.article_school .left{float:left;width:280px;overflow-x:hidden;overflow-y:visible;max-height:800px;margin-right:20px}
.article_school .left h2{padding:15px 0 15px 30px;height:60px;border-bottom:1px solid #ddd;font-size:16px;line-height:30px;background-color:#ededed;color:#05a5f2;font-weight:600}
.article_school .left h2::before{font-size:16px;font-family:iconfont;content:"\e634";margin-right:5px}
.article_school .left h3{background-color:#fff;color:#05a5f2;font-size:16px;line-height:30px;font-weight:600;padding-left:30px}
.article_school .left ul{background-color:#fff;line-height:40px;padding:5px 10px 10px}
.article_school .left ul li{display:block;background-color:#f6f4f0;border-bottom:1px solid #efefef}
.article_school .left ul li a{display:block;overflow:hidden;padding-left:20px;height:34px;text-overflow:ellipsis;white-space:nowrap;line-height:34px}
.article_school .left ul li.active{background-color:#05a5f2}
.article_school .left ul li.active a{color:#fff;font-weight:700}
.article_school .article{float:right;width:1000px}
.article_school .article .summary{margin-top:20px}

/*文章-通用*/
.article_common{overflow: hidden}

/*---------------------------------单页---------------------------------*/
/*单页-通用*/
.single_common{display: block;}
.single_common .ititle{padding:50px 0 30px 0;text-align:center}
.single_common .ititle h2{overflow:hidden;color:#36475a;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:36px}
.single_common .ititle h3{padding:10px 0;color:#6e798b;font-size:18px}
.single_common .idata{background:#f5f8ff;padding:20px;overflow: hidden}
.single_common .idata .item{position:relative;float:left;display:block;padding:20px 30px;width:25%}
.single_common .idata .item::after{position:absolute;top:0;right:0;display:block;width:3px;height:110px;background:linear-gradient(180deg,#f5f8ff,#cdd4e5 50%,#f5f8ff);content:" "}
.single_common .idata .item:last-of-type::after{display:none}
.single_common .idata .item .pic{float:left;display:inline-block;width:70px}
.single_common .idata .item .pic img{float:left;width:100%}
.single_common .idata .item .pic::before{color:#005bff;font-size:60px;font-family:iconfont}
.single_common .idata .item .a::before{content:"\e631"}
.single_common .idata .item .b::before{content:"\e707"}
.single_common .idata .item .c::before{content:"\e6d3"}
.single_common .idata .item .d::before{content:"\e610"}
.single_common .idata .item .detail{float:left;margin-left:10px;color:#3a4bb9}
.single_common .idata .item .detail span{display:block}
.single_common .idata .item .detail span.sup{margin-top:8px;font-size:24px;line-height:30px}
.single_common .idata .item .detail span.sub{font-size:18px}
.single_common .product{overflow:hidden;margin:0 auto;padding-top:60px;width:910px;}
.single_common .product li{position:relative;float:left;margin-right:50px;margin-bottom:60px;padding-top:30px;width:270px;background:#fff;}
.single_common .product li:nth-of-type(3n){margin-right:0;}
.single_common .product li span{position:absolute;top:-30px;left:105px;display:block;overflow:hidden;width:70px;color:#0ae;font-size:60px;}
.single_common .product li span:before{display:block;font-family:iconfont;}
.single_common .product li span.a::before{content:"\e602";}
.single_common .product li span.b::before{content:"\e60a";}
.single_common .product li span.c::before{content:"\e603";}
.single_common .product li span.d::before{content:"\eacf";}
.single_common .product li span.e::before{content:"\e604";}
.single_common .product li span.f::before{content:"\e612";}
.single_common .product li h3{padding-top:10px;color:#0ae;text-align:center;font-size:22px;}
.single_common .product li p{margin:0 auto;padding-top:20px;width:220px;color:#4a2711;text-align:left;font-size:16px;}
.single_common .product li button{margin-top:20px;width:100%;height:40px;background:#0ae;color:#fff;text-align:center;font-size:18px;line-height:40px;cursor:pointer;}
.single_common .goods{margin:0 auto;background-color:#2a323d;text-align:center;}
.single_common .goods .ititle h2,.single_common .goods .ititle h3{color:#fff;}
.single_common .goods .btn{margin:20px 0;}
.single_common .goods .pic{opacity:1;transition:1.2s ease-in-out .6s backwards ease;animation:moveUp 1.2s ease-in-out .6s backwards;}
.single_common .goods .pic img{display:block;margin-right:auto;margin-left:auto;height:auto;max-width:100%;color:transparent;transition:all 3.5s ease;transform:scale(1);}
.single_common .caseimg{overflow:hidden;margin:0 auto;width:1300px;text-align:center;}
.single_common .caseimg ul{overflow:hidden;}
.single_common .caseimg ul li{float:left;margin:0 10px 20px;padding:10px;width:280px;border:1px solid transparent;background-color:#fff;cursor: pointer;}
.single_common .caseimg ul li:hover{border-color:#ddd;box-shadow:1px 1px 2px 1px #ececec;}
/*.single_common .caseimg ul li>a{position:relative;display:block;overflow:hidden;height:180px;}*/
.single_common .caseimg ul li img{width:100%;height:100%;transition:all .5s;}
.single_common .caseimg ul li:hover img{transform:scale(1.1);}
.single_common .caseimg ul li h4{position:relative;overflow:hidden;margin:8px 0;height:20px;text-overflow:ellipsis;font-size:14px;}
.single_common .caseimg ul li h4 a{color:#333;white-space:pre-wrap;word-wrap:break-word;}
.single_common .caseimg ul li:hover h4 a{color:#0ae;}
.single_common .caseimg ul li p{overflow:hidden;margin-top:0;height:24px;font-size:12px;line-height:24px;}
.single_common .caseimg ul li p span{float:left;display:inline-block;padding:.07rem 5px;border:1px #ccc solid;border-radius:2px;color:#000;vertical-align:middle;text-align:center;white-space:nowrap;font-size:12px;line-height:1.5;}
.single_common .caseimg ul li p span.type{float:right;}
.single_common .caseimg ul li p a:hover{color:#0ae;}
.single_common .caseimg .button{margin:20px auto 40px;}
.single_common .require{position:relative;width:100%;background:url(../images/require.jpg);background-size:100% 100%;background-repeat:no-repeat;overflow:hidden;padding-bottom:50px}
.single_common .require .ititle h2{color:#fff;}
.single_common .require .ititle h3{color:#fff;}
.single_common .require .detail{overflow:hidden;margin:0 auto;width:850px;}
.single_common .require .detail .item{position:relative;display:inline-block;margin:0 30px 30px 0;padding:0 20px;width:250px;height:50px;border-radius:3px;background-color:#fff;color:#666;vertical-align:top;font-size:16px;cursor:pointer;}
.single_common .require .detail .item[placeholder*=必填]{color: #f5a00e;font-weight: bold;}
.single_common .require .detail .item:nth-of-type(3n){margin-right:0;}
.single_common .require .detail .item option{position:absolute;top:7px;left:20px;color:#666;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:16px;line-height:36px;}
.single_common .require .btn{margin:0 auto;text-align:center;}
.single_common .require .des{margin:0 auto;margin-top:30px;color:#fff;text-align:center;opacity:.7;}
.single_common .well{overflow:hidden;background:#e8f0f2;}
.single_common .well ul{overflow:hidden;margin:10px auto;width:1300px;height:auto;}
.single_common .well ul li{float:left;width:400px;height:230px;text-align:center;}
.single_common .well ul li span{display:block;color:#5297fa;font-size:60px;}
.single_common .well ul li span.a:before{content:"\e6d3";font-family:iconfont;}
.single_common .well ul li span.b:before{content:"\e637";font-family:iconfont;}
.single_common .well ul li span.c:before{content:"\e60c";font-family:iconfont;}
.single_common .well ul li span.d:before{content:"\e74c";font-family:iconfont;}
.single_common .well ul li span.e:before{content:"\e609";font-family:iconfont;}
.single_common .well ul li span.f:before{content:"\e6f5";font-family:iconfont;}
.single_common .well ul li i{display:block;padding:0 50px 10px 50px;color:#383838;font-style:normal;font-size:18px;line-height:30px;}
.single_common .well ul li p{padding:0 50px;color:#a0a0a0;font-size:16px;line-height:20px;text-align:center}
.single_common .than{position:relative;overflow:hidden;padding-top:50px;padding-bottom:40px;background-color:#f2f2f2;}
.single_common .than:before{position:absolute;top:0;left:0;z-index:0;display:block;width:50%;height:100%;background-color:#eaeaea;content:"";}
.single_common .than h2{position:relative;color:#36475a;text-align:center;font-weight:400;font-size:36px;line-height:36px;}
.single_common .than h3{position:relative;margin:20px;color:#111;text-align:center;font-weight:500;font-size:26px;line-height:40px;}
.single_common .than h3 span{display:inline-block;margin:0 18px;color:#0282db;font-weight:700;}
.single_common .than ul li{position:relative;margin-bottom:18px;min-height:50px;line-height:20px;}
.single_common .than ul li p{font-size:16px;}
.single_common .than ul li .left{float:left;box-sizing:border-box;padding-right:150px;width:50%;color:#0282db;text-align:right;line-height:50px;}
.single_common .than ul li .center{position:absolute;top:50%;left:50%;z-index:1;box-sizing:border-box;width:165px;height:50px;background-color:#bfbfbf;text-align:center;font-size:18px;line-height:50px;transform:translate(-50%,-50%);}
.single_common .than ul li .center:after,.single_common .than ul li .center:before{position:absolute;top:50%;left:-47px;display:block;margin-top:-1px;width:47px;height:2px;background-color:#158adc;content:"";}
.single_common .than ul li .center:after{right:-47px;left:auto;width:47px;height:2px;background-color:#bfbfbf;}
.single_common .than ul li .center .next,.single_common .than ul li .center .pre{position:absolute;top:50%;left:-55px;display:block;box-sizing:border-box;width:10px;height:10px;border:solid 2px #0282db;border-radius:50%;content:"";transform:translateY(-50%);}
.single_common .than ul li .center .next{right:-55px;left:auto;border-color:#bfbfbf;}
.single_common .than ul li .right{float:left;box-sizing:border-box;padding-left:150px;width:50%;line-height:50px;}
.single_common .seoadd{overflow:hidden;background-color:#fff;}
.single_common .seoadd ul{overflow:hidden;margin:10px auto;width:1300px;height:auto;}
.single_common .seoadd ul li{float:left;width:400px;height:200px;text-align:center;}
.single_common .seoadd ul li span{display:block;color:#5297fa;font-size:60px;}
.single_common .seoadd ul li span.a:before{content:"\e64a";font-family:iconfont;}
.single_common .seoadd ul li span.b:before{content:"\e680";font-family:iconfont;}
.single_common .seoadd ul li span.c:before{content:"\e669";font-family:iconfont;}
.single_common .seoadd ul li span.d:before{content:"\e630";font-family:iconfont;}
.single_common .seoadd ul li span.e:before{content:"\e62b";font-family:iconfont;}
.single_common .seoadd ul li span.f:before{content:"\e60b";font-family:iconfont;}
.single_common .seoadd ul li i{display:block;padding:0 50px 10px 50px;color:#383838;font-style:normal;font-size:18px;line-height:30px;}
.single_common .seoadd ul li p{padding:0 50px;color:#a0a0a0;text-align:center;font-size:16px;line-height:20px;}
.single_common .process{overflow:hidden;background-color:#fff;}
.single_common .process ul{overflow:hidden;margin:0 auto 40px;padding-top:30px;width:1300px;}
.single_common .process li{position:relative;float:left;display:inline-block;width:240px;color:#383838;text-align:center;font-size:18px;}
.single_common .process li+li:after{position:absolute;top:41px;left:-11px;width:22px;height:30px;color:#bfbfbf;content:"\e607";font-size:25px;font-family:iconfont;}
.single_common .process li i{display:block;margin:0 auto 20px;width:112px;height:112px;border-radius:56px;background:#5297fa;color:#fff;font-style:normal;font-size:60px;line-height:112px;}
.single_common .process li i.a:before{content:"\e605";font-family:iconfont;}
.single_common .process li i.b:before{content:"\e644";font-family:iconfont;}
.single_common .process li i.c:before{content:"\e60a";font-family:iconfont;}
.single_common .process li i.d:before{content:"\e6c7";font-family:iconfont;}
.single_common .process li i.e:before{content:"\e613";font-family:iconfont;}
.single_common .process li p{font-size:18px;}

/*单页-关于*/
.single_about{background-color: #fff;}
.single_about .banner{position:relative;overflow:hidden;height:200px;}
.single_about .banner .hidewap{position:absolute;top:50%;left:50%;margin-top:-100px;margin-left:-960px;}
.single_about .about{overflow:hidden;margin:0 auto;padding-bottom:50px;width:1300px;background-color:#fff;}
.single_about .about .left{float:left;padding:50px 20px 50px 0;width:25%;background:url(../images/about_left.jpg) no-repeat right top;word-break:normal;}
.single_about .about .left h4{width:100%;height:42px;border-bottom:1px solid #eee;color:#36475a;font-weight:700;font-size:18px;line-height:42px;}
.single_about .about .left dl{overflow:hidden;margin-top:0;padding:10px 0;border-bottom:1px dashed #f2f2f2;}
.single_about .about .left dl dt{height:42px;line-height:42px;display:block;color:#36475a;font-weight:700;font-size:16px;}
.single_about .about .left dl dd{margin:0;padding:0;}
.single_about .about .left dl dd a,.single_about .about .left dl dd>span{float:left;display:block;overflow:hidden;padding-right:10%;width:50%;height:32px;color:#6e798b;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:14px;line-height:32px;}
.single_about .about .left dl dd a.active,.single_about .about .left dl dd>span.active{color:#0ae;}
.single_about .about .left dl dd.tel{overflow:hidden;margin-right:60px;margin-bottom:20px;padding:4%;border:1px solid #eee;color:#666;}
.single_about .about .left dl dd p{margin:0;margin-right:20px;padding:0 0;color:#6e798b;font-size:14px;line-height:24px;}
.single_about .about .left dl dd p i{margin:20px 0 10px 0;color:#ff6900;font-style:normal;font-size:23px;}
.single_about .about .right{float:left;margin-top:30px;padding:0 30px;width:75%;}
.single_about .about .right h1{margin:20px auto 30px auto;text-align:center;font-weight:500;font-size:24px;line-height:42px;border-bottom: 1px solid rgb(238, 238, 238);}
.single_about .about .right p{color:#36475a;font-size:16px;line-height:32px;}
.single_about .about .right img{max-width:100%;}

/*单页-建站价格*/
.single_price{position:relative;margin:50px auto;text-align:center;}
.single_price .left{float:left;width:180px;height:inherit;}
.single_price .right{float:left;width:1120px;height:inherit;}
.single_price .cell{float:left;width:180px;height:100%;border-right:solid #f0f0f5 1px;border-bottom:solid #f0f0f5 1px;background-color:#fff;}
.single_price .cell .no::before{color:red;content:"\e61a";font-size:18px;font-family:iconfont;}
.single_price .cell .yes::before{color:#19ff2b;content:"\e643";font-size:18px;font-family:iconfont;}
.single_price .normal{padding-bottom:1px;height:60px;font-size:14px;line-height:60px;}
.single_price .top{top:0;width:inherit;height:140px;}
.single_price .top .left{border-bottom:none;}
.single_price .top .item{position:relative;float:left;}
.single_price .top .item .title{padding-top:44px;height:84px;color:#333;font-size:16px;line-height:1;}
.single_price .top .item .button{padding:0 36px;}
.single_price .top .item .active{position:absolute;top:-14px;left:0;width:100%;height:14px;border-top:solid #2f82ff 4px;background:#fff;}
.single_price .top .item .info{position:relative;overflow:hidden;width:180px;height:140px;}
.single_price .top .item .info .line{position:absolute;box-sizing:border-box;width:180px;height:140px;}
.single_price .top .item .info .line::before{position:absolute;top:-69px;left:0;box-sizing:border-box;width:100%;height:100%;border-bottom:1px solid #f0f0f5;content:"";transform:rotateZ(37.5deg) scale(1.414);transform-origin:bottom center;}
.single_price .top .item .info .detail{position:absolute;top:50%;left:50%;margin-top:-42px;margin-left:-58px;width:116px;height:82px;}
.single_price .top .item .info .detail .sub,.single_price .top .item .info .detail .sup{position:absolute;z-index:1;width:auto;height:auto;}
.single_price .top .item .info .detail .sup{top:14px;right:0;}
.single_price .top .item .info .detail .sub{bottom:-7px;left:42px;}
.single_price .bottom{width:100%;font-size:14px;}
.single_price .bottom .version{overflow:hidden;margin-bottom:5px;height:490px;line-height:330px;}
.single_price .bottom .version .price{padding-bottom:1px;height:120px;font-size:14px;line-height:120px;}
.single_price .bottom .version .price p{margin:0;padding-top:34px;height:18px;line-height:18px;}
.single_price .bottom .version .price strong{color:#f13a3a;font-weight:400;font-size:22px;}
.single_price .bottom .version .price i{vertical-align:baseline;font-style:normal;}
.single_price .bottom .version .price button{display:block;box-sizing:content-box;margin:27px auto;padding:0;width:98px;height:28px;border:solid #f13a3a 1px;border-radius:15px;background:0 0;color:#f13a3a;text-align:center;}
.single_price .bottom .feature{height:250px;line-height:250px;}
.single_price .bottom .feature .node{display:inline-block;width:0;height:100%;vertical-align:middle;zoom:1;}
.single_price .bottom .feature .desc{display:inline-block;margin:0;vertical-align:middle;text-align:left;line-height:30px;zoom:1;}
.single_price .bottom .feature i{display:inline-block;margin-right:6px;width:3px;height:3px;background:#000;vertical-align:middle;}
.single_price .bottom .space{overflow:hidden;margin-bottom:5px;height:240px;line-height:240px;}
.single_price .bottom .code{overflow:hidden;margin-bottom:5px;height:300px;line-height:300px;}
.single_price .bottom .service{overflow:hidden;margin-bottom:5px;height:480px;line-height:480px;}
.single_price .bottom .seo{overflow:hidden;margin-bottom:5px;height:360px;line-height:360px;}
.single_price .bottom .safe{overflow:hidden;margin-bottom:5px;height:360px;line-height:360px;}

/*单页-错误*/
.single_error{display: block}
.single_error .content{background-color:#fff;margin:30px 0;border-radius:10px;text-align:center;padding:0 0 50px}
.single_error .content img{border:none}
.single_error .content span{display:inline-block;line-height:40px;background:#0ae;color:#fff;border-radius:4px;font-size:16px;transition:.2s;padding:0 20px}
.single_error .content span:hover{background-color:#f60}

/*单页-标签*/
.single_tags{min-height: 500px;}
.single_tags .tags a{width:108px;line-height:36px;overflow:hidden;text-align:center;white-space:nowrap;float:left;margin:0 10px 10px 0;border-radius:4px;background-color:#fff}





/*---------------------------------手机---------------------------------*/
@media (max-width:750px) {
    /*---------------------------------通用---------------------------------*/
    header .top,
    header nav .searth,
    footer,
    .single_price .bottom .feature,
    .single_price .left,
    .hidewap,
    .single_common .idata
    {display:none;}

    /*常用*/
    .container{width:100%;padding: 0 2%;}
    .button{margin:0 12px;padding: 0 30px;}
    .circle_totop{right:10px;bottom:100px;width:30px;height:30px;}
    .circle_totop::before{font-size:26px;}

    /*头部*/
    header{}
    header nav{width:100%;padding: 0;}
    header nav .logo{margin-top:0;width:100%;text-align:center;height: 60px;}
    header nav .logo img{margin-top:5px;height:50px;}
    header nav ul{position:fixed;right:0;z-index:999;display:none;margin-right:0;width:80%;height:100%;background-color:#323232;}
    header nav ul li{margin-left:0;width:100%;background-color:#323232;text-align:center;line-height:30px;}
    header nav ul li a{color:#fff;}
    header nav ul li a::before{display: inline-block}
    header nav .tel{display:none;}
    header nav .wap{position:absolute;left:10px;float:left;display:block;margin-top:28px;margin-left:10px;width:30px;height:5px;background-color:#e3720f;}
    header nav .wap::after,header nav .wap::before{position:absolute;width:30px;height:5px;background:#e3720f;content:'';-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,-webkit-transform;transition-property:margin,transform;transition-property:margin,transform,-webkit-transform;}
    header nav .wap::before{margin-top:-10px;}
    header nav .wap::after{margin-top:10px;}
    header .bottom{height: auto;}
    header .bottom ul{width: 100%;}
    header .bottom ul li{width:25%}
    header .bottom ul li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%}
    header .open .wap{background:0 0;}
    header .open .wap::before{margin-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
    header .open .wap::after{margin-top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
    header .open .wap::after,header .open .wap::before{position:absolute;width:30px;height:5px;background:#e3720f;content:'';}

    /*底部*/
    .footerwap{display:block;overflow:hidden;margin:0 auto;padding:30px 0;width:100%;background-color:#262a33;}
    .footerwap .detail{float:none;width:100%;color:#7f868b;text-align:center;font-size:14px;line-height:20Px;}
    .footerwap .detail p{margin:4px 0 4px 0;}
    .footerwap .detail p.tel{margin:20px auto;color:#fff;font-size:32px;}
    .footerwap .pic{margin-top:20px;text-align:center;}
    .footerwap .pic img{display:block;margin-right:auto;margin-left:auto;}

    /*侧边栏*/
    aside{float:left;width:100%;padding: 0 2%;}
    aside .box{float:left;width:100%;}

    /*悬浮窗*/
    .float .minikefu{bottom: 10px;position: fixed;}

    /*面包屑*/
    .crumbs{padding:0 2%;width:100%;}
    .crumbs .left{width:100%;white-space: nowrap;overflow: hidden;line-height:50px;}
    .crumbs .left a{font-size:14px;}
    .crumbs .left a.mark{height:50px;}



    /*---------------------------------首页---------------------------------*/
    .home .slide{position:relative;width:auto;height:175px;}
    .home .slide .bd ul li img{position:absolute;margin-top:-87.5px;margin-left:-400px;height:175px;}
    .home .slide .hd ul{bottom:10px;}
    .home .partner{padding-bottom:30px;}
    .home .partner .top{padding:0 2%;width:100%;}
    .home .partner .top li{width:50%;}
    .home .partner .top li span{padding:10px 0;}
    .home .msg{padding:0 2%;width:100%;}
    .home .msg .item{margin-top:6px;padding:16px;width:100%;}
    .home .msg .item ul{margin-top:6px;}
    .home .msg .item ul li{padding:12px}
    .home .links{width:96%;margin:0 2%}
    .home .links dd{width: 25%;}


    /*---------------------------------列表---------------------------------*/
    /*列表-案例*/
    .list_case .case{padding:0;}
    .list_case .case .text{margin-top:0;padding:0;width:100%;text-align:center;}
    .list_case .case .text h2{margin-top:30px;font-weight:700;font-size:24px;line-height:32px;}
    .list_case .case .text p{margin: 0 auto 0 60px;max-width:420px;font-size:16px;line-height:32px;text-align: left}
    .list_case .case .text p:last-of-type{margin: 0 auto;}
    .list_case .case .pic{margin:20px 0;width:100%;}
    .list_muban .search .box{width: 300px;}
    .list_muban .search .box input.keyword{width: 300px;}
    .list_muban .type{overflow:hidden;margin-top:8px;padding:0 2%;width:100%;height:auto;}
    .list_muban .type .item{margin-right:auto;margin-left:2%;width:48%;}
    .list_muban .list{margin: 10px auto 20px;padding:0 2%;width:100%;}
    .list_muban .list li{margin:0 0 20px 0;width:100%;}
    .list_muban .list li .box .pic{width:100%;height:auto;}
    .list_muban .list li .box .intro{opacity:1;}
    .list_muban .list li .box .intro a,.list_muban .list li .box .intro button{padding:4px 18px;}
    .list_muban .list li .data{padding:12px;}
    .list_muban .list li .data h2{margin-bottom:6px;}

    /*列表-通用*/
    .list_common .list{width: 100%;}
    .list_common .list .item{padding: 0 2%;}
    .list_common .list .item .pic{float:right;width: 120px;height: 80px;margin: 10px 0;}
    .list_common .list .item .info{float:left;width:calc(100% - 120px);height:5rem;padding:0}
    .list_common .list .item .info h2{font-weight:400}
    .list_common .list .item .info .description{display:none}
    .list_common .list .item .info .extra{bottom:0}



    /*---------------------------------内容---------------------------------*/
    /*文章-编辑器*/
    article{margin:6px 0;padding:6px 2%;font-size:14px;line-height:22px;}
    article h2{margin-top:12px;font-size:16px;}
    article p{margin-top:6px;}
    article ol li{font-size:12px;}
    article ul{margin:6px 2%;padding:6px 0;}

    /*文章-板块*/
    .article{margin-bottom:20px;padding:10px;width:100%;}
    .article .title{overflow:hidden;height:40px;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:35px;}
    .article .info{line-height:30px;}
    .article .info span{margin-left:12px;}
    .article .info span:first-of-type{margin-left:0;}
    .article .info span.icon-shijian{display:none;}
    .article .tags li{margin-bottom:6px;}
    .article .summary{padding:6px 2%;line-height:20px;}
    .article .prenext{margin-top:12px;}

    /*文章-案例*/
    .article_case .banner{height: 240px;}
    .article_case h1{margin: 50px 0 10px;}
    .article_case .content p{width: 100%;padding: 0 2%;}

    /*文章-模板*/
    .article_muban{}
    .article_muban .goods{width: 100%;padding: 0 2%;}
    .article_muban .goods .top{}
    .article_muban .goods .top .left{width: 100%;}
    .article_muban .goods .top .left .titlepic{width: 100%;}
    .article_muban .goods .top .left .titlepic img{}
    .article_muban .goods .top .left .collect{}
    .article_muban .goods .top .left .collect a{}
    .article_muban .goods .top .left .collect a::before{}
    .article_muban .goods .top .left .collect a:hover{}
    .article_muban .goods .top .info{width: 100%;}
    .article_muban .goods .top .info h1{}
    .article_muban .goods .top .info .price{}
    .article_muban .goods .top .info .price span{}
    .article_muban .goods .top .info .price em{}
    .article_muban .goods .top .info .price b{}
    .article_muban .goods .top .info .taocan{}
    .article_muban .goods .top .info .taocan button{}
    .article_muban .goods .top .info .time{}
    .article_muban .goods .top .info .btn{}
    .article_muban .goods .top .info .btn a{}
    .article_muban .goods .top .info .btn a.buy{}
    .article_muban .goods .top .info .btn a.demo{}
    .article_muban .goods .top .info .baozhang{}
    .article_muban .goods .top .info .baozhang span::before{}
    .article_muban .goods h2{}
    .article_muban .goods h2::before{}
    .article_muban .goods h3{}
    .article_muban .goods h3 span{}
    .article_muban .goods p{}
    .article_muban .goods .detail{}
    .article_muban .goods .detail ul{}
    .article_muban .goods .detail ul li{width: 50%;}
    .article_muban .goods .detail ul li:nth-child(4n){width: 50%;}
    .article_muban .goods .detail ul li span{}
    .article_muban .goods .detail ul li em{}
    .article_muban .goods .rule{}

    /*文章-学院*/
    .article_school .left{display: none;}
    .article_school .article{width: 96%;margin: 0 2%;}



    /*---------------------------------单页---------------------------------*/
    /*单页-通用*/
    .single_common .ititle{padding:30px 15px 20px;}
    .single_common .ititle h2{font-weight:700;font-size:24px;line-height:32px;}
    .single_common .ititle h3{font-size:16px;}
    .single_common .product li span{left:50%;margin-left:-35px;}
    .single_common .product{padding:30px 15px 0 15px;width:100%;}
    .single_common .product li{margin-bottom:50px;width:100%;}
    .single_common .product li h3{padding-top:6px;font-size:20px;}
    .single_common .product li p{padding-top:12px;}
    .single_common .product li button{margin-top:12px;}
    .single_common .caseimg{padding-right:15px;padding-left:15px;width:100%;}
    .single_common .caseimg ul li{margin:0 0 20px;width:100%;}
    .single_common .caseimg ul li>a{height:auto;}
    .single_common .caseimg .button{margin:16px auto 30px;}
    .single_common .require .detail{padding:0 2%;width:100%;}
    .single_common .require .detail .item{margin:0 20px 30px 0;width:100%;}
    .single_common .require .detail label{width: 48%;float: left;}
    .single_common .require .detail label:nth-of-type(2n){float: right;  }
    .single_common .require .des{display:none;}
    .single_common .well ul{width:100%;}
    .single_common .well ul li{width:50%;height:auto;}
    .single_common .well ul li i{padding: 0 20px 10px 20px;}
    .single_common .well ul li p{display:none;}
    .single_common .than{padding:30px 0 20px 0;}
    .single_common .than h2{font-size:28px;}
    .single_common .than h3{font-size:22px;}
    .single_common .than ul li .left{padding-right:40px;font-size:12px;line-height:16px;}
    .single_common .than ul li .center{width:50px;height:30px;font-size:14px;line-height:30px;}
    .single_common .than ul li .center:after,.single_common .than ul li .center:before{display:none;}
    .single_common .than ul li .center .next,.single_common .than ul li .center .pre{display:none;}
    .single_common .than ul li .right{padding-left:40px;font-size:12px;line-height:16px;}
    .single_common .seoadd ul{width:100%;}
    .single_common .seoadd ul li{width:50%;height:auto;}
    .single_common .seoadd ul li i{padding: 0 20px 10px 20px;}
    .single_common .seoadd ul li p{display:none;}
    .single_common .process ul{width:100%;}
    .single_common .process li{margin-bottom:20px;width:50%;}
    .single_common .process li:nth-of-type(2n+1)::after{display:none;}


    /*单页-关于*/
    .single_about .banner{height:auto;}
    .single_about .banner .wap{display:block;width:100%;background-color:#f0f1ee;}
    .single_about .banner .wap img{display:block;}
    .single_about .about{padding:0 15px 30px;width:100%;}
    .single_about .about .left{padding:30px 10px 20px 0;}
    .single_about .about .left h4{white-space: nowrap;}
    .single_about .about .left dl dt{font-size:14px;}
    .single_about .about .left dl dd a,
    .single_about .about .left dl dd span{float:left;display:block;overflow:hidden;padding-right:10%;width:100%;height:32px;color:#666;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:14px;line-height:32px;}
    .single_about .about .right{padding:0 0 0 15px;}
    .single_about .about .right h1{margin:0 10px 20px;font-weight:700;font-size:18px;line-height:42px;}
    .single_about .about .right p{font-size:14px;}

    /*单页-建站价格*/
    .single_price{margin:0;padding:20px 15px;width:100%;font-size:12px;}
    .single_price .right{width:100%;}
    .single_price .cell{width:15%;}
    .single_price .right .cell:first-of-type{display:flex;width:25%;line-height:16px;justify-content:center;align-items:center;}
    .single_price .normal{font-size:12px;}
    .single_price .top{height:80px;}
    .single_price .top .item .title{padding-top:0;font-size:14px;line-height:80px;}
    .single_price .top .item .button{display:none;}
    .single_price .top .item .info .line{display:none;}
    .single_price .top .item .info .detail{display:none;}
    .single_price .bottom .version{height:auto;}
    .single_price .bottom .version .price{height:80px;line-height:80px;}
    .single_price .bottom .version .price .cell{line-height:80px;}
    .single_price .bottom .version .price strong{font-size:14px;}
    .single_price .bottom .version .price i{display:none;}
    .single_price .bottom .version .price button{display:none;}

    /*单页-错误*/
    .single_error .content img{width: 100%;}
    /*单页*/
    .single_tags .tags a {width: 30%;margin: 1%;  }
}



/*---------------------------------单页---------------------------------*/
/*动画*/
@keyframes scaleToggleOne{0%{transform:scale(1);}
    50%{transform:scale(2);}
    to{transform:scale(1);}
}
@keyframes scaleToggleTwo{0%,20%{transform:scale(1);}
    60%{transform:scale(2);}
    to{transform:scale(1);}
}
@keyframes scaleToggleThree{0%,33%{transform:scale(1);}
    66%{transform:scale(2);}
    to{transform:scale(1);}
}
@keyframes moveDown{0%{opacity:0;transform:translateY(-10px);}
    100%{opacity:1;transform:translateY(0);}
}
@keyframes moveUp{0%{opacity:0;transform:translateY(-20px);}
    100%{opacity:1;transform:translateY(0);}
}
@keyframes move{
    0%{left:-40px;opacity:.6;}
    25%{left:100%;opacity:.2;}
    50%{left:100%;opacity:.2;}
    75%{left:-40px;opacity:.6;}
    100%{left:-40px;opacity:.6;}
}

/*微信咨询*/
.sunshine{position:absolute;top:0;left:-40px;z-index:2;display:block;width:40px;height:50px;background-image:url(../images/sunshine.png);background-size:100% 100%;background-repeat:no-repeat;animation:move 3s both infinite;}
.wchat_icon{position:fixed;top:calc(50vh + 50px);right:20px;z-index:9999;overflow:hidden;width:50px;height:50px;border-radius:50%;}
.wchat_icon>img{display:inline-block!important;height:50px;}
.wchat_content{position:absolute;top:calc(50% - 165px);left:calc(50% - 150px);width:300px;height:330px;border-radius:20px;background-color:#fff;}
.wchat_content>div{position:relative;display:block;margin:10px auto;width:95%;height:280px;text-align:center;}
.wchat_close{position:absolute;top:0;right:10px;height:20px;cursor:pointer;}
.wchat_qrcode{margin-top:5px;width:200px;height:200px;}
.wchat_ok{display:inline-block!important;margin-top:20px;width:60px;height:60px;}
.whcat_tips{height:25px;color:#666;text-align:center;font-size:12px;line-height:25px;}
.whcat_number{height:30px;color:#000;text-align:center;font-size:14px;line-height:30px;}
.whcat_tips2{height:40px;color:#000;text-align:center;font-weight:600;font-size:22px;line-height:40px;}
.whcat_btn1{margin:5px auto;width:150px;height:40px;border-radius:8px;background-color:#1aad17;color:#fff;text-align:center;font-weight:600;font-size:16px;line-height:40px;cursor:pointer;}
.whcat_btn2{margin:15px auto;width:150px;height:40px;border-radius:8px;background-color:#1aad17;color:#fff;text-align:center;font-weight:600;font-size:16px;line-height:40px;cursor:pointer;}
#wchat_bg{position:fixed;top:0;left:0;z-index:99999;display:none;width:100%;height:100vh;background-color:rgba(0,0,0,.4);}
#wchat_msg{position:fixed;top:45%;left:0;z-index:99999999;display:none;width:100%;text-align:center;}
#wchat_msg>div{display:inline-block;padding:0 2%;height:40px;border-radius:5px;background-color:rgba(0,0,0,.8);color:#fff;text-align:center;font-size:14px;line-height:40px;}

/*代码样式*/
code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;right:0;padding:0 10px;background-color:#cfcfcf;color:#333;border:1px solid #ddd;border-radius:4px;font-size:14px;cursor:pointer;top:0;z-index:1;height:36px;line-height:36px}