/*自定义*/
.copyokwenzi {
 
    line-height: 24px;
    font-size: 18px;
    margin: 0 0 10px 0;
    font-weight: 888;
}
.wgntanchuang{
    display: inline-block;
    color: #fff !important;
    font-size: 18px;
    background-color: #1aad19;
    padding: 0 25px;
    border-radius: 5px;
    cursor: pointer;
}
#wgntanchuangdiv{    line-height: 39px;
    height: 65px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    font-size: 16px;
    cursor: pointer;}

/* 定义空白高度 */
.wechat-dra-blank{height:60px;overflow:hidden;clear:both;}
/**PC版-微信二维码**/
.add-qrcode{position:fixed;z-index:999;max-width:150px;overflow:hidden;background:#fff;padding:20px;text-align:center;border:1px solid #ebebeb;box-shadow: 0 1px 5px 0 rgba(0,0,0,.05);}
.addleft{right:50%;}
.addright{left:50%;}
.add-qrcode img{min-width:80px;max-width:100%;height:auto;text-align: center;}
.add-qrcode p {line-height:150%;margin:10px 0 0 0!important;color:#555555;}
/**手机版-添加微信按钮**/
.btn-add #close_add{color:#cc3333;}
.add-abox{background:#ffffff;border:1px solid #ebebeb;box-shadow: 0 1px 5px 0 rgba(0,0,0,.05);}
.add-abox div{margin-bottom:0!important;}
.wechat-dra {overflow: hidden;box-sizing: border-box;}
.wechat-dra a{text-decoration: none!important;}
.add-fixed-top , .add-fixed-bot{position: fixed;left:0;right:0;height:60px;z-index:999;background: #ffffff;box-shadow: 0 -3px 5px 0 rgba(0,0,0,.05);}
.add-fixed-top {top:0;}
.add-fixed-bot {bottom:0;}
.wechat-dra ul{list-style-type: none;padding:0!important;margin:0!important;}
.wechat-dra ul li{float: left;width:100%;color:#fff;height:60px;box-sizing: border-box;}
.wechat-dra ul.w50 li{width:50%;}
.wechat-dra ul li.wechat-tel{background: #f1581b;}
.wechat-dra ul li.wechat-wechat{background: #13a566;}
.wechat-dra .add-text{width:50%;float: left;font-size: 0;padding:10px 0 10px 50px;}
.wechat-dra .add-text div{line-height:40px;font-size:16px;font-weight: bold;  display: inline-block;margin:0 10px 0 0;}
.wechat-dra .add-text span{ line-height: 40px; font-size: 16px;display: inline-block;}
.wechat-dra .add , .wechat-dra .tel { float: right;  padding:0 20px;  border-radius: 20px;font-size: 16px;line-height: 36px; cursor:pointer;margin: 12px 50px 0 0;}
.wechat-dra .add i, .wechat-dra .tel i{  height:16px; margin:0 3px 0 0;position: relative;top:0.1rem;display: inline-block;}
.wechat-dra ul li .tel{background:#fff;color:#f1581b;text-decoration: none;}
.wechat-dra ul li .add{background:#fff;color:#13a566;}
.wechat-dra ul li .add i:before , .wechat-dra ul li .tel i:before { content: "";  background-size: 16px 16px;background-repeat: no-repeat;width:16px;height:16px;display: inline-block;}
.wechat-dra ul li .add i:before{ background-image: url(../img/wechat-2.png); background-size: 18px 16px;width:18px;}
.wechat-dra ul li .tel i:before{ background-image: url(../img/tel-2.png);} 
.wechat-dra ul.w100 li .add-text{background: #333;color:#f4e41c;text-align: center;width:80%;padding:10px 0;}
.wechat-dra ul.w100 li .add , .wechat-dra ul.w100 li .tel { float: none; display: block; padding:0;  border-radius: 0;font-size: 16px;line-height: 60px; cursor:pointer;margin: 0;text-align: center;}
.wechat-dra ul.w100 li .tel{background:#f1581b;color:#fff;text-decoration: none;}
.wechat-dra ul.w100 li .add{background:#ef9714;color:#fff;}
.wechat-dra ul.w100 li .add i:before{ background-image: url(../img/wechat.png);}
.wechat-dra ul.w100 li .tel i:before{ background-image: url(../img/tel.png);} 
.wechat-dra-upbg{background:rgb(0 0 0 / 70%);position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index: 10000;
    display: none;
}
.wechat-dra-up{background:#ffffff;position:fixed;top:35%;left:50%;overflow: hidden;height:auto;width:300px;margin-left:-150px;margin-top:-200px;box-shadow: 0 1px 5px 0 rgba(0,0,0,.05);  }
.wechat-dra-up .text-add{padding:20px; text-align: center;height:auto;overflow: hidden;box-sizing: border-box;}
.wechat-dra-up .text-add .copyok{height: 50px;margin:0 0 10px 0;font-weight: normal;}
.wechat-dra-up .text-add .copyok:before{  background-image: url(../img/ok.png);  background-size: 50px 50px;
    background-repeat: no-repeat;content: ""; width:50px;height:50px;display: inline-block;}
.wechat-dra-up .text-add p{font-size:13px;line-height: 18px;color:#999;margin:0!important}
.wechat-dra-up .h20{height:20px;overflow: hidden;clear: both;}
.wechat-dra-up .qrcode{padding:0 50px 20px 50px;position: relative;text-align: center;}
.wechat-dra-up .qrcode img{width:100%;height:auto;max-width: 100%;}
.wechat-dra-up .qrcode span{display:inline-block;line-height: 150%;text-align: center;font-size: 16px; font-weight: bold;}
.wechat-dra-up .qrcode span.qr-top{margin:0 0 10px 0;}
.wechat-dra-up .qrcode span.qr-bottom{margin:10px 0 0 0;}
.wechat-dra-up .qrcode span.qr-right{position:absolute;right:20px;top:20px;
    writing-mode: tb-rl;
    text-align: center;
    height: 220px; /* 为了让文字垂直居中，需要设置与容器相同的高度，并设置 line-height 为 100% */
    line-height: 100%;
    display: inline-block; /* 让容器自适应文字长度 */
}
.wechat-dra-up .qrcode span.qr-left{position:absolute;left:20px;top:20px;
    writing-mode: tb-rl;
    text-align: center;
    height: 220px; /* 为了让文字垂直居中，需要设置与容器相同的高度，并设置 line-height 为 100% */
    line-height: 100%;
    display: inline-block; /* 让容器自适应文字长度 */
}
.wechat-dra-up .qrcode-tips{line-height: 150%;padding:0 20px 20px 20px;font-size: 14px;text-align: center!important;}
/* 知道了 */
.btn-add{height:50px;overflow: hidden;}
.btn-add div {line-height: 50px; height:50px;width:100%;text-align: center;box-sizing: border-box;font-size:16px;cursor:pointer;}
.btn-add div a {display: inline-block;line-height: 38px;color: #fff !important;font-size: 18px;background-color: #1aad19;padding: 0 25px;border-radius: 5px;cursor: pointer;}
/* 提示 */
.awaddtips{position:fixed;z-index:998;width:100%;left:0;right:0;bottom:0;padding:0 20px;height:30px;line-height:30px;font-size:14px;color:#ffffff;background:rgb(20 115 20 / 0.5);}
.awaddtips * {position:absolute;color:#fff}
.awaddtips p { margin:0!important;line-height: 30px;}
.awaddtips p:before { content: ""; background-image: url(../img/gg.png);  background-size: 14px 14px;background-repeat: no-repeat;width:14px;height:14px;display: inline-block;margin:0 5px 0 0;}
/* 文章页综合展示 */
.wechat-dra-post{overflow: hidden;clear: both;border: 5px solid;
    border-image: linear-gradient(to right, #ef9714, #ffbc40) 1;padding:0;margin:20px 0!important;}
.wechat-dra-post ul{list-style-type: none;padding: 0!important;;margin:0!important;}
.wechat-dra-post ul li{float: left;width:100%;padding:15px;text-align: center;box-sizing: border-box!important;}
.wechat-dra-post ul li::before , .wechat-dra-post ul li::after{font-size: 0;display: none;}
.wechat-dra-post ul.w50 li{width:50%;}
.wechat-dra-post ul.w33 li{width:33.3333%;}
/* .wechat-dra-post ul li .qrcode{} */
.wechat-dra-post ul li .qrcode img{width:80px;height:80px;margin:0!important;display: initial;}
.wechat-dra-post ul li .qrcode p{padding:0!important;margin:10px 0 0 0!important;line-height: 150%;font-size: 12px;text-indent:0!important;}
.wechat-dra-post ul li .add-text p , .wechat-dra-post ul li .add-text div{text-align: center!important;padding:0;line-height: 150%;text-indent:0!important;}
.wechat-dra-post ul li .add-text div {font-size: 16px;font-weight: bold;margin:10px 0;}
.wechat-dra-post ul li .add-text p {font-size: 14px;margin:0!important;}
.wechat-dra-post ul li .add , .wechat-dra-post ul li .tel {padding:0 20px;border-radius: 20px;font-size: 16px;   line-height: 36px; cursor:pointer;display: inline-block;margin:10px 0 0 0;}
.wechat-dra-post ul li .add i, .wechat-dra-post ul li .tel i{margin:0 5px 0 0;height:14px;  position: relative; top:0.1rem}
.wechat-dra-post ul li .add i::before , .wechat-dra-post ul li .tel i::before{content: "";  background-size: 14px 14px;background-repeat: no-repeat;width:14px;height:14px;display: inline-block;}
.wechat-dra-post ul li .add i::before{ background-image: url(../img/wechat.png); background-size: 15px 14px;width:15px;height:14px;}
.wechat-dra-post ul li .tel i::before{ background-image: url(../img/tel.png); }
.wechat-dra-post ul li .tel{background:#f1581b;color:#fff;text-decoration: none;} 
.wechat-dra-post ul li .add{background:#ef9714;color:#fff;}
/* 客服代码含动画效果 */
@keyframes scaleToggleOne{0%{transform:scale(1);-webkit-transform:scale(1)}
50%{transform:scale(2);-webkit-transform:scale(2)}
100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes scaleToggleTwo{0%{transform:scale(1);-webkit-transform:scale(1)}
20%{transform:scale(1);-webkit-transform:scale(1)}
60%{transform:scale(2);-webkit-transform:scale(2)}
100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes scaleToggleThree{0%{transform:scale(1);-webkit-transform:scale(1)}
33%{transform:scale(1);-webkit-transform:scale(1)}
66%{transform:scale(2);-webkit-transform:scale(2)}
100%{transform:scale(1);-webkit-transform:scale(1)}
}
.wechatdra-animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.wechatdra-livechat-girl{width:60px;height:60px;border-radius:50%;position:fixed;bottom:0;right:40px;opacity:0;-webkit-box-shadow:0 5px 10px 0 rgba(35,50,56,.3);box-shadow:0 5px 10px 0 rgba(35,50,56,.3);z-index:700;transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);cursor:pointer;-webkit-transition:all 1s cubic-bezier(.86,0,.07,1);transition:all 1s cubic-bezier(.86,0,.07,1);-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.wechatdra-livechat-girl.wechatdra-animated{opacity:1;transform:translateY(-40px);-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px)}
.wechatdra-livechat-girl:after{content:'';width:12px;height:12px;border-radius:50%;position:absolute;right:1px;top:1px;z-index:50}
.wechatdra-livechat-girl .girl{position:absolute;top:0;left:0;width:100%;height:auto;z-index:50}
.wechatdra-livechat-girl .wechatdra-animated-circles .circle{background:rgba(242 152 19 / 29%);width:60px;height:60px;border-radius:50%;position:absolute;z-index:49;transform:scale(1);-webkit-transform:scale(1)}
.wechatdra-livechat-girl .wechatdra-animated-circles.wechatdra-animated .c-1{animation:2s scaleToggleOne cubic-bezier(.25,.46,.45,.94) forwards}
.wechatdra-livechat-girl .wechatdra-animated-circles.wechatdra-animated .c-2{animation:2.5s scaleToggleTwo cubic-bezier(.25,.46,.45,.94) forwards}
.wechatdra-livechat-girl .wechatdra-animated-circles.wechatdra-animated .c-3{animation:3s scaleToggleThree cubic-bezier(.25,.46,.45,.94) forwards}
.wechatdra-livechat-girl.wechatdra-animated a{opacity:1;text-decoration: none;}
.wechatdra-livechat-girl .wechatdra-livechat-hint{position:absolute;right:40px;top:50%;margin-top:-20px;margin-left:-20px;opacity:0;z-index:0;-webkit-transition:all .3s cubic-bezier(.86,0,.07,1);transition:all .3s cubic-bezier(.86,0,.07,1);background:linear-gradient(to right,#f6bc68 0,#f29813 100%);-webkit-box-shadow:rgba(0,27,71,.12) 0 0 32px 0;box-shadow:rgba(0,27,71,.12) 0 0 32px 0}
.wechatdra-livechat-girl .wechatdra-livechat-hint.show_hint{-webkit-transform:translateX(-40px);transform:translateX(-40px);opacity:1}
.wechatdra-livechat-girl .wechatdra-livechat-hint.hide_hint{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}
@media only screen and (max-width:1124px){.wechatdra-livechat-girl .rd-notice-tooltip{max-width:600px!important}
}
.rd-notice-tooltip{-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);box-shadow:0 2px 2px rgba(0,0,0,.2);font-size:14px;border-radius:3px;line-height:1.25;position:absolute;z-index:65;max-width:350px;opacity:1}
.rd-notice-tooltip:after{position:absolute;display:block;content:'';height:20px;width:20px;right:-6px;top:50%;margin-top:-10px;background:linear-gradient(to right,#f29813 0,#f29813 100%);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;z-index:50}
.rd-notice-tooltip .rd-notice-content{background:0;border-radius:3px;width:auto;color:#fff;position:relative;z-index:60;padding:10px 20px;font-weight:400;line-height:1.45;white-space:nowrap;background:linear-gradient(to right,#f6bc68 0,#f29813 100%);text-decoration:none}
@media screen and (max-width:720px){
.wechat-dra .add-text div{line-height:22px;font-size:13px; display: block;margin:0;}
.wechat-dra .add-text span{ line-height: 18px; font-size: 11px;}
.wechat-dra ul li {padding:0 10px;}
.wechat-dra ul.w100 li {padding:0;}
.wechat-dra ul li .add-text{padding:10px 0;}
.wechat-dra ul.w100 li .add-text{width:55%;padding:10px 0;}
.wechat-dra .add , .wechat-dra .tel {float:right; padding:0;border-radius: 0;font-size: 14px;line-height: 60px; cursor:pointer;margin: 0;}
.wechat-dra .add i, .wechat-dra .tel i{height: 14px;}
.wechat-dra ul li .tel{background:#f1581b;color:#fff;}
.wechat-dra ul li .add{background:#13a566;color:#fff;}
.wechat-dra ul li .add i:before , .wechat-dra ul li .tel i:before {  background-size: 14px 14px;width:14px;height:14px;}
.wechat-dra ul li .add i:before{ background-image: url(../img/wechat-2.png); }

.wechat-dra ul li .add i:before{ background-image: url(../img/wechat.png);background-size: 15px 14px;width:15px;}
.wechat-dra ul li .tel i:before{ background-image: url(../img/tel.png);} 
.wechat-dra-post ul li{padding:15px 5px;}
.wechat-dra-post ul li div.wxicon, .wechat-dra-post ul li div.telicon{font-size: 14px;}
.wechat-dra-post p{font-size: 12px;}
.wechat-dra-post ul li .add, .wechat-dra-post ul li .tel { padding: 0 35px;border-radius: 80;font-size: 16px;line-height: 24px;background: transparent;}
.wechat-dra-post ul li .tel{color:#f1581b;}
.wechat-dra-post ul li .add{background: #ef9714;color: #fff;}
}