html{font-size:62.5%}
*{margin:0;padding:0}
body{color:#333;background-color:#fff;font-size:1.4rem;padding-bottom: 5rem;}
li{list-style:none}
h3{font-weight:400;color: #333;margin:0;font-size:1.6rem;}
h4{font-weight:400;color: #666;margin: 0;font-size: 1.4rem;}
h5{color: #999;margin:0;}
p{margin:0;font-size:1.2rem;}
i{font-style:normal}
a{color:#333;text-decoration:none}
.xiala{float:right;font-size:2rem;color:#999;margin-right:1rem}
.divide{width:100%;height:1rem;background:#F0EFF4}
.pr-bg{background-color:#DD2B2B!important}
.pr{color:#DD2B2B!important}
.pr-bor{border-bottom-color:#DD2B2B!important}
.aid-bg{background-color:#D79C48!important}
.aid{color:#D79C48!important}
.pr-bd{border:1px solid #DD2B2B;background-color:#fff;border-radius:.3rem}
.mui-bar .mui-title{font-size:1.4rem}
.mui-content{background-color:transparent}
/**通用样式**/
.c1{color: #333;}.c2{color: #666;}.c3{color: #999;}.c4{color: #fff;}.c5{background-color: #fff;}.c6{color: #ededed;}.c7{color: #259B24;}.c8{background-color: #c1c1c1;}.c9{color: #363636;}.c10{color: #259B24;}
.bor{border: 0.1rem solid;}.rad{border-radius:0.3rem;}.lef{float: left;}.rig{float: right;}.cen{text-align: center;}.inb{display: inline-block}.bold{font-weight: bold;}
.cir{border-radius: 50%;}.down{border-bottom: 0.1rem solid #ededed}.block{display: block}
.px11{font-size: 1.1rem;}.px12{font-size: 1.2rem;}.px13{font-size: 1.3rem;}.px14{font-size: 1.4rem;}.px16{font-size: 1.6rem;}.px18{font-size: 1.8rem;}.px22{font-size: 2.2rem;}.px24{font-size: 2.4rem;}
.pr{color: #DD2B2B;}.pr-bg{background-color: #DD2B2B;}.aid{color: #D79C48;}.aid-bg{background-color: #D79C48;}
.cut{margin-bottom: 1rem;}.over{overflow: auto;}
[check="plugin"]{display: none}
.mui-tips{padding: 10px 15px;color: #bbb;font-size: 1.2rem;}
/*去除input自带背景*/
input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset;}

/* 自定义radio */
[data-toggle="radio"]{display:inline-block;margin-right:1rem}
[data-toggle="radio"] .radio_img{float:left;width: 1.7rem;height: 1.7rem;margin-right:0.75rem}
[data-toggle="radio"] .radio_text{float:left;height:1.7rem;line-height:1.7rem}
[data-toggle="radio"] .radio_input{display: none !important;}

/* 头部 */
header .item{font-size:1.4rem;line-height:5rem!important;margin-left:.5rem}
.mui-bar-nav~.mui-content .back{position: fixed;z-index: 999;left: 0;top: 9rem;width: 6rem;height: 3rem;border-radius: 0 2rem 2rem 0;box-shadow: 0 0 0.3rem 0 #C7C7C7;background: #FFFFFF;}
.mui-bar-nav~.mui-content .back .icon{width: 2rem;border-radius: 100%;margin: 0.5rem;float: left;}
.mui-bar-nav~.mui-content .back .text{width: 3rem;border-radius: 100%;line-height: 3.2rem;display: inline-block;font-size: 1.2rem;float: left;}
.mui-bar-nav p{float:right;line-height:4.4rem;color:#333;margin-right:.5rem;font-size:1.2rem}

/* 底部导航 */
.nav{position:fixed;width:100%;height:4.9rem;bottom:0;border-top:.1rem solid #ededed;background:#fff;z-index:999;display:flex}
.nav li{float:left;width:20%;text-align:center;position:relative;flex:1;color:#333}
.nav li .mobile-icon{height:2.8rem;text-align: center;line-height:2.8rem}
.nav li .mobile-icon i{font-size:2rem;}
.nav li p{line-height:1.5rem;color:#333}
.nav li.active .mobile-icon{color:#578fe4}
.nav li.active p{color:#578fe4}

/* 暂无数据的样式 */
.D-none{text-align:center;position:absolute;bottom:35%;width:100%}
.D-none.adjust{bottom:23%}
.D-none .nothing{text-align:center;line-height:4.5rem;background:inherit;font-size:1.4rem}
.D-none .pic{width:45%}
.D-none .button{display:inline-block;padding:.8rem 1.5rem .4rem;border:.1rem solid #dbdbdb;color:#666;border-radius:.3rem}

/**登录**/
.login{width:100%;background:#fff}
.login .title_box{width:80%;border-top:#ccc dashed .1rem;position:absolute;top:9.2rem;left:10%}
.login .title{width:10rem;text-align:center;font-size:1.8rem;line-height:5rem;margin:2.8rem auto 1rem;background:#fff;position:relative;color:#333}
.login .mui-input-group{background:#fff!important}
.login .mui-input-group:after{height:0}
.login .mui-input-group .mui-input-row{height:4.5rem}
.login .mui-input-group .mui-input-row input{background:#fff!important;font-size:1.4rem;color:#333;height:4.5rem;line-height:4.5rem}
.mui-input-row .input{background:#fff!important;font-size:1.4rem;color:#333;padding:10px 15px}
.login .mui-input-group .mui-input-row input::-webkit-input-placeholder{color:#adadad}
.login .mui-input-group .mui-button-row .mui-btn{width:91.5%;height:5rem;line-height:5.2rem;background:#4190eb;border-color:#4190eb;font-size:1.5rem;padding:0;border-radius:50rem;margin-top:3rem}
.login_wj{position:fixed;right:39%;bottom:.2rem;font-size:1.3rem;color:#999;padding:.8rem 1.5rem}
.login .mui-input-group .quickly{font-size:1.4rem;color:#333;text-align:right;margin:1.5rem;font-weight:400}
.login .mui-input-group .third{margin-top:10rem;position:relative}
.login .mui-input-group .third .title_box{width:50%;left:25%;top:12%}
.login .mui-input-group .third .title{font-size:1.2rem;color:#333;line-height:1.4rem;width:9rem}
.login .mui-input-group .third .box{width:4rem;margin:1rem auto;overflow:auto}
.login .mui-input-group .third .box img{width:1.4rem;text-align:center}
.login .mui-input-group .third .box img.qq{float:left}
.login .mui-input-group .third .box img.weixin{float:right}
.login .mui-input-group .third .forget{text-align:center}

/**注册**/
.register .mui-input-group .mui-button-row .mui-btn{margin-top:3.7rem}
.mui-input-group .mui-button-row{position:relative}
.mui-input-group .get_code{position:absolute;right:1.5rem;top:1.3rem;color:#689fdd;font-size:1.4rem}
.mui-input-group .code{width:40%}
.apply-head{text-align:center;padding:5rem 0;font-size:1.8rem}
.apply-copright{text-align:center;color:#666;display:block;position:fixed;width:100%;bottom:2rem}

/* 首页 */
.index-nav{position:fixed;width:100%;height:5rem;background-color:#fff;border-bottom:.1rem solid #f5f5f5}
.index-nav .logo{height:3.5rem;margin:.8rem 0 0 1rem}
.index-nav .tx{width:3.8rem;height:3.8rem;border-radius:50%;float:right;margin:.6rem 1rem 0 0}
.Banner{width:100%;background-size:100%;overflow:hidden;margin-bottom:-.5rem;padding-top:5rem}
.Banner img{width:100%}
.index-p1 li{text-align:center;padding:0 1.5rem 3rem}
.index-p1 li .title{display:inline-block;font-size:2rem;padding-top:4rem;line-height:.8rem}
.index-p1 li i{display:block;width:5rem;margin:-1rem auto 3rem;border-bottom:1.2rem solid #4190eb}
.index-p1 li img{width:100%}
.index-p1 li .box{text-align:left;margin-top:2.8rem}
.index-p1 li .box h3{color:#666;font-size:1.7rem;margin-bottom:.5rem}
.index-p1 li .box h5{font-size:1.3rem}
.bottom-nav{height:5rem;position:fixed;bottom:0;width:100%;border-top:.1rem solid #f5f5f5}
.bottom-nav a{font-size:1.6rem;width:50%;height:inherit;line-height:5rem;text-align:center;display:inline-block;float:left}
.bottom-nav .chat{background-color:#fff;color:#666}
.bottom-nav .open{background-color:#4190eb;color:#fff}

/*************** 精品商城 *****************/
.index-p2{height:50rem;text-align: center;}
.index-p2 h2{margin: 3rem 0;}
.index-p2 .ipone{position: relative;overflow: hidden;margin-left: 1.5rem;}
.index-p2 .ipone .mx{width:21rem;}
.index-p2 .ipone .sj{width: 18.3rem;height: 39.5rem;overflow: hidden;position: absolute;top: 1.5rem;left: 1.7rem;z-index: -1;}
.index-p2 .ipone .sj img{width: inherit;transition: all 15s;}
.index-p2 .box{margin-top: 8rem;}
.index-p2 .box .box1{margin-right: 1rem;}
.index-p2 .box img{width:12rem;}
.index-p2 .box .box1{float: right;text-align: center;margin-right: 2rem;margin-top: 7rem;}
.index-p2 .box .domo_btn{width: 10rem;border: 1px solid #578fe4;color: #578fe4;display: block;clear: both;padding: 0.5rem;margin-bottom: 1rem;border-radius: 0.4rem;}

/* 会员中心 */
.userBox{margin-bottom:1rem;padding:1.5rem;background-color:#fff}
.userBox .userBar{width:100%;display:inline-block}
.userBox .userBar img{float:left;width:4rem;height:4rem;margin-right:1rem;border-radius:2rem}
.userBox .userBar h3{float:left;line-height:4rem}
.userBox .totalBar{display:flex;width:100%;margin-top:1.5rem}
.userBox .totalBar li{flex:1;text-align:center}
.userBox .totalBar li strong{font-size:1.8rem}
.userBox .totalBar li p{margin-top:.5rem}
.center-p1{overflow:auto}
.center-p1 li{width:100%;min-height:10rem;position:relative;background-color:#fff;margin-top:1rem}
.center-p1 li .head{width:7rem;height:7rem;border-radius:50%;float:left;margin:1.5rem}
.center-p1 li .box{float:left;margin-top:3.2rem}
.center-p1 li .box p{float:left;margin:.2rem 1.5rem 0 0}
.center-p1 li .tip{position:absolute;top:0;right:0;width:5.5rem}
.center-p1 li .bottom{padding:0 1.5rem;width:100%;height:3.5rem;overflow:auto;border-top:.1rem solid #ededed}
.center-p1 li .bottom h5{float:left;line-height:3.6rem;font-size:1.2rem}
.center-p1 li .bottom h4{display:inline-block;padding:.6rem 1.5rem .4rem;border:.1rem solid #dd2b2b;color:#dd2b2b;border-radius:.3rem;float:right;font-size:1.3rem;margin-top:.5rem}
.center-open{display:block;margin:2rem auto;bottom:1rem;left:1.5rem;width:34.5rem;height:4.5rem;border-radius:.3rem;background-color:#4190eb;color:#fff;font-size:1.6rem;line-height:4.5rem;text-align:center}

/* 资讯文章 */
.articleBar{width:100%;height: 4rem;position: fixed;line-height:4rem;background-color:#cbdff5;box-shadow: 0 0 1rem #ccc;}
.articleBar .barCont{padding:0 2rem}
.articlebtn{float: right;background-color:#4190eb;color:#fff;padding: 0 1rem;border-radius: 1rem;height: 3rem;line-height: 3rem;margin-top: 0.5rem;}
.articleDetail{padding: 0 1.5rem;}
.articleDetail .title{line-height:3rem; font-size:2.1rem;color:#333;padding-top: 2rem;margin-bottom: 1rem; font-weight: bold;}
.articleDetail .content{text-indent:0;line-height: 2.8rem;font-size:1.4rem;color: #000; overflow-x: hidden;}
.articleDetail .content img{max-width:100%; height: auto;}
.articleDetail .content video{max-width:100%; height: auto;}
.articleDetail p{color:#000;font-size:1.4rem;margin:2rem 0;overflow-x: hidden;}
.articleDetail h1,h2{font-weight:bold; font-size: 1.6rem;}
.articleBottom{position: fixed;bottom: 0;left: 0;width: 100%;height: 4.5rem;line-height: 4.7rem;font-size: 1.6rem;}
.articleBottom .storebtn{float:left; background-color: #4190EB;width: 60%;text-align: center;}
.articleBottom .storebtn a{width:100%; display: inline-block;color: #fff;}
.articleBottom .chatbtn{float:left; background-color: #CBDFF5;width: 40%;display: inline-block;text-align: center;}
.articleBottom .chatbtn a{width:100%; display: inline-block;color: #4190EB;}
.articleBottom .cbtn{}
/* 开通流程 */
.templateWrap{width:100%;overflow-x:scroll}
.template{display:inline-block;width:140%}
.template li{float:left;margin:1rem;width:15rem;height:30rem;overflow:hidden;text-align:center}
.template .active img{border:2px dashed #fe903b}
.template li img{width:14.9rem;height:25rem;border:2px solid #eaeaea;cursor:pointer}
.template li h3{margin-top:1rem;font-size:1.4rem}
.template li h4{color:#999;margin-top:.5rem;overflow:hidden;height:1.6rem;line-height:1.6rem}
.prev_btn{display:inline-block;margin-top:1rem}

/* 商城类型选择 */
.storeWrap{position:relative}
.storeWrap ul{display:inline-block;border-top:1px solid #eee}
.storeWrap ul li{float:left;border-bottom:1px solid #eee;display:inline-block;width:100%;padding:1rem 2rem}
.storeWrap ul li .store-icon{width:5rem;float:left}
.storeWrap ul li .store-title{width:20rem;float:left;margin-left:1rem}
.storeWrap ul li .store-title strong{width:100%;display:inline-block;font-weight:400;font-size:1.6rem;margin-top:.5rem}
.storeWrap ul li .store-title p{font-size:1.4rem}
.storeWrap ul li .store-arrow{float:right;margin-top:1.4rem}
.storeWrap ul li .store-arrow i{font-size:2.2rem;color:#999}
.storeWrap ul li .store-tip{float:right;line-height:5rem;font-size:1.2rem;color:#999}
/*.versionWrap .versionBoxV2{text-align:center}*/
/*.versionWrap .versionBoxV2 li{position:relative;display:inline-block;width: 17.2rem;height: 50.2rem;text-align:center;border-radius: 1rem;box-shadow:0 0.3rem 1rem #c6c6c6;margin-left: 1rem;vertical-align:top;border:1px solid transparent;cursor:pointer;color:#101010;}*/
/*.versionWrap .versionBoxV2 li:first-child{margin-left:0}*/
/*.versionWrap .versionBoxV2 li .box-top{border-radius: 1rem 1rem 0 0;height: 10rem;background-color:#f5f5f5;}*/
/*.versionWrap .versionBoxV2 li .box-top h4{color:inherit;font-size: 2rem;padding-top:2rem;margin-bottom:0.8rem;}*/
/*.versionWrap .versionBoxV2 li .box-top p{color:inherit;font-size: 1.4rem;padding: 0 1rem;}*/
/*.versionWrap .versionBoxV2 li .box-bottom{padding: 2rem 1rem 0;font-size: 1.4rem;}*/
/*.versionWrap .versionBoxV2 li .box-bottom dl dt{display:inline-block;width:100%;margin: 0.6rem 0;}*/
/*.versionWrap .versionBoxV2 li .box-bottom dl dt label{float:left}*/
/*.versionWrap .versionBoxV2 li .box-bottom dl dt span{float:right}*/
/*.versionWrap .versionBoxV2 li.active{border-color:#1e88ff;box-shadow:0 0.2rem 1rem #1e88ff}*/
/*.versionWrap .versionBoxV2 li .selected{display:none;position:absolute;right: 0;bottom: 0;background:linear-gradient(135deg,transparent 50%,#1e88ff 0);background-size: 3rem 3rem;border-bottom-right-radius: 1rem;width: 3rem;height: 3rem;}*/
/*.versionWrap .versionBoxV2 li.active .selected{display:inline-block}*/
/*.versionWrap .versionBoxV2 li.company .box-top{color:#fff;background-color:#1e88ff}*/
/*.versionWrap .versionBoxV2 li.private .box-top{color:#fff;background-color:#333}*/
/*.versionWrap .versionBoxV2 li.economy .box-top{color:#fff;background-color:#4dd0e1}*/
/*.versionWrap .versionBoxV2 li .price{font-size:3.2rem;margin-top:1rem;display:inline-block;color:#1E88FF}*/
/*.versionWrap .versionBoxV2 li.free .price{font-size:2.8rem;color:#999}*/
/*.versionWrap .versionBoxV2 li .price em{font-style:normal;font-size:1.6rem}*/
/*.versionWrap .peizhiTable{margin: 2rem;}*/
/*.versionWrap .peizhiTable li{margin-bottom: 3rem;}*/
/*.versionWrap .peizhiTable li h3{font-size: 1.8rem;color: #101010;font-weight: bold;}*/
/*.versionWrap .peizhiTable li p{color: #101010;margin-top: 1rem;font-size: 1.4rem;}*/
/*新版本介绍start*/
.versionWrap{margin:0 auto 5rem; overflow: hidden;}
.versionWrap .titleBar{text-align: center;}
.versionWrap .titleBar .icon{font-size: 5.6rem;display: inline-block;width: 8rem;height: 8rem;text-align: center;line-height: 8rem;color: #FFFFFF;font-weight: bold;border-radius: 100%;background: #DD2B2B;margin-bottom: 2rem;}
.versionWrap .titleBar h3{color:#000;font-weight: bold;font-size:4rem}
.versionWrap .titleBar .title{color:#333;font-weight: bold;font-size:2.6rem}
.versionWrap .titleBar p{font-size:1.6rem;color:#DD2B2B;margin-top:1.8rem}
.versionWrap .titleBar .tips{color:#DD2B2B;background: #FFE6E6;line-height: 3.5rem;padding: 0 1.5rem;border-radius: 1.8rem;display: inline-block;}
.versionWrap .versionBox{text-align: center;margin:1rem 0 0 1rem;}
.versionWrap .versionBox .verItem{position:relative;width:30rem;padding:0 2.5rem;display: inline-block;vertical-align: top;border:0.1rem solid #DBDBDB;margin:4rem 0.8rem 1rem;border-radius:0 0 1rem 1rem;border-top:0;}
.versionWrap .versionBox .verItem .tip{position:absolute;font-size:1.6rem;left:-0.1rem;top:-1.2rem;right:-0.1rem;height:1.2rem;background-color:#C0CDE4;border-radius:1rem 1rem 0 0;color:#fff}
.versionWrap .versionBox .verItem .trapezoid{border-bottom: 3rem solid #FE7348;border-left: 3rem solid transparent;border-right: 3rem solid transparent;height: 0;width: 9rem;transform: rotateZ(-45deg);transform-origin: 2.7rem 7.8rem;font-size: 1.3rem;color: #FFFFFF;text-align: center;line-height: 3rem;position: absolute;}
.versionWrap .versionBox .verItem .trapezoid.current{border-bottom: 3rem solid #C1C1C1;}
.versionWrap .versionBox .verItem .top{text-align: center;border-bottom: 0.1rem solid #DBDBDB}
.versionWrap .versionBox .verItem.standard .tip{background-color:#2878FF;}
.versionWrap .versionBox .verItem.wxapp .tip{background-color:#F1AA2E;height:4rem;top:-4rem;line-height: 4rem}
.versionWrap .versionBox .verItem.company .tip{background-color: #54507C}
.versionWrap .versionBox .verItem .top h4{color:#000;font-size:3rem;margin-top:2rem;line-height: 3rem;}
.versionWrap .versionBox .verItem .top .icon{width: 2.2rem;}
.versionWrap .versionBox .verItem .top p{color:#333;font-size:1.6rem;margin:1.5rem 0}
.versionWrap .versionBox .verItem .middle{}
.versionWrap .versionBox .verItem .middle li{margin-top:1rem;color:#333;font-size:1.4rem;text-align: left}
.versionWrap .versionBox .verItem .middle li label{}
.versionWrap .versionBox .verItem .middle li label em{color:red}
.versionWrap .versionBox .verItem .middle li span{float:right;position: relative;}
.versionWrap .versionBox .verItem .middle li span.yl{color:#D79C48}
.versionWrap .versionBox .verItem .middle li span p{color:#999;display: inline-block;font-size: 1.6rem;}
.versionWrap .versionBox .verItem .middle li span .layui-icon{font-size: 2rem;font-weight: bold;display: inline-block;line-height: 2rem;position: absolute;left: -2rem;top: 0.2rem;}
.versionWrap .versionBox .verItem .bottom{margin:2rem 0 1rem;text-align: center}
.versionWrap .versionBox .verItem .bottom .price{font-size:1.6rem;color:#333;margin-bottom:1rem}
.versionWrap .versionBox .verItem .bottom .price em{font-size:4rem;font-style: normal;}
.versionWrap .versionBox .verItem .bottom p{color:#666;font-size:1.4rem;height:2.4rem;line-height: 2.4rem;margin-bottom:1rem;}
.versionWrap .versionBox .verItem .bottom .buy_btn{display: inline-block;border:0.1rem solid #2878FF;background-color:#2878FF;color:#fff;font-size:1.6rem;border-radius: 0.5rem;text-align: center;width:16.5rem;height:4rem;line-height: 4rem;margin-bottom:4.5rem;cursor: pointer}
.versionWrap .versionBox .verItem .bottom .btn_white{color:#2878FF;background-color:#fff }
.versionWrap .tutorial{width: 90rem;margin: 5rem auto;}
.versionWrap .tutorial .video_box{width: 100%;}
.versionWrap .tutorial .video_box video{}
.versionWrap .tutorial .title{font-size: 2rem;text-align: center;color: #333333;line-height: 5rem;}
/*新版本介绍end*/
.chooseWrap .bottom_text{text-align:center;margin-top:1rem;font-size:1.4rem}
.chooseWrap .btnWrap{margin:15px 0 30px;text-align:center}
.chooseWrap .btnWrap .next_btn{width:91.5%;height:5rem;line-height:5.2rem;background:#4190eb;border-color:#4190eb;font-size:1.5rem;padding:0;border-radius:50rem;margin-top:3rem}
.chooseWrap .btnWrap .prev_text{display:block;height:3.2rem;width:8.8rem;line-height:3.2rem;margin:0 auto}
.selectPanel{z-index:999}
.selectPanel .panelCont{background-color:#fff;z-index:9999;width:100%;position:fixed;bottom:0;height:38rem;border-radius:1rem 1rem 0 0}
.selectPanel .panelCont .panel-tit{width:100%;padding:1rem 2rem;font-size:1.6rem;border-bottom:.1rem solid #eee}
.selectPanel .panelCont .panel-tit .close-btn{float:right}
.selectPanel .panelCont .panel-cont{padding:1rem 2rem}
.selectPanel .panel-bg{position:absolute;left:0;right:0;top:0;bottom:0;background-color:#000;opacity:.3}
.chose-cont{color:#333}
.chose-cont ul li{margin-bottom:1rem}
.chose-cont ul li.item-price label,.chose-cont ul li.item-select label{font-size:1.4rem}
.chose-cont ul li.item-select .item-bar{margin-top:.5rem;width:100%}
.chose-cont ul li.item-select .item-bar span{border:0.1rem solid #dbdbdb;height:3rem;line-height:3rem;display:inline-block;width:6rem;margin-right:1.4rem;border-radius:0.3rem;text-align:center;cursor:pointer}
.chose-cont ul li.item-select .item-bar span.active{background-color:#e4f0ff;color:#4190eb;border-color:#4190eb}
.chose-cont ul li.item-check{background-color:#f5f5f5;padding:1rem;font-size:1.4rem}
.chose-cont ul li.item-check span{display:inline-block}
.chose-cont ul li.item-check p{color:#999;display:inline-block;margin-left:1rem;vertical-align:top}
.chose-cont .layui-form-checked[lay-skin=primary] i{border-color:#4190eb;background-color:#4190eb}
.chose-cont ul li.item-price .price-bar{display:inline-block;width:29rem}
.chose-cont ul li.item-price .price-bar .price{position:relative;display:inline-block}
.chose-cont ul li.item-price .price-bar .price em{font-style:normal;font-size:2.4rem;color:#eb1b1b}
.chose-cont ul li.item-price .price-bar .price .tips{position:absolute;background-color:#ffe4e6;height:2.2rem;line-height:2.2rem;border-radius:.3rem;padding:0 1rem;width:12rem;margin-top:.6rem;margin-left:1rem}
.chose-cont ul li.item-price .price-bar .price .tips span{color:#f32727}
.chose-cont ul li.item-price .price-bar .price .tips i{width:0;height:0;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;border-bottom:1rem solid #ffe4e6;position:absolute;top:-0.8rem;left:0}
.chose-cont ul li.item-price .price-bar del{display:none;color:#999;font-size:1.6rem;margin-left:0.3rem}
.chose-cont .confirm-btn{height:4.5rem;line-height:4.5rem;width:100%;text-align:center;background-color:#4190eb;color:#fff;font-size:1.6rem;position:absolute;bottom:0;margin-left:-2rem}

/* 会员中心菜单 */
.slideBox .mui-slider-group .mui-slider-item img{width:100%;height:6rem}
.menuBox{margin-top:1rem}
.menuBox li{height:5rem;line-height:5rem;padding-left:1rem;background-color:#fff;border-bottom:.1rem solid #eee}
.menuBox li a{width:100%;display:inline-block}
.menuBox li h3{display:inline-block}
.menuBox li h3 i{font-size:2rem;margin-right:.5rem;vertical-align:middle;color:#578fe4;display:inline-block;width:2rem}
.menuBox li .arrow{float:right;font-size:1.8rem;width:3.5rem;text-align:center}

/* tabBar */
.tabBar{margin:1rem 0 2rem;display: flex}
.tabBar li{flex:1;border-bottom:0.2rem solid #eee;text-align: center;height:4rem;line-height:4rem}
.tabBar li.active{border-color:#4190eb;}
.tabBar li a{color:#666}
.tabBar li.active a{color:#4190eb}

/* 订单列表 */
.listStyle{background-color:#f5f5f5}
.listStyle li{background-color:#fff;margin-top:1rem;padding:1rem}
.listStyle li .name h5{display:inline-block;font-size:1.4rem;color:#333;overflow:hidden}
.listStyle li .name span{float:right}
.listStyle li .yellow{color:#d79c48}
.listStyle li .green{color:#089918}
.listStyle li .red{color:#ac3535}
.listStyle li .sub_name{margin-top:.5rem;font-size:1.4rem}
.listStyle li .price{margin-top:.5rem;font-size:1.6rem;color:#d79c48}
.listStyle li .bottom{margin-top:.5rem;width:100%;display:inline-block}
.listStyle li .bottom .time{color:#888;float:left}
.listStyle li .bottom .notice{color:#888;float:right}
.listStyle li .bottom .btn{float:right;width:7rem;text-align:center;height:2.4rem;line-height:2.4rem;color:#fff;background-color:#d79c48;border-radius:1.5rem;font-size:1.1rem}

/* 购买结算页面 */
.buyWrap{padding:1.5rem}
.buyWrap .buyList li{margin:.2rem 0;display:inline-block}
.buyWrap .buyList li label{display:inline-block;font-weight:700;width:8rem;float:left;color:#d79c48}
.buyWrap .buyList li span{width:26rem;display:inline-block;float:left}
.buyWrap .voucherWrap{margin-top:30px}
.buyWrap .voucherWrap .voucherTit .layui-form-checked i{background-color:#107ffb;border-color:#107ffb}
.buyWrap .voucherWrap .voucherBox{border:1px solid #e6e6e6;padding:15px;margin-top:15px;max-height:200px;overflow-y:auto}
.buyWrap .voucherWrap .voucherBox ul li{display:inline-block;width:100%;padding:10px 0;border-bottom:1px dotted #e6e6e6}
.buyWrap .voucherWrap .voucherBox ul li:last-child{border-bottom:none;padding-bottom:0}
.buyWrap .voucherWrap .voucherBox ul li .layui-form-radio{float:left;margin-right:0}
.buyWrap .voucherWrap .voucherBox ul li .layui-form-radioed>i,.layui-form-radio>i:hover{color:#107ffb}
.buyWrap .voucherWrap .voucherBox ul li .price{float:left;height:40px;line-height:40px;margin-right:15px;font-size:16px}
.buyWrap .voucherWrap .voucherBox ul li .info{float:left;height:40px;color:#888}
.buyWrap .voucherWrap .voucherBox ul li .info .red{color:red}
.buyWrap .voucherWrap .voucherBox ul li .time{float:right;height:40px;line-height:40px;color:#888}
.buyWrap .voucherWrap .voucherBox ul li.notUse{color:#ccc}
.buyWrap .voucherWrap .voucherBox ul li.notUse .info{color:#ccc}
.buyWrap .voucherWrap .voucherBox ul li.notUse .time{color:#ccc}
.buyWrap .checkBar{margin-top:1rem;padding-top:1rem;width:100%;display:inline-block;border-top:1px solid #eee}
.buyWrap .checkBar .totalTips{display:inline-block;width:100%;clear:both;margin-top:1rem;text-align:center;font-size:1.2rem;color:#999}
.buyWrap .checkBar .totalPrice{float:right;height:38px;line-height:38px;margin-right:15px}
.buyWrap .checkBar .totalPrice em{float:left;font-style:normal}
.buyWrap .checkBar .totalPrice strong{color:#d79c48;font-size:26px;font-weight:400}
.buyWrap .checkBar .totalPrice strong span{font-size:14px;margin-left:5px}
.buyBtnGroup{text-align:center}
.buyBtnGroup .buyBtn{width: 91.5%;height: 5rem;line-height: 5.2rem;background: #4190eb;border-color: #4190eb;color: #fff;font-size: 1.5rem;padding: 0;border-radius:2.5rem;margin: 3rem auto 0;}

/* 安装界面 */
.processWrap{margin-top: 15rem;display: inline-block;width: 100%;text-align: center;}
.processWrap .headIcon{text-align: center;}
.processWrap .headIcon i{font-size: 100px;color: #888;}
.processWrap .headIcon video{width:85%}
.processWrap .processBar{margin: 15px auto;width: 80%;}
.processWrap .processBar .layui-progress{}
.processWrap .processBar .layui-progress .layui-progress-bar{}

/* banner*/
.price-p1 {padding: 1.5rem 1.5rem 0;}
.price-p1 .banner{width: 100%;border-radius: 1rem;}

/* 价格表 */
.price-p2{text-align:center;padding:3rem 0}
.price-p2 .free-price,.price-p2 .plugin-price{margin-bottom:3rem;padding:0 1.5rem}
.price-p2 .title{font-size:1.8rem;margin-bottom:1rem;font-weight:700}
.price-p2 .desc{line-height:2.4rem;font-size:1.4rem;margin-bottom:1rem;padding:0 2rem}
.price-p2 table{border-color:transparent!important;border-top-color:#f5f5f5!important}
.price-p2 table tr:nth-child(2n){background-color:#f9f9f9}
.price-p2 table tr td,.price-p2 table tr th{border-color:#ededed!important;text-align:left}
.price-p2 table tr th{font-weight:700}
.price-p2 table tr td a{color:#578fe4;cursor:pointer}
.price-p2 table tr td .wd4{width:3rem;display:inline-block}
.oper_img{width:100%}
.group-p9{padding:2rem 0;text-align:center}
.group-p9 .title{font-size:1.8rem;width:60%;line-height:2.6rem;margin:0 auto .6rem}
.group-p9 .kt{display:inline-block;padding:1rem 3rem;border-radius:.3rem;background-color:#4190eb;color:#fff;margin:1rem 0}
.group-p9 .mf{font-size:1.4rem}

/*功能列表*/
.function-p1{padding:1.5rem 1.5rem .5rem}
.function-p1 .banner{width:100%;border-radius:1rem}
.function-p2 .title{font-size:1.8rem;text-align:center;margin:2rem 0 1rem}
.function-p2 ul{display:inline-block;width:100%;padding:0 1rem}
.function-p2 ul li{width:47%;margin:1.5rem 1.5% 0;float:left}
.function-p2 ul li .pic{width:100%;height:10rem;border-radius:.3rem .3rem 0 0}
.function-p2 ul li .box{width:100%;border:.1rem solid #dbdbdb;border-radius:0 0 .3rem .3rem;padding:1rem;height:7.6rem}
.function-p2 ul li .box h3{font-size:1.6rem;margin-bottom:.6rem;font-weight:700}
.function-p2 ul li .box h4{font-size:1.2rem;line-height:1.8rem}

/* 功能介绍 */
.group-vedio video{width: 100%;}
.group-p1{background-image:url(../img/q17.jpg);background-size:100%;background-repeat:no-repeat;width:100%;padding:3rem 0 3rem 3rem;display:inline-block}
.group-p1 .box{width:75%;float:left}
.group-p1 .name{font-size:2.4rem;color:#fff}
.group-p1 .dec{font-size:1.4rem;line-height:2rem;color:#fff;margin:1rem 0 2rem}
.group-p1 .box1 .zc{float:left;padding:.6rem 2.4rem;font-size:1.4rem;color:#fe8b3b;background-color:#fff;border-radius:.3rem}
.group-p1 .box1 [data-toggle=videoPlay]{float:left}
.group-p1 .box1 .icon{width:2rem;float:left;margin:1.2rem .5rem 0 1.5rem;display:none}
.group-p1 .box1 p{line-height:3.6rem;color:#fff;margin-left:2rem}
.group-p1 .pic{float:right;width:40%!important;margin-top:4.5rem}
.group-p2{text-align:center;padding:2rem 0}
.group-p2 .title{margin-bottom:1.5rem;font-size:2rem}
.group-p2 .word{font-size:1.4rem;line-height:2.4rem;display:inline-block;width:90%}
.group-p3{width:100%;display:inline-block}
.group-p3 .title{font-size:2.2rem;text-align:center;margin-bottom:4rem}
.group-p3 ul{width:100%}
.group-p3 ul li{padding-left:3rem;margin:3rem 0}
.group-p3 ul li img{width:5rem;float:left;margin-right:2rem}
.group-p3 ul li h3{font-size:1.6rem;color:#333;margin:1.5rem 0 .8rem}
.group-p3 ul li p{font-size:1.4rem;display:inline-block;width:75%;line-height:1.8rem}
.group-p4{padding-bottom:4rem;display:inline-block;width:100%;position:relative}
.group-p4 .tab{display:inline-block;width:100%;padding:0 1.5rem;margin-bottom:1rem}
.group-p4 .tab li{float:left;font-size:1.6rem;width:20%;height:4rem;margin:0 2%;line-height:4rem;text-align:center}
.group-p4 .tab .active{border-bottom:.2rem solid #4190eb;color:#4190eb}
.group-p4 .box .box1{padding:0 2rem}
.group-p4 .box .box1 .bt{margin:2rem 0;text-align:center;line-height:2.2rem}
.group-p4 .pic{width:100%}
.group-p4 .box .title{font-size:2rem;margin:3rem 0;text-align:center}
.group-p4 .box .js{width:46%;float:right;margin-right:2%}
.group-p4 .box .js li{font-size:1.4rem;width:100%;height:5.5rem;line-height:5.5rem;padding-left:1rem;margin-bottom:1rem;cursor:pointer;overflow:hidden}
.group-p4 .box .js .active{background-color:#ededed;color:#4190eb}
.group-p5 .bigbox{display:inline-block}
.group-p5{background-color:#f5f5f5;padding:1rem 0}
.group-p5 .title{font-size:2.2rem;text-align:center;margin-bottom:5rem}
.group-p5 ul li{display:inline-block;width:100%;margin:1rem 0}
.group-p5 ul li .pic{width:80%!important;margin:2rem 10%}
.group-p5 ul li .box{width:90%;margin-left:5%;float:left}
.group-p5 ul li .box h3{font-size:2rem;margin:2.5rem 0 2rem}
.group-p5 ul li .box p{font-size:1.4rem;line-height:2.6rem;color:#666}
.group-p8{background-color:#f5f5f5;text-align:center;padding:4rem 0 1rem}
.group-p8 .title{font-size:2rem;margin-bottom:1rem}
.group-p8 .bigbox{display:inline-block}
.group-p8 .box1{width:100%;text-align:center}
.group-p8 .box1 h3{font-size:1.4rem;line-height:2rem;width:44%;float:left;margin:2rem 3%}
.group-p8 .middle{width:5rem}
.group-p8 .box2{width:100%;text-align:center}
.group-p8 .box2 h3{font-size:1.4rem;line-height:2.4rem;width:44%;margin:2rem 3%;float:left}
.group-p6{padding:3rem 1.5rem 0;text-align:center}
.group-p6 .title{font-size:2rem;margin-bottom:2rem}
.group-p6 .vedio{width:100%}
.group-p7{padding:4rem 0 0}
.group-p7 .title{font-size:2rem;margin-bottom:2.5rem;text-align:center}
.group-p7 .pic{text-align:center;padding:0 1.5rem;overflow: scroll;}
.group-p7 .pic img{height:55rem; margin-bottom:1.5rem;}
.group-p10{padding:3rem 0;text-align:center}
.group-p10 .title{font-size:2rem;margin-bottom:2rem}
.group-p10 .bigbox{display:inline-block;padding:0 1.5rem}
.group-p10 .box1{float:left;width:50%;text-align:center}
.group-p10 .box1 h3{font-size:1.6rem;line-height:2rem;margin:2rem auto;width:90%;height:10rem}
.group-p10 h3 span{display:inline-block;width:100%;font-size:1.4rem;color:#999;line-height:2rem;margin-top:1rem}
.group-p10 .middle{width:90%!important;margin:0!important}
.group-p10 .box2{float:left;width:50%;text-align:center}
.group-p10 .box2 h3{font-size:1.6rem;line-height:2rem;width:90%;margin:2rem auto;height:10rem}

/*OEM代理*/
.oem-p1{padding:2rem 1.5rem 0}
.oem-p1 .banner{width:100%;border-radius:1rem}
.oem-p2{text-align:center;padding:3rem 0}
.oem-p2 .title{margin-bottom:1.5rem;font-size:2.2rem}
.oem-p2 .word{font-size:1.4rem;line-height:2.6rem;display:inline-block;width:90%}
.oem-p3{padding:3rem 0 1rem;background-color:#f5f5f5;text-align:center}
.oem-p3 .title{margin-bottom:1rem;font-size:2rem}
.oem-p3 ul{overflow:auto}
.oem-p3 ul li{width:50%;padding:2rem 2%;float:left;padding:2.5rem 0}
.oem-p3 ul li .icon{width:5.5rem}
.oem-p3 ul li h3{font-size:1.8rem;margin:1rem 0}
.oem-p3 ul li h4{display:inline-block;width:15rem;font-size:1.4rem;line-height:1.8rem}
.oem-p4{text-align:center;padding:4rem 0}
.oem-p4 .title{margin-bottom:1.5rem;font-size:2.2rem}
.oem-p4 .word{font-size:1.4rem;line-height:2.6rem;display:inline-block;width:90%}
.oem-p4 ul{overflow:auto;margin-top:4rem}
.oem-p4 ul li{width:33.1%;float:left}
.oem-p4 ul li .icon{width:9rem}
.oem-p4 ul li h3{font-size:1.4rem;margin-top:1rem}
.oem-p5{text-align:center;padding:4rem 0}
.oem-p5 .title{margin-bottom:2.5rem;font-size:2.2rem}
.oem-p5 .pic{width:94%}
.oem-p6{text-align:center;padding:3rem 0;background-color:#f5f5f5}
.oem-p6 .title{font-size:2.2rem}
.oem-p6 .box{display:inline-block}
.oem-p6 .box .pic{width:90%}
.oem-p6 .box .box1{float:left;text-align:left}
.oem-p6 .box .box1 ul{width:100%;margin-top:3rem}
.oem-p6 .box .box1 ul li{display:inline-block;width:100%;margin-bottom:.6rem;padding:0 3rem}
.oem-p6 .box .box1 ul li .bt{float:left;line-height:4rem;display:inline-block;width:25%;margin-right:1rem;text-align:right;font-size:1.4rem}
.oem-p6 .box .box1 ul li input{float:left;width:100%;height:4rem;border:.1rem solid #dbdbdb;border-radius:.3rem;padding-left:2rem;background-color:#f5f5f5;font-size:1.4rem}
.oem-p6 .box .box1 .tj{border-radius:.3rem;padding:1rem 5rem;background-color:#4190eb;color:#fff;width:84%;margin:2rem 0 0 8%}

/* 关于我们 */
.about_part1{text-align:center;margin-top:4rem}
.about_part1 h3{font-size:2.2rem;color:#333}
.about_part1 p{width:100%;padding:1.5rem 1rem 0;font-size:1.4rem}
.about_part2{padding-top:6rem;text-align:center}
.about_part2 h3{font-size:2.2rem;color:#333;margin-bottom:4rem}
.about_part2 .box{display:inline-block}
.about_part2 .left{float:left;width:30%}
.about_part2 .left p{margin-top:4rem;text-align:right;line-height:2.5rem}
.about_part2 .left p:first-child{margin-top:-.8rem}
.about_part2 img{float:left;margin-left:1.5rem;width:30%}
.about_part2 .right{float:left;margin:4rem 0 0 1.5rem;width:30%}
.about_part2 .right p{line-height:2.5rem;margin-top:5rem;text-align:left}
.about_part2 .right p:first-child{margin-top:-1rem}
.about_part3{padding-top:4rem;text-align:center}
.about_part3 .title h3{font-size:2.2rem;color:#333}
.about_part3 .title p{margin:2rem 1rem 4.5rem;line-height:2.4rem}
.about_part3 .term_pic{width:100%}
.about_part4{padding-top:6rem;text-align:center;display:inline-block;width:100%}
.about_part4 h3{font-size:2.2rem;color:#333;margin-bottom:4rem}
.about_part4 ul li{width:50%;float:left;padding:1rem}
.about_part4 ul li img{width:100%}
.about_part4 ul li p{margin-top:2rem}
.about_part4 dl{margin-top:4rem;list-style:none;float:left}
.about_part4 dl li{width:18.6rem;height:19rem;float:left;padding:1rem}
.about_part4 dl li img{width:100%}
.about_part4 dl li p{margin-top:2rem}
.about_part5{margin-bottom:6rem;padding-top:4.8rem;text-align:center}
.about_part5 .title{margin-bottom:2rem}
.about_part5 .title h3{font-size:2.2rem;color:#333;margin-bottom:2rem}
.about_part5 .title p{line-height:2.7rem}
.about_part5 img{width:100%}

/* 分销中心 */
.sale-banner .banner{width:100%}
.fenxiao-banner{position:relative;width:100%}
.fenxiao-banner .banner{width:100%}
.fenxiao-banner .content{position:absolute;left:0;top:0;display:inline-block;width:100%}
.fenxiao-banner .tx{float:left}
.fenxiao-banner .avatar{width:6rem;height:6rem;border-radius:50%;border:.1rem solid #ededed;margin:3.1rem 1rem 0 2.4rem}
.fenxiao-banner .box{margin-top:4.2rem;float:left;text-align:left;width:70%}
.fenxiao-banner .box h3{float:left;color:#fff;font-size:1.8rem;display:inline-block;max-width:12rem;line-height:2.4rem;margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.fenxiao-banner .box i{float:left;color:#fc813e;background-color:#fff;border-radius:.8rem .1rem .8rem .1rem;font-size:1.1rem;line-height:1.2rem;padding:.3rem .4rem .2rem;margin:.2rem 0 0 .5rem}
.fenxiao-banner .box1{width:100%;display:inline-block;margin-top:.6rem}
.fenxiao-banner .box1 h4{color:#fff;font-size:1.3rem;float:left;margin:0 1.8rem 0 0}
.fenxiao-banner .code{width:2.4rem;position:absolute;top:4.4rem;right:2rem}
.fenxiao-banner .content1{position:absolute;left:0;bottom:0;width:100%;padding:0 3.2rem}
.fenxiao-banner .box2{float:left}
.fenxiao-banner .box2 h3{color:#fff;font-size:2.8rem;margin:-.6rem 0 0}
.fenxiao-banner .box2 h4{color:#fff;font-size:1.2rem;margin:.6rem 0 3.2rem}
.fenxiao-banner .box2 h3 span{font-size:1.4rem}
.fenxiao-banner .box3{float:right;margin-top:1.6rem}
.fenxiao-banner .box3 .out{padding:.9rem 2.2rem .5rem;background-color:#fc813e;border-radius:10rem;color:#fff}
.fenxiao-banner .box3 .tj{color:#fff;display:block;font-size:1.2rem;margin-top:.6rem}
.sale-part2{overflow:auto;width:100%}
.sale-part2 .title{font-size:1.6rem;margin:1.5rem 0 3rem 1.5rem;font-weight:700}
.sale-part2 li{float:left;width:25%;text-align:center;margin-bottom:4rem}
.sale-part2 li .icon{width:3rem;margin-bottom:.2rem}
.sale-part2 li h3{display:block;font-size:1.2rem;color:#666;margin-top:1rem}

/* 推广链接 */
.cpsLink{background-color: #F5F5F5;color:#666}
.cpsLink .numberBox{padding:2.4rem;text-align: center;background-color:#fff}
.cpsLink .numberBox em{font-size:2rem;color:#AC3535;margin-left:1rem}
.cpsLink .linkBox{padding:2.7rem 1.8rem;background-color:#fff;margin-top:1rem}
.cpsLink .linkBox ul{}
.cpsLink .linkBox ul li{margin-bottom: 2.3rem;}
.cpsLink .linkBox ul li .linkText{width:50%;overflow: hidden;height: 24px;display: inline-block;vertical-align: middle;}
.cpsLink .linkBox ul li .copyBtn{display: inline-block;background-color: #D79C48;color:#fff;text-align: center;width:7.4rem;border-radius:2rem;height:3rem;line-height: 3rem;cursor:pointer;margin-left:1rem}
.cpsLink .linkBox ul li .linkQrcode{display: inline-block;vertical-align: top;}
.cpsLink .linkBox ul li .linkQrcode img{width:13.7rem;margin-left:1.5rem}
.cpsLink .linkBox ul li .linkQrcode p{text-align: center;margin-top:1rem;}

/* 查看升级条件 */
.cpsUpdate{color:#666666;background-color: #F5F5F5}
.cpsUpdate .top-box{padding:2rem;background-color:#fff}
.cpsUpdate .top-box em{font-size:2rem;color:#AC3535}
.cpsUpdate .bottom-box{margin-top:1rem;background-color:#fff}
.cpsUpdate .bottom-box ul{}
.cpsUpdate .bottom-box ul li{border-bottom:0.1rem solid #EDEDED;padding:1rem 2rem}
.cpsUpdate .bottom-box ul li h3{font-size:1.6rem;}
.cpsUpdate .bottom-box ul li h3 i{display: inline-block;font-size:1.1rem;background-color:#AC3535;color:#fff;height:2rem;line-height: 2rem;width:5.8rem;text-align: center;border-radius:0.3rem;margin-left:0.5rem}
.cpsUpdate .bottom-box ul li p{margin-top:1rem;color:#666;font-size:1.4rem}

/* 收款页面公共样式 */
.receive-money{padding: 1rem 3%;}
.receive-money .content{background: #fff;border-radius: 0.5rem; padding: 1rem 8%;}
.receive-money .content .account{font-size: 1.6rem;color: #999999;margin-bottom: 2rem;}
.receive-money .content .amountBar{display:inline-block;width:100%;border-bottom:0.1rem solid #eee;height: 5.5rem;padding-bottom:1.5rem;margin-bottom:2.5rem;}
.receive-money .content .amountBar .inputText{margin-left:1.5rem;width:15rem;display:inline-block;font-size:2.9rem;}
.receive-money .content .amountBar .unit{margin: 0 1rem;font-size: 2.8rem;display: inline-block;width:2.8rem;text-align: left;vertical-align: bottom;font-weight: 700;line-height: 4rem;}
.receive-money .content .amountBar .input{display: inline-block;height: 4rem;line-height: 4rem;width: 15rem;vertical-align: bottom;font-size:4rem;font-weight: 700;border:none;padding:0;margin:0}
.receive-money .content .amountBar .edit{color:#44A6DF;float: right; line-height: 4rem;}
.receive-money .content .item{overflow: auto; border-bottom: 0.1rem solid #eee;line-height: 5rem;}
.receive-money .content .item.last-child{border: none;margin-bottom: 5rem;}
.receive-money .content .item .name{float: left;font-size:1.6rem; color: #666666;}
.receive-money .content .item .value{float: right;font-size: 1.6rem; color: #44A6DF;}
.receive-money .content .item .value .member_avatar{width: 2rem;height: 2rem;border-radius: 100%;float: left;margin: 1.5rem 0.5rem;}
.receive-money .content .create-btn{width: 95%;margin: 0 auto;line-height: 5rem; color: #fff;background: #4190EB;text-align: center;font-size: 1.8rem;border-radius: 0.5rem;}
.receive-money .others{background: #F5F5F5;width: 95%;margin: 1rem auto;padding: 1rem 3%}
.receive-money .others .tips_title{font-size: 1.4rem;color: #333333;font-weight: 700;line-height: 4rem;}
.receive-money .others .item{overflow: auto;margin-bottom: 1rem;}
.receive-money .others .item .name{font-size: 1.4rem;color: #333333;float: left;width: 18%;line-height: 3.5rem;}
.receive-money .others .item .value{float: right;width: 80%;height: 3.5rem;line-height: 3.5rem;font-size: 1.4rem;color: #333;margin-bottom: 0;}

/***********   支付成功页   *****************/
.paySuccessWrap{background-color: #fff;}
.paySuccessWrap .payCont{display: none;text-align: center;}
.paySuccessWrap .payCont .pay-tit{margin-bottom: 1rem;}
.paySuccessWrap .payCont .pay-tit .ok{}
.paySuccessWrap .payCont .pay-tit .ok-icon{height: 6.8rem;margin-top: 5.5rem;}
.paySuccessWrap .payCont .pay-tit h3{font-size: 1.6rem;color: #D1B771;margin-top: 1rem;}
.paySuccessWrap .payCont .pay-info{}
.paySuccessWrap .payCont .pay-info .pay-price{font-size: 1.4rem;color: #AE3737;margin-top: 1rem;}
.paySuccessWrap .payCont .pay-info .pay-addr{color: #666;font-size: 1.2rem;margin-top: 1rem;}
.paySuccessWrap .payCont .pay-info .pay-addr .color{color: #666;}
.paySuccessWrap .payCont .pay-btns{margin-top: 23px;}
.paySuccessWrap .payCont .pay-btns .layui-btn{line-height: 2.9rem;height: 2.9rem;font-size: 1.2rem;background-color: #D1B771;}
.paySuccessWrap .payCont .pay-btns .layui-btn.guang{background-color: #fff;color:#D1B771}
.paySuccessWrap .payLoading{display: block;padding: 5.5rem;text-align: center;}
.paySuccessWrap .payLoading .pay-count{width: 6.8rem;height: 6.8rem;line-height: 6.8rem;font-size: 2.8rem;display: inline-block;border: 0.4rem solid #D1B771;border-radius: 4rem;color: #D1B771;}
.paySuccessWrap .payLoading .pay-text{margin-top:1rem;color: #D1B771;font-size:1.6rem}

/*新开通流程 step0*/
.create0{padding: 20px 3%;}
.create0 .title{font-size: 2.1rem;color: #333333;text-align: center;line-height: 5rem;}
.create0 ul{overflow: auto;}
.create0 ul li{position: relative;border-radius: 1rem;width: 100%;height:16rem;margin-bottom: 1rem;overflow: auto;}
.create0 ul li.item_1{background: linear-gradient(80deg,#E9E9E9,#DBDBDB)}
.create0 ul li .tags{position: absolute;top: 0;right: 0;background: #4190EB;font-size: 1.4rem; color: #FFFFFF;border-top-right-radius: 1rem;border-bottom-left-radius: 1rem;padding: 0.5rem 1rem;}
.create0 ul li .name{font-size: 2.8rem;color: #333333;text-align: center;line-height: 4rem;margin-top: 4rem;}
.create0 ul li .tip{font-size: 1.8rem;color: #666666;text-align: center;line-height: 2rem;}
.create0 ul li .image{border-radius: 1rem;width: 100%;height: 100%;}
.create0 .version_btn{display: block;width: 40%;margin: 1rem auto 0;text-align: center;line-height: 3rem;color: #666666;font-size: 1.4rem;border: 0.1rem solid #DBDBDB;border-radius: 0.2rem;}
/*新开通流程 step1*/
.create1{padding: 1rem 3%;}
.create1 .title{font-size: 1.8rem;color: #333333;text-align: center;line-height: 5rem;}
.create1 .item{margin-bottom: 1rem;}
.create1 .item .name{display: inline-block;width: 23%;line-height: 4rem;font-size: 1.4rem;color: #333333;}
.create1 .item .value{display: inline-block;width: 75%;margin: 0;border-color: #DBDBDB;font-size: 1.4rem;height: 4rem;}
.create1 .item .value .layui-input{margin: 0;border-color: #DBDBDB;height: 4rem;font-size: 1.4rem;}
.create1 .item .value .layui-edge{border-width:0.6rem;}
.create1 .item .value dl{top: 4rem;}
.create1 .item .value dd{line-height: 4rem;font-size: 1.4rem;}
.create1 .receive{clear: both;}
.create1 .receive .type{font-size: 1.4rem;color: #333333;font-weight: 700;}
.create1 .receive .type .tip{font-size: 1.4rem;color: #999;font-weight: 500;}
.create1 .receive ul{width: 100%;overflow: auto;display: flex;margin-top: 2rem;}
.create1 .receive ul li{float: left;background: #F5F5F5;width: 48%;margin-right: 4%;position: relative;border-radius: 0.5rem;padding: 2rem 0;border: 0.1rem solid #fff;}
.create1 .receive ul li.active{border-color: #D79C48;}
.create1 .receive ul li:nth-child(2n){margin-right: 0;}
.create1 .receive ul li .image{width: 80%; margin: 1rem auto;display: block;}
.create1 .receive ul li .name{font-size: 1.6rem;color: #333333;text-align: center;line-height: 4rem;font-weight: 700;}
.create1 .receive ul li .desc{font-size: 1.3rem;color: #666666;text-align: center;line-height: 2rem;padding: 0 5%;}
.create1 .receive ul li  .member_info{overflow: auto;line-height: 20px;text-align: center;width: 100%;margin-top: 5px;}
.create1 .receive ul li  .member_info .avatar{width: 20px;height: 20px;border-radius: 100%;}
.create1 .receive ul li  .member_info .nickname{font-size: 14px;color: #333333;margin-left: 5px;}
.create1 .receive ul li .check{width: 2.5rem;position: absolute;bottom: -0.1rem;right: -0.1rem;}
.create1 .receive .difference{font-size: 1.4rem;color: #666666;border: 0.1rem solid #DBDBDB;width: 50%;margin: 3rem auto 0;text-align: center;line-height: 3rem;border-radius: 0.2rem;}
.create1 .platform_tip{font-size: 1.4rem;color: #DD2B2B;text-align: center;line-height: 4rem;margin: 3rem 0 -5rem;display: none;}
.create1 .platform_tip.active{display: block;}
.create1 .create_btn{background: #4190EB;font-size: 1.6rem;color: #FFFFFF;border-radius: 2.5rem;width: 100%;line-height: 5rem;margin: 5rem 0;text-align: center;}
.layui-form-select dl dd.layui-this{background: #4190EB;}
/*选择时长弹框*/
.popup_frame{position: fixed;bottom: 0;width: 100%;z-index: 9999;background: #fff;border-top-left-radius: 1rem;border-top-right-radius: 1rem;}
.popup_frame .title{font-size: 1.6rem;color: #333333;padding-left: 3%;border-bottom: 0.1rem solid #EDEDED;line-height: 5rem;}
.popup_frame .content{padding: 1rem 3%;height: 20rem;}
.popup_frame .content .wxapp_tip{font-size: 1.6rem; color: #DD2B2B;line-height: 2rem;}
.popup_frame .content .item{overflow: auto;margin-bottom: 1rem;}
.popup_frame .content .item .time_title{font-size: 1.4rem; color: #333333;line-height: 3rem;font-weight: 700;}
.popup_frame .content .item .time_list{overflow: auto;min-height: 4rem;}
.popup_frame .content .item .time_list .val{font-size: 1.4rem; color: #666;padding: 0.5rem 1.5rem;border: 0.1rem solid #DBDBDB;display: block;float: left;margin-right: 1rem;margin-bottom: 1rem; border-radius: 0.3rem;}
.popup_frame .content .item .time_list .val.active{background-color: #e4f0ff;color: #4190eb;border-color: #4190eb;}
.popup_frame .content .item .name{font-size: 1.4rem; color: #333333;line-height: 4rem;font-weight: 700;float: left;}
.popup_frame .content .item .price{font-size: 2.4rem; color: #DD2B2B;line-height: 4rem;font-weight: 700;float: left;margin-left: 1rem;}
.popup_frame .content .item .use_key{font-size: 1.4rem; color: #689FDD;line-height: 4rem;float: left;margin-left: 2rem;}
.popup_frame .content .item .input_name{font-size: 1.4rem; color: #333333;line-height: 4rem;float: left;}
.popup_frame .content .item .input_val{font-size: 1.4rem; color: #333333;float: left;width: 70%;line-height: 3rem;padding: 0.5rem 1rem;margin-left: 1rem;margin-bottom: 0;}
.popup_frame .confirm-btn{position: absolute;bottom: 0;width: 100%;text-align: center;line-height: 5rem;font-size: 1.6rem; color: #FFFFFF;background: #4190EB;}
/*收款方式的区别弹框*/
#difference_frame{position: fixed;width: 90%;height: 90%;z-index: 9999;background: #fff;top: 5%;left: 5%;border-radius: 0.3rem;display: none;}
#difference_frame .content{width: 90%;height: 90%;overflow: scroll;margin: 0 auto 2%;}
#difference_frame .content ul{padding: 1rem 0;border-bottom: 1rem solid #F5F5F5;}
#difference_frame .content ul li{display: flex;border-bottom: 0.1rem solid #EDEDED;}
#difference_frame .content ul li:last-child{border: none;}
#difference_frame .content ul li .item{flex: 1;font-size: 1.4rem;color: #333333;text-align: center;line-height: 4rem;}
#difference_frame .content ul li .item.left{text-align: left;}
#difference_frame .content ul li .item.head{font-weight: 700;}
#difference_frame .content ul li .item .val:first-child{margin-top: 0.5rem;}
#difference_frame .content ul li .item .val{line-height: 1.5rem;font-size: 1.4rem;color: #333333;}
#difference_frame .content .ask{font-size: 1.4rem;color: #333333;line-height: 3.5rem;}
#difference_frame .content .answer{font-size: 1.3rem;color: #666666;line-height: 2rem;margin-bottom: 1rem;}
#difference_frame .content .link{font-size: 1.1rem;color: #666666;line-height: 2rem;}
#difference_frame .content .link .url{color: #689FDD;font-size: 1.1rem;}
#difference_frame .close_btn{font-size: 1.6rem;color: #fff;background: #4190EB;width: 11.5rem;border-radius: 2.5rem;text-align: center;line-height: 3.5rem;margin: 0 auto;}
/*背景*/
.background{ position: fixed;top: 0;left: 0;height: 100%;width: 100%;background: #000;opacity: 0.7;display: none;z-index: 1000;}

/*公共资料提交表单*/
.public-form{}
.public-form .guide_img{width: 94%;margin: 1rem auto;display: block;padding-bottom: 4rem;}
.public-form .bottom{position: fixed;bottom: 0;z-index: 99999;width: 100%; padding: 1rem 0;background: #fff;}
.public-form .tips{font-size: 1.4rem;color: #DD2B2B;line-height: 2rem;}
.public-form .items{padding: 1rem 3%;}
.public-form .items .title{font-size: 1.4rem;color: #333333;padding-left: 0.8rem;border-left: 0.3rem solid #D79C48;line-height: 2rem;margin: 1rem 0;}
.public-form .items .upload{margin-bottom: 1rem;}
.public-form .items .upload .u-item{display: inline-block;}
.public-form .items .upload .u-item .name{font-size: 1.4rem;color: #333333;display: inline-block;min-width: 9rem;line-height: 3rem;}
.public-form .items .upload .u-item .upload-list{width: 100%;}
.public-form .items .upload .u-item .upload-area{width: 8rem;height: 8rem;margin-right: 1rem;float: left;}
.public-form .items .upload .u-tips{font-size: 1.4rem;color: #999;line-height: 3rem;}
.public-form .items .auto-fill{background: #F5F5F5;border-radius: 0.3rem;padding: 1rem;display: none;}
.public-form .items .auto-fill .li{display: none;}
.public-form .items .auto-fill .li .a-title{font-size: 1.4rem;color: #333333;font-weight: 700;line-height: 4rem;}
.public-form .items .auto-fill .li .a-title .desc{font-size: 1.4rem;color: #999;font-weight: 500;}
.public-form .items .auto-fill .close{font-size: 1.4rem;color: #689FDD;text-align: center;line-height: 3rem;}
.public-form .items .auto-fill .close .icon{width: 1rem;margin-left: 0.5rem;}
.public-form .items .form-item{margin-bottom: 1rem;overflow: auto;height: 4rem;}
.public-form .items .form-item .form-name{font-size: 1.4rem;color: #333333;float: left;width: 24%;margin-right: 1%;vertical-align: middle;height: 3.5rem;line-height: 3.5rem;}
.public-form .items .form-item .form-val{font-size: 1.4rem;color: #333333;float: left;width: 73%;margin-bottom: 0;height: 3.5rem;line-height: 3.5rem;}
.public-form .items .form-item .eg{float: left;font-size: 1.4rem; color: #5599F9;width: 10%;text-align: center;line-height: 3.5rem;}
.public-form .items .textarea{}
.public-form .items .textarea .t-title{font-size: 1.4rem;color: #333333;line-height: 3rem;}
.public-form .items .textarea .layui-textarea{font-size: 1.4rem;color: #333333;width: 100%;padding: 1rem 0.6rem;resize: none;line-height: 2rem;}
.public-form .items .open{font-size: 1.4rem;color: #689FDD;text-align: center;line-height: 3rem;display: none;}
.public-form .items .open .icon{width: 1rem;margin-left: 0.5rem;}
.public-form .form-btn{font-size: 1.6rem;color: #fff;background: #4190EB;text-align: center;line-height: 5rem;width: 94%;border-radius: 2.5rem;margin: 0 auto;}
.public-form .btn{font-size: 1.4rem;color:#333333; margin: 1rem auto;padding: 1rem 3rem;text-align: center;width: 15rem;}
.public-form .divider{background: #F5F5F5;height: 1rem;width: 100%;}

/*版本介绍*/
.version-data{}
.version-data .items{padding: 1rem 3%;}
.version-data .items .title .desc{color: #999999;}
.version-data .items ul{border-bottom: 0.1rem solid #EDEDED;margin-bottom: 1rem;}
.version-data .items ul li{display: flex;line-height: 4.5rem;}
.version-data .items ul li:nth-child(2n+1){background: #EAEAEA;}
.version-data .items ul li .item{flex: 1;text-align: center;font-size: 1.4rem;color: #333333;}
.version-data .items ul li .item.left{text-align: left;font-weight: 700;padding-left: 0.5rem;}
.version-data .items ul li .item .icon{width: 1.3rem;}
.version-data .items ul li.head{}
.version-data .items ul li.head .item{font-weight: 700;}
.version-data .items .remark{font-size: 1.4rem;color: #333333;text-align: center;line-height: 2rem;}
.version-data .items .remark .total{color: #D79C48;}

/*官网链接地址*/
.pcWrap{}
.pcWrap .part{ padding: 2rem 2rem 1.5rem;}
.pcWrap .part .view-h3{font-weight: bold;}
.pcWrap .part .view-h3 text{ margin-right: 0.5rem;}
.pcWrap .part .view-p{ margin-top: 1rem;}
.pcWrap .part .view-p .copy{ border: 0.1rem solid #D79C48; padding: 0.4rem 0.8rem; margin-left: 1rem;font-size:1.1rem}
.pcWrap .part .view-p .link-item{margin:0.5rem 0 1.5rem}
.bank-gray{height: 1rem;background-color:#f5f5f5;margin:1rem 0}
.pcWrap .part .store-item .store-qrcode{width:12rem;height:12rem;display:block}
.pcWrap .part .store-item .copy{display:inline-block;margin: 0.5rem 0;width: 12rem;padding:0.5rem 0;text-align: center;}

/* 微信授权 */
.auth-wrap{margin-top:4rem}
.auth-wrap .auth-icon{width:6rem;height: 6rem;display: block;margin: 0 auto;}
.auth-wrap .auth-status{font-size: 1.6rem;color: #F38745;line-height: 3rem;text-align: center;}
.auth-wrap .auth-desc{font-size: 1.4rem;color: #666666;text-align: center;width: 90%;margin: 0 auto;}
.auth-wrap .auth-btn{display: block;width:90%;text-align: center;background-color: #1aad19;height:4.5rem;line-height: 4.5rem;border-radius:3rem;margin: 4rem auto;font-size: 1.6rem;color: #fff;}

/* 扫描二维码落地页 */
.rand_crm{width: 90%;margin: 0 auto;}
.rand_crm .success_wrap{display: none}
.rand_crm.subscribe .success_wrap{display: block}
.rand_crm.subscribe .ready_wrap{display: none}
.rand_crm .top_icon{width: 8rem;margin: 0 auto;display: block;}
.rand_crm .title{font-size: 1.8rem;color: #F38745; text-align: center;line-height: 4rem;}
.rand_crm ul{display: flex;margin: 1rem auto;}
.rand_crm ul li{flex: 1;position: relative;}
.rand_crm ul li .step{width: 2.4rem;height: 2.4rem;border-radius: 100%;background: #DBDBDB;font-size: 1.8rem;color: #999999;text-align: center;line-height: 2.4rem;margin: 0 auto;}
.rand_crm ul li .text{text-align: center;font-size: 1.5rem;line-height: 3rem;}
.rand_crm ul li .line{position: absolute;right: -2.5rem;top:1.2rem;width: 5rem;height: 0.2rem;background: #999999;}
.rand_crm ul li.step1 .step{background: #4593F3;color: #FFFFFF;}
.rand_crm ul li.step1 .line{background: #4593F3;}
.rand_crm ul li.step2 .step{background: #4593F3;color: #FFFFFF;}
.rand_crm ul li.step2 .text{color: #4593F3;}
.rand_crm .qrcode_box{background: #F5F5F5;border-radius: 0.2rem;padding: 2rem;}
.rand_crm .qrcode_box .top{overflow: auto;}
.rand_crm .qrcode_box .top .left_text{font-size: 1.5rem;color: #333333;font-weight: bold;}
.rand_crm .qrcode_box .top .right_text{font-size: 1.5rem;color: #DD2B2B;float: right;}
.rand_crm .qrcode_box .qrcode{width: 15rem;height: 15rem;display: block;margin: 2rem auto;}
.rand_crm .qrcode_box .tips{font-size: 1.6rem;color: #FFFFFF;background: #F67F7F;text-align: center;line-height: 4rem;border-radius: 0.3rem;}

/*小程序资料认证识别提交确认弹框*/
.auth_confirm_frame{position: fixed;left:0; top:0;right:0;bottom:0;z-index: 99;background: rgba(0,0,0,0.6);width: 100%;display: none;}
.auth_confirm_frame .content{background: #fff;width: 90%;height: 49rem;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;padding: 3rem 8%;border-radius: 0.3rem;}
.auth_confirm_frame .content .title{font-size: 2rem;color: #DD2B2B;text-align: center;font-weight: bold;line-height: 5rem;}
.auth_confirm_frame .content .sub_title{font-size: 1.4rem;color: #333333;text-align: center;font-weight: bold;line-height: 2rem;}
.auth_confirm_frame .content .auth_data{margin: 2rem 0}
.auth_confirm_frame .content .item{}
.auth_confirm_frame .content .item .item_title{border-left: 0.3rem solid #D79C48;padding-left: 1rem;font-size: 1.4rem;color: #333333;line-height: 2rem;margin: 0.5rem 0;}
.auth_confirm_frame .content .item .info{line-height: 3.5rem;overflow: auto;}
.auth_confirm_frame .content .item .info .name{font-size: 1.4rem;color: #666666;float: left;}
.auth_confirm_frame .content .item .info .val{font-size: 1.4rem;color: #333333;font-weight: bold;float: left;}
.auth_confirm_frame .content .bottom{overflow: auto;}
.auth_confirm_frame .content .bottom .btn{width: 11rem;line-height: 3.5rem;border: 0.1rem solid #DBDBDB;background: #F5F5F5;font-size: 1.4rem;color: #333333;text-align: center;margin: 0 auto;border-radius: 3rem;float: left;cursor: pointer;}
.auth_confirm_frame .content .bottom .btn.confirm{border-color: #4190EB;background: #4190EB;color: #fff;float: right;}

/*首页改版*/
.index_new{}
.index_new .head_img{width: 100%;position: absolute;z-index: 9;}
.index_new .center{width: 100%;background: #3C97E8;position: absolute;top: 20rem;}
.index_new .center .mui-slider{margin-top: 5rem;}
.index_new .center .mui-slider .mui-slider-group{margin-left: 5%;}
.index_new .center .mui-slider .mui-slider-item{width: 64%;margin-right: 5%;}
.index_new .center .mui-slider .mui-slider-item img{width: 100%;border-radius: 2.2rem;}
.index_new .center .content{margin: 2rem 5%;}
.index_new .center .content .title{font-size: 2.4rem;font-weight: bold;color: #FFFFFF;line-height: 4rem;}
.index_new .center .content .title .icon{width: 1.3rem;margin-right: 0.5rem;}
.index_new .center .content .sub_title{font-size: 1.6rem;color: #FFFFFF;line-height: 2rem;margin-bottom: 1rem;}
.index_new .bottom{margin: 0 5%;position: absolute;top: 100rem;padding-bottom: 7rem;}
.index_new .bottom .item{margin: 1rem 0;}
.index_new .bottom .item .title{font-size: 3rem;color: #333333;line-height: 4rem;font-weight: bold;}
.index_new .bottom .item .sub_title{font-size: 1.6rem;color: #333333;line-height: 3rem;font-weight: bold;}
.index_new .bottom .item .text{font-size: 1.4rem;color: #333333;line-height: 3rem;}
.index_new .footer{width: 100%;position: fixed;bottom: 0;z-index: 99;border-top: 0.1rem solid #EDEDED;height: 5.2rem;overflow: auto;background: #FFFFFF;}
.index_new .footer .btn{margin: 0.5rem 0 0.3rem 5%;line-height: 3.8rem;width: 36%;float: left;font-size: 1.6rem;color: #4190EB;border: 0.1rem solid #4190EB;border-radius: 3rem;background: #FFFFFF;text-align: center;display: block;}
.index_new .footer .btn.active{width: 50%;float: right;background: #4190EB;color: #FFFFFF;margin: 0.5rem 5% 0.3rem 0;}
.index_new .chat{position: fixed;right: 1rem;bottom: 7rem;-webkit-box-shadow: #666 0 0 0.5rem;  -moz-box-shadow: #666 0 0 0.5rem;  box-shadow: #666 0 0 0.5rem;  background: #EEFF99;width: 4rem;height: 4rem;border-radius: 100%;z-index: 999;}
.index_new .chat .server{width: 4rem;height: 4rem;}
.video_frame{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 999;display: none;}
.video_frame video{width: 100%;height: auto;position: absolute;top: 0;bottom: 0;margin: auto;}

/*开通流程选择模板*/
.template-list{overflow: auto;height: calc(100vh - 5rem);}
.template-list .cate-box{border-bottom: 0.1rem solid #DBDBDB;}
.template-list .cate-list{overflow-y: hidden;display: flex;padding: 0.9rem 1.5rem;-ms-overflow-style: none;overflow: -moz-scrollbars-none;}
.template-list .cate-list::-webkit-scrollbar{display:none}
.template-list .cate-list .item{line-height: 3rem;text-align: center;font-size: 1.4rem;color: #666666;padding: 0 1rem;border-radius: 2rem;border: 0.1rem solid #707070;float: left;height: 3rem;min-width: 8.5rem;flex: 1;margin-right: 1rem;}
.template-list .cate-list .item.active{color: #FFFFFF;background: #0F7EFB;border-color: #0F7EFB;}
.template-list .detail{width: 100%;height: calc(100vh - 10rem);}
.template-list .detail ul{height: 100%;}
.template-list .detail ul li{height: 100%;position: relative;}
.template-list .detail ul li .iframe-mask{height: 100%;position: absolute;width: 100%;z-index: 99999;left: 0;top: 0;}
.template-list .bottom{position: fixed;width: 100%;bottom: 0;overflow: auto;height: 5rem;z-index: 9999;background: #FFFFFF;padding: 0 1.5rem;}
.template-list .bottom .operate{font-size: 1.4rem;color: #333333;line-height: 5rem;}
.template-list .bottom .operate.disabled{color: #999999;}
.template-list .bottom .operate.next{float: right;}
.template-list .bottom .center{width: 55%;margin: auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 3.6rem;}
.template-list .bottom .center .button{border: 0.1rem solid #0F7EFB;border-radius: 5rem;overflow: auto;height: 3.8rem;background: #0F7EFB;}
.template-list .bottom .center .btn{height: 3.6rem;line-height: 3.6rem;display: block;text-align: center;float: left;width: 40%;color: #0F7EFB;font-size: 1.5rem;}
.template-list .bottom .center .btn.left{background: #FFFFFF;}
.template-list .bottom .center .btn.submit{width: 100%;color: #FFFFFF;float: right;}
.template-list .video-frame{position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;}
.template-list .video-frame .video_mask{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.7);}
.template-list .video-frame .video{position: absolute;left: 0;right: 0;margin: auto;width: 100%;top: 0;bottom: 0;}

/*店铺开通 填写信息*/
.create-store{padding: 8rem 1.5rem 0;}
.create-store .title{font-size: 2rem;color: #333333;text-align: center;font-weight: bold;line-height: 3rem;margin-bottom: 2rem;}
.create-store .input-box{margin-bottom: 1rem;position: relative;}
.create-store .input-box .layui-input{height: 4rem;line-height: 4rem;width: 100%;background: #F5F5F5;font-size: 1.4rem;}
.create-store .input-box .layui-input:-webkit-autofill {
    -webkit-animation: autofill-fix 1s infinite!important;
    /* 选择历史记录的文字颜色*/
    -webkit-text-fill-color: #333333;
    -webkit-transition: background-color 50000s ease-in-out 0s!important;
    transition: background-color 50000s ease-in-out 0s!important;
    background-color: transparent!important;
    background-image: none !important;
    /* 选择历史记录的背景颜色 */
    -webkit-box-shadow: 0 0 0 1000px transparent inset!important;
}
.create-store .input-box .sendSms{position: absolute;line-height: 4rem;top: 0;right: 0;width: 10rem;text-align: center;}
.create-store .layui-btn{background: #0F7EFB;width: 100%;line-height: 5rem;height: 5rem;text-align: center;font-size: 1.5rem;color: #FFFFFF;border-radius: 0.5rem;margin-top: 2rem;}

/*创建店铺进度*/
.progressFrame{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0);left: 0;top: 0;z-index: 999;display: none;}
.progressFrame .progress-content{position: absolute;width: 31rem;height: 25rem;overflow: hidden;left: 0;top: 0;bottom: 0;right: 0;margin: auto;}
.progressFrame .progress-img{width: 100%;}
.progressFrame .progress-rate{position: absolute;left: 9.6rem;right: 0;top: 14.6rem;text-align: center;font-size:2.4rem;width: 7.2rem;height: 3rem;line-height: 3rem;font-weight: bold;background: linear-gradient(to right,#0C7CFA,#B729D2,#238AFD);-webkit-background-clip: text;color: transparent;}

/*首页新版*/
.h5-index{height: 100%;overflow: hidden;}
.h5-index .video{width: 100%;}
.h5-index .fixed{position: fixed;z-index: 9;width: 100%;height: 100%;top: 0;left: 0;background: rgba(84, 165, 255, 0.5);}
.h5-index .fixed .image{width: 70%;position: absolute;top: 20%;left: 0;right: 0;margin: auto;}
.h5-index .fixed .btn{position: absolute;width: 25rem;left: 0;right: 0;margin: auto;bottom: 15%;border: 0.2rem solid #FFFFFF;border-radius: 3rem;font-size: 1.8rem;text-align: center;line-height: 5rem;color: #FFFFFF;background: rgba(15, 126, 251, 0.50);}

/* 落地页样式 */
.qrcodeWrap {padding: 10rem 2rem;text-align: center;background-color: #fff;margin: 1.5rem;border-radius: 0.6rem;}
.qrcodeWrap h4 {margin-bottom: 2rem;font-size: 1.8rem;}
.qrcodeWrap img.qrcode {width: 15rem;}
.qrcodeWrap p {margin-top: 1rem;font-size: 1.4rem;}

/**课程**/
.subject-empty{text-align: center; padding: 10rem 0; font-size: 1.4rem;}
.subject-box{padding:1rem; width: 100%; display: inline-block;}
.subject-box .item-box{margin-bottom: 1rem; background-color: #ffffff; display: inline-block; border-radius: 0.5rem;}
.subject-box .item-box .poster{width: 100%; height: auto;}
.subject-box .item-box .my-subject{ }
.subject-box .item-box .my-subject .subject-top{width: 100%; display: inline-block;padding:1.5rem 1rem; border-bottom: 0.1rem solid #F5F5F5;}
.subject-box .item-box .my-subject .subject-main{width: 100%; display: inline-block;padding:1rem;}
.subject-box .item-box .my-subject .subject-main .img{width: 14rem; height: 8.5rem; border-radius: 0.5rem;}
.subject-box .item-box .my-subject .subject-main .content{padding:1rem 0 0 0.5rem;}
.subject-box .item-box .my-subject .subject-main .content h3{width:18rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.subject-box .item-box .my-subject .subject-main p{margin-top: 0.8rem;}
.subject-box .product-center{margin-bottom: 1rem; background-color: #ffffff; border-radius: 0.5rem;}
.subject-box .product-center .product-top{width: 100%; display: inline-block;padding:1.5rem 1rem; border-bottom: 0.1rem solid #F5F5F5;}
.subject-box .product-center .product-main{width: 100%; display: inline-block;padding:1rem;}
.subject-box .product-center .product-main ul li{float: left; width: 16rem; margin-bottom: 1rem;}
.subject-box .product-center .product-main ul li:nth-child(2n) {margin-left: 1.2rem;}
.subject-box .product-center .product-main ul li .img{width: 100%; height: 10rem; border-radius: 0.5rem;}
.subject-box .product-center .product-main ul li h3 {line-height: 1.8rem;margin: 0.4rem 0 0.2rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-align: left;font-size: 1.4rem;}
/*课程列表*/
.subject{width: 100%; display: inline-block; padding-bottom: 2rem;}
.subject .subject-list{background-color: #ffffff;}
.subject .subject-list ul li{width: 100%; height: 10rem; padding: 1rem 1rem 0;border-bottom: 0.1rem solid #F5F5F5; }
.subject .subject-list ul li .img{width: 14rem; height: 8rem; border-radius: 0.5rem;}
.subject .subject-list ul li .content{ padding:1rem 0 0 0.8rem; }
.subject .subject-list ul li .content h3 {width:20rem; line-height: 1.8rem;margin: 0.4rem 0 0.2rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-align: left;font-size: 1.4rem;}
.subject .subject-list ul li .content p{ margin-top:1rem;}
/*课程详情*/
.subjectDetail {}
.subjectDetail .title{line-height: 2.4rem;background-color: #ffffff;padding: 1rem;margin-bottom: 1rem;}
.subjectDetail .all-chapter{width: 100%; display: inline-block; margin-bottom: 1rem; padding-bottom: 1rem; background-color: #ffffff;}
.subjectDetail .all-chapter .chapter-top{width: 100%; display: inline-block;padding:1.5rem 1rem; border-bottom: 0.1rem solid #F5F5F5;}
.subjectDetail .all-chapter .chapter-top .h3-chapter{padding-top: 0.7rem;}
.subjectDetail .all-chapter .chapter-top .studyBtn{background-color: #DBDBDB; opacity: 0.6; padding: 0.5rem 1rem; border-radius: 0.5rem;}
.subjectDetail .all-chapter .chapter-main{width: 100%; display: inline-block;padding:1rem;}
.subjectDetail .all-chapter .chapter-main .img{width: 10rem; height: 6.5rem; border-radius: 0.5rem;}
.subjectDetail .all-chapter .chapter-main .content{padding:1rem 0 0 0.8rem;}
.subjectDetail .all-chapter .chapter-main .content h3{width:24rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.subjectDetail .all-chapter .chapter-main p{margin-top: 0.8rem;}
.subjectDetail .all-chapter .all-btn{text-align: center; margin-top: 1rem;}
.subjectDetail .teacher-item{width: 100%; display: inline-block; margin-bottom: 1rem; background-color: #ffffff; }
.subjectDetail .teacher-item .intro{width: 100%; display: inline-block;padding:1.5rem 1rem; border-bottom: 0.1rem solid #F5F5F5;}
.subjectDetail .teacher-item .teacher-main{width: 100%; display: inline-block;padding:1rem;}
.subjectDetail .teacher-item .teacher-main .img{width: 6rem; height: 6rem; border-radius: 3rem;}
.subjectDetail .teacher-item .teacher-main .content{padding:1rem 0 0 0.8rem;}
.subjectDetail .teacher-item .teacher-main .content h3{margin-bottom: 0.5rem;}
.subjectDetail .subject-content{width: 100%; display: inline-block; margin-bottom: 1rem; padding-bottom: 2rem; background-color: #ffffff; }
.subjectDetail .subject-content h3{width: 100%; display: inline-block;padding:1.5rem 1rem; border-bottom: 0.1rem solid #F5F5F5; }
.subjectDetail .subject-content .subject-content-main{padding: 0 1.5rem;}
.subjectDetail .subject-content .subject-content-main img{width: 100%; height: auto; }
/*章节列表*/
.chapter{width: 100%; display: inline-block; padding-bottom: 2rem;}
.chapter .title{height: 4rem;line-height: 4rem;padding-left: 0.5rem;border-bottom: 0.1rem solid #F5F5F5; background-color: #ffffff;}
.chapter .chapter-list{margin-top: 1rem;  background-color: #ffffff;}
.chapter .chapter-list ul li{width: 100%; height: 10rem; padding: 1rem 1rem 0;border-bottom: 0.1rem solid #F5F5F5; }
.chapter .chapter-list ul li .img{width: 14rem; height: 8rem; border-radius: 0.5rem;}
.chapter .chapter-list ul li .content{ padding:1rem 0 0 0.8rem; }
.chapter .chapter-list ul li .content h3 {width:20rem; line-height: 1.8rem;margin: 0.4rem 0 0.2rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-align: left;font-size: 1.4rem;}
.chapter .chapter-list ul li .content p{ margin-top:1rem;}
/*章节详情*/
.chapterDetail .chapter-box{background-color: #ffffff; margin-bottom: 1rem;}
.chapterDetail .chapter-box .chapter-desc{width:100%; display:inline-block; padding: 1rem;}
.chapterDetail .chapter-box .chapter-desc h3{padding-bottom: 1rem;}
.chapterDetail .chapter-content{background-color: #ffffff; }
.chapterDetail .chapter-content .chapter-menu ul{display: flex; }
.chapterDetail .chapter-content .chapter-menu ul li{flex:1; text-align: center; height: 4rem; line-height: 4rem; }
.chapterDetail .chapter-content .chapter-menu ul li.active span{color: #DD2B2B; border-bottom: 0.1rem solid #DD2B2B; padding-bottom: 0.5rem; }
.chapterDetail .chapter-content .chapter-info{padding: 1rem 1rem 2rem;}
.chapterDetail .chapter-content .chapter-info img{width: 100%; height: auto; text-align: center;}
.chapterDetail .teacher-intro .teacher-main{width: 100%; display: inline-block;padding:1rem;}
.chapterDetail .teacher-intro .teacher-main .img{width: 10rem; height: 10rem; border-radius: 0.5rem;}
.chapterDetail .teacher-intro .teacher-main .content{padding:2.5rem 0 0 1rem;}
.chapterDetail .teacher-intro .teacher-main .content h3{margin-bottom: 1.5rem;}
/*crm系统-首页*/
.crm-box .part1{ width: 100%; padding: 0 1.5rem; height: 21rem;background: linear-gradient(180deg, #7CB7FB 0%, #65A8F5 100%);opacity: 1;}
.crm-box .part1 .part1-h3{ width: 100%; height: 4rem; line-height: 4rem; padding-top: 1.5rem;}
.crm-box .part1 .part1-h3 span{ float: left; font-size: 1.4rem; color: #FFFFFF; font-weight: 400; margin-left: 0.5rem;}
.crm-box .part1 .part1-img{ float: left; width: 3rem; height: 3rem; border: 0.1rem solid #EDEDED;opacity: 1;border-radius: 1.5rem;}
.crm-box .part1 .part1-crm-info{ margin-top: 1rem; width: 34.5rem;height: 13.5rem;background: #93C2F8;opacity: 1;border-radius: 0.1rem;}
.crm-box .part1 .part1-crm-info .part1-ul{ width: 100%; display: inline-block;}
.crm-box .part1 .part1-crm-info .part1-ul .part1-li{ width: 11.2rem; padding: 1.5rem 0 0; text-align: center; float: left;}
.crm-box .part1 .part1-crm-info .part1-ul .part1-li .part1-p1{ font-size: 1.4rem; color: #FFFFFF;}
.crm-box .part1 .part1-crm-info .part1-ul .part1-li .part1-p2{ font-size: 1.8rem; color: #FFFFFF;}
.crm-box .part2{ border-top:1rem solid #f5f5f5; width: 100%; display: inline-block;}
.crm-box .part2 .part2-ul{padding: 1rem 0 0.2rem; display: inline-block; width: 100%;}
.crm-box .part2 .part2-ul .part2-li{ float: left; width:25%;height:6.5rem;text-align: center; margin: 0.1rem 0; position: relative;}
.crm-box .part2 .part2-ul .part2-li .part2-img{ width: 4rem; height: auto;}
.crm-box .part2 .part2-ul .part2-li .renewal_count{ position: absolute; top: 0; right: 2.5rem; width: 1.6rem;height: 1.6rem; background: #DD2B2B;border: 0.2rem solid #FFFFFF;opacity: 1;border-radius: 2rem;}
/*crm系统-客户列表*/
.client .header{background: #EDEDED;height: 5rem;overflow: auto;padding: 0 4%;}
.client .header .picker{float: left;font-size: 1.4rem;line-height: 5rem;color: #333333;}
.client .header .picker .icon{width: 1.2rem;margin-left: 0.5rem;}
.client .header .search-box { margin: 0.9rem 0.3rem 0 0.6rem;position: relative;}
.client .header .search-box input{width: 12.5rem;height: 3.2rem;background: #FFFFFF;opacity: 1;border-radius: 1.8rem; margin: 0; padding:0 0 0 1rem;text-align:left;border:0.1rem solid #ffffff;font-size: 1.4rem;}
.client .header .search-box .input-icons {position: absolute;width: 1.6rem; height: auto; top: 0.7rem;right: 0.6rem; z-index: 888;}
.client .header .detail{float:left;height: 3rem;line-height: 3rem;opacity: 1;border-radius: 1.8rem;margin: 1rem 0 0 0.5rem;}
.client .header .detail .item{color: #666;font-size: 1.2rem;margin-right: 0.5rem;display: inline;}
.client .header .detail .item:last-child{margin-right: 0;}
.client .part1{ width: 100%; padding: 0 1.5rem; height: 5.4rem; background: #EDEDED; opacity: 1;}
.client .part1 .part1-input2{ padding: 1rem 0; position: relative;}
.client .part1 .part1-input2 .picker-time{ width: 16rem;height: 3.5rem;line-height:3.5rem;background: #FFFFFF; opacity: 1;border-radius: 1.8rem;}
.client .part1 .part1-input2 .picker-time .picker{ padding: 0.75rem 0 0 1rem;}
.client .part1 .part1-input2 .picker-icons {position: absolute;width: 1.6rem; height: 0; top: 2.3rem;right: 8%;}
.client .part1 .part1-btn .btn-icons {width: 2.5rem; height: auto; margin:1.2rem 0 0 1.5rem;}
.client .part2{width: 100%; display: inline-block; padding: 0 1.5rem;}
.client .part2 .part2-ul{ width: 100%; display: inline-block;}
.client .part2 .part2-ul .part2-li{width: 100%; height: 6rem; margin: 1.5rem 0; border-bottom: 0.1rem solid #EDEDED;}
.client .part2 .part2-ul .part2-li .part2-image{ position: relative; height: 4.5rem;}
.client .part2 .part2-ul .part2-li .part2-image .store-icons{width: 4rem; height: 4rem; border-radius: 2rem;}
.client .part2 .part2-ul .part2-li .part2-image .store-num{position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 2.8rem; text-align: center;opacity: 1;border-radius: 2rem;}
.client .part2 .part2-ul .part2-li .part2-info1{ margin-left: 1rem;}
.client .part2 .part2-ul .part2-li .part2-info1 .store-name .name{max-width:10rem; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.client .part2 .part2-ul .part2-li .part2-info1 .store-name .text{ background-color: #D79C48; color: #ffffff; font-size: 1.2rem; padding:0 0.4rem; margin-left: 0.5rem; border-radius: 0.5rem;}
.client .part2 .part2-ul .part2-li .part2-info1 .store-time{ display: inline-block; margin-top: 0.5rem;}
.client .part2 .part2-ul .part2-li .part2-info2 .store-money{text-align: right;}
.client .part2 .part2-ul .part2-li .part2-info2 .store-money .update-btn{display: inline-block;text-align: center;width: 4rem;height: 2rem;line-height: 2rem;border: 0.1rem solid #D79C48;border-radius: 3rem;color: #D79C48;margin: 0.8rem 0 0 0.4rem;font-size: 1.1rem;float: right;}
.client .part2 .part2-ul .part2-li .part2-info2 .store-money .top-icons{width: 0.8rem; height: 0;}
.client .part2 .part2-ul .part2-li .part2-info2 .store-client{ display: inline-block; float:right;}
.client .part2 .part2-ul .part2-li .part2-info2 .store-client span{font-weight:bold; color: #007aff; font-size: 1.4rem;}
.client .part2 .part2-ul .part2-li .part2-info2 .store-client .user-icons{width: 1.8rem; height: 1.8rem; border-radius: 1rem; margin-right: 0.5rem;}
/*客户详情*/
.clientDetail .header{background: #EDEDED;height: 5rem;line-height:5rem;font-weight:bold;overflow: auto;padding: 0 4%;}
.clientDetail .part1{width: 100%; display: inline-block; padding: 0 1.5rem;}
.clientDetail .part1 .part1-ul{ width: 100%; display: inline-block;}
.clientDetail .part1 .part1-ul .part1-li{width: 100%; height: 6rem; margin: 1.5rem 0; border-bottom: 0.1rem solid #EDEDED;}
.clientDetail .part1 .part1-ul .part1-li .part1-info1{ margin-left: 1rem;}
.clientDetail .part1 .part1-ul .part1-li .part1-info1 .store-name .name{max-width:10rem; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.clientDetail .part1 .part1-ul .part1-li .part1-info1 .store-name .text{ background-color: #D79C48; color: #ffffff; font-size: 1.2rem; padding:0.2rem 0.4rem; margin-left: 0.5rem; border-radius: 0.5rem;}
.clientDetail .part1 .part1-ul .part1-li .part1-info1 .store-time{ display: inline-block; margin-top: 0.5rem;}
.clientDetail .part1 .part1-ul .part1-li .part2-info2 .store-money{text-align: right;}
.clientDetail .part1 .part1-ul .part1-li .part2-info2 .store-money .button{display: inline-block;text-align: center;width: 6rem;height: 2rem;line-height: 2rem;border: 0.1rem solid #D79C48;border-radius: 3rem;color: #D79C48;margin: 0.8rem 0 0 0.4rem;font-size: 1.1rem;float: right;}
.clientDetail .part2{width: 100%; display: inline-block; padding: 0 1.5rem;}
.clientDetail .part2 .part2-ul{ width: 100%; display: inline-block;}
.clientDetail .part2 .part2-ul .part2-li{width: 100%; height: 6rem; margin: 1.5rem 0; border-bottom: 0.1rem solid #EDEDED;}
.clientDetail .part2 .part2-ul .part2-li .part2-image{ position: relative; height: 4.5rem; margin-top:0.4rem;}
.clientDetail .part2 .part2-ul .part2-li .part2-image .store-icons{width: 4rem; height: 4rem; border-radius: 2rem;}
.clientDetail .part2 .part2-ul .part2-li .part2-info1{ margin-left: 1rem;}
.clientDetail .part2 .part2-ul .part2-li .part2-info1 .store-name .name {max-width: 10rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.clientDetail .part2 .part2-ul .part2-li .part2-info1 .store-name .text {background-color: #D79C48;color: #ffffff;font-size: 1.2rem;padding: 0 0.4rem;margin-left: 0.5rem;border-radius: 0.5rem;}
.clientDetail .part2 .part2-ul .part2-li .part2-info1 .store-time {display: inline-block;margin-top: 0.7rem;}
.clientDetail .part2 .part2-ul .part2-li .part2-info2{ width: 9rem;text-align: right;}
.clientDetail .part2 .part2-ul .part2-li .part2-info2 p{ display: inline-block;}
.clientDetail .part2 .part2-ul .part2-li .part2-info2 .store-client span{font-weight:bold; color: #007aff; font-size: 1.4rem;text-align:right;}
.clientDetail .client-basic{ padding: 1rem 2rem;}
.clientDetail .client-basic p{ margin-top: 1rem;}
.clientDetail .client-basic p span{ margin-right: 2rem; font-size: 1.4rem;}
.clientDetail .client-basic p .text1{ display:inline-block; width: 13rem;}
/*客户详情-图片弹框*/
.clientDetail .clientImage-bj{ position: fixed;  top: 0;  left: 0;  height: 100%;  width: 100%;  background: #000;  opacity: 0.5;  display: block;  z-index: 998; }
.clientDetail .clientImage{ position: fixed;top: 20rem;left: 0;right: 0;margin: 0 1.5rem;z-index: 999;}
/*更新客户信息*/
.updateClient .layui-field-box{padding: 1.5rem 1.5rem 6rem 1.5rem;}
.updateClient .layui-form-item{margin-bottom: 0.8rem;}
.updateClient .layui-form-item .layui-form-label{width: 6rem;padding: 1rem 0.5rem;font-size: 1.4rem;}
.updateClient .layui-form-item .layui-input-block{margin-left: 7rem;}
.updateClient .layui-form-item .layui-input-block .layui-form-radio:hover *,.layui-form-radioed, .layui-form-radioed>i{color: #2878FF;}
.updateClient .layui-form-item .layui-input-block .layui-input{font-size: 1.4rem;margin-bottom: 0;}
.updateClient .layui-form-item .layui-input-block .layui-textarea{font-size: 1.4rem;margin-bottom: 1rem;}
.updateClient .layui-form-item .layui-input-block .images_item{width: 8rem;height: 8rem;object-fit: cover;margin: 0 0.5rem 0.5rem 0;}
.updateClient .layui-form-bottom{position: fixed;width: 100%;background: #FFFFFF;bottom: 0;left: 0;border-top: 0.1rem solid #eee;}
.updateClient .layui-form-bottom .layui-btn{background: #2878FF;color: #FFFFFF;margin: 1rem auto;width: 94%;border-radius: 5rem;line-height: 4rem;height: 4rem;display: block;font-size: 1.4rem;}
.updateClient .layui-form-bottom .layui-btn.del{background: #ed7474;}
.updateClient .picker{line-height: 4rem;}
.updateClient .picker .icon{width: 1.2rem;margin-left: 0.5rem;}
/*背景*/
.client-bj{ position: fixed;  top: 0;  left: 0;  height: 100%;  width: 100%;  background: #000;  opacity: 0.5;  display: block;  z-index: 998; }
/*操作弹框*/
.operate-box{ position: fixed; bottom: 0; text-align: center; width: 37.5rem;height: 33.4rem; padding: 1.5rem 0; background: #FFFFFF;opacity: 1;border-radius: 1.5rem 1.5rem 0 0; z-index: 999;}
.operate-box .view-ul .view-li{ margin: 1.5rem auto; width: 34.5rem;height: 5rem; line-height: 5rem; background: #F5F5F5;opacity: 1;border-radius: 0.5rem;}
.operate-box .view-ul .cancel-btn{ margin: 2rem auto 1.5rem; width: 34.5rem;height: 5rem; line-height: 5rem; border: 0.1rem solid #dbdbdb;border-radius: 0.5rem;}
/* 转移客户弹窗 */
.client-box{ width: 90%; min-height:22.6rem; position: fixed; top:25%;left:5%;  z-index: 999;background: #FFFFFF;opacity: 1;border-radius: 0.3rem;}
.client-box .client-head{ width: 91%;display: inline-block;height:4rem;line-height: 4rem; padding: 0 1.5rem; border-bottom: 0.1rem solid #ededed;}
.client-box .client-head image{ width: 1.5rem; height: auto; margin: 1.2rem 0 0 0;}
.client-box .client-info{ width: 84%; display: inline-block; padding: 3rem 2.5rem;}
.client-box .view-p{ width: 100%; display: inline-block; height: 4rem; line-height: 4rem;}
.client-box .view-p .text-span{ width: 8rem; display: inline-block;}
.client-box .view-p .wechat-img{ width: 2rem; height: auto; border-radius: 1rem; margin-right: 0.5rem;}
.client-box .view-p picker{ position: relative;width: 18.4rem; border: 0.1rem solid #dbdbdb; padding-left: 0.5rem;}
.client-box .view-p picker image{ position: absolute;width: 1.6rem; height: auto; top: 17.5rem;right: 6%;z-index: 999;}
.client-box .client-btn{ height: 4.5rem; line-height: 4.5rem; border-top: 0.1rem solid #ededed;}
.client-box .client-btn .btn{ width: 49%; float: left; text-align: center;}
.client-box .client-btn .btn:nth-child(2n){border-left: 0.1rem solid #ededed;}
/*crm系统-排行榜*/
.rank .part1{ width: 100%; padding: 0 1.5rem; height: 5.4rem; background: #EDEDED; opacity: 1;}
.rank .part1 .part1-input{ padding: 1rem 0; position: relative; width: 9rem;}
.rank .part1 .part1-input .picker{width: 11.6rem;height: 3.5rem; line-height: 3.5rem;background: #EDEDED;}
.rank .part1 .part1-input .picker-icons {position: absolute;width: 1.2rem; height: auto; top: 2rem;right: 2rem;z-index: 888;}
.rank .part1 .part1-info { text-align: right; width: 21rem;height: 3rem; line-height: 3rem;margin: 1.2rem 0 0 0.5rem; padding-left: 1rem;}
.rank .part2{width: 100%; display: inline-block; padding: 0 1.5rem;}
.rank .part2 .part2-ul .part2-li{width: 100%; height: 6.5rem; padding: 1rem 0 0.5rem; border-bottom: 0.1rem solid #EDEDED;}
.rank .part2 .part2-ul .part2-li .part2-image{ position: relative; height: 4.5rem;}
.rank .part2 .part2-ul .part2-li .part2-image .bg1{ background-color: #E6B371 !important;}
.rank .part2 .part2-ul .part2-li .part2-image .bg2{ background-color: #B5B5B5 !important;}
.rank .part2 .part2-ul .part2-li .part2-image .bg3{ background-color: #B8761F !important;}
.rank .part2 .part2-ul .part2-li .part2-image .store-icons{width: 4rem; height: auto; border-radius: 2rem;}
.rank .part2 .part2-ul .part2-li .part2-image .store-num{  background-color: #c1c1c1; border:0.2rem solid #ffffff; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 2.8rem; text-align: center;opacity: 1;border-radius: 2rem;}
.rank .part2 .part2-ul .part2-li .part2-info{ width: 85%; line-height: 5rem; margin-left: 1rem;}
/*crm系统-续费*/
.renewal .part1{width: 100%; display: inline-block; padding: 0 1.5rem;}
.renewal .part1 .part1-ul .part1-li{width: 100%; height: 5rem; padding: 1rem 0 0.5rem; border-bottom: 0.1rem solid #EDEDED;}
.renewal .part1 .part1-ul .part1-li .part1-image{ position: relative; height: 4.5rem;}
.renewal .part1 .part1-ul .part1-li .part1-image .store-icons{width: 4rem; height: auto; border-radius: 2rem;}
.renewal .part1 .part1-ul .part1-li .part1-image .store-num{position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 2.8rem; text-align: center;opacity: 1;border-radius: 2rem;}
.renewal .part1 .part1-ul .part1-li .part1-info1{ margin-left: 1rem;}
.renewal .part1 .part1-ul .part1-li .part1-info1 .store-time{ margin-top: 0.5rem;}
.renewal .part1 .part1-ul .part1-li .part1-info1 .store-time text{ border-radius: 2rem; padding: 0 0.5rem;}
.renewal .part1 .part1-ul .part1-li .part1-info2 .store-money{ text-align: right;}
.renewal .part1 .part1-ul .part1-li .part1-info2 .store-client{margin-top: 0.5rem; display: inline-block; float: right;}
.renewal .part1 .part1-ul .part1-li .part1-info2 .store-client .user-icons{width: 1.8rem; height: 0; border-radius: 1rem; margin-right: 0.5rem;}

/* 底部弹出卡片 */
.iframeModal{position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 998;}
.iframeModal .iframeMask{position: absolute;top: 0;left: 0;background-color: #000000AA;width: 100%;height: 100%;}
.iframeModal .iframeBody{position: absolute;width: 100%;max-height:90%;bottom: 0;background-color: #fff;border-radius: 1rem 1rem 0 0;overflow-y: auto;}
.iframeModal .iframeBody .iframeTitle{display: inline-block;text-align: center;width: 100%;padding: 1rem 0;font-size: 1.4rem;}
.iframeModal .iframeBody .iframeClose{position: fixed;right: 1rem;margin-top: 1rem;z-index:9;font-size: 2.4rem;}
.iframeModal .iframeBody .iframeCont{margin-bottom:5rem;padding:1rem 1.5rem}
.iframeModal .iframeBody .iframeBottom{position:fixed;left:0;right:0;bottom:0;padding:1rem 1.5rem}
.iframeModal .iframeBody .iframeBottom .iframeBtn{display:inline-block;width:100%;height:4rem;line-height:4rem;border-radius:4rem;border:none;color:#fff;padding:0;}
.iframeModal .iframeBody .iframeCont .checkbox{margin-bottom: 1rem;display: inline-block;}
.iframeModal .iframeBody .iframeInput{width:100%;background-color:#f6f6f6;padding:1rem;border-radius:1rem;font-size:1.2rem;border:none}
.iframeModal .iframeBody .iframeInput.hide{display: none;}
.iframeModal .iframeBody .iframeTextarea{position:relative}
.iframeModal .iframeBody .iframeTextarea textarea{min-height:10rem}
.iframeModal .iframeBody .textCount{position:absolute;right:1rem;bottom:2.5rem;color:#666;font-size:1.2rem}
.iframeModal .iframeBody .textCount em{color:#999;font-style: normal}

/* 上传样式 */
input[data-toggle="fileUpload"]{display: none}
em{font-style:normal}
.fileUploadWrap{}
.fileUploadWrap .fileUploadInput{}
.fileUploadWrap .fileUploadBtn{width: 8rem;height: 8rem;line-height: 8rem;padding: 0;display: inline-block;color:#999;text-align: center;border: 1px dashed #e2e2e2;cursor:pointer;vertical-align: top}
.fileUploadWrap .fileUploadBtn .plus{font-size:2.0rem;}
.fileUploadWrap .fileUploadBtn .plus em{font-size:1.8rem;font-style: normal;}
.fileUploadWrap .fileUploadImages{display: inline}
.fileUploadWrap .fileUploadImages img,.fileUploadWrap .fileUploadImages video{width: 8rem;height: 8rem;margin: 0 10px 10px 0;vertical-align: top}
.fileUploadWrap .fileUploadImages .imageItem{position:relative;display:inline-block;}
.fileUploadWrap .fileUploadImages .imageItem .remove_btn{position:absolute;right:3px;top:-8px;width:16px;height:16px;line-height:16px;background-color:#ccc;text-align:center;border-radius:30px;cursor:pointer}
.fileUploadWrap .fileUploadImages .imageItem .remove_btn i{color:#fff;font-size:10px}
.fileUploadWrap .fileUploadImages .imageItem .link_btn{position:absolute;right:0;bottom:10px;width:24px;height:24px;line-height:24px;background-color:#d79c48;text-align:center;border-radius:4px;cursor:pointer;}
.fileUploadWrap .fileUploadImages .imageItem .link_btn i{color:#fff;font-size:12px}

/*业绩明细*/
.performance .header{background: #EDEDED;height: 5rem;overflow: auto;padding: 0 4%;}
.performance .header .picker{float: left;font-size: 1.4rem;line-height: 5rem;color: #333333;}
.performance .header .picker .icon{width: 1.2rem;margin-left: 0.5rem;}
.performance .header .detail{float:right; width: 27rem;height: 3rem;line-height: 3rem;opacity: 1;border-radius: 1.8rem;margin: 1rem 0 0 0.5rem;padding-left: 1rem;}
.performance .header .detail .item{color: #666;font-size: 1.2rem;margin-right: 0.5rem;display: inline;}
.performance .header .detail .item:last-child{margin-right: 0;}
.performance .list{padding: 0 0 0 3%;}
.performance .list li{overflow: auto;border-bottom: 0.1rem solid #EDEDED;padding: 0.5rem 0;position: relative;}
.performance .list li:last-child{border: none;}
.performance .list li .state{border: 4.5rem solid transparent;border-bottom: 4.5rem solid #e91e63;width: 4.5rem;height: 4.5rem;position: absolute;top: -5rem;left: -1rem;transform: rotate(90deg);overflow: hidden;}
.performance .list li .state.state0{border-bottom: 4.5rem solid #ff9800;}
.performance .list li .state.state1{border-bottom: 4.5rem solid #8bc34a;}
.performance .list li .text{font-size: 1rem;color: #FFFFFF;transform: rotate(-45deg);position: absolute;top: 0.3rem;left: -0.1rem;line-height: 1.5rem;}
.performance .list li .logo{float: left;width: 4rem;height: 4rem;border-radius: 100%;object-fit: cover;}
.performance .list li .info{float: left;width: 29.5rem;margin-left: 1rem;}
.performance .list li .info .item{overflow: hidden;width: 100%;line-height: 2.4rem;}
.performance .list li .info .name{font-size: 1.4rem;float: left;color: #333333;}
.performance .list li .info .type{font-size: 1.2rem;color: #999;}
.performance .list li .info .price{font-size: 1.4rem;float: right;color: #333333;}
.performance .list li .info .time{font-size: 1.2rem;color: #999999;float: left;}
.performance .list li .info .duration{font-size: 1.2rem;color: #999999;float: right;}
.performance .list li .mui-icon{position: absolute;right: 0.5rem;top: 2rem;margin: auto;font-size: 1.6rem;color: #cccccc;}
.performance .bottom{position: fixed;background: #FFFFFF;height: 5rem;left: 0;right: 0;bottom: 0;margin: auto;border-top: 0.1rem solid #ededed;}
.performance .bottom .add{background: #2878FF;width: 80%;margin: 0.5rem auto;line-height: 4rem;text-align: center;border-radius: 3rem;font-size: 1.4rem;color: #FFFFFF;}
.performance .crm_performance{position: fixed;background: #FFFFFF;height: 5rem;left: 3%;right: 3%;bottom: 0;margin: auto;border-top: 0.1rem solid #ededed;display: flex;}
.performance .crm_performance .item{flex: 1;line-height: 5rem;font-size: 1.4rem;}

/*添加业绩*/
.addPerformance .layui-field-box{padding: 1.5rem 1.5rem 6rem 1.5rem;}
.addPerformance .layui-form-item{margin-bottom: 0.8rem;}
.addPerformance .layui-form-item .layui-form-label{width: 6rem;padding: 1rem 0.5rem;font-size: 1.4rem;}
.addPerformance .layui-form-item .layui-input-block{margin-left: 7rem;}
.addPerformance .layui-form-item .layui-input-block .layui-form-radio:hover *,.layui-form-radioed, .layui-form-radioed>i{color: #2878FF;}
.addPerformance .layui-form-item .layui-input-block .layui-input{font-size: 1.4rem;margin-bottom: 0;}
.addPerformance .layui-form-item .layui-input-block .layui-textarea{font-size: 1.4rem;margin-bottom: 1rem;}
.addPerformance .layui-form-item .layui-input-block .images_item{width: 8rem;height: 8rem;object-fit: cover;margin: 0 0.5rem 0.5rem 0;}
.addPerformance .layui-form-bottom{position: fixed;width: 100%;background: #FFFFFF;bottom: 0;left: 0;border-top: 0.1rem solid #eee;}
.addPerformance .layui-form-bottom .layui-btn{background: #2878FF;color: #FFFFFF;margin: 1rem auto;width: 94%;border-radius: 5rem;line-height: 4rem;height: 4rem;display: block;font-size: 1.4rem;}
.addPerformance .layui-form-bottom .layui-btn.del{background: #ed7474;}