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

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

/*通用*/
*{box-sizing:border-box;margin:0;padding:0;outline:0;border:0;}
body{background-color:#fff;color:#333;font-size:14px;font-family:"Microsoft YaHei",Helvetica,arial,sans-serif;}
li,ol,ul{list-style:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#0ae;}
h1,h2,h3,h4,h5,h6{color:#000;font-weight:500;}

/*常用*/
.footerfix{display:none;}
.mbanner{display:none;}

/*头部*/
.header{height:80px;}
.header nav{overflow:hidden;margin:0 auto;width:1200px;}
.header nav .logo{float:left;margin-top:5px;height:70px;}
.header nav ul{float:right;overflow:hidden;}
.header nav ul li{float:left;margin-right:40px;}
.header nav ul li a{display:inline-block;margin-top:10px;font-size:18px;line-height:60px;}
.header nav ul li a::before{font-family:iconfont;padding-right: 5px;}
.header nav ul li:nth-of-type(1) a::before{content:"\e65d";}
.header nav ul li:nth-of-type(2) a::before{content:"\e61b";}
.header nav ul li:nth-of-type(3) a::before{content:"\e600";}
.header nav ul li:nth-of-type(4) a::before{content:"\e619";}
.header nav ul li:nth-of-type(5) a::before{content:"\e649";}
.header nav ul li a.active,.header nav ul li a:hover{border-bottom:2px solid #e3720f;color:#e3720f;}
.header nav .tel{float:right;color:#e3720f;font-weight:700;font-size:20px;line-height:80px;}
.header nav .tel::before{float:left;display:inline-block;margin-right:5px;color:#e3720f;content:"\e626";font-weight:400;font-size:34px;font-family:iconfont;}
.header nav .wap{display:none;}

/*底部*/
.footer{overflow:hidden;padding-top:10px;padding-bottom:20px;max-width:100%;background-color:#262a33;color:#81858c;z-index: 2;position: relative;}
.footer .mid{margin:0 auto;padding-top:20px;width:1200px;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:1200px;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(./icon_all.png) no-repeat 0 -50px;}
.footer .bottom .safe span.b{background:url(./icon_all.png) no-repeat -24px -50px;}
.footer .bottom .safe span.c{background:url(./icon_all.png) no-repeat -48px -50px;}

/*轮播图*/
.banner{position:relative;overflow:hidden;height:600px;}
.banner .bd ul li img{position:absolute;top:50%;left:50%;margin-top:-300px;margin-left:-960px;}
.banner .bd ul li{display:none;cursor:pointer;}
.banner .bd ul li:first-child{display:block;}
.banner .bd ul li a{display:block;width:100%;height:100%;}
.banner .hd ul{position:absolute;bottom:20px;left:50%;margin-left:-42px;width:84px;}
.banner .hd ul li{float:left;margin-right:10px;width:12px;height:12px;border-radius:10px;background:#a6a5a0;cursor:pointer;}
.banner .hd ul li.on{width:30px;background:#e3720f;}

/*资质*/
.zizhi{overflow:hidden;background-color:#f8f8f8;}
.zizhi h2{margin-top:30px;color:#333;text-align:center;font-size:30px;}
.zizhi h3{margin-top:20px;margin-bottom:20px;color:#999;text-align:center;font-size:16px;}
.zizhi ul{overflow:hidden;margin:0 auto 30px;width:1200px;}
.zizhi ul li{float:left;margin-right:13px;width:390px;}
.zizhi ul li:last-of-type{margin-right:0;}
.zizhi ul li .pic{overflow:hidden;padding:10px;height:250px;background-color:#f8f8f8;}
.zizhi ul li .pic img{width:100%;height:100%;}
.zizhi ul li p{text-align:center;font-size:16px;line-height:40px;}

/*服务*/
.fuwu{overflow:hidden;}
.fuwu h2{margin-top:30px;color:#333;text-align:center;font-size:30px;}
.fuwu h3{margin-top:20px;color:#999;text-align:center;font-size:16px;}
.fuwu ul{overflow:hidden;margin:20px auto 30px;width:1200px;}
.fuwu ul li{float:left;margin-right:10px;width:230px;}
.fuwu ul li img{width:100%;}

/*服务详情*/
.service{overflow:hidden;padding-bottom:30px;}
.service h2{margin-top:30px;color:#333;text-align:center;font-size:30px;}
.service h3{margin-top:20px;margin-bottom:20px;color:#999;text-align:center;font-size:16px;}
.service ul{overflow:hidden;margin:10px auto;width:1200px;}
.service ul li{float:left;margin-right:15px;width:390px;margin-bottom: 30px;}
.service ul li:nth-child(3n){margin-right:0;}
.service ul li .pic img{width:100%;height:100%;}
.service ul li p{background-color:#f8f8f8;text-align:center;font-size:16px;line-height:40px;}
.service ul li p a:hover{color:#e3720f;}

/*面包屑*/
.subnav{margin:30px auto 0;padding:0 10px;width:1200px;font-size:16px;line-height:40px;}
.subnav a:hover{color:#e3720f;}

/*套餐*/
.taocan{overflow:hidden;margin:30px auto 0;width:1200px;}
.taocan .left{float:left;width:450px;}
.taocan .left img{width:100%;}
.taocan .right{float:right;padding:0 20px;width:730px;}
.taocan .right h1{color:#333;font-weight:700;font-size:30px;line-height:70px;}
.taocan .right .price{margin-top:20px;padding:30px;height:120px;background-color:#f5f5f5;font-size:16px;}
/*.taocan .right .price span{color:#999;}*/
/*.taocan .right .price strong{margin-left:10px;color:#d90408;font-size:30px;line-height:50px;}*/
/*.taocan .right .price span:nth-of-type(1){color:#000;}*/
/*.taocan .right .price span:nth-of-type(2){margin-right:50px;color:#d90408;}*/
/*.taocan .right .price span:last-of-type{margin-left:10px;text-decoration:line-through;}*/
.taocan .right .btn{margin-top:30px;}
.taocan .right .btn .btn1{float:left;margin-right:20px;width:140px;height:40px;border:1px solid #e3720f;background-color:#fff;color:#e3720f;text-align:center;font-size:16px;line-height:40px;}
.taocan .right .btn .btn2{float:left;margin-right:120px;width:140px;height:40px;border:1px solid #e3720f;background-color:#ff7033;color:#fff;text-align:center;font-size:16px;line-height:40px;}

/*内容*/
.content{margin:30px auto 30px;width:1200px;border:1px solid #f5f5f5;}
.content .hd{height:60px;background-color:#f5f5f5;line-height:60px;}
.content .hd ul li{float:left;width:180px;text-align:center;font-size:20px;}
.content .hd ul li.on{border-top:3px solid #e3720f;background-color:#fff;color:#e3720f;}
.content .bd div{padding:40px;}
.content .bd div p{font-size:16px;line-height:28px;}
.content .bd div .intro{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;}
.content .bd div .intro em{color:#373d41;font-weight:700;font-style:normal;}
/*收费*/
.shoufei{overflow:hidden;margin-bottom:30px;}
.shoufei h2{margin-top:30px;color:#333;text-align:center;font-size:30px;}
.shoufei h3{margin-top:20px;margin-bottom:20px;color:#999;text-align:center;font-size:16px;}
.shoufei .detail{margin:0 auto;width:1200px;text-align:center;}

/*表格*/
.table table{text-align: center;margin-top:30px;width:100%;border-collapse:collapse;font-size:16px;}
.table table tbody tr th{border:1px solid #ddd;background-color:#ed7602;color:#fff;font-size:18px;line-height:50px;}
.table table tbody tr td{border:1px solid #ddd;line-height:50px;}
.table table tbody tr td.line {background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjEwMCUiIHkyPSIxMDAlIiBzdHJva2U9IiNkZGQiIHN0cm9rZS13aWR0aD0iMSIvPjwvc3ZnPgo=) no-repeat 100% center;}

/*联系*/
.contact{overflow:hidden;margin:30px auto;width:1200px;}
.contact .left{float:left;width:600px;height:350px;}
.contact .right{float:right;padding:0 40px;width:600px;height:350px;background-color:#f8f8f8;font-size:16px;}
.contact .right dt{margin-top:30px;color:#666;font-size:18px;}
.contact .right dd{color:#333;}

/*媒体资讯*/
.news{overflow:hidden;padding-bottom:30px;}
.news h2{margin-top:30px;color:#333;text-align:center;font-size:30px;}
.news h3{margin-top:20px;margin-bottom:20px;color:#999;text-align:center;font-size:16px;}
.news ul.type{overflow:hidden;margin:30px auto 0;width:516px;}
.news ul.type li{float:left;margin:0 30px;padding:10px 20px;border-radius:5px;background-color:#255fed;font-size:18px;color: #fff;cursor: pointer;}
.news ul.type li.on{background-color:#f80;}
.news ul.type li a{color:#fff;}
.news .hot{overflow:hidden;margin-top:30px;padding:20px 0;background-color:#f5f5f5;}
.news .hot .hotnews{margin:0 auto;width:1200px;}
.news .hot .hotnews .pic{float:left;margin-right:20px;width:400px;height:300px;}
.news .hot .hotnews .time{float:left;margin-right:10px;width:100px;height:90px;border-radius:5px;background-color:#fff;text-align:center;}
.news .hot .hotnews .time .day{display:inline-block;width:100%;color:#f80;font-weight:700;font-size:24px;line-height:50px;}
.news .hot .hotnews .time .month{color:#3c58aa;font-weight:700;font-size:16px;}
.news .hot .hotnews .detail{float:left;width:670px;text-align:left;}
.news .hot .hotnews .detail h2{overflow:hidden;margin-top:0;width:470px;color:#666;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:20px;}
.news .hot .hotnews .detail h2 a{color:#000;}
.news .hot .hotnews .detail h2 a:hover{color:#f80;}
.news .hot .hotnews .detail p{margin-top:10px;color:#666;line-height:24px;}
.news ul.list{overflow:hidden;margin:30px auto;width:1200px;}
.news ul.list li{float:left;margin-right:40px;margin-bottom:20px;padding-bottom:10px;width:580px;border-bottom:1px solid #ebebeb;}
.news ul.list li:nth-of-type(2n){margin-right:0;}
.news ul.list li .time{float:left;margin-right:10px;width:100px;height:90px;border-radius:5px;background-color:#e9e9e9;text-align:center;}
.news ul.list li .time .day{display:inline-block;width:100%;color:#3c58aa;font-weight:700;font-size:24px;line-height:50px;}
.news ul.list li .time .month{color:#f80;font-weight:700;font-size:16px;}
.news ul.list li .detail{float:left;width:470px;text-align:left;}
.news ul.list li .detail h2{overflow:hidden;margin-top:0;width:470px;color:#666;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:20px;}
.news ul.list li .detail h2 a{color:#000;}
.news ul.list li .detail h2 a:hover{color: #ff8800;}
.news ul.list li .detail p{margin-top:10px;color:#666;line-height:24px;}

/*资讯内容*/
.article{overflow:hidden;margin:0 auto;width:1200px;}
.article .left{float:left;margin-top:30px;width:870px;margin-bottom: 30px;border-right: 1px solid #e1e1e1;}
.article .left h1{text-align:center;font-size:30px;}
.article .left .info{margin-top:20px;text-align:center;}
.article .left .info .writer::before{margin-right:4px;content:"\e778";font-family:iconfont;}
.article .left .info .time{margin-left:20px;}
.article .left .info .time::before{margin-right:4px;content:"\e665";font-family:iconfont;}

.article .left .detail{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;min-height:500px}
.article .left .detail 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 .left .detail h3{color:#f60;font-weight:400;margin-top:10px;margin-bottom:0;border-left:2px solid #f60;padding-left:10px;margin-left:-12px}
.article .left .detail p{margin-top:10px;margin-bottom:0}
.article .left .detail span[style*="line-through"]{color:#ccc}
.article .left .detail a{color:#0acf67}
.article .left .detail a:hover{text-decoration:underline;color:#f60}
.article .left .detail img{height:auto;max-width:100%;border:1px solid #d4d4d4;background-color:hsla(0,0%,100%,.1);vertical-align:middle;border-radius:13px}
.article .left .detail strong{font-weight:600;color:red}
.article .left .detail em{color:#f60;font-style:normal}
.article .left .detail blockquote{margin-top:10px;margin-left:10px;padding:6px 14px;border-left:5px solid #ddd;background-color:#f5f5f5;color:#666}
.article .left .detail blockquote p{margin:0;text-indent:0;line-height:36px}
.article .left .detail ol{list-style-type:decimal-leading-zero}
.article .left .detail ol li{margin-left:20px;list-style:decimal}
.article .left .detail ul{margin:10px 20px;padding:10px 0;background-color:#f5f5f5}
.article .left .detail ul li{margin:0 0 0 30px;list-style-type:disc;line-height:32px}
.article .left .detail hr{margin:30px 0;height:1px;background-color:#d4d4d4}
.article .left .detail pre{box-shadow:-.5em 0 0 rgb(0,0,0,.3);background:#282923;padding:1em;margin:.5em 0;font-size:16px;color: #ffffff}
.article .left .detail table{width:100%;max-width:100%;border:2px solid #dff0d8;text-align:left;border-collapse:collapse;margin:20px auto;font-size:16px}
.article .left .detail table tbody tr:nth-of-type(odd){background-color:#f9f9f9}
.article .left .detail table tbody tr.firstRow{background-color:#dff0d8}
.article .left .detail table tbody tr:hover{background-color:#dff0d8}
.article .left .detail table tbody tr td{padding:8px;border:1px solid #ddd}

.article .right{float:right;}
.article .right .service ul{width:300px;}
.article .right .service ul li{width: 300px;margin-bottom: 20px;}

/*分页*/
.pagebar{text-align:center;font-size:16px;line-height:30px;margin-top:20px}
.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}




/*手机端*/
@media (max-width:750px){

    .banner{display:none;}

    /*头部*/
    .header{height:60px;}
    .header nav{width:100%;}
    .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:60%;height:100%;background-color:#323232;}
    .header nav ul li{width:100%;background-color:#323232;text-align:center;line-height:30px;}
    .header nav ul li a{height:50px;color:#fff;line-height:50px;}
    .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 .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:'';}

    /*底部*/
    .footer{padding: 10px 20px;line-height: 24px;margin-bottom: 60px;}
    .footer .mid{width: 100%;padding-top: 0;}
    .footer .bottom{width: 100%;}
    .footer .bottom .copyright a{display: block;}
    .footer .bottom .safe{position: absolute;bottom: 0;right: 10px;}
    .footerfix{position:fixed;bottom:0;z-index:999;display:block;overflow:hidden;margin:0 auto;width:100%;height:60px;min-width:2.4rem;background:hsla(0,0%,100%,.2);color:#42566e;text-align:center;font-size:12px;line-height:1.04rem;}
    .footerfix:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-.5rem;background-color:#eef1f6;content:"";filter:blur(.2rem);}
    .footerfix ul{overflow:hidden;}
    .footerfix ul li{float:left;overflow:hidden;width:50%;}
    .footerfix ul li.right{float: right;}
    .footerfix ul li a{float:left;display:block;margin:0 auto;padding:.15rem 0;width:100%;height:60px;color:#171f2b;text-align:center;font-size:.24rem;line-height:1.04rem;line-height:1.04rem;}
    .footerfix ul li a span{display:block;margin:0 auto;width:100%;height:30px;background-size:contain;text-align:center;font-size:28px;line-height:30px;}
    .footerfix ul li a p{float:none;margin:0 auto;height:30px;text-align:center;font-size:14px;line-height:30px;}
    .footerfix ul li a span::before{font-family:iconfont;}
    .footerfix ul li.left a span::before{content:"\e718";}
    .footerfix ul li.center a span::before{content:"\e672";}
    .footerfix ul li.right a span::before{content:"\e628";}

    /*轮播图*/
    .mbanner{position:relative;display:block;overflow:hidden;margin:0 auto;width:100%;}
    .mbanner .bd{position:relative;z-index:0;}
    .mbanner .bd li img{width:100%;}
    .mbanner .hd ul{position:absolute;bottom:20px;left:50%;margin-left:-35px;width:70px;z-index: 1;}
    .mbanner .hd ul li{float:left;margin-right:10px;width:10px;height:10px;border-radius:10px;background:#a6a5a0;cursor:pointer;text-indent: 8888px;}
    .mbanner .hd ul li.on{width:20px;background:#e3720f;}

    /*资质*/
    .zizhi{padding-bottom:20px;}
    .zizhi h2{margin-top:20px;font-size:24px;}
    .zizhi h3{margin-top:15px;margin-bottom:15px;}
    .zizhi ul{margin:0;width:100%;}
    .zizhi ul li{margin-right:2%;margin-bottom:10px;width:49%;}
    .zizhi ul li:nth-of-type(2n){margin-right:0;}
    .zizhi ul li .pic{height:auto;}
    .zizhi ul li p{font-size:14px;line-height:30px;}

    /*服务*/
    .fuwu h2{margin-top:20px;font-size:24px;}
    .fuwu h3{margin-top:15px;}
    .fuwu ul{margin:15px auto 20px;padding:0 1%;width:100%;}
    .fuwu ul li{margin-right:2%;width:32%;}
    .fuwu ul li:nth-of-type(3n){margin-right:0;}

    /*服务详情*/
    .service{padding-bottom:20px;}
    .service h2{margin-top:20px;font-size:24px;}
    .service h3{margin-top:15px;margin-bottom:15px;}
    .service ul{margin:0;padding:0 1%;width:100%;}
    .service ul li{margin-right:0;margin-bottom:20px;width:100%;}
    .service ul li:last-of-type{margin-bottom:0;}

    /*面包屑*/
    .subnav{margin:20px auto 0;padding:0 1%;width:100%;font-size:14px;}

    /*套餐*/
    .taocan{margin:20px auto 0;padding:0 1%;width:100%;}
    .taocan .left{width:100%;}
    .taocan .right{padding:10px;width:100%;}
    .taocan .right h1{font-size:18px;line-height:50px;}
    .taocan .right .price{margin-top:15px;padding:20px;height:100px;}
    .taocan .right .btn{margin-top:20px;}
    .taocan .right .btn .btn2{float:right;margin-right:0;}

    /*内容*/
    .content{margin:20px auto;padding:0 2%;width:100%;}
    .content .hd{height:40px;line-height:40px;}
    .content .hd ul li{width:50%;font-size:18px;}
    .content .bd div{padding:2%;}

    /*收费*/
    .shoufei{margin-bottom:20px;}
    .shoufei h2{margin-top:20px;font-size:24px;}
    .shoufei h3{margin-top:15px;margin-bottom:15px;}
    .shoufei .detail{padding:0 1%;width:100%;}
    .shoufei .detail img{width:100%;}

    /*表格*/
    .table table{margin-top:20px;font-size:14px;}
    .table table tbody tr th{line-height:40px;}
    .table table tbody tr td{line-height:40px;}

    /*联系*/
    .contact{margin:20px auto;padding:0 1%;width:100%;}
    .contact .left{width:100%;height: 300px;margin-top: 20px;}
    .contact .left img{width: 100%;}
    .contact .right{padding:0 20px;padding-bottom:20px;width:100%;height:auto;}

    /*媒体资讯*/
    .news{padding-bottom:20px;}
    .news h2{margin-top:20px;font-size:24px;}
    .news h3{margin-top:16px;margin-bottom:16px;}
    .news ul.type{margin:20px auto 0;width:100%;text-align:center;}
    .news ul.type li{margin:0 10px;padding:10px 10px;font-size:15px;display: inline-block;float: none;}
    .news .hot{margin-top:20px;padding:16px 0;}
    .news .hot .hotnews{padding:0 2%;width:100%;}
    .news .hot .hotnews .pic{margin-right:auto;width:100%;height:auto;}
    .news .hot .hotnews .pic img{width:100%;height:100%;height:auto;}
    .news .hot .hotnews .time{display:none;}
    .news .hot .hotnews .detail{margin-top:16px;width:100%;}
    .news .hot .hotnews .detail h2{width:100%;font-size:18px;}
    .news ul.list{margin:0 auto 20px;padding:0 2%;width:100%;}
    .news ul.list li{margin:20px 0 0;width:100%;}
    .news ul.list li .time{width:80px;height:80px;}
    .news ul.list li .time .day{font-size:20px;}
    .news ul.list li .detail{width:calc(100% - 90px);}
    .news ul.list li .detail h2{width:100%;font-size:18px;}

    /*资讯内容*/
    .article{width:100%;}
    .article .left{margin-top:20px;margin-bottom:20px;padding:0 2%;width:100%;}
    .article .left h1{font-size:20px;}
    .article .left .info{font-size:12px;}
    .article .left .detail p{font-size:14px;line-height:28px;}
    .article .right .service ul{margin-top:20px;width:auto;}
    .article .right .service ul li{width: 100%;}

}



/*微信弹窗*/
#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 15px;height:40px;border-radius:5px;background-color:rgba(0,0,0,.8);color:#fff;text-align:center;font-size:14px;line-height:40px;}
.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:300px;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;}