*{margin:0;padding:0;border:none;outline:none;text-decoration:none;}
ol, li, ul{list-style:none;}
a, a:hover, a:visited{text-decoration:none !important;}
::-webkit-scrollbar{display:none;}
/*隐藏滚轮*/
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;}
button, input[type=button]{cursor:pointer;}
input:hover, button:hover, skin:hover, .usectol_list:hover, .navitem:hover{transition:all 0.5s;}
input[type=number]:focus{background:rgba(0,0,0,0.5);transition:all 0.5s;color:#e5e5e5;}
::-webkit-color-swatch-wrapper{background-color:#fff;border:none;box-shadow:0;margin:0;padding:0;}
::-webkit-color-swatch{position:relative;border:none;box-shadow:0;}
svg.icon{width:16px;height:16px;fill:white;}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{width:240px;height:4px;border:none;margin:10px 20px;}

.ui-corner-all .ui-slider-range-min{background:linear-gradient(to right,#082533,#9852f9);margin:0;height:inherit;}

.ui-progressbar .ui-progressbar-value{background:linear-gradient(to right,#082533,#9852f9);border:none !important;}

.pointevents{pointer-events:none;}

.draws #drawing{position:relative;left:0;top:0;right:0;bottom:0;width:inherit;height:inherit;}
.draws #drawg{width:inherit;height:inherit;}
#drawinter, #canvas{overflow:visible;}

#font_edite{position:fixed;z-index:222;}
#font_edite font{display:block;}
#drawbox{cursor:default;background:#282828;}
#ungrou:hover{color:#082533;cursor:pointer;}
/*body*/
.bodybox{width:100vw;overflow:hidden;}
.bodybox .bodybox_left{width:auto;height:auto;float:left;}
/*body-left*/
.bodybox_left .tools{width:inherit;height:inherit;background:#f2f2f2;}
.tools .nav{width:48px;height:100%;float:left;background:#082533;box-shadow:0px 0 8px #808080;}
.nav .navitem{width:48px;height:auto;overflow:hidden;border-bottom:1px solid #9852f9;padding:5px 0;cursor:pointer;}
.nav .navitem:first-child{margin-top:48px;}
.nav .navitem:hover{background:#9852f9;}

.tolleftclick{background:#9852f9;}
.tolleftclick svg, .tolleftclick span{fill:#9852f9 !important;color:#9852f9 !important;}

.navitem svg{width:24px;height:24px;fill:#ccc;margin:4px 12px;display:block;cursor:pointer;}
.navitem svg > text{display:none;}
.navitem span{text-align:center;color:#ccc;font-size:12px;display:block;}


.navitem img{width:28px;height:28px;margin:2px auto;display:block;}

.tools .conters{width:300px;float:left;position:relative;height:inherit;z-index:2;display:none;}
.conters .tersbox{width:inherit;overflow:hidden;overflow-y:scroll;height:inherit;background:#9852f9;}
.tersbox .shape_lists{width:inherit;display:block;overflow:hidden;}
.shape_lists li{float:left;cursor:pointer;color:#333;width:72px;background:rgba(0,0,0,0.3);color:#ccc;margin-top:10px;margin-left:15px;}
.tersbox .instalbg{width:280px;margin:10px auto;overflow:hidden;}

.instalbg button{width:160px;height:32px;background:#9852f9;color:white;border-radius:3px;margin:0 auto;display:block;}
.instalbg p{width:90%;margin:10px auto;text-align:center;font-size:13px;line-height:20px;color:#aeaeae;margin-top:20px;}

.groom_bg{width:280px;margin:0 auto;overflow:hidden;}
.groom_bg .bgromlist{width:inherit;margin:10px auto;}
.bgromlist li{width:80px;height:32px;line-height:32px;display:inline-block;text-align:center;font-size:14px;color:#666;background:#9852f9;margin:7px 5px;border-radius:3px;cursor:pointer;}

.bgromlist .gr_cho, .bgromlist li:hover{background:linear-gradient(to right top,#9852f9,#9852f9);color:white;transition:all 0.5s;}
.tersbox .preinstacolor{width:200px;margin:10px auto;}
.preinstacolor p{font-size:13px;color:#ccc;line-height:20px;}
.preinstacolor .installcolor{width:inherit;margin:0 auto;height:auto;overflow:hidden;margin-bottom:10px;}
.installcolor li{width:32px;height:32px;background:#082533;margin-right:10px;display:inline-block;margin-top:10px;cursor:pointer;}
.installcolor li:hover{box-shadow:0 1px 5px #666;}
.listbg{width:280px;margin:0 auto;}
.listbg li{width:80px;display:inline-block;margin:5px;margin-bottom:15px;cursor:pointer;}
.listbg li > img{width:inherit;}

.shape_lists li > img{width:60px;margin:0 auto;display:block;margin-top:5px;height:48px;}
.shape_lists li > span{display:inline-block;line-height:20px;font-size:12px;text-align:center;width:inherit;color:#ccc;}
.shape_lists li:hover, .shape_lists .shaplist_cho{transition:all 0.3s;color:#9852f9;background:rgba(255,255,255,0.2);}

.items_shapes{width:280px;margin:10px auto;}
.items_shapes .slists{width:inherit;height:auto;padding:5px 0;display:inline-block;}
.slists li{width:auto;padding:5px 15px;background:white;display:block;float:left;line-height:20px;margin:5px;cursor:pointer;font-size:12px;color:#aeaeae;}
.slists li:hover, .slists .sl_chos{background:#082533;color:white;transition:all 0.5s;}

.items_shapes .klists{width:inherit;margin:0px auto;}
.klists .conitem{width:26%;display:inline-block;padding:3px;margin:5px;}


.conters .btn_close{width:16px;height:80px;position:absolute;right:-16px;top:40%;background:#9852f9;border-top-right-radius:40px;border-bottom-right-radius:40px;cursor:pointer;z-index:4;}
.btn_close svg{width:14px;height:14px;margin-top:32px;fill:#082533;}
.btn_close:hover{background:linear-gradient(to left,#082533,#9852f9);}
.btn_close:hover svg{fill:#fff;}
.tersbox .box_a{width:auto;height:auto;overflow:hidden;padding:10px;}
.box_a .headerCreat{text-align:center;line-height:36px;font-size:20px;cursor:pointer;color:#ccc;}
.box_a .headerCreat[name='heade']{margin-top:20px;line-height:48px;font-size:28px;}
.box_a .headerCreat:hover{color:#e5e5e5;}

.box_a .creas{width:inherit;margin:20px auto;overflow:hidden;height:auto;cursor:pointer;}

.creas a{width:42%;height:auto;display:inline-block;margin:10px 2%;}
.conitem img{max-width:100%;min-width:60%;margin:auto;display:block;}
.conitem img:hover{box-shadow:0 1px 5px #aeaeae;}


.boxcanvas .ctroll{width:inherit;height:24px;background:#9852f9;overflow:hidden;padding:4px 0;margin:0 auto;position:absolute;z-index:5;top:0px;}
.ctroll .box_wh:first-child{margin-left:10px;}
.ctroll .signlist{top:65px;left:500px;width:120px;}
.signlist .textaliger{margin:5px 10px;overflow:hidden;}
.textaliger svg{fill:#9852f9 !important;}
.ctroll .signlist.textspaces{width:180px;padding:0 15px;}
.ctroll .signlist.strokeWindow{width:180px;padding:0 15px;}
.ctroll .signlist.shadows{width:320px;}
.signlist.shadows .shadowctrol{margin:5px 10px;overflow:hidden;}
.shadowctrol .sizeline{overflow:hidden;margin:10px auto;}

#ctrol_shapes{display:none;}
#ctrol_shapes .box_wh span{font-size:13px;}
#ctrol_shapes .box_wh input{font-size:13px;}
.ctroll .leftCtrol{float:left;}

.ctroll .rightCtrol{float:right;margin-right:10px;}
.ctroll .box_wh{float:left;margin-left:10px;}
.ctroll .bbox{width:40px;height:22px;float:left;background:rgba(0,0,0,0.2);border-radius:5px;text-align:center;font-size:14px;line-height:22px;color:#ccc;margin-top:1px;}
#colors_g{margin-left:10px;}
span.aignsel{color:#9852f9 !important;}
#colors_g .bbox{margin-right:5px;cursor:pointer;}
.update{width:inherit;margin:0 auto;}
.update input{display:none;}
.update label{width:200px;height:36px;line-height:36px;display:block;background:linear-gradient(to right top,#9852f9,#9852f9);color:white;margin:10px 20px;text-align:center;border-radius:5px;cursor:pointer;user-select:none;-webkit-user-select:none;}
.update label:hover{opacity:0.8;transition:all 0.5s;}
.ctroll .bbox[type='color']{width:24px;height:20px;margin:2px 0;}
.box_wh span{float:left;margin-right:5px;line-height:24px;font-size:13px;color:#ccc;}
.font_align svg{width:20px;height:20px;fill:#ccc;float:left;margin-left:5px;margin:0px 4px;padding:2px;border-radius:3px;cursor:pointer;}
.font_align .aignsel{box-shadow:0 0 1px #082533;fill:#9852f9;transition:all 0.5s;color:#9852f9;user-select:none;-webkit-user-select:none;}
.font_align svg:hover{fill:#9852f9;}
#shadowediter.aignsel, #strokes.aignsel{color:#9852f9;}
.toolchosed svg{background:rgba(0,0,0,0.2);}
.box_wh select{padding:0px 10px;line-height:24px;text-align:center;font-size:13px;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:5px;height:24px;color:#ccc;background:rgba(0,0,0,0.2) url("../images/icon.svg") no-repeat scroll right center;padding-right:14px;scrollbar-face-color:aliceblue;scrollbar-arrow-color:white;scrollbar-base-color:transparent;scrollbar-track-color:white;}
select::-ms-expand{display:none;}

.box_wh select > option{line-height:36px;background:#9852f9;color:#9852f9;}
optgroup > option{line-height:36px;height:36px;background:#9852f9;color:#082533;}
select > optgroup{background:#9852f9;color:#082533;}
.gradient{width:200px;padding:5px 10px;}
.sizeline .bg_gradients{width:inherit;background:linear-gradient(to right,red,blue);height:20px;}
.sizeline .inleft{float:left;font-size:12px;}
.sizeline .inright{font-size:12px;}

#ctrol_text .psizeselect.shadows{display:block;top:95px;left:1200px;}


#upress{width:300px;margin:10px auto;overflow:hidden;}
#upress img{max-width:90px;margin:5px;display:inline-block;cursor:pointer;}
#upress img:hover, .listbg li img:hover{box-shadow:0 2px 5px #666;}

.panel .hide{display:none !important;}
.boxcanvas .canvasediter{position:relative;top:32px;z-index:1;background:#ccc;width:inherit;height:inherit;}
.canvasediter .draws{width:inherit;height:inherit;}
.drawing #canvas{background:white;}
.drawing #svged{background:rgba(0, 0, 0,0.2);}
.textedit{width:auto;display:none;overflow:hidden;position:fixed;left:30%;top:90px;z-index:10;background:white;padding:15px;box-shadow:0 2px 10px #aeaeae;cursor:move;}
.textedit .font_edite{width:inherit;height:inherit;overflow:hidden;}
.font_edite font{line-height:36px;font-weight:bold;}
.textedit .texting{border:1px solid #082533;line-height:28px;padding:3px 5px;width:auto;float:left;min-width:280px;max-width:480px;}
.textedit span{float:left;line-height:28px;padding:3px 5px;}
.textedit button{float:left;height:36px;margin-left:15px;background:#9852f9;color:white;padding:5px 15px;border-radius:5px;font-size:16px;}
.textedit button:hover{opacity:0.8;}
.bodybox .bodybox_rig{width:auto;float:left;overflow:hidden;}
.bodybox_rig .boxcanvas{width:inherit;float:left;position:relative;height:auto;overflow:hidden;height:inherit;}
/*body-canvas*/
.boxcanvas .bottom{width:463px;position:fixed;bottom:16px;left:0;right:0;margin:0 auto;border-radius:5px;overflow:hidden;z-index:2001;box-shadow:0 0px 3px #808080;}
.bottom .boxB{width:inherit;background:#9852f9;box-shadow:0 5px 5px #ccc;}
.boxB .setboxb{width:inherit;height:30px;}
.setboxb .sebxbtn{float:left;height:20px;width:40px;margin:5px 0;border-right:1px solid rgba(0,0,0,0.2);font-size:16px;color:#9852f9;text-align:center;line-height:20px;cursor:pointer;user-select:none;-webkit-user-select:none;}
.setboxb .sebxbtn:hover, .setboxb .sebxbtn:hover svg{color:#9852f9;fill:#9852f9;transition:all 0.2s;}
.setboxb .noborder{border-right:none;}
.setboxb .rote_left svg{transform:rotateX(180deg) rotateZ(180deg);}


.setboxb .sebtxcenter{width:96px;}
.setboxb .sebtxcenter:hover{background:transparent;}
.sebxbtn svg{font-size:16px;height:16px;margin:2px auto;width:16px;fill:#9852f9;}

.bodybox_rig .bodyboxright{width:150px;float:right;height:100%;background:white;box-shadow:0 0 8px #808080;}

.bodyboxright .pagesright{width:inherit;height:36px;background:#082533;overflow:hidden;}
.pagesright svg{float:left;width:24px;height:24px;margin-top:8px;margin-left:40px;fill:#ccc;}
.pagesright span{float:left;line-height:24px;font-size:14px;margin:8px;color:#ccc;}
.bodyboxright .draws{width:inherit;height:100%;position:relative;background:#082533;}
.draws .draws_list{width:inherit;height:auto;overflow:hidden;display:block;}
.draws_list li{width:120px;height:auto;padding:15px;overflow:hidden;display:table;cursor:pointer;}
.draws_list .draw_editing{background:#9852f9;}
.draw_item img{width:100%;height:auto;display:table;}
.draws_list li:hover{transition:all 0.5s;}
.draw_item img:hover{transition:all 0.5s;border-radius:10px;}
.draws .drawasdd{position:absolute;bottom:50px;width:120px;height:48px;margin:10px 15px;cursor:pointer;}
.drawasdd:hover{background:#9852f9;border-radius:5px;transition:all 0.5s;}
.drawasdd:hover svg{fill:#fff;stroke:#fff;stroke-width:3px;}
.drawasdd svg{width:40px;height:40px;margin:4px auto;display:block;overflow:hidden;fill:#9852f9;}

.filterbox{width:280px;height:auto;overflow:hidden;position:fixed;left:62px;top:95px;background:#fff;z-index:223;box-shadow:0 1px 5px #ccc;padding:10px 15px;display:none !important;}
.filterbox .insfliter{width:inherit;height:auto;overflow:hidden;}
.insfliter ul{margin-top:30px;}
.insfliter ul > li{width:80px;height:80px;position:relative;display:inline-block;margin:5px;box-shadow:0 1px 3px #ccc;cursor:pointer;}
.insfliter ul > li:hover{box-shadow:0 0 10px #aeaeae;transition:all 0.5s;}
.insfliter ul > li > img{width:inherit;height:inherit;}
.insfliter ul > li > span{position:absolute;bottom:0;left:0;text-align:center;display:block;line-height:20px;font-size:12px;background:rgba(0, 0, 0,0.2);width:inherit;color:white;}
.filterbox .filt{width:inherit;height:auto;overflow:hidden;margin:30px auto;padding:10px 0;box-shadow:0 1px 5px #ccc;}
.filt .filist{width:inherit;height:auto;}
.filist .filitem{width:inherit;margin:10px auto;height:auto;overflow:hidden;}
.filitem .topflt{width:inherit;overflow:hidden;}
.topflt span{float:left;color:#666;margin-left:15px;font-size:13px;}
.topflt input{float:right;margin-right:15px;width:32px;border-radius:2px;text-align:center;color:#666;}
.filitem .progresf{width:90%;margin:10px auto;height:2px;background:#ccc;position:relative;}
.progresf a{width:14px;height:14px;background:#9852f9;border-radius:7px;top:-6px;position:absolute;left:45%;cursor:pointer;margin:0;}
.progresf a:hover{box-shadow:0 0 3px #082533;}

/*header*/
header{height:32px;width:100vw;background:#082533;margin:0;padding:0;left:0;position:relative;top:0;z-index:7;overflow-y:hidden;}
.svgbox{width:100vw;height:32px;}
.svgbox .pagelogo{width:auto;height:32px;}
.pagelogo img{width:auto;height:28px;margin:5px;margin-top:2px;cursor:pointer;}
.svgbox div{float:left;}
.svgbox .pagesize{margin-left:30px;}
.pagesize button{padding:1px 15px;float:left;height:24px;background:none;color:#ccc;margin-top:4px;margin-left:20px;font-size:13px;line-height:24px;}
.pagesize button:hover{background:rgba(255, 255, 255,0.2);color:white;border-radius:12px;}
.psizeselect{width:160px;height:auto;overflow:hidden;background:#9852f9;border-radius:5px;position:fixed;top:35px;left:130px;padding:20px;display:none;box-shadow:0 1px 5px #a438ff;}
.psizeselect .sizeline{width:inherit;height:auto;overflow:inherit;margin-top:10px;}
.psizeselect p{line-height:32px;font-size:18px;}
.sizeline span{float:left;font-size:14px;line-height:20px;padding:3px 0;}
.sizeline span > font{color:#808080;}
.sizeline input{float:left;background:rgba(0,0,0,0.2);width:60px;float:right;line-height:24px;text-align:center;font-size:16px;border-radius:5px;height:24px;margin-top:2px;color:#333;}
.sizeline button{width:80%;height:36px;line-height:36px;background:#a438ff;color:white;margin:0 auto;display:block;border-radius:5px;margin-top:5px;font-size:16px;}
.sizeline button:hover{border-radius:10px;transition:all 0.5s;}
.psizeselect .cers{margin-top:20px;border-top:1px solid #ccc;padding-top:15px;}

.svgbox .namepin{width:auto;line-height:20px;font-size:13px;margin-top:6px;margin-left:20px;color:#ccc;padding:0 15px;border-radius:5px;}
.namepin:focus{background:rgba(255,255,255,0.1);padding-left:10px;transition:all 0.5s;}

.svgbox .ctrls{width:auto;overflow:hidden;float:right;}
.ctrls .ctols{float:left;margin:2px;cursor:pointer;padding:0 15px;background:none;}
.ctols svg{width:14px;height:14px;float:left;fill:#ccc;margin-top:6px;}
.ctols span{color:#ccc;float:left;margin-left:5px;font-size:13px;line-height:24px;margin-top:3px;}
.ctols:hover{background:rgba(255, 255, 255,0.2);border-radius:15px;}

.svgbox .usercenter{float:right;margin:0 20px;margin-left:3vw;}
.usercenter .skin{float:left;margin-right:15px;cursor:pointer;}
.skin svg.icon{width:20px;height:20px;margin:6px;display:block;padding:1px 10px;fill:#ccc;}
.skin:hover svg{fill:#082533;transition:all 0.5s;}

.usercenter .signin{float:left;cursor:pointer;}
.signin svg{float:left;margin-top:7px;margin-right:3px;width:20px;height:20px;}
.signin span{float:left;font-size:14px;color:white;line-height:24px;margin-top:6px;margin-right:15px;color:#ccc;}
.signin img{width:20px;height:20px;border:1px solid #fff;border-radius:50%;margin-top:5px;background:white;}


.boxcanvas .gybox{width:inherit;position:absolute;height:inherit;z-index:221;pointer-events:none;}
.gybox .signlist{position:absolute;pointer-events:initial;padding:5px 15px;top:45px;}

.signlist{position:fixed;right:10px;top:35px;width:260px;overflow:hidden;background:#9852f9;border-radius:2px;display:none;box-shadow:0 1px 5px #082533;}
.signlist .memberhead, .signlist .usechan{width:88%;padding:5px 6%;}
.signlist .memberhead{background:#f5f5f5;padding-top:10px;overflow:hidden;}
.memberhead span{float:left;font-size:18px;line-height:36px;color:#666;}
.memberhead svg{float:right;fill:#808080;width:20px;height:20px;margin-top:8px;cursor:pointer;}
.signlist .usechan{margin:10px 0;margin-top:15px;}

.signlist a{font-size:15px;color:#666;float:left;margin-right:20px;}
.signlist a:hover{color:#082533;transition:all 0.5s;}
.signlist a:last-child{margin-right:0;}
.signlist .usebody{padding-bottom:15px;width:100%;}
.usebody .usectol_list{overflow:hidden;width:88%;cursor:pointer;padding:8px 6%;}
.usebody .usectol_list:hover{background:#e5e5e5;}
.usebody .usectol_list:hover span, .usebody .usectol_list:hover svg{fill:#082533;color:#082533;}
.usectol_list svg{float:left;fill:#666;width:20px;height:20px;margin-top:6px;}
.usectol_list span{float:left;line-height:32px;margin-left:10px;}

.unsign svg, .unsign span{fill:#a438ff;color:#a438ff;}
.svgbox .skincolor{position:fixed;width:auto;min-width:360px;left:0;top:0;right:0;bottom:0;max-width:60vw;margin:auto;min-height:80px;max-height:60vh;border-radius:5px;overflow:hidden;background:white;display:none;}

.skincolor .windowheader{width:100%;height:40px;background:#a438ff;overflow:hidden;}
.windowheader span{line-height:40px;margin-left:10px;font-size:18px;color:#fff;}
.windowheader svg{float:right;width:24px;height:24px;padding:8px;cursor:pointer;}
.windowheader svg:hover{background:rgba(255, 255, 255,0.2);transition:all 0.5s;}

.skincolor .windowbody{width:100%;height:auto;overflow:hidden;}
.windowbody .skinlist{width:100%;height:auto;display:block;overflow:hidden;margin:10px auto;padding:10px 20px;}
.skinlist .skinitem{width:64px;height:64px;background:#082533;}

.windowbody input{width:80px;height:80px;margin:20px;}


.sizeline .tpaths{width:140px;height:48px;margin:2px auto;display:block;background:#f5f5f5;cursor:pointer;}
.sizeline .tpaths:hover{fill:#082533;background:transparent;box-shadow:0 0 1px #082533;}
.sizeline .tpaths use{width:inherit;height:inherit;}
.signlist.textPaths{width:160px;}




.ckx{x:0;y:0;x2:0;y2:100%;}

svg line{shape-rendering:crispEdges;}
.butActive svg{fill:#9852f9;}
/*滤镜*/

#blues{filter:hue-rotate(120deg);-webkit-filter:hue-rotate(120deg);}
#sunlinght{filter:brightness(120%);}
#filmpic{filter:invert(100%);}
#janpenpic{filter:sepia(100%);}
#blackwhite{filter:grayscale(100%);}

/*拾色器*/
#ghh{width:40px;height:40px;}


.boxselect{position:absolute;z-index:300;border:1px solid #9852f9;pointer-events:none;box-sizing:border-box;}
.boxselect .sele{position:absolute;width:16px;height:16px;background:transparent;z-index:1;pointer-events:all;}

.sele:before{width:8px;height:8px;content:'';background:#9852f9;display:block;position:absolute;z-index:0;left:4px;top:4px;}
.cur_rot::before{border-radius:50%;width:12px;height:12px;left:2px;top:2px;background:#9852f9;}
#boxselect .cur_rot{width:16px;height:16px;border-radius:50%;top:-30px;cursor:url('../images/sina.cur') 50% 50% auto;}
#boxselect .cur_rot:hover{background:#9852f9;}
.sele.cur_lt{left:-8px;top:-8px;}
.sele.cur_lb{left:-8px;bottom:-8px;}
.sele.cur_rb{bottom:-8px;right:-8px;}
.sele.cur_rt{right:-8px;top:-8px;}
.cur_lt::before{cursor:nw-resize;}
.cur_lb::before{cursor:sw-resize;}
.cur_rb::before{cursor:se-resize;}
.cur_rt::before{cursor:ne-resize;}
.sele.cur_rot{top:-20px;}

/*参考线*/
.opctu{position:fixed;left:0;top:0;bottom:0;right:0;background:white;z-index:333;margin:auto;box-shadow:0 2px 10px #9852f9;}
.opctu .tpheadr{width:inherit;height:auto;display:block;overflow:hidden;}
.tpheadr h5{color:#9852f9;line-height:32px;text-align:center;font-size:24px;padding:20px 0;}

.cline{width:480px;height:280px;display:none;padding:10px 20px;}
.cline .linbody{width:100%;height:auto;margin-top:10px;}
.linbody .middle{width:inherit;height:auto;padding:15px 0;overflow:hidden;}
.middle input{margin-left:20px;width:20px;height:20px;background:white;float:left;}
.middle label{line-height:20px;float:left;margin-left:5px;margin-right:40px;}

.checkradio:checked::after{border:1px solid #9852f9;}
.checkradio:checked::before{border:1px solid red;}
.cline .posite{width:inherit;height:auto;overflow:hidden;padding:15px 0;}

.posite span{float:left;line-height:30px;margin-left:20px;}
.posite input{float:left;line-height:30px;font-size:18px;width:120px;height:30px;margin-left:10px;background:#e5e5e5;text-indent:10px;}
.posite input::after{float:left;content:'px';display:block;overflow:hidden;width:32px;height:32px;}
.cline .caser{width:inherit;height:36px;margin:20px auto;}
.caser button{width:100px;float:left;margin-left:20px;height:32px;color:white;background:#ccc;}

.caser .over, .caser button:hover{background:#9852f9;transition:all 0.5s;}


.downctu{width:480px;height:360px;display:none;padding:10px 20px;}
.downctu .downtypes{width:inherit;height:auto;overflow:hidden;padding:15px 0;}
.downtypes button{width:30%;height:32px;color:White;display:block;float:left;margin:0 10%;background:#ccc;border-radius:2px;}
.downtypes button:hover, .downtypes .piccho{background:#9852f9;}

/*公共样式*/
.btn{height:32px;width:auto;color:#666;line-height:28px;padding:0 15px;border-radius:2px;}
.ch_color{background:#9852f9;color:white;}
.btn:hover{background:#9852f9;color:white;}
.input{padding:2px 10px;line-height:28px;border-radius:2px;}
.input:focus{background:#e5e5e5;}
/*个人中心*/
.centerpage{width:100%;height:calc(100vh - 60px);overflow:hidden;background:#fff;}
.centerpage .centleft{float:left;width:240px;height:100vh;overflow:hidden;background:#fff;box-shadow:3px 0 10px rgba(0,0,0,0.05);}
.centleft .deses{width:inherit;height:auto;background:#fff;overflow:hidden;padding:20px 0;border-bottom:1px solid #e5e5e5;}
.deses .headpic, .deses .desname{width:inherit;height:auto;margin:0 auto;}
.headpic img{width:48px;height:48px;border-radius:50%;overflow:hidden;display:block;margin:10px auto;cursor:pointer;background:white;}
.headpic img:hover{transform:rotateY(360deg);transition:all 1s;filter:grayscale(100%);}
.desname h4{color:#333;text-align:center;font-size:16px;cursor:pointer;}
.desname h4:hover{color:#8254de;}
.deses .listsdes{width:inherit;overflow:hidden;height:auto;margin-top:20px;height:20px;}
.listsdes .t_left, .listsdes .t_rig{float:left;}
.t_left span{float:left;font-size:12px;color:#666;margin-left:10px;line-height:20px;}

.listsdes .t_rig{margin-right:10px;float:right;}
.t_rig a{font-size:12px;color:#666;float:left;line-height:20px;margin-right:10px;}
.t_rig a:hover{color:#333;}
.centleft .caslis{width:inherit;height:auto;overflow:hidden;padding:10px 0;}
.caslis .l_body{width:inherit;display:inline-block;}
.l_body li{width:inherit;height:auto;display:inline-block;cursor:pointer;}
.l_body li:hover, li.l_chos{box-shadow:2px 0 0 #9852f9 inset;background:rgba(0,0,0,0.04);}
.l_body li:hover i{background:#9852f9;}
li.l_st svg{float:left;margin:10px 15px;width:16px;height:16px;fill:#333;}
li.l_st span{float:left;line-height:36px;font-size:14px;color:#000;}
li.l_st i{width:auto;height:16px;border-radius:8px;padding:0 8px;background:#082533;color:white;overflow:hidden;font-size:12px;float:right;margin-right:20px;font-style:normal;margin-top:10px;}

li.l_chos svg{fill:#9852f9;}
li.l_chos span{color:#9852f9;}
li.l_chos i{background:#9852f9;}

.centleft .lb_size{width:inherit;height:auto;overflow:hidden;padding:10px 0;}
.lb_size .lb_box{width:inherit;height:auto;overflow:hidden;}
.lb_box svg{float:left;margin:7px 12px;width:24px;height:24px;fill:#aeaeae;}
.lb_box .lbr_ti{float:left;width:150px;}
.lbr_ti p{width:inherit;padding-top:0;margin-bottom:0;line-height:20px;}
.lbr_ti p > span{line-height:16px;font-size:12px;color:#aeaeae;}
.lbr_ti p > span > i{font-style:normal;padding:0 3px;color:#9852f9;}
.lbr_ti .progress{width:100%;height:2px;background:#ccc;margin-top:5px;border-radius:2px;position:relative;margin-bottom:0;}
.progress::before{width:60%;height:2px;background:#9852f9;content:'';z-index:0;display:block;}

.centleft .lbot_fet{width:inherit;position:absolute;bottom:0;left:0;height:auto;}
.lbot_fet .lbftimg{width:inherit;height:auto;}
.lbftimg img{width:40%;height:auto;margin:0 auto;display:block;}
.lbot_fet button{width:120px;height:36px;background:transparent;color:#9852f9;display:block;margin:10px auto;border-radius:5px;border-color:transparent;}
.lbot_fet button:hover{background:rgba(146,84,222,0.6);color:white;}

.centerpage .centrigh{width:calc(100% - 240px);display:block;overflow:hidden;height:calc(100vh - 60px);overflow-y:scroll;margin:0 auto;}
.centerpage .centrigh1 {width:100%;}
.centerpage .centrigh::-webkit-scrollbar{width:8px;background:transparent;position:absolute;}
.centerpage .centrigh::-webkit-scrollbar:hover{background:rgba(0,0,0,0.2);}
.centerpage .centrigh::-webkit-scrollbar-thumb{background:#c299fc;border-radius:4px;}
.centerpage .centrigh::-webkit-scrollbar-thumb:hover{background:#9852f9;}
.centerpage .centrigh:-moz-range-thumb{background:red;}
.centerpage .centrigh::-ms-thumb{background:blue;width:90px;}
.centerpage .centrigh::-ms-track{background:blue;width:90px;}

.righ_body .c_tits{padding:10px 0;overflow:hidden;}
.c_tits .ct_left{float:left;}
.ct_left button{margin:0 10px;}
.ct_left button:hover{color:white;}
.c_tits .ct_righ{float:right;}
.ct_righ .ct_search, .ct_righ .buju{float:left;}

.buju svg.icon{margin:4px 8px;display:block;overflow:hidden;margin-left:12px;fill:#9852f9;width:24px;height:24px;cursor:pointer;float:right;}
.buju svg.icon:hover{fill:#9852f9;border-radius:2px;}

.modlesk .list_name{width:200px;height:auto;padding:5px 10px;overflow:hidden;background:#fff;margin:10px;float:left;}
.list_name .deflist{float:left;width:60%;height:auto;padding:15px 5%;cursor:pointer;}

.deflist h3{line-height:24px;font-size:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.deflist span{display:inline-block;font-size:14px;line-height:24px;margin-top:3px;}

.list_name h3:hover{color:#9852f9;}
.list_name .rig_deslf{float:right;width:28px;padding:10px 0;text-align:right;height:auto;display:none;}
.rig_deslf .docres{width:24px;height:24px;cursor:pointer;border-radius:3px;padding:2px;}
.list_name:hover .rig_deslf{display:block;}
.rig_deslf .docres:last-child{margin-top:5px;}
.docres svg{width:20px;height:20px;padding:2px;fill:#9852f9;}
.docres:hover{background:#9852f9;}
.docres:hover svg{fill:#fff;}
/*个人资料*/
.righ_body .modctesk{position:relative;}
.modlesk .box_cen{width:94%;height:auto;margin:auto;padding:20px 0;background:white;overflow:hidden;}

.box_cen .bc_body{width:80%;height:80px;margin:10px auto;border-bottom:1px solid #f5f5f5;}
.box_cen .bc_body:last-child{border-bottom:none;}
.bc_body button.btn{width:160px;height:40px;border-radius:5px;color:white;font-size:14px;background:#9852f9;margin-top:20px;}
.bc_body button.btn:hover{background:#9852f9;}
.bc_body span.leftsp{line-height:24px;margin:28px 0;width:200px;display:block;float:left;color:#aeaeae;}
.bc_body input{width:240px;height:32px;text-indent:6px;float:left;margin:23px 10px;border-bottom:1px solid #e5e5e5;}
.bc_body input:focus{border-color:#9852f9;}
.bc_body em{float:left;font-size:14px;color:#aeaeae;cursor:pointer;font-style:normal;line-height:24px;margin:28px 0;}
.bc_body em:hover{color:#9852f9;}
.bc_body .ed_cent{border-bottom:1px solid #9852f9;color:#9852f9;font-size:14px;}

.bc_body .list_pay{width:auto;overflow:hidden;padding:20px 0;}
.list_pay ul{width:auto;line-height:32px;cursor:pointer;}
.list_pay ul > li{float:left;cursor:pointer;margin:5px 10px;}
.list_pay ul > li.paytab_cho, .list_pay ul > li:hover{color:#9852f9;}

.smrzs input{border-bottom:1px solid #e5e5e5;}
.smrzs input:focus{border-color:#9852f9;color:#9852f9;}

.box_cen .img-per{width:80%;overflow:hidden;height:auto;padding:10px 0;margin:0 auto;overflow:hidden;border-bottom:none;}

.img-per span{float:left;color:#aeaeae;line-height:36px;}
.img-per input{width:0;height:0;float:left;opacity:0;margin:0;}
.img-per label.uphoto{width:150px;line-height:36px;background:#9852f9;color:white;font-size:16px;display:block;float:left;text-align:center;margin:22px 10px;cursor:pointer;border-radius:5px;}
.img-per span.shuom{margin:20px 5px;}
label.uphoto:hover{opacity:0.8;}
.img-per .shangc{float:left;width:max-content;margin-top:30px;}

.box_cen .bc_headers{height:400px;width:400px;margin:30px;float:left;position:relative;}
.bchd_edit button.btn{width:120px;margin-right:10px;height:40px;}
.bchd_edit button.btn:first-child{background:#9852f9;color:white;}
.bc_headers img#headups{width:240px;height:240px;float:left;margin:30px;border-radius:50%;}
.bc_headers canvas{width:480px;height:280px;margin-left:20px;}

.bc_headers #upheads{width:0;height:0;opacity:0;display:none;}
.bc_headers label.upheads{width:160px;height:40px;background:#9852f9;border-radius:4px;display:block;overflow:hidden;color:White;text-align:center;line-height:40px;cursor:pointer;}
label.upheads:hover{opacity:0.8;}
.bc_headers p.up_tips{line-height:24px;margin-top:10px;font-size:14px;color:#aeaeae;}

.bc_headers .canvs_head{width:inherit;height:inherit;overflow:hidden;position:absolute;}
.canvs_head .disimg{width:inherit;height:inherit;overflow:hidden;}
.disimg img{width:inherit;height:auto;}
.canvs_head .movecut{width:240px;height:240px;position:absolute;left:0;top:0;overflow:hidden;border:1px solid #9852f9;}
.movecut span.areashow{width:inherit;height:inherit;display:block;overflow:hidden;border-radius:50%;}

.canvs_head .shotimg{background:rgba(0,0,0,0.5);width:inherit;height:inherit;position:absolute;left:0;top:0;}

.box_cen .selff{width:600px !important;height:360px !important;}
.selff .opxhead, .selff .opexbody{width:640px !important;}

.opexbody .sincbox{width:96%;margin:0 auto;height:auto;overflow:hidden;}
.sincbox span{float:left;line-height:24px;padding:12px 10px;}
.sincbox input{width:280px;float:left;height:36px;padding:0px 10px;border:1px solid #9852f9;margin:6px;border-radius:3px;}
.sincbox input[type='password']{width:160px;}
.sincbox input:focus{border-color:#9852f9;}
.sincbox p{float:left;line-height:24px;margin:12px 5px;color:red;}
.sincbox button{float:left;height:36px;margin:6px;border-radius:3px;background:#9852f9;font-size:12px;line-height:36px;padding:0 12px;color:white;}
.sincbox button:hover{background:#082533;}

.sincbox select#edis{width:120px;height:36px;line-height:36px;border:1px solid #9852f9;float:left;margin-top:7px;background:#9852f9;color:white;font-size:14px;text-align:center;border-radius:3px;}
select#edis option{background:white;color:#9852f9;line-height:36px;height:36px;display:block;}

.selff .opexfet{width:96%;margin:10px auto;}
.opexfet button{width:200px;height:36px;background:#9852f9;color:#fff;border-radius:3px;margin-left:68px;}
.opexfet button:hover{background:#9852f9;color:#fff;}

.sincbox .docs_lists{width:320px;max-height:240px;overflow-y:scroll;margin:10px;float:left;border:1px solid #9852f9;padding:20px 0;}
.docs_lists li{width:280px;margin:10px auto;line-height:24px;border:1px solid #9852f9;padding:5px 0;text-indent:10px;cursor:pointer;position:relative;border-radius:3px;}
.docs_lists li::before{content:'';width:6px;height:10px;position:absolute;left:-22px;top:12px;background:#9852f9;display:block;overflow:hidden;}
.docs_lists li.docmove_cho::before{background:#9852f9;}
.docs_lists li.docmove_cho::after{content:'已选中';position:absolute;right:10px;top:5px;color:#fff;font-size:10px;}
.docs_lists li.docmove_cho, .docs_lists li:hover{background:#9852f9;color:white;}

.bc_body span.leftsp[name='tels']{width:auto;padding:0 10px;}
.bc_body input.bdtel{height:36px;border:1px solid #ccc;width:280px;}
.bc_body input.bdtel:focus{border-color:#9852f9;}

.bc_body input[name='passw']{width:150px;}
.bc_body button.yzsn_tel{width:120px;margin:0 10px;float:left;height:36px;background:#9852f9;color:#fff;border-radius:3px;margin-top:22px;}
button.yzsn_tel:hover{background:#082533;}
.bc_body p.tel_tips{margin-top:32px;float:left;color:red;}

.bc_body button.tels_btn{margin-left:70px;}
.bc_body .cancel_btn{background:#aeaeae !important;margin-left:20px !important;}

.do_des{width:170px;height:190px;background:white;border-radius:5px;position:absolute;z-index:9999999;border:1px solid #ccc;box-shadow:2px 2px 2px #ccc;}
.do_des p{line-height:36px;font-size:14px;border-bottom:1px solid #e5e5e5;width:90%;margin:0 auto;color:#9852f9;}
.do_des ul{width:inherit;overflow:hidden;display:block;}
.do_des ul > li{line-height:20px;font-size:14px;padding:8px 0;cursor:pointer;}
.do_des ul.do_body{margin:5px auto;}
.do_des ul.do_body > li::before{width:8px;height:8px;border-radius:4px;background:#ccc;content:'';display:block;overflow:hidden;float:left;margin-top:6px;margin-left:10px;margin-right:8px;}
.do_des ul.do_body > li:hover{background:#9852f9;color:white;}

.do_des ul.do_feet > li{font-size:10px;color:#aeaeae;}
.do_des ul.do_feet > li > span{margin-left:5px;}
/*模板上传*/
header.ctuphead{width:100%;height:60px;background:#9852f9;}
.ctup h1{text-align:center;color:White;line-height:60px;}
.mainc{width:100%;height:auto;overflow:hidden;}
.mainc .left{float:left;width:240px;height:85vh;padding:20px;background:white;}
.left ul > li{line-height:32px;font-size:20px;}
.mainc .right{float:left;width:1500px;height:auto;overflow:hidden;margin-left:50px;padding:20px;margin-top:10px;}
.right .rigbod{width:inherit;height:auto;overflow:hidden;}
.rigbod .riglist{width:96%;margin:10px auto;padding:30px 2%;background:white;}
.rigbod .upbody{width:96%;margin-top:30px;background:white;height:auto;overflow:hidden;padding:30px 2%;}

.upbody .upbut{float:left;width:360px;height:auto;}
.upbut input{width:220px;height:220px;display:none;}
.upbut label.file_mod{width:240px;height:160px;text-align:center;font-size:48px;display:block;line-height:160px;border:1px dashed #9852f9;color:#9852f9;cursor:pointer;}
.upbut label.file_mod:hover{background:#9852f9;color:white;}
.upbody .modview{float:left;width:900px;margin-left:20px;height:auto;overflow:hidden;padding:0 10px;}

.upbut button.finished{width:240px;height:48px;font-size:24px;color:white;background:#9852f9;margin-top:50px;}
.modview .viewing{width:inherit;height:inherit;overflow:hidden;border:1px solid #9852f9;}
button.finished:hover{background:#9852f9;}
.viewing img{width:100%;}
.centrigh .rig_box{width:calc(100% - 60px);height:auto;overflow:hidden;margin:0 auto;}
.rig_box .righ_top{width:100%;height:auto;overflow:hidden;background:#fff;padding:10px 0;margin:10px auto;}
.righ_top h2{width:100%;height:auto;font-size:18px;color:#333;}
.righ_top p{width:inherit;height:auto;line-height:20px;margin-top:10px;color:#666;font-size:14px;}
.righ_top p > i{font-style:normal;}
.righ_top p > em{font-style:normal;font-size:12px;color:#666;}
.rig_box .righ_body{width:100%;margin:20px auto;height:auto;overflow:hidden;background:white;padding:10px 0;}
.righ_body .modlesk{position:relative;width:calc(100% - 40px);height:inherit;overflow:hidden;margin:0 auto;}
.righ_body form{width:100%;}
#auditing{width:auto;padding:20px;}
#auditing h2.renz{line-height:48px;text-align:center;color:#9852f9;font-size:24px;margin-top:20px;}
#auditing .res-main{width:max-content;padding:30px;}
.res-main h3{line-height:36px;font-size:16px;color:#aeaeae;}
.res-main .res-item{width:inherit;overflow:hidden;margin:10px;}
.res-item span{float:left;line-height:24px;font-size:15px;color:#666;}
.res-item a{float:left;line-height:24px;font-size:16px;color:#333;}
.res-main .res-img{width:inherit;margin:20px 10px;}
.res-img img{width:240px;height:240px;border:1px solid #e5e5e5;}
.modlesk .update_matter, .modlesk .mod_list{width:inherit;height:auto;overflow:hidden;user-select:none;}
.modlesk .mod_list_c{width:300px;position:relative;display:none;overflow:visible;}
.modlesk .mod_list_c1 {overflow:initial;height:auto;float:left;width:282px;}
.modlesk .mod_list_m{position:relative;}
.update_matter .but_update{width:160px;height:36px;float:left;margin:10px 20px;}
.but_update input{width:0;height:0;opacity:0;}
.but_update label{width:160px;height:36px;background:#9852f9;color:white;font-size:14px;display:block;line-height:36px;text-align:center;float:left;cursor:pointer;border-radius:2px;}
.but_update label:hover{background:#9852f9;transition:all 0.5s;}
.mod_list .mod_self{width:280px;height:auto;background:white;/*margin:10px 8px;*/float:left;border-radius:2px;border:1px solid #e5e5e5;}
.mod_list .mod_self_c{position:relative;}
.mod_list1 .mod_self .mod_head {height:auto;}
.mod_list1 .mod_self .mod_head img {height:auto;} 
.mod_self:hover{border-color:#9852f9;}
.mod_self .mod_head{width:260px;height:260px;margin:10px;position:relative;z-index:0;}
.mod_head img{width:inherit;height:inherit;}
.mod_self .mod_head_c{height:auto;/*max-height:260px;*/overflow:hidden;float:left;min-height:90px;}
.mod_head_c img{width:260px;transition:top 2s ease;position:relative;top:0px;left:0px;/*height:auto;*/}
.mod_head .covemod{position:absolute;left:0;top:0;width:inherit;height:inherit;background:linear-gradient(to bottom,rgba(0,0,0,0.15),rgba(0,0,0,0.02));z-index:1;display:none;}
.mod_head .covemod_c{width:100%;height:100%;}
.mod_head:hover .covemod{display:block;}
.covemod .cm_left{width:36px;height:36px;position:absolute;left:30px;top:30px;z-index:2;cursor:pointer;}
.covemod .cm_left:last-child{right:30px;left:unset;}
.cm_left svg.icon{width:28px;height:28px;margin:4px;fill:#aeaeae;}
.covemod span.butn{width:60px;height:28px;line-height:28px;border:1px solid #fff;border-radius:3px;text-align:center;display:block;left:30px;top:30px;position:absolute;color:white;cursor:pointer;}
.covemod span.butn.rigbt{right:30px;left:auto;}
span.butn:hover{background:white;color:#9852f9;}

.covemod .cm_left:hover{background:#f5f5f5;}
.covemod .cm_left:hover svg{fill:#9852f9;transition:all 0.5s;}
.mod_self .mod_feet{width:260px;margin:10px auto;overflow:hidden;}
.mod_feet .modtit{width:inherit;height:auto;overflow:hidden;padding:3px 0;}

.mod_feet .editertit{background:blue;color:white;cursor:auto;}
.mod_feet .editertit:hover{color:white;}
.modtit p{font-size:15px;font-weight:bold;color:#333;width:160px;text-overflow:ellipsis;float:left;overflow:hidden;white-space:nowrap;cursor:pointer;}
.modtit p:hover{color:#9852f9;transition:all 0.5s;}
.modtit span.money{float:left;color:#9852f9;font-weight:bold;font-size:14px;}
.modtit span.money::after{margin-left:3px;font-size:13px;}
.modtit span.tis_k{float:right;font-size:12px;color:#aeaeae;}
.modtit span.tis{float:right;font-size:14px;color:#666;line-height:24px;width:48px;height:24px;text-align:center;display:block;border:1px solid #fff;cursor:pointer;border-radius:3px;}
span.tis:hover{border-color:#9852f9;color:#9852f9;}
.modtit span.vings{float:right;font-size:12px;line-height:24px;color:#aeaeae;}
.modtit span.vings::before{content:'浏览';font-size:12px;margin-right:5px;color:#aeaeae;}
.righ_top .cen_list{width:inherit;height:auto;overflow:hidden;}
.cen_list ul{width:auto;height:inherit;margin:10px auto;margin-top:20px;}
.cen_list ul > li{float:left;margin:10px 15px;color:#666;cursor:pointer;}
.cen_list ul > li:hover{color:#9852f9;}
.cetlist .ct_chok{color:#9852f9;}
/*充值*/
.box_cen .recharge{width:80%;height:auto;overflow:hidden;margin:0 auto;padding:10px 0;}
.recharge .rchtitle{width:100%;height:auto;overflow:hidden;}
.rchtitle span{line-height:24px;padding:10px 0;color:#666;float:left;color:#9852f9;}
.recharge .rec_name::before{content:'充值账户';font-size:14px;margin-right:40px;float:left;color:#aeaeae;}
.recharge .rec_name::after{content:'';width:1px;height:14px;margin-left:20px;background:#ccc;display:block;float:right;margin-top:5px;}
.recharge .rec_earf::before{content:'账户余额';margin-left:20px;margin-right:10px;color:#aeaeae;}
.recharge .rec_earf::after{content:'元';margin-left:10px;margin-right:10px;}
.box_cen h3{line-height:24px;font-size:14px;color:#aeaeae;}
.recharge .rch_list{width:inherit;overflow:hidden;display:inline-block;}
.rch_list li{width:160px;height:auto;border:1px solid #e5e5e5;padding:10px 0;float:left;margin:10px 20px;cursor:pointer;border-radius:2px;}
.rch_list li > span{display:inline-block;text-align:center;width:inherit;}
.rch_list li > span.money_rech{font-size:24px;color:#666;}
.rch_list li > span.money_rech::before{content:'￥';font-size:16px;}
.rch_list li > span.rech_a{font-size:12px;color:#aeaeae;}
span.rech_a > b{color:#082533;}

.rch_list .rch_cho, .rch_list li:hover{border-color:#9852f9;position:relative;}
.rch_cho:after{content:'√';position:absolute;bottom:0px;right:5px;color:#9852f9;font-size:14px;}
.rch_list li:hover svg, .rch_list li:hover span{fill:#9852f9;color:#9852f9;}
.rch_list .rch_cho span.money_pay{color:#9852f9;}
.rch_cho span.money_rech{color:#9852f9 !important;}
.rch_list li svg.icon{width:36px;height:36px;fill:#808080;float:left;margin-left:20px;}
.rch_list li span.money_pay{float:left;line-height:24px;font-size:14px;color:#808080;width:auto;padding:6px 10px;}
.rch_list .rch_cho > svg.icon{fill:#9852f9;}
.rch_list li:hover span.money_pay{color:#9852f9;}
.rch_list li:hover svg.icon{fill:#9852f9;}
.rchtitle span.pay_ealy::before{content:'应付金额';font-size:14px;color:#aeaeae;margin-right:5px;}
.rchtitle span.pay_ealy{color:#9852f9;}
.rchtitle span.pay_ealy::after{content:'元';color:#aeaeae;}
.rchtitle span.pay_tips::before{content:'(已优惠:';font-size:14px;color:#aeaeae;}
.rchtitle span.pay_tips::after{content:'元)';font-size:14px;color:#aeaeae;}
.rchtitle span.pay_tips{padding:10px 5px;color:#9852f9;}

.recharge button.btn{background:#9852f9;color:white;width:240px;height:40px;border-radius:3px;font-size:16px;}

.coverbx{width:100vw;height:100vh;background:rgba(0,0,0,0.5);position:fixed;display:block;overflow:hidden;top:0;left:0;}
.coverbx .openbox{width:640px;height:max-content;border-radius:10px;background:white;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;z-index:2;}
.openbox .opxhead{width:inherit;height:auto;border-bottom:1px solid #f5f5f5;position:relative;padding:5px 0;}
.opxhead span.back{font-size:16px;color:#aeaeae;position:absolute;left:10px;top:15px;line-height:24px;cursor:pointer;}
.opxhead span.back::before{content:'<';font-size:20px;line-height:24px;margin-right:3px;}
.opxhead h3{width:inherit;line-height:24px;padding:12px 0;text-align:center;color:#082533;font-size:18px;}
.opxhead span.clos{position:absolute;right:15px;top:15px;line-height:24px;color:#aeaeae;cursor:pointer;font-size:20px;}
.opxhead span:hover{color:#9852f9;}

.openbox .opexbody{width:inherit;height:auto;overflow:hidden;}
.opexbody .opbxmain{width:240px;height:auto;margin:20px auto;overflow:hidden;}
.opbxmain img{width:200px;height:200px;margin:20px;display:inline-block;}
.opbxmain p{text-align:center;line-height:24px;color:#aeaeae;}
.opbxmain span{display:block;text-align:center;font-size:18px;font-weight:bold;color:#9852f9;}
.opbxmain span.resuleopen::before{content:'￥';font-size:14px;margin-right:5px;font-weight:normal;}


.opbxmain svg.icon{width:48px;height:48px;background:#9852f9;padding:10px;display:block;margin:10px auto;overflow:hidden;border-radius:50%;}

.opbxmain button.vies{width:120px;background:#9852f9;color:white;display:block;margin:10px auto;overflow:hidden;}

.box_cen .paybal{width:90%;height:auto;overflow:hidden;margin:0 auto;}
.paybal table.lisk{width:100%;border:1px solid #e5e5e5;border-collapse:collapse;}
.paybal table.lisk thead, .paybal table.lisk tbody{width:inherit;}
.lisk thead > tr > th{background:#f5f5f5;line-height:20px;padding:10px 0;color:#082533;text-align:center;}
.lisk thead > tr > th:first-child{width:25%;}
.lisk thead > tr > th:nth-child(2){width:20%;}
.lisk thead > tr > th:nth-child(3){width:30%;}
.lisk thead > tr > th:last-child{width:25%;}
.lisk tbody tr > td{text-align:center;line-height:20px;padding:10px 0;font-size:14px;border:1px solid #e5e5e5;}

.lisk tbody tr:hover{background:#f5f7fa;transition:all 0.1s;}
.paybal .pages{width:inherit;padding:20px 0;}
.pages ul{width:inherit;}
.pages ul > li{width:auto;float:left;padding:5px 12px;margin:0 5px;border:1px solid #ccc;border-radius:5px;cursor:pointer;}
.pages ul > li > a{color:#9852f9;}
.pages ul > li:hover, #pagePargon .active{background:#9852f9;border-color:#9852f9;}
#pagePargon .active > a, .pages ul > li:hover a{color:white;}
.pages .page-wrap{width:max-content;margin:10px auto;}
.page-wrap span.page-f, .page-wrap a.page-b{background:transparent;line-height:24px;padding:3px 15px;border:1px solid #ccc;margin:0 10px;color:#666;cursor:pointer;border-radius:3px;}
.page-wrap a{line-height:24px;padding:4px 15px;background:#e5e5e5;margin:0 5px;border-radius:3px;color:#666;}
.page-wrap a.page-cur{background:#9852f9;color:white;}

.page-wrap a:hover{background:#9852f9;color:white;}
.page-wrap span:hover{border-color:#9852f9;color:#9852f9;}
.page-wrap a.page-b:hover{border-color:#9852f9;color:#9852f9;background:transparent;}
/*顶部导航*/
nav.header{width:100%;height:48px;background:#9852f9;overflow:hidden;}
.header .headbox{width:inherit;height:inherit;overflow:hidden;}
.headbox .hbox{width:inherit;height:inherit;overflow:hidden;}
.hbox .hbx_l{width:200px;height:inherit;float:left;}
.hbx_l .hbx_log{float:left;width:100px;height:inherit;}
.hbx_log svg.icon{width:80px;height:48px;margin-top:5px;margin-left:5px;fill:#9852f9;cursor:pointer;}
.hbx_log svg:hover{fill:#082533;}
.hbx_l .hbx_user_tab{width:100px;float:left;}
.hbx_user_tab p.h_ti{line-height:20px;margin-top:5px;font-size:12px;}
.hbx_user_tab .h_usertab{width:inherit;height:20px;cursor:pointer;}
.h_usertab span{float:left;line-height:20px;font-size:12px;color:#9852f9;}
.h_usertab svg{float:left;fill:#9852f9;margin-top:3px;}
.h_usertab:hover span, .h_usertab:hover svg.icon{color:#9852f9;fill:#9852f9;}
.hbox .titles{float:left;width:max-content;padding-left:50px;}
.titles .titli{width:max-content;float:left;margin-left:20px;height:inherit;padding:12px;cursor:pointer;}
.titli a{font-size:15px;color:#082533;line-height:24px;}
.titli svg{fill:#082533;}
.titli:hover a, .titli:hover svg.icon{color:#9852f9;fill:#9852f9;}
.titles .morelise{margin-top:3px;}
.hbox .title_righ{float:right;width:max-content;height:inherit;overflow:hidden;margin-right:10px;}
.title_righ .messages{width:max-content;height:inherit;float:left;cursor:pointer;}
.messages svg.icon{width:24px;height:24px;padding:12px;}
.messages:hover svg.icon{fill:#9852f9;}
.mainse:hover span{color:#9852f9;}
.mainse svg.icon{width:16px;height:16px;padding:16px 5px;float:left;}
.mainse span{font-size:14px;color:#fff;line-height:24px;margin-top:12px;float:left;}
.title_righ .user_img{width:48px;height:inherit;overflow:hidden;float:left;cursor:pointer;}
.user_img img{width:28px;height:28px;overflow:hidden;border-radius:50%;border:1px solid #fff;margin:9px 12px;}
.user_img:hover img{transform:rotate(360deg);transition:all 1s;border-color:#9852f9;}
.usertab[name="user_tab"] .openbox{width:360px;}
.opexbody .subox{width:80%;height:60px;margin:20px auto;padding:10px;background:#e5e5e5;border-radius:5px;cursor:pointer;}
.subox:hover, .opexbody .ustab_cho{background:#9852f9;transition:all 0.5s;}
.subox:hover .subx_l svg.icon{background:#9852f9;transition:all 0.5s;}
.subox .subx_l{float:left;width:60px;height:inherit;}
.subx_l svg.icon{width:28px;height:28px;background:#9852f9;border-radius:50%;padding:10px;margin:6px 4px;}
.subox .subx_m{float:left;width:160px;}
.subx_m span{display:block;line-height:20px;font-size:13px;color:#666;}
.subox .subx_r{width:60px;height:inherit;float:right;}
.subx_r span{width:24px;height:24px;border-radius:50%;background:#fff;margin:18px auto;display:block;overflow:hidden;float:right;}
.ustab_cho .subx_l svg.icon{background:#9852f9;}
.ustab_cho .subx_r span{background:#fff;position:relative;}
.ustab_cho .subx_r span::after{width:14px;height:14px;background:#9852f9;content:'';display:block;overflow:hidden;margin:5px;border-radius:50%;}
.openbox .opexfeet{width:inherit;height:max-content;padding:15px 0;}
.opexfeet .utabfin{width:inherit;margin:0 auto;}
.utabfin button{width:82%;height:40px;padding:0 10px;background:#9852f9;color:#fff;font-size:16px;margin:0 auto;display:block;overflow:hidden;border-radius:5px;}
.utabfin button:hover{background:#9852f9;transition:all 0.5s;}
.opexfeet p.tips{width:80%;margin:10px auto;text-align:center;font-size:14px;line-height:24px;}

.userness{position:fixed;z-index:221;width:200px;height:max-content;padding:10px;background:white;right:10px;top:50px;border-radius:5px;display:none;}
.openbox span.username{line-height:20px;color:#9852f9;float:left;cursor:pointer;}
.opxhead .icon_user{width:20px;height:22px;fill:#9852f9;float:right;}
.openbox .crts{display:block;overflow:hidden;margin-bottom:10px;}
.opexbody a.u_tis{float:left;font-size:14px;margin:5px;color:#666;cursor:pointer;}
.openbox span.username:hover, .opexbody a.u_tis:hover{color:#082533;}
.opexbody ul.user_li{padding:10px 0;}

.user_li li{width:inherit;padding:10px 0;height:max-content;display:block;overflow:hidden;cursor:pointer;}
.user_li li:hover{background:#9852f9;border-radius:3px;}
.user_li li > svg.icon{float:left;width:20px;height:20px;margin-left:10px;fill:#9852f9;}
.user_li li > span.nam_u{float:left;line-height:20px;margin-left:10px;}

.opexbody .mesages[name='mesage']{max-height:240px;overflow:hidden;overflow-y:scroll;}
.userness.mess[name='mess']{padding:10px 15px;right:40px;}
.mesages[name='mesage'] li{padding:5px 10px;margin:5px auto;background:#f5f5f5;cursor:pointer;}
.mesages[name='mesage'] li > h5{color:#082533;}
.mesages[name='mesage'] li:hover{background:#9852f9;transition:all 0.5s;}
.mesages[name='mesage'] li:hover p, .mesages[name='mesage'] li:hover span{color:white;}
.mesages[name='mesage'] li > p{font-size:13px;text-indent:2em;color:#aeaeae;}
.mesages[name='mesage'] li > span{display:block;line-height:20px;color:#aeaeae;font-size:12px;}

.openbox .opexfet{width:inherit;height:max-content;overflow:hidden;}
.opexfet a.mesgmore{line-height:24px;padding:5px;font-size:13px;color:#9852f9;float:left;margin-top:10px;}
a.mesgmore:hover{color:#9852f9;}
.modenmore{width:max-content;}
.morenes li > span.nam_u{margin-right:15px;}
@-webkit-keyframes move {
	0%{top:0;}
	100%{top:-100px;}
}

@keyframes move {
	0%{top:0;}
	100%{top:-100px;}
}
/*团队信息*/
.teambox{width:96%;margin:20px auto;padding:40px 0 !important;overflow:hidden;background:white;}
.card-designer-list, .card{position:relative;}
.card-designer-list .oplod{position:absolute;right:10px;top:10px;width:36px;height:36px;overflow:hidden;display:none;cursor:pointer;}
.card-designer-list:hover .oplod{display:block;}
.oplod > svg.icon{fill:#aeaeae;width:20px;height:20px;padding:4px 8px;border-radius:3px;}
.oplod:hover svg.icon{fill:#9852f9;width:20px;height:20px;background:#e5e5e5;}
.card .tmod_do{width:calc(100% - 12px);height:calc(100% - 14px);position:absolute;left:6px;top:7px;background:rgba(0,0,0,0.2);z-index:4;display:none;}
.tmod_do .tmo_clo{float:right;margin-right:20px;margin-top:20px;background:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;overflow:hidden;}
.tmod_do .tmo_clo[name="editmod"]{float:left;margin-left:20px;}
.tmo_clo svg.icon{width:24px;height:24px;margin:8px;fill:#aeaeae;}
.tmo_clo:hover{background:#9852f9;}
.tmo_clo:hover svg.icon{fill:white;}
.card:hover .tmod_do{display:block;}

.teambox .jointeam{margin:10px auto;width:max-content;overflow:hidden;}
.jointeam p[name='invent']{text-align:center;line-height:36px;font-size:16px;color:#9852f9;}
.jointeam p > span{color:#666;line-height:inherit;font-size:inherit;}
.jointeam .btn_join{width:inherit;margin:10px auto;overflow:hidden;}
.btn_join input{width:120px;background:#9852f9;color:white;line-height:36px;border-radius:5px;float:left;margin:10px;font-size:16px;}
.btn_join input[name='cancel']{background:#ccc;}
.mod_listimg .panel{max-height:240px;overflow:hidden;border:none;margin:0;position:relative;box-shadow:none;}
.panel .mod_im1{padding:0;}
.card[name="teamod"] .panel{height:max-content;}
.card[name="teamod"] .panel .mod_im1{position:relative;left:0;top:0;}
.imgboxscal img{height:auto;overflow:hidden;display:block;width:100%;}

.card[name="teamod"] .panel:hover .mod_im1 .imgboxscal{animation:move 2s infinite alternate linear;}
.btn_join input:hover{opacity:0.8;}
.text-center{text-align:center;}
.people-nick-name{line-height:1.5;margin-top:20px;font-size:24px;color:#444444;overflow:hidden;}
.baseinfobottom p{margin-top:10px !important;overflow:hidden;}
.teamp_ti p{overflow:hidden;margin-top:20px !important;}
.baseinfobottom p > span{float:left;text-align:left;}
.user-background{margin-top:10px;font-size:12px;color:#bbbbbb;}
.teamp_ti p > span{float:left;text-align:left;}
.user-signature{margin-top:20px;line-height:20px;font-size:14px;color:#666666;}
.active-filter-down.mt-15{margin-top:15px;overflow:hidden;}
.active-filter-down{margin-top:15px;box-sizing:border-box;}
.medium-title{font-size:14px;color:#666;margin-left:30px;}
.left, .pm-suggest-tips .img-item > img, .wx-code{float:left;}
.designer-list-box{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;overflow:hidden;padding:10px;margin:0 auto;width:100%;}
.mt-16{margin-top:16px;}
.clear{clear:both;}
.title-content{color:#333;line-height:24px;font-size:14px;font-weight:600;vertical-align:middle;}
.position-info{font-size:12px;color:#bbb;margin-bottom:12px;}
.position-info > span{line-height:24px;}
.team-competence, .tag-team-admin{padding:3px 6px;margin:0 0 5px;font-size:12px;color:#666666;background:#eeeeee;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;display:inline-block;vertical-align:middle;zoom:1;cursor:pointer;}
.card-designer-list .avatar img, .card-designer-list-attention .avatar img, .card-designer-list-details .avatar img{width:80px;height:80px;border-radius:50%;}
.container-area{width:1600px;}
.card-designer-list-attention:not(:last-child), .card-designer-list:not(:last-child){border-bottom:1px solid #eee;}
.card-designer-list{width:15%;padding:30px;height:120px;overflow:hidden;background:#fff;float:left;border:1px solid #e5e5e5;margin:5px;}
.card-designer-list:hover{border-color:#9852f9;}
.card-designer-add{width:15%;height:120px;float:left;padding:30px;border:1px solid #e5e5e5;margin:5px;background:#fff;cursor:pointer;}
.card-designer-add img{position:relative;top:-30px;width:200px;height:180px;}
.card-designer-add:hover img{filter:opacity(0.5);opacity:0.5;}
.search{display:inline-block;width:358px;height:39px;position:relative;border:1px solid #d2d2d2;border-radius:5px;overflow:hidden;top:30px;position:relative;}
.search input{padding-left:15px;font-size:14px;line-height:37px;width:92%;}
.btns{width:80px;display:inline-block;height:39px;border-radius:5px;color:#fff;font-size:14px;text-align:center;line-height:39px;-webkit-transform:.2s ease;-ms-transform:.2s ease;transform:.2s ease;background:#3696f9;position:relative;margin-right:5px;left:220px;}
.positionret{background:white;padding:30px 0;margin-top:10px !important;margin-left:0 !important;margin-right:0 !important;}
#temcenterlist .mod_listimg{margin:10px;height:max-content;overflow:hidden;background:white;padding:10px;box-shadow:0 1px 15px rgba(0,0,0,0.08);}
.mod_im1 .imgboxscal{width:100%;height:auto;overflow:hidden;position:relative;}
#temcenterlist .mod_listimg:hover{box-shadow:0 2px 8px rgba(0,0,0,0.2);transform:scale(1.05);z-index:30;border-radius:5px;}
.mod_listimg .covermodls{width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;left:10px;z-index:2;background:rgba(0,0,0,0.2);display:none;}
.mod_listimg:hover .covermodls{display:block;}
.teambox p{text-align:center;font-size:16px;color:#666;line-height:36px;}
.teambox .ktongvip{width:max-content;margin:0 auto;margin-top:20px;}
.ktongvip button.btn_ktvp{line-height:24px;padding:4px 20px;border-radius:5px;background:#9852f9;color:white;}
.btn_ktvp:hover{opacity:0.8;}
.cro_menu{float:left;width:300px;height:362px;margin-left:20px;}
.cro_menu div{margin-top:20px;overflow:hidden;}
.cro_menu div .cro_btn, .cro_menu div .upload_btn, .cro_menu div .warn_sp{display:block;}
.cro_menu div .cro_btn, .cro_menu div .upload_btn{float:left;}
.cro_menu div .cro_btn, .cro_menu div .upload_btn{width:160px;height:40px;background:#9852f9;border-radius:4px;color:#fff;}
.cro_menu div .cro_btn{width:80px;margin-left:3px;border-top-left-radius:0px;border-bottom-left-radius:0px;}
.cro_menu div .upload_btn{border-top-right-radius:0px;border-bottom-right-radius:0px;}
.cro_menu div .warn_p{margin-top:50px;font-size:14px;color:#aeaeae;}
.tipucs svg.icon{width:16px;height:16px;fill:#333;float:right;margin:11px 12px;cursor:pointer;padding:0;}
.tipucs svg.icon:hover{fill:#9852f9;}
.bctp_c svg.icon{float:left;fill:#ccbe7a;width:20px;height:20px;margin:6px 10px;display:block;overflow:hidden;}

/*模板中心*/
.bannersp{width:100%;margin:15px auto;overflow:hidden;height:auto;position:relative;min-height:240px;}
.bannersp .bnlist{width:100%;height:auto;overflow:hidden;position:relative;z-index:1;}
.bnlist a.bnitem{width:inherit;overflow:hidden;height:auto;position:relative;z-index:2;display:none;}
.bnitem img{width:inherit;height:auto;margin:auto;}
.bannersp .botfet{width:auto;height:12px;position:relative;z-index:3;bottom:20px;margin:0 auto;padding:3px;}
.botfet .fetite{width:8px;height:8px;float:left;background:rgba(0,0,0,0.2);border-radius:4px;margin:0 2px;}
.fetite:hover{background:rgba(255,255,255,0.4);}
.bannersp .searcho{position:absolute;z-index:5;width:540px;height:120px;margin:auto;left:0;top:0;right:0;bottom:0;opacity:0.9;}
.searcho .seahtop{width:100%;height:auto;overflow:hidden;position:relative;}
.seahtop input{width:320px;line-height:16px;float:left;border-radius:18px 0 0 18px;padding:8px 15px;font-size:14px;box-sizing:border-box;border:1px solid #e5e5e5;border-right:none;color:#666;}
.seahtop button{line-height:34px;background:rgba(146,84,222,0.6);color:#fff;width:auto;padding:0 30px;border:none;border-radius:0 19px 19px 0;margin:0;font-size:15px;float:left;}
.seahtop button:hover{background:rgba(146,84,222,0.8);}
.seahtop input::-webkit-input-placeholder{color:#aeaeae;}
.seahtop input:focus{color:#9852f9;border-color:rgba(146,84,222,0.6);}
.searcho .seahtips{width:inherit;}
.seahtips a{line-height:36px;color:#333;margin-left:10px;font-size:12px;}
.seahtips a:hover{color:#9852f9;}
.searcho .suppest{position:fixed;top:60px;left:0;width:inherit;background:white;display:none;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
.suppest ul.supest_box{width:100%;margin:10px auto;overflow:hidden;display:block;}
.supest_box li{line-height:36px;width:100%;display:block;overflow:hidden;cursor:pointer;}
.supest_box li span.leftsearc{line-height:36px;margin-left:15px;float:left;color:#333;}
.supest_box li span.rigsearc{line-height:36px;margin-right:15px;float:right;color:#aeaeae;}
ul.supest_box li:hover{background:rgba(0,0,0,0.04);}
ul.supest_box li:hover span.leftsearc{color:#9852f9;}
.pageinners[name='vocat']{margin:0 auto;}
.pageinners[name='vocat'] .vocat_box{width:auto;margin:0 auto;text-align:center;}
.vocat_box b.vocal{line-height:24px;font-size:14px;color:#666;margin:0 10px;font-weight:normal;cursor:pointer;font-weight:bold;}
.vocat_box b.vol_cho, .vocat_box b.vocal:hover{color:#9852f9;}
.pageinners{width:calc(100% - 80px);margin:10px auto;margin-top:30px;}
.pageinners .pagnbox{width:100%;overflow:hidden;}
.pagnbox .pagbox_tit{width:100%;height:auto;overflow:hidden;}
.pagbox_tit b{float:left;font-size:16px;line-height:36px;}
.pagbox_tit .pgb_rig{float:right;width:auto;overflow:hidden;}
.pgb_rig .leftipb{float:left;}
.leftipb a{float:left;padding:0 10px;line-height:36px;color:#666;}
.leftipb a:hover{text-decoration:none;color:#9852f9;}
.leftipb a.septer{color:red;}
.leftipb a.selchose{color:#9852f9;position:relative;}
.selchose::after{width:calc(100% - 20px);height:2px;background:#9852f9;content:'';display:block;overflow:hidden;position:absolute;left:10px;bottom:0;}
.pgb_rig .rigtipb{float:left;margin-left:20px;cursor:pointer;}
.rigtipb:hover span{}
.rigtipb span{float:left;line-height:36px;font-size:12px;color:#aeaeae;}
.rigtipb svg{fill:#aeaeae;margin-top:9px;}
.rigtipb:hover span{color:#9852f9;}
.rigtipb:hover svg.icon{fill:#9852f9;}
.pagnbox .pagbox_main{width:100%;height:auto;overflow:hidden;margin:10px auto;}
.pagbox_main .vimans{width:240px;float:left;margin-left:12px;border-radius:5px;overflow:hidden;cursor:pointer;margin-top:10px;}
.pageinners[name='pache'] .pagnbox .pagbox_main{width:100%;padding:0 5px;}
.pagbox_main .vimans:first-child, .pagbox_main .vimanx:first-child{margin-left:0;}
.vimans img, .vimanx img{width:100%;height:auto;}
.vimans:hover img{transform:scale(1.2);transition:all 0.5s;}
.pagbox_main .vimanx{width:240px;float:left;margin-left:12px;overflow:hidden;box-sizing:border-box;margin-top:10px;margin-bottom:10px;border:1px solid #f0f0f0;}
.vimanx .vimgx{width:94%;height:auto;overflow:hidden;position:relative;z-index:1;margin:8px auto;max-height:360px;}
.vimgx img{width:100%;height:auto;display:block;}
.vimgx .vimxbox{width:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3);z-index:2;height:100%;display:none;}
.vimxbox svg.icon{width:36px;height:36px;fill:#ccc;display:block;overflow:hidden;margin:20px;cursor:pointer;float:left;padding:5px;padding-top:7px;padding-left:6px;background:white;border-radius:24px;}
.vimxbox svg.saveicon{fill:#9852f9;}
.vimxbox svg.icon:hover{fill:#999;transition:all 0.15s;}
.vimxbox svg.saveicon:hover{fill:#a438ff;}
.vimxbox span.modvie{width:auto;line-height:14px;padding:8px 15px;background:rgba(146,84,222,0.6);color:white;font-size:14px;border-radius:5px;float:right;margin:20px;cursor:pointer;}
span.modvie:hover{opacity:0.8;}
.vimanx .vimtit{width:94%;height:auto;overflow:hidden;margin:5px auto;}
.vimtit p.vimgti, .vimtit p.vimgbim{padding:0;overflow:hidden;width:100%;margin:0;}
.vimgti a{color:#333;}
.vimgti a, .vimgbim span.vim_jig{line-height:24px;width:60%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;float:left;}
.vimgti a:hover{color:#9852f9;}
.vimgti span.freeorpay{float:right;color:#aeaeae;font-size:12px;}
.vimgbim span{float:left;line-height:24px;color:#aeaeae;font-size:12px;}
.vimgbim span.users_vimg{float:right;}
.temmenu_left .scenlis{width:inherit;height:auto;overflow:hidden;margin-top:30px;cursor:pointer;}
.scenlis .secnite{width:inherit;height:48px;margin:10px auto;}
.secnite svg.icon{width:20px;height:20px;float:left;margin:14px 10px;float:left;fill:#666;margin-left:30px;}
.secnite span{float:left;line-height:24px;margin:12px;font-size:16px;color:#333;}
.secnite:hover svg{fill:#9852f9;}
.secnite:hover span{color:#9852f9;}
.temmenu_left .secn_cho{position:relative;background:rgba(0,0,0,0.05);}
.secn_cho:before{content:'';background:#9852f9;width:2px;height:24px;top:12px;display:block;overflow:hidden;position:absolute;}
.secn_cho:after{content:'';width:0;height:0;float:right;margin-top:16px;display:block;overflow:hidden;border-width:8px 8px 8px 0;border-style:solid;border-color:transparent #fff transparent transparent;}
.secn_cho svg.icon{fill:#9852f9;}
.secn_cho span.menutit{color:#9852f9;}

/*PC端定稿*/
.finaine{width:100%;height:auto;overflow:hidden;background:white;}
.finaine .finbox{width:1200px;height:auto;margin:20px auto;}
.finbox .fin_left{float:left;width:120px;height:auto;}
.fin_left h1{font-size:20px;color:#000;font-weight:bolder;margin-top:20px;line-height:24px;}
.finbox .fin_rig{width:calc(100% - 120px);float:left;height:auto;overflow:hidden;}
.fin_rig .finiten{width:25%;height:auto;float:left;position:relative;z-index:1;}
.finiten:before, .finiten:after{position:absolute;content:'';width:50%;height:4px;background:#ccc;display:block;overflow:hidden;left:0;top:36px;z-index:-1;}
.finiten:after{right:0;left:auto;}
.final_end:before, .final_end:after, .final_str:before{background:#9852f9;}
.fin_rig .finiten:first-child:before, .fin_rig .finiten:last-child:after{content:none;}
.finiten .fin_ball{width:36px;height:36px;border-radius:50%;background:#aeaeae;color:white;text-align:center;line-height:36px;margin:0 auto;margin-top:20px;font-size:20px;font-weight:bolder;}
/*position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;margin:auto;*/
.finiten h3{line-height:24px;font-size:14px;color:#333;text-align:center;margin-top:10px;}
.finiten p{line-height:20px;font-size:12px;color:#aeaeae;text-align:center;display:none;}
.final_end .fin_ball, .final_str .fin_ball{background:#9852f9;color:white;}
.final_end h3{color:#000;}
.final_end p, .final_str p{display:block;}
.final_str p{color:#9852f9;}
.tipsliner h4{line-height:36px;}

.tipsliner .tplinebox{width:inherit;height:auto;overflow:hidden;border-top:1px solid #e5e5e5;max-height:360px;overflow-y:scroll;padding:10px 0;}
.tplinebox .tple_ite{width:calc(100% - 10px);height:auto;min-height:40px;overflow:hidden;}
.tplinebox .tple_ite:first-child .tpl_titrig{border-top:none;}
.tple_ite:before{width:2px;height:auto;margin-left:10px;background:#ccc;content:'';display:block;overflow:hidden;float:left;}
.tple_ite:after{width:12px;height:12px;margin-left:10px;margin-top:13px;background:#ccc;content:'';border-radius:50%;display:block;overflow:hidden;float:left;}
.tple_ite .tpl_titrig{float:right;width:calc(100% - 30px);height:auto;overflow:hidden;border-top:1px solid #e5e5e5;padding:8px 0;}
.tpl_titrig p{line-height:20px;font-size:13px;}
.tpl_titrig span{line-height:20px;color:#aeaeae;font-size:12px;margin-top:5px;display:block;}
.nowscrl{background:rgba(0,0,0,0.5) !important;}
/*弹窗*/
.covers{width:100%;height:100%;background:rgba(0,0,0,0.4);top:0;left:0;position:fixed;z-index:1000;display:none;}
.covers .modboxs{background:white;border-radius:5px;width:90vw;height:90vh;margin:auto;position:absolute;left:0;top:0;right:0;bottom:0;box-shadow:0 0 15px rgba(0,0,0,0.05);overflow:hidden;}
.modboxs .modbox_head{width:100%;height:auto;overflow:hidden;}
.modbox_head .modbtit{width:inherit;height:48px;position:relative;overflow:hidden;background:rgba(146,84,222,0.1);}
.modbtit h1{font-size:20px;text-align:center;line-height:36px;color:#9852f9;margin:6px auto;font-weight:bold;}
.modbtit svg.icon{width:32px;height:32px;position:absolute;top:8px;right:10px;cursor:pointer;padding:5px;fill:#aeaeae;}
.modbtit svg.icon:hover{background:rgba(0,0,0,0.1);fill:#fff;}
.modboxs .modb_body{width:96%;margin:0 auto;height:calc(100% - 49px);overflow:hidden;overflow-y:scroll;}
.modb_body .modbb_tit{width:100%;height:auto;overflow:hidden;margin-top:10px;}
.modbb_tit .modbt_list{width:100%;height:auto;overflow:hidden;margin-top:5px;}
.modbt_list .mdblist_name{width:3em;float:left;margin:3px auto;}
.mdblist_name span{line-height:20px;float:left;}
.modbt_list .mdblist_bd{float:left;width:calc(100% - 3em);height:auto;}
.mdblist_bd a{line-height:20px;float:left;color:#999;margin:3px;padding:0 8px;border-radius:12px;}
.mdblist_bd a:hover{color:#9852f9;}
.mdblist_bd a.sels_cho{background:rgba(146,84,222,0.8);color:white;}
.modbt_list .mdb_colorsel{width:auto;margin-right:40px;}
.mdb_colorsel span{width:28px;height:20px;display:block;float:left;background:#9852f9;margin:3px 10px;box-shadow:0 0 3px rgba(0,0,0,0.2);border-radius:3px;cursor:pointer;overflow:hidden;display:block;position:relative;}
.mdb_colorsel span[name='allcolors']{background:linear-gradient(to right top,red,yellow,green);}
.sel_col:before, .sel_col:after{width:7px;height:2px;transform:rotate(45deg);position:absolute;left:7px;top:11px;display:block;overflow:hidden;background:white;content:"";}
.sel_col:after{transform:rotate(-45deg);right:5px;width:12px;left:auto;top:9px;}
.modb_body .wmodlist{width:100%;height:auto;overflow:hidden;margin:20px auto;}
.sences{width:calc(100% - 80px);height:auto;overflow:hidden;overflow-y:scroll;margin:20px auto;}
.sences .modb_body{width:100%;}
.modbox_head p.web_pos{line-height:24px;padding:0;margin:0;font-size:14px;color:#aeaeae;}
.web_pos a{color:#aeaeae;}