﻿
*{margin:0;padding:0;border:none;outline:none;text-decoration:none;font-size:14px;}
ol,li,ul{list-style:none;}
::-webkit-scrollbar{display:block;position:fixed;width:6px;background:white;display:block !important;}  /*隐藏滚轮*/
::-webkit-scrollbar-thumb{background:#c299fc;border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:#9852f9;}
text{cursor:default;user-select:none;-webkit-user-select: none}
/* svg,text{dominant-baseline:hanging;} */
select,input,button{}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
a:hover{text-decoration:none;}
:hover{transition:all 0.5s;}
svg{width:16px;height:16px;fill:#9852f9;}
svg.highcharts-root{width:auto;height:auto;background:#fff;}
body,html{background:#f5f5f5;}

/*公共样式*/
/*header-start*/
.bgwht{background:white;}
.ctu_dex{width:100%;height:auto;background:#fff;position:relative;top:0;z-index:10;box-shadow:0 5px 20px rgba(0,0,0,0.05);display:block;overflow:hidden;}
.ctu_dex .ctutop{width:inherit;height:auto;}
.ctutop .topbox{width:inherit;height:auto;} 
.topbox .left_log{width:220px;height:60px;float:left;}
.left_log svg.icon_logo{width:180px!important;height:64px;fill:#9852f9;padding:0 10px;cursor:pointer;margin-top:-2px;}
.left_log svg.icon_logo:hover{fill:#000;}
.topbox .mid_box{width:max-content;float:left;margin-left:20px;}
.topbox .searcho{float:left;margin-left:10%;margin-top:12px;}
.mid_box .midb_item{width:max-content;float:left;position:relative;}
.midb_item a{text-align:center;line-height:60px;height: 60px;width:auto;display:block;overflow:hidden;margin-right:35px;cursor:pointer;color:#333;}
.midb_item .a{text-align:center;line-height:60px;height: 60px;width:auto;display:block;overflow:hidden;margin-right:35px;cursor:pointer;color:#333;}
.midb_item:last-child a::after {bottom:10px;width:30px;}
.midb_item svg{width:20px;height:20px;margin-top:20px;cursor:pointer;fill:#666;box-sizing:content-box;-webkit-box-sizing:content-box;}
.midb_item svg:hover{fill:#9852f9;}
.midb_item a:hover/*,.midn_cho a*/{color:#9852f9;text-decoration:none;}
.midb_item a:hover::after {opacity:1;}
.midb_item_slt a {color:#9852f9;font-weight:bold;text-decoration:none;box-shadow:0 -2px 0 #9852f9 inset;}
.midb_item_slt a::after {display:block;opacity:1;}
/*.midn_cho a{border-bottom-color:#9852f9;}*/
.topbox .userbox{float:right;width:max-content;margin-right:20px;margin-top:15px;}
.userbox span{float:left;color:#999;line-height:28px;cursor:pointer;}
.userbox:hover span{color:#9852f9;}
.userbox img{width:28px;height:28px;border-radius:50%;cursor:pointer;float:left;margin:0 10px;}
.userbox img:hover{filter:grayscale(80%);transform:perspective(15px)rotateY(360deg)}
.userbox span.nor_unsign{margin-right:20px;}
.userbox span.unsignin{background:transparent;color:#9852f9;margin-right:20px;padding:0px 15px;border-radius:15px;border:1px solid #b282d9;}
.userbox span.unsignin:hover{background:#b282d9;color:white;}
.topbox .us_after{margin-top:10px;}
.us_after img{margin-top:5px;}
.us_after .usaf_ti{width:max-content;float:left;}
.usaf_ti h5{width:inherit;font-size:14px;color:#666;line-height:20px;margin:0;}
.usaf_ti span{line-height:14px;font-size:12px;}
.topbox .opbox{position:fixed;z-index:120;left:0;top:0;background:white;border-radius:2px;display:none;box-shadow:0 5px 10px rgba(0,0,0,0.1);background:rgba(255, 255, 255, 0.9);width:160px;}
.opbox ul.web_more{width:max-content;height:auto;display:block;overflow:hidden;margin:0;}
.web_more li{width:auto;padding:10px 20px;cursor:pointer;overflow:hidden;display:block;}
.web_more li>svg{width:20px;height:20px;float:left;fill:#aeaeae;}
.web_more .webm_cho svg{fill:#9852f9;}
.web_more li>span{width:auto;line-height:20px;float:left;fill:#aeaeae;margin-left:10px;padding-right:15px;}
.web_more li:hover,.web_more .webm_cho{background:rgba(0,0,0,0.08);color:#9852f9;}
.web_more li:hover svg{fill:#9852f9;}
.web_more li:hover span{color:#9852f9;}
.active::after{width:6px;height:6px;background:#9852f9;border-radius:50%;content:'';float:right;margin:8px 6px;}
/*header-end*/
.ctu_banner{width:100%;height:auto;position:relative;top:0;z-index:0;position:relative;}
.ctu_banner .ctubanbox{width:inherit;}
.ctubanbox canvas#ctx_banner{width:inherit;height:600px;position:absolute;left:0;top:0;z-index:1;}
.ctu_banner img{width:inherit;height:auto;}
.ctu_banner section.folot{width:1300px;height:max-content;position:absolute;left:0;top:60px;right:0;bottom:0;margin:auto;z-index:3;}
.folot h1{font-size:72px;color:white;}
.folot h1:hover{filter:saturate(50%)}
.folot p{line-height:60px;font-size:32px;color:white;}
.folot button[name="begindes"]{width:200px;height:48px;font-size:24px;background:white;color:#666;margin-top:50px;border-radius:5px;font-weight:bold;cursor:pointer;}
.folot button[name="begindes"]:hover{background:#9852f9;color:#fff;}
.webin_sec{width:100%;height:max-content;background:white;padding:50px 0;position:relative;}
.webin_sec[name='sjshi']{background:url('/images/woc.png') white content-box no-repeat;padding:0;background-size:cover;}
.webin_sec[name='sjshi'] .wbtik .linewebc{background:#fff;}
.webin_sec .wbtik{width:inherit;height:auto;position:relative;z-index:2;padding-top:50px;}
.wbtik h3,.wbtik p{width:inherit;text-align:center;line-height:36px;font-size:26px;padding:18px 0;color:#333;}
.wbtik p{line-height:16px;font-size:18px;padding:0;}
.wbtik h3 {font-weight:bold;}
.wbtik .col_h3 {padding-bottom:0px;}
.wbtik .col_p {color:#666;font-size:14px;line-height:14px;}
.wbtik .col_p1 {font-size:16px;}

.wbtik .linewebc{width:331px;height:4px;background:#9852f9; /*background:linear-gradient(to right,#cfd9e5,#9852f9 ,#cfd9e5);*/margin:20px auto;margin-top:22px;}

.wbtik .atsins{width:1320px;height:auto;overflow:hidden;margin:20px auto;margin-top:80px;}
.atsins .lats_ite{float:left;margin:10px 20px;width:400px;height:180px;border-radius:20px;box-shadow:2px 2px 10px 2px #ccc;transition: transform 0.2s ease;}
.lats_ite:first-child{background:linear-gradient(to right bottom,#9852f9,#ba83ff);}
.lats_ite:nth-child(2){background:linear-gradient(to right bottom,#5993F4,#5BD3F6);}
.lats_ite:last-child{background:linear-gradient(to right bottom,#40567B,#5780C6);}
.lats_ite img{width:180px;height:auto;margin:20px 10px;float:left;}
.lats_ite h2{float:left;font-size:22px;color:white;width:180px;margin-left:20px;line-height:36px;margin-top:45px;font-weight:bold;}
.lats_ite h2:last-child{margin-top:10px;}
.lats_ite:hover{/*filter:grayscale(40%);*/transform:scale(1.1);}

.webin_thr{width:100%;height:auto;padding:50px 0;background:#f2f2f2;overflow:hidden;}
.webin_thr .caresr{width:1440px;height:auto;margin:0 auto;}
.caresr .cas_lft{float:left;overflow:hidden;margin-left:77px;}
.cas_lft h2{font-size:30px;color:#666;margin-top:20px;}
.cas_lft h2>b{color:#9852f9;font-size:inherit;}
.cas_lft p{font-size:24px;margin:20px auto;}

.caresr .cas_rig{float:left;margin-left:50px;}
.cas_rig button{width:152px;height:40px;background:#fff;margin-right:150px;font-size:18px;color:#9852f9;line-height:40px;border-radius:3px;margin-top:80px;cursor:pointer;margin-left:80px;border:2px solid #9852f9;}
.cas_rig button:hover{background:#9852f9;color:#fff;}

.webin_sec .secsbox{width:1440px;height:max-content;margin:50px auto;overflow:hidden;}
.secsbox .secs_left{float:left;margin:20px;width:600px;overflow:hidden;height:300px;position:relative;z-index:1;margin-left:77px;}
.secs_left .slidbox{height:inherit; width:inherit;overflow:hidden;position:absolute;top:0;left:0;}
.slidbox .slid_el {position:absolute;top:0px;left:0px;width:inherit;}
.slidbox .slidite{width:inherit;height:300px;}
.slidite img{width:inherit;height:inherit;background:#83a3ff;position:absolute;z-index:10;}
.slidite:nth-child(2) img {background:#7c69a3;}
.slidite:last-child img {background:#green;}
.secs_left .capos{width:max-content;height:max-content;display:block;position:absolute;right:20px;top:0;bottom:0;margin:auto;z-index:99;}
.capos .posite{width:8px;background:#fff;height:8px;border-radius:50%;margin:10px 5px;cursor:pointer;}
.capos .poscho{background:#5bd3f6;}
.slidite:before{width:inherit;height:inherit;background:transparent;position:absolute;left:0;top:0;display:block;content:'';z-index:1;}
.slidite img:after{width:inherit;height:inherit;background:red;position:absolute;left:0;top:0;display:block;content:'';}
.secsbox .secs_rig{width:600px;float:left;margin-left:65px;margin-top:53px;}
.secs_rig h3{font-size:26px;line-height:48px;color:#333;font-weight:bold;}
.secs_rig p{font-size:16px;color:#666;margin-top:30px;}
.secs_rig button{width:max-content;padding:10px 40px;line-height:20px;font-size:18px;background:#fff;color:#9852f9;margin-top:30px;cursor:pointer;border-radius:3px;border:2px solid #9852f9;}
.secs_rig button:hover{background:#9852f9;color:#fff;}

.webin_sec canvas#bg_ban_c{width:inherit;height:80%;position:absolute;top:10%;z-index:1;background:url('/images/bg_star.png') left top no-repeat content-box ;padding:0;background-size:contain;-webkit-animation: hue-rotate 3s linear infinite;
    animation: hue-rotate 3s linear infinite; opacity:0;}

.wbtik .col{color:white;}

.wbtik .titanbox{width:max-content;height:max-content;margin:20px auto;overflow:hidden;margin-top:80px;margin-bottom:-110px;}
.titanbox .pros{width:80px;float:left;height:max-content;padding:20px 0;background:rgba(255,255,255,0.1);cursor:pointer;margin-top:120px;}
.pros svg.icon{width:36px;height:36px;fill:#5bd3f6;margin:auto;display:block;overflow:hidden;}
.pros:hover{background:rgba(255,255,255,0.3);}
.pros:hover svg.icon{fill:#fff;}
.titanbox .titan_v{width:max-content;height:auto;margin:20px auto;float:left;margin-top:60px;}
.titan_v .tan_ite{width:300px;float:left;height:max-content;margin:10px 27px;background:white;box-shadow:0 5px 20px rgba(0,0,0,0.2);padding:10px;position:relative;padding-bottom:30px;}
.tan_ite img{width:120px;height:120px;border-radius:50%;margin:20px auto;display:block;margin-top:-70px;border:6px solid #e5e5e5;box-shadow:0 5px 20px rgba(0,0,0,0.1);position:relative;}
.tan_ite:hover img{border-color:#9852f9;transition:all 1s;transform:scale(1.05);}
.tan_ite:hover::before{content:'';width:152px;height:152px;background:#9852f9;display:block;margin:0 auto;position:absolute;left:0;top:-70px;margin:auto;right:0;border-radius:50%;opacity:0.4;}

.tan_ite p{line-height:24px;font-size:16px;padding:20px 0;}
.tan_ite h2{font-size:24px;line-height:36px;text-align:center;}

.webin_sec[name="webmin"]{padding-top:120px;}

.wbtik .kejil{width:max-content;margin:80px auto;}
.kejil img{max-width:1500px;}

footer.foter{width:100%;height:auto;padding:20px 0;overflow:hidden;background:#666;margin-top:0;}
.foter .fot_head{width:max-content;height:auto;overflow:hidden;margin:20px auto;padding-bottom:30px;border-bottom:2px solid rgba(255,255,255,0.2);}
.fot_head .foth_left{width:max-content;float:left;border-right:1px solid rgba(255,255,255,0.2);}
.foth_left .fl_ite{width:max-content;float:left;margin:0 50px;}
.foth_left .fl_ite:first-child{margin-left:0;}
.fl_ite h2{line-height:20px;font-size:14px;color:white;text-align:inherit;width:inherit;padding:10px 0;font-weight:bold;}
.fl_ite ul.flist{width:auto;height:max-content;display:block;}
.flist li{width:inherit;color:white;line-height:24px;padding:5px 0;cursor:pointer;text-indent:5px;}
.flist li:hover{color:#9852f9;}
.fot_head .foth_mid{float:left;width:max-content;padding:0 20px;border-left:1px solid #9852f9; }

.foth_mid .fl_ite{width:inherit;height:auto;margin:10px 50px;}
.fot_head .foth_rig{float:left;padding-left:20px;margin-right:50px;}
.foth_rig .flr_lef{width:max-content;height:auto;float:left;margin:0 10px;}
.flr_lef img{width:120px;height:120px;margin:10px;}
.foth_rig .flr_rig{float:left;width:max-content;height:auto;}
.flr_rig p{margin-top:20px;color:white;}
.flr_rig h3{line-height:36px;font-size:14px;color:white;}
.flr_rig h3:first-child{margin-top:20px;}
.foter .fot_body{width:max-content;height:auto;padding:20px 0;margin:0 auto;}
.fot_body p{width:inherit;line-height:24px;text-align:center;font-size:14px;color:white;}
.fot_body p>a{color:white;}

/*收藏*/
.covermodls svg.save_cho{fill:red;}

/*登陆弹窗*/
.covbox{width:100%;height:100%;position:fixed;z-index:266;background:rgba(0,0,0,0.4);left:0;top:0;display:none;}
.covbox .downctu{width:640px;height:max-content;padding:20px;border-radius:5px;margin:auto;position:absolute;left:0;top:0;right:0;bottom:0;background:white;}
.downctu .downtypes{width:inherit;height:auto;overflow:hidden;padding:15px 0;}
.downtypes button{width:28%;height:40px;color:White;display:block;float:left;margin:0 2.5%;background:#676c7a;border-radius:5px;}
.downtypes button:hover,.downtypes .piccho{background:#333744;}

/*文本编辑*/
.textaediter{width:max-content;height:max-content;position:fixed;;left:0;top:0;z-index:266;display:none;}
.textaediter .textedt_line{width:inherit;height:inherit;}
.textedt_line span.textmain,.textedt_line span.textmain>span{width:inherit;line-height:inherit;white-space:nowrap}
span.textmain span.txta{width:auto;height:auto;user-select:text;}

.covbox .us_sign{display:block;padding:0;border-radius:5px;overflow:hidden;}
.us_sign .chead{width:inherit;height:max-content;overflow:hidden;position:relative;}
.chead .top_lft{width:max-content;height:auto;overflow:hidden;float:left;}
.top_lft svg{width:80px;height:60px;float:left;fill:#a3becc;cursor:pointer;margin-top:-5px;}
.top_lft span{float:left;line-height:44px;}
.top_lft:hover svg{fill:#676c7a;}
.chead .top_rig{width:max-content;height:auto;overflow:hidden;float:right;}
.top_rig .top_tr_con{width:24px;height:24px;padding:4px;margin-right:10px;margin-top:10px;cursor:pointer;}
.top_tr_con svg:hover{fill:#676c7a;}
.top_rig svg{float:right;width:16px;height:16px;padding:4px;}
.us_sign .cbody{width:inherit;height:auto;overflow:hidden;}
.cbody .bt_head,.cbody .ushd_img,.cbody .inputnub,.cbody .tekoth,.cbody .vioded,.cbody .but_submit{width:max-content;margin:0 auto;overflow:hidden;height:auto;}

.us_sign .cfet{width:inherit;margin-top:10px;height:auto;background:#676c7a;padding:5px 0;overflow:hidden;}
.cfet .cfet_left{width:max-content;float:left;height:auto;overflow:hidden;}
.cfet_left a{float:left;margin-left:20px;color:#ccc;line-height:24px;margin-top:8px;font-size:16px;}
.cfet_left a:hover{color:#fff;}
.cfet .cfet_rig{width:max-content;float:right;height:auto;overflow:hidden;}
.cfet .cfet_mid{float:left;margin-left:50px;}
.cfet_mid .moreload{width:40px;height:40px;float:left;cursor:pointer;margin:0 5px;}
.moreload svg{width:30px;height:30px;padding:5px;fill:#ccc;border-radius:50%;}
.moreload:hover svg{fill:#fff;transition:all 0.5s;background:rgba(255,255,255,0.05);}
.cfet_rig svg{width:36px;height:36px;fill:#ccc;cursor:pointer;margin-right:10px;}
.cfet_rig:hover svg{fill:#fff;}

.bt_head h3{line-height:24px;color:#676c7a}

.cbody .inputnub{border-bottom:1px solid #a3becc;margin-bottom:20px;}
.ushd_img[name="erweim"]{border:1px solid #a3becc;margin-top:30px;}

.ushd_img img{width:80px;height:80px;border-radius:50%;margin:20px auto;}
.ushd_img img[name="ewma"]{width:200px;height:200px;border-radius:0;padding:6px;margin:0;}
.ushd_img img[name='headimg']:hover{transform:rotateY(360deg);transition:all 1.5s;filter:grayscale(80%)}
.inputnub svg[name="iconleft"]{width:24px;height:24px;padding:8px 0px;float:left;fill:#a3becc}
.inputnub input{width:320px;line-height:24px;padding:8px 10px;font-size:18px;color:#a3becc;float:left;}
.inputnub input:focus{color:#676c7a;}
.inputnub svg.icon_tel{width:20px;height:20px;margin-top:2px;}
.inputnub input[name="telyanz"]{width:200px;}
.inputnub input::-webkit-input-placeholder{font-size:14px;}
.inputnub button[name='btn_yanz']{width:156px;height:36px;background:#a3becc;color:white;border-radius:5px;cursor:pointer;}
.inputnub button[name='btn_yanz']:hover{background:#676c7a;}
.inputnub .yanzma{background:#676c7a;}

.cbody .inpfocu{border-bottom-color:#676c7a;}
.inpfocu svg[name="iconleft"]{fill:#676c7a;}
.inpfocu input{color:#676c7a;}
.inputnub svg[name="iconrig"]{float:left;width:16px;height:16px;padding:8px 10px;margin-top:5px;fill:#a3becc;cursor:pointer;}
.inpfocu svg[name="iconrig"]{fill:#676c7a;}
.cbody .tekoth{width:400px;}
.tekoth input{width:20px;height:20px;float:left;border:1px solid #a3becc;}
.tekoth label{float:left;line-height:20px;color:#676767;margin-left:5px;user-select:none;}
.tekoth a{float:right;line-height:20px;margin-right:10px;color:#676c7a;}
.cbody .vioded{margin:10px auto;height:auto;}
.vioded p{color:red;font-size:14px;background:#fff;padding:0 20px;display:none;line-height:20px;text-align:center;}
.but_submit button{width:400px;margin:10px auto;height:40px;font-size:16px;background:#676c7a;color:white;border-radius:5px;margin-top:20px;cursor:pointer;line-height:40px;}
.but_submit button:hover{background:#333744;}

.vioded p[name='sma']{color:#a3becc;font-size:16px;display:block;}
.vioded p[name='lod_problem']{color:#a3becc;display:block;margin:30px auto;}
.vioded p[name='lod_problem']>b{color:#00aaff;cursor:pointer;}
.vioded p[name='zhuce']{color:#00aaff;cursor:pointer;display:block;margin-bottom:10px;}

@-webkit-keyframes hue-rotate {
    from {
        -webkit-filter: hue-rotate(0);
        -moz-filter: hue-rotate(0);
        -ms-filter: hue-rotate(0);
        filter: hue-rotate(0);
    }
    to {
        -webkit-filter: hue-rotate(360deg);
        -moz-filter: hue-rotate(360deg);
        -ms-filter: hue-rotate(360deg);
        filter: hue-rotate(360deg);
    }
}

@keyframes hue-rotate {
    from {
        -webkit-filter: hue-rotate(0);
        -moz-filter: hue-rotate(0);
        -ms-filter: hue-rotate(0);
        filter: hue-rotate(0);
    }
    to {
        -webkit-filter: hue-rotate(360deg);
        -moz-filter: hue-rotate(360deg);
        -ms-filter: hue-rotate(360deg);
        filter: hue-rotate(360deg);
    }
}

/*团队模板*/
#page-inner #temcenterlist{width:100%;background:white;padding:10px 0;}
#page-inner{width:calc(100% - 40px) !important;padding:10px 0 !important;}
.positionret .col-md-12{margin-left:0px !important;width:100% !important;padding:0;}
.modlelist .modless{width:calc(100% - 80px);}
.col-md-12 .edbgc.modlelist{width:100%;}
.modless#typelist{width:calc(100% - 50px) !important;}
.positionret{padding:0 !important;}
/* vip会员*/
.vperbaner{width:100%;height:auto;overflow:hidden;position:relative;}
.vperbaner img[name='vipban']{width:inherit;height:auto;margin:0 auto;}
.vperbaner canvas{width:inherit;height:auto;overflow:hidden;position:absolute;left:0;top:0;}
.vperbaner .vipmain{width:1440px;height:auto;position:absolute;left:0;right:0;top:240px;margin:auto;}
.vipmain .vpsti{width:1440px;margin:0 auto;height:auto;overflow:hidden;}
.vpsti h1{line-height:48px;font-size:48px;color:white;text-align:center;}
.vipmain p[name='vpsr']{line-height:36px;font-size:24px;color:white;text-align:center;margin-top:20px;}
.vpsti .btnselect{width:max-content;margin:0 auto;height:auto;margin-top:30px;}
.btnselect button.btnspay{float:left;width:160px;line-height:48px;background:white;color:#000;border-radius:5px;margin:10px 20px;font-size:22px;font-weight:bold;cursor:pointer;user-select:none;-webkit-user-select:none;}
.btnselect button.pay_chos{background: #9852f9;color:white;}
.btnselect button:hover{background:#9852f9;color:white;opacity:0.8;}

.payact{width:100%;height:auto;margin:0 auto;position:relative;z-index:2;background:white;}
.payact .paybox{width:1200px;height:auto;overflow:hidden;background:white;margin:0px auto;position:relative;top:-200px;box-shadow:0 5px 20px rgba(0,0,0,0.1);}
.paybox .pbhead{width:inherit;height:240px;overflow:hidden;border-bottom:1px solid #e5e5e5;}
.pbhead .pbx_lft{width:400px;height:inherit;position:relative;overflow:hidden;float:left;z-index:0;}
.pbx_lft::after{width:1px;height:inherit;right:0;top:0;background:#e5e5e5;position:absolute;content:'';}
.pbx_lft::before{width:0;height:0;border-left-width:1px solid #000000;border-color:white white #f5f5f5 #f5f5f5;border-style: solid solid solid solid;border-width:120px 200px;z-index:0;left:0;top:0;position:absolute;content:'';}
.pbx_lft span{font-size:24px;color:#aeaeae;line-height:24px;position:relative;}
.pbx_lft span[name='vplis']{float:right;margin:60px 50px;display:block;}
.pbx_lft span[name='vpels']{float:left;margin:60px 50px;margin-top:160px;}
.pbhead .pbx_rig{width:800px;float:left;}
.pbx_rig .prxkl{width:240px;float:left;overflow:hidden;padding:0 13px;margin-top:30px;border-left:1px dashed #e5e5e5;}
.pbx_rig .prxkl:first-child{border-left:none;}
.prxkl h3{line-height:24px;font-size:20px;margin:10px auto;text-align:center;color:#333;user-select:none;-webkit-user-select:none;}
.prxkl .voltbox{width:max-content;margin:10px auto;}
.voltbox svg.icon{width:20px;height:20px;float:left;margin:2px;fill:#666;cursor:pointer;border-radius:50%;}
.voltbox svg.icon:hover{fill:#fff;background:#9852f9;}
.voltbox svg.icon[iscompany='1']:hover{background:none;fill:#666;cursor:default;}
.selectnum svg.icon{fill:#fff;background:#9852f9;margin: 2px 4px;}
.selectnum svg.icon[iscompany='1']:hover{background:none;fill:#666;cursor:default;}
.voltbox span{font-size:14px;color:#666;float:left;margin:0 5px;line-height:24px;}
.prxkl p.money_need{width:max-content;margin:0 auto;overflow:hidden;padding-top:5px;}
.money_need span{font-size:48px;color:#333;float:left;}
.money_need span::before{font-size:24px;content:'￥';}
.money_need em{float:left;font-size:20px;line-height:24px;font-style:normal;margin-top:28px;margin-left:5px;color:#666;user-select:none;-webkit-user-select:none;}
.money_need[name='v_per'] span,.money_need[name='v_per'] em{color:#9852f9;}
.money_need[name='v_group'] span,.money_need[name='v_group'] em{color:#6322b3;}
.voltbox button.paygold{width:120px;border-radius:5px;line-height:32px;font-size:16px;color:#333;cursor:pointer;margin-top:6px;user-select:none;-webkit-user-select:none;}
.paygold:hover{opacity:0.8;}
.paygold[name='v_per']{background:#9852f9;color:white !important;}
.paygold[name='v_group']{background:#6322b3;color:white !important;}


.paybox .pbbody{width:inherit;height:auto;overflow:hidden;padding:20px 0;}
.pbbody .pbselbox{width:inherit;height:auto;overflow:hidden;}
.pbselbox:hover,.pbselbox:hover .pby_rig{background:linear-gradient(to right,rgba(0,0,0,0.03),rgba(0,0,0,0.03),rgba(0,0,0,0.05),rgba(0,0,0,0.03)) ;transition:all 0s;}
.pbselbox:hover .pby_lft{background:white}
.pbselbox:hover .pby_lft>span{color:#9852f9;transition:all 0.2s;}
.pbselbox .pby_lft{width:390px;float:left;position:relative;height:auto;background:#f5f5f5;margin-left:10px;}
.pby_lft::after{position:absolute;width:1px;height:inherit;background:#e5e5e5;content:'';display:block;}
.pby_lft span{margin:10px auto;line-height:24px;font-size:14px;width:max-content;text-align:center;display:block;}
.pbselbox .pby_rig{float:left;width:800px;background:#fff}
.pby_rig .pbsuput{width:240px;margin:1px 13px;float:left;}
.pbsuput svg{width:14px;height:14px;padding:4px;border-radius:50%;background:#aeaeae;fill:white;margin:10px auto;display:block;}
.pbsuput svg.subpt{background:#78c06d;}


.cavbox{width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:999;}
.cavbox .vpbox{background:white;width:1080px;height:max-content;background:white;margin:auto;position:absolute;left:0;top:0;right:0;bottom:0;border-radius:10px;overflow:hidden;}
.vpbox .ktop{width:inherit;background:linear-gradient(to right top,#be6cff,#9852f9,#6322b3);height:120px;position:relative;}

.ktop .iconsbox{position:absolute;top:20px;}
.ktop .hd_logo{left:-25px;top:-10px;}
.ktop .hd_clo{right:30px;cursor:pointer;}
.iconsbox svg:hover{opacity:0.6;}
.hd_logo svg{width:160px;height:80px;fill:white;}
.hd_clo svg{width:24px;height:24px;fill:white;}

.ktop .vpheadti{margin:0 auto;width:max-content;height:auto;}
.vpheadti h1{text-align:center;font-size:30px;color:white;padding-top:30px;line-height:36px;}
.vpheadti p{text-align:center;font-size:16px;color:white;padding-top:10px;}


.vpbox .vpbody{width:inherit;height:auto;overflow:hidden;}
.vpbody .vpsels{width:max-content;height:auto;margin:10px auto;}
.vpsels button.vpbtn{float:left;width:160px;border-radius:5px;line-height:48px;color:#333;background:#fff;margin:20px;border:1px solid #ccc;cursor:pointer;font-weight:bold;font-size:18px;color:#333;}

.vpsels button.vps_sels,.vpsels button.vpbtn:hover{background:#9852f9;color:white;border-color:#9852f9;}
.vpsels .vps_sels:hover{opacity:0.8;}

.vpsels .paymox{width:240px;float:left;margin:20px;height:100px;border:4px solid #ccc;cursor:pointer;padding:20px;position:relative;}
.vpsels .vps_select,.vpsels .paymox:hover{border-color:#9852f9;}

.paymox img.monse_tips{position:absolute;left:-20px;top:-20px;width:72px;height:72px;}
.paymox h4{font-size:36px;text-align:center;color:#333;}
.vps_select h4{color:#9852f9;}
.paymox h4>em{font-style:normal;margin-left:5px;font-size:16px;color:#666;}
.paymox .selectnum{width:max-content;margin:0px auto;height:auto;overflow:hidden;margin-top:10px;}
.selectnum svg{float:left;padding:2px 6px;width:20px;height:20px;fill:#aeaeae;}
.selectnum span{float:left;line-height:24px;font-size:16px;color:#333;}
.selectnum span[name='v_per']:after,.prxkl .voltbox span.vols:after{content:'名成员';line-height:24px;}
.paymox p.oldprice{text-align:center;width:inherit;color:#aeaeae;text-decoration:line-through #aeaeae;margin-top:5px;}

.line{width:auto;overflow:hidden;height:4px;background:#e5e5e5;margin:20px auto;}

.vpbox .paynuw{width:800px;margin:20px auto;height:auto;}
.paynuw .payprod{width:inherit;margin:10px auto;height:auto;overflow:hidden;padding-top:10px;}
.payprod p.money_all{color:#666;line-height:24px;font-size:16px;}
.money_all b{font-size:20px;color:#9852f9;}
.money_all b::before{content:'￥';}
.payprod .prodbox{float:left;width:240px;margin-right:40px;}
.payprod .prodbox:last-child{margin-right:0;}
.prodbox svg.icon{width:48px;height:48px;padding:20px;margin:10px auto;display:block;border:1px solid #ccc;fill:#aeaeae;border-radius:2px;cursor:pointer;}
.pro_cho svg.icon,.prodbox svg.icon:hover{border-color:#9852f9;fill:#9852f9;}
.pro_cho span{color:#9852f9;}
.prodbox span{display:block;margin:0 auto;width:max-content;margin-top:10px;font-size:16px;}

.payprod button.paybtn{width:240px;height:48px;background:#9852f9;color:white;margin:10px auto;display:block;font-size:16px;border-radius:5px;cursor:pointer;}
.payprod button.paybtn:hover{opacity:0.8;}

.vpbox[name='weichat']{width:max-content;padding:20px;}
.vpbox .close{width:inherit;height:40px;cursor:pointer;float:right;overflow:hidden;}
.close svg{width:24px;height:24px;padding:8px;float:right;margin-top:-10px;margin-right:-10px;fill: #9852f9;}
.vpbox .erwm_img{width:inherit;height:auto;padding:10px 0;}
.erwm_img img{width:240px;height:240px;}
.erwm_img p{line-height:24px;text-align:center;}
.erwm_img span.sfje{line-height:24px;display:block;text-align:center;margin:0 auto;overflow:hidden;color:#9852f9;font-size:24px;padding-top:20px;}
.sfje[name='valmon']::before{content:'实付金额:';font-size:14px;}


/*定稿管理*/
.view_before{filter: blur(20px);overflow-y:hidden;}
.tipbbox{width:100%;height:auto;overflow:hidden;background:white;}
.tipbbox .tipsc{width:1200px;margin:20px auto;box-shadow:0 1px 15px rgba(0,0,0,0.2);background:white;height:auto;overflow:hidden;}

.tipsc .minser_lef{width:calc(66% - 40px);float:left;height:auto;overflow:hidden;margin:20px;cursor:cell;}
.minser_lef img{width:calc(100% - 20px);margin:10px;height:auto;}
.tipsc .minser_rig{float:left;width:34%;}
.minser_rig .minsikbox{width:calc(100% - 20px);padding:10px;margin-top:20px;}
.minsikbox p.minsikr{line-height:24px;font-size:14px;padding:5px 0;color:#666;}

.minsikbox button.btn_ding{width:40%;height:40px;font-size:20px;color:#fff;border-radius:5px;background:linear-gradient(to right top,#9852f9,#9254f0);margin-right:5%;}
.minsikbox button.btn_ding[name='check']{background:transparent;border:1px solid #9852f9;color:#9852f9;box-sizing:border-box;-webkit-box-sizing: border-box;}

.minsikbox .desiger{width:100%;overflow:hidden;}
.desiger img[name='des_headimg']{width:36px;height:36px;float:left;border-radius:50%;}
.desiger .desti{width:calc(100% - 100px);float:left;margin-left:15px;height:auto;overflow:hidden;}
.desti h4{line-height:18px;font-size:14px;height:20px;}
.desti span{float:left;font-size:13px;color:#666;margin-right:10px;line-height:14px;margin-top:2px;}

.minsikbox div.saymin{width:100%;}
.saymin b{line-height:24px;font-size:14px;color:#9852f9;}
.saymin p{line-height:24px;font-size:14px;color:#aeaeae;}

.coverbox{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(255, 255, 255,0.96);display:none;overflow:hidden;overflow-y:scroll;z-index:21;}
.coverbox .btn_colse{position:absolute;top:20px;right:20px;width:28px;height:28px;overflow:hidden;padding:5px;cursor:pointer;border:1px solid #f5f5f5;}
.btn_colse svg.icon{width:inherit;height:inherit;fill:#ccc;}
.btn_colse:hover{border-color:#ccc;}
.btn_colse svg.icon:hover{fill:#666;transition:all 0.5s;}
.coverbox[name='upview'] .cbofr,.coverbox[name='micros'] .microsr{width:1200px;height:auto;overflow:hidden;margin:60px auto;padding:20px;background:white;z-index:3;}
.cbofr .cbofr_box{width:100%;height:auto;margin:20px auto;}
.cbofr_box button{width:120px;height:36px;border-radius:5px;background:#9852f9;color:#fff;font-size:16px;line-height:36px;margin-right:20px;}
.cbofr_box button[name='checks']{border:1px solid #9852f9;color:#9852f9;box-sizing:border-box;background:transparent;}
.cbofr .viewimg{width:inherit;height:auto;overflow:hidden;}
.viewimg img{width:inherit;}
.microsr .mocr_lef{width:70%;float:left;}
.mocr_lef .ectr{width:calc(100% - 40px);margin:20px;}
.ectr p{line-height:24px;color:#666;font-size:14px;margin:10px auto;}
.ectr p>span{color:#aeaeae;}
.ectr textarea{width:calc(100% - 20px);border:1px solid #e5e5e5;height:80px;resize:vertical;font-size:14px;padding:10px;border-radius:4px;}
.ectr textarea:focus{border-color:#9852f9;transition:all 0.5s;color:#9852f9;}
.ectr .imgviews{width:100%;box-sizing:border-box;height:auto;overflow:hidden;border:1px dashed #e5e5e5;}
.imgviews .imglist{width:200px;height:200px;float:left;margin:10px;padding:10px;border:1px solid #f5f5f5;cursor:pointer;overflow:hidden;position:relative;z-index:0;}
.imglist .imgvbox{width:inherit;height:inherit;overflow:hidden;overflow-y:scroll;}
.imgvbox img{width:inherit;height:auto;}
.imglist button{width:auto;position:absolute;top:20px;left:20px;padding:5px 10px;border-radius:5px;display:none;overflow:hidden;z-index:1;background:#fff;color:#9852f9;border:1px solid #9852f9;}
.imglist button[name='idele']{right:20px;left:unset;color:#aeaeae;border-color:#ccc;}
.imglist button:hover{opacity:0.8;color:#9852f9;border-color:#9852f9;}
.imgviews .imglist:hover{border-color:#9852f9;transition:all 0.5s;}
.imglist:hover button{display:block;transition:all 0.5s;}

.imgupdt input{width:0;height:0;display:none;}
.imgupdt label{width:inherit;height:inherit;display:block;overflow:hidden;cursor:pointer;}
.imgupdt label>img{width:120px;height:100px;margin:15px auto;display:block;margin-top:30px;}
.imgupdt label>span{line-height:24px;text-align:center;display:block;color:#aeaeae;}

.microsr .micr_rig{width:calc(30% - 20px);padding-left:20px;float:left;margin-top:30px;}
.micr_rig .linkr{width:100%;margin:20px auto;}
.linkr button{width:80%;height:40px;line-height:40px;background:#9852f9;color:white;font-size:16px;display:block;margin:20px auto;border-radius:5px;}
.linkr button[name='btn_casl']{background:#aeaeae;}
.minsikbox button.btn_ding:hover,.linkr button:hover,.cbofr_box button:hover{transition:all 0.5s;opacity:0.8;}

@supports (-webkit-backdrop-filter: none) {
  .coverbox{ background: rgba(255,255,255,.6); -webkit-backdrop-filter: brightness(1.5) blur(4px);}
}




/*弹窗*/
.covbox{width:100%;height:100%;position:fixed;z-index:2066;background:rgba(255,255,255,0.9);left:0;top:0;display:none;}
.covbox .downctu{width:640px;height:max-content;padding:20px;border-radius:5px;margin:auto;position:absolute;left:0;top:0;right:0;bottom:0;background:white;box-shadow:0 0px 20px rgba(0,0,0,0.1);}
.covbox .us_sign{display:block;padding:0;border-radius:5px;overflow:hidden;}
.us_sign .chead{width:inherit;height:max-content;overflow:hidden;position:relative;}
.chead .top_lft{width:max-content;height:auto;overflow:hidden;float:left;}
.top_lft svg{width:80px;height:60px;float:left;fill:#666;cursor:pointer;margin-top:-5px;}
.top_lft span{float:left;line-height:44px;}
.top_lft:hover svg{fill:#666;}
.chead .top_rig{width:max-content;height:auto;overflow:hidden;float:right;}
.top_rig .top_tr_con{width:24px;height:24px;padding:4px;margin-right:10px;margin-top:10px;cursor:pointer;}
.top_tr_con svg:hover{fill:#666;}
.top_rig svg{float:right;width:16px;height:16px;padding:4px;}
.us_sign .cbody{width:inherit;height:auto;overflow:hidden;}
.cbody .bt_head,.cbody .ushd_img,.cbody .inputnub,.cbody .tekoth,.cbody .vioded,.cbody .but_submit{width:max-content;margin:0 auto;overflow:hidden;height:auto;}

.us_sign .cfet{width:inherit;margin-top:10px;height:auto;background:#fff;padding:5px 0;overflow:hidden;}
.cfet .cfet_left{width:max-content;float:left;height:auto;overflow:hidden;}
.cfet_left a{float:left;margin-left:20px;color:#ccc;line-height:24px;margin-top:8px;font-size:13px;}
.cfet:hover .cfet_left{transform:translate(300px,0);transition:cubic-bezier(0.165, 0.84, 0.44, 1) 2s;}
.cfet:hover .cfet_left>a{color:#9852f9;transition:cubic-bezier(0.165, 0.84, 0.44, 1) 1s;}

.cfet .cfet_rig{width:max-content;float:right;height:auto;overflow:hidden;}
.cfet .cfet_mid{float:left;margin-left:50px;}
.cfet_mid .moreload{width:40px;height:40px;float:left;cursor:pointer;margin:0 5px;}
.moreload svg{width:30px;height:30px;padding:5px;fill:#ccc;border-radius:50%;}
.moreload:hover svg{fill:#fff;transition:all 0.5s;background:rgba(255,255,255,0.05);}
.cfet_rig svg{width:36px;height:36px;fill:#ccc;cursor:pointer;margin-right:10px;}
.cfet_rig:hover svg{fill:#9852f9;}

.bt_head h3{line-height:24px;color:#333;}

.cbody .inputnub{border-bottom:1px solid #666;margin-bottom:20px;}
.ushd_img[name="erweim"]{border:1px solid #666;margin-top:30px;}
.ushd_img[name="erweim"] canvas{width:200px;height:200px;padding:10px;}
.ushd_img img{width:80px;height:80px;border-radius:50%;margin:20px auto;}
.ushd_img img[name="ewma"]{width:200px;height:200px;border-radius:0;padding:0px;margin:0;}


.inputnub svg[name="iconleft"]{width:24px;height:24px;padding:8px 0px;float:left;fill:#666}
.inputnub input{width:320px;line-height:24px;padding:8px 10px;font-size:18px;color:#666;float:left;}
.inputnub input:focus{color:#666;}
.inputnub svg.icon_tel{width:20px;height:20px;margin-top:2px;}
.inputnub input[name="telyanz"]{width:200px;}
.inputnub input::-webkit-input-placeholder{font-size:14px;}
.inputnub button[name='btn_yanz']{width:156px;height:36px;background:#666;color:white;border-radius:5px;}
.inputnub button[name='btn_yanz']:hover{background:#aeaeae;}
.inputnub .yanzma{background:#666;}

.cbody .inpfocu{border-bottom-color:#ccc;}
.inpfocu svg[name="iconleft"]{fill:#ccc;}
.inpfocu input{color:#ccc;}
.inputnub svg[name="iconrig"]{float:left;width:16px;height:16px;padding:8px 10px;margin-top:5px;fill:#666;cursor:pointer;}
.inpfocu svg[name="iconrig"]{fill:#666;}
.cbody .tekoth{width:400px;}
.tekoth input{width:20px;height:20px;float:left;border:1px solid #666;}
.tekoth label{float:left;line-height:20px;color:#676767;margin-left:5px;user-select:none;}
.tekoth a{float:right;line-height:20px;margin-right:10px;color:#666;}
.cbody .vioded{margin:10px auto;height:auto;}
.vioded p{color:#aeaeae;font-size:14px;background:#fff;padding:0 20px;line-height:20px;text-align:center;}
.vioded p[name="lod_problem"]{padding-top:15px;}
.vioded p>b{cursor:pointer;color:#9852f9;}

.vioded p[name="tips_load"]{display:block;color:red;}

.but_submit button{width:400px;margin:10px auto;height:40px;font-size:16px;background:#666;color:white;border-radius:5px;margin-top:20px;}
.but_submit button:hover{background:#aeaeae;}


/*弹窗登录*/
.cavbox{width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:999;}
.cavbox .vpbox{background:white;width:1080px;height:max-content;background:white;margin:auto;position:absolute;left:0;top:0;right:0;bottom:0;border-radius:10px;overflow:hidden;}
.vpbox .ktop{width:inherit;background:linear-gradient(to right top,#be6cff,#9852f9,#6322b3);height:120px;position:relative;}

.ktop .iconsbox{position:absolute;top:20px;}
.ktop .hd_logo{left:-25px;top:-10px;}
.ktop .hd_clo{right:30px;cursor:pointer;}
.iconsbox svg:hover{opacity:0.6;}
.hd_logo svg{width:160px;height:80px;fill:white;}
.hd_clo svg{width:24px;height:24px;fill:white;}

.ktop .vpheadti{margin:0 auto;width:max-content;height:auto;}
.vpheadti h1{text-align:center;font-size:30px;color:white;padding-top:30px;line-height:36px;}
.vpheadti p{text-align:center;font-size:16px;color:white;padding-top:10px;}


.vpbox .vpbody{width:inherit;height:auto;overflow:hidden;}
.vpbody .vpsels{width:max-content;height:auto;margin:10px auto;}
.vpsels button.vpbtn{float:left;width:160px;border-radius:5px;line-height:48px;color:#333;background:#fff;margin:20px;border:1px solid #ccc;cursor:pointer;font-weight:bold;font-size:18px;color:#333;}

.vpsels button.vps_sels,.vpsels button.vpbtn:hover{background:#9852f9;color:white;border-color:#9852f9;}
.vpsels .vps_sels:hover{opacity:0.8;}

.vpsels .paymox{width:240px;float:left;margin:20px;height:100px;border:4px solid #ccc;cursor:pointer;padding:20px;position:relative;}
.vpsels .vps_select,.vpsels .paymox:hover{border-color:#9852f9;}

.paymox img.monse_tips{position:absolute;left:-20px;top:-20px;width:72px;height:72px;}
.paymox h4{font-size:36px;text-align:center;color:#333;}
.vps_select h4{color:#9852f9;}
.paymox h4>em{font-style:normal;margin-left:5px;font-size:16px;color:#666;}
.paymox .selectnum{width:max-content;margin:0px auto;height:auto;overflow:hidden;margin-top:10px;}
.selectnum svg{float:left;padding:2px 6px;width:20px;height:20px;fill:#aeaeae;}
.selectnum span{float:left;line-height:24px;font-size:16px;color:#333;}
.selectnum span[name='v_per']:after,.prxkl .voltbox span.vols:after{content:'名成员';line-height:24px;}
.paymox p.oldprice{text-align:center;width:inherit;color:#aeaeae;text-decoration:line-through #aeaeae;margin-top:5px;}

.line{width:auto;overflow:hidden;height:4px;background:#e5e5e5;margin:20px auto;}

.vpbox .paynuw{width:800px;margin:20px auto;height:auto;}
.paynuw .payprod{width:inherit;margin:10px auto;height:auto;overflow:hidden;padding-top:10px;}
.payprod p.money_all{color:#666;line-height:24px;font-size:16px;}
.money_all b{font-size:20px;color:#9852f9;}
.money_all b::before{content:'￥';}
.payprod .prodbox{float:left;width:240px;margin-right:40px;}
.payprod .prodbox:last-child{margin-right:0;}
.prodbox svg.icon{width:48px;height:48px;padding:20px;margin:10px auto;display:block;border:1px solid #ccc;fill:#aeaeae;border-radius:2px;cursor:pointer;}
.pro_cho svg.icon,.prodbox svg.icon:hover{border-color:#9852f9;fill:#9852f9;}
.pro_cho span{color:#9852f9;}
.prodbox span{display:block;margin:0 auto;width:max-content;margin-top:10px;font-size:16px;}

.payprod button.paybtn{width:240px;height:48px;background:#9852f9;color:white;margin:10px auto;display:block;font-size:16px;border-radius:5px;cursor:pointer;}
.payprod button.paybtn:hover{opacity:0.8;}

.vpbox[name='weichat']{width:max-content;padding:20px;}
.vpbox .close{width:inherit;height:40px;cursor:pointer;float:right;overflow:hidden;}
.close svg{width:24px;height:24px;padding:8px;float:right;margin-top:-10px;margin-right:-10px;fill: #9852f9;}
.vpbox .erwm_img{width:inherit;height:auto;padding:10px 0;}
.erwm_img img{width:240px;height:240px;}
.erwm_img p{line-height:24px;text-align:center;}
.erwm_img span.sfje{line-height:24px;display:block;text-align:center;margin:0 auto;overflow:hidden;color:#9852f9;font-size:24px;padding-top:20px;}
.sfje[name='valmon']::before{content:'实付金额:';font-size:14px;}

.bodyBg{width:100%;height:100%;overflow:hidden;background:linear-gradient(to bottom right,rgba(0,0,0,0.02),rgba(0,0,0,0.06));}
.bodyBg .box_share{width:1200px;height:auto;overflow:hidden;margin:0 auto;}
.box_share h1{text-align:center;font-size:24px;font-weight:bold;line-height:32px;margin-top:20px;overflow:hidden;}
.box_share .des_result,.box_share .todot{width:520px;height:auto;overflow:hidden;margin:20px auto;padding:10px;background:white;}
.des_result img{width:100%;height:auto;overflow:hidden;margin:0 auto;}
.des_result p{text-align:right;line-height:36px;font-size:14px;padding-top:5px;}
.des_result p>b{margin-right:10px;}
.box_share .todot{background:none;padding:30px 0;}
.todot button{width:46%;height:40px;background:#ffd759;margin:10px 2%;color:#000;float:left;border-radius:3px;font-weight:bold;}
.todot button:hover{background:#fff200;}

/*商户版入口按钮*/
.HEAD_SHBRK_clss {
    float:right;
}
.HEAD_SHBRK_clss a {
    margin-top: 15px; display:block; background: transparent; color: #9254de;margin-right: 20px;padding: 4px 18px;border-radius: 15px;border: 1px solid #b282d9;font-size:14px;
}
.HEAD_SHBRK_clss a:hover {
    background: #b282d9;color: white;
}