/*common*/
.fl{float:left}
.fr{float:right}
.top_tel{
	font-weight: bold;
    font-size: 18px;
}
.layui-tab-brief>.layui-tab-title .layui-this{
color: #ff6000;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
border-bottom: 2px solid #ff6000;
}
.right-panel-toggle{display:none}
#cases_content1 .to-top{display:none}
/* .design-header .design-header__right-part #lqfa{width:208px} */

/*算算价格*/
.cmid{
	margin-left:10px;
	position:relative;
}
.cmid .bg1{
	position:absolute;
	width:100%;
	height:570px;
	text-align:center;
	line-height:570px;
	background:#e6e6e6;
	z-index:99;
	 filter:alpha(opacity=60);  
      -moz-opacity:0.6;  
      -khtml-opacity: 0.6;  
      opacity: 0.6;
}
.cmid .cprice{
	width:530px;
	height:110px;
	background:#FFF5EC;
}

.cmid .cprice .ctb{
	height:110px;
	width:87px;
	background:#FFDDC8;
	text-align:center;
}
.cmid .cprice .ctb img{
	margin-top:20px;
}
.cmid .cprice .ctb p{
	margin-top:8px;
	color:#FF6A40;
	font-size:14px;
}

.cmid .cprice ul{margin-left:33px;}
.cmid .cprice ul li {
	float:left;
	width:140px;
	text-align:left;
	margin-top:12px;
}
.cmid .cprice ul li p{
	padding:3px 0;
}
.cmid .cprice ul li .p1{
	font-family:'Arial Negreta', 'Arial Normal', 'Arial';
	font-size:28px;
	color:#FF7300;
	font-weight:700;
}
.cmid .cprice ul li .p1 span{
	font-size:16px;
}
.cmid .cprice ul li .p2{
	font-size:14px;
	color:#888888;
}
.cmid .cprice ul li .p3{
	font-size:14px;
	color:#444444;
}
.cright{
	width:189px;
	height:447px;
	/*background:#f1f1f1;*/
	background:#F9F9F9;
}
.cmid .cfrm 
{
	margin-top:10px;
}
.cmid .cfrm .li .name{
	color:#888888;
	font-size:12px;
	padding-left:30px;
	height:36px;
	line-height:36px;
	width:78px;
	
}
.cmid .cfrm .li .value{
	color:#222222;
	font-size:12px;
	padding-left:16px;
	height:36px;
	line-height:36px;
	
}
.cmid .cfrm .li.hd .value a{
	width:69px;
	height:20px;
	line-height:20px;
	border:1px solid #F5DAAF;
	text-align:center;
	color:#FF7300;
	background:#FFF5EB;
	display:block;
	margin-top:7px;
}
.cmid .cfrm .li.hd .value a.a1{
	border-right:1px dashed #F5DAAF;
}

.cmid .cfrm .li.hd .value a.a2{
	border-left:0;
}
.cmid .cfrm .li.tjzs .value{
/*	padding-left:16px;*/
}
hr.com{margin:0;}
hr.das{border-top:1px dashed #e6e6e6;margin:0;width:516px;margin-left:15px;background:none}
.input{
	border:1px solid #F0F0F0;
	height:26px;
	line-height:26px;
	text-align:center;
	color:#444444;
}
input.input:focus
{ 
border:1px solid #ff6000;
}
input.input::-webkit-input-placeholder { /* WebKit browsers */
    color:   #AEAEAE;
}
input.input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:   #AEAEAE;
}
input.input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:   #AEAEAE;
}
input.input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:   #AEAEAE;
}
.value.nums{padding-top:5px;}
.box{width:26px;height:26px;line-height:26px;border:1px solid #F0F0F0;text-align:center;color:#AEAEAE;font-size:18px;cursor:pointer;}
.box:hover{border:1px solid #ff6000;color:#ff6000;background:#FFF5EB}
.zz{width:26px;height:28px;line-height:28px;text-align:center;color:#AEAEAE;font-size:14px;}
.box1{
	width:38px;
	height:38px;
	border:1px solid #D5D5D5;
	text-align:center;
	line-height:38px;
	font-size:18px;
	margin-right:10px;
	cursor:pointer;
	color:#282828;
}
.box1.active{border:1px solid #ff6000;}
.box1 img{margin-top:-1px;}
.box1.ybg{
	background:#F2F2F2;

}
.value1{height:46px;line-height:46px;margin-top:5px;margin-left:16px;}

.box2{
	width:65px;
	height:26px;
	border:1px solid #D5D5D5;
	text-align:center;
	line-height:26px;
	font-size:14px;
	margin-right:10px;
	cursor:pointer;
	color:#282828;
	margin-top:4px;
}
.box2.active{border:1px solid #ff6000;}

.son{
	border: 1px #e0e0e0 dotted;
	position:relative;
		
}
.son .top_triangle{position: absolute;
    top: -30px;
    left: 28px;
    width: 0;
    height: 10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #999 transparent;
    z-index: 9999;}
.son .whiteBg{
    position: absolute;
    top: -30px;
    left: 28px;
    width: 0;
    height: 10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent;
    z-index: 9999;
}
.sub{margin-top:10px;padding-left:125px;}
.btn{
	line-height:40px;
	text-align:center;
	width:160px;
	height:40px;
	/*background:inherit;*/
	background:rgb(255, 115, 0);
	border:none;
	font-size:18px;
	color:#ffffff;
	cursor:pointer;
	border-radius:2px;
}
.btn1{
	line-height:38px;
	text-align:center;
	width:160px;
	height:38px;
	//background:inherit;
	//background-color:rgba(255, 115, 0, 1);
	border:1px solid #DDDDDD;
	font-size:18px;
	cursor:pointer;
	position:relative;
	color:#7F6697;
	padding-left:20px;
	margin-left:20px;
	
}
.btn2{
	line-height:38px;
	text-align:center;
	width:130px;
	height:38px;
	color: white;
	background:inherit;
	border:1px solid #4CAF50;
	border-radius:2px;
	font-size:18px;
	cursor:pointer;
	position:relative;
	background: #4CAF50;
	padding-left:20px;
	margin-left:20px;
}
.btn2 img{position:absolute;left:5px;top:6px;height:26px;}
.btn1 img{position:absolute;left:0;top:1px;height:36px;}
.clear:after{    
	display: block;
    clear: both;
    content: "";
    /*visibility: hidden;*/
    height: 0;
}
.hide{display:none}
#tkcj .cleft img{
width:240px;
	margin-top: 140px;
    border: 2px dashed #ff9090;
    padding: 5px;
}
#tkcj{padding:10px;}
.w70 {
    width: 70px;
}
.ml15 {
    margin-left: 15px;
}


/*succ*/

/*success*/
#success{
	border:0px solid red;
	width:830px;
	margin:0 auto;
	margin-top:10px;
}
#success .title{
	margin-top:10px;
	width:783px;
	margin:0 auto;
	
}
#success .title ul li{
	margin-right:20px;
	height:21px;
}
#success .title ul li .tb{
	width:18px;
	height:18px;
	border-radius:9px;
	background:#FFA07F;
	color:#ffffff;
	text-align:center;
}
#success .title ul li .value{
	margin-left:20px;
	color:#434343;
	font-size:14px;
}
#success .title hr{
	border-top:1px dashed #e6e6e6;background:none
}
#success .title span{
	color:#003366;
}
#success .title img{margin-left:10px;}
#success .title li.jgsm{
	cursor:pointer;
}
.scnt{
	background:#F7F7F7;
	height:505px;
	width:783px;
	margin:0 auto;
	
}
.scnt .sleft{
	width:286px;
}
.scnt .fl .case{width:266px;margin:0 auto;margin-top:10px;}
.scnt .fl .case img{
	width:93px;
	height:93px;
	border-radius:5px;
	 -moz-box-shadow:3px 3px 3px rgba(0, 0, 0, 0.21);
   -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.21);
  box-shadow:3px 3px 3px rgba(0, 0, 0, 0.21); 
}
.scnt .fl .case .value {margin-left:10px;}
.scnt .fl .case .value .p{
	font-size:14px;
	margin-top:10px;
	width: 155px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.scnt .fl .case .value .p1{
	font-size:12px;
	margin-top:10px;
	color:#868686;
}
.scnt .fl .table{
	width:264px;
	margin:0 auto;
	margin-top:10px;
	border:1px solid #CCCCCC;
	border-radius:5px;
	background-color:#ffffff;
	position:relative;
	font-size:12px;
}
.scnt .fl .table ul{min-height:380px;}
.scnt .fl .table .dj{
	position:absolute;
	    right: -80px;
    bottom: 10px;
}
.scnt .fl .table .dj .jg{position:relative;}
.scnt .fl .table .dj .jg p{
	position:absolute;
	bottom:40px;
	left:25px;
	font-size:15px;
	color:#E60012;
	font-weight:bold;
	display: block;
	
	text-align: center;
	width: 70px;
}
.scnt .fl .table ul li {
	height:34px;
	line-height:34px;
	border-bottom:1px dashed #e6e6e6;
	color:#949494;
}
.scnt .fl .table ul li.no{
	border:0;
}
.scnt .fl .table ul li .name{
	width:70px;
	text-align:right;
	
}
.scnt .fl .table ul li .value{
margin-left:20px;
}

.scnt .fr{
	width:497px;
	background:#F3FBFE;
	height:505px;
}
.scnt .price .img{display:block;margin:0 auto;margin-top:50px;}
.scnt .price .res{
	width:440px;
	margin:0 auto;
}
.scnt .price .res ul li.tol{
	margin-top:20px;
}
.scnt .price .res ul li .name{
	width:193px;
	text-align:right;
	font-size:32px;
	font-weight:700;
}
.scnt .price .res ul li .value{
	font-size:36px;
	color:#FF6000;
	margin-left:10px;
}
.scnt .price .res ul li .value span.sp1{
	font-size:72px;
	color:#FF6000;
	line-height:0px;
	position:relative;
	top:5px;
	font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
	font-weight:700;
}
.scnt .price .res ul li .value span.sp{
	font-size:36px;
	color:#FF6000;
	padding-left:10px;
}
.scnt .price .res ul li.li .name{
	font-size:24px;
	    font-family: 'Arial Normal', 'Arial';
    font-weight: 400;
	color: #868686;
}

.scnt .price .res ul li.li .value{
	font-size:24px;
	    font-family: 'Arial Normal', 'Arial';
    font-weight: 400;
	color: #868686;
}
.scnt .price .res ul li.li .value s{
	color:red;
}
.scnt .price .res ul li.cz{
	margin-top:20px;
}
.scnt .price .res ul li.cz .name{
	padding-right:10px;
}
.scnt .price .res ul li .btn{
	display:block;
	width:140px;
	background:#993300;
	font-size:16px;
	color:#ffffff;
	height:40px;
	line-height:40px;
	border-radius:5px;
	margin-right:20px;
}
.scnt .price .res ul li .btn.f2{
	background:#990000;
}
.scnt .price .res ul li .btn:hover{
	background:red;
}
/**/
#cases_top{padding:5px 10px 0px 5px;padding-right:10px;background:#ffffff;position:fixed;width:800px;}
#cases_top:after{
	display: block;
    content: "";
    clear: both;
}
#cases_top  .mybtn{
margin-top:5px;
}
#talk {position:relative}
#talk .icon_num {
    position: absolute;
    left: 28px;
	top:-6px;
    background: #ce2f1a;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    color: #ffffff;
}
#talk .icon_num.animated{
-webkit-animation:flash 1.5s infinite linear ;
}
/*右侧垂直滚动*/
#right_dt{overflow:hidden;}
.screen .screen_right_2{height:189px;overflow:hidden;}
#right_dt .hd{height:190px;}
#right_dt1 h2{height:40px;font-weight:normal;line-height:40px;font-size:14px;position:relative;border-bottom: 1px dashed #E8E5F1;}
#right_dt1 h2 span{display:block;height:100%;margin:0 14px;position:relative;font-weight:700;color:#2B3D63;padding-left:15px;}
#right_dt1 h2 span:before {content: '';position: absolute;left:0;top:16.5px;width:8px;height: 8px;background:url('../img/i8.png') no-repeat center;}
#right_dt1 h2 span:after {content: '';position: absolute;right:0px;top:19px;width:8px;height:5px;background:url('../img/i9.png') no-repeat center;}
#right_dt ul li{line-height:20px;font-size:12px;position:relative;border-bottom: 1px dashed #E8E5F1;}
#right_dt ul li .p1{color:#6A6A6B;font-family:arial;}
#right_dt ul li:before{content: '';position: absolute;left:15px;top:21px;width:4px;height: 8px;background:url('../img/i7.png') no-repeat center;}
#right_dt ul li .p1 i{font-weight:700;color:#2B3D63;}
#right_dt ul li .p2{color:#aaa;height:20px;overflow:hidden;}
#right_dt ul li a{height:40px;display:block;overflow:hidden;padding:15.5px 15px 15.5px 25px!important;}
#right_dt ul li a:hover .p2{color:#999;}


#cnt-top{border:0px solid #c5c5c5;height:150px;width:800px;margin:0 auto;margin-top:5px;margin-bottom:5px;/*background-image: linear-gradient(30deg, #e05500 0%, #fdac7b 100%)*/
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fdab08), to(#ff7502));
background:-o-linear-gradient(top, #fdab08,#ff7502 );
background:-moz-linear-gradient(top, #fdab08,#ff7502);
-moz-box-shadow:1px 1px 6px #6f6d6d; -webkit-box-shadow:1px 1px 6px #6f6d6d; box-shadow:1px 1px 6px #6f6d6d;
cursor: pointer;
}
#cnt-top .pp{color:#ffffff;font-size: 24px;text-align: center;padding-top:30px;padding-bottom: 10px;letter-spacing:2px }
#cnt-top .span{color:#882a0c;font-size: 14px;text-align: center;}
.cnt-right{width:500px;float: right;background:#fff3eb;margin-top: 4px;margin-right: 4px;}
.cnt-left{width:296px;float: left;text-align: center;}
#right_dt2 ul li{line-height:20px;font-size:12px;position:relative;border-bottom: 1px dashed #E8E5F1;}
#right_dt2 ul li .p1{color:#6A6A6B;font-family:arial;}
#right_dt2 ul li:before{content: '';position: absolute;left:15px;top:21px;width:4px;height: 8px;background:url('/Templates/Home/theme4/Public/bzdesign/img/i7.png') no-repeat center;}
#right_dt2 ul li .p1 i{font-weight:700;color:#2B3D63;}
#right_dt2 ul li .p2{color:#aaa;height:20px;overflow:hidden;}
#right_dt2 ul li a{height:40px;display:block;overflow:hidden;padding:5px 15px 5px 25px!important;}
#right_dt2 ul li a:hover .p2{color:#999;}

#right_dt2 ul li a{height:32px;display:block;overflow:hidden;padding: 0px 15px 0px 25px!important;}
#right_dt2 ul li:before{top:14px;}
#right_dt2 p{line-height:28px;}
#right_dt1 h2 span{text-align: center;padding-left:0;}
#right_dt1 h2 span:before,#right_dt1 h2 span:after{width:0px;}
#right_dt1 h2{height: 32px;line-height: 32px}
.cnt-right{width: 537px; float: right;background: #eff7ff; margin-top: 43px;margin-right: 7px;}
#cnt-top{background:url(http://static.51hbz.com/Templates/Home/theme4/Public/newhome/imgs/hd/dindan.png);}
/*免费电话*/
.callback-box {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000001;
  display: none; }
.callback-box .con-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 40px; }
.callback-box .con-box .c-head {
      height: 142px;
      width: 621px;
      background-image: url("http://static.51hbz.com/Templates/Home/theme4/Public/newhome/imgs/block-01.png");
      background-repeat: no-repeat;
      background-size: 621px 142px;
      border-radius: 25px 25px 0 0; 
	/*	background:#0641a1;*/
}
.callback-box .con-box .c-content {
      background-color: #fff;
      overflow: hidden;
      position: relative;
      border-radius: 0 0 20px 20px; }
.callback-box .con-box .c-content .title {
        line-height: 50px;
        padding-top: 10px;
        font-size: 30px;
        color: #2b8fd3;
        text-align: center; }
.callback-box .con-box .c-content span::before {
        display: inline-block;
        content: '';
        height: 9px;
        width: 80px;
      /*  background: url("form-header-icon1.png") center no-repeat;
        background-size: 100%;*/
        vertical-align: middle;
        margin-right: 10px; }
.callback-box .con-box .c-content span::after {
        display: inline-block;
        content: '';
        height: 9px;
        width: 80px;
       /* background: url("form-header-icon.png") center no-repeat;
        background-size: 100%;*/
        vertical-align: middle;
        margin-left: 10px; }
.callback-box .con-box .c-content span {
        line-height: 30px;
        font-size: 20px;
        color: #253153;
        display: block;
        text-align: center;
        padding-bottom: 10px; }
.callback-box .con-box .c-content input {
        width: 328px;
        height: 52px;
        border-radius: 25px;
        border: 1px solid #dcdcdc;
        background-color: #eee;
        font-size: 20px;
        padding: 0 30px;
        display: block; }
.callback-box .con-box .c-content input::-webkit-input-placeholder {
        color: #999; }
.callback-box .con-box .c-content .inp-1 {
        margin: 0.15rem auto 0; }
.callback-box .con-box .c-content .inp-2 {
        margin: 14px auto; }
.callback-box .con-box .c-content button {
        width: 388px;
        height: 52px;
        line-height: 52px;
        background-color: #ff6000;
        border-radius: 26px;
        font-size: 24px;
        color: #fff;
        display: block;
        margin: 0 auto 30px;
        outline: none;
        border: 0 none; }
.callback-box .con-box .c-content p {
        color: #999;
        font-size: 18px;
        line-height: 46px;
        text-align: center;
        padding-left: 30px;
        background: #f2f2f2;}
.callback-box .con-box .c-content i {
        position: absolute;
        top: 109px;
        right: 123px;
        width: 120px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        color: #fff;
        border-radius: 20px;
        background-color: #999;
        text-align: center;
        cursor: pointer; }
.callback-box .con-box .c-content .sendmsg {
        background-color: #3aa1e5; }
.callback-box .con-box .close-box {
      width: 36px;
      height: 36px;
      cursor: pointer;
      background: url("http://static.51hbz.com/Templates/Home/theme4/Public/newhome/imgs/block-04.png") center no-repeat;
      background-size: 100%;
      position: absolute;
      top: -30px;
      right: -30px; }
  .c-content button{cursor:pointer}
/*右侧*/
#right_js{margin-top:20px;}
#right_js
{
font: 12px/1.5 "Microsoft YaHei", 微软雅黑, 黑体, 宋体, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu;
}
.company-intro__avatar{
width:100%
}
.company-intro__avatarbox {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    overflow: hidden;
    text-align: center;
    border: 1px solid #eee;
    box-sizing: border-box;
}
.company-intro__avatarbox img {
    position: relative;
    margin-top: -30px;
    top: 50%;
    width: 64px;
    height: 64px;
	border-radius: 50%;
}
.company-intro__name {
    font-size: 16px;
    color: #444;
    text-align: center;
    margin: 6px auto 10px;
    font-weight: bold;
}
.company-intro__info {
    font-size: 14px;
    color: #444;
    text-align: center;
    line-height: 22px;
    margin: 10px auto 20px;
}
.company-intro__toolbar {
    text-align: center;
}
.company-intro__btn--dark {
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    background: #ff5a00;
    color: #fff;
    padding: 8px 15px;
    margin: 20px 10px 20px 0;
}

.company-intro__btn--dark:hover{background-color:#f15400;color:#fff}
.company-intro__info .bold {
    font-weight: bold;
}
.company-intro__info span {
    color: #333;
}
.right_jg{
height:10px;
background:#f5f5f5;
margin:10px 0;
}
.right_ad img{width:94%;margin:0 auto;display:block;margin-top:5px;}
.gct{cursor:pointer}
/*测价*/
#cejia input {border:0}
#cejia{
	background:#ffffff;
	margin:10px 0;
}
#cejia {
font-size:12px;
}
.index_user>.xj{
    width:280px;
    height:246px;
    margin: 0 auto;
    background: #fff;
}
.index_user>.xj>.title{
      text-align: center;
      color: #464646;
  }
.index_user>.xj>.title>img{
    width:280px;
    height:52px;
}
.index_user>.xj>.title>div{
    height:20px;
    line-height: 15px;
    margin-bottom: 5px;
	color:#777777;
}
.line{
    width:280px;
    height:34px;
    margin-bottom:3px;
    color:#464646;
}
.line2{
    width:210px;
    height:34px;
    color:#464646;
}
.lfl{
    float: left;
    width:210px;
}
.line .lineBox{
    float:left;
    width:134px;
    height:32px;
    border:1px solid #9f9f9f;
    border-radius: 3px;
    position: relative;
    overflow:inherit;
}
.lineBox>.select{
    float: left;
    width:70px;
    text-align: right;
    height:34px;
    line-height:34px;
    border:0;
    font-size: 12px;
    color:#464646;
    background: url(http://www.51hbz.com/Templates/Home/theme4/Public/newhome/right/images/arrow.jpg) no-repeat scroll 55px center transparent;
    box-sizing: border-box;
    padding-right: 17px;
    position: relative;
    cursor: pointer;
}
.lineBox>.select .boxStyleTip{
    width:140px;
    line-height:20px;
    padding:5px 10px;
    display: none;
    background: rgba(0,0,0,0.5);
    text-align: left;
    border-radius: 3px;
    color:#fff;
    position: relative;
    top: -40px;
    right:-99px;
    z-index: 99;
}
.xsj{
    position: absolute;
    left:-10px;
    top:13px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 10px solid #000;
    border-bottom: 5px solid transparent;
    opacity: 0.5;
}
.lineBox .selectBox{
    display: none;
    position: absolute;
    right:-1px;
    top:32px;
    width:70px;
    background: #fff;
    border: 1px solid #9f9f9f;
}
.lineBox .selectBox .option{
    height:28px;
    line-height: 28px;
    padding-right: 17px;
    text-align:center;
    cursor: pointer;
}
.lineBox .selectBox .option:hover{
    background: #f1efef;
}
.line>.lineBox:nth-child(2){
    margin-left: 8px;
}
.line>div{
    border:1px solid #9f9f9f;
    border-radius:3px;
    overflow:hidden;
}
.line>div .iptName{
    box-sizing: border-box;
    float: left;
    width:40px;
    height:32px;
    line-height: 32px;
    padding-left:8px;
}
.line>div>input{
    height:32px;
    line-height: 32px;
    width:154px;
    outline:medium;
	padding-left:8px;
}
.line .size{
    float: left;
    width:60px;
    height:32px;
    line-height: 32px;
    text-align: center;
}
.line .dot{
    float: left;
    background: #333333;
    width:5px;
    height:5px;
    margin-top: 14px;
    border-radius: 50%;
}
.xj .xjBtn,#gotoModel,#gotoSteps{
    box-sizing: border-box;
    float: left;
    width:66px;
    height:60px;
    margin:5px 0 8px 4px;
    padding:10px;
    text-align: center;
    cursor:pointer;
    font-size: 18px;
    color:#fff;
    border-radius: 3px;
    background: #f88d2f;
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fdab08), to(#ff7502));
    background:-o-linear-gradient(top, #fdab08,#ff7502 );
    background:-moz-linear-gradient(top, #fdab08,#ff7502);
	-moz-box-shadow:1px 1px 6px #6f6d6d; -webkit-box-shadow:1px 1px 6px #6f6d6d; box-shadow:1px 1px 6px #6f6d6d;
}
/*.....璇环缁撴潫........*/
#gotoModel{
    float: left;
    background:#23ddff;
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#23ddff), to(#4d86ff));
    background:-o-linear-gradient(top, #23ddff,#4d86ff );
    background:-moz-linear-gradient(top, #23ddff,#4d86ff);
	-moz-box-shadow:1px 1px 6px #6f6d6d; -webkit-box-shadow:1px 1px 6px #6f6d6d; box-shadow:1px 1px 6px #6f6d6d;

}
#gotoSteps{
    float: left;
    background: #fdcf33;
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(FFCC00), to(FFCC00));
    background:-o-linear-gradient(top, FFCC00,FFCC00 );
    background:-moz-linear-gradient(top, FFCC00,FFCC00);
	-moz-box-shadow:1px 1px 6px #6f6d6d; -webkit-box-shadow:1px 1px 6px #6f6d6d; box-shadow:1px 1px 6px #6f6d6d;
}
.dDcx{
    width:280px;
    height:76px;
    background: #fff;
    margin: 0px auto;
}
.brtt{
    width:210px;
    height:32px;
    line-height: 32px;
    font-size: 15px;
    text-align: center;
    color:#716e7f;
}
.ddlf{
    float: left;
}
#orderId{
    width:198px;
    height:32px;
    line-height: 32px;
    border:1px solid #9f9f9f;
	padding-left:10px;
    border-radius:3px;
}
.goToModel{
    width:280px;
    height:80px;
    background: #fff;
    margin:0 auto;
    position: relative;
}
.goToModel .showModel{
    display: none;
    width:300px;
    height:300px;
    position: absolute;
    left:-309px;
    bottom: 0;
}
.goToModel:hover .showModel{
    display:block;
}
.showModel>img{width:100%}
.ddlf img{display:inline-block;}
.bgg{height:8px;background:#EBEBEB}
.index_user{height:235px}
.index_user>.xj{height:226px}
.title{padding-top:5px;}
/*测价 end*/
#you_like{background:#ffffff;margin-top:10px;padding-top:10px;}
.nknxh_title{
padding:5px 10px;
font-weight:bold;
border-left:5px solid #ff6000;
/* margin-top:20px; */
margin-left:10px;
font-size: 16px;
}
#nknxh{
padding:10px;
}
#nknxh li{width:256px;float:left;margin-left:12px;margin-top:10px;cursor:pointer;box-sizing: border-box;height:252px}
#nknxh li:nth-child(1),#nknxh li:nth-child(2),#nknxh li:nth-child(3){
margin-top:0px;
}
#nknxh li:nth-child(3n+1){
margin-left:0px;
}
#nknxh li img{width:100%;height:250px;border-radius:5px;box-shadow: 1px 1px 2px silver;}
#cases_content img{
display:block;
margin:0 auto;
max-width:800px;
cursor:pointer;
}
#nknxh li img:hover{
border:1px solid #ff6000;
}
#cases_content{
background:#ffffff;
padding-bottom:8px;
padding-top:48px;
/* -moz-box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.349019607843137);
-webkit-box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.349019607843137);
box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.349019607843137); */
/* border-width: 1px;
border-style: solid;
border-color: rgba(204, 204, 204, 1); */
}
#cases_content p{line-height: 30px;
    padding: 5px;
    color: #666;
	
	}
/*热门案例*/

#cases_rm{
	display:none;
}
#cases_rm.material-kind__wrap li.material-kind{
/* width:256px;
height:188px; */
	width:120px;
	height:88px;
}
#cases_rm.material-kind__wrap li.material-kind:nth-child(2n +0){
margin-left:5px;
}
#cases_rm.material-kind__wrap li.material-kind:nth-child(3n+3){
margin-right: 5px;
}
#cases_rm.material-kind__wrap li.material-kind>img{
width:100%;
height:auto;
}
#cases_rm.material-kind__wrap li.material-kind:nth-child(1), #cases_rm.material-kind__wrap li.material-kind:nth-child(2), #cases_rm.material-kind__wrap li.material-kind:nth-child(2){
margin-top:10px;
}
#cases_rm.material-kind__wrap li.material-kind{
margin-top:10px;}
#cases_rm.material-kind__wrap li.material-kind.active > img{
transform: rotate(-2deg);
border:1px solid #ff6000;
}
/*筛选*/
#sx-content{
	background:#f7eae2;padding:5px 0;margin-top:5px;
}
#sx-content li{
width: 80px;
    height: 28px;
    font-size: 12px;
    outline: none;
    border: 0px solid #e7e7e7;
    transition: all 0.2s ease;
    /* background-color: #ffffff; */
    border-radius: 3px;
    cursor: pointer;
    float: left;
    position: relative;
	text-align: center;
	line-height:28px;
	color:rgba(0,0,0,.6);
	box-sizing: border-box;
}
#sx-content li:hover{
	color:#ff6000;
	 border: 1px solid #ff6000;
}
#sx-content li.active{
	color:#ff6000;
	 border: 1px solid #ff6000;
}
#sx-content:after{
	display: block;
    content: "";
    clear: both;
}
.layui-flow-more{
	display: block;
    content: "";
    clear: both;
}
    
/*筛选 end*/
.loading-three-colomns-container[data-v-7df76628] {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.loading-three-colomns-container .column[data-v-7df76628] {
  width: 6px;
  border-radius: 3px;
  animation: stretch-data-v-7df76628 0.7s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}
.loading-three-colomns-container .column[data-v-7df76628]:nth-child(1) {
  background-color: #0773fc;
  animation-delay: 0.1s;
}
.loading-three-colomns-container .column[data-v-7df76628]:nth-child(2) {
  background-color: #0773fc;
  animation-delay: 0.2s;
  margin: 0 25%;
}
.loading-three-colomns-container .column[data-v-7df76628]:nth-child(3) {
  animation-delay: 0.3s;
  background-color: #0773fc;
}
@keyframes stretch-data-v-7df76628 {
0% {
    height: 58.3%;
}
50% {
    height: 58.3%;
}
75% {
    height: 100%;
}
100% {
    height: 58.3%;
}
}

.qrcode-container[data-v-1a35d034] {
  position: relative;
}
.qrcode-icon[data-v-1a35d034] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.header-share-box[data-v-333a5fec] {
  box-shadow: 0 6px 10px 0 rgba(13, 29, 79, 0.1);
  border-radius: 4px;
  width: 400px;
  background-color: #FFFFFF;
  padding: 0px;
  padding-bottom: 24px;
}
.header-share-box .shart-main[data-v-333a5fec] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.header-share-box .shart-main .header[data-v-333a5fec] {
  box-sizing: border-box;
  height: 65px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.header-share-box .shart-main .header .hader-span[data-v-333a5fec] {
  height: 25px;
  width: 72px;
  font-size: 18px;
  line-height: 25px;
  color: rgba(0, 0, 0, 0.8);
  margin-left: 20px;
  font-weight: bold;
}
.header-share-box .shart-main .center[data-v-333a5fec] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.header-share-box .shart-main .center .urlinput[data-v-333a5fec] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
}
.header-share-box .shart-main .center .urlinput .tishi[data-v-333a5fec] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 25px;
  margin-left: 32px;
  margin-bottom: 10px;
}
.header-share-box .shart-main .center .urlinput .tishi .tishispan[data-v-333a5fec] {
  height: 20px;
  width: 210px;
  line-height: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
}
.header-share-box .shart-main .center .urlinput .share-link[data-v-333a5fec] {
  height: 40px;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 10px;
}
.header-share-box .shart-main .center .urlinput .share-link .share-url[data-v-333a5fec] {
  font-size: 12px;
  width: 249px;
  height: 40px;
  color: #626262;
  box-sizing: border-box;
  padding: 11px 4px 12px 16px;
  background: #FFFFff;
  border: 1px solid #DDDDDD;
  border-right: none;
  border-radius: 4px 0px 0px 4px;
}
.header-share-box .shart-main .center .urlinput .share-link .share-url[data-v-333a5fec]:focus {
  border: 1px solid #0773fc;
  outline: none;
}
.header-share-box .shart-main .center .urlinput .share-link .share-copy[data-v-333a5fec] {
  width: 90px;
  height: 40px;
  /* background: #0773fc; */
  background: #ff6000;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border: none;
  border-radius: 0px 3px 3px 0px;
  /*outline: none;*/
  cursor: pointer;
}
.header-share-box .shart-main .center .urlinput .share-link .share-copy[data-v-333a5fec]:hover {
  background-color: #0668e3;
}
.header-share-box .shart-main .center .urlinput .share-link .share-copy[data-v-333a5fec]:focus {
  outline: none;
}
.header-share-box .shart-main .center .urlinput .share-link .disabled[data-v-333a5fec] {
  width: 90px;
  height: 40px;
  background: #8f8f8f;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border: none;
  border-radius: 3px;
  outline: none;
  cursor: no-drop;
}
.header-share-box .shart-main .center .urlinput .choose[data-v-333a5fec] {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 20px;
  font-size: 12px;
  padding-left: 32px;
  box-sizing: border-box;
  /*.tip-ptext {*/
  /*  height: 20px;*/
  /*  width: 126px;*/
  /*  font-size: 14px;*/
  /*  color: rgba(0,0,0,0.80);*/
  /*  line-height: 20px;*/
  /*  margin: 0px;*/
  /*  margin-left: 8px;*/
  /*}*/
}
.header-share-box .shart-main .center .urlinput .choose .checkbox[data-v-333a5fec] {
  width: 14px;
  height: 14px;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  cursor: pointer;
  background: #ffffff;
}
.header-share-box .shart-main .center .urlinput .choose .checkbox[data-v-333a5fec]:hover {
  border: 1px solid #0773fc;
}
.header-share-box .shart-main .center .urlinput .choose .checkbox[class~='active'][data-v-333a5fec] {
  border: 1px solid #0773fc;
  background: #0773fc;
  border-radius: 2px;
  width: 14px;
  height: 14px;
  background-image: url(../svg/shape.svg?3d4d3152f0de1b866d00d2caa91382d2);
  background-repeat: no-repeat;
  background-position: center center;
}
.header-share-box .shart-main .center .urlinput .choose .checkbox .tip-ptext[data-v-333a5fec] {
  height: 14px;
  width: 126px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 14px;
  margin: 0px 0px 0px 22px;
}
.header-share-box .shart-main .center .urlinput .small-app[data-v-333a5fec] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px;
  margin-left: 32px;
}
.header-share-box .shart-main .center .urlinput .small-app .small-app-container[data-v-333a5fec] {
  height: 120px;
  width: 120px;
  margin-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-share-box .shart-main .center .urlinput .small-app .imgbox[data-v-333a5fec] {
  height: 120px;
  width: 120px;
  margin-right: 20px;
}
.header-share-box .shart-main .center .urlinput .small-app .small-app-text[data-v-333a5fec] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 20px;
}

.design-header {
  min-width: 1120px;
  box-sizing: border-box;
  padding-left: 22px;
  height: 56px;
  background-color: #fff;
  box-shadow: 0 10px 10px 0 rgba(0, 35, 78, 0.04);
  display: flex;
  justify-content: space-between;
}
.design-header .flex {
  display: flex;
}
.design-header .design-header__logo {
  width: 136px;
  height: 40px;
  margin-right: 10px;
 /* background: url(../svg/header_icon.svg) no-repeat;*/
 background: url(../img/logo1.jpg) no-repeat;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  z-index: 100;
}
.design-header .design-header-docer__logo {
  width: 140px;
  height: 32px;
  margin-right: 10px;
  background: url(../svg/docer-above-icon.svg?e5c05a235fea109916d5fc0372a65931) no-repeat;
  background-repeat: no-repeat;
  background-position: -18px -220px;
  z-index: 100;
}
.design-header .cantSave {
  opacity: 0.3;
}
.design-header .cantSave:hover {
  background-color: transparent !important;
}
.design-header .cantSave:hover .design-header__share__hover {
  display: none !important;
}
.design-header .posting_mydesign_icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../svg/design_header_icon.svg) -200px -43px;
  background-repeat: no-repeat;
}
.design-header .design-header__left-part {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}
.design-header .design-header__left-part > div {
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
}
.design-header .design-header__left-part > div:hover {
  background: #f3f4f9;
}
.design-header .design-header__left-part .no-focus-backchange:hover {
  background: transparent;
}
.design-header .design-header__left-part .nav-icon {
  width: 20px;
  height: 18px;
  background-repeat: no-repeat;
  vertical-align: middle;
  display: inline-block;
}
.design-header .design-header__left-part .repeal_img {
  background: url(../svg/headericon.svg) no-repeat -17px -25px;
  width: 20px;
  height: 14px;
}
.design-header .design-header__left-part .repeal_img.disable {
  background: url(../svg/headericon.svg) no-repeat -17px -62px;
  width: 20px;
  height: 14px;
}
.design-header .design-header__left-part .regain_img {
  background: url(../svg/headericon.svg) no-repeat -65px -25px;
  width: 20px;
  height: 14px;
}
.design-header .design-header__left-part .regain_img.disable {
  background: url(../svg/headericon.svg) no-repeat -65px -62px;
  width: 20px;
  height: 14px;
}
.design-header .design-header__left-part .regain_img[class~="disable"],
.design-header .design-header__left-part .repeal_img[class~="disable"] {
  color: rgba(255, 255, 255, 0.3);
  cursor: default;
}
.design-header .design-header__left-part .design-header__file-con {
  padding: 10px 16px;
  position: relative;
}
.design-header .design-header__left-part .design-header__file-con .design-header__file-con__icon {
  float: right;
  background: url(../svg/design_header_icon.svg) no-repeat -407px -48px;
  width: 8px;
  height: 6px;
  margin-top: 5px;
  margin-left: 5px;
}
.design-header .design-header__left-part .design-header__file-con .design_file_list {
  width: 180px;
  height: auto;
  position: absolute;
  padding: 25px 0 11px 0;
  opacity: 0;
  display: none;
  border-radius: 4px;
  top: 57px;
  left: -50px;
  background-color: #fff;
  cursor: pointer;
  z-index: 20000;
  box-shadow: 0 6px 10px 0 rgba(13, 29, 79, 0.1);
  transition: opacity 0.3s;
}
.design-header .design-header__left-part .design-header__file-con .design_file_list hr {
  border: none;
  margin: 7px 0;
  border-top: 1px solid #e6e9ec;
}
.design-header .design-header__left-part .design-header__file-con .design_file_list .design_history img {
  height: 14px;
  width: 40px;
  margin-left: 10px;
}
.design-header .design-header__left-part .design-header__file-con .design_file_list .history_cant_use {
  color: #cdcdcd;
}
.design-header .design-header__left-part .design-header__file-con .design_file_list .history_cant_use:hover {
  background-color: transparent;
}
.design-header .design-header__left-part .design-header__file-con .design_file_list .sence-same-icon {
  margin-right: 6px;
  vertical-align: middle;
}
.design-header .design-header__left-part .design-header__file-con .design_file_list .design_present_size {
  margin: 0;
  padding: 0 0 9px 24px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
  line-height: 17px;
}
.design-header .design-header__left-part .design-header__file-con .design_file_list .design_present_size .shoutu {
  line-height: 17px;
  margin-top: 4px;
  font-size: 12px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.4);
}
.design-header .design-header__left-part .design-header__file-con .design_file_list .design_present_size:hover {
  background-color: transparent;
}
.design-header .design-header__left-part .design-header__file-con .design_file_list .design_open {
  padding-top: 0;
}
.design-header .design-header__left-part .design-header__file-con .design_file_list li {
  line-height: 40px;
  padding-left: 24px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  position: relative;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.design-header .design-header__left-part .design-header__file-con .design_file_list li:hover {
  background-color: #f3f4f9;
}
.design-header .design-header__left-part .design-header__file-con__hover {
  position: absolute;
  width: 100%;
  height: 57px;
  top: -10px;
  left: 0;
}
.design-header .design-header__left-part .design-header__file-con__hover:hover .design_file_list {
  display: block;
  opacity: 1;
}
.design-header .design-header__left-part .design-header__size-con {
  padding: 10px 20px;
}
.design-header .design-header__left-part .design-header__step-undo-con,
.design-header .design-header__left-part .design-header__step-redo-con {
  padding: 10px 10px;
}
.design-header .design-header__left-part .design-header__time-con {
  width: 96px;
  padding: 12px 10px 8px 16px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
}
.design-header .design-header__left-part .design-header__time-con:hover {
  cursor: default;
  background-color: transparent;
}
.design-header .design-header__left-part .design-header__title-con {
  font-weight: bold;
  padding: 0;
}
.design-header .design-header__left-part .design-header__title-con input {
  max-width: 160px;
  min-width: 82px;
  border-radius: 20px;
  padding: 10px 20px;
  text-align: center;
  border: none;
  outline: none;
  text-overflow: ellipsis;
  user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  -ms-user-select: text;
  background-color: transparent;
}
.design-header .design-header__left-part .design-header__title-con input:focus {
  outline: none;
  box-shadow: none !important;
  border: 1px solid #0773fc;
}
.design-header .design-header__left-part .design-header__title-con .input-copy-con {
  width: 0;
  height: 0;
  white-space: nowrap;
  overflow: hidden;
}
.design-header .design-header__right-part {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}
.design-header .design-header__right-part .mL {
  margin-left: 20px;
}
.design-header .design-header__right-part > div {
  position: relative;
  text-align: center;
  border-radius: 4px;
  padding: 10px 18px;
  cursor: pointer;
}
.design-header .design-header__right-part > div[class~="text-btn"]:hover:before {
  content: attr(data-tip);
  font-size: 12px;
  line-height: 12px;
  background-color: #000;
  color: #fff;
  padding: 4px 8px;
  position: absolute;
  top: 49px;
  left: -1.5px;
  white-space: pre;
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
}
.design-header .design-header__right-part > div[class~="text-btn"]:hover:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 4px solid #000;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 45px;
  left: 14.5px;
}
.design-header .design-header__right-part > div:hover {
  background: #f3f4f9;
}
.design-header .design-header__right-part .design-header__icon {
  float: left;
  margin-right: 8px;
}
.design-header .design-header__right-part .design-header__show-materials-con.design-header__show-materials-con_padding {
  padding: 0 20px;
}
.design-header .design-header__right-part .design-header__copyright-con .design-header__copyright__icon--ok {
  background: url(../svg/copyRight.svg?a06d97c3c3abc5229d44f06ecc9684be) no-repeat -28px -4px;
  width: 16px;
  height: 16px;
}
.design-header .design-header__right-part .design-header__copyright-con .design-header__copyright__icon--danger {
  background: url(../svg/copyRight.svg?a06d97c3c3abc5229d44f06ecc9684be) no-repeat -4px -4px;
  width: 16px;
  height: 16px;
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 50px;
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop .copyrightDrop {
  width: 308px;
  max-height: 468px;
  overflow: hidden;
  display: none;
  position: absolute;
  top: 47px;
  padding-bottom: 42px;
  left: 50%;
  background-color: #fff;
  cursor: default;
  z-index: 20000;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  transition: opacity 0.3s;
  border-radius: 4px;
  transform: translateX(-50%);
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop .copyrightDrop header {
  margin-top: 24px;
  margin-bottom: 16px;
  line-height: 25px;
  color: #494949;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop .copyrightDrop .hr {
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop .copyrightDrop .copyright-contents {
  padding: 24px 32px;
  text-align: left;
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop .copyrightDrop .copyright-contents .copyright-title {
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.8);
  line-height: 20px;
  margin-bottom: 4px;
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop .copyrightDrop .copyright-contents .copyright-title a {
  float: right;
  cursor: pointer;
  color: #0773fc;
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop .copyrightDrop .copyright-contents .copyright-fonts {
  line-height: 20px;
  max-height: 60px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 16px;
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop .copyrightDrop .copyright-contents .copyright-fonts .fonts-value {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop .copyrightDrop .copyright-contents .copyright-fonts .fonts-value .red {
  color: #ff9502;
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop .copyrightDrop .copyright-contents .copyright-imgs {
  width: 72px;
  height: 72px;
  display: block;
  padding: 4px;
  background: #f3f4f9;
  float: left;
  margin-left: 14px;
  margin-bottom: 14px;
  box-sizing: border-box;
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop .copyrightDrop .copyright-contents .copyright-imgs__img {
  width: 100%;
  display: block;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #f3f4f9;
  background-position: center;
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop .copyrightDrop .copyright-contents .copyright-imgs:nth-child(3n + 1) {
  margin-left: 0px;
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop .copyrightDrop .copyright-contents::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop .copyrightDrop .copyright-bottom {
  background: linear-gradient(rgba(255, 255, 255, 0.3), 10%, rgba(255, 255, 255, 0.99));
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80px;
  left: 0px;
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop .copyrightDrop .copyright-bottom .copyright-more {
  position: absolute;
  left: 50%;
  top: 24px;
  font-size: 14px;
  transform: translateX(-50%);
  width: 112px;
  height: 32px;
  border-radius: 20px;
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop .copyrightDrop .copyright-bottom .loading::before {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  background: #fff;
  opacity: 0.35;
  content: "";
  border-radius: inherit;
  z-index: 1;
  transition: opacity 0.2s;
  pointer-events: none;
  display: block;
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop .copyrightDrop .copyright-bottom .loading:hover {
  cursor: default;
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop .copyrightDrop-none {
  width: 290px;
  padding: 12px;
  line-height: 20px;
  display: none;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  text-align: left;
  cursor: default;
  position: absolute;
  background: #ffffff;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  top: 47px;
  left: 50%;
  transform: translateX(-50%);
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop .copyrightDrop-none a {
  color: #0a73fc;
  cursor: pointer;
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop:hover .copyrightDrop {
  display: block;
}
.design-header .design-header__right-part .design-header__copyright-con .hover-drop:hover .copyrightDrop-none {
  display: block;
}
.design-header .design-header__right-part .design-header__cooperation {
  position: relative;
}
.design-header .design-header__right-part .design-header__cooperation .design-header__cooperation__icon {
  background: url(../svg/headericon.svg) no-repeat -140px -24px;
  width: 18px;
  height: 16px;
}
.design-header .design-header__right-part .design-header__cooperation .design-header__share__hover {
  position: absolute;
  width: 100%;
  height: 57px;
  top: 0px;
  left: 0;
}
.design-header .design-header__right-part .design-header__cooperation .design-header__share__hover .design-header__share__drop-down {
  display: none;
  position: absolute;
  top: 57px;
  left: -225px;
  background: #ffffff;
  box-shadow: 0 6px 10px 0 rgba(13, 29, 79, 0.1);
  border-radius: 4px;
}
.design-header .design-header__right-part .design-header__cooperation .design-header__share__hover .design-header__share__drop-down > div {
  line-height: 40px;
}
.design-header .design-header__right-part .design-header__cooperation .design-header__share__hover .design-header__share__drop-down > div:hover {
  background: #ffffff;
}
.design-header .design-header__right-part .design-header__cooperation .design-header__cooperation__hover {
  position: absolute;
  width: 100%;
  height: 57px;
  top: -10px;
  left: 0;
}
.design-header .design-header__right-part .design-header__cooperation .design-header__cooperation__hover .design-header__cooperation__drop-down {
  display: none;
  width: 100%;
  padding: 10px 0;
  position: absolute;
  background: #ffffff;
  box-shadow: 0 6px 10px 0 rgba(13, 29, 79, 0.1);
  border-radius: 4px;
  top: 57px;
  left: -5px;
}
.design-header .design-header__right-part .design-header__cooperation .design-header__cooperation__hover .design-header__cooperation__drop-down > div {
  height: 40px;
  line-height: 40px;
}
.design-header .design-header__right-part .design-header__cooperation .design-header__cooperation__hover .design-header__cooperation__drop-down > div:hover {
  background-color: #f3f4f9;
}
.design-header .design-header__right-part .design-header__cooperation .design-header__cooperation__hover:hover .design_file_list {
  display: block;
  opacity: 1;
}
.design-header .design-header__right-part .design-header__cooperation .design-header__share__hover:hover .design_file_list {
  display: block;
  opacity: 1;
}
.design-header .design-header__right-part .design-header__cooperation:hover .design-header__cooperation__drop-down {
  display: block;
}
.design-header .design-header__right-part .design-header__cooperation:hover .design-header__share__drop-down {
  display: block;
}
.design-header .design-header__right-part .design-header__ppt-play-con .design-header__ppt-play-con__icon {
  background: url(../svg/headericon.svg) no-repeat -286px -23px;
  width: 14px;
  height: 18px;
}
.design-header .design-header__right-part .design-header__vip-con {
  position: relative;
}
.design-header .design-header__right-part .design-header__vip-con .design-header__vip-con__icon {
  width: 18px;
  height: 18px;
  background: url(../svg/design_header_icon.svg) no-repeat -200px -43px;
}
.design-header .design-header__right-part .design-header__vip-con .promotion {
  width: 320px;
  display: none;
  position: absolute;
  top: 48px;
  left: -98px;
  background-color: #fff;
  cursor: pointer;
  z-index: 20000;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  transition: opacity 0.3s;
  border-radius: 4px;
}
.design-header .design-header__right-part .design-header__vip-con .promotion header {
  margin-top: 24px;
  margin-bottom: 16px;
  line-height: 25px;
  color: #494949;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
.design-header .design-header__right-part .design-header__vip-con .promotion .hr {
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}
.design-header .design-header__right-part .design-header__vip-con .promotion .promotion__list {
  text-align: left;
  padding: 0 30px 24px;
  margin-top: 24px;
}
.design-header .design-header__right-part .design-header__vip-con .promotion .promotion__item {
  margin-top: 16px;
}
.design-header .design-header__right-part .design-header__vip-con .promotion .promotion__item .item__left {
  float: left;
}
.design-header .design-header__right-part .design-header__vip-con .promotion .promotion__item .item__left img {
  width: 24px;
}
.design-header .design-header__right-part .design-header__vip-con .promotion .promotion__item .item__right {
  display: inline-block;
  margin-left: 12px;
  color: #9b9b9b;
}
.design-header .design-header__right-part .design-header__vip-con .promotion .promotion__item .item__right p {
  margin: 0;
  line-height: 20px;
}
.design-header .design-header__right-part .design-header__vip-con .promotion .promotion__item .item__right p:nth-child(1) {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
}
.design-header .design-header__right-part .design-header__vip-con .promotion .promotion__item .item__right p:nth-child(2) {
  color: rgba(0, 0, 0, 0.6);
}
.design-header .design-header__right-part .design-header__vip-con:hover .promotion {
  display: block;
}
.design-header .design-header__right-part .design-header__save-wechat-con .design-header__save-wechat-con__icon {
  background: url(../svg/design_header_icon.svg) no-repeat -254px -43px;
  width: 20px;
  height: 16px;
}
.design-header .design-header__right-part .design-header__share-con {
  position: relative;
}
.design-header .design-header__right-part .design-header__download-con {
  position: relative;
  width: 16px;
  height: 16px;
}
.design-header .design-header__right-part .design-header__download-con .design-header__download-con__icon {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
  margin-right: 6px;
  background: url(../svg/design_header_icon.svg) no-repeat -307px -43px;
  width: 16px;
  height: 16px;
}
.design-header .design-header__right-part .design-header__download-con .downLoadTip {
  padding: 14px 16px;
  position: absolute;
  right: 40px;
  top: 66px;
  width: 242px;
  height: 75.4px;
  box-sizing: border-box;
  font-family: PingFang-SC-Regular;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 0px 12px 0 rgba(18, 38, 101, 0.16);
  border-radius: 4px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  letter-spacing: 0;
  line-height: 17px;
}
.design-header .design-header__right-part .design-header__download-con .downLoadTip .cursor {
  position: absolute;
  content: "";
  top: -13px;
  right: 117.7px;
  width: 0;
  height: 0;
  border: 6.6px solid transparent;
  border-bottom-color: #fff;
}
.design-header .design-header__right-part .design-header__download-con .downLoadTip .iknow {
  position: absolute;
  right: 16px;
  bottom: 14px;
  width: 64px;
  height: 20px;
  line-height: 20px;
  color: #0773fc;
}
.design-header .design-header__right-part .download-loading {
  float: left;
  width: 15px;
  height: 15px;
  margin-left: 57px;
  margin-top: 17px;
  animation: circle infinite 0.75s linear;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top-color: #fff;
  border-radius: 100%;
}
@-webkit-keyframes circle {
0% {
    transform: rotate(0);
}
100% {
    transform: rotate(360deg);
}
}
.design-header .design-header__right-part .design-header__print-con {
  width: 195px !important;
}
.design-header .design-header__right-part .design-header__print-con .design-header__print-left {
  width: 135px;
  float: left;
  position: relative;
}
.design-header .design-header__right-part .design-header__print-con .design-header__print-con__icon {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
  margin-right: 6px;
  background: url(../svg/design_header_icon.svg) no-repeat -354px -43px;
  width: 18px;
  height: 18px;
}
.design-header .design-header__right-part .design-header__print-con .design-header__print_promotion {
  width: 66px;
  height: 20px;
  background: #fa2323;
  box-shadow: 2px 10px 12px 0 rgba(18, 38, 101, 0.1);
  border-radius: 4px;
  text-align: center;
  line-height: 20px;
  position: absolute;
  font-size: 12px;
  color: #fff;
  left: 50%;
  top: 46px;
  transform-origin: 50% 0%;
  animation: swing 2s cubic-bezier(0.78, 0.14, 0.15, 0.86) infinite alternate;
}
@keyframes swing {
0% {
    transform: translateX(-50%) rotate(-7deg);
}
20% {
    transform: translateX(-50%) rotate(7deg);
}
40% {
    transform: translateX(-50%) rotate(0deg);
}
60% {
    transform: translateX(-50%) rotate(0deg);
}
80% {
    transform: translateX(-50%) rotate(0deg);
}
100% {
    transform: translateX(-50%) rotate(0deg);
}
}
.design-header .design-header__right-part .design-header__print-con .design-header__print_promotion:before {
  position: absolute;
  top: -4px;
  left: 50%;
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid red;
  transform: translateX(-50%);
}
.design-header .design-header__right-part .design-header__print-con .shopping-cart {
  cursor: pointer;
  margin-right: 0;
  float: right;
  border-left: 1px solid rgba(238, 238, 238, 0.2);
  padding: 0;
  background-image: linear-gradient(0deg, #0ca7fd 0%, #0773FC 100%);
  text-align: center;
  height: 100%;
  line-height: 56px;
  color: #fff;
  font-size: 16px;
  width: 59px;
}
.design-header .design-header__right-part .design-header__print-con .shopping-cart .shopping-cart__icon {
  position: relative;
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
  background: url(../svg/shoppingCart.svg?12bc00996fb879b06f34a099ec0f7c1f) no-repeat 0 0;
  width: 17px;
  height: 18px;
}
.design-header .design-header__right-part .design-header__print-con .shopping-cart .shopping-cart__icon .shopping-cart__num {
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background: #fa2323;
  color: #fff;
  line-height: 14px;
  font-size: 12px;
  text-align: center;
  position: absolute;
  top: -10px;
  right: -14px;
}
.design-header .design-header__right-part .design-header__last-button {
  border-radius: 0;
  margin-right: 0;
  padding: 0;
 /* background-image: linear-gradient(0deg, #0ca7fd 0%, #0773FC 100%);*/
 background-image: linear-gradient(0deg, #ff6000 0%, #fdac7b 100%);
  text-align: center;
  height: 100%;
  line-height: 56px;
  height: 56px;
  color: #fff;
  font-size: 16px;
  width: 136px;
}
.design-header .design-header__right-part #lqfa{
	/* width:166px; */
	width:208px;
}
.design-header .design-header__right-part .wait {
  cursor: wait;
}
.design-header .design-header__right-part .design-header__last-button:hover {
  /* background-image: linear-gradient(0deg, #0ca7fd 0%, #0773FC 100%); */
  background-image: linear-gradient(0deg, #ea6310 0%, #fb985c 100%);
}
.design-header .design-header__right-part .design-header__next-to-last-button {
  width: 108px;
  height: 100%;
  margin-left: 10px;
  padding: 0;
  border-radius: 0;
  line-height: 56px;
  text-align: center;
  margin-right: 0;
  box-shadow: -1px 0px 0px 0px #eee;
}
.design-header .design-header__right-part .design-header__next-to-last-button:hover {
  background-color: #fff;
  color: #0773fc;
}
.design-header .design-header__right-part .design-header__brand-tool {
  line-height: 18px;
}
.design-header .design-header__right-part .design-header__brand-tool .design-header__brand-tool__icon {
  width: 18px;
  height: 18px;
  background: url(../svg/design_header_icon.svg) no-repeat -90px -42px;
}
.design-header .design-header__right-part .design-header__vip {
  padding: 0;
}
.design-header .design-header__right-part .design-header__vip .design-header-docer__vip {
  width: 180px;
  height: 39px;
  display: block;
  background: url(../svg/docer-above-icon.svg?e5c05a235fea109916d5fc0372a65931) no-repeat;
  background-repeat: no-repeat;
  background-position: -16px -16px;
  z-index: 100;
}
.design-header .design-header__right-part .design-header__vip .upgrade {
  background-position: -16px -76px;
}
.design-header .design-header__right-part .design-header__vip .renewal {
  background-position: -16px -130px;
}
.design-header--middle .design-header__left-part > div {
  padding: 10px 8px;
}
.design-header--middle .design-header__left-part .design-header__file-con .design_file_list {
  left: -62px;
}
.design-header--middle .design-header__left-part .design-header__size-con {
  padding: 10px 8px;
}
.design-header--middle .design-header__left-part .design-header__time-con {
  padding: 12px 8px 8px 8px;
}
.design-header--middle .design-header__left-part .design-header__title-con input {
  max-width: 80px;
  min-width: 42px;
}
.design-header--middle .design-header__right-part > div {
  padding: 10px 8px;
}
.design-header--middle .design-header__right-part .design-header__icon {
  display: none;
}
.design-header--middle .design-header__right-part .design-header__cooperation .design-header__cooperation__hover .design-header__cooperation__drop-down {
  left: -30px;
}
.design-header--middle .design-header__right-part .design-header__print-con {
  width: 162px !important;
}
.design-header--middle .design-header__right-part .design-header__print-con .design-header__print-left {
  width: 102px;
  float: left;
}
.design-header--middle .design-header__right-part .download-loading {
  margin-left: 43px;
}
.design-header--middle .design-header__right-part .design-header__show-materials-con.design-header__show-materials-con_padding {
  padding: 0 10px;
}
.design-header--middle .design-header__right-part .design-header__last-button {
  width: 102px;
}
.design-header--middle .design-header__right-part .design-header__next-to-last-button {
  width: 76px;
  margin-left: 8px;
}
.design-header--middle .design-header__right-part .design-header__vip-con .promotion {
  left: -123px;
}
.design-header--small .design-header__right-part .design-header__icon {
  display: inline-block;
  margin-right: 0;
}
.design-header--small .design-header__right-part .design-header__control-text {
  display: none;
}
.design-header--small .design-header__right-part .design-header__api-finish-con .design-header__control-text {
  display: inline;
}

.leftPanel-dragBar[data-v-09bc4d30] {
  width: 252px;
  height: 35px;
}
.leftPanel-dragBar .leftPanel-dragBar-top[data-v-09bc4d30] {
  width: 100%;
  height: 17px;
  font-size: 12px;
  color: #676767;
  line-height: 17px;
  margin-bottom: 4px;
}
.leftPanel-dragBar .leftPanel-dragBar-top > span[data-v-09bc4d30] {
  display: inline-block;
  float: left;
}
.leftPanel-dragBar .leftPanel-dragBar-top > span[data-v-09bc4d30]:nth-child(2) {
  float: right;
  font-size: 14px;
}
.leftPanel-dragBar .leftPanel-dragBar-progress[data-v-09bc4d30] {
  width: 100%;
  height: 13px;
  position: relative;
  padding: 6px 0;
  /*&:after{*/
  /*content: '';*/
  /*width: 100%;*/
  /*height:100%;*/
  /*top:0;*/
  /*left:0;*/
  /*position: absolute;*/
  /*z-index: 9;*/
  /*}*/
}
.leftPanel-dragBar .leftPanel-dragBar-progress .leftPanel-dragBar-progress-line[data-v-09bc4d30] {
  width: 100%;
  height: 1px;
  background: #DDDDDD;
  /*margin: 6px 0;*/
}
.leftPanel-dragBar .leftPanel-dragBar-progress .leftPanel-dragBar-progress-bo[data-v-09bc4d30] {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  top: 0;
  background: #00ACFF;
  z-index: 2;
  cursor: pointer;
}
.leftPanel-dragBar .leftPanel-dragBar-progress .leftPanel-dragBar-progress-bo[class~='move'][data-v-09bc4d30] {
  transition: left 0.2s ease;
}

.xuqiusb[data-v-ca71fafc] {
  width: 256px;
  min-height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.lt-scroll__content[data-v-ca71fafc] {
  box-sizing: border-box;
}
.leftPanel-button[data-v-ca71fafc] {
  width: 80px;
  height: 28px;
  font-size: 12px;
  outline: none;
  border: 1px solid #e7e7e7;
  transition: all 0.2s ease;
  background-color: #ffffff;
  border-radius: 3px;
  cursor: pointer;
  float: left;
  position: relative;
}
.leftPanel-button[data-v-ca71fafc]:hover {
  color: #0773FC;
  border: 1px solid #0773FC;
  z-index: 2;
}
.leftPanel-button.active[data-v-ca71fafc] {
  color: #ffffff;
 /*  background-color: #0773FC;
  border: 1px solid #0773FC; */
   background-color: #ff6000;
  border: 1px solid #ff6000;
}
.leftPanel__hr[data-v-ca71fafc] {
  background-color: rgba(0, 0, 0, 0.12);
  border: none;
  width: 256px;
  margin: 24px auto 0px;
  height: 1px;
}
.search-input[data-v-ca71fafc] {
  margin: 24px 24px 16px;
  width: 256px;
  height: 40px;
  box-sizing: border-box;
  padding: 0 36px 0 20px;
  border: 1px solid transparent;
  position: relative;
  border-radius: 20px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  outline: none;
  text-align: center;
  background-color: #EAEBF3;
}
.search-input[class~='showIcon'][data-v-ca71fafc] {
  background: url(../svg/leftpanel-search-icon.svg?58d53813bc082348c84d05ebc30580c8) -388px -64px no-repeat;
  background-color: #EAEBF3;
}
.search-input[data-v-ca71fafc]:focus {
  background: #fff;
  text-align: left;
  border: 1px solid #0773FC;
  box-shadow: 0 0 0 3px rgba(8, 174, 252, 0.1);
}
.search-input[data-v-ca71fafc]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  padding-left: 22px;
  text-indent: 7px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}
.search-input[data-v-ca71fafc]::-moz-placeholder {
  /* Firefox 19+ */
  padding-left: 22px;
  text-indent: 7px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}
.search-input[data-v-ca71fafc]::-ms-input-placeholder {
  /* IE 10+ */
  padding-left: 22px;
  text-indent: 7px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}
.search-input-searchSpan[data-v-ca71fafc] {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 40px;
  top: 36px;
  cursor: pointer;
  background: url(../svg/leftpanel-search-icon.svg?58d53813bc082348c84d05ebc30580c8) -476px -74px no-repeat;
  background-color: #FFFFff;
}
.search-input-searchSpan[data-v-ca71fafc]:hover:before {
  background-color: #07aefc;
}
.search-input-searchSpan[data-v-ca71fafc]:hover:after {
  background-color: #07aefc;
}
.search-input-close[data-v-ca71fafc] {
  position: absolute;
  width: 12px;
  height: 12px;
  right: 40px;
  top: 38px;
  overflow: hidden;
  cursor: pointer;
}
.search-input-close[data-v-ca71fafc]:before {
  content: "";
  width: 20px;
  height: 1px;
  transform: rotate(45deg);
  background-color: #626262;
  top: 6px;
  left: -4px;
  position: absolute;
}
.search-input-close[data-v-ca71fafc]:after {
  content: "";
  width: 20px;
  height: 1px;
  transform: rotate(135deg);
  background-color: #626262;
  top: 6px;
  left: -4px;
  position: absolute;
}
.search-input-close[data-v-ca71fafc]:hover:before {
  background-color: #07aefc;
}
.search-input-close[data-v-ca71fafc]:hover:after {
  background-color: #07aefc;
}
/* .material-kind[data-v-ca71fafc] {
  width: 72px;
  height: 72px;
  border-radius: 3px;
  margin-right: 20px;
  margin-top: 20px;
  float: left;
  text-align: center;
  cursor: pointer;
  position: relative;
} */
.material-kind[data-v-ca71fafc] {
  width: 82px;
  height: 82px;
  border-radius: 3px;
  margin-right: 5px;
  margin-top: 5px;
  float: left;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.material-kind[data-v-ca71fafc]:nth-child(4n+3) {
  margin-right: 0px;
}
.material-kind__mask[data-v-ca71fafc] {
  background-color: #f0f0f0;
  transition: transform 0.3s;
  transform-origin: left bottom;
  width: 72px;
  height: 72px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 3px;
}
.material-kind > img[data-v-ca71fafc] {
  width: 72px;
  height: 72px;
  transition: transform 0.3s;
  transform-origin: left bottom;
  position: relative;
} 
.material-kind > span[data-v-ca71fafc] {
  transition: color 0.3s;
  position: absolute;
  width: 100%;
  display: block;
  top: 10px;
  line-height: 14px;
  font-size: 14px;
  color: #FFFFFF;
}
.material-kind__img[data-v-ca71fafc] {
  width: 72px;
  height: 72px;
  position: relative;
  transition: transform 0.3s;
  transform-origin: left bottom;
  border-radius: 3px;
}
.material-kind__text[data-v-ca71fafc] {
  display: inline-block;
  margin-top: 4px;
}
.material-kind:hover > img[data-v-ca71fafc] {
  transform: rotate(-2deg);
}
.material-kind:hover .material-kind__img[data-v-ca71fafc] {
  transform: rotate(-2deg);
}
.material-kind.active > img[data-v-ca71fafc] {
  transform: rotate(-6deg);
}
.material-kind.active .material-kind__img[data-v-ca71fafc] {
  transform: rotate(-6deg);
}
.material-kind.active .material-kind__mask[data-v-ca71fafc] {
  transform: rotate(4deg);
}
.primaryKind-menu[data-v-ca71fafc] {
  width: 256px;
  height: 36px;
  display: flex;
  justify-content: space-around;
  position: relative;
  margin: 0 auto;
}
.primaryKind-menu[data-v-ca71fafc]:after {
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #EEEEEE;
  box-shadow: 0px 9px 14px rgba(0, 0, 0, 0.02);
}
.primaryKind-menu__btn[data-v-ca71fafc] {
  width: 85px;
  height: 100%;
  cursor: pointer;
  position: relative;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.primaryKind-menu__btn span[data-v-ca71fafc] {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.primaryKind-menu__btn[class~='active'][data-v-ca71fafc]:after {
  content: '';
  height: 3px;
  width: 30px;
  background: #0773FC;
  box-shadow: 0 4px 6px 0 rgba(7, 115, 252, 0.26);
  position: absolute;
  left: 28px;
  bottom: -1px;
  z-index: 1;
}
.primaryKind-menu__btn[class~='active'] span[data-v-ca71fafc] {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
}
.material-wrap[data-v-ca71fafc] {
  width: 100%;
  float: left;
  transition: height 0.3s;
}
.material-wrap__placeholder[data-v-ca71fafc] {
  margin-top: 8px;
}
.to-top[data-v-ca71fafc] {
  position: fixed;
  bottom: 48px;
  left: 248px;
  width: 32px;
  height: 32px;
  background: url(../svg/list_to_top.svg?a297b0585be01667ff4defa1be7e9352) no-repeat;
  background-position: -16px -16px;
  transition: left 0.3s linear;
  cursor: pointer;
}
.to-top[data-v-ca71fafc]:hover {
  background-position: -64px -16px;
}
.to-top.not-bottom-detail[data-v-ca71fafc] {
  bottom: 8px;
}
.close .to-top[data-v-ca71fafc] {
  left: -10px;
}
.leftPanel-filter[data-v-ca71fafc] {
  width: 304px;
  height: 100%;
  padding: 16px;
  box-sizing: border-box;
  background: #F8F8F8;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
}
.leftPanel-filter .leftPanel-filter-preview[data-v-ca71fafc] {
  margin: 16px 0;
}
.leftPanel-filter .leftPanel-filter-preview[data-v-ca71fafc]:after {
  content: '';
  clear: both;
  display: block;
}
.leftPanel-filter .leftPanel-filter-preview .leftPanel-filter-preview-block[data-v-ca71fafc] {
  float: left;
  width: 62px;
  height: 62px;
  margin: 0 8px 8px 0;
  position: relative;
  cursor: pointer;
}
.leftPanel-filter .leftPanel-filter-preview .leftPanel-filter-preview-block[data-v-ca71fafc]:hover {
  outline: 1px solid #07AEFC;
}
.leftPanel-filter .leftPanel-filter-preview .leftPanel-filter-preview-block[data-v-ca71fafc]:nth-child(4n) {
  margin: 0 0 8px 0;
}
.leftPanel-filter .leftPanel-filter-preview .leftPanel-filter-preview-block > span[data-v-ca71fafc] {
  position: absolute;
  width: 100%;
  display: block;
  height: 24px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 24px;
  background: rgba(0, 0, 0, 0.2);
  text-align: center;
  left: 0;
  bottom: 0;
}
.leftPanel-filter .leftPanel-filter-set[data-v-ca71fafc] {
  width: 100%;
  height: 322px;
  background: #FFFFFF;
  padding: 1px 14px;
  box-sizing: border-box;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}
.leftPanel-filter .leftPanel-filter-set .leftPanel-filter-set-dragBar[data-v-ca71fafc] {
  margin: 16px 0;
}

.leftPanel-dragBar[data-v-79882fc4] {
  width: 100%;
  height: 35px;
}
.leftPanel-dragBar .leftPanel-dragBar-top[data-v-79882fc4] {
  width: 100%;
  height: 17px;
  font-size: 12px;
  color: #676767;
  line-height: 17px;
  margin-bottom: 4px;
}
.leftPanel-dragBar .leftPanel-dragBar-top > span[data-v-79882fc4] {
  display: inline-block;
  float: left;
}
.leftPanel-dragBar .leftPanel-dragBar-top > span[data-v-79882fc4]:nth-child(2) {
  float: right;
  font-size: 14px;
}
.leftPanel-dragBar .leftPanel-dragBar-progress[data-v-79882fc4] {
  width: 252px;
  height: 13px;
  position: relative;
  padding: 6px 0;
  margin-left: 28px;
  /*&:after{*/
  /*content: '';*/
  /*width: 100%;*/
  /*height:100%;*/
  /*top:0;*/
  /*left:0;*/
  /*position: absolute;*/
  /*z-index: 9;*/
  /*}*/
}
.leftPanel-dragBar .leftPanel-dragBar-progress .leftPanel-dragBar-progress-line[data-v-79882fc4] {
  width: 100%;
  height: 1px;
  background: #dddddd;
  /*margin: 6px 0;*/
}
.leftPanel-dragBar .leftPanel-dragBar-progress .leftPanel-dragBar-progress-bo[data-v-79882fc4] {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  top: 0;
  background: #00acff;
  z-index: 2;
  cursor: pointer;
}
.leftPanel-dragBar .leftPanel-dragBar-progress .leftPanel-dragBar-progress-bo[class~='move'][data-v-79882fc4] {
  transition: left 0.2s ease;
}

.waterfall[data-v-37cf50ec] {
  position: relative;
  height: 100%;
  margin: 0 auto;
}

.art-text-colors-selector[data-v-440bc22a] {
  width: 100%;
  height: 24px;
  position: relative;
  padding-left: 60px;
}
.art-text-colors-selector .art-text-colors-selector-title[data-v-440bc22a] {
  display: inline-block;
  width: 50px;
  line-height: 24px;
  text-align: right;
  font-size: 12px;
  color: #676767;
  position: absolute;
  left: 0;
  top: 0;
}
.art-text-colors-selector .art-text-colors-selector-color-content[data-v-440bc22a]:after {
  content: '';
  display: block;
  clear: both;
}
.art-text-colors-selector .art-text-colors-selector-color-content .art-text-colors-selector-color[data-v-440bc22a] {
  display: block;
  width: 24px;
  height: 24px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
  background-size: contain !important;
  float: left;
  margin-right: 12px;
  cursor: pointer;
  position: relative;
  transition: transform 0.3s ease;
}
.art-text-colors-selector .art-text-colors-selector-color-content .art-text-colors-selector-color[data-v-440bc22a]:nth-child(6n) {
  margin-right: 0;
}
.art-text-colors-selector .art-text-colors-selector-color-content .art-text-colors-selector-color[data-v-440bc22a]:hover {
  transform: scale(1.1);
}
.art-text-colors-selector .art-text-colors-selector-color-content .art-text-colors-selector-color[class~='active'][data-v-440bc22a] {
  outline: 1px solid #07aefc;
}
.art-text-colors-selector .art-text-colors-selector-color-content .art-text-colors-selector-color[class~='active'][data-v-440bc22a]:hover {
  transform: scale(1);
}
.art-text-colors-selector .art-text-colors-selector-color-content .art-text-colors-selector-color[class~='active'][data-v-440bc22a]:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 12px;
  height: 12px;
  background: url(../svg/artTextSelect1.svg?ea23714b0279daeb1019525669da242a) no-repeat;
  display: block;
}

.art-text-color-bar[data-v-0f754195] {
  width: 100%;
  height: 24px;
  position: relative;
}
.art-text-color-bar .art-text-color-bar-title[data-v-0f754195] {
  display: inline-block;
  width: 50px;
  line-height: 24px;
  text-align: right;
  font-size: 12px;
  color: #676767;
}
.art-text-color-bar .art-text-color-bar-color[data-v-0f754195] {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 60px;
  top: 0;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.art-text-color-bar .art-text-color-bar-del[data-v-0f754195] {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.art-text-main[data-v-54e18186] {
  position: relative;
  height: 100%;
  transition: all 0.3s ease;
  background: #ffffff;
}
.art-text-main .loading-container[data-v-54e18186] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.art-text-main .art-text-main-setup[data-v-54e18186] {
  position: absolute;
  padding: 16px 16px 0 16px;
  z-index: 3;
  top: 0;
  width: 100%;
  background: #ffffff;
  box-sizing: border-box;
}
.art-text-main .art-text-main-setup[data-v-54e18186]:after {
  content: '';
  width: 100%;
  height: 8px;
  position: absolute;
  bottom: -8px;
  left: 0;
  background: #fafafa;
}
.art-text-main .art-text-main-setup .art-text-main-setup-bar[data-v-54e18186] {
  height: 35px;
  margin-bottom: 16px;
}
.art-text-main .art-text-main-setup .art-text-main-setup-bar[class~='color'][data-v-54e18186] {
  height: 24px;
}
.art-text-main .art-text-main-setup .art-text-main-setup-bar .color-bar[data-v-54e18186] {
  width: 84px !important;
  float: left;
  margin-right: 32px;
}
.art-text-main .art-text-main-template[data-v-54e18186] {
  width: 100%;
  height: auto;
  position: relative;
  padding-top: 8px;
}
.art-text-main .art-text-main-template .art-text-main-template-item[data-v-54e18186] {
  width: 136px;
  height: 104px;
  outline: 1px solid #e7e7e7;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  position: absolute;
}
.art-text-main .art-text-main-template .art-text-main-template-item[class~='active'][data-v-54e18186],
.art-text-main .art-text-main-template .art-text-main-template-item[data-v-54e18186]:hover {
  outline: 2px solid #07aefc;
}
.art-text-main .art-text-main-template .art-text-main-template-item[class~='active'][data-v-54e18186]:after {
  content: '';
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 20px;
  height: 20px;
  background: url(../svg/artTextSelect0.svg?5bdec9a030fd1203645884fd77651ecc) no-repeat;
  display: block;
}

.art-text-setup[data-v-ef642ecc] {
  width: 100%;
  padding: 18px 16px 18px 16px;
}
.art-text-setup .art-text-setup-title[data-v-ef642ecc] {
  width: 100%;
  height: 20px;
}
.art-text-setup .art-text-setup-title[class~='show'][data-v-ef642ecc] {
  margin-bottom: 16px;
}
.art-text-setup .art-text-setup-title span[data-v-ef642ecc] {
  color: #333333;
  font-size: 14px;
  line-height: 20px;
}
.art-text-setup .art-text-setup-title .switch[data-v-ef642ecc] {
  float: right;
}
.art-text-setup .art-text-setup-content[data-v-ef642ecc] {
  width: 100%;
}
.art-text-setup .art-text-setup-content .art-text-setup-bar[data-v-ef642ecc] {
  margin: 16px 0;
}
.art-text-setup .art-text-setup-content .art-text-setup-content-color-bar[data-v-ef642ecc] {
  margin: 0 0 16px 0;
}
.art-text-setup .art-text-setup-content .art-text-setup-content-color-bar[data-v-ef642ecc]:nth-last-child(1) {
  margin: 0;
}
.art-text-setup .art-text-setup-content .art-text-setup-new[data-v-ef642ecc] {
  width: 100%;
  height: 17px;
  line-height: 17px;
  text-align: right;
  color: #07aefc;
  margin-top: 16px;
}
.art-text-setup .art-text-setup-content .art-text-setup-new span[data-v-ef642ecc] {
  cursor: pointer;
}
.art-text-setup .art-text-setup-content .mb16[data-v-ef642ecc] {
  margin-bottom: 16px;
}
.art-text-setup .art-text-setup-content .art-text-grain-type[data-v-ef642ecc] {
  z-index: 99;
  height: 24px;
  position: relative;
}
.art-text-setup .art-text-setup-content .art-text-grain-type > span[data-v-ef642ecc] {
  display: inline-block;
  width: 50px;
  line-height: 24px;
  text-align: right;
  font-size: 12px;
  color: #676767;
  position: absolute;
}
.art-text-setup .art-text-setup-content .art-text-grain-type .art-text-grain-type-selector[data-v-ef642ecc] {
  display: block;
  width: 90px;
  height: 24px;
  position: absolute;
  left: 60px;
  outline: 1px solid #c7c7c7;
  text-align: left;
  padding-left: 8px;
}
.art-text-setup .art-text-setup-content .art-text-grain-type .art-text-grain-type-selector .art-text-grain-type-selector-icon[data-v-ef642ecc] {
  position: absolute;
  top: 5px;
  right: 2px;
}
.art-text-setup .art-text-setup-content .art-text-grain-type .art-text-grain-type-selector:hover .art-text-grain-type-selector-pop[data-v-ef642ecc] {
  display: block;
}
.art-text-setup .art-text-setup-content .art-text-grain-type .art-text-grain-type-selector > span[data-v-ef642ecc] {
  line-height: 24px;
  font-size: 12px;
  color: #676767;
}
.art-text-setup .art-text-setup-content .art-text-grain-type .art-text-grain-type-selector .art-text-grain-type-selector-pop[data-v-ef642ecc] {
  position: absolute;
  top: 24px;
  left: 0;
  width: 90px;
  height: 72px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  display: none;
  z-index: 99;
}
.art-text-setup .art-text-setup-content .art-text-grain-type .art-text-grain-type-selector .art-text-grain-type-selector-pop > span[data-v-ef642ecc] {
  width: 90px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #626262;
  display: inline-block;
  padding-left: 8px;
  background: #ffffff;
  cursor: pointer;
}
.art-text-setup .art-text-setup-content .art-text-grain-type .art-text-grain-type-selector .art-text-grain-type-selector-pop > span[data-v-ef642ecc]:hover {
  background: #f8f8f8;
}
.art-text-setup .art-text-setup-content .art-text-grain-default .art-text-grain-default-imgs[data-v-ef642ecc] {
  position: relative;
  padding-left: 60px;
  margin-bottom: 16px;
}
.art-text-setup .art-text-setup-content .art-text-grain-default .art-text-grain-default-imgs > span[data-v-ef642ecc] {
  display: inline-block;
  width: 48px;
  line-height: 24px;
  text-align: right;
  font-size: 12px;
  color: #676767;
  position: absolute;
  left: 0;
  top: 0;
}
.art-text-setup .art-text-setup-content .art-text-grain-default .art-text-grain-default-imgs .art-text-grain-default-imgs-container[data-v-ef642ecc] {
  display: block;
  width: 216px;
}
.art-text-setup .art-text-setup-content .art-text-grain-default .art-text-grain-default-imgs .art-text-grain-default-imgs-container[data-v-ef642ecc]:after {
  content: '';
  display: block;
  clear: both;
}
.art-text-setup .art-text-setup-content .art-text-grain-default .art-text-grain-default-imgs .art-text-grain-default-imgs-container .art-text-grain-default-imgs-item[data-v-ef642ecc] {
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  margin-right: 8px;
  margin-bottom: 8px;
  float: left;
  position: relative;
}
.art-text-setup .art-text-setup-content .art-text-grain-default .art-text-grain-default-imgs .art-text-grain-default-imgs-container .art-text-grain-default-imgs-item[data-v-ef642ecc]:nth-child(4n) {
  margin-right: 0;
}
.art-text-setup .art-text-setup-content .art-text-grain-default .art-text-grain-default-imgs .art-text-grain-default-imgs-container .art-text-grain-default-imgs-item[class~='active'][data-v-ef642ecc],
.art-text-setup .art-text-setup-content .art-text-grain-default .art-text-grain-default-imgs .art-text-grain-default-imgs-container .art-text-grain-default-imgs-item[data-v-ef642ecc]:hover {
  outline: 2px solid #07aefc;
}
.art-text-setup .art-text-setup-content .art-text-grain-default .art-text-grain-default-imgs .art-text-grain-default-imgs-container .art-text-grain-default-imgs-item[class~='active'][data-v-ef642ecc]:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: url(../svg/artTextSelect0.svg?5bdec9a030fd1203645884fd77651ecc) no-repeat;
  display: block;
}
.art-text-setup .art-text-setup-content .art-text-grain-color > div[data-v-ef642ecc]:nth-last-child(1) {
  margin-bottom: 0;
}
.art-text-setup .art-text-setup-content .art-text-grain-color .art-text-grain-color-type[data-v-ef642ecc] {
  position: relative;
  padding-left: 60px;
  margin-bottom: 16px;
}
.art-text-setup .art-text-setup-content .art-text-grain-color .art-text-grain-color-type > span[data-v-ef642ecc] {
  display: inline-block;
  width: 50px;
  line-height: 24px;
  text-align: right;
  font-size: 12px;
  color: #676767;
  position: absolute;
  left: 0;
  top: 0;
}
.art-text-setup .art-text-setup-content .art-text-grain-color .art-text-grain-color-type .art-text-grain-color-type-container[data-v-ef642ecc] {
  display: block;
  width: 216px;
}
.art-text-setup .art-text-setup-content .art-text-grain-color .art-text-grain-color-type .art-text-grain-color-type-container label[data-v-ef642ecc] {
  display: inline-block;
  line-height: 24px;
  color: #676767;
}
.art-text-setup .art-text-setup-content .art-text-grain-user .art-text-grain-user-upload[data-v-ef642ecc] {
  width: 186px;
  height: 106px;
  outline: 1px dashed #c7c7c7;
  margin: 12px 47px;
  position: relative;
  cursor: pointer;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.art-text-setup .art-text-setup-content .art-text-grain-user .art-text-grain-user-upload[data-v-ef642ecc]:hover {
  outline: 1px dashed #07aefc;
}
.art-text-setup .art-text-setup-content .art-text-grain-user .art-text-grain-user-upload:hover .art-text-grain-user-upload-icon[data-v-ef642ecc] {
  color: #07aefc !important;
}
.art-text-setup .art-text-setup-content .art-text-grain-user .art-text-grain-user-upload .art-text-grain-user-upload-icon[data-v-ef642ecc] {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.art-text-setup .art-text-setup-content .art-text-grain-user .art-text-grain-user-upload-del[data-v-ef642ecc] {
  position: absolute;
  bottom: 24px;
  left: 258px;
}
.art-text-setup .art-text-setup-content .art-text-grain-user .art-text-grain-user-upload-del > span[data-v-ef642ecc] {
  cursor: pointer;
  color: #626262;
  font-size: 12px;
  line-height: 12px;
}

.art-text-color-bar[data-v-8aa189ea] {
  width: 100%;
  height: 24px;
  position: relative;
}
.art-text-color-bar .art-text-color-bar-title[data-v-8aa189ea] {
  display: inline-block;
  width: 45px;
  line-height: 24px;
  text-align: left;
  font-size: 12px;
  color: #676767;
}
.art-text-color-bar .art-text-color-bar-color[data-v-8aa189ea] {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 45px;
  top: 0;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.art-text-color-bar .art-text-color-bar-del[data-v-8aa189ea] {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.art-text-setup[data-v-40867513] {
  width: 100%;
  padding: 18px 16px 18px 16px;
}
.art-text-setup .art-text-setup-title[data-v-40867513] {
  width: 100%;
  height: 20px;
}
.art-text-setup .art-text-setup-title[class~='show'][data-v-40867513] {
  margin-bottom: 16px;
}
.art-text-setup .art-text-setup-title span[data-v-40867513] {
  color: #333333;
  font-size: 14px;
  line-height: 20px;
}
.art-text-setup .art-text-setup-title .switch[data-v-40867513] {
  float: right;
}
.art-text-setup .art-text-setup-content[data-v-40867513] {
  width: 100%;
}
.art-text-setup .art-text-setup-content .art-text-setup-bar[data-v-40867513] {
  margin: 16px 0;
}
.art-text-setup .art-text-setup-content .art-text-setup-content-color-bar[data-v-40867513] {
  margin: 0 0 16px 0;
}
.art-text-setup .art-text-setup-content .art-text-setup-content-color-bar[data-v-40867513]:nth-last-child(1) {
  margin: 0;
}
.art-text-setup .art-text-setup-content .art-text-setup-new[data-v-40867513] {
  width: 100%;
  height: 17px;
  line-height: 17px;
  text-align: right;
  color: #07aefc;
  margin-top: 16px;
  font-size: 12px;
}
.art-text-setup .art-text-setup-content .art-text-setup-new span[data-v-40867513] {
  cursor: pointer;
}

.art-text-setup[data-v-5aad473a] {
  width: 100%;
  padding: 18px 16px 18px 16px;
}
.art-text-setup .art-text-setup-title[data-v-5aad473a] {
  width: 100%;
  height: 20px;
}
.art-text-setup .art-text-setup-title[class~='show'][data-v-5aad473a] {
  margin-bottom: 16px;
}
.art-text-setup .art-text-setup-title span[data-v-5aad473a] {
  color: #333333;
  font-size: 14px;
  line-height: 20px;
}
.art-text-setup .art-text-setup-title .switch[data-v-5aad473a] {
  float: right;
}
.art-text-setup .art-text-setup-content[data-v-5aad473a] {
  width: 100%;
}
.art-text-setup .art-text-setup-content .art-text-setup-bar[data-v-5aad473a] {
  margin: 16px 0;
}
.art-text-setup .art-text-setup-content .art-text-setup-content-color-bar[data-v-5aad473a] {
  margin: 0 0 16px 0;
}
.art-text-setup .art-text-setup-content .art-text-setup-content-color-bar[data-v-5aad473a]:nth-last-child(1) {
  margin: 0;
}
.art-text-setup .art-text-setup-content .art-text-setup-new[data-v-5aad473a] {
  width: 100%;
  height: 17px;
  line-height: 17px;
  text-align: right;
  color: #07aefc;
  margin-top: 16px;
  font-size: 12px;
}
.art-text-setup .art-text-setup-content .art-text-setup-new span[data-v-5aad473a] {
  cursor: pointer;
}

.art-text-diy[data-v-2f45ad6a] {
  background: #fafafa;
}
.art-text-diy > div[data-v-2f45ad6a] {
  position: relative;
  margin: 8px 0;
  background: #ffffff;
  /*&:after {*/
  /*content: '';*/
  /*width: 100%;*/
  /*height: 1px;*/
  /*position: absolute;*/
  /*bottom: 0;*/
  /*left: 0;*/
  /*background: #e7e7e7;*/
  /*}*/
  /*&:nth-last-child(1):after {*/
  /*display: none;*/
  /*}*/
}


.leftPanel-art-text * {
  box-sizing: border-box;
}

.xuqiusb[data-v-6abfc2a4] {
  width: 256px;
  min-height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.lt-scroll__content[data-v-6abfc2a4] {
  box-sizing: border-box;
}
.leftPanel-button[data-v-6abfc2a4] {
  width: 80px;
  height: 28px;
  font-size: 12px;
  outline: none;
  border: 1px solid #e7e7e7;
  transition: all 0.2s ease;
  background-color: #ffffff;
  border-radius: 3px;
  cursor: pointer;
  float: left;
  position: relative;
}
.leftPanel-button[data-v-6abfc2a4]:hover {
  color: #0773FC;
  border: 1px solid #0773FC;
  z-index: 2;
}
.leftPanel-button.active[data-v-6abfc2a4] {
  color: #ffffff;
  background-color: #0773FC;
  border: 1px solid #0773FC;
}
.leftPanel__hr[data-v-6abfc2a4] {
  background-color: rgba(0, 0, 0, 0.12);
  border: none;
  width: 256px;
  margin: 24px auto 0px;
  height: 1px;
}
.search-input[data-v-6abfc2a4] {
  margin: 24px 24px 16px;
  width: 256px;
  height: 40px;
  box-sizing: border-box;
  padding: 0 36px 0 20px;
  border: 1px solid transparent;
  position: relative;
  border-radius: 20px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  outline: none;
  text-align: center;
  background-color: #EAEBF3;
}
.search-input[class~='showIcon'][data-v-6abfc2a4] {
  background: url(../svg/leftpanel-search-icon.svg?58d53813bc082348c84d05ebc30580c8) -388px -64px no-repeat;
  background-color: #EAEBF3;
}
.search-input[data-v-6abfc2a4]:focus {
  background: #fff;
  text-align: left;
  border: 1px solid #0773FC;
  box-shadow: 0 0 0 3px rgba(8, 174, 252, 0.1);
}
.search-input[data-v-6abfc2a4]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  padding-left: 22px;
  text-indent: 7px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}
.search-input[data-v-6abfc2a4]::-moz-placeholder {
  /* Firefox 19+ */
  padding-left: 22px;
  text-indent: 7px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}
.search-input[data-v-6abfc2a4]::-ms-input-placeholder {
  /* IE 10+ */
  padding-left: 22px;
  text-indent: 7px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}
.search-input-searchSpan[data-v-6abfc2a4] {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 40px;
  top: 36px;
  cursor: pointer;
  background: url(../svg/leftpanel-search-icon.svg?58d53813bc082348c84d05ebc30580c8) -476px -74px no-repeat;
  background-color: #FFFFff;
}
.search-input-searchSpan[data-v-6abfc2a4]:hover:before {
  background-color: #07aefc;
}
.search-input-searchSpan[data-v-6abfc2a4]:hover:after {
  background-color: #07aefc;
}
.search-input-close[data-v-6abfc2a4] {
  position: absolute;
  width: 12px;
  height: 12px;
  right: 40px;
  top: 38px;
  overflow: hidden;
  cursor: pointer;
}
.search-input-close[data-v-6abfc2a4]:before {
  content: "";
  width: 20px;
  height: 1px;
  transform: rotate(45deg);
  background-color: #626262;
  top: 6px;
  left: -4px;
  position: absolute;
}
.search-input-close[data-v-6abfc2a4]:after {
  content: "";
  width: 20px;
  height: 1px;
  transform: rotate(135deg);
  background-color: #626262;
  top: 6px;
  left: -4px;
  position: absolute;
}
.search-input-close[data-v-6abfc2a4]:hover:before {
  background-color: #07aefc;
}
.search-input-close[data-v-6abfc2a4]:hover:after {
  background-color: #07aefc;
}
.material-kind[data-v-6abfc2a4] {
  width: 72px;
  height: 72px;
  border-radius: 3px;
  margin-right: 20px;
  margin-top: 20px;
  float: left;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.material-kind[data-v-6abfc2a4]:nth-child(4n+3) {
  margin-right: 0px;
}
.material-kind__mask[data-v-6abfc2a4] {
  background-color: #f0f0f0;
  transition: transform 0.3s;
  transform-origin: left bottom;
  width: 72px;
  height: 72px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 3px;
}
.material-kind > img[data-v-6abfc2a4] {
  width: 72px;
  height: 72px;
  transition: transform 0.3s;
  transform-origin: left bottom;
  position: relative;
}
.material-kind > span[data-v-6abfc2a4] {
  transition: color 0.3s;
  position: absolute;
  width: 100%;
  display: block;
  top: 10px;
  line-height: 14px;
  font-size: 14px;
  color: #FFFFFF;
}
.material-kind__img[data-v-6abfc2a4] {
  width: 72px;
  height: 72px;
  position: relative;
  transition: transform 0.3s;
  transform-origin: left bottom;
  border-radius: 3px;
}
.material-kind__text[data-v-6abfc2a4] {
  display: inline-block;
  margin-top: 4px;
}
/*101*/
.material-kind:hover > img[data-v-6abfc2a4] {
  /* transform: rotate(-2deg); */
  
  
}
.material-kind:hover .material-kind__img[data-v-6abfc2a4] {
  transform: rotate(-2deg);
}
/* .material-kind.active{background:#ff6000} */
.material-kind.active > img[data-v-6abfc2a4] {
  transform: rotate(-6deg);
}
.material-kind.active .material-kind__img[data-v-6abfc2a4] {
  transform: rotate(-6deg);
}
.material-kind.active .material-kind__mask[data-v-6abfc2a4] {
  transform: rotate(4deg);
}
.primaryKind-menu[data-v-6abfc2a4] {
  width: 256px;
  height: 36px;
  display: flex;
  justify-content: space-around;
  position: relative;
  margin: 0 auto;
}
.primaryKind-menu[data-v-6abfc2a4]:after {
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #EEEEEE;
  box-shadow: 0px 9px 14px rgba(0, 0, 0, 0.02);
}
.primaryKind-menu__btn[data-v-6abfc2a4] {
  width: 85px;
  height: 100%;
  cursor: pointer;
  position: relative;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.primaryKind-menu__btn span[data-v-6abfc2a4] {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.primaryKind-menu__btn[class~='active'][data-v-6abfc2a4]:after {
  content: '';
  height: 3px;
  width: 30px;
  background: #0773FC;
  box-shadow: 0 4px 6px 0 rgba(7, 115, 252, 0.26);
  position: absolute;
  left: 28px;
  bottom: -1px;
  z-index: 1;
}
.primaryKind-menu__btn[class~='active'] span[data-v-6abfc2a4] {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
}
.material-wrap[data-v-6abfc2a4] {
  width: 100%;
  float: left;
  transition: height 0.3s;
}
.material-wrap__placeholder[data-v-6abfc2a4] {
  margin-top: 8px;
}
.to-top[data-v-6abfc2a4] {
  position: fixed;
  bottom: 48px;
  left: 248px;
  width: 32px;
  height: 32px;
  background: url(../svg/list_to_top.svg?a297b0585be01667ff4defa1be7e9352) no-repeat;
  background-position: -16px -16px;
  transition: left 0.3s linear;
  cursor: pointer;
}
.to-top[data-v-6abfc2a4]:hover {
  background-position: -64px -16px;
}
.to-top.not-bottom-detail[data-v-6abfc2a4] {
  bottom: 8px;
}
.close .to-top[data-v-6abfc2a4] {
  left: -10px;
}
.leftPanel-art-text[data-v-6abfc2a4] {
  width: 100%;
  height: 100%;
  background: #fafafa;
  position: relative;
  padding-top: 42px;
}
.leftPanel-art-text[class~="textLoading"][data-v-6abfc2a4] {
  cursor: wait;
}
.leftPanel-art-text .stop-operation[data-v-6abfc2a4] {
  width: 100%;
  height: 100%;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  cursor: wait;
  z-index: 99;
}
.leftPanel-art-text .leftPanel-art-text-title[data-v-6abfc2a4] {
  width: 100%;
  height: 42px;
  position: absolute;
  top: 0;
  left: 0;
  color: #6b6b6b;
  font-size: 12px;
  line-height: 42px;
  padding: 0 16px;
  background: #ffffff;
}
.leftPanel-art-text .leftPanel-art-text-title span[data-v-6abfc2a4] {
  display: inline-block;
  margin-right: 16px;
  cursor: pointer;
}
.leftPanel-art-text .leftPanel-art-text-title .leftPanel-art-text-title-red[data-v-6abfc2a4] {
  float: right;
  color: #626262;
  margin: 0;
}
.leftPanel-art-text .leftPanel-art-text-title[data-v-6abfc2a4]:after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #e7e7e7;
}
.leftPanel-art-text .leftPanel-art-text-content[data-v-6abfc2a4] {
  height: 100%;
}

.ss-function-colorPicker-func[data-v-4587c753] {
  width: 100%;
  z-index: 9999;
  background: #ffffff;
  box-sizing: border-box;
  cursor: default;
  position: relative;
}
.ss-function-colorPicker-func .op-enter-active[data-v-4587c753],
.ss-function-colorPicker-func .op-leave-active[data-v-4587c753] {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.ss-function-colorPicker-func .op-enter[data-v-4587c753],
.ss-function-colorPicker-func .op-leave-to[data-v-4587c753] {
  opacity: 0;
}
.ss-function-colorPicker-func .ss-function-colorPicker-func-waiting[data-v-4587c753] {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.24);
  z-index: 10;
}
.ss-function-colorPicker-func .ss-function-colorPicker-func-waiting > div[data-v-4587c753] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ss-function-colorPicker-func .ss-function-colorPicker-cancel[data-v-4587c753] {
  position: absolute;
  top: -16px;
  right: -16px;
  width: 32px;
  height: 32px;
  background: linear-gradient(to right bottom, #5EA2FF, #00E3FF);
  cursor: pointer;
}
.ss-function-colorPicker-func .ss-function-colorPicker-cancel[data-v-4587c753]:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-bottom: 32px solid #FFFFff;
  border-right: 32px solid transparent;
}
.ss-function-colorPicker-func .ss-function-colorPicker-cancel[data-v-4587c753]:before {
  position: absolute;
  content: '';
  width: 14px;
  height: 14px;
  background: url(../svg/dots.png?d5e37772750539afefe9a770ae3bec97) no-repeat;
}
.ss-function-colorPicker-func .ss-function-colorPicker-panel[data-v-4587c753] {
  height: 180px;
  width: 150px;
  margin-bottom: 8px;
}
.ss-function-colorPicker-func .ss-function-colorPicker-panel .ss-function-colorPicker-panel-wheel[data-v-4587c753] {
  width: 150px;
  height: 150px;
  position: relative;
  margin-bottom: 14px;
  background: url(../svg/colors.png?44ae4fdb16ba192549377318d3e93784) -720px 0;
  cursor: default;
}
.ss-function-colorPicker-func .ss-function-colorPicker-panel .ss-function-colorPicker-panel-wheel .wheel-selector[data-v-4587c753] {
  width: 12px;
  height: 12px;
  position: absolute;
  z-index: 8;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 6px;
  border: 1px solid #ffffff;
  top: 75px;
  left: 75px;
}
.ss-function-colorPicker-func .ss-function-colorPicker-panel .ss-function-colorPicker-panel-wheel[data-v-4587c753]:after {
  content: '';
  position: absolute;
  background: transparent;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.ss-function-colorPicker-func .ss-function-colorPicker-panel .ss-function-colorPicker-panel-slider[data-v-4587c753] {
  width: 150px;
  height: 16px;
  position: relative;
  cursor: default;
}
.ss-function-colorPicker-func .ss-function-colorPicker-panel .ss-function-colorPicker-panel-slider .slider-selector[data-v-4587c753] {
  width: 10px;
  height: 18px;
  position: absolute;
  border: 1px solid #ffffff;
  border-radius: 2px;
  top: -1px;
  left: 2px;
  z-index: 8;
}
.ss-function-colorPicker-func .ss-function-colorPicker-panel .ss-function-colorPicker-panel-slider[data-v-4587c753]:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  background: url(../svg/tr.png?a0ad5db7dd0ee3d4f008d913e8a1b655) no-repeat;
}
.ss-function-colorPicker-func .ss-function-colorPicker-panel .ss-function-colorPicker-panel-slider[data-v-4587c753]:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: transparent;
}
.ss-function-colorPicker-func .ss-function-colorPicker-colors[data-v-4587c753] {
  width: 150px;
  height: 24px;
  margin-bottom: 16px;
}
.ss-function-colorPicker-func .ss-function-colorPicker-colors .color-picker[data-v-4587c753] {
  width: 24px;
  height: 24px;
  border-radius: 2px;
  border: 1px solid #ECECEC;
  position: relative;
  cursor: pointer;
  float: left;
  margin-right: 8px;
}
.ss-function-colorPicker-func .ss-function-colorPicker-colors .color-picker[data-v-4587c753]:after {
  position: absolute;
  content: '';
  background: url(../svg/pick.png?447c19f00c9a5a12352aea6bc9ca8932) no-repeat;
  width: 14px;
  height: 14px;
  top: 5px;
  left: 5px;
}
.ss-function-colorPicker-func .ss-function-colorPicker-colors span[data-v-4587c753] {
  line-height: 26px;
  float: right;
  color: #626262;
  font-size: 12px;
  display: inline-block;
  margin-right: 4px;
}
.ss-function-colorPicker-func .ss-function-colorPicker-colors .color-input[data-v-4587c753] {
  box-sizing: border-box;
  width: 90px;
  height: 26px;
  border-radius: 2px;
  border: 1px solid #ECECEC;
  padding: 0 0 0 9px;
  line-height: 24px;
  float: right;
  color: #626262;
  font-size: 12px;
}
.ss-function-colorPicker-func .ss-function-colorPicker-colors .color-input[data-v-4587c753]:focus {
  outline: none;
}

.ss-function-colorPickerPanel[data-v-264dc9e4] {
  width: 100%;
}
.ss-function-colorPickerPanel[data-v-264dc9e4]:after {
  content: '';
  display: block;
  clear: both;
}
.ss-function-colorPickerPanel .ss-function-colorPickerPanel-items[data-v-264dc9e4] {
  width: 24px;
  height: 24px;
  float: left;
  margin: 0 8px 16px 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  transition: all 0.2s ease;
  cursor: pointer;
  position: relative;
}
.ss-function-colorPickerPanel .ss-function-colorPickerPanel-items[class~='stop'][data-v-264dc9e4] {
  cursor: not-allowed;
}
.ss-function-colorPickerPanel .ss-function-colorPickerPanel-items[data-v-264dc9e4]:nth-child(5n) {
  margin: 0 0 16px 0;
}
.ss-function-colorPickerPanel .ss-function-colorPickerPanel-items[data-v-264dc9e4]:hover {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.32);
}
.ss-function-colorPickerPanel .ss-function-colorPickerPanel-items[class~='active'][data-v-264dc9e4]:after {
  position: absolute;
  content: '';
  top: 6px;
  left: 4px;
  width: 16px;
  height: 12px;
  background: url(../svg/select-right.svg?ffbb7913a93a911fc359ac6031d3e32a) no-repeat;
}
.ss-function-colorPickerPanel .ss-function-colorPickerPanel-items[class~='addColor'][data-v-264dc9e4]:before {
  position: absolute;
  content: '';
  width: 11px;
  height: 11px;
  top: 6.5px;
  left: 6.5px;
  background: url(../svg/addcolor-+.svg?cb41d2274a95d1f7ae31dd571eead582) no-repeat;
}

.ss-function-colorPicker-mask[data-v-25bc17e3] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: transparent;
  z-index: 99;
}
.ss-function-colorPicker[data-v-25bc17e3] {
  width: 184px;
  height: 248px;
  position: fixed;
  /*z-index: 9999;*/
  background: #ffffff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
  box-sizing: border-box;
  padding: 16px;
  transition: all, 2s ease;
  cursor: default;
  z-index: 100;
}
.ss-function-colorPicker .ss-function-colorPicker-content[data-v-25bc17e3] {
  width: 100%;
}
.ss-function-colorPicker .ss-function-colorPicker-confirm[data-v-25bc17e3] {
  width: 150px;
  height: 24px;
}
.ss-function-colorPicker .ss-function-colorPicker-confirm span[data-v-25bc17e3] {
  width: 71px;
  height: 24px;
  float: left;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
  cursor: pointer;
}
.ss-function-colorPicker .ss-function-colorPicker-confirm span[data-v-25bc17e3]:nth-child(1) {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.24);
  color: #626262;
  margin-right: 8px;
}
.ss-function-colorPicker .ss-function-colorPicker-confirm span[data-v-25bc17e3]:nth-child(2) {
  background: #07AEFC;
  color: #ffffff;
}

.leftPanel-template-block[data-v-edc01024] {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
  transition: all 0.4s ease;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
.leftPanel-template-block[class~='large'][data-v-edc01024] {
  width: 280px;
}
.leftPanel-template-block[class~='single'][class~='active'][data-v-edc01024] {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
}
.leftPanel-template-block[class~='single'][class~='active'] .leftPanel-template-block-pop1-hover[data-v-edc01024] {
  display: block;
}
.leftPanel-template-block[class~='single']:hover .leftPanel-template-block-pop1-hover[data-v-edc01024] {
  display: block;
}
.leftPanel-template-block[class~='mult']:hover .leftPanel-template-block-pop1[data-v-edc01024] {
  top: -3px;
  left: -3px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
}
.leftPanel-template-block[class~='mult']:hover .leftPanel-template-block-pop2[data-v-edc01024] {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
}
.leftPanel-template-block[class~='mult']:hover .leftPanel-template-block-pop1-hover[data-v-edc01024] {
  display: block;
}
.leftPanel-template-block[class~='mult']:hover .leftPanel-template-block-pop1-hover .leftPanel-template-block-pop1-hover-button[data-v-edc01024] {
  display: none;
}
.leftPanel-template-block[class~='mult']:hover .leftPanel-template-block-pop1-hover .leftPanel-template-block-pop1-hover-collect[data-v-edc01024] {
  display: block;
}
.leftPanel-template-block[class~='mult'][class~='active'] .leftPanel-template-block-pop1[data-v-edc01024] {
  top: -3px;
  left: -3px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
}
.leftPanel-template-block[class~='mult'][class~='active'] .leftPanel-template-block-pop2[data-v-edc01024] {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
}
.leftPanel-template-block[class~='mult'][class~='active'] .leftPanel-template-block-pop3[data-v-edc01024] {
  top: 3px;
  left: 3px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.16);
}
.leftPanel-template-block > div[class*='leftPanel-template-block-pop'][data-v-edc01024] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.3s ease;
}
.leftPanel-template-block .leftPanel-template-block-pop1[data-v-edc01024] {
  z-index: 9;
  background: #ffffff;
}
.leftPanel-template-block .leftPanel-template-block-pop1 img[data-v-edc01024] {
  width: 100%;
  height: 100%;
}
.leftPanel-template-block .leftPanel-template-block-pop2[data-v-edc01024] {
  z-index: 8;
  background: #f9f9f9;
}
.leftPanel-template-block .leftPanel-template-block-pop3[data-v-edc01024] {
  z-index: 7;
  background: #f6f6f6;
}
.leftPanel-template-block .leftPanel-template-block-pop1-hover[data-v-edc01024] {
  z-index: 11;
  display: none;
  position: relative;
  cursor: pointer;
}
.leftPanel-template-block .leftPanel-template-block-pop1-hover[class~='active'] .leftPanel-template-block-pop1-hover-button[data-v-edc01024] {
  background: linear-gradient(90deg, #5ea2ff, #00e3ff);
}
.leftPanel-template-block .leftPanel-template-block-pop1-hover[class~='active'] .leftPanel-template-block-pop1-hover-button[data-v-edc01024]:after {
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background: url(../svg/designtemplateexit.svg?3ed64869835466b880a3d9fcbda64fb5) no-repeat;
}
.leftPanel-template-block .leftPanel-template-block-pop1-hover .leftPanel-template-block-pop1-hover-button[data-v-edc01024] {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 6px;
  bottom: 6px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  transition: all 0.2s ease;
}
.leftPanel-template-block .leftPanel-template-block-pop1-hover .leftPanel-template-block-pop1-hover-button[data-v-edc01024]:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 3px;
  width: 10px;
  height: 4px;
  background-image: url(../svg/leftpanel-3dot.svg?c6c409543e6aa9517ac4a3debbba0023);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.leftPanel-template-block .leftPanel-template-block-pop1-hover .leftPanel-template-block-pop1-hover-collect[data-v-edc01024] {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 6px;
  bottom: 6px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  transition: all 0.2s ease;
}
.leftPanel-template-block .leftPanel-template-block-pop1-hover .leftPanel-template-block-pop1-hover-collect[data-v-edc01024]:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  background-image: url(../svg/leftpanel-like.svg?a32278ae5df7f559a6fd0447c142e3b0);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.leftPanel-template-block .leftPanel-template-block-pop1-hover .leftPanel-template-block-pop1-hover-collect[class~='mult'][data-v-edc01024] {
  left: 6px;
}
.leftPanel-template-block .leftPanel-template-block-pop1-hover .leftPanel-template-block-pop1-hover-collect[class~='active'][data-v-edc01024]:after {
  background-position: 0px -12px;
}
.leftPanel-template-block .leftPanel-template-block-pop1-hover .leftPanel-template-block-pop1-hover-cert[data-v-edc01024] {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 50px;
  bottom: 6px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  transition: all 0.2s ease;
}
.leftPanel-template-block .leftPanel-template-block-pop1-hover .leftPanel-template-block-pop1-hover-cert[class~='mult'][data-v-edc01024] {
  left: 28px;
}
.leftPanel-template-block .leftPanel-template-block-free[data-v-edc01024] {
  height: 16px;
  position: absolute;
  right: 6px;
  bottom: 6px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  padding: 0 6px 0 6px;
  line-height: 16px;
  font-size: 12px;
  color: #ffffff;
  z-index: 11;
}
.leftPanel-template-block .leftPanel-template-block-vip[data-v-edc01024] {
  height: 16px;
  position: absolute;
  right: 6px;
  bottom: 6px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  padding: 0 6px 0 18px;
  line-height: 16px;
  font-size: 12px;
  color: #ffffff;
  z-index: 11;
}
.leftPanel-template-block .leftPanel-template-block-vip[data-v-edc01024]:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 5px;
  width: 14px;
  height: 14px;
  background-image: url(../svg/designtemplatevip.png?d0546bfb9d3b44a40eacc323a52d9c28);
  background-size: 100%;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
.leftPanel-template-block .docerVipIcon[data-v-edc01024]:after {
  background-image: url(../svg/docer-vipIcon.svg?b941fcb06113cce29abd7466f6b23a59);
}

.leftPanel-template-more[data-v-5ccd0a00] {
  width: 256px;
  background: #f8f8f8;
  min-height: 74px;
  box-sizing: border-box;
  float: left;
  margin: 0 8px 8px 0;
}
.leftPanel-template-more .leftPanel-template-more-top[data-v-5ccd0a00] {
  margin: 16px 8px;
  width: 240px;
  height: 42px;
}
.leftPanel-template-more .leftPanel-template-more-top .leftPanel-template-more-top-line1[data-v-5ccd0a00] {
  height: 17px;
  width: 100%;
}
.leftPanel-template-more .leftPanel-template-more-top .leftPanel-template-more-top-line1 .leftPanel-template-more-top-title[data-v-5ccd0a00] {
  color: #4a4a4a;
  font-size: 12px;
  line-height: 17px;
  float: left;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.leftPanel-template-more .leftPanel-template-more-top .leftPanel-template-more-top-line1 .leftPanel-template-more-top-like[data-v-5ccd0a00] {
  float: right;
  display: block;
  width: 80px;
  line-height: 17px;
  font-size: 13px;
  color: #0773FC;
  cursor: pointer;
  text-align: right;
}
.leftPanel-template-more .leftPanel-template-more-top .leftPanel-template-more-top-line1 .leftPanel-template-more-top-like[data-v-5ccd0a00]:hover {
  opacity: 0.7;
}
.leftPanel-template-more .leftPanel-template-more-top .leftPanel-template-more-top-line2[data-v-5ccd0a00] {
  height: 17px;
  width: 100%;
  margin-top: 8px;
}
.leftPanel-template-more .leftPanel-template-more-top .leftPanel-template-more-top-line2 span[data-v-5ccd0a00] {
  color: #9b9b9b;
  font-size: 12px;
  line-height: 17px;
}
.leftPanel-template-more .leftPanel-template-more-top .leftPanel-template-more-top-line2 .leftPanel-template-more-top-kind[data-v-5ccd0a00] {
  float: left;
}
.leftPanel-template-more .leftPanel-template-more-top .leftPanel-template-more-top-line2 .leftPanel-template-more-top-cost[data-v-5ccd0a00] {
  float: right;
}
.leftPanel-template-more .leftPanel-template-more-mult[data-v-5ccd0a00] {
  width: 100%;
  transition: all 0.4s ease;
  /*&:after {*/
  /*content: '';*/
  /*display: block;*/
  /*clear: both;*/
  /*}*/
}
.leftPanel-template-more .leftPanel-template-more-mult img[data-v-5ccd0a00] {
  display: block;
  width: 122px;
  float: left;
  margin-top: 8px;
  transition: all 0.4s ease;
  cursor: pointer;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}
.leftPanel-template-more .leftPanel-template-more-mult img[data-v-5ccd0a00]:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.32);
}
.leftPanel-template-more .leftPanel-template-more-mult img[data-v-5ccd0a00]:nth-child(2n-1) {
  margin-right: 8px;
}
.leftPanel-template-more .leftPanel-template-more-mult img[class~='large'][data-v-5ccd0a00] {
  width: 280px;
  margin-right: 0 !important;
}

.no-template {
  position: absolute;
  top: 44%;
  left: 50%;
  width: 100%;
  height: 100px;
  /*height: 290px;*/
  transform: translate(-50%, -50%);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.layui-flow-more .no-template{
	position:inherit;
  width: 100%;
  height: 100px;
  /*height: 290px;*/
 transform: none;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top:20px;
}
.no-template .no-template__text {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.no-template .no-template__image-box {
  width: 100%;
  height: 44px;
  margin-bottom: 8px;
}
.no-template .no-template__image-box .no-template__image {
  width: 54px;
  height: 44px;
  background-image: url(../svg/no-content.svg?a9719f485af420fb7f55c29c2ab99355);
  background-size: 100%;
  margin: 0 auto;
}
.no-template__image {
  width: 73px;
  height: 61px;
}
.no-template__text {
  font-size: 13px;
  color: #bfbfbf;
  margin-top: 8px;
}
.no-template__text a {
  color: #0773FC;
  font-size:16px;
}

.template-search {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 72px;
  z-index: 12;
  background-color: #ffffff;
}
.template-search.active {
  height: 100%;
}
.template-search .search-history {
  width: 220px;
  margin: 0 auto;
  position: fixed;
  left: 115px;
  background: #FFFFFF;
  box-sizing: border-box;
  box-shadow: 0 18px 20px 0 rgba(20, 33, 65, 0.14);
  border-radius: 0px 0px 6px 6px;
  z-index: 20;
}
.template-search .search-history__header {
  padding: 8px 20px;
}
.template-search .search-history__header:after {
  display: block;
  content: "";
  clear: both;
}
.template-search .search-history__title {
  font-size: 12px;
  color: #9B9B9B;
  letter-spacing: 0;
  line-height: 12px;
}
.template-search .search-history__close {
  color: #626262;
  float: right;
  cursor: pointer;
  font-size: 12px;
}
.template-search .search-history__close:hover {
  color: #0773FC;
}
.template-search .search-history__content {
  padding-bottom: 12px;
}
.template-search .search-history__content:after {
  display: block;
  clear: both;
  content: "";
}
.template-search .search-history__key {
  padding: 8px 20px;
  cursor: pointer;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.8);
  letter-spacing: 0;
  line-height: 14px;
}
.template-search .search-history__key:hover {
  color: #0773FC;
  background: #F8F8F8;
}
.search-input-searchSpan {
  width: 20px;
  height: 12px;
  position: relative;
}
.search-input-searchSpan span {
  position: absolute;
  width: 20px;
  height: 12px;
  right: 40px;
  top: 38px;
}
.template-list-search .template-list {
  margin-top: 0px;
}
.template-search-content {
  width: 100%;
  height: calc(100% - 72px);
  overflow: hidden;
}
.template-search-content > div {
  height: 100%;
  position: relative;
  overflow: scroll;
}
.search-searchSpan-enter-active,
.search-searchSpan-leave-active {
  transition: opacity 0.3s;
}
.search-searchSpan-enter,
.search-searchSpan-leave-to {
  opacity: 0;
}

.modal-wrap[data-v-68fd66fa] {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
}
.modal-wrap .modal1-center[data-v-68fd66fa] {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.modal-wrap .modal1-center .modal1-close[data-v-68fd66fa] {
  top: 0;
  right: -34px;
  background-position: -11px -57px;
}
.modal-wrap .modal3-right[data-v-68fd66fa] {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 400px;
  background-color: #fff;
}
.modal-wrap .modal3-right .modal3-close[data-v-68fd66fa] {
  left: -42px;
  top: 20px;
  background-position: -11px -57px;
}
.modal-wrap .modal5-bottom[data-v-68fd66fa] {
  position: absolute;
  bottom: -200px;
  left: 0;
  width: 100%;
  height: 160px;
  transition: all 0.5s ease;
  background-color: #fff;
}
.modal-wrap .modal5-bottom[class*="display"][data-v-68fd66fa] {
  bottom: 0;
}
.modal-wrap .modal5-bottom .modal5-close[data-v-68fd66fa] {
  top: 16px;
  right: 16px;
  background-position: -12px -30px;
}
.modal-wrap .modal-close[data-v-68fd66fa] {
  width: 18px;
  height: 18px;
  position: absolute;
  background-image: url(../svg/modal_close.svg?33e17928cd50e15835e724c6606a0176);
  cursor: pointer;
}
.modal-wrap .modal6[data-v-68fd66fa] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
}
.modal4[data-v-68fd66fa] {
  position: absolute;
  z-index: 1000;
}
.modal-wrap-enter-active[data-v-68fd66fa],
.modal-wrap-leave-active[data-v-68fd66fa] {
  transition: opacity 0.5s;
}
.modal-wrap-enter[data-v-68fd66fa],
.modal-wrap-leave-active[data-v-68fd66fa] {
  opacity: 0;
}
.modal1-enter-active[data-v-68fd66fa],
.modal1-leave-active[data-v-68fd66fa] {
  transition: opacity 0.5s;
}
.modal1-enter[data-v-68fd66fa],
.modal1-leave-active[data-v-68fd66fa] {
  opacity: 0;
}
.modal3-enter-active[data-v-68fd66fa],
.modal3-leave-active[data-v-68fd66fa] {
  transition: all 0.5s ease;
}
.modal3-enter[data-v-68fd66fa],
.modal3-leave-active[data-v-68fd66fa] {
  transform: translateX(370px);
  opacity: 0;
}

.certModal[data-v-0bdbff27] {
  position: relative;
  background: #fff;
  width: 740px;
  height: 525px;
}
.certModal img[data-v-0bdbff27] {
  width: 740px;
  height: auto;
}
.certModal p[data-v-0bdbff27] {
  position: absolute;
  bottom: -46px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #fff;
  line-height: 25px;
}
.certModal p span[data-v-0bdbff27] {
  position: relative;
  /*background: linear-gradient(to right, #EEB86E, #F0D590);*/
  /*-webkit-background-clip: text;*/
  color: #07AEFC;
  cursor: pointer;
  font-weight: bold;
  /*&::after {*/
  /*content: '';*/
  /*width: 100%;*/
  /*height: 2px;*/
  /*background: linear-gradient(to right, #EEB86E, #F0D590);*/
  /*position: absolute;*/
  /*left: 0;*/
  /*bottom: -2px;*/
  /*}*/
}

.template-section {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
}
.template-section__wrap {
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 80px;
  box-sizing: border-box;
}
.template-search-input {
  position: absolute;
  top: 0px;
}
.template-button__kinds {
  width: 100%;
  margin: 0px auto 0px;
  padding: 0 24px;
}
.template-button__kinds .template-button__kind {
  width: 85px;
  margin-left: -1px;
}
.template-button__kinds .template-button__kind:first-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-left: 0px;
}
.template-button__kinds .template-button__kind:nth-child(2) {
  border-radius: 0px;
}
.template-button__kinds .template-button__kind:last-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.template-button__kinds:after {
  display: block;
  content: "";
  clear: both;
}
.template-list {
  width: 256px;
  margin: 24px auto 0px;
}
.template-list:after {
  display: block;
  clear: both;
  content: "";
}
.template-list__block {
  float: left;
  width: 124px;
  height: 200px;
  margin-bottom: 8px;
  margin-left: 8px;
}
.template-list__block[class~='loading'] {
  animation-name: bianhaotest;
}
.template-list__block:nth-child(2n+1) {
  margin-left: 0px;
}
.template-list__block:after {
  display: block;
  clear: both;
  content: "";
}
.template-list__block.wide {
  width: 256px;
  margin-left: 0px;
}
.template-list__block.empty {
  height: 0;
}
.template-list__block img {
  width: 100%;
  height: 100%;
}
@keyframes bianhaotest {
0% {
    background-color: #f0f0f0;
}
25% {
    background-color: rgba(240, 240, 240, 0.6);
}
50% {
    background-color: #f0f0f0;
}
to {
    background-color: #f0f0f0;
}
}

.imageList {
  width: 256px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.imageListRow {
  margin-top: 10px;
  width: 1000px !important;
}
.imageList__img {
  opacity: 1;
  transition: width 0.3s, margin-left 0.3s;
  float: left;
  margin-left: 8px;
}
.imageList__img:first-child {
  margin-left: 0px;
}
.imageList__animation {
  width: 100%;
  height: 100%;
}
.imageList__animation.loading {
  animation: background-color 1.4s infinite;
  animation-name: bianhaotest;
  background-color: #f0f0f0;
}
@keyframes bianhaotest {
0% {
    background-color: #f0f0f0;
}
25% {
    background-color: rgba(240, 240, 240, 0.6);
}
50% {
    background-color: #f0f0f0;
}
to {
    background-color: #f0f0f0;
}
}
.image-show-enter,
.image-show-leave-to {
  width: 0px !important;
  margin-left: 0px !important;
}
.slot-show-appear-class {
  opacity: 0 !important;
}
.slot-show-appear-to-class {
  opacity: 1 !important;
}

.leftPanel-common-results-item[data-v-d81d7686] {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  /*overflow: hidden;*/
  cursor: pointer;
  /*&:hover{*/
  /*box-shadow: 0 4px 8px 0 rgba(0,0,0,.16);*/
  /*}*/
}
.leftPanel-common-results-item .container-noStyle[data-v-d81d7686] {
  width: 100%;
  height: 100%;
  position: relative;
}
.leftPanel-common-results-item .container-noStyle .font[data-v-d81d7686] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-addImg[data-v-d81d7686] {
  width: 100%;
  height: 100%;
  background: #07aefc;
  position: relative;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-addImg > div[data-v-d81d7686] {
  width: 88px;
  height: 88px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-addImg > div > span[data-v-d81d7686] {
  color: #ffffff;
  display: inline-block;
  position: absolute;
  bottom: 14px;
  left: 0;
  width: 100%;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-addImg > div[data-v-d81d7686]:after {
  content: '';
  display: block;
  position: absolute;
  top: 14px;
  left: 28px;
  height: 35px;
  width: 35px;
  background: url(../svg/addNewImgToFolder.svg?de0bf90af5a4bcf1432a7d4f16481646) no-repeat;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-addImg[data-v-d81d7686]:hover {
  background: linear-gradient(to bottom right, #5ea2ff, #00e3ff);
}
.leftPanel-common-results-item .container-noStyle > img[data-v-d81d7686] {
  display: block;
  width: 100%;
  min-height: 1px;
}
.leftPanel-common-results-item .container-noStyle:hover .leftPanel-common-results-item-dots[data-v-d81d7686],
.leftPanel-common-results-item .container-noStyle[class~='active'] .leftPanel-common-results-item-dots[data-v-d81d7686] {
  display: block;
}
.leftPanel-common-results-item .container-noStyle:hover .leftPanel-common-results-item-copyright[data-v-d81d7686],
.leftPanel-common-results-item .container-noStyle[class~='active'] .leftPanel-common-results-item-copyright[data-v-d81d7686] {
  display: block;
}
.leftPanel-common-results-item .container-noStyle:hover .leftPanel-common-results-item-collect[data-v-d81d7686],
.leftPanel-common-results-item .container-noStyle[class~='active'] .leftPanel-common-results-item-collect[data-v-d81d7686] {
  display: block;
}
.leftPanel-common-results-item .container-noStyle:hover .leftPanel-common-results-item-flag[data-v-d81d7686],
.leftPanel-common-results-item .container-noStyle[class~='active'] .leftPanel-common-results-item-flag[data-v-d81d7686] {
  display: none;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-dots[data-v-d81d7686] {
  display: none;
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  transition: background 0.2s ease;
  box-sizing: border-box;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-dots.min-width[data-v-d81d7686] {
  bottom: 24px;
  right: 4px;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-dots.max-width[data-v-d81d7686] {
  left: 4px;
  bottom: 4px;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-dots[data-v-d81d7686]:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 3px;
  width: 10px;
  height: 4px;
  background-image: url(../svg/leftpanel-3dot.svg?c6c409543e6aa9517ac4a3debbba0023);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-dots[class~='active'][data-v-d81d7686] {
  /* background: linear-gradient(90deg, #5ea2ff, #00e3ff);

        &:after {
          width: 8px;
          height: 8px;
          margin: 3px;
          background: url('../../img/leftPanelX.svg') no-repeat;
        } */
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-dots[class~='active'][data-v-d81d7686]:after {
  /*
          width: 14px;
          height: 14px;
          background: url('../img/LeftPanel3dot-hover.svg') no-repeat;*/
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-dots[class~='isLine'][data-v-d81d7686] {
  left: 6px !important;
  /*bottom: 0 !important;*/
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-copyright[data-v-d81d7686] {
  display: none;
  width: 16px;
  height: 16px;
  position: absolute;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-copyright[data-v-d81d7686]::before {
  background-image: url(../svg/material-block-copyright.svg?86487841a3fb7b2cd1342729c37094e6);
  content: "";
  line-height: 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-copyright.min-width[data-v-d81d7686] {
  top: 4px;
  right: 4px;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-copyright.max-width-left[data-v-d81d7686] {
  bottom: 4px;
  left: 4px;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-copyright.max-width-middle[data-v-d81d7686] {
  bottom: 4px;
  left: 24px;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-copyright span[data-v-d81d7686] {
  line-height: 20px;
  width: 48px;
  position: absolute;
  top: 24px;
  left: -16px;
  border-radius: 2px;
  background: #000000;
  z-index: 1000;
  opacity: 0.7;
  display: none;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-copyright span[data-v-d81d7686]::before {
  content: "";
  display: inline-block;
  border: 4px solid transparent;
  border-bottom: 4px solid #000000;
  position: absolute;
  top: -8px;
  left: 20px;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-copyright:hover span[data-v-d81d7686] {
  display: inline-block;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-collect[data-v-d81d7686] {
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: 4px;
  right: 4px;
  border-radius: 50%;
  display: none;
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-collect[data-v-d81d7686]:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  background-image: url(../svg/leftpanel-like.svg?a32278ae5df7f559a6fd0447c142e3b0);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-collect[class~='active'][data-v-d81d7686]:after {
  background-position: 0px -12px;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-flag[data-v-d81d7686] {
  height: 16px;
  line-height: 16px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  padding: 0 4px;
  font-size: 12px;
  color: #F0D590;
  position: absolute;
  bottom: 4px;
  right: 4px;
  box-sizing: border-box;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-flag-enterprise-icon[data-v-d81d7686] {
  width: 10px;
  height: 14px;
  float: left;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-flag-enterprise-icon[data-v-d81d7686]:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 5px;
  width: 14px;
  height: 14px;
  background-image: url(../svg/designtemplatevip.png?d0546bfb9d3b44a40eacc323a52d9c28);
  background-size: 86%;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-flag .docerVipIcon[data-v-d81d7686]:after {
  background-image: url(../svg/docer-vipIcon.svg?b941fcb06113cce29abd7466f6b23a59);
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-flag-enterprise-price[data-v-d81d7686] {
  display: inline-block;
  line-height: 16px;
  margin-top: 0px;
  margin-left: 4px;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-flag.min-width .leftPanel-common-results-item-flag-enterprise-icon[data-v-d81d7686] {
  display: none;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-flag.min-width .leftPanel-common-results-item-flag-enterprise-price[data-v-d81d7686] {
  margin-left: 0px;
}
.leftPanel-common-results-item .container-noStyle .leftPanel-common-results-item-flag span[data-v-d81d7686]:first-child {
  margin-left: 0px;
}
.leftPanel-common-results-item .leftPanel-common-results-item-showMore[data-v-d81d7686] {
  position: absolute;
  left: 0;
  width: 256px;
  overflow: hidden;
  background-color: #ffffff;
  z-index: 99;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04);
  padding: 8px;
  box-sizing: border-box;
  text-align: left;
}
.leftPanel-common-results-item .leftPanel-common-results-item-showMore-close[data-v-d81d7686] {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 12px;
  height: 12px;
  overflow: hidden;
}
.leftPanel-common-results-item .leftPanel-common-results-item-showMore-close[data-v-d81d7686]::before {
  content: "";
  width: 20px;
  height: 1px;
  transform: rotate(45deg);
  background-color: #626262;
  top: 6px;
  left: -4px;
  position: absolute;
}
.leftPanel-common-results-item .leftPanel-common-results-item-showMore-close[data-v-d81d7686]::after {
  content: "";
  width: 20px;
  height: 1px;
  transform: rotate(135deg);
  background-color: #626262;
  top: 6px;
  left: -4px;
  position: absolute;
}
.leftPanel-common-results-item .leftPanel-common-results-item-showMore-close[data-v-d81d7686]:hover::before {
  background-color: #07aefc;
}
.leftPanel-common-results-item .leftPanel-common-results-item-showMore-close[data-v-d81d7686]:hover::after {
  background-color: #07aefc;
}
.leftPanel-common-results-item .leftPanel-common-results-item-showMore > p[data-v-d81d7686] {
  line-height: 20px;
  font-size: 14px;
  margin: 0 0 8px 0;
}
.leftPanel-common-results-item .leftPanel-common-results-item-showMore > p[data-v-d81d7686]:nth-last-child(1) {
  margin: 0;
}
.leftPanel-common-results-item .leftPanel-common-results-item-showMore > p[data-v-d81d7686]:after {
  content: '';
  display: block;
  clear: both;
}
.leftPanel-common-results-item .leftPanel-common-results-item-showMore > p > span[data-v-d81d7686] {
  color: #4a4a4a;
  display: block;
  width: 200px;
  float: left;
}
.leftPanel-common-results-item .leftPanel-common-results-item-showMore > p > span[data-v-d81d7686]:nth-child(1) {
  width: 60px;
  color: #9b9b9b;
}

.hz-drop-down[data-v-00f17716] {
  width: auto;
  height: 32px;
  position: relative;
  background: #F3F3F3;
  display: inline-block;
  padding: 0 0 0 16px;
}
.hz-drop-down[class~='hover']:hover .hz-drop-down-drop .hz-drop-down-drop-option[data-v-00f17716],
.hz-drop-down[class~='active'] .hz-drop-down-drop .hz-drop-down-drop-option[data-v-00f17716] {
  display: block;
}
.hz-drop-down[class~='hover'][data-v-00f17716]:hover:before,
.hz-drop-down[class~='active'][data-v-00f17716]:before {
  transform: rotate(180deg);
}
.hz-drop-down[class~='disabled'] .hz-drop-down-drop .hz-drop-down-drop-option[data-v-00f17716] {
  display: none !important;
}
.hz-drop-down[class~='disabled'][data-v-00f17716]:before {
  transform: rotate(0) !important;
}
.hz-drop-down[data-v-00f17716]:after {
  position: absolute;
  height: 32px;
  bottom: -12px;
  left: 0;
  background: transparent;
  content: '';
  width: 100%;
  z-index: 1;
}
.hz-drop-down[data-v-00f17716]:before {
  position: absolute;
  height: 12px;
  width: 12px;
  top: 8px;
  right: 10px;
  background: url(../svg/trunDown12px.svg?6f3f11d4da83ac3c0a41fd9fbb16f833) no-repeat;
  content: '';
  z-index: 2;
  transition: transform 0.4s ease;
}
.hz-drop-down .hz-drop-down-sel[data-v-00f17716] {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  font-size: 12px;
  line-height: 32px;
  color: #4A4A4A;
  width: 80%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.hz-drop-down .hz-drop-down-drop[data-v-00f17716] {
  position: absolute;
  top: 32px;
  left: 0;
  width: 184px;
  height: auto;
  background: #FFFFFF;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
  z-index: 2;
}
.hz-drop-down .hz-drop-down-drop .hz-drop-down-drop-option[data-v-00f17716] {
  width: 100%;
  height: 32px;
  padding: 0 16px;
  box-sizing: border-box;
  background: #FFFFff;
  display: none;
  position: relative;
  color: #4A4A4A;
  font-size: 12px;
  line-height: 32px;
  margin-bottom: 1px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.hz-drop-down .hz-drop-down-drop .hz-drop-down-drop-option[data-v-00f17716]:after {
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  top: 8px;
  right: 16px;
  background-image: url(../svg/16pxWancheng.svg?4ba103d06b9fdbce9c7c0e89370d1798);
  background-repeat: no-repeat;
  display: none;
}
.hz-drop-down .hz-drop-down-drop .hz-drop-down-drop-option[data-v-00f17716]:hover {
  background: #F2F2F2;
}
.hz-drop-down .hz-drop-down-drop .hz-drop-down-drop-option[data-v-00f17716]:hover:after {
  display: block;
  background-position: 0 0;
}
.hz-drop-down .hz-drop-down-drop .hz-drop-down-drop-option[data-v-00f17716]:active {
  background: #F3F3F3;
  font-weight: bold;
}
.hz-drop-down .hz-drop-down-drop .hz-drop-down-drop-option[data-v-00f17716]:active:after {
  display: block;
  background-position: 0 -24px;
}
.hz-drop-down .hz-drop-down-drop .hz-drop-down-drop-option[class~='selected'][data-v-00f17716] {
  font-weight: bold;
}
.hz-drop-down .hz-drop-down-drop .hz-drop-down-drop-option[class~='selected'][data-v-00f17716]:after {
  display: block;
  background-position: 0 -24px;
}
.hz-drop-down .hz-drop-down-drop .hz-drop-down-drop-option[class~='disabled'][data-v-00f17716] {
  cursor: default;
  color: #CDCDCD;
  background: #FAFAFA;
}
.hz-drop-down .hz-drop-down-drop .hz-drop-down-drop-option[class~='disabled'][data-v-00f17716]:hover,
.hz-drop-down .hz-drop-down-drop .hz-drop-down-drop-option[class~='disabled'][data-v-00f17716]:active {
  cursor: default;
  color: #CDCDCD;
  background: #FAFAFA;
  font-weight: normal;
}
.hz-drop-down .hz-drop-down-drop .hz-drop-down-drop-option[class~='disabled'][data-v-00f17716]:hover:after,
.hz-drop-down .hz-drop-down-drop .hz-drop-down-drop-option[class~='disabled'][data-v-00f17716]:active:after {
  display: none;
}

.material-list-wrap {
  padding-bottom: 9px;
  padding-top: 1px;
}
.material-list-wrap .imageList {
  width: 100%;
  overflow: visible;
}
.material-list-wrap .imageList .imageListRow {
  min-height: 16px !important;
}
.material-list-wrap .to-top {
  position: absolute;
  bottom: 0px;
  left: 230px;
}
.material-list__tags {
  width: 256px;
  margin: 0 auto;
  max-height: 80px;
  overflow: hidden;
  transition: max-height 0.3s;
}
.material-list__tags.expand {
  max-height: 400px;
}
.material-list__tags:after {
  display: block;
  content: "";
  clear: both;
}
.material-list__tags .material-list__button {
  margin-left: 8px;
  margin-top: 8px;
}
.material-list__tags .material-list__button:nth-child(3n+1) {
  margin-left: 0px;
}
.material-list-expand__button--wrap {
  width: 100%;
  margin: 0 auto;
}
.material-list-expand__button--wrap:after {
  display: block;
  content: "";
  clear: both;
}
.material-list-expand__button--wrap .material-list-expand__button {
  width: 100%;
  height: 24px;
  margin-top: 8px;
}
.material-fixed__tags {
  position: fixed;
  box-sizing: border-box;
  width: 283px;
  height: 48px;
  margin: 0 auto;
  background-color: #ffffff;
  top: 24px;
  left: 0px;
  z-index: 11;
  padding: 0px 24px;
}
.material-fixed__tags .materials-dropDown {
  width: 184px;
  height: 28px;
  box-sizing: border-box;
  background: #FFFFFF;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}
.material-fixed__tags .materials-dropDown .hz-drop-down-sel {
  line-height: 28px;
}
.material-fixed__tags .leftPanel-mainContent-search-input-types-close {
  width: 20px;
  height: 20px;
  display: block;
  float: right;
  background: url(../svg/leftPanel-close.svg?c3b88c6f726e26f56606068b0200ad4d) no-repeat 0 0;
  cursor: pointer;
  margin: 4px 0;
}
.material-fixed__tags .leftPanel-mainContent-search-input-types-close:hover {
  background: url(../svg/leftPanel-close.svg?c3b88c6f726e26f56606068b0200ad4d) no-repeat -18px 0;
}
.material-list__imgs {
  position: relative;
}
.material-list-button-enter-active {
  transition: all 0.3s;
}
.material-list-button-leave-active {
  transition: all 0.3s;
}
.material-list-button-enter,
.material-list-button-leave-to {
  opacity: 0;
}
.fixed-show-enter-active,
.fixed-show-leave-active {
  transition: height 0.3s;
  overflow: hidden;
}
.fixed-show-enter,
.fixed-show-leave-to {
  height: 0px;
}

.material-search {
  position: absolute;
  top: 0px;
  height: 72px;
  width: 100%;
  background-color: #ffffff;
  z-index: 2;
  overflow: hidden;
}
.material-search .imageList {
  overflow: visible;
}
.material-search.active {
  height: 100%;
}
.material-search input {
  margin: 24px 24px 16px;
  width: 256px;
}
.search-history {
  width: 220px;
  margin: 0 auto;
  position: fixed;
  left: 43px;
  background: #FFFFFF;
  box-sizing: border-box;
  box-shadow: 0 18px 20px 0 rgba(20, 33, 65, 0.14);
  border-radius: 0px 0px 6px 6px;
  z-index: 2;
}
.search-history__header {
  padding: 8px 20px;
}
.search-history__header:after {
  display: block;
  content: "";
  clear: both;
}
.search-history__title {
  font-size: 12px;
  color: #9B9B9B;
  letter-spacing: 0;
  line-height: 12px;
}
.search-history__close {
  color: #626262;
  float: right;
  cursor: pointer;
  font-size: 12px;
}
.search-history__close:hover {
  color: #0773FC;
}
.search-history__content {
  padding-bottom: 12px;
}
.search-history__content:after {
  display: block;
  clear: both;
  content: "";
}
.search-history__key {
  padding: 8px 20px;
  cursor: pointer;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 14px;
}
.search-history__key:hover {
  color: #0773FC;
  background: #F8F8F8;
}
.material-search-content {
  width: 100%;
  margin: 0px auto;
  height: calc(100% - 114px);
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 10px;
}
.material-search-content .imageList {
  padding-bottom: 16px;
  width: 300px;
}
.material-search-content .imageListRow:first-child {
  margin-top: 0px;
}
.search-kind-buttons {
  width: 100%;
  padding: 0 24px;
  display: flex;
  box-sizing: border-box;
}
.search-kind-buttons:after {
  display: block;
  content: "";
  clear: both;
}
.search-kind-buttons .search-kind-button {
  flex: 1;
  margin-left: 9px;
}
.search-kind-buttons .search-kind-button:first-child {
  margin-left: 0px;
}
.material-search-img {
  width: 48px;
  height: 48px;
  top: 1px;
  position: absolute;
  left: 0;
  background: url(../svg/search-img.svg?571893ee9ccf0ffb31ce0f7dc96cffaf) 0 0 no-repeat;
}
.material-section .primaryKind-menu {
  margin: 0;
}
.material-search-topbox {
  position: relative;
  width: 256px;
  height: 50px;
  margin: 0 24px 8px;
  box-sizing: border-box;
  padding-left: 48px;
  cursor: pointer;
}
.material-search-topbox p {
  font-family: PingFangSC-Regular;
  padding-left: 8px;
  margin: 0;
}
.material-search-topbox p:nth-child(2) {
  font-size: 14px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
  line-height: 17px;
}
.material-search-topbox p:nth-child(3) {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 17px;
}
.search-close-enter-active,
.search-close-leave-active {
  transition: opacity 0.3s;
}
.search-close-enter,
.search-close-leave-to {
  opacity: 0;
}

.material-section__wrap {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 80px;
  transform: translateX(0px);
}
.material-section__wrap .material-wrap__placeholder {
  margin-top: 18px;
}
.material-kind__wrap {
  width: 100%;
  margin: 0 auto 0px;
}
.material-kind__wrap:after {
  display: block;
  content: "";
  clear: both;
}
.material-section__top .material-kind {
  margin-top: 8px;
}
.material-section__middle {
  margin-top: 8px;
}
.material-section__title {
  font-size: 14px;
  color: #000000;
  font-weight: 600;
  line-height: 20px;
  margin-top: 32px;
  margin-bottom: 0px;
}
.material-section__bottom {
  margin-bottom: 25px;
}
.material-section__pointer {
  width: 0;
  height: 0;
  position: absolute;
  left: 28px;
  bottom: -18px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #f8f8f8;
}
.material-section__bottom {
  transform-origin: 50% 50%;
  transition: all 0.1s;
}
.material-section__bottom .material-bottom-kind:hover {
  animation: 0.2s materialScale 1;
}
/*102*/
/* .material-section__middle.material-kind:hover {
  animation: 0.2s materialScale 1;
}
.material-section__middle.material-kind:hover img {
  transform: rotate(0);
} */
.material-section__bottom .material-bottom-kind:hover img {
  transform: rotate(0);
}
.material-section__bottom .material-bottom-kind.active {
  transform: rotate(-12deg);
  animation: none !important;
}
.material-section__bottom .material-bottom-kind.active img {
  transform: rotate(0);
}
@keyframes materialScale {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}

.text-list-ul {
  width: 256px;
  margin: 0 auto;
  position: relative;
}
.text-list-ul:after {
  content: "020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.text-item {
  width: 124px;
  height: 124px;
  margin-left: 8px;
  box-sizing: border-box;
  float: left;
  margin-top: 8px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.text-item:hover {
  border: 1px solid rgba(0, 0, 0, 0.4);
}
.text-item:active {
  border: 1px solid #0773FC;
}
.text-item:nth-child(2n+1) {
  margin-left: 0px;
}
@keyframes bianhaotest {
0% {
    background-color: #f0f0f0;
}
25% {
    background-color: rgba(240, 240, 240, 0.6);
}
50% {
    background-color: #f0f0f0;
}
to {
    background-color: #f0f0f0;
}
}

.text-scroll {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
}
.text-kind-buttons {
  margin: 24px 0 0px;
}
.text-kind-buttons:after {
  display: block;
  content: "";
  clear: both;
}
.text-kind-buttons .primaryKind-menu .text-menu__button {
  width: 128px;
}
.text-kind-buttons .primaryKind-menu .text-menu__button[class~='active']:after {
  content: '';
  height: 3px;
  width: 30px;
  background: #0773FC;
  box-shadow: 0 4px 6px 0 rgba(7, 115, 252, 0.26);
  position: absolute;
  bottom: -1px;
  left: 49px;
}
.text-kind-buttons .primaryKind-menu .text-menu__button[class~='active'] span {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
}
.text-section {
  width: 256px;
  margin: 24px auto 0px;
}
.text-section__tips {
  width: 100%;
  color: #BFBFBF;
  font-size: 12px;
  text-align: center;
}
.text-section__top {
  width: 100%;
  margin-bottom: 16px;
  text-align: center;
}
.text-section .leftPanel__hr {
  width: 100% !important;
}
.text-default {
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  margin-top: 16px;
}
.text-default > span {
  display: inline-block;
}
.text-default.large {
  font-size: 24px;
  font-weight: bold;
  margin-top: 0px;
}
.text-default.middle {
  font-size: 16px;
  font-weight: bold;
}
.text-default.small {
  font-size: 14px;
}

.type-list-wrap {
  padding-bottom: 8px;
  padding-top: 16px;
  margin: 0 auto;
  width: 256px;
}
.type-list-wrap .type-list__tags {
  width: 100%;
  margin: 0 auto;
  max-height: 80px;
  overflow: hidden;
  transition: max-height 0.3s;
}
.type-list-wrap .type-list__tags.expand {
  max-height: 400px;
}
.type-list-wrap .type-list__tags:after {
  display: block;
  content: "";
  clear: both;
}
.type-list-wrap .type-list__tags .type-list__button {
  width: 80px;
  margin-left: 8px;
  margin-top: 8px;
}
.type-list-wrap .type-list__tags .type-list__button:nth-child(3n+1) {
  margin-left: 0px;
}
.type-list-wrap .type-list-expand__button--wrap {
  width: 280px;
  margin: 0 auto;
}
.type-list-wrap .type-list-expand__button--wrap:after {
  display: block;
  content: "";
  clear: both;
}
.type-list-wrap .type-list-expand__button--wrap .type-list-expand__button {
  width: 100%;
  height: 24px;
  margin-top: 8px;
}
.type-list-wrap:after {
  content: '';
  display: block;
  clear: both;
}
.type-list-wrap .imageList__img {
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
.type-list-wrap .imageList__img:hover {
  border: 2px solid #0773FC;
}
.type-list-button-enter-active {
  transition: all 0.3s;
}
.type-list-button-leave-active {
  transition: all 0.3s;
}
.type-list-button-enter,
.type-list-button-leave-to {
  opacity: 0;
}

.background-section {
  background-color: #fff;
  width: 100%;
  height: 100%;
}
.background-section__scroll {
  width: 100%;
  height: 100%;
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
}
.background-section__header {
  width: 256px;
  margin: 0 auto;
  box-sizing: border-box;
}
.background-section .colors-title {
  line-height: 14px;
  font-size: 12px;
  color: #6d6d6d;
  margin-bottom: 8px;
  margin-top: 28px;
}
.background-section .colors-title:nth-child(1) {
  margin-top: 24px;
}
.background-section .leftPanel-background-colors {
  width: 100%;
  box-sizing: border-box;
  margin-top: 8px;
}
.background-section .leftPanel-background-colors:after {
  content: '';
  display: block;
  clear: both;
}
.background-section .leftPanel-background-colors .leftPanel-background-colors-items {
  width: 36px;
  height: 36px;
  display: block;
  margin: 8px 8px 0 0;
  box-sizing: border-box;
  float: left;
  border: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.1s ease;
  border-radius: 4px;
  transition: border 0.3s;
}
.background-section .leftPanel-background-colors .leftPanel-background-colors-items[class~='add-color'] {
  background: url(../svg/addcolor.png?2817a190529fa00fb14bf5654711f180);
  background-size: 36px 36px;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
}
.background-section .leftPanel-background-colors .leftPanel-background-colors-items[class~='transparent'] {
  background: url(../svg/leftpanel-transparent.png?a63ff4a199ba56dfa71e875fd7c79144) no-repeat;
  background-size: 36px 36px;
  background-position: center;
}
.background-section .leftPanel-background-colors .leftPanel-background-colors-items:hover {
  border: 2px solid #0773FC;
}
.background-section .leftPanel-background-colors .leftPanel-background-colors-items:nth-child(6n) {
  margin: 8px 0 0px 0;
}
.background-section .leftPanel__hr {
  width: 100%;
  margin: 0;
}
.background-section .leftPanel-background-custom-top {
  text-align: center;
  margin-bottom: 20px;
}
.background-section .leftPanel-background-custom-top button {
  width: 256px;
  margin-top: 20px;
  margin-bottom: 20px;
  float: none;
  height: 40px;
  font-size: 14px;
  color: #6d6d6d;
}
.background-section .leftPanel-background-custom-top button:hover {
  color: #0773FC;
}
.background-section .leftPanel-background-custom-top p {
  margin: 0;
  padding: 0;
  color: #BFBFBF;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
}
.background-section .leftPanel-background-custom-con {
  position: relative;
  transform: translate(0, 0);
}

.leftPanel-tools-chart-item1[data-v-2982b2e6] {
  width: 100%;
}
.leftPanel-tools-chart-item1 .leftPanel-tools-chart-item1-type[data-v-2982b2e6] {
  float: left;
  margin-top: 12px;
  margin-left: 20px;
  width: 72px;
  height: 72px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  background: #FFFFff;
  position: relative;
  cursor: pointer;
  /*&[class~='active']:after{*/
  /*position: absolute;*/
  /*top: 0;*/
  /*left:0;*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*content: '';*/
  /*background: url("../../img/leftPanel-chart-active.svg") no-repeat;*/
  /*z-index: 1;*/
  /*}*/
}
.leftPanel-tools-chart-item1 .leftPanel-tools-chart-item1-type[data-v-2982b2e6]:nth-child(3n+1) {
  margin-left: 0;
}
.leftPanel-tools-chart-item1 .leftPanel-tools-chart-item1-type > img[data-v-2982b2e6] {
  display: block;
}

table *[data-v-45a0cc67] {
  box-sizing: border-box;
}
.relative[data-v-45a0cc67] {
  position: relative;
}
.absolute[data-v-45a0cc67] {
  position: absolute;
}
.data-table[data-v-45a0cc67] {
  display: inline-block;
}
.data-table table[data-v-45a0cc67] {
  border-spacing: 0;
  font-size: 12px !important;
  color: #626262 !important;
}
.data-table th[data-v-45a0cc67],
.data-table td[data-v-45a0cc67] {
  max-width: 120px;
  border-left: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  padding: 2px 4px;
  height: 25px !important;
  line-height: 25px !important;
  font-size: 14px;
}
.data-table th > p[data-v-45a0cc67],
.data-table td > p[data-v-45a0cc67] {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.data-table th[data-v-45a0cc67],
.data-table .head[data-v-45a0cc67] {
  background: #bfbfbf;
  text-align: center;
  color: #fff;
}
.data-table th[data-v-45a0cc67] {
  width: 40px;
}
.data-table td[data-v-45a0cc67] {
  width: 120px;
  background: #fff;
}
.data-table td.current[data-v-45a0cc67] {
  box-shadow: 0 0 0 2px #5292f7 inset;
  position: relative;
}
.data-table td.current[data-v-45a0cc67]:after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border: 2px solid #fff;
  background: #5292f7;
  position: absolute;
  right: -4px;
  bottom: -4px;
}
.data-table .add[data-v-45a0cc67] {
  cursor: pointer;
}
.data-table .add[data-v-45a0cc67]:hover {
  background: #ccc;
}
.data-table #text[data-v-45a0cc67] {
  width: 120px;
  max-width: 141px;
  padding: 2px 4px;
  height: 30px !important;
  line-height: 30px !important;
  font-size: 12px !important;
  color: #000;
  outline: none;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0 0 2px #5292f7 inset;
  display: none;
  position: fixed;
}

.leftPanel-tools-chart-item2[data-v-3b0ed20e] {
  width: 100%;
}
.leftPanel-tools-chart-item2 .table[data-v-3b0ed20e] {
  margin: 16px 0;
}

.chart-setup-line[data-v-e1a371a2] {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  padding: 0 16px;
  text-align: left;
}
.chart-setup-line > span[data-v-e1a371a2] {
  line-height: 40px;
  font-size: 12px;
  color: #4A4A4A;
}
.chart-setup-line .chart-setup-line-button[data-v-e1a371a2] {
  float: right;
  width: 32px;
  height: 18px;
  border-radius: 16px;
  background: #ECECEC;
  margin: 11px 0;
  position: relative;
  transition: all 0.2s ease;
  cursor: pointer;
}
.chart-setup-line .chart-setup-line-button[data-v-e1a371a2]:after {
  content: '';
  display: block;
  transition: all 0.2s ease;
  width: 14px;
  height: 14px;
  background: #BFBFBF;
  top: 2px;
  left: 2px;
  position: absolute;
  border-radius: 7px;
}
.chart-setup-line .chart-setup-line-button[class~='active'][data-v-e1a371a2] {
  background: #0773FC;
}
.chart-setup-line .chart-setup-line-button[class~='active'][data-v-e1a371a2]:after {
  left: 16px;
  background: #FFFFff;
}

.leftPanel-tools-chart-item3[data-v-027a1a72] {
  width: 100%;
  padding: 16px 0;
}
.leftPanel-tools-chart-item3 .chart-setup-line[data-v-027a1a72] {
  margin-bottom: 1px;
}
.leftPanel-tools-chart-item3 .chart-setup-content[data-v-027a1a72] {
  width: 100%;
  padding: 16px 0;
  position: relative;
  overflow: visible;
  transition: all 0.4s ease;
}
.leftPanel-tools-chart-item3 .chart-setup-content input[data-v-027a1a72] {
  padding: 0 16px;
  background: #ececec;
  height: 32px;
  color: #626262;
  line-height: 32px;
  font-size: 14px;
  border: none;
}
.leftPanel-tools-chart-item3 .chart-setup-content input[data-v-027a1a72]:focus {
  outline: none;
}
.leftPanel-tools-chart-item3 .chart-setup-content input[data-v-027a1a72]::placeholder {
  color: #9b9b9b;
}
.leftPanel-tools-chart-item3 .chart-setup-content[class~='disabled'][data-v-027a1a72] {
  padding: 0;
  height: 0;
  overflow: hidden;
}
.leftPanel-tools-chart-item3 .chart-setup-content .chart-setup-content-inputLine[data-v-027a1a72] {
  width: 100%;
  height: 32px;
  margin-bottom: 8px;
}
.leftPanel-tools-chart-item3 .chart-setup-content .chart-setup-content-inputLine > span[data-v-027a1a72] {
  float: left;
  color: #626262;
  font-size: 14px;
  line-height: 32px;
}
.leftPanel-tools-chart-item3 .chart-setup-content .chart-setup-content-inputLine > input[data-v-027a1a72] {
  width: 184px;
  float: right;
}
.leftPanel-tools-chart-item3 .chart-setup-content .chart-setup-content-inputLine[data-v-027a1a72]:nth-last-child(1) {
  margin-bottom: 0;
}
.leftPanel-tools-chart-item3 .chart-setup-title .chart-setup-title-input[data-v-027a1a72] {
  width: 100%;
  box-sizing: border-box;
  height: 40px;
  line-height: 40px;
  margin-bottom: 16px;
}
.leftPanel-tools-chart-item3 .chart-setup-title .mainColor[data-v-027a1a72] {
  width: 168px;
  height: 100%;
  float: right;
  cursor: pointer;
  transition: transform 0.1s ease;
}
.leftPanel-tools-chart-item3 .chart-setup-title .mainColor[data-v-027a1a72]:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.32);
}
.leftPanel-tools-chart-item3 .chart-setup-title .chart-setup-title-pull-line[data-v-027a1a72] {
  width: 100%;
  height: 32px;
  margin-bottom: 8px;
}
.leftPanel-tools-chart-item3 .chart-setup-title .chart-setup-title-pull-line[data-v-027a1a72]:nth-last-child(1) {
  margin-bottom: 0;
}
.leftPanel-tools-chart-item3 .chart-setup-title .chart-setup-title-pull-line > span[data-v-027a1a72] {
  float: left;
  color: #626262;
  font-size: 14px;
  line-height: 32px;
}
.leftPanel-tools-chart-item3 .chart-setup-title .chart-setup-title-pull-line > .drop-down[data-v-027a1a72] {
  float: right;
  width: 184px;
  height: 32px;
  background: #ffffff;
}
.leftPanel-tools-chart-item3 .chart-setup-color .chart-setup-color-line[data-v-027a1a72] {
  width: 100%;
  margin-bottom: 8px;
  /*height: 24px;*/
  position: relative;
}
.leftPanel-tools-chart-item3 .chart-setup-color .chart-setup-color-line[data-v-027a1a72]:after {
  content: '';
  display: block;
  clear: both;
}
.leftPanel-tools-chart-item3 .chart-setup-color .chart-setup-color-line[data-v-027a1a72]:nth-last-child(1) {
  margin-bottom: 0;
}
.leftPanel-tools-chart-item3 .chart-setup-color .chart-setup-color-line > span[data-v-027a1a72] {
  float: left;
  color: #626262;
  font-size: 14px;
  line-height: 32px;
}
.leftPanel-tools-chart-item3 .chart-setup-color .chart-setup-color-line .mainColor[data-v-027a1a72] {
  width: 184px;
  height: 100%;
  float: right;
  cursor: pointer;
}
.leftPanel-tools-chart-item3 .chart-setup-color .chart-setup-color-line .colorsContainer[data-v-027a1a72] {
  width: 184px;
  height: 100%;
  float: right;
  position: relative;
}
.leftPanel-tools-chart-item3 .chart-setup-color .chart-setup-color-line .colorsContainer[data-v-027a1a72]:after {
  content: '';
  display: block;
  clear: both;
}
.leftPanel-tools-chart-item3 .chart-setup-color .chart-setup-color-line .colorsContainer .colors[data-v-027a1a72] {
  width: 24px;
  height: 24px;
  top: 0;
  cursor: pointer;
  transition: all 0.2s ease;
  float: left;
  margin-right: 8px;
  margin-bottom: 4px;
}
.leftPanel-tools-chart-item3 .chart-setup-color .chart-setup-color-line .colorsContainer .colors[data-v-027a1a72]:nth-child(6n) {
  margin-right: 0;
}
.leftPanel-tools-chart-item3 .chart-setup-color .chart-setup-color-line .colorsContainer .colors[data-v-027a1a72]:hover {
  transform: scale(1.2);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.32);
}

.selectTextBlock[data-v-37355318] {
  display: block;
  text-align: center;
  background: #ffffff;
  line-height: 28px;
  height: 28px;
  font-size: 12px;
  color: #626262;
  border: 1px solid #e7e7e7;
  cursor: pointer;
  transition: all 200ms ease;
  border-radius: 3px;
}
.selectTextBlock[data-v-37355318]:hover {
  border: 1px solid #0773FC;
  color: #0773FC !important;
}
.selectTextBlock[class~='active'][data-v-37355318] {
  background: #0773FC;
  color: #fff !important;
  border: 1px solid #0773FC;
}
.leftPanel-tools-chart[data-v-37355318] {
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.leftPanel-tools-chart .leftPanel-tools-chart-content[data-v-37355318] {
  width: 100%;
  padding: 0 24px;
  box-sizing: border-box;
}
.leftPanel-tools-chart .leftPanel-tools-chart-content .leftPanel-tools-chart-content-top[data-v-37355318] {
  text-align: center;
}
.leftPanel-tools-chart .leftPanel-tools-chart-content .leftPanel-tools-chart-content-top[data-v-37355318]:after {
  content: '';
  display: block;
  clear: both;
}
.leftPanel-tools-chart .leftPanel-tools-chart-content .leftPanel-tools-chart-content-top .selectTextBlock[data-v-37355318] {
  float: left;
  width: 78px;
  margin-right: 8px;
  cursor: pointer;
}
.leftPanel-tools-chart .leftPanel-tools-chart-content .leftPanel-tools-chart-content-top .selectTextBlock[data-v-37355318]:nth-last-child(1) {
  margin-right: 0;
}
.leftPanel-tools-chart .leftPanel-tools-chart-content .leftPanel-tools-chart-content-top .selectTextBlock[class~='disable'][data-v-37355318] {
  background: #e7e7e7;
  color: #cdcdcd !important;
  cursor: not-allowed;
}
.leftPanel-tools-chart .leftPanel-tools-chart-content .leftPanel-tools-chart-content-top .selectTextBlock[class~='disable'][data-v-37355318]:hover {
  background: #e7e7e7;
  color: #cdcdcd !important;
  cursor: not-allowed;
  border-color: transparent;
}
.leftPanel-tools-chart .leftPanel-tools-chart-content .leftPanel-tools-chart-content-items[data-v-37355318] {
  width: 100%;
  padding-top: 2px;
}

.leftPanel-tools-table[data-v-ecf7b7d4] {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding: 0px 24px 16px;
}
.leftPanel-tools-table .leftPanel-tools-table-content[data-v-ecf7b7d4] {
  width: 100%;
}
.leftPanel-tools-table .leftPanel-tools-table-content .leftPanel-tools-table-sel[data-v-ecf7b7d4] {
  width: 100%;
  cursor: pointer;
  margin-bottom: 16px;
}
.leftPanel-tools-table .leftPanel-tools-table-content .leftPanel-tools-table-sel > img[data-v-ecf7b7d4] {
  width: 100%;
  display: block;
}

.leftPanel-tools-qrCode[data-v-6cd7f7d3] {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding: 0px 24px 16px;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content[data-v-6cd7f7d3] {
  width: 100%;
  text-align: center;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-qr[data-v-6cd7f7d3] {
  width: 148px;
  height: 148px;
  background: #FFFFff;
  border: 1px solid #d2dadf;
  display: inline-block;
  padding: 3px;
  box-sizing: border-box;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-qr > img[data-v-6cd7f7d3] {
  width: 140px;
  height: 140px;
  display: block;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-color[data-v-6cd7f7d3] {
  width: 100%;
  height: 24px;
  margin-top: 30px;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-color > div[data-v-6cd7f7d3] {
  width: 110px;
  height: 100%;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-color > div[class~='left'][data-v-6cd7f7d3] {
  float: left;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-color > div[class~='right'][data-v-6cd7f7d3] {
  float: right;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-color > div .text[data-v-6cd7f7d3] {
  color: #626262;
  font-size: 12px;
  line-height: 24px;
  margin-right: 12px;
  float: left;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-color > div .selColor[data-v-6cd7f7d3] {
  width: 24px;
  height: 24px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  float: left;
  cursor: pointer;
  transition: transform 0.1s ease;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-color > div .selColor[data-v-6cd7f7d3]:hover {
  transform: scale(1.2);
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-color > div .selColor[class~='transparent'][data-v-6cd7f7d3]:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url(../svg/leftPanel-transparent.svg?0ddc656cd81013d3787c186d2b132564) no-repeat;
  background-size: 100% 100%;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-input[data-v-6cd7f7d3] {
  width: 100%;
  margin: 16px 0 0 0;
  text-align: left;
  position: relative;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-input[data-v-6cd7f7d3]:after {
  content: '';
  display: block;
  clear: both;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-input .leftPanel-tools-qrCode-content-url-protocol[data-v-6cd7f7d3] {
  font-size: 12px;
  width: 80px;
  height: 33px;
  line-height: 33px;
  background: #FFFFff;
  cursor: pointer;
  float: left;
  margin-right: 8px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  position: relative;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-input .leftPanel-tools-qrCode-content-url-protocol[data-v-6cd7f7d3]:after {
  content: '';
  display: block;
  width: 14px;
  height: 8px;
  background: url(../svg/trunDown14px.svg?c81e7fd552cd5c376cf74f5c0db0ef98) no-repeat;
  position: absolute;
  left: 58px;
  top: 13px;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-input .leftPanel-tools-qrCode-content-url-protocol span[data-v-6cd7f7d3] {
  display: block;
  margin: 0 0 0 12px;
  color: #4A4A4A;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-input .leftPanel-tools-qrCode-content-url-protocol > .pop[data-v-6cd7f7d3] {
  cursor: pointer;
  width: 80px;
  height: 33px;
  margin-top: 1px;
  background: #FFFFff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-input > p[data-v-6cd7f7d3] {
  font-size: 12px;
  color: #9B9B9B;
  margin: 8px 0;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-input > input[data-v-6cd7f7d3] {
  width: 144px;
  height: 33px;
  background: #ffffff;
  box-sizing: border-box;
  padding: 0 32px 0 12px;
  line-height: 33px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  border: none;
  font-size: 12px;
  float: left;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-input > input[data-v-6cd7f7d3]:focus {
  outline: none;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-input .leftPanel-tools-qrCode-content-url-protocol-tips[data-v-6cd7f7d3] {
  width: 14px;
  height: 33px;
  position: relative;
  float: left;
  margin: 0 0 0 8px;
  cursor: pointer;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-input .leftPanel-tools-qrCode-content-url-protocol-tips:hover .leftPanel-tools-qrCode-content-url-protocol-tips-con[data-v-6cd7f7d3] {
  display: block;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-input .leftPanel-tools-qrCode-content-url-protocol-tips[data-v-6cd7f7d3]:after {
  position: absolute;
  top: 9px;
  left: 0;
  content: '';
  width: 14px;
  height: 14px;
  background: url(../svg/CombinedShape.svg?dc814b4c6fbb230f8cde3f5b768ae605) no-repeat;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-input .leftPanel-tools-qrCode-content-url-protocol-tips .leftPanel-tools-qrCode-content-url-protocol-tips-con[data-v-6cd7f7d3] {
  position: absolute;
  display: none;
  top: 37px;
  right: -4px;
  width: 180px;
  height: 42px;
  background: #FFFFff;
  border-radius: 4px;
  box-sizing: border-box;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-input .leftPanel-tools-qrCode-content-url-protocol-tips .leftPanel-tools-qrCode-content-url-protocol-tips-con .leftPanel-tools-qrCode-content-url-protocol-tips-con-text[data-v-6cd7f7d3] {
  width: 180px;
  height: 42px;
  background: #FFFFff;
  z-index: 3;
  text-align: center;
  padding: 4px;
  box-sizing: border-box;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-input .leftPanel-tools-qrCode-content-url-protocol-tips .leftPanel-tools-qrCode-content-url-protocol-tips-con .leftPanel-tools-qrCode-content-url-protocol-tips-con-text span[data-v-6cd7f7d3] {
  color: #7F7F7F;
  font-size: 12px;
  line-height: 17px;
  background: #FFFFff;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-input .leftPanel-tools-qrCode-content-url-protocol-tips .leftPanel-tools-qrCode-content-url-protocol-tips-con[data-v-6cd7f7d3]:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: -4px;
  right: 8px;
  width: 8px;
  height: 8px;
  background: #FFFFff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  transform: rotate(-45deg);
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-create[data-v-6cd7f7d3] {
  margin: 24px 0;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-create > span[data-v-6cd7f7d3] {
  display: inline-block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  color: #626262;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  transition: all 200ms ease;
}
.leftPanel-tools-qrCode .leftPanel-tools-qrCode-content .leftPanel-tools-qrCode-content-create > span[data-v-6cd7f7d3]:hover {
  color: #0773fc;
  border: 1px solid #0773fc;
}

.panel-block-container-kind__wrap {
  margin-top: 8px;
  padding: 0 24px;
}
.panel-block-container-kind__wrap:after {
  display: block;
  content: "";
  clear: both;
}
.tools-section .leftPanel__hr {
  margin-bottom: 24px;
}
.tools-section {
  width: 100%;
  height: 100%;
}
.tools-section .tools-img {
  height: 100%;
  width: 100%;
  background-size: 100%;
  background-position: center;
}

.leftPanel-upload-results-item[data-v-8b4980fc] {
  position: relative;
  display: block;
  /*overflow: hidden;*/
  /*transition: all .4s ease;*/
  cursor: pointer;
}
.leftPanel-upload-results-item[data-v-8b4980fc]:hover {
  /*box-shadow: 0 4px 8px 0 rgba(0,0,0,.16);*/
}
.leftPanel-upload-results-item:hover .item-more-edit[data-v-8b4980fc] {
  display: block;
}
.leftPanel-upload-results-item:hover .item-select[data-v-8b4980fc] {
  display: block;
}
.leftPanel-upload-results-item[data-v-8b4980fc]:hover:after {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  outline: #FFFFFF 2px solid;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.leftPanel-upload-results-item[class~='selected'][data-v-8b4980fc]::after {
  content: '';
  width: 100%;
  height: 100%;
  outline: #0773FC 2px solid !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.leftPanel-upload-results-item > img[data-v-8b4980fc] {
  display: block;
  width: 100%;
  height: 100%;
}
.leftPanel-upload-results-item .item-more-edit[data-v-8b4980fc] {
  display: none;
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 3;
}
.leftPanel-upload-results-item .item-more-edit[class~='active'][data-v-8b4980fc] {
  display: block;
}
.leftPanel-upload-results-item .item-more[data-v-8b4980fc] {
  width: 12px;
  height: 12px;
  display: block;
  background: url(../svg/leftPanel-uploadManageImgMore.svg?41a151b385a7294e9c69c69101791357) no-repeat;
  cursor: pointer;
  opacity: 0.7;
}
.leftPanel-upload-results-item .item-more[data-v-8b4980fc]:hover {
  opacity: 1;
}
.leftPanel-upload-results-item .item-more-content[data-v-8b4980fc] {
  width: 80px;
  border-radius: 4px;
  overflow: hidden;
}
.leftPanel-upload-results-item .item-more-content > span[data-v-8b4980fc] {
  width: 100%;
  height: 30px;
  display: block;
  font-size: 12px;
  text-align: center;
  /*vertical-align: middle;*/
  line-height: 30px;
  color: #626262;
  background: #FFFFff;
  position: relative;
  padding-left: 10px;
}
.leftPanel-upload-results-item .item-more-content > span[data-v-8b4980fc]:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  display: block;
  top: 7px;
  left: 9px;
}
.leftPanel-upload-results-item .item-more-content > span[data-v-8b4980fc]:nth-child(1):after {
  background: url(../svg/delete_default.svg?ebfe4d7d43178e633cef0cff3e102ffc) no-repeat;
}
.leftPanel-upload-results-item .item-more-content > span[data-v-8b4980fc]:nth-child(2):after {
  background: url(../svg/move_default.svg?8e7a42d8f32bafbe34b78f9abb271b5d) no-repeat;
}
.leftPanel-upload-results-item .item-more-content > span[data-v-8b4980fc]:hover {
  color: #07AEFC;
  background: #F4F4F4;
}
.leftPanel-upload-results-item .item-more-content > span[data-v-8b4980fc]:hover:nth-child(1):after {
  background: url(../svg/delete_active.svg?51115b8b3fdf82c49d1e4a4a3ff71189) no-repeat;
}
.leftPanel-upload-results-item .item-more-content > span[data-v-8b4980fc]:hover:nth-child(2):after {
  background: url(../svg/move_active.svg?111f7e21d45b0963e36524e0e8489cfe) no-repeat;
}
.leftPanel-upload-results-item .item-progress[data-v-8b4980fc] {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(7, 174, 252, 0.4);
  transition: height 0.4s ease;
}
.leftPanel-upload-results-item .item-progress span[data-v-8b4980fc] {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 14px;
  color: #FFFFff;
  width: 100%;
  display: inline-block;
  text-align: center;
}
.leftPanel-upload-results-item .item-select[data-v-8b4980fc] {
  position: absolute;
  display: none;
  width: 12px;
  height: 12px;
  top: 6px;
  left: 6px;
  background: url(../svg/leftPanel-uploadItem-select22.svg?e6bf138c4ce613251be3f2ab598858c6) no-repeat;
  cursor: pointer;
  z-index: 9;
}
.leftPanel-upload-results-item .item-select[data-v-8b4980fc]:hover {
  background: url(../svg/leftPanel-uploadItem-select11.svg?80772228c9e30dac5ccedb9b27c50efc) no-repeat;
}
.leftPanel-upload-results-item .item-select[class~='active'][data-v-8b4980fc] {
  display: block;
  background: url(../svg/leftPanel-uploadItem-select33.svg?d8d14bd38a792c5d76dc23ea078968f6) no-repeat;
}

.upload-qrcode[data-v-9996f9a0] {
  width: 620px;
  height: 428px;
  background: #fff;
  padding: 1px 0 1px 0;
  position: relative;
  text-align: center;
}
.upload-qrcode .upload-qrcode-qr[data-v-9996f9a0] {
  width: 166px;
  height: 166px;
  margin: 104px auto 0 auto;
}
.upload-qrcode > p[data-v-9996f9a0] {
  color: #515151;
  font-size: 18px;
  line-height: 18px;
  margin: 67px 0 0 0;
}
.upload-qrcode > p[data-v-9996f9a0]:nth-child(3) {
  margin: 10px 0 98px 0;
  font-size: 12px;
  line-height: 12px;
}
.expansion-modal[data-v-9996f9a0] {
  width: 480px;
  height: 306px;
  background-color: #fff;
  padding-top: 32px;
  text-align: center;
  border-radius: 4px;
}
.expansion-modal img[data-v-9996f9a0] {
  width: 112px;
}
.expansion-modal p[data-v-9996f9a0] {
  font-size: 12px;
  line-height: 18px;
  color: #626262;
}
.expansion-modal .title[data-v-9996f9a0] {
  margin: 16px auto;
  font-size: 18px;
  line-height: 1;
}
.expansion-modal .button[data-v-9996f9a0] {
  display: inline-block;
  width: 100px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  background-color: #07aefc;
  margin: 24px auto 0;
  border-radius: 4px;
  cursor: pointer;
}
.expansion-modal .button[data-v-9996f9a0]:hover {
  opacity: 0.9;
}
.leftPanels[data-v-9996f9a0] {
  height: 100%;
  min-width: 54px;
  max-width: 366px;
  position: relative;
  transition: left 0.2s ease;
  z-index: 2;
}
.leftPanels #leftPanel-leftPanelMenu[data-v-9996f9a0] {
  height: 100%;
  width: 54px;
  background-color: #f8f8f8;
  float: left;
  overflow: visible;
  position: relative;
  z-index: 1002;
  padding-top: 18px;
}
.leftPanels #leftPanel-leftPanelMenu[class~="small"][data-v-9996f9a0] {
  padding-top: 20px;
}
.leftPanels #leftPanel-leftPanelMenu[class~="small"] .leftPanel-leftPanelMenuList[data-v-9996f9a0] {
  height: 56px;
}
.leftPanels #leftPanel-leftPanelMenu[class~="small"] .leftPanel-leftPanelMenuList .leftPanel-leftPanelMenuList-image[data-v-9996f9a0] {
  margin-top: 6px;
}
.leftPanels #leftPanel-leftPanelMenu[class~="small"] .leftPanel-leftPanelMenuList .leftPanel-leftPanelMenuList-text[data-v-9996f9a0] {
  bottom: 6px;
}
.leftPanels #leftPanel-leftPanelMenu[class~="smaller"][data-v-9996f9a0] {
  padding-top: 20px;
}
.leftPanels #leftPanel-leftPanelMenu[class~="smaller"] .leftPanel-leftPanelMenuList[data-v-9996f9a0] {
  height: 52px;
}
.leftPanels #leftPanel-leftPanelMenu[class~="smaller"] .leftPanel-leftPanelMenuList .leftPanel-leftPanelMenuList-image[data-v-9996f9a0] {
  margin-top: 5px;
}
.leftPanels #leftPanel-leftPanelMenu[class~="smaller"] .leftPanel-leftPanelMenuList .leftPanel-leftPanelMenuList-text[data-v-9996f9a0] {
  bottom: 5px;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[data-v-9996f9a0] {
  width: 54px;
  height: 65px;
  background-color: #f8f8f8;
  cursor: pointer;
  float: left;
  position: relative;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="disable"][data-v-9996f9a0] {
  cursor: not-allowed;
  background-color: #ffffff !important;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="disable"] .leftPanel-leftPanelMenuList-text[data-v-9996f9a0] {
  color: #8f8f8f !important;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="neverUse"] .leftPanel-leftPanelMenuList-image[data-v-9996f9a0]:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  background: #ff3d67;
  top: 3px;
  right: 0;
  z-index: 100;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="neverUse"]:hover .leftPanel-leftPanelMenuList-image[data-v-9996f9a0]:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: 1px solid #ebebeb;
  background: #ff3d67;
  top: 3px;
  right: 0;
  z-index: 100;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList .leftPanel-leftPanelMenuList-image[data-v-9996f9a0] {
  height: 24px;
  width: 24px;
  display: block;
  margin-left: 15px;
  margin-top: 10px;
  position: absolute;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList .leftPanel-leftPanelMenuList-text[data-v-9996f9a0] {
  font-size: 14px;
  width: 54px;
  text-align: center;
  position: absolute;
  bottom: 10px;
  color: #8f8f8f;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList .upload-tips[data-v-9996f9a0] {
  position: absolute;
  top: 26px;
  left: 68px;
  padding-left: 8px;
  color: #fff;
  font-size: 12px;
  background: linear-gradient(to right, #5ea2ff, #00e3ff);
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  cursor: default;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList .upload-tips[class~="almost"][data-v-9996f9a0] {
  width: 150px;
  height: 30px;
  line-height: 30px;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList .upload-tips[class~="filled"][data-v-9996f9a0] {
  width: 214px;
  height: 42px;
  line-height: 16px;
  padding-right: 16px;
  padding-top: 6px;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList .upload-tips[data-v-9996f9a0]::before {
  position: absolute;
  left: -7px;
  top: 5px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 9px 9px 0;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList .upload-tips .upload-tips-close-icon[data-v-9996f9a0] {
  position: absolute;
  top: 10px;
  right: 8px;
  display: inline-block;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList:hover .leftPanel-leftPanelMenuList-text[data-v-9996f9a0],
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="active"] .leftPanel-leftPanelMenuList-text[data-v-9996f9a0] {
  color: #07aefc;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="active"][data-v-9996f9a0] {
  position: relative;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="active"][data-v-9996f9a0]::before,
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="active"][data-v-9996f9a0]::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  right: 0px;
  background-size: cover;
  z-index: 1000;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="active"][data-v-9996f9a0]::before {
  top: -8px;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="active"][data-v-9996f9a0]::after {
  bottom: -8px;
  transform: rotate(270deg);
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="active"][data-v-9996f9a0] {
  background-color: #fff !important;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[data-v-9996f9a0]:hover {
  background-color: rgba(236, 236, 236, 0.3);
}
.leftPanels #leftPanel-mainContent[data-v-9996f9a0] {
  height: 100%;
  position: relative;
  float: left;
  width: 312px;
  background-color: #f7f7f7;
  transition: width 0.3s;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.02);
}
.leftPanels #leftPanel-mainContent .leftPanel-mainContent-toggle[data-v-9996f9a0] {
  position: absolute;
  right: -12px;
  width: 12px;
  height: 90px;
  background-position: left;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: right 0.1s linear;
  z-index: 1;
}
.leftPanels #leftPanel-mainContent .leftPanel-mainContent-toggle[data-v-9996f9a0]:hover:after {
  width: 6px;
  height: 10px;
  background-size: cover;
}
.leftPanels #leftPanel-mainContent .leftPanel-mainContent-toggle[data-v-9996f9a0]:after {
  content: "";
  display: block;
  position: absolute;
  top: 42px;
  right: 4px;
  width: 6px;
  height: 10px;
  transition: transform 0.3s ease;
  background-size: cover;
}
.leftPanels #leftPanel-mainContent .leftPanel-mainContent-toggle[class~="close"][data-v-9996f9a0]:after {
  transform: rotate(180deg);
}
.leftPanels #leftPanel-mainContent .leftPanel-mainContent-toggle[class~="disable"][data-v-9996f9a0]:after {
  transform: rotate(180deg);
}
.leftPanels #leftPanel-mainContent[class~="close"][data-v-9996f9a0] {
  width: 0;
  cursor: default;
}
.leftPanels-shadow[data-v-9996f9a0] {
  height: 100%;
  width: 304px;
  position: absolute;
  top: 0;
  left: 54px;
  z-index: 1;
}

.upload-material-list {
  padding-bottom: 8px;
  padding-top: 16px;
}
.upload-material-list .imageList {
  overflow: visible;
}
.upload-material-list .leftPanel-upload-manage-top {
  width: 256px;
  margin: 0 auto;
  position: relative;
  /*height: ;*/
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-line1 {
  width: 100%;
  height: 32px;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-line1:after {
  content: '';
  display: block;
  clear: both;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-line1 .selectTextBlock {
  display: block;
  background: #0773FC;
  line-height: 32px;
  height: 32px;
  width: 88px;
  font-size: 12px;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  float: left;
  position: relative;
  text-align: center;
  box-sizing: border-box;
  border: none;
  transition: 0ms;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-line1 .selectTextBlock span {
  position: relative;
  display: inline;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-line1 .selectTextBlock:nth-child(1) {
  width: 216px;
  margin-right: 8px;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-line1 .selectTextBlock:nth-child(2) {
  width: 32px;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-line1 .selectTextBlock:nth-child(2) span {
  padding-left: 11px;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-line1 .selectTextBlock .uploadbypc:before {
  display: block;
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 16px;
  height: 11px;
  background: url(../svg/leftPanel-uploadbypc.svg?893cb9c5eaf52ce5c0f0335dcb5fef4f) no-repeat;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-line1 .selectTextBlock .uploadbyphone:before {
  content: '';
  display: block;
  width: 14px;
  height: 32px;
  position: absolute;
  bottom: -8px;
  left: -2px;
  background: url(../svg/leftpanel-uploadbyphone.png?86254573823b7a818a69647b44cbd56c) center / contain no-repeat;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-line1 .selectTextBlock:hover {
  background: #0668e3;
  color: #fff !important;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-line2 {
  margin-top: 12px;
  width: 100%;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-line2 > p {
  color: #9b9b9b;
  height: auto;
  margin: 2px 0;
  font-size: 12px;
  text-align: left;
  display: flex;
  align-items: center;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-line2 > p > a {
  color: #cdcdcd;
  cursor: pointer;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-line2 > p .img-manage {
  position: absolute;
  right: 5px;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-line2 > p .img-manage .icon {
  width: 16px;
  height: 15px;
  background: url(../svg/leftpanel-uploadmanage-icon.png?e8f8c8c223e504a64781c223acc53157) center / contain no-repeat;
  cursor: pointer;
  opacity: 0.6;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-line2 > p .img-manage .icon:hover {
  opacity: 1;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-line2 > p .img-manage .icon.focus {
  opacity: 1;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-line2 > div {
  display: inline-block;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-line2 .leftPanel-upload-manage-top-line2--icon {
  width: 14px;
  height: 14px;
  margin-bottom: -2px;
  background: url(../svg/leftpanel-uploaditem-icons.png?cdca031323fa145a2c291faf3b0476e4) center / contain no-repeat;
  opacity: 0.6;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-line2 .leftPanel-upload-manage-top-line2--icon:hover {
  opacity: 1;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-manage {
  margin-top: 12px;
  width: 100%;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-manage > span {
  color: #9b9b9b;
  height: auto;
  margin: 2px 0;
  font-size: 12px;
  text-align: left;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-manage > span > a {
  color: #cdcdcd;
  cursor: pointer;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-manage .leftPanel-upload-manage-top-manage--icon {
  width: 12px;
  height: 12px;
  background: url(../svg/leftPanel-uploadItem-select00.svg?4deff10b3c4fb0285df7a95b34033899) no-repeat;
  margin: 2px 8px 0 0;
  float: left;
  cursor: pointer;
  transition: background ease 0.1s;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-manage .leftPanel-upload-manage-top-manage--icon[class~='active'] {
  background: url(../svg/leftPanel-uploadItem-select33.svg?d8d14bd38a792c5d76dc23ea078968f6) no-repeat;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-manage .leftPanel-upload-manage-top-manage--text {
  display: inline-block;
  margin: 0 8px 0 0;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-manage .leftPanel-upload-manage-top-manage--text.count {
  width: 94px;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-manage .leftPanel-upload-manage-top-manage--text[class~='button'] {
  cursor: pointer;
  color: #0773FC;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-manage .leftPanel-upload-manage-top-manage--move-container {
  float: right;
  z-index: 9999;
  margin: 0;
  height: 16px;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-manage .leftPanel-upload-manage-top-manage--del-container {
  float: right;
  z-index: 9999;
  margin: 0 16px 0 0;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-manage .leftPanel-upload-manage-top-manage--del {
  width: 14px;
  height: 17px;
  cursor: pointer;
  background: url(../svg/leftPanel-uploadItem-icons.svg?ac95d24bcc8fe8d68ac76760ab67e8d3) no-repeat 0 0px;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-manage .leftPanel-upload-manage-top-manage--del:hover {
  background: url(../svg/leftPanel-uploadItem-icons.svg?ac95d24bcc8fe8d68ac76760ab67e8d3) no-repeat -24px 0px;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-manage .leftPanel-upload-manage-top-manage--move {
  width: 14px;
  height: 17px;
  margin: 2px 0 0 0;
  cursor: pointer;
  background: url(../svg/leftPanel-uploadItem-icons.svg?ac95d24bcc8fe8d68ac76760ab67e8d3) no-repeat 0 -47px;
}
.upload-material-list .leftPanel-upload-manage-top .leftPanel-upload-manage-top-manage .leftPanel-upload-manage-top-manage--move:hover {
  background: url(../svg/leftPanel-uploadItem-icons.svg?ac95d24bcc8fe8d68ac76760ab67e8d3) no-repeat -24px -47px;
}
.manage-enter-active,
.manage-leave-active {
  opacity: 1;
  transition: opacity 0.2s linear;
}
.manage-enter,
.manage-leave-to {
  opacity: 0;
}
.img-manage .lt-tooltip-popper {
  left: -55px !important;
}
.img-manage .lt-tooltip-inner {
  padding: 7.5px 5px;
}

.upload-qrcode[data-v-42cf360e] {
  width: 620px;
  height: 428px;
  background: #fff;
  padding: 1px 0 1px 0;
  position: relative;
  text-align: center;
}
.upload-qrcode .upload-qrcode-qr[data-v-42cf360e] {
  width: 166px;
  height: 166px;
  margin: 104px auto 0 auto;
}
.upload-qrcode > p[data-v-42cf360e] {
  color: #515151;
  font-size: 18px;
  line-height: 18px;
  margin: 67px 0 0 0;
}
.upload-qrcode > p[data-v-42cf360e]:nth-child(3) {
  margin: 10px 0 98px 0;
  font-size: 12px;
  line-height: 12px;
}
.expansion-modal[data-v-42cf360e] {
  width: 480px;
  height: 306px;
  background-color: #fff;
  padding-top: 32px;
  text-align: center;
  border-radius: 4px;
}
.expansion-modal img[data-v-42cf360e] {
  width: 112px;
}
.expansion-modal p[data-v-42cf360e] {
  font-size: 12px;
  line-height: 18px;
  color: #626262;
}
.expansion-modal .title[data-v-42cf360e] {
  margin: 16px auto;
  font-size: 18px;
  line-height: 1;
}
.expansion-modal .button[data-v-42cf360e] {
  display: inline-block;
  width: 100px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  background-color: #07aefc;
  margin: 24px auto 0;
  border-radius: 4px;
  cursor: pointer;
}
.expansion-modal .button[data-v-42cf360e]:hover {
  opacity: 0.9;
}
.leftPanels[data-v-42cf360e] {
  height: 100%;
  min-width: 54px;
  max-width: 366px;
  position: relative;
  transition: left 0.2s ease;
  z-index: 2;
}
.leftPanels #leftPanel-leftPanelMenu[data-v-42cf360e] {
  height: 100%;
  width: 54px;
  background-color: #f8f8f8;
  float: left;
  overflow: visible;
  position: relative;
  z-index: 1002;
  padding-top: 18px;
}
.leftPanels #leftPanel-leftPanelMenu[class~="small"][data-v-42cf360e] {
  padding-top: 20px;
}
.leftPanels #leftPanel-leftPanelMenu[class~="small"] .leftPanel-leftPanelMenuList[data-v-42cf360e] {
  height: 56px;
}
.leftPanels #leftPanel-leftPanelMenu[class~="small"] .leftPanel-leftPanelMenuList .leftPanel-leftPanelMenuList-image[data-v-42cf360e] {
  margin-top: 6px;
}
.leftPanels #leftPanel-leftPanelMenu[class~="small"] .leftPanel-leftPanelMenuList .leftPanel-leftPanelMenuList-text[data-v-42cf360e] {
  bottom: 6px;
}
.leftPanels #leftPanel-leftPanelMenu[class~="smaller"][data-v-42cf360e] {
  padding-top: 20px;
}
.leftPanels #leftPanel-leftPanelMenu[class~="smaller"] .leftPanel-leftPanelMenuList[data-v-42cf360e] {
  height: 52px;
}
.leftPanels #leftPanel-leftPanelMenu[class~="smaller"] .leftPanel-leftPanelMenuList .leftPanel-leftPanelMenuList-image[data-v-42cf360e] {
  margin-top: 5px;
}
.leftPanels #leftPanel-leftPanelMenu[class~="smaller"] .leftPanel-leftPanelMenuList .leftPanel-leftPanelMenuList-text[data-v-42cf360e] {
  bottom: 5px;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[data-v-42cf360e] {
  width: 54px;
  height: 65px;
  background-color: #f8f8f8;
  cursor: pointer;
  float: left;
  position: relative;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="disable"][data-v-42cf360e] {
  cursor: not-allowed;
  background-color: #ffffff !important;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="disable"] .leftPanel-leftPanelMenuList-text[data-v-42cf360e] {
  color: #8f8f8f !important;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="neverUse"] .leftPanel-leftPanelMenuList-image[data-v-42cf360e]:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  background: #ff3d67;
  top: 3px;
  right: 0;
  z-index: 100;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="neverUse"]:hover .leftPanel-leftPanelMenuList-image[data-v-42cf360e]:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: 1px solid #ebebeb;
  background: #ff3d67;
  top: 3px;
  right: 0;
  z-index: 100;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList .leftPanel-leftPanelMenuList-image[data-v-42cf360e] {
  height: 24px;
  width: 24px;
  display: block;
  margin-left: 15px;
  margin-top: 10px;
  position: absolute;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList .leftPanel-leftPanelMenuList-text[data-v-42cf360e] {
  font-size: 14px;
  width: 54px;
  text-align: center;
  position: absolute;
  bottom: 10px;
  color: #8f8f8f;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList .upload-tips[data-v-42cf360e] {
  position: absolute;
  top: 26px;
  left: 68px;
  padding-left: 8px;
  color: #fff;
  font-size: 12px;
  background: linear-gradient(to right, #5ea2ff, #00e3ff);
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  cursor: default;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList .upload-tips[class~="almost"][data-v-42cf360e] {
  width: 150px;
  height: 30px;
  line-height: 30px;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList .upload-tips[class~="filled"][data-v-42cf360e] {
  width: 214px;
  height: 42px;
  line-height: 16px;
  padding-right: 16px;
  padding-top: 6px;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList .upload-tips[data-v-42cf360e]::before {
  position: absolute;
  left: -7px;
  top: 5px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 9px 9px 0;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList .upload-tips .upload-tips-close-icon[data-v-42cf360e] {
  position: absolute;
  top: 10px;
  right: 8px;
  display: inline-block;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList:hover .leftPanel-leftPanelMenuList-text[data-v-42cf360e],
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="active"] .leftPanel-leftPanelMenuList-text[data-v-42cf360e] {
  color: #07aefc;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="active"][data-v-42cf360e] {
  position: relative;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="active"][data-v-42cf360e]::before,
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="active"][data-v-42cf360e]::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  right: 0px;
  background-size: cover;
  z-index: 1000;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="active"][data-v-42cf360e]::before {
  top: -8px;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="active"][data-v-42cf360e]::after {
  bottom: -8px;
  transform: rotate(270deg);
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[class~="active"][data-v-42cf360e] {
  background-color: #fff !important;
}
.leftPanels #leftPanel-leftPanelMenu .leftPanel-leftPanelMenuList[data-v-42cf360e]:hover {
  background-color: rgba(236, 236, 236, 0.3);
}
.leftPanels #leftPanel-mainContent[data-v-42cf360e] {
  height: 100%;
  position: relative;
  float: left;
  width: 312px;
  background-color: #f7f7f7;
  transition: width 0.3s;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.02);
}
.leftPanels #leftPanel-mainContent .leftPanel-mainContent-toggle[data-v-42cf360e] {
  position: absolute;
  right: -12px;
  width: 12px;
  height: 90px;
  background-position: left;
  background-size: contain;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: right 0.1s linear;
  z-index: 1;
}
.leftPanels #leftPanel-mainContent .leftPanel-mainContent-toggle[data-v-42cf360e]:hover:after {
  width: 6px;
  height: 10px;
  background-size: cover;
}
.leftPanels #leftPanel-mainContent .leftPanel-mainContent-toggle[data-v-42cf360e]:after {
  content: "";
  display: block;
  position: absolute;
  top: 42px;
  right: 4px;
  width: 6px;
  height: 10px;
  transition: transform 0.3s ease;
  background-size: cover;
}
.leftPanels #leftPanel-mainContent .leftPanel-mainContent-toggle[class~="close"][data-v-42cf360e]:after {
  transform: rotate(180deg);
}
.leftPanels #leftPanel-mainContent .leftPanel-mainContent-toggle[class~="disable"][data-v-42cf360e]:after {
  transform: rotate(180deg);
}
.leftPanels #leftPanel-mainContent[class~="close"][data-v-42cf360e] {
  width: 0;
  cursor: default;
}
.leftPanels-shadow[data-v-42cf360e] {
  height: 100%;
  width: 304px;
  position: absolute;
  top: 0;
  left: 54px;
  z-index: 1;
}

.move-material-folder-list {
  max-height: 500px;
  overflow: auto;
}
.move-material-folder-list__item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.move-material-folder-list__item:not(:last-child) {
  margin-bottom: 16px;
}
.move-material-folder-list__item .folder-icon {
  display: inline-block;
  background: url(../svg/folder_icon_sprite.svg?a7d7e506244987a2d11ebd4fe2d08e97);
  width: 50px;
  height: 50px;
  background-position: 1px 0px;
  margin-right: 16px;
}
.move-material-folder-list__item.normal .folder-icon {
  background-position-y: -181px;
}
.move-material-folder-list__item:hover {
  background-color: #f3f4f9;
}
.move-material-folder-list__item:hover .folder-name {
  color: #0773fc;
}

.ss-func-prompt[data-v-0ae3835c] {
  width: 221px;
  height: 86px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  padding: 16px 16px 8px 16px;
  background: #FFFFff;
  position: relative;
}
.ss-func-prompt .ss-func-prompt-text[data-v-0ae3835c] {
  font-size: 12px;
  color: #4A4A4A;
  line-height: 18px;
}
.ss-func-prompt .ss-func-prompt-button[data-v-0ae3835c] {
  position: absolute;
  width: 189px;
  height: 20px;
  bottom: 8px;
  left: 16px;
}
.ss-func-prompt .ss-func-prompt-button span[data-v-0ae3835c] {
  width: 38px;
  height: 18px;
  border: 1px solid #C0CCDA;
  background: #FFFFff;
  cursor: pointer;
  line-height: 18px;
  color: #475669;
  font-size: 12px;
  text-align: center;
  float: right;
  margin-left: 8px;
}
.ss-func-prompt .ss-func-prompt-button span[data-v-0ae3835c]:nth-child(1) {
  border: 1px solid #00ACFF;
  background: #00ACFF;
  color: #FFFFff;
}

.material-kind__img::after {
  content: "";
  width: 72px;
  height: 72px;
  display: inline-block;
  background: url(../svg/folder-icon.png?2eee3f8065a98b76d07c6f51b47789e1) center / 34px 34px no-repeat;
}
.upload-kind-buttons {
  width: 100%;
  margin: 24px 0 0px;
}
.upload-kind-buttons:after {
  display: block;
  content: "";
  clear: both;
}
.upload-kind-buttons .primaryKind-menu .primaryKind-menu__btn {
  width: 128px;
}
.upload-kind-buttons .primaryKind-menu .primaryKind-menu__btn[class~='active']:after {
  content: '';
  height: 3px;
  width: 30px;
  /* background: #0773FC; */
  background: #FF6000;
  /* box-shadow: 0 4px 6px 0 rgba(7, 115, 252, 0.26); */
  box-shadow: 0 4px 6px 0 rgba(252, 124, 7, 0.26);
  position: absolute;
  bottom: 0px;
  left: 49px;
}
.upload-kind-buttons .primaryKind-menu .primaryKind-menu__btn[class~='active'] span {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
}
.upload-capacity-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 62px;
  padding: 18px 24px 0;
  z-index: 19;
  box-sizing: border-box;
  /*background-color: #ECECEC;*/
  background-color: #fff;
}
.upload-capacity-wrapper .upload-space-progress-bar {
  width: 100%;
  height: 10px;
  background-color: #e7e7e7;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 8px;
}
.upload-capacity-wrapper .upload-space-progress-bar div {
  height: 100%;
  max-width: 100%;
  background-color: #5cb360;
  transition: width 0.3s;
  border-radius: 10px;
}
.upload-capacity-wrapper .upload-space-progress-bar div[class~='warn'] {
  background-color: #f9a43f;
}
.upload-capacity-wrapper .upload-space-progress-bar div[class~='full'] {
  background-color: #d54762;
}
.upload-capacity-wrapper .capacity-detail {
  float: left;
  color: #626262;
  font-size: 12px;
}
.upload-capacity-wrapper .capacity-detail .icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(../svg/leftPanel-capacity_info_icon.svg?8d88c45f1133b829eb07ee9c06f18ab8);
}
.upload-capacity-wrapper .capacity-detail .icon[class~='warn'] {
  background-position: 0 0;
}
.upload-capacity-wrapper .capacity-detail .icon[class~='full'] {
  background-position: 0 -14px;
}
.upload-capacity-wrapper .expansion {
  float: right;
  font-size: 12px;
  color: #0773FC;
  cursor: pointer;
}
.upload-capacity-wrapper .expansion:hover {
  opacity: 0.9;
}
.upload-section__wrap {
  height: 100%;
}
.upload-section {
  height: calc(100% - 70px);
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
}
.upload-section .xuqiusb {
  padding: 0 ;
}
.upload-section .material-kind__wrap {
  position: relative;
  padding-top: 8px;
}
.upload-section .material-kind__wrap .material-kind {
  height: 95px;
}
.upload-section .material-kind__wrap .material-kind__img {
  background-color: #F9F9FC;
}
.upload-section .material-kind__wrap .material-kind__img:after {
  background: url(../svg/folder_icon_sprite.svg?a7d7e506244987a2d11ebd4fe2d08e97) 0px -180px no-repeat;
  position: relative;
  top: 10px;
  width: 50px;
  height: 50px;
}
.upload-section .material-kind__wrap .material-kind__img[class~='default']:after {
  background: url(../svg/folder_icon_sprite.svg?a7d7e506244987a2d11ebd4fe2d08e97);
}
.upload-section .material-kind__wrap .material-kind:hover .material-kind__img {
  background-color: #F3F4F9;
  transform: rotate(0deg);
}
.upload-section .material-kind__wrap .material-kind.active .material-kind__img {
  background-color: #F3F4F9;
  transform: rotate(0deg);
}
.upload-section .material-kind__wrap .material-kind.active .material-kind__img:after {
  background-position: -60px -180px;
}
.upload-section .material-kind__wrap .material-kind.active .material-kind__img[class~='default']:after {
  background-position: -60px 0px;
}
.upload-section .material-kind__wrap .material-kind .material-kind__text {
  font-size: 12px;
  color: #626262;
  transition: color 0.3s;
  position: absolute;
  width: 100%;
  top: 78px;
  display: block;
  bottom: 0px;
  line-height: 12px;
}
.upload-section .material-kind__wrap .material-kind__mask {
  width: 66px;
  height: 66px;
}
.upload-section .material-kind__wrap .material-kind span {
  cursor: text;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.upload-section .material-kind__wrap .material-kind input {
  width: 100%;
  border: none;
  text-align: center;
  background: transparent;
  height: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.upload-section .material-kind__wrap .material-kind input:focus {
  outline: none;
  box-shadow: none !important;
}
.upload-section .material-kind__wrap .material-kind .material-kind-fix {
  transform: rotate(0deg) !important;
}
.upload-section .material-kind__wrap .material-kind .material-kind__carrier {
  width: 66px;
  height: 66px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.upload-section .material-kind__wrap .material-kind .material-kind__carrier .material-kind-mouse {
  width: 66px;
  height: 66px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.upload-section .material-kind__wrap .material-kind .leftPanel-upload-block-edit {
  position: absolute;
  left: 1px;
  bottom: 1px;
  right: 1px;
  display: flex;
  justify-content: center;
  height: 22px;
  z-index: 1;
  background: #FFFFFF;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
  border-radius: 4px;
}
.upload-section .material-kind__wrap .material-kind .leftPanel-upload-block-edit > div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 100%;
  background-color: #fff;
  cursor: pointer;
  box-sizing: border-box;
}
.upload-section .material-kind__wrap .material-kind .leftPanel-upload-block-edit > div:not(:last-child) {
  border-right: 1px solid #C7C7C7;
}
.upload-section .material-kind__wrap .material-kind .leftPanel-upload-block-edit > div:hover {
  background: #F6F6F6;
}
.upload-section .material-kind__wrap .material-kind .leftPanel-upload-block-edit > div:hover i {
  color: #0773FC;
}
.upload-section .material-kind__wrap .material-kind .leftPanel-upload-block-more {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 6px;
  bottom: 6px;
  border-radius: 50%;
  background: #F6F6F6;
  transition: background 0.2s ease;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);
}
.upload-section .material-kind__wrap .material-kind .leftPanel-upload-block-more:after {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  margin: 1px;
  transition: background 0.2s ease;
  background: url(../svg/leftPanel-del.svg?d8a797c66d10468ed18bd228143284f4) -9px -11px no-repeat;
}
.upload-section .material-kind__wrap .material-kind .leftPanel-upload-block-con-add {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  cursor: pointer;
  border-radius: 3px;
  background-color: #F9F9FC;
  box-sizing: border-box;
  position: relative;
}
.upload-section .material-kind__wrap .material-kind .leftPanel-upload-block-con-add .add-file-icon {
  color: #000;
  opacity: 0.64;
}
.upload-section .material-kind__wrap .material-kind .leftPanel-upload-block-con-add:hover {
  background-color: #F3F4F9;
}
.upload-section .material-kind__wrap .material-kind .leftPanel-upload-block-con-add:hover .add-file-icon {
  color: #0773FC;
}
.upload-section .material-kind__wrap .material-kind .leftPanel-upload-block-con-add[class~='forVip']::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  background-image: url(../svg/vip_triangle_icon.svg?b0f8e2ce274b1ad1822cef559d858b97);
  background-size: contain;
}
.upload-section .material-kind__wrap .disable .material-kind__img {
  transform: rotate(0deg) !important;
}
.upload-section .material-kind__wrap .disable .material-kind__text:hover {
  color: #626262 !important;
}
.upload-section .material-kind__wrap .disable .material-kind__carrier:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
}
.upload-section .material-kind__wrap .leftPanel-upload-content-prompt {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 199;
}
.upload-section .material-kind__wrap .result-enter-active,
.upload-section .material-kind__wrap .result-leave-active {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.upload-section .material-kind__wrap .result-enter,
.upload-section .material-kind__wrap .result-leave-to {
  opacity: 0;
}

#leftPanel {
  height: 100%;
  width: 376px;
  position: relative;
  float: left;
  z-index: 8;
}
#leftPanel.close {
  width: 54px;
}
#leftPanel .leftPanels-shadow {
  height: 100%;
  width: 304px;
  position: absolute;
  top: 0;
  left: 72px;
}
.leftPanel-section {
  width: 100%;
  height: 100%;
  transition: transform 0.2s ease;
}
.colorPicker-enter-active,
.colorPicker-leave-active {
  opacity: 1;
  transition: all 0.3s ease !important;
}
.colorPicker-enter,
.colorPicker-leave-to {
  opacity: 0;
}
.leftPanel-menu {
  width: 72px;
  height: 100%;
  background-color: #f1f2f8;
  float: left;
  z-index: 20;
  position: relative;
}
.leftPanel-menu__li {
  position: relative;
  opacity: 0.8;
}
.leftPanel-menu__li[class~='active'] {
  opacity: 1;
}
.leftPanel-menu__li[class~='active'] .leftPanel-menu__button {
  background: #ffffff;
}
.leftPanel-menu__li[class~='active']::before,
.leftPanel-menu__li[class~='active']::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  right: 0px;
  background: url(../svg/activeTop.svg) no-repeat;
  background-size: cover;
  z-index: 1000;
}
.leftPanel-menu__li[class~='active']::before {
  top: -8px;
}
.leftPanel-menu__li[class~='active']::after {
  bottom: -8px;
  transform: rotate(270deg);
}
.leftPanel-menu__li:hover {
  opacity: 1;
}
.leftPanel-menu__button {
  width: 72px;
  height: 80px;
  outline: none;
  border: none;
  border-radius: 4px;
  color: #000000;
  background-color: #F3F4F9;
  cursor: pointer;
}
.leftPanel-menu__button:before {
  content: "";
  display: block;
  background-image: url(../svg/leftpanel-menu-icons.svg);
  width: 24px;
  height: 24px;
  margin: 0 auto 6px;
}
.template-section__button::before {
  background-position: -33px -20px;
}
.template-section__button:hover::before {
  background-position: -33px -20px;
}
.template-section__button.active::before {
  background-position: -33px -20px;
}
.material-section {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
}
.material-section__button::before {
  background-position: -147px -20px;
}
.material-section__button:hover::before {
  background-position: -147px -20px;
}
.material-section__button.active::before {
  background-position: -147px -20px;
}
.text-section__button::before {
  background-position: -256px -20px;
}
.text-section__button:hover::before {
  background-position: -256px -20px;
}
.text-section__button.active::before {
  background-position: -256px -20px;
}
.background-section__button::before {
  background-position: -88px -20px;
}
.background-section__button:hover::before {
  background-position: -88px -20px;
}
.background-section__button.active::before {
  background-position: -88px -20px;
}
.tools-section__button::before {
  background-position: -202px -20px;
}
.tools-section__button:hover::before {
  background-position: -202px -20px;
}
.tools-section__button.active::before {
  background-position: -202px -20px;
}
.upload-section__button::before {
  background-position: -316px -20px;
}
.upload-section__button:hover::before {
  background-position: -316px -20px;
}
.upload-section__button.active::before {
  background-position: -316px -20px;
}
.leftPanel-content {
  width: 304px;
  height: 100%;
  float: left;
  position: relative;
  left: 0px;
  background-color: #ffffff;
  transition: left 0.3s linear;
  box-shadow: 10px 0 20px 0 rgba(0, 0, 0, 0.04);
}
.leftPanel-content .leftPanel-mainContent-toggle {
  position: absolute;
  right: -20px;
  width: 20px;
  height: 80px;
  background: #ffffff;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 0.8;
  transition: right 0.1s linear;
  z-index: 1;
  border-radius: 0px 5px 5px 0;
}
.leftPanel-content .leftPanel-mainContent-toggle:after {
  content: '';
  display: block;
  position: absolute;
  top: 30px;
  right: 7px;
  background: url(../svg/layout_leftPanel_innerIcon_left-common.svg) -7px 0px no-repeat;
  width: 6px;
  height: 20px;
  transition: transform 0.3s ease;
  background-size: cover;
}
.leftPanel-content .leftPanel-mainContent-toggle[class~='close']:after {
  transform: rotate(180deg);
}
.leftPanel-content .leftPanel-mainContent-toggle[class~='disable']:after {
  transform: rotate(180deg);
}
.leftPanel-content[class~='close'] {
  position: absolute;
  left: -232px;
  cursor: default;
}
.section-lazyonload {
  width: 100%;
  height: 100%;
  position: absolute;
}
.is-no-material {
  position: absolute;
  top: 44%;
  left: 50%;
  width: 100%;
  height: 100px;
  transform: translate(-50%, -50%);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.is-no-material__img {
  width: 100%;
  height: 44px;
}
.is-no-material__img--content {
  width: 54px;
  height: 44px;
  background-image: url(../svg/no-content.svg?a9719f485af420fb7f55c29c2ab99355);
  background-size: 100%;
  margin: 0 auto;
}
.is-no-material__text {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
}
.xuqiusb {
  width: 256px;
  min-height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.lt-scroll__content {
  box-sizing: border-box;
}
.leftPanel-button {
  width: 80px;
  height: 28px;
  font-size: 12px;
  outline: none;
  border: 1px solid #e7e7e7;
  transition: all 0.2s ease;
  background-color: #ffffff;
  border-radius: 3px;
  cursor: pointer;
  float: left;
  position: relative;
}
.leftPanel-button:hover {
 /*  color: #0773FC;
  border: 1px solid #0773FC; */
   color: #ff6000;
  border: 1px solid #ff6000;
  z-index: 2;
}
.leftPanel-button.active {
  color: #ffffff;
 /*  background-color: #0773FC;
  border: 1px solid #0773FC; */
   background-color: #ff6000;
  border: 1px solid #ff6000;
}
.leftPanel__hr {
  background-color: rgba(0, 0, 0, 0.12);
  border: none;
  width: 256px;
  margin: 24px auto 0px;
  height: 1px;
}
.search-input {
  margin: 24px 24px 16px;
  width: 256px;
  height: 40px;
  box-sizing: border-box;
  padding: 0 36px 0 20px;
  border: 1px solid transparent;
  position: relative;
  border-radius: 20px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  outline: none;
  text-align: center;
  background-color: #EAEBF3;
}
.search-input[class~='showIcon'] {
  background: url(../svg/leftpanel-search-icon.svg?58d53813bc082348c84d05ebc30580c8) -388px -64px no-repeat;
  background-color: #EAEBF3;
}
.search-input:focus {
  background: #fff;
  text-align: left;
  border: 1px solid #0773FC;
  box-shadow: 0 0 0 3px rgba(8, 174, 252, 0.1);
}
.search-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  padding-left: 22px;
  text-indent: 7px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}
.search-input::-moz-placeholder {
  /* Firefox 19+ */
  padding-left: 22px;
  text-indent: 7px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}
.search-input::-ms-input-placeholder {
  /* IE 10+ */
  padding-left: 22px;
  text-indent: 7px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}
.search-input-searchSpan {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 40px;
  top: 36px;
  cursor: pointer;
  background: url(../svg/leftpanel-search-icon.svg?58d53813bc082348c84d05ebc30580c8) -476px -74px no-repeat;
  background-color: #FFFFff;
}
.search-input-searchSpan:hover:before {
  background-color: #07aefc;
}
.search-input-searchSpan:hover:after {
  background-color: #07aefc;
}
.search-input-close {
  position: absolute;
  width: 12px;
  height: 12px;
  right: 40px;
  top: 38px;
  overflow: hidden;
  cursor: pointer;
}
.search-input-close:before {
  content: "";
  width: 20px;
  height: 1px;
  transform: rotate(45deg);
  background-color: #626262;
  top: 6px;
  left: -4px;
  position: absolute;
}
.search-input-close:after {
  content: "";
  width: 20px;
  height: 1px;
  transform: rotate(135deg);
  background-color: #626262;
  top: 6px;
  left: -4px;
  position: absolute;
}
.search-input-close:hover:before {
  background-color: #07aefc;
}
.search-input-close:hover:after {
  background-color: #07aefc;
}
/* .material-kind {
  width: 72px;
  height: 72px;
  border-radius: 3px;
  margin-right: 20px;
  margin-top: 20px;
  float: left;
  text-align: center;
  cursor: pointer;
  position: relative;
} */
.material-kind {
  width: 82px;
  height: 82px;
  border-radius: 3px;
  margin-right: 5px;
  margin-top: 5px;
  float: left;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.material-kind:nth-child(3n+3) {
  margin-right: 0px;
}
.material-kind:nth-child(1),.material-kind:nth-child(2),.material-kind:nth-child(3){margin-top:5px;}
/* .material-kind:nth-child(4n+3) {
  margin-right: 0px;
} */
/* .material-kind__mask {
  background-color: #f0f0f0;
  transition: transform 0.3s;
  transform-origin: left bottom;
  width: 72px;
  height: 72px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 3px;
} */
.material-kind__mask {
  background-color: #f0f0f0;
  transition: transform 0.3s;
  transform-origin: left bottom;
  width: 82px;
  height: 82px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 3px;
}
/* .material-kind > img {
  width: 72px;
  height: 72px;
  transition: transform 0.3s;
  transform-origin: left bottom;
  position: relative;
  border-radius:3px;
} */
.material-kind > img {
  width: 82px;
  height: 82px;
  transition: transform 0.3s;
  transform-origin: left bottom;
  position: relative;
  border-radius:3px;
}
.material-kind > span {
  transition: color 0.3s;
  position: absolute;
  width: 100%;
  display: block;
  top: 10px;
  line-height: 14px;
  font-size: 14px;
  color: #FFFFFF;
}
.material-kind__img {
  width: 72px;
  height: 72px;
  position: relative;
  transition: transform 0.3s;
  transform-origin: left bottom;
  border-radius: 3px;
}
.material-kind__text {
  display: inline-block;
  margin-top: 4px;
}
/*103*/
.material-kind:hover > img {
  transform: rotate(-2deg);
 /*   animation: 0.2s materialScale 1;
   transform: rotate(0); */
}
.material-kind:hover .material-kind__img {
  transform: rotate(-2deg);
}
.material-kind.active > img {
  transform: rotate(-6deg);
}
.material-kind.active .material-kind__img {
  transform: rotate(-6deg);
}
.material-kind.active .material-kind__mask {
  transform: rotate(4deg);
}
.primaryKind-menu {
  width: 256px;
  height: 36px;
  display: flex;
  justify-content: space-around;
  position: relative;
  margin: 0 auto;
}
.primaryKind-menu:after {
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #EEEEEE;
  box-shadow: 0px 9px 14px rgba(0, 0, 0, 0.02);
}
.primaryKind-menu__btn {
  width: 85px;
  height: 100%;
  cursor: pointer;
  position: relative;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.primaryKind-menu__btn span {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.primaryKind-menu__btn[class~='active']:after {
  content: '';
  height: 3px;
  width: 30px;
  /* background: #0773FC;
  box-shadow: 0 4px 6px 0 rgba(7, 115, 252, 0.26); */
   background: #FF6000;
   box-shadow: 0 4px 6px 0 rgba(252, 124, 7, 0.26);
  position: absolute;
  left: 28px;
  bottom: -1px;
  z-index: 1;
}
.primaryKind-menu__btn[class~='active'] span {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
}
.material-wrap {
  width: 100%;
  float: left;
  transition: height 0.3s;
}
.material-wrap__placeholder {
  margin-top: 8px;
}
.to-top {
  position: fixed;
  bottom: 48px;
  left: 248px;
  width: 32px;
  height: 32px;
  background: url(../svg/list_to_top.svg?a297b0585be01667ff4defa1be7e9352) no-repeat;
  background-position: -16px -16px;
  transition: left 0.3s linear;
  cursor: pointer;
}
.to-top:hover {
  background-position: -64px -16px;
}
.to-top.not-bottom-detail {
  bottom: 8px;
}
.close .to-top {
  left: -10px;
}
.section-toggle-enter-active,
.section-toggle-leave-active {
  transition: transform 0.3s, opacity 0.3s;
}
.section-toggle-enter,
.section-toggle-leave-to {
  transform: translateY(30px);
  opacity: 0;
}

.st0[data-v-78777020] {
  fill: none;
  stroke: #626262;
}
.st1[data-v-78777020] {
  fill: #626262;
}
.st3[data-v-78777020] {
  font-size: 14px;
}
.st4[data-v-78777020] {
  fill: #9B9B9B;
}
.st6[data-v-78777020] {
  font-size: 12px;
}

.design-edit-text[data-v-4c5f7638] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  cursor: text;
}
.test[data-v-4c5f7638] {
  position: relative;
  height: auto;
}

.text-edit:focus {
  outline: none;
}

.clip-area[data-v-aaff8214] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: move;
  z-index: 1;
}
.clip-area .clip-wrap[data-v-aaff8214] {
  position: absolute;
}
.clip-area .clip-btn[data-v-aaff8214] {
  width: 20px;
  height: 20px;
  position: absolute;
}
.clip-area .clip-btn[data-v-aaff8214]:before {
  content: "";
  display: block;
  position: absolute;
  width: 2px;
  height: 13px;
  border: 1px solid #FFF;
  background-color: #000;
}
.clip-area .clip-btn[data-v-aaff8214]:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 10px;
  border: 1px solid #FFF;
  background-color: #000;
}
.clip-area .clip-left-top-btn[data-v-aaff8214] {
  left: -8px;
  top: -8px;
  cursor: nw-resize;
}
.clip-area .clip-left-top-btn[data-v-aaff8214]:before {
  left: 4px;
  top: 4px;
}
.clip-area .clip-left-top-btn[data-v-aaff8214]:after {
  left: 7px;
  top: 4px;
  border-left: none;
}
.clip-area .clip-left-top-point[data-v-aaff8214] {
  left: 0;
  top: 0;
}
.clip-area .clip-left-bottom-btn[data-v-aaff8214] {
  left: -8px;
  bottom: -8px;
  cursor: sw-resize;
}
.clip-area .clip-left-bottom-btn[data-v-aaff8214]:before {
  left: 4px;
  top: 1px;
}
.clip-area .clip-left-bottom-btn[data-v-aaff8214]:after {
  left: 7px;
  top: 12px;
  border-left: none;
}
.clip-area .clip-left-bottom-point[data-v-aaff8214] {
  left: 0;
  bottom: 0;
}
.clip-area .clip-right-top-btn[data-v-aaff8214] {
  right: -8px;
  top: -8px;
  cursor: ne-resize;
}
.clip-area .clip-right-top-btn[data-v-aaff8214]:before {
  right: 4px;
  top: 4px;
  box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.25);
}
.clip-area .clip-right-top-btn[data-v-aaff8214]:after {
  right: 7px;
  bottom: 12px;
  border-right: none;
  box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.25);
}
.clip-area .clip-right-top-point[data-v-aaff8214] {
  right: 0;
  top: 0;
}
.clip-area .clip-right-bottom-btn[data-v-aaff8214] {
  right: -8px;
  bottom: -8px;
  cursor: se-resize;
}
.clip-area .clip-right-bottom-btn[data-v-aaff8214]:before {
  right: 4px;
  bottom: 4px;
  box-shadow: -2px -2px 3px rgba(0, 0, 0, 0.25);
}
.clip-area .clip-right-bottom-btn[data-v-aaff8214]:after {
  right: 7px;
  top: 12px;
  border-right: none;
  box-shadow: -2px -2px 3px rgba(0, 0, 0, 0.25);
}
.clip-area .clip-right-bottom-point[data-v-aaff8214] {
  right: 0;
  bottom: 0;
}
.clip-area .clip-mid-point[data-v-aaff8214] {
  left: 50%;
  top: 50%;
}
.clip-area .clip-oper[data-v-aaff8214] {
  position: absolute;
  top: 0;
  right: -48px;
  width: 32px;
  height: 64px;
  background: #FFFFFF;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
}
.clip-area .clip-oper .clip-confirm[data-v-aaff8214] {
  width: 32px;
  height: 32px;
  display: block;
  padding: 6px;
  box-sizing: border-box;
  cursor: pointer;
}
.clip-area .clip-oper .clip-confirm[data-v-aaff8214]:before {
  content: '';
  width: 20px;
  height: 20px;
  display: block;
  background: url(../svg/confirm_new.svg?fcd5358d94cd1d9327872dc4fef1b426) no-repeat;
}
.clip-area .clip-oper .clip-confirm[data-v-aaff8214]:hover {
  background: #F6F6F6;
}
.clip-area .clip-oper .clip-confirm[data-v-aaff8214]:hover:before {
  background-position-y: -20px;
}
.clip-area .clip-oper .clip-cancel[data-v-aaff8214] {
  width: 32px;
  height: 32px;
  display: block;
  padding: 6px;
  box-sizing: border-box;
  cursor: pointer;
}
.clip-area .clip-oper .clip-cancel[data-v-aaff8214]:before {
  content: '';
  width: 20px;
  height: 20px;
  display: block;
  background: url(../svg/cancel_new.svg?ccb184a2d8bf95661c199e3421196b88) no-repeat;
}
.clip-area .clip-oper .clip-cancel[data-v-aaff8214]:hover {
  background: #F6F6F6;
}
.clip-area .clip-oper .clip-cancel[data-v-aaff8214]:hover:before {
  background-position-y: -20px;
}

.pos-ab[data-v-21951172] {
  position: absolute;
}
.moving[data-v-21951172]:before {
  background: rgba(255, 255, 255, 0.3);
}
.editor[data-v-21951172] {
  position: absolute;
  cursor: move;
}
.editor[data-v-21951172]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px solid rgba(255, 255, 255, 0.67);
}
.editor .remove-watermark[data-v-21951172] {
  opacity: 0;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  line-height: 18px;
  width: 60px;
  height: 18px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 1;
  cursor: default;
  transition: all 0.2s linear;
}
.editor .remove-watermark[class~="right"][data-v-21951172] {
  right: -68px;
  bottom: 2px;
}
.editor .remove-watermark[data-v-21951172]:hover {
  background: #0773FC;
  box-shadow: 0 2px 8px 0 rgba(7, 174, 252, 0.32);
}
.editor .remove-watermark:hover .tips[data-v-21951172] {
  display: block;
}
.editor .remove-watermark .tips[data-v-21951172] {
  display: none;
  width: 168px;
  height: 18px;
  font-size: 12px;
  color: #9b9b9b;
  text-align: center;
  line-height: 18px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  position: absolute;
  right: -92px;
  bottom: -26px;
}
.editor .remove-watermark .tips[data-v-21951172]:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 42px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #fff;
  transform: rotate(45deg);
  z-index: -1;
}
.editor .font-soldout-tip[data-v-21951172] {
  opacity: 0.8;
  width: 214px;
  position: absolute;
  left: 50%;
  border-radius: 12px;
  color: #ffffff;
  text-align: center;
  transform: translateX(-50%);
  top: -26px;
  z-index: 1;
  height: 24px;
  line-height: 24px;
  background: #000000;
}
.editor .double-click-tip[data-v-21951172] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -28px;
  background: url(../svg/text_info_double_click.svg?3e3ee5471ff1be5c5ebf795ea2618017) no-repeat;
  background-size: 116px 24px;
  height: 24px;
  line-height: 24px;
  width: 116px;
}
.editor:hover .remove-watermark[data-v-21951172] {
  opacity: 1;
}
.editor .editor-overflow[data-v-21951172] {
  position: absolute;
  left: -10px;
  top: -10px;
}
.editor[data-v-21951172]:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px dashed rgba(0, 0, 0, 0.5);
}
.editor .text-box[data-v-21951172] {
  position: absolute;
  left: 0;
  top: 0;
  outline: none;
  resize: none;
  overflow: hidden;
  z-index: 1;
  border: none;
}
.editor .resize-point[data-v-21951172] {
  width: 14px;
  height: 14px;
  z-index: 1;
  background-image: url(../svg/editor.svg?419d4959c022f9e0b8bfe96f728dfbde);
  background-repeat: no-repeat;
  background-position-x: 0;
}
.editor .resize-point[data-v-21951172]:hover,
.editor .resize-point[class~="active"][data-v-21951172] {
  background-position-x: -24px;
}
.editor .point-bg[data-v-21951172] {
  padding: 0;
}
.editor .point-bg[data-v-21951172]:before {
  width: 16px;
  height: 16px;
  background: #07aefc;
}
.editor .e-resize-point[data-v-21951172] {
  top: 50%;
  margin-top: -7px;
  right: -13px;
  cursor: ew-resize;
  z-index: 2;
  background-position-y: -168px;
}
.editor .e-point[data-v-21951172] {
  right: 0;
  top: 50%;
}
.editor .w-resize-point[data-v-21951172] {
  cursor: ew-resize;
  top: 50%;
  margin-top: -7px;
  left: -8px;
  z-index: 2;
  background-position-y: -144px;
}
.editor .w-point[data-v-21951172] {
  left: 0;
  top: 50%;
}
.editor .s-resize-point[data-v-21951172] {
  bottom: -9px;
  left: 50%;
  margin-left: -7px;
  z-index: 2;
  background-position-y: -116px;
}
.editor .s-point[data-v-21951172] {
  bottom: 0;
  left: 50%;
}
.editor .n-resize-point[data-v-21951172] {
  cursor: ns-resize;
  top: -7px;
  left: 50%;
  margin-left: -7px;
  z-index: 2;
  background-position-y: -96px;
}
.editor .n-point[data-v-21951172] {
  top: 0;
  left: 50%;
}
.editor .lock-point[data-v-21951172] {
  cursor: nwse-resize;
  right: -10px;
  bottom: -10px;
}
.editor .se-resize-point[data-v-21951172] {
  cursor: nwse-resize;
  right: -8px;
  bottom: -8px;
  background-position-y: -72px;
}
.editor .lock-point[data-v-21951172] {
  width: 20px;
  height: 20px;
  padding: 3px;
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
}
.editor .lock-point[data-v-21951172]:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #ff3d67;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
}
.editor .se-point[data-v-21951172] {
  right: 0;
  bottom: 0;
}
.editor .nw-resize-point[data-v-21951172] {
  cursor: nwse-resize;
  left: -8px;
  top: -8px;
  background-position-y: -24px;
}
.editor .nw-point[data-v-21951172] {
  left: 0;
  top: 0;
}
.editor .ne-resize-point[data-v-21951172] {
  cursor: nesw-resize;
  right: -8px;
  top: -8px;
  background-position-y: 0;
}
.editor .ne-point[data-v-21951172] {
  right: 0;
  top: 0;
}
.editor .sw-resize-point[data-v-21951172] {
  cursor: nesw-resize;
  left: -8px;
  bottom: -8px;
  background-position-y: -48px;
}
.editor .sw-point[data-v-21951172] {
  left: 0;
  bottom: 0;
}
.editor .rotate-btn[data-v-21951172] {
  width: 0px;
  height: 40px;
  margin: 0 auto;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.editor .rotate-btn[data-v-21951172]:hover:before {
  background: url(../svg/editor.svg?419d4959c022f9e0b8bfe96f728dfbde) -30px -192px;
}
.editor .rotate-btn[data-v-21951172]:before {
  content: "";
  position: absolute;
  top: 16px;
  left: -10px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: url(../svg/editor.svg?419d4959c022f9e0b8bfe96f728dfbde) 0 -192px;
  cursor: pointer;
}
.editor .rotate-btn[data-v-21951172]:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  height: 16px;
  border-left: 1px dashed #9b9b9b;
}
.editor .rotate-btn .rotate-text[data-v-21951172] {
  width: 40px;
  position: absolute;
  left: -20px;
  top: 50px;
  text-align: center;
  color: #fff;
  background-color: #979797;
}
.editor .rotate-btn-active[data-v-21951172]:before {
  background: url(../svg/editor.svg?419d4959c022f9e0b8bfe96f728dfbde) -30px -192px;
}
.editor .mid-point[data-v-21951172] {
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
}
.editor .rect-show[data-v-21951172] {
  height: 20px;
  font-size: 10px;
  line-height: 20px;
  padding: 0 6px;
  color: #fff;
  background: #464f57;
  opacity: 0.3;
  top: 0;
  right: 100%;
  margin-right: 5px;
}
.locked[data-v-21951172] {
  cursor: default;
}
.locked[data-v-21951172]:after {
  border: 1px dashed #ff3d67;
}
.disable-border[data-v-21951172]:after {
  border: none;
}
.disable-border[data-v-21951172]:before {
  border: none;
}
.top-controller[data-v-21951172] {
  top: -25px;
  left: 0;
  border: 1px solid #d8d8d8;
  background: #f1f1f1;
}
.top-controller .top-item[data-v-21951172] {
  float: left;
  height: 22px;
  border-right: 1px solid #d8d8d8;
}
.left-controller[data-v-21951172] {
  left: -25px;
  top: 0;
  border: 1px solid #d8d8d8;
  background: #f1f1f1;
}
.left-controller .left-item[data-v-21951172] {
  width: 22px;
  border-bottom: 1px solid #d8d8d8;
}
.clip-area[data-v-21951172] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: move;
  z-index: 1;
}
.clip-btn[data-v-21951172] {
  width: 20px;
  height: 20px;
  position: absolute;
}
.clip-btn[data-v-21951172]:before {
  content: "";
  display: block;
  position: absolute;
  width: 2px;
  height: 13px;
  border: 1px solid #fff;
  background-color: #000;
}
.clip-btn[data-v-21951172]:after {
  content: "";
  display: block;
  position: absolute;
  height: 2px;
  width: 10px;
  border: 1px solid #fff;
  background-color: #000;
}
.clip-left-top-btn[data-v-21951172] {
  left: -8px;
  top: -8px;
  cursor: nw-resize;
}
.clip-left-top-btn[data-v-21951172]:before {
  left: 4px;
  top: 4px;
}
.clip-left-top-btn[data-v-21951172]:after {
  left: 7px;
  top: 4px;
  border-left: none;
}
.clip-left-top-point[data-v-21951172] {
  left: 0;
  top: 0;
}
.clip-left-bottom-btn[data-v-21951172] {
  left: -8px;
  bottom: -8px;
  cursor: sw-resize;
}
.clip-left-bottom-btn[data-v-21951172]:before {
  left: 4px;
  top: 1px;
}
.clip-left-bottom-btn[data-v-21951172]:after {
  left: 7px;
  top: 12px;
  border-left: none;
}
.clip-left-bottom-point[data-v-21951172] {
  left: 0;
  bottom: 0;
}
.clip-right-top-btn[data-v-21951172] {
  right: -8px;
  top: -8px;
  cursor: ne-resize;
}
.clip-right-top-btn[data-v-21951172]:before {
  right: 4px;
  top: 4px;
  box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.25);
}
.clip-right-top-btn[data-v-21951172]:after {
  right: 7px;
  bottom: 12px;
  border-right: none;
  box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.25);
}
.clip-right-top-point[data-v-21951172] {
  right: 0;
  top: 0;
}
.clip-right-bottom-btn[data-v-21951172] {
  right: -8px;
  bottom: -8px;
  cursor: se-resize;
}
.clip-right-bottom-btn[data-v-21951172]:before {
  right: 4px;
  bottom: 4px;
  box-shadow: -2px -2px 3px rgba(0, 0, 0, 0.25);
}
.clip-right-bottom-btn[data-v-21951172]:after {
  right: 7px;
  top: 12px;
  border-right: none;
  box-shadow: -2px -2px 3px rgba(0, 0, 0, 0.25);
}
.clip-right-bottom-point[data-v-21951172] {
  right: 0;
  bottom: 0;
}
.clip-mid-point[data-v-21951172] {
  left: 50%;
  top: 50%;
}
.clip-oper[data-v-21951172] {
  position: absolute;
  top: 0;
  right: -48px;
  width: 32px;
  height: 64px;
  background: #ffffff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
}
.clip-oper .clip-confirm[data-v-21951172] {
  width: 32px;
  height: 32px;
  display: block;
  padding: 6px;
  box-sizing: border-box;
  cursor: pointer;
}
.clip-oper .clip-confirm[data-v-21951172]:before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background: url(../svg/confirm_new.svg?fcd5358d94cd1d9327872dc4fef1b426) no-repeat;
}
.clip-oper .clip-confirm[data-v-21951172]:hover {
  background: #f6f6f6;
}
.clip-oper .clip-confirm[data-v-21951172]:hover:before {
  background-position-y: -20px;
}
.clip-oper .clip-cancel[data-v-21951172] {
  width: 32px;
  height: 32px;
  display: block;
  padding: 6px;
  box-sizing: border-box;
  cursor: pointer;
}
.clip-oper .clip-cancel[data-v-21951172]:before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background: url(../svg/cancel_new.svg?ccb184a2d8bf95661c199e3421196b88) no-repeat;
}
.clip-oper .clip-cancel[data-v-21951172]:hover {
  background: #f6f6f6;
}
.clip-oper .clip-cancel[data-v-21951172]:hover:before {
  background-position-y: -20px;
}
.editor-back[class~='textEdit'][data-v-21951172] {
  background: transparent !important;
}

.pos-ab[data-v-4deba653] {
  position: absolute;
}
.clearfix[data-v-4deba653]:after {
  content: "";
  display: table;
  clear: both;
}
.table-editor[data-v-4deba653] {
  position: absolute;
  cursor: move;
}
.table-editor[data-v-4deba653]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px dashed rgba(0, 0, 0, 0.5);
}
.table-editor .resize-point[data-v-4deba653] {
  width: 14px;
  height: 14px;
  z-index: 1;
  background-image: url(../svg/editor.svg?419d4959c022f9e0b8bfe96f728dfbde);
  background-repeat: no-repeat;
  background-position-x: 0;
}
.table-editor .resize-point[data-v-4deba653]:hover,
.table-editor .resize-point[class~='active'][data-v-4deba653] {
  background-position-x: -24px;
}
.table-editor .point-bg[data-v-4deba653] {
  background-position-x: -24px;
}
.table-editor .e-resize-point[data-v-4deba653] {
  top: 50%;
  margin-top: -7px;
  right: -13px;
  cursor: ew-resize;
  z-index: 2;
  background-position-y: -168px;
}
.table-editor .e-point[data-v-4deba653] {
  right: 0;
  top: 50%;
}
.table-editor .w-point[data-v-4deba653] {
  left: 0;
  top: 50%;
}
.table-editor .s-resize-point[data-v-4deba653] {
  bottom: -9px;
  left: 50%;
  margin-left: -7px;
  z-index: 2;
  background-position-y: -116px;
}
.table-editor .s-point[data-v-4deba653] {
  bottom: 0;
  left: 50%;
}
.table-editor .n-point[data-v-4deba653] {
  top: 0;
  left: 50%;
}
.table-editor .se-resize-point[data-v-4deba653] {
  cursor: nwse-resize;
  right: -8px;
  bottom: -8px;
  background-position-y: -72px;
}
.table-editor .lock-point[data-v-4deba653] {
  width: 16px;
  height: 16px;
  border-radius: 10px;
  cursor: pointer;
  right: -8px;
  bottom: -8px;
  border: 2px solid #fff;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  background: #FF3D67;
}
.table-editor .se-point[data-v-4deba653] {
  right: 0;
  bottom: 0;
}
.table-editor .nw-point[data-v-4deba653] {
  left: 0;
  top: 0;
}
.table-editor .rotate-btn[data-v-4deba653] {
  width: 0px;
  height: 40px;
  margin: 0 auto;
  position: relative;
  top: 100%;
}
.table-editor .rotate-btn[data-v-4deba653]:hover:before {
  background-position-y: -20px;
}
.table-editor .rotate-btn[data-v-4deba653]:before {
  content: "";
  position: absolute;
  top: 16px;
  left: -10px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
  background: url(../svg/rotate_new.svg?068d8ab2a536035d99bc0b951ef8f6d8) 0 0;
  cursor: pointer;
}
.table-editor .rotate-btn[data-v-4deba653]:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  height: 16px;
  border-left: 1px dashed #9b9b9b;
}
.table-editor .rotate-btn .rotate-text[data-v-4deba653] {
  width: 40px;
  position: absolute;
  left: -20px;
  top: 50px;
  text-align: center;
  color: #FFF;
  background-color: #979797;
}
.table-editor .rotate-btn-active[data-v-4deba653]:before {
  background-position-y: -20px;
}
.table-editor .mid-point[data-v-4deba653] {
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
}
.table-editor .rect-show[data-v-4deba653] {
  height: 20px;
  font-size: 10px;
  line-height: 20px;
  padding: 0 6px;
  color: #fff;
  background: #464F57;
  opacity: 0.3;
  top: 0;
  right: 100%;
  margin-right: 5px;
}
.lock[data-v-4deba653]:before {
  border: 1px dashed #FF3D67;
}
.top-controller[data-v-4deba653] {
  position: absolute;
  cursor: default;
  top: -26px;
  height: 25px;
  left: 0;
  background: #f1f1f1;
  border: 1px solid #d8d8d8;
  border-right: none;
}
.top-controller .controller-item[data-v-4deba653] {
  border-right: 1px solid #d8d8d8;
  height: 23px;
  position: absolute;
}
.top-controller .controller-item .op-btn[data-v-4deba653] {
  display: block;
  width: 15px;
  height: 15px;
  margin: 4px auto;
  background: url(../svg/top-op.png?f7dadce6856749384839e752e0304274) no-repeat 3px 5px;
  border: 1px solid transparent;
  cursor: pointer;
}
.top-controller .controller-item .op-btn[data-v-4deba653]:hover {
  background-color: #fff;
  border: 1px solid #d8d8d8;
}
.top-controller .add-col[data-v-4deba653] {
  background: url(../svg/add-col.png?8861299e3c90fa43c1e711b7514e55a0) no-repeat;
  right: -15px;
  top: -1px;
  width: 13px;
  height: 24px;
  position: absolute;
  cursor: pointer;
  pointer-events: auto;
}
.top-controller .add-col[data-v-4deba653]:hover {
  background-position: -13px 0;
}
.top-controller .resize[data-v-4deba653] {
  position: absolute;
  top: 0;
  width: 5px;
  height: 23px;
  margin-left: -2.5px;
  cursor: url(../svg/col-resize.png?fc4f7b2d80b6687ca6310cfebfe76abd) 7.5 7.5, auto;
}
.left-controller[data-v-4deba653] {
  position: absolute;
  cursor: default;
  left: -26px;
  top: 0;
  bottom: 0;
  width: 25px;
  background: #f1f1f1;
  border: 1px solid #d8d8d8;
  border-bottom: none;
}
.left-controller .controller-item[data-v-4deba653] {
  position: absolute;
  border-bottom: 1px solid #d8d8d8;
  width: 23px;
}
.left-controller .controller-item .op-btn[data-v-4deba653] {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -7.5px;
  margin-top: -7.5px;
  width: 15px;
  height: 15px;
  background: url(../svg/left-op.png?78a589a6864aba69a36a90f5d66fb796) no-repeat 5px 3px;
  border: 1px solid transparent;
  cursor: pointer;
}
.left-controller .controller-item .op-btn[data-v-4deba653]:hover {
  background-color: #fff;
  border: 1px solid #d8d8d8;
}
.left-controller .add-row[data-v-4deba653] {
  background: url(../svg/add-row.png?4448a577e3af97e36560ad34291509fd) no-repeat;
  bottom: -15px;
  left: -1px;
  width: 24px;
  height: 13px;
  position: absolute;
  pointer-events: auto;
  cursor: pointer;
}
.left-controller .add-row[data-v-4deba653]:hover {
  background-position: 0 -13px;
}
.left-controller .resize[data-v-4deba653] {
  position: absolute;
  left: 0;
  width: 23px;
  height: 5px;
  margin-top: -2.5px;
  cursor: url(../svg/row-resize.png?208c06b798cf848eea09aef0a2283e9d) 7.5 7.5, auto;
}
.option-list[data-v-4deba653] {
  position: absolute;
  border: 1px solid #d8d8d8;
  background: #fff;
}
.option-list li[data-v-4deba653] {
  background: #fff;
}
.option-list li span[data-v-4deba653] {
  display: block;
  width: 60px;
  height: 20px;
  line-height: 20px;
  margin: 3px;
  padding-left: 5px;
  cursor: default;
}
.option-list li span[data-v-4deba653]:hover {
  background: #e0e0e0;
}
.textarea[data-v-4deba653] {
  position: absolute;
  background: rgba(71, 210, 233, 0.2);
  border: 1px solid #00a2eb;
  resize: none;
  text-align: center;
  word-break: break-all;
  box-sizing: border-box;
}
.textarea[data-v-4deba653]::selection {
  background: #99cdfe;
}
.textarea[data-v-4deba653]::-webkit-scrollbar {
  width: 2px;
  height: 5px;
}
.textarea[data-v-4deba653]::-webkit-scrollbar-corner {
  background-color: rgba(0, 0, 0, 0.5);
}
.textarea[data-v-4deba653]::-webkit-scrollbar-thumb:vertical {
  background-color: rgba(0, 0, 0, 0.5);
}

.tool-wrap[data-v-1c495f8a] {
  position: absolute;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.right-tools[data-v-1c495f8a] {
  list-style: none;
  width: 164px;
}
.right-tools .hr[data-v-1c495f8a] {
  height: 1px;
  background-color: #cdcdcd;
  box-shadow: inset 0 -1px 0 0 #dddddd;
}
.right-tools li[data-v-1c495f8a] {
  display: flex;
  align-items: center;
  line-height: 32px;
  padding: 0 16px;
  font-size: 14px;
  color: #626262;
  cursor: pointer;
}
.right-tools li .icon[data-v-1c495f8a] {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../svg/right_tool_icon.svg?ab45eec0e335e62a9d2f76cf90e3601d) no-repeat 0 0;
  margin-right: 8px;
}
.right-tools li .command[data-v-1c495f8a] {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.right-tools li .command .cmd[data-v-1c495f8a] {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../svg/right_tool_icon.svg?ab45eec0e335e62a9d2f76cf90e3601d) no-repeat 0 0;
  margin-right: 4px;
  background-position: -126px 0;
}
.right-tools li .command .wider4[data-v-1c495f8a] {
  margin-left: 0.4em;
}
.right-tools li .command .wider45[data-v-1c495f8a] {
  margin-left: 0.45em;
}
.right-tools li[data-v-1c495f8a]:last-child {
  box-shadow: none;
}
.right-tools li[data-v-1c495f8a]:hover {
  color: #0773FC;
  background-color: #f8f8f8;
}
.right-tools li:hover .cmd[data-v-1c495f8a] {
  background-position-y: -16px;
}
.right-tools li:hover .icon[data-v-1c495f8a] {
  background-position-y: -16px;
}
.right-tools li[data-v-1c495f8a]:active {
  background: #f8f8f8;
}
.right-tools .tool-plexs-title[data-v-1c495f8a] {
  position: relative;
}
.right-tools .tool-plexs-title .tool-plexs-content[data-v-1c495f8a] {
  padding-top: 4px;
  width: 175px;
  border: 1px solid transparent;
  position: absolute;
  left: 101%;
  top: 0;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  background: #ffffff;
  overflow-y: auto;
  overflow-x: hidden;
}
.right-tools .tool-plexs-title .tool-plexs-content ul .tool-choice-ele[data-v-1c495f8a] {
  padding: 0 8px;
}
.right-tools .tool-plexs-title .tool-plexs-content ul .tool-choice-ele div[data-v-1c495f8a] {
  height: 48px;
}
.right-tools .tool-plexs-title .tool-plexs-content ul .tool-choice-ele div .ele-img[data-v-1c495f8a] {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin: 4px;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #f3f4f9;
  background-position: center;
}
.right-tools .tool-plexs-title .tool-plexs-content ul .tool-choice-ele div .text[data-v-1c495f8a] {
  background-image: url(../svg/rightClickTool-text.svg?6941926c76a42023485828a8f65c5c7d);
}
.right-tools .tool-plexs-title .tool-plexs-content ul .tool-choice-ele div .group[data-v-1c495f8a] {
  background-image: url(../svg/rightClickTool-group.svg?1f9dd0925a4035fd898032cc1a4a8eed);
}
.right-tools .tool-plexs-title .tool-plexs-content ul .tool-choice-ele div .svgFrame[data-v-1c495f8a] {
  background-image: url(../svg/rightClickTool-svgframe.svg?14cd6eaffe022a7ce10bc33a9e2af725);
}
.right-tools .tool-plexs-title .tool-plexs-content ul .tool-choice-ele .tool-choice-handle[data-v-1c495f8a] {
  float: right;
  position: relative;
  width: 20px;
  height: 48px;
  left: 18px;
  cursor: default;
}
.right-tools .tool-plexs-title .tool-plexs-content ul .tool-choice-ele .tool-choice-handle > span[data-v-1c495f8a] {
  width: 12px;
  height: 15px;
  cursor: pointer;
  background: url(../svg/rightClickTool-choose-handle.svg?b693b660ef990b2dfba95316c103ec59) center no-repeat;
}
.right-tools .tool-plexs-title .tool-plexs-content ul .tool-choice-ele .tool-choice-handle .cant-use[data-v-1c495f8a] {
  cursor: default;
  opacity: 1;
  background: url(../svg/rightClickTool-disabled-handle.svg?6ae830f3b8e4cd539625ccfad7e66c05) center no-repeat;
}
.right-tools .tool-plexs-title .tool-plexs-content ul .tool-choice-ele .tool-choice-handle .click-up[data-v-1c495f8a] {
  position: absolute;
  top: 5px;
  left: 0;
}
.right-tools .tool-plexs-title .tool-plexs-content ul .tool-choice-ele .tool-choice-handle .click-down[data-v-1c495f8a] {
  position: absolute;
  bottom: 5px;
  left: 0;
  transform: rotate(180deg);
}
.right-tools .tool-plexs-title .tool-plexs-content ul .tool-choice-ele .tool-choice-name[data-v-1c495f8a] {
  width: 90px;
  line-height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.right-tools .tool-plexs-title .icon[data-v-1c495f8a] {
  background-position-x: -96px;
}
.right-tools .tool-plexs-title .layericon[data-v-1c495f8a] {
  width: 12px;
  height: 15px;
  transform: rotate(90deg);
  display: flex;
  align-items: center;
  margin-left: auto;
  background: url(../svg/rightClickTool-choose-handle.svg?b693b660ef990b2dfba95316c103ec59) center no-repeat;
}
.right-tools .tool-copy .icon[data-v-1c495f8a] {
  background-position-x: -16px;
}
.right-tools .tool-group .icon[data-v-1c495f8a] {
  background-position-x: -96px;
}
.right-tools .tool-lock .icon[data-v-1c495f8a] {
  background-position-x: -111px;
}
.right-tools .tool-down .icon[data-v-1c495f8a] {
  background-position-x: -32px;
}
.right-tools .tool-up .icon[data-v-1c495f8a] {
  background-position-x: -48px;
}
.right-tools .tool-bottom .icon[data-v-1c495f8a] {
  background-position-x: -64px;
}
.right-tools .tool-top .icon[data-v-1c495f8a] {
  background-position-x: -80px;
}
.right-tools .cant-use[data-v-1c495f8a] {
  cursor: default;
  opacity: 0.3;
}
.right-tools .cant-use[data-v-1c495f8a]:hover {
  color: #626262;
  background: #fff;
}
.right-tools .cant-use:hover .cmd[data-v-1c495f8a] {
  background-position-y: 0;
}
.right-tools .cant-use:hover .icon[data-v-1c495f8a] {
  background-position-y: 0;
}
.tool-paste[data-v-1c495f8a] {
  display: block;
  height: 30px;
  width: 60px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  color: #626262;
  cursor: pointer;
}
.tool-paste[data-v-1c495f8a]:hover {
  color: #0773FC;
}
.tool-paste[data-v-1c495f8a]:active {
  background: #f8f8f8;
}
.cant-use[data-v-1c495f8a] {
  cursor: default;
  opacity: 0.3;
}
.cant-use[data-v-1c495f8a]:hover {
  color: #626262;
  background: #fff;
}

.layout-animation-wrap[data-v-60ba19ac] {
  position: absolute;
  animation: hidewrap-data-v-60ba19ac 2s cubic-bezier(0, 1.17, 1, 1);
}
.animation-default[data-v-60ba19ac] {
  width: 8px;
  height: 8px;
  margin-top: 6px;
  background: #9b9b9b;
}
.animation-default[data-v-60ba19ac]:first-child {
  margin-top: 0;
}
.animation-active[data-v-60ba19ac] {
  background: #07aefc;
}
.up-down[data-v-60ba19ac] {
  transform-origin: 4px 11px;
  transform: rotate(180deg);
  animation: animation-data-v-60ba19ac 0.5s cubic-bezier(0, 1.17, 1, 1);
}
.down-up[data-v-60ba19ac] {
  transform-origin: 4px -3px;
  transform: rotate(180deg);
  animation: animation-data-v-60ba19ac 0.5s cubic-bezier(0, 1.17, 1, 1);
}
@keyframes hidewrap-data-v-60ba19ac {
0% {
    opacity: 1;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
@keyframes animation-data-v-60ba19ac {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(180deg);
}
}

.move-guide .page-standard-guide[data-v-2c6861e3] {
  width: 100%;
  height: 1px;
  background: url(../svg/pageStandardGuide.png?590c85620617ac6b8378abff7faeea8e);
  position: absolute;
  left: 0px;
}
.move-guide .page-standard-guide[class~="page-top"][data-v-2c6861e3] {
  top: 0px;
}
.move-guide .page-standard-guide[class~="page-bottom"][data-v-2c6861e3] {
  bottom: 1px;
}
.move-guide .page-standard-guide[class~="page-standard-mid"][data-v-2c6861e3] {
  top: 50%;
}
.move-guide .page-vertical-guide[data-v-2c6861e3] {
  width: 1px;
  height: 100%;
  background: url(../svg/pageVerticalGuide.png?6e4be468add1401542b29c4da5bd73e9);
  position: absolute;
  top: 0px;
}
.move-guide .page-vertical-guide[class~="page-left"][data-v-2c6861e3] {
  left: 0px;
}
.move-guide .page-vertical-guide[class~="page-right"][data-v-2c6861e3] {
  right: 0px;
}
.move-guide .page-vertical-guide[class~="page-vertical-mid"][data-v-2c6861e3] {
  left: 50%;
}
.move-guide .ele-standard-guide[data-v-2c6861e3] {
  height: 1px;
  background: url(../svg/eleStandardGuide.png?2e431ab3296c10314732f22fbb69ab20);
  position: absolute;
}
.move-guide .ele-vertical-guide[data-v-2c6861e3] {
  width: 1px;
  background: url(../svg/eleVerticalGuide.png?5846643bea8b80335692a658aad75ee1);
  position: absolute;
}

#pageBleed .bleed_border[data-v-993f840a] {
  background-color: rgba(255, 255, 255, 0.3);
}
#pageBleed .bleed_top[data-v-993f840a] {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#pageBleed .bleed_right[data-v-993f840a] {
  position: absolute;
  right: 0px;
  border-left: 1px dashed #9B9B9B;
}
#pageBleed .bleed_bottom[data-v-993f840a] {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
#pageBleed .bleed_left[data-v-993f840a] {
  position: absolute;
  left: 0;
  border-right: 1px dashed #9B9B9B;
}
#pageBleed .bleed_ruler[data-v-993f840a] {
  background-color: #9B9B9B;
  position: absolute;
}
#pageBleed .bleed_ruler_top_left[data-v-993f840a] {
  width: 10px;
  height: 1px;
  left: -14px;
}
#pageBleed .bleed_ruler_top_right[data-v-993f840a] {
  width: 10px;
  height: 1px;
  right: -14px;
}
#pageBleed .bleed_ruler_right_top[data-v-993f840a] {
  width: 1px;
  height: 10px;
  top: -14px;
}
#pageBleed .bleed_ruler_right_bottom[data-v-993f840a] {
  width: 1px;
  height: 10px;
  bottom: -14px;
}
#pageBleed .bleed_ruler_bottom_right[data-v-993f840a] {
  width: 10px;
  height: 1px;
  right: -14px;
}
#pageBleed .bleed_ruler_bottom_left[data-v-993f840a] {
  width: 10px;
  height: 1px;
  left: -14px;
}
#pageBleed .bleed_ruler_left_top[data-v-993f840a] {
  width: 1px;
  height: 10px;
  top: -14px;
}
#pageBleed .bleed_ruler_left_bottom[data-v-993f840a] {
  width: 1px;
  height: 10px;
  bottom: -14px;
}
#pageBleed .bleed_line[data-v-993f840a] {
  height: 0;
  border-bottom: 1px dashed #9B9B9B;
  position: absolute;
}
#pageBleed .bleed_line_center_vertical[data-v-993f840a] {
  position: absolute;
  width: 1px;
  height: 100%;
  border-right: 1px dashed #9B9B9B;
  top: 0;
}

#pageResize .line[data-v-761affad] {
  opacity: 0.64;
  position: absolute;
}
#pageResize .bottom-line[data-v-761affad] {
  width: 100%;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  border-bottom-color: #BFBFBF;
  left: 0px;
  bottom: -18px;
}
#pageResize .right-line[data-v-761affad] {
  height: 100%;
  border-right-style: dashed;
  border-right-width: 1px;
  border-right-color: #BFBFBF;
  top: 0px;
  right: -18px;
}
#pageResize .bottom[data-v-761affad] {
  left: 50%;
  bottom: -24px;
  margin-left: -16px;
  cursor: ns-resize;
}
#pageResize .bottom[data-v-761affad]:hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}
#pageResize .right[data-v-761affad] {
  top: 50%;
  right: -33px;
  margin-top: -7px;
  transform: rotate(-90deg);
  cursor: ew-resize;
}
#pageResize .right[data-v-761affad]:hover {
  box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.16);
}
#pageResize .resize[data-v-761affad] {
  width: 32px;
  height: 13px;
  background: url(../svg/resize.svg?72fb4a953c33808d947176f14b14d424) no-repeat 0px 0px;
  position: absolute;
}
#pageResize .resize:hover .size-wrap[data-v-761affad] {
  display: block;
}
#pageResize .resize .size-wrap[data-v-761affad] {
  width: 155px;
  padding: 0 6px;
  height: 17px;
  position: absolute;
  top: 22px;
  left: 50%;
  display: none;
}
#pageResize .resize .size-wrap[class~="size-show"][data-v-761affad] {
  width: auto;
  display: block;
}
#pageResize .resize .size-wrap[class~="size-show"] .size[data-v-761affad] {
  color: #07aefc;
}
#pageResize .resize .size-wrap .size[data-v-761affad] {
  width: 100%;
  height: 100%;
  font-size: 12px;
  color: #9B9B9B;
  text-align: center;
  line-height: 17px;
  position: relative;
}
#pageResize .resize .size-wrap .size span[data-v-761affad] {
  white-space: nowrap;
}
#pageResize .resize[data-v-761affad]:hover {
  background: url(../svg/resize_hover.svg?943ab7c9c0b7caf60bf60f9dd46296f0) no-repeat 0px 0px;
}
#pageResize .resize[class~="active"][data-v-761affad] {
  background: url(../svg/resize_hover.svg?943ab7c9c0b7caf60bf60f9dd46296f0) no-repeat 0px 0px;
}

.svg-table[data-v-494693f8]:hover {
  border: 1px dashed;
}


#tip-hill-div {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 5px;
  border-radius: 5px;
}
#tip-hill-div > h1 {
  font-size: 14px;
  text-align: center;
}
#tip-hill-div > h2 {
  font-size: 12px;
  text-align: center;
}

.rect[data-v-73cd385f] {
  animation: stretch-data-v-73cd385f 0.7s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}
.rect[data-v-73cd385f]:nth-child(1) {
  animation-delay: 0.1s;
}
.rect[data-v-73cd385f]:nth-child(2) {
  animation-delay: 0.2s;
}
.rect[data-v-73cd385f]:nth-child(3) {
  animation-delay: 0.3s;
}
@keyframes stretch-data-v-73cd385f {
0% {
    transform: translate(0, 3px);
    height: 58.3%;
}
50% {
    transform: translate(0, 3px);
    height: 58.3%;
}
75% {
    transform: translate(0, 0px);
    height: 100%;
}
100% {
    transform: translate(0, 3px);
    height: 58.3%;
}
}


.hoveMove[data-v-2714dcf4] {
  cursor: move;
}

.cktelement {
  position: relative;
  transition: opacity 0.3s;
}
.cktelement .double-click-tip {
  display: none;
}
.cktelement:hover .double-click-tip {
  display: block;
}
.cktelement--fade-enter-active,
.cktelement--fade-leave-active {
  transition: opacity 0.8s;
}
.cktelement--fade-enter,
.cktelement--fade-leave-to {
  transform: translate(-100%);
  opacity: 0;
}
.cktelement--fadein {
  animation: 0.4s cktElemFadeIn 1;
}
@keyframes cktElemFadeIn {
0% {
    opacity: 0;
    transform: translate(0px, -100px);
}
50% {
    opacity: 1;
    transform: translate(0px, 0px);
}
75% {
    transform: translate(0px, -4px);
}
100% {
    transform: translate(0px, 0px);
}
}

.page {
  position: absolute;
  background-color: #FFF;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  transform: scale(0.6, 0.6);
  opacity: 0;
  transition: transform 0.5s linear, opacity 0.5s linear;
  transform-origin: center center;
}
.page .editor-back {
  position: absolute;
  background: rgba(0, 0, 0, 0.05);
}
.page-slow {
  transition: left 0.3s linear;
}
.hand {
  cursor: url(../svg/hand.png?d8e89c6c23c81f777535954c06c95f28), pointer !important;
}
.hand-mousedown {
  cursor: url(../svg/fist.png?5adac6fac6ec4d9f73eec918f60d97ff), pointer !important;
}
.page-fade-in {
  transform: scale(1, 1);
  opacity: 1;
}
.page-transition {
  transition: top 0.3s linear;
}
.new-gzh-banner-ruler {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.new-gzh-banner-ruler .ruler-top {
  position: absolute;
  top: 11.7%;
  width: 100%;
  height: 0;
  border-bottom: 1px dashed #F93310;
}
.new-gzh-banner-ruler .ruler-bottom {
  position: absolute;
  bottom: 11.7%;
  width: 100%;
  height: 0;
  border-bottom: 1px dashed #F93310;
}

.page-scale-set-wrap[data-v-4ef0650e] {
  z-index: 1;
  box-sizing: border-box;
  padding: 0 20px;
  height: 38px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 20px;
  position: absolute;
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 16px;
}
.page-scale-set-wrap .clearfix[data-v-4ef0650e]:before,
.page-scale-set-wrap .clearfix[data-v-4ef0650e]:after {
  display: table;
  content: " ";
}
.page-scale-set-wrap .clearfix[data-v-4ef0650e]:after {
  clear: both;
}
.page-scale-set-wrap .clearfix[data-v-4ef0650e] {
  *zoom: 1;
}
.page-scale-set-wrap .btn-text[data-v-4ef0650e] {
  font-size: 14px;
  opacity: 0.8;
  color: #fff;
  text-align: center;
  line-height: 38px;
  cursor:pointer;
}
.page-scale-set-wrap .page-scale-set[data-v-4ef0650e] {
  position: absolute;
  height: 38px;
}
.page-scale-set-wrap .page-scale-set .design-scale-btn[data-v-4ef0650e] {
  box-sizing: border-box;
  height: 100%;
  float: left;
  cursor: pointer;
}
.page-scale-set-wrap .page-scale-set .design-scale-btn[data-v-4ef0650e]:hover,
.page-scale-set-wrap .page-scale-set .design-scale-btn[class~='btn-hover'][data-v-4ef0650e] {
  background-color: rgba(0, 0, 0, 0.9);
}
.page-scale-set-wrap .page-scale-set .design-scale-sub[data-v-4ef0650e] {
  width: 32px;
  padding: 0 10px;
  margin-left: 10px;
}
.page-scale-set-wrap .page-scale-set .design-scale-sub .icon[data-v-4ef0650e] {
  width: 12px;
  height: 2px;
  margin-top: 18px;
  background: url(../svg/page_scale_icon.svg?4f5599e20daef884e13101637eac619b) no-repeat -76px -43px;
}
.page-scale-set-wrap .page-scale-set .design-scale-add[data-v-4ef0650e] {
  width: 32px;
  padding: 0 10px;
  margin-right: 10px;
}
.page-scale-set-wrap .page-scale-set .design-scale-add .icon[data-v-4ef0650e] {
  width: 12px;
  height: 12px;
  margin-top: 13px;
  background: url(../svg/page_scale_icon.svg?4f5599e20daef884e13101637eac619b) no-repeat -32px -38px;
}
.page-scale-set-wrap .page-scale-set .design-scale-num[data-v-4ef0650e] {
  width: 64px;
  height: 100%;
  position: relative;
  color: #353535;
  float: left;
  text-align: center;
}
.page-scale-set-wrap .page-scale-set .design-scale-num[data-v-4ef0650e]:hover,
.page-scale-set-wrap .page-scale-set .design-scale-num[class~='btn-hover'][data-v-4ef0650e] {
  background: rgba(0, 0, 0, 0.9);
}
.page-scale-set-wrap .page-scale-set .design-preview-switch[data-v-4ef0650e] {
  width: 60px;
  position: relative;
}
.page-scale-set-wrap .page-scale-set .design-preview-switch .preview-switch-icon[data-v-4ef0650e] {
  width: 20px;
  height: 12px;
  margin: 13px auto auto 20px;
  background: url(../svg/page_scale_icon.svg?4f5599e20daef884e13101637eac619b) no-repeat -204px -38px;
}
.page-scale-set-wrap .page-scale-set .design-new-banner-ruler-switch[data-v-4ef0650e] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
}
.page-scale-set-wrap .page-scale-set .design-new-banner-ruler-switch .design-new-banner-ruler-icon[data-v-4ef0650e] {
  width: 16px;
  height: 16px;
  background: url(../svg/page_ruler_gzh_ruler.svg?9b946676efe3e74cfc507b65efe43721) no-repeat 1px 2px;
}
.page-scale-set-wrap .page-scale-set .design-new-banner-ruler-switch .design-new-banner-ruler-icon.turn-on[data-v-4ef0650e] {
  background-position-x: -30px;
}
.page-scale-set-wrap .page-scale-set .design-ruler-switch[data-v-4ef0650e] {
  padding: 0 20px;
}
.page-scale-set-wrap .page-scale-set .design-ruler-switch[data-v-4ef0650e],
.page-scale-set-wrap .page-scale-set .design-scale-switch[data-v-4ef0650e] {
  position: relative;
}
.page-scale-set-wrap .page-scale-set .design-ruler-switch .ruler-switch-icon[data-v-4ef0650e],
.page-scale-set-wrap .page-scale-set .design-scale-switch .ruler-switch-icon[data-v-4ef0650e] {
  width: 16px;
  height: 16px;
  margin: 9px auto 0 auto;
  background: url(../svg/ruler_icon.svg?fc7cfdeae9252ac5351aa28836411148) no-repeat 0px 0px;
}
.page-scale-set-wrap .page-scale-set .design-ruler-switch .public-option-wrap[data-v-4ef0650e],
.page-scale-set-wrap .page-scale-set .design-scale-switch .public-option-wrap[data-v-4ef0650e] {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 6px;
  padding: 12px 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 44px;
}
.page-scale-set-wrap .page-scale-set .design-ruler-switch .public-option-wrap .triangle[data-v-4ef0650e],
.page-scale-set-wrap .page-scale-set .design-scale-switch .public-option-wrap .triangle[data-v-4ef0650e] {
  width: 0px;
  height: 0px;
  border: 5px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
}
.page-scale-set-wrap .page-scale-set .design-ruler-switch .public-option-wrap .ruler-option.extra[data-v-4ef0650e],
.page-scale-set-wrap .page-scale-set .design-scale-switch .public-option-wrap .ruler-option.extra[data-v-4ef0650e] {
  position: relative;
  margin-top: 10px;
}
.page-scale-set-wrap .page-scale-set .design-ruler-switch .public-option-wrap .ruler-option.extra[data-v-4ef0650e]::after,
.page-scale-set-wrap .page-scale-set .design-scale-switch .public-option-wrap .ruler-option.extra[data-v-4ef0650e]::after {
  position: absolute;
  content: '';
  height: 1px;
  opacity: 0.5;
  width: 80%;
  margin: auto;
  left: 0;
  right: 0;
  top: -5px;
  background-color: #fff;
}
.page-scale-set-wrap .page-scale-set .design-ruler-switch .public-option-wrap .ruler-option[data-v-4ef0650e],
.page-scale-set-wrap .page-scale-set .design-scale-switch .public-option-wrap .ruler-option[data-v-4ef0650e] {
  width: 100%;
  height: 27px;
  padding: 0 20px;
  opacity: 0.8;
  position: relative;
  line-height: 27px;
  text-align: center;
  box-sizing: border-box;
}
.page-scale-set-wrap .page-scale-set .design-ruler-switch .public-option-wrap .ruler-option[data-v-4ef0650e]:hover,
.page-scale-set-wrap .page-scale-set .design-scale-switch .public-option-wrap .ruler-option[data-v-4ef0650e]:hover {
  background: rgba(0, 0, 0, 0.9);
}
.page-scale-set-wrap .page-scale-set .design-ruler-switch .public-option-wrap .ruler-option .option-icon-standard[data-v-4ef0650e],
.page-scale-set-wrap .page-scale-set .design-scale-switch .public-option-wrap .ruler-option .option-icon-standard[data-v-4ef0650e],
.page-scale-set-wrap .page-scale-set .design-ruler-switch .public-option-wrap .ruler-option .option-icon-vertical[data-v-4ef0650e],
.page-scale-set-wrap .page-scale-set .design-scale-switch .public-option-wrap .ruler-option .option-icon-vertical[data-v-4ef0650e] {
  width: 26px;
  height: 22px;
  float: left;
}
.page-scale-set-wrap .page-scale-set .design-ruler-switch .public-option-wrap .ruler-option .option-icon-standard[data-v-4ef0650e],
.page-scale-set-wrap .page-scale-set .design-scale-switch .public-option-wrap .ruler-option .option-icon-standard[data-v-4ef0650e] {
  background: url(../svg/page_ruler_standard.svg?d3b3e9e2fd3d90b95756c77906f0a9d7) no-repeat 5px 3px;
}
.page-scale-set-wrap .page-scale-set .design-ruler-switch .public-option-wrap .ruler-option .option-icon-vertical[data-v-4ef0650e],
.page-scale-set-wrap .page-scale-set .design-scale-switch .public-option-wrap .ruler-option .option-icon-vertical[data-v-4ef0650e] {
  background: url(../svg/page_ruler_vertical.svg?1c10ca755f09732bc8c6ad5ad1907644) no-repeat 5px 3px;
}
.page-scale-set-wrap .page-scale-set .design-ruler-switch .public-option-wrap .ruler-option .option-text[data-v-4ef0650e],
.page-scale-set-wrap .page-scale-set .design-scale-switch .public-option-wrap .ruler-option .option-text[data-v-4ef0650e] {
  cursor: pointer;
  font-size: 12px;
  color: #fff;
  line-height: 27px;
  white-space: nowrap;
}
.page-scale-set-wrap .page-scale-set .design-psd-upload[data-v-4ef0650e] {
  width: 56px;
  height: 38px;
}
.page-scale-set-wrap .page-scale-set .design-psd-upload .design-psd-icon[data-v-4ef0650e] {
  width: 16px;
  height: 10px;
  margin: 14px auto auto 20px;
  background: url(../svg/page_scale_icon.svg?4f5599e20daef884e13101637eac619b) no-repeat -258px -39px;
}
.page-scale-set-wrap .page-scale-set .design-ppt-upload[data-v-4ef0650e] {
  width: 66px;
  height: 100%;
}
.page-scale-set-wrap .page-scale-set .design-ppt-upload .design-ppt-icon[data-v-4ef0650e] {
  width: 26px;
  height: 10px;
  margin: 14px auto auto 20px;
  background: url(../svg/page_scale_icon.svg?4f5599e20daef884e13101637eac619b) no-repeat -308px -39px;
}

.page-navigator-wrap[data-v-723e5fe7] {
  width: 0;
  height: 0;
  position: absolute;
  right: 46px;
  bottom: 18px;
  z-index: 1;
}
.page-navigator-wrap .page-thumb-content[data-v-723e5fe7] {
  box-sizing: border-box;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 0;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 0;
  right: -28px;
  transition: width 0.4s, height 0.4s, padding 0.4s;
}
.page-navigator-wrap .page-thumb-content .page-thumb[data-v-723e5fe7] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-navigator-wrap .page-thumb-content .page-thumb .cover[data-v-723e5fe7] {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
}
.page-navigator-wrap .page-thumb-content .page-thumb img[data-v-723e5fe7] {
  width: 100%;
  height: 100%;
}
.page-navigator-wrap .page-thumb-content .page-view[data-v-723e5fe7] {
  width: 50px;
  height: 50px;
  /*outline: 2px solid #07AEFC;*/
  outline: 2px solid #0773FC;
  overflow: hidden;
  position: absolute;
  top: 30px;
  left: 30px;
  cursor: move;
}
.page-navigator-wrap .page-thumb-content .page-view .page-view-img[data-v-723e5fe7] {
  position: absolute;
}
.page-navigator-wrap .scale-switch[data-v-723e5fe7] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  left: -6px;
  cursor: pointer;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  background: url(../svg/page_scale_icon.svg?4f5599e20daef884e13101637eac619b) no-repeat -150px -27px #333;
}
.page-navigator-wrap .scale-switch[class~="thumb-open"][data-v-723e5fe7] {
  background: url(../svg/page_scale_icon.svg?4f5599e20daef884e13101637eac619b) no-repeat -109px -28px #333;
}

.page-circle-select-wrap[data-v-c9e0a5b6] {
  position: absolute;
  display: inline-block;
  background-color: rgba(0, 136, 187, 0.05);
  border: 1px solid #08B;
}

.ruler-position-animaiton-enter-active[data-v-b3ca360c] {
  transition: opacity 0.4s;
}
.ruler-position-animaiton-enter[data-v-b3ca360c] {
  opacity: 0;
}
.ruler-position-animaiton-enter-to[data-v-b3ca360c] {
  opacity: 1;
}
.ruler-position-animaiton-leave-active[data-v-b3ca360c] {
  transition: opacity 0.4s;
}
.ruler-position-animaiton-leave[data-v-b3ca360c] {
  opacity: 1;
}
.ruler-position-animaiton-leave-to[data-v-b3ca360c] {
  opacity: 0;
}
#pageRuler .ruler-line[data-v-b3ca360c] {
  position: absolute;
  background-color: #F93310;
}
#pageRuler .ruler-line[class~="ruler-vertical"][data-v-b3ca360c] {
  width: 1px;
  height: 100%;
  left: 0;
  cursor: url(../svg/cursor_vertical.svg?0109b113c1c3684039010aba497a288d) 5.5 9, auto;
}
#pageRuler .ruler-line[class~="ruler-vertical"][data-v-b3ca360c]:after {
  content: "";
  position: absolute;
  left: -6px;
  right: -6px;
  top: -6px;
  bottom: -6px;
}
#pageRuler .ruler-line[class~="ruler-broadwise"][data-v-b3ca360c] {
  width: 100%;
  height: 1px;
  top: 0;
  cursor: url(../svg/cursor_broadwise.svg?15f2592a6c967d826c21d672c4cfd643) 9 5.5, auto;
}
#pageRuler .ruler-line[class~="ruler-broadwise"][data-v-b3ca360c]:after {
  content: "";
  position: absolute;
  left: -6px;
  right: -6px;
  top: -6px;
  bottom: -6px;
}
#pageRuler .x-position[data-v-b3ca360c],
#pageRuler .y-position[data-v-b3ca360c] {
  width: auto;
  height: 18px;
  font-size: 10px;
  line-height: 18px;
  color: #FFF;
  text-align: center;
  padding: 0 4px;
  background-color: #C4C4C4;
  position: absolute;
}
#pageRuler .y-position[data-v-b3ca360c] {
  left: 20px;
}
#pageRuler .x-position[data-v-b3ca360c] {
  top: 20px;
}

#pptUpload .pptUpload[data-v-df249552] {
  width: 550px;
  height: 390px;
  background: #ffffff;
  border-radius: 3px;
  text-align: center;
  padding-top: 28px;
}
#pptUpload .pptUpload .pptUpload-title[data-v-df249552] {
  height: 24px;
  margin-top: 0;
}
#pptUpload .pptUpload .pptUpload-title span[data-v-df249552] {
  font-size: 24px;
  line-height: 24px;
  color: #343434;
  font-weight: bold;
}
#pptUpload .pptUpload .pptUpload-tips[data-v-df249552] {
  height: 14px;
  margin-top: 16px;
}
#pptUpload .pptUpload .pptUpload-tips span[data-v-df249552] {
  font-size: 14px;
  line-height: 14px;
  color: #626262;
  font-weight: bold;
}
#pptUpload .pptUpload .pptUpload-func[data-v-df249552] {
  height: 207px;
  width: 207px;
  margin: 25px auto;
  padding-top: 143px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
#pptUpload .pptUpload .pptUpload-func[class~='uploading'][data-v-df249552]:after {
  background: url(../svg/uploadBlock-1.svg?d72048aed9731d8589383e07016f7d30);
}
#pptUpload .pptUpload .pptUpload-func[class~='uploading'][data-v-df249552]:hover::after {
  background: url(../svg/uploadBlock-1.svg?d72048aed9731d8589383e07016f7d30);
}
#pptUpload .pptUpload .pptUpload-func[data-v-df249552]:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 207px;
  height: 207px;
  background: url(../svg/uploadBlock.svg?a458bf552c72d56caf5ec9f2df9e28a7);
}
#pptUpload .pptUpload .pptUpload-func[data-v-df249552]:hover::after {
  background: url(../svg/uploadBlock-hover.svg?75a14cbde30977428030032d542f2e7c);
}
#pptUpload .pptUpload .pptUpload-func .pptUpload-func-text[data-v-df249552] {
  width: 100%;
  margin-top: 0;
}
#pptUpload .pptUpload .pptUpload-func .pptUpload-func-text span[data-v-df249552] {
  font-size: 14px;
  line-height: 18px;
  color: #9b9b9b;
  font-weight: bold;
}
#pptUpload .pptUpload .pptUpload-func .pptUpload-func-text span a[data-v-df249552] {
  color: #07aefc;
}
#pptUpload .pptUpload .pptUpload-func .anim-enter-active[data-v-df249552],
#pptUpload .pptUpload .pptUpload-func .anim-leave-active[data-v-df249552] {
  opacity: 1;
  transition: opacity 0.2s ease;
}
#pptUpload .pptUpload .pptUpload-func .anim-enter[data-v-df249552],
#pptUpload .pptUpload .pptUpload-func .anim-leave-to[data-v-df249552] {
  opacity: 0;
}
#pptUpload .pptUpload .pptUpload-func .pptUpload-func-progress .pptUpload-func-progress-inner[data-v-df249552] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#pptUpload .pptUpload .pptUpload-func .pptUpload-func-progress .pptUpload-func-progress-inner .pptUpload-func-progress-bar[data-v-df249552] {
  width: 122px;
  height: 14px;
  background: #d8d8d8;
  border-radius: 7px;
  overflow: hidden;
}
#pptUpload .pptUpload .pptUpload-func .pptUpload-func-progress .pptUpload-func-progress-inner .pptUpload-func-progress-bar .bar[data-v-df249552] {
  height: 14px;
  background: #07aefc;
  border-radius: 7px;
  transition: width 0.2s ease;
}
#pptUpload .pptUpload .pptUpload-func .pptUpload-func-progress .pptUpload-func-progress-inner .text[data-v-df249552] {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  margin-top: 6px;
  color: #9b9b9b;
}
#pptUpload .pptUpload .pptUpload-func .pptUpload-func-progress .pptUpload-func-progress-finish[data-v-df249552] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 58px;
  height: 58px;
  background-image: url(../svg/uploadFinish.svg?e53ee47dbb31bd07b0322f8b26815ab7);
  background-repeat: no-repeat;
  background-size: 58px 58px;
}
#pptUpload .pptUpload .pptUpload-ques[data-v-df249552] {
  height: 14px;
}
#pptUpload .pptUpload .pptUpload-ques span[data-v-df249552],
#pptUpload .pptUpload .pptUpload-ques a[data-v-df249552] {
  font-size: 14px;
  line-height: 17px;
  color: #9b9b9b;
  /*font-weight: bold;*/
  /*cursor: pointer;*/
  /*&:hover {*/
  /*color: #07AEFC;*/
  /*}*/
}
#pptUpload .pptUpload .pptUpload-again[data-v-df249552] {
  height: 40px;
  width: 207px;
  background: #07aefc;
  margin: 0 auto;
  cursor: pointer;
}
#pptUpload .pptUpload .pptUpload-again span[data-v-df249552] {
  line-height: 40px;
  color: #ffffff;
  font-size: 14px;
}

.wxpreview-wrap[data-v-084e826b] {
  width: 846px;
  height: 538px;
  display: block;
  background: #ffffff;
}
.wxpreview-wrap .wxpreview-title-wrap[data-v-084e826b] {
  height: 72px;
  width: 100%;
  border-bottom: 1px solid #E5E8EB;
}
.wxpreview-wrap .wxpreview-title-wrap h2[data-v-084e826b] {
  font-size: 16px;
  padding: 25px 28px;
}
.wxpreview-wrap .wxpreview-body-wrap[data-v-084e826b] {
  height: 365px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 30px 45px 0;
  box-sizing: border-box;
}
.wxpreview-wrap .wxpreview-body-left-content[data-v-084e826b] {
  float: left;
  margin-right: 30px;
  width: 280px;
  text-align: center;
}
.wxpreview-wrap .wxpreview-body-left-content .wxpreview-body-left-content-title[data-v-084e826b] {
  font-size: 14px;
  color: #353535;
  margin: 0px;
  margin-bottom: 20px;
}
.wxpreview-wrap .wxpreview-body-left-content .left-main-pic-container[data-v-084e826b] {
  width: 249px;
  height: 142px;
  position: relative;
  outline: 1px solid #e7e7eb;
  background-color: #f4f5f9;
  margin: 0 auto;
  /*&:after {*/
  /*content: '';*/
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*background: ;*/
  /*}*/
}
.wxpreview-wrap .wxpreview-body-left-content .left-main-pic-container .left-main-pic[data-v-084e826b] {
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0.6;
}
.wxpreview-wrap .wxpreview-body-left-content .left-main-pic-container .left-main-pic-container-operator-border[data-v-084e826b] {
  position: absolute;
  cursor: move;
  background: repeating-linear-gradient(135deg, transparent, transparent 3px, rgba(51, 51, 51, 0.5) 3px, rgba(51, 51, 51, 0.5) 8px);
  animation: shine-data-v-084e826b 1s infinite linear;
}
@keyframes shine-data-v-084e826b {
0% {
    background-position: -1px -1px;
}
100% {
    background-position: -12px -12px;
}
}
.wxpreview-wrap .wxpreview-body-left-content .left-main-pic-container .left-main-pic-container-operator-border .left-main-pic-container-operator[data-v-084e826b] {
  position: absolute;
  cursor: move;
  /*& > img {*/
  /*position: absolute;*/
  /*display: block;*/
  /*}*/
}
.wxpreview-wrap .wxpreview-body-left-content .left-main-pic-container .left-main-pic-container-operator-border .left-main-pic-container-operator[data-v-084e826b]:after {
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
}
.wxpreview-wrap .wxpreview-body-left-content .left-main-pic-container .left-main-pic-container-operator-border .left-main-pic-container-operator .img-container[data-v-084e826b] {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.wxpreview-wrap .wxpreview-body-left-content .left-main-pic-container .left-main-pic-container-operator-border .left-main-pic-container-operator .img-container > img[data-v-084e826b] {
  position: absolute;
  display: block;
}
.wxpreview-wrap .wxpreview-body-left-content .left-main-pic-container .left-main-pic-container-operator-border .left-main-pic-container-operator .operator-right[data-v-084e826b] {
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -2px;
  cursor: ew-resize;
  z-index: 9;
}
.wxpreview-wrap .wxpreview-body-left-content .left-main-pic-container .left-main-pic-container-operator-border .left-main-pic-container-operator .operator-bottom[data-v-084e826b] {
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: -2px;
  left: 0;
  cursor: ns-resize;
  z-index: 9;
}
.wxpreview-wrap .wxpreview-body-left-content .left-main-pic-container .left-main-pic-container-operator-border .left-main-pic-container-operator .operator-left[data-v-084e826b] {
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -2px;
  cursor: ew-resize;
  z-index: 9;
}
.wxpreview-wrap .wxpreview-body-left-content .left-main-pic-container .left-main-pic-container-operator-border .left-main-pic-container-operator .operator-top[data-v-084e826b] {
  width: 100%;
  height: 4px;
  position: absolute;
  top: -2px;
  left: 0;
  cursor: ns-resize;
  z-index: 9;
}
.wxpreview-wrap .wxpreview-body-left-content .left-main-pic-container .left-main-pic-container-operator-border .left-main-pic-container-operator .operator-top-right[data-v-084e826b] {
  width: 7px;
  height: 7px;
  border: 1px #eee solid;
  background: #333333;
  position: absolute;
  top: -4px;
  right: -4px;
  z-index: 9;
  cursor: nesw-resize;
  box-sizing: content-box;
  opacity: 0.5;
}
.wxpreview-wrap .wxpreview-body-left-content .left-main-pic-container .left-main-pic-container-operator-border .left-main-pic-container-operator .operator-bottom-right[data-v-084e826b] {
  width: 7px;
  height: 7px;
  border: 1px #eee solid;
  background: #333333;
  position: absolute;
  bottom: -4px;
  right: -4px;
  z-index: 9;
  cursor: nwse-resize;
  box-sizing: content-box;
  opacity: 0.5;
}
.wxpreview-wrap .wxpreview-body-left-content .left-main-pic-container .left-main-pic-container-operator-border .left-main-pic-container-operator .operator-bottom-left[data-v-084e826b] {
  width: 7px;
  height: 7px;
  border: 1px #eee solid;
  background: #333333;
  position: absolute;
  left: -4px;
  bottom: -4px;
  z-index: 9;
  cursor: nesw-resize;
  box-sizing: content-box;
  opacity: 0.5;
}
.wxpreview-wrap .wxpreview-body-left-content .left-main-pic-container .left-main-pic-container-operator-border .left-main-pic-container-operator .operator-top-left[data-v-084e826b] {
  width: 7px;
  height: 7px;
  border: 1px #eee solid;
  background: #333333;
  position: absolute;
  top: -4px;
  left: -4px;
  z-index: 9;
  cursor: nwse-resize;
  box-sizing: content-box;
  opacity: 0.5;
}
.wxpreview-wrap .wxpreview-body-left-content .wxpreview-body-left-content-text[data-v-084e826b] {
  margin: 0px;
  margin-top: 20px;
  line-height: 22px;
  font-size: 14px;
  color: #9a9a9a;
}
.wxpreview-wrap .wxpreview-body-left-content .wxpreview-body-left-content-selector[data-v-084e826b] {
  display: inline-block;
  width: 124px;
  height: 36px;
  overflow: hidden;
  border: 1px #e4e8eb solid;
  border-radius: 3px;
}
.wxpreview-wrap .wxpreview-body-left-content .wxpreview-body-left-content-selector > span[data-v-084e826b] {
  width: 60px;
  padding: 0 10px;
  box-sizing: border-box;
  line-height: 36px;
  color: #353535;
  display: block;
  float: left;
  text-align: center;
  background-color: #fbfbfb;
  border: none;
  position: relative;
  cursor: pointer;
}
.wxpreview-wrap .wxpreview-body-left-content .wxpreview-body-left-content-selector > span[data-v-084e826b]:nth-child(1) {
  margin-right: 1px;
  width: 61px;
}
.wxpreview-wrap .wxpreview-body-left-content .wxpreview-body-left-content-selector > span[data-v-084e826b]:nth-child(1):after {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -1px;
  background: #e4e8eb;
}
.wxpreview-wrap .wxpreview-body-left-content .wxpreview-body-left-content-selector > span[data-v-084e826b]:hover {
  background-color: #eff0f2;
}
.wxpreview-wrap .wxpreview-body-left-content .wxpreview-body-left-content-selector > span[class~='active'][data-v-084e826b] {
  color: #0773FC;
}
.wxpreview-wrap .wxpreview-body-right-content[data-v-084e826b] {
  width: 446px;
  height: 300px;
}
.wxpreview-wrap .wxpreview-body-right-content .wxpreview-body-right-content-title[data-v-084e826b] {
  font-size: 14px;
  color: #353535;
  margin: 0px;
  margin-bottom: 20px;
  text-align: center;
}
.wxpreview-wrap .wxpreview-body-right-content .wxpreview-right-list-item[data-v-084e826b] {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 20px;
  background-repeat: no-repeat;
}
.wxpreview-wrap .wxpreview-body-right-content .wxpreview-right-list-item .img-box[data-v-084e826b] {
  width: 150px;
  height: 84px;
  background-size: 150px 84px;
  background-position: 0px 0px;
}
.wxpreview-wrap .wxpreview-body-right-content .wxpreview-right-list-item .info-box[data-v-084e826b] {
  width: 263px;
  height: 64px;
  margin-left: 14px;
}
.wxpreview-wrap .wxpreview-body-right-content .wxpreview-right-list-item .info-box h4[data-v-084e826b] {
  font-size: 14px;
  color: #343434;
  padding: 5px 0px;
  margin: 0px;
}
.wxpreview-wrap .wxpreview-body-right-content .wxpreview-right-list-item .info-box p[data-v-084e826b] {
  padding: 5px 0px;
  font-size: 14px;
  color: #9A9A9A;
  margin: 0px;
}
.wxpreview-wrap .wxpreview-body-right-content .item2 .img-box[data-v-084e826b] {
  height: 64px;
  background-position: 0px -10px;
}
.wxpreview-wrap .wxpreview-body-right-content .item3 .img-box[data-v-084e826b] {
  height: 150px;
  background-size: 268px 150px;
  background-position: -59px 0px;
}
.wxpreview-wrap .wxpreview-footer-wrap[data-v-084e826b] {
  height: 100px;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wxpreview-wrap .wxpreview-footer-wrap .wxpreview-footer-closebtn[data-v-084e826b] {
  width: 104px;
  height: 30px;
  color: #ffffff;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: #0773FC;
}

.page-background-img[data-v-41c260fc] {
  position: absolute;
}
.page-background-img img[data-v-41c260fc] {
  display: block;
  width: 100%;
  height: 100%;
}

#pageWrap[data-v-c52e98a0] {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.3s linear;
}
.onload[data-v-c52e98a0] {
  opacity: 0;
}

.slider[data-v-4713efac] {
  position: relative;
  width: 300px;
  height: 40px;
  background: #fff;
  z-index: 1;
  border-radius: 4px;
  cursor: default;
}
.slider[data-v-4713efac]:after {
  content: "";
  display: table;
  clear: both;
}
.slider-label[data-v-4713efac] {
  position: absolute;
  left: 16px;
  line-height: 40px;
}
.slider-area[data-v-4713efac] {
  position: absolute;
  left: 67px;
  width: 160px;
  height: 40px;
}
.slider-area .slider-back[data-v-4713efac] {
  position: absolute;
  top: 22px;
  width: 0;
  height: 0;
  border-left: 160px solid transparent;
  border-bottom: 5px solid #515151;
  cursor: pointer;
}
.slider-area .slider-back[data-v-4713efac]:before {
  content: "";
  position: absolute;
  left: -160px;
  top: -7px;
  height: 16px;
  width: 160px;
}
.slider-area .slider-block[data-v-4713efac] {
  position: absolute;
  top: 18px;
  left: 72px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #515151;
  cursor: pointer;
}
.slider-area .slider-block[data-v-4713efac]:before {
  position: absolute;
  left: -11px;
  bottom: 11px;
  content: attr(data-value);
  width: 24px;
  text-align: center;
  font-size: 14px;
}
.slider-input[data-v-4713efac] {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 50px;
  height: 30px;
  padding-left: 10px;
  border: 1px solid #E6E6E6;
  background-color: #F4F4F4;
  box-sizing: border-box;
}

.ss-switch[data-v-10ef3b81] {
  display: inline-block;
  width: 32px;
  height: 18px;
  border-radius: 18px;
  vertical-align: middle;
  background-color: #ECECEC;
  position: relative;
  cursor: pointer;
  user-select: none;
  transition: all 0.2s ease-in-out;
}
.ss-switch[data-v-10ef3b81]:after {
  content: '';
  width: 14px;
  height: 14px;
  border-radius: 7px;
  background-color: #BFBFBF;
  position: absolute;
  top: 2px;
  left: 2px;
  cursor: pointer;
  transition: left 0.2s ease-in-out, width 0.2s ease-in-out;
}
.ss-switch[data-v-10ef3b81]:active:after {
  width: 18px;
}
.ss-switch[data-v-10ef3b81]:focus {
  box-shadow: 0 0 0 2px rgba(45, 140, 240, 0.2);
  outline: 0;
}
.ss-switch[data-v-10ef3b81]:focus:hover {
  box-shadow: none;
}
.ss-switch-checked[data-v-10ef3b81] {
  background: linear-gradient(to bottom right, #5EA2FF, #00E3FF);
}
.ss-switch-checked[data-v-10ef3b81]:after {
  left: 16px;
  background-color: #fff;
}
.ss-switch-disabled[data-v-10ef3b81] {
  cursor: not-allowed;
  background-color: #f3f3f3;
  border: #f3f3f3 solid 1px;
}
.ss-switch-disabled[data-v-10ef3b81]:after {
  left: 1px;
  top: 1px;
  background-color: #ccc;
  cursor: not-allowed;
}

.color-board-colors[data-v-abdca688] {
  display: inline-block;
  position: relative;
  width: 100%;
  max-height: 320px;
  padding: 15px 15px 5px 15px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 5px;
  overflow-y: auto;
  overflow-x: hidden;
}
.color-board-colors[data-v-abdca688]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.color-board-colors[data-v-abdca688]::-webkit-scrollbar-corner {
  background-color: #2E343C;
}
.color-board-colors[data-v-abdca688]::-webkit-scrollbar-thumb:vertical {
  background-color: rgba(98, 105, 112, 0.6);
  border-radius: 3px;
}
.color-board-colors[data-v-abdca688]::-webkit-scrollbar-thumb:horizontal {
  background-color: rgba(98, 105, 112, 0.6);
  border-radius: 3px;
}
.color-board-colors[data-v-abdca688]:after {
  content: '';
  display: block;
  clear: both;
}
.color-board-colors .colors-title[data-v-abdca688] {
  margin: 4px 0;
  line-height: 14px;
  font-size: 14px;
  text-align: left;
  color: #9B9B9B;
}
.color-board-colors .color-board-colors-colors[data-v-abdca688] {
  width: 100%;
  padding-top: 8px;
  box-sizing: border-box;
}
.color-board-colors .color-board-colors-colors[data-v-abdca688]:after {
  content: '';
  display: block;
  clear: both;
}
.color-board-colors .color-board-colors-colors .color-board-colors-items[data-v-abdca688] {
  width: 27px;
  height: 27px;
  display: block;
  margin: 0 9px 10px 0;
  float: left;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  cursor: pointer;
  transition: all 0.1s ease;
}
.color-board-colors .color-board-colors-colors .color-board-colors-items[class~='add-color'][data-v-abdca688] {
  background: url(../svg/addcolor.png?425e2c82f3706fdb0db0093522fea2cd);
  background-size: 27px 27px;
}
.color-board-colors .color-board-colors-colors .color-board-colors-items[class~='add-color'][data-v-abdca688]:after {
  content: '';
  display: block;
  margin: 8px;
  width: 11px;
  height: 11px;
  background: url(../svg/addcolor-+.svg?cb41d2274a95d1f7ae31dd571eead582) no-repeat;
}
.color-board-colors .color-board-colors-colors .color-board-colors-items[class~='hidden'][data-v-abdca688] {
  visibility: hidden;
}
.color-board-colors .color-board-colors-colors .color-board-colors-items[data-v-abdca688]:hover {
  transform: scale(1.2);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.32);
}
.color-board-colors .color-board-colors-colors .color-board-colors-items[data-v-abdca688]:nth-child(8n) {
  margin: 0 0 10px 0;
}

.common-tools[data-v-0bb4f64b] {
  display: inline-block;
  height: 42px;
}
.cant-use[data-v-0bb4f64b] {
  cursor: default;
}
.cant-use span[data-v-0bb4f64b] {
  opacity: 0.3;
}
.cant-use[data-v-0bb4f64b]:hover {
  background: #fff !important;
}
.tools-icon-wrap[data-v-0bb4f64b] {
  position: relative;
  /*width: 35px;*/
  height: 42px;
  float: left;
  cursor: pointer;
  text-align: center;
  font-size: 13px;
  color: #515151;
  display: block;
}
.tools-icon-wrap[class~='text-btn'][data-v-0bb4f64b] {
  width: auto;
}
.tools-icon-wrap[class~='text-btn'] .tools-text[data-v-0bb4f64b] {
  display: inline-block;
  font-size: 12px;
  line-height: 26px;
  margin-top: 7px;
  border: 1px solid transparent;
  padding: 0px 6px;
  border-radius: 4px;
}
.tools-icon-wrap .tools-icon[data-v-0bb4f64b] {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.tools-icon-wrap:hover .tools-text[data-v-0bb4f64b] {
  color: #07afec;
}
.tools-icon-wrap #tools-opacity-wrap[data-v-0bb4f64b] {
  position: absolute;
  width: 300px;
  height: 40px;
  top: 50px;
  left: 0px;
  margin-left: -60px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  background-color: #ffffff;
}
.tools-icon-wrap #tools-opacity-wrap[data-v-0bb4f64b]:before {
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: #fff;
  position: absolute;
  top: -12px;
  right: 144px;
}
.tools-icon-wrap #tool-bar-reverse-wrap .tool-bar-lr .icon[data-v-0bb4f64b] {
  background: url(../svg/top-rotate.svg?25a7544d72ac2c145e3f7243881d5aa1) no-repeat 2px 4px;
  background-size: 16px;
}
.tools-icon-wrap #tool-bar-reverse-wrap .tool-bar-tb .icon[data-v-0bb4f64b] {
  background: url(../svg/right-rotate.svg?d085429f3474f08bd14dc1212a1a0dd1) no-repeat 2px 4px;
  background-size: 16px;
}
.tools-icon-wrap #tool-bar-sort[data-v-0bb4f64b] {
  background: url(../svg/move.svg?9bd6a8a8ad8fceb8c72bb12bdd55a245) no-repeat 0px 0px;
  background-size: 100% auto;
}
.tools-icon-wrap #tool-bar-opacity[data-v-0bb4f64b] {
  background: url(../svg/opacity.png?f29c566edaf6937998ce06196850342d) no-repeat 0px 0px;
  background-size: 100% auto;
}
.tools-icon-wrap #tool-bar-reverse[data-v-0bb4f64b] {
  background: url(../svg/reverseY.svg?c3c71f08da9fbfcc26bc7fe5fdbc3bf4) no-repeat 0px 0px;
  background-size: 100% auto;
}
.tools-icon-wrap #tool-bar-shadow[data-v-0bb4f64b] {
  background: url(../svg/shadow_new.svg?bf2e34375be1ac42907eecc3fd9cfeea) no-repeat 0 0;
  /*background-size:100% auto;*/
}
.tools-icon-wrap .tool-bar-lock[data-v-0bb4f64b] {
  background: url(../svg/lock.svg?aa0058c12cda6f2af18c1ccfea9464ec) no-repeat 0px 0px;
  background-size: 100% auto;
}
.tools-icon-wrap .tools-bar-locked[data-v-0bb4f64b] {
  background-position-y: -60px;
}
.tools-icon-wrap #tool-bar-delete[data-v-0bb4f64b] {
  background: url(../svg/del.svg?cb31bafff6f408ce581c50dd6e7c9cf5) no-repeat 0px 0px;
  background-size: 100% auto;
}
.tools-icon-wrap .tools-text[data-v-0bb4f64b] {
  line-height: 42px;
}
.tools-icon-wrap[class~='text-btn']:hover span[data-v-0bb4f64b] {
  border: 1px solid #07afec;
  background-color: #f4f4f4;
  color: #07afec;
}
.tools-icon-wrap[class~='text-btn'][data-v-0bb4f64b]:hover:before {
  content: attr(data-tip);
  font-size: 12px;
  line-height: 12px;
  background-color: #000;
  color: #fff;
  padding: 4px 8px;
  position: absolute;
  top: 49px;
  left: -1.5px;
  white-space: pre;
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
}
.tools-icon-wrap[class~='text-btn'][data-v-0bb4f64b]:hover:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 4px solid #000;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 45px;
  left: 14.5px;
}
.tools-icon-wrap[class~='icon-btn']:hover .back[data-v-0bb4f64b] {
  display: block;
}
.tools-icon-wrap[class~='icon-btn']:hover #tool-bar-sort[data-v-0bb4f64b] {
  background-position: 0px -20px;
}
.tools-icon-wrap[class~='icon-btn']:hover #tool-bar-opacity[data-v-0bb4f64b] {
  background-position: 0px -20px;
}
.tools-icon-wrap[class~='icon-btn']:hover #tool-bar-reverse[data-v-0bb4f64b] {
  background-position: 0px -20px;
}
.tools-icon-wrap[class~='icon-btn']:hover .tool-bar-lock[data-v-0bb4f64b] {
  background-position: 0px -20px;
}
.tools-icon-wrap[class~='icon-btn']:hover #tool-bar-delete[data-v-0bb4f64b] {
  background-position: 0px -20px;
}
.tools-icon-wrap[class~='icon-btn']:hover #tool-bar-delete.ban-del-btn[data-v-0bb4f64b] {
  background-position: 0px 0px;
}
.tools-icon-wrap[class~='icon-btn']:hover #tool-bar-shadow[data-v-0bb4f64b] {
  background-position-y: -20px;
}
.tools-icon-wrap[class~='icon-btn'][data-v-0bb4f64b]:hover:before {
  content: attr(data-tip);
  font-size: 12px;
  line-height: 12px;
  background-color: #000;
  color: #fff;
  padding: 4px 8px;
  position: absolute;
  top: 49px;
  left: 0;
  white-space: pre;
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
}
.tools-icon-wrap[class~='icon-btn'][data-v-0bb4f64b]:hover:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 4px solid #000;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 45px;
  left: 16px;
}
.tools-icon-wrap[class~='icon-btn']:hover[class~='tools-opacity'][data-v-0bb4f64b]:before {
  content: attr(data-tip);
  left: -6px;
}
.tools-icon-wrap[class~='icon-btn']:hover[class~='tools-opacity'][data-v-0bb4f64b]:after {
  content: '';
  left: 16px;
}
.tools-icon-wrap[class~='icon-btn']:hover[class~='tools-shadow'][data-v-0bb4f64b]:after,
.tools-icon-wrap[class~='icon-btn']:hover[class~='tools-lock'][data-v-0bb4f64b]:after,
.tools-icon-wrap[class~='icon-btn']:hover[class~='tools-del'][data-v-0bb4f64b]:after {
  content: '';
  left: 16px;
}
.tools-icon-wrap[class~='open-fall'][data-v-0bb4f64b] {
  background-color: #f3f4f9;
}
.tools-icon-wrap[class~='open-fall'][data-v-0bb4f64b]:before {
  content: '';
  display: none;
}
.tools-icon-wrap[class~='open-fall'][data-v-0bb4f64b]:after {
  content: '';
  display: none;
}
.tools-opacity[data-v-0bb4f64b]:hover:before {
  left: -10px;
}
.tool-sort-child[data-v-0bb4f64b] {
  position: absolute;
  z-index: 1;
  top: 44px;
  width: 104px;
  left: -34.5px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.tool-sort-child li[data-v-0bb4f64b] {
  width: 100%;
  height: 30px;
  display: inline-block;
  background-color: #ffffff;
  transition: 0.5s ease;
}
.tool-sort-child li .icon[data-v-0bb4f64b] {
  width: 20px;
  height: 20px;
  margin: 5px 0px 0 10px;
  float: left;
}
.tool-sort-child li .text[data-v-0bb4f64b] {
  line-height: 2.5em;
}
.tool-sort-child li[data-v-0bb4f64b]:hover {
  background-color: #f4f4f4;
}
.tool-sort-child #tool-bar-moveup .icon[data-v-0bb4f64b] {
  background: url(../svg/to_top_one.svg?62347657c1aeff5bf10831ad3a3fcd8c) no-repeat 2px 5px;
  background-size: 16px;
}
.tool-sort-child #tool-bar-movedown .icon[data-v-0bb4f64b] {
  background: url(../svg/to_bo_one.svg?8a413c81594aaf60b81196a22c42fee1) no-repeat 2px 5px;
  background-size: 16px;
}
.tool-sort-child #tool-bar-movetop .icon[data-v-0bb4f64b] {
  background: url(../svg/move_top.svg?a3e65404cf8e247544e637a66e451267) no-repeat 2px 5px;
  background-size: 16px;
}
.tool-sort-child #tool-bar-movebottom .icon[data-v-0bb4f64b] {
  background: url(../svg/move_bottom.svg?db63cd1c0928d48139c8506da5665728) no-repeat 2px 5px;
  background-size: 16px;
}
.tool-opacity-child[data-v-0bb4f64b] {
  position: absolute;
  left: -132.5px;
  border-radius: 4px;
  top: 44px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.tool-reverse-child[data-v-0bb4f64b] {
  position: absolute;
  border-radius: 4px;
  z-index: 1;
  top: 44px;
  left: -34.5px;
  width: 104px;
  background: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.tool-reverse-child li[data-v-0bb4f64b] {
  width: 100%;
  height: 30px;
}
.tool-reverse-child li .icon[data-v-0bb4f64b] {
  width: 20px;
  height: 20px;
  margin: 5px 0px 0 10px;
  float: left;
  background: url(../svg/edit_icon.svg?3732f408fe227777c92703a72ad8111b);
}
.tool-reverse-child li[data-v-0bb4f64b]:hover {
  background-color: #f4f4f4;
}
.tool-reverse-child .tool-bar-lr .icon[data-v-0bb4f64b] {
  background-position-x: -88px;
}
.tool-reverse-child .tool-bar-tb[data-v-0bb4f64b] {
  background-position-x: -118px;
}
.tool-reverse-child .text[data-v-0bb4f64b] {
  line-height: 2.5em;
}
.tool-shadow-child[data-v-0bb4f64b] {
  position: absolute;
  border-radius: 4px;
  left: -200px;
  top: 44px;
  width: 315px;
  background: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.tool-shadow-child .shadow-control[data-v-0bb4f64b] {
  position: relative;
  height: 40px;
}
.tool-shadow-child .shadow-control label[data-v-0bb4f64b] {
  position: absolute;
  left: 16px;
  display: block;
  line-height: 40px;
}
.tool-shadow-child .shadow-control .switch-wrap[data-v-0bb4f64b] {
  position: absolute;
  right: 0;
  padding: 11px 10px;
}
.tools-more[data-v-0bb4f64b] {
  display: none;
  width: 70px;
}
.tools-more:hover .tools-text i[data-v-0bb4f64b]:before {
  border-top-color: #07afec;
}
.tools-more[data-v-0bb4f64b]:before {
  display: none;
}
.tools-more[data-v-0bb4f64b]:after {
  display: none;
}
.tools-more .tools-text[data-v-0bb4f64b] {
  font-size: 12px;
  display: inline-block;
  width: 55px;
  height: 20px;
  margin-top: 11px;
  line-height: 20px;
}
.tools-more .tools-text i[data-v-0bb4f64b] {
  float: right;
  position: relative;
  width: 20px;
  height: 20px;
}
.tools-more .tools-text i[data-v-0bb4f64b]:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 6px;
  width: 0;
  height: 0;
  border-top: 5px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.tools-more .tools-text i[data-v-0bb4f64b]:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 6px;
  width: 0;
  height: 0;
  border-top: 7px solid #515151;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.tools-more .tools-more-child[data-v-0bb4f64b] {
  position: absolute;
  top: 50px;
  left: -10px;
  width: 90px;
  background: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  line-height: 30px;
  text-align: left;
}
.tools-more .tools-more-child li[data-v-0bb4f64b]:hover {
  background: #f4f4f4;
}
.tools-more .tools-more-child li[data-v-0bb4f64b]::after {
  content: '';
  display: table;
  clear: both;
}
.tools-more .tools-more-child[data-v-0bb4f64b]:before {
  content: '';
  position: absolute;
  top: -12px;
  left: 39px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: #fff;
}
.tools-more .tools-more-child i[data-v-0bb4f64b] {
  float: left;
  margin: 5px 10px;
  width: 20px;
  height: 20px;
}
.tools-more .tools-more-child .more-sort i[data-v-0bb4f64b] {
  background: url(../svg/move.svg?9bd6a8a8ad8fceb8c72bb12bdd55a245) 0 0 no-repeat;
}
.tools-more .tools-more-child .more-opacity i[data-v-0bb4f64b] {
  background: url(../svg/opacity.png?f29c566edaf6937998ce06196850342d) 0 0 no-repeat;
}
.tools-more .tools-more-child .more-shadow i[data-v-0bb4f64b] {
  background: url(../svg/shadow_new.svg?bf2e34375be1ac42907eecc3fd9cfeea) no-repeat 0 0;
}
.tools-more .tools-more-child .more-reverse i[data-v-0bb4f64b] {
  background: url(../svg/turn.svg?0868ceedf1662d85a3a86451f493ffcd) no-repeat 0px 0px;
}
.tool-icon-more > *[data-v-0bb4f64b] {
  left: -34.5px !important;
  border-radius: 4px;
  overflow: hidden;
  top: 44px;
}
.tool-icon-more > * li[data-v-0bb4f64b] {
  line-height: 30px;
  width: 100%;
  height: 30px;
  text-align: left;
  text-indent: 5px;
}
.tool-icon-more > * li .icon[data-v-0bb4f64b] {
  width: 20px;
  height: 20px;
  float: left;
  background: url(../svg/edit_icon.svg?3732f408fe227777c92703a72ad8111b);
}
.tool-icon-more > * li[data-v-0bb4f64b]:hover {
  background-color: #f4f4f4;
}
.tool-icon-more .tool-shadow-child[data-v-0bb4f64b] {
  left: -210px !important;
}
.tool-icon-more .tool-more-child[data-v-0bb4f64b] {
  position: absolute;
  border-radius: 4px;
  box-sizing: border-box;
  z-index: 1;
  top: 44px;
  left: -34.5px;
  width: 100px;
  background: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  padding: 0 16px 16px;
}
.tool-icon-more .tool-more-child > li[data-v-0bb4f64b] {
  margin-top: 12px;
}
.tool-icon-more .tool-more-child > li span[data-v-0bb4f64b] {
  margin: 5px 0px 0 0px;
}
.tool-icon-more .tool-opacity-child[data-v-0bb4f64b] {
  left: -180px !important;
}
.tool-icon-more .tool-opacity-child[data-v-0bb4f64b]:before {
  left: 195px;
}
.lock-animation-wrap[data-v-0bb4f64b] {
  position: relative;
  width: 35px;
  height: 42px;
  float: left;
  cursor: pointer;
  text-align: center;
  font-size: 13px;
  color: #515151;
}
.lock-animation-wrap .lock-animation-icon[data-v-0bb4f64b] {
  display: block;
  width: 24px;
  height: 24px;
  margin: 9px auto;
  background: url(../svg/lock_animation.svg?e4dc0295a0d40c8049ab898ae76e18b6) no-repeat;
  animation: lock-shake-data-v-0bb4f64b 1.5s;
}
.lock-animation-wrap .lock-animation-text[data-v-0bb4f64b] {
  position: absolute;
  top: 53px;
  left: -15.5px;
  background: linear-gradient(to bottom right, #5ea2ff, #00e3ff);
  color: #fff;
  padding: 5px 8px;
  white-space: pre;
  border-radius: 4px;
  border: none;
  animation: lock-shadow-data-v-0bb4f64b 0.8s;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: 2;
}
.lock-animation-wrap .lock-animation-text[data-v-0bb4f64b]:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 8px solid #4eadff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  top: -8px;
  left: 25px;
}
@keyframes lock-shake-data-v-0bb4f64b {
0% {
    transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    /* IE 9 */
    -moz-transform: rotate(-8deg);
    /* Firefox */
    -webkit-transform: rotate(-8deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-8deg);
    /* Opera */
}
10% {
    transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    /* IE 9 */
    -moz-transform: rotate(18deg);
    /* Firefox */
    -webkit-transform: rotate(18deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(18deg);
    /* Opera */
}
20% {
    transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    /* IE 9 */
    -moz-transform: rotate(-16deg);
    /* Firefox */
    -webkit-transform: rotate(-16deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-16deg);
    /* Opera */
}
30% {
    transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    /* IE 9 */
    -moz-transform: rotate(18deg);
    /* Firefox */
    -webkit-transform: rotate(18deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(18deg);
    /* Opera */
}
40% {
    transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    /* IE 9 */
    -moz-transform: rotate(-18deg);
    /* Firefox */
    -webkit-transform: rotate(-18deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-18deg);
    /* Opera */
}
50% {
    transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    /* IE 9 */
    -moz-transform: rotate(12deg);
    /* Firefox */
    -webkit-transform: rotate(12deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(12deg);
    /* Opera */
}
60% {
    transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    /* IE 9 */
    -moz-transform: rotate(-12deg);
    /* Firefox */
    -webkit-transform: rotate(-12deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-12deg);
    /* Opera */
}
70% {
    transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    /* IE 9 */
    -moz-transform: rotate(6deg);
    /* Firefox */
    -webkit-transform: rotate(6deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(6deg);
    /* Opera */
}
80% {
    transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    /* IE 9 */
    -moz-transform: rotate(-6deg);
    /* Firefox */
    -webkit-transform: rotate(-6deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-6deg);
    /* Opera */
}
90% {
    transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    /* IE 9 */
    -moz-transform: rotate(6deg);
    /* Firefox */
    -webkit-transform: rotate(6deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(6deg);
    /* Opera */
}
95% {
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    /* IE 9 */
    -moz-transform: rotate(-2deg);
    /* Firefox */
    -webkit-transform: rotate(-2deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-2deg);
    /* Opera */
}
100% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
    /* Opera */
}
}
@-webkit-keyframes lock-shake-data-v-0bb4f64b {
0% {
    transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    /* IE 9 */
    -moz-transform: rotate(-8deg);
    /* Firefox */
    -webkit-transform: rotate(-8deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-8deg);
    /* Opera */
}
10% {
    transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    /* IE 9 */
    -moz-transform: rotate(18deg);
    /* Firefox */
    -webkit-transform: rotate(18deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(18deg);
    /* Opera */
}
20% {
    transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    /* IE 9 */
    -moz-transform: rotate(-16deg);
    /* Firefox */
    -webkit-transform: rotate(-16deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-16deg);
    /* Opera */
}
30% {
    transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    /* IE 9 */
    -moz-transform: rotate(18deg);
    /* Firefox */
    -webkit-transform: rotate(18deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(18deg);
    /* Opera */
}
40% {
    transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    /* IE 9 */
    -moz-transform: rotate(-18deg);
    /* Firefox */
    -webkit-transform: rotate(-18deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-18deg);
    /* Opera */
}
50% {
    transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    /* IE 9 */
    -moz-transform: rotate(12deg);
    /* Firefox */
    -webkit-transform: rotate(12deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(12deg);
    /* Opera */
}
60% {
    transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    /* IE 9 */
    -moz-transform: rotate(-12deg);
    /* Firefox */
    -webkit-transform: rotate(-12deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-12deg);
    /* Opera */
}
70% {
    transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    /* IE 9 */
    -moz-transform: rotate(6deg);
    /* Firefox */
    -webkit-transform: rotate(6deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(6deg);
    /* Opera */
}
80% {
    transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    /* IE 9 */
    -moz-transform: rotate(-6deg);
    /* Firefox */
    -webkit-transform: rotate(-6deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-6deg);
    /* Opera */
}
90% {
    transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    /* IE 9 */
    -moz-transform: rotate(6deg);
    /* Firefox */
    -webkit-transform: rotate(6deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(6deg);
    /* Opera */
}
95% {
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    /* IE 9 */
    -moz-transform: rotate(-2deg);
    /* Firefox */
    -webkit-transform: rotate(-2deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(-2deg);
    /* Opera */
}
100% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(0deg);
    /* Opera */
}
}
@keyframes lock-shadow-data-v-0bb4f64b {
0% {
    box-shadow: none;
}
12% {
    box-shadow: 0 4px 6px #7d7d7d;
}
24% {
    box-shadow: 0 4px 10px #7d7d7d;
}
36% {
    box-shadow: 0 4px 14px #696767;
}
50% {
    box-shadow: 0 4px 10px #7d7d7d;
}
80% {
    box-shadow: 0 4px 6px #7d7d7d;
}
100% {
    box-shadow: none;
}
}
.disable-btn[data-v-0bb4f64b] {
  cursor: not-allowed;
  background-color: #ffffff !important;
}
.scale_1 .tools-sort[data-v-0bb4f64b],
.scale_1 .tools-opacity[data-v-0bb4f64b],
.scale_1 .tools-shadow[data-v-0bb4f64b],
.scale_1 .tools-reverse[data-v-0bb4f64b] {
  display: none;
}
.scale_1 .tools-more[data-v-0bb4f64b] {
  display: block;
}
.scale_1 .tool-sort-child[data-v-0bb4f64b] {
  left: -17px;
}
.scale_1 .tool-opacity-child[data-v-0bb4f64b] {
  left: -115px;
}
.scale_1 .tool-reverse-child[data-v-0bb4f64b] {
  left: -17px;
}
.scale_1 .tool-shadow-child[data-v-0bb4f64b] {
  left: -182px;
}
.scale_2 .tools-more[data-v-0bb4f64b] {
  width: 56px;
}

.wait[data-v-05d8bc52] {
  cursor: wait !important;
}
.wait .font-family-wrap[data-v-05d8bc52] {
  cursor: wait !important;
}
.wait .font-item[data-v-05d8bc52] {
  cursor: wait !important;
}
.wait .number-up[data-v-05d8bc52] {
  cursor: wait !important;
}
.wait .number-down[data-v-05d8bc52] {
  cursor: wait !important;
}
.wait .font-fontfamily-selector-inner span[data-v-05d8bc52] {
  cursor: wait !important;
}
.wait .font-fontfamily-selector-inner-li[data-v-05d8bc52] {
  cursor: wait !important;
}
.vip-icon[data-v-05d8bc52] {
  position: absolute;
  top: -2px;
  left: -19px;
  z-index: 9;
  width: 18px;
  height: 18px;
  background: url(../svg/design_header_icon.svg) no-repeat -200px -43px;
  transform: scale(0.8);
}
.font-pop-icon[data-v-05d8bc52] {
  width: 14px;
  height: 14px;
  background-image: url(../svg/tools-bar-icon.svg?a5d94c3b001dbd6eaa7fe23e3bddb190);
  background-position: -140px -26px;
}
.font-family-choose[data-v-05d8bc52] {
  position: relative;
  /*width: 162px;*/
  text-align: left;
  cursor: default;
  display: flex;
  justify-items: center;
}
.font-family-choose[class~="open-fall"][data-v-05d8bc52] {
  border: 1px solid #0773fc;
}
.font-family-choose[data-v-05d8bc52]:hover {
  background-color: #F3F4F9 !important;
}
.font-family-choose:hover .font-family-wrap[data-v-05d8bc52]:after {
  content: "";
  position: absolute;
  width: 40px;
  height: 100%;
  background-image: linear-gradient(90deg, rgba(243, 244, 249, 0) 0%, #F3F4F9 100%);
  right: 0px;
  top: 0px;
}
.font-family-choose .font-family-wrap[data-v-05d8bc52] {
  width: 146px !important;
  height: 28px;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
}
.font-family-choose .font-family-wrap[data-v-05d8bc52]:after {
  content: "";
  position: absolute;
  width: 40px;
  height: 100%;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  right: 0px;
  top: 0px;
}
.font-family-choose .font-family-wrap .font-family-wrap-inner-img[data-v-05d8bc52] {
  height: 20px;
  width: 100%;
}
.font-family-choose .font-family-wrap .font-family-wrap-inner[data-v-05d8bc52] {
  position: absolute;
  left: 20px;
  width: 180px;
  top: 4px;
  height: 16px;
  background-repeat: no-repeat;
}
.font-family-choose .font-family-wrap .font-family-wrap-inner img[data-v-05d8bc52] {
  height: 16px;
  display: block;
}
.font-family-choose .change-family[data-v-05d8bc52] {
  position: absolute;
  right: 0;
  top: 0;
  height: 26px;
  border-left: 1px solid transparent;
}
.tips[data-v-05d8bc52]:hover:before {
  content: attr(data-tips);
  font-size: 12px;
  line-height: 12px;
  background-color: #000;
  color: #fff;
  padding: 4px 8px;
  position: absolute;
  left: -1.5px;
  top: 49px;
  white-space: pre;
  border-radius: 2px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
}
.tips[data-v-05d8bc52]:hover:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 4px solid #000;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  left: 3.5px;
  top: 45px;
}
.open-fall[data-v-05d8bc52] {
  background-color: #f3f4f9;
}
.open-fall[data-v-05d8bc52]:before {
  content: "";
  display: none;
}
.open-fall[data-v-05d8bc52]:after {
  content: "";
  display: none;
}
.family-child[data-v-05d8bc52] {
  position: absolute;
  padding: 40px 0 5px;
  left: 0;
  top: 44px;
  border-radius: 4px;
  width: 232px;
  height: auto;
  background: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.family-child .family-search[data-v-05d8bc52] {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 100%;
}
.family-child .family-search[data-v-05d8bc52]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background: url(../svg/family-search.png?c04fa20e544fdc0353b79c7420e57dfe) no-repeat center center;
  background-size: 18px;
}
.family-child .family-search input[data-v-05d8bc52] {
  border: none;
  border-bottom: 1px solid #E2E3E5;
  background-color: #fff;
  padding-left: 38px;
  font-size: 14px;
  color: #626262;
  outline: none;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 4px 4px 0 0px;
}
.family-child .family-search input[data-v-05d8bc52]:focus {
  box-shadow: none !important;
}
.family-child .family-search .icon-close[data-v-05d8bc52] {
  position: absolute;
  top: 8px;
  right: 12px;
  color: #d4d2d2;
  font-size: 20px;
  cursor: pointer;
}
.family-child .family-list[data-v-05d8bc52] {
  display: block;
  width: 100%;
  height: 375px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
}
.family-child .family-list[data-v-05d8bc52]::-webkit-scrollbar-thumb {
  background-color: #81878d;
  border-radius: 3px;
}
.family-child .family-list[data-v-05d8bc52]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.family-child .family-list .font-item-title[data-v-05d8bc52] {
  position: relative;
  height: 24px;
}
.family-child .family-list .font-item-title .text[data-v-05d8bc52] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 12px;
  white-space: nowrap;
  line-height: 24px;
  text-align: center;
  background: #fff;
  color: #9b9b9b;
  font-size: 12px;
}
.family-child .family-list .font-item-title .line[data-v-05d8bc52] {
  position: absolute;
  top: 11px;
  width: 100%;
  height: 1px;
  background: #e2e3e5;
}
.family-child .family-list .font-item[data-v-05d8bc52] {
  height: 30px;
  padding: 7px 0 6px 20px;
  position: relative;
  cursor: pointer;
}
.family-child .family-list .font-item[data-v-05d8bc52]:hover {
  background-color: #F4F4F4;
}
.family-child .family-list .font-item div[data-v-05d8bc52] {
  height: 17px;
}
.family-child .family-list .font-item .businessVip[data-v-05d8bc52] {
  width: 17px;
  height: 19px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-image: url(../svg/edit_icon_copyright.svg);
  background-position: -63px -21px;
}
.family-child .family-list .set-team-font-tip[data-v-05d8bc52] {
  padding: 16px;
  color: #BDBDBD;
}
.family-child .family-list .set-team-font-tip a[data-v-05d8bc52] {
  color: #0773fc;
}
.family-child .tip[data-v-05d8bc52] {
  position: absolute;
  left: 0px;
  bottom: -30px;
  width: 100%;
  height: 30px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  border-radius: 0 0 4px 4px;
}
.family-child .tip[data-v-05d8bc52]::before {
  position: absolute;
  content: "";
  top: -12px;
  width: 100%;
  height: 12px;
  background: linear-gradient(-180deg, rgba(238, 238, 238, 0) 0%, #FFFFFF 78%);
}
.family-child .tip .tip-icon[data-v-05d8bc52] {
  position: absolute;
  width: 17px;
  height: 19px;
  top: -2px;
  left: -24px;
  z-index: 9;
}
.family-child .tip .vip-icon[data-v-05d8bc52] {
  width: 18px;
  height: 18px;
  background: url(../svg/design_header_icon.svg) no-repeat -200px -43px;
  transform: scale(1);
}
.family-child .tip .paid-icon[data-v-05d8bc52] {
  width: 16px;
  height: 16px;
  background: url(../svg/font_paid_icon.svg?6a6d9827ad2f88ffd38c25aab724d4bb) no-repeat;
}
.family-child .tip .shang-icon[data-v-05d8bc52] {
  background-image: url(../svg/company-font-icon.svg?ce019af46e5582231dccdd7202ffdd25);
  background-position: -3px -3px;
  background-repeat: no-repeat;
}
.family-child .tip .text[data-v-05d8bc52] {
  position: absolute;
  left: 35px;
  top: 10px;
  font-size: 12px;
  color: #9B9B9B;
  width: 200px;
}
.family-child .tip .text span[data-v-05d8bc52] {
  cursor: pointer;
  color: #0773fc;
  text-decoration: underline #0773fc;
}
.font-fontfamily-selector-inner[data-v-05d8bc52] {
  width: 230px;
  position: relative;
}
.font-fontfamily-selector-inner .font-fontfamily-selector-inner-title[data-v-05d8bc52] {
  width: 200px;
  height: 22px;
  margin: 16px auto;
  background: #fff;
  position: relative;
}
.font-fontfamily-selector-inner .font-fontfamily-selector-inner-title span[data-v-05d8bc52] {
  position: absolute;
  top: 0;
  font-size: 14px;
  line-height: 20px;
  color: #BDBDBD;
  cursor: pointer;
  display: block;
  width: 50%;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #D8D8D8;
}
.font-fontfamily-selector-inner .font-fontfamily-selector-inner-title span[class~='active'][data-v-05d8bc52] {
  background-color: #0773fc;
  color: #fff;
  border-color: #0773fc;
}
.font-fontfamily-selector-inner .font-fontfamily-selector-inner-title span[data-v-05d8bc52]:nth-child(1) {
  left: -1px;
  border-radius: 4px 0 0 4px;
  border-right: none;
}
.font-fontfamily-selector-inner .font-fontfamily-selector-inner-title span[data-v-05d8bc52]:nth-child(2) {
  right: -1px;
  border-radius: 0 4px 4px 0;
  border-left: none;
}
.font-fontfamily-selector-inner .font-fontfamily-dividing-line[data-v-05d8bc52] {
  width: 230px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  margin: 8px 0;
  background: #F2F3F6;
  font-size: 12px;
  color: #626262;
  position: sticky;
  top: 0;
  z-index: 22;
  /*&:before, &:after {*/
  /*content: '';*/
  /*position: absolute;*/
  /*width: 40px;*/
  /*height: 1px;*/
  /*top: 14px;*/
  /*background: #E2E3E5;*/
  /*}*/
  /*&:before {*/
  /*left: 0;*/
  /*}*/
  /*&:after {*/
  /*right: 0;*/
  /*}*/
}
.font-fontfamily-selector-inner .font-fontfamily-selector-inner-li[data-v-05d8bc52] {
  height: 36px;
  width: 100%;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  box-sizing: border-box;
  padding: 7px 20px 6px 20px;
}
.font-fontfamily-selector-inner .font-fontfamily-selector-inner-li .font-fontfamily-selector-inner-li-img[data-v-05d8bc52] {
  height: 20px;
  width: 100%;
  position: absolute;
}
.font-fontfamily-selector-inner .font-fontfamily-selector-inner-li .font-fontfamily-selector-inner-li-img .font-empower[data-v-05d8bc52] {
  display: none;
  position: absolute;
  top: 50%;
  right: 38px;
  z-index: 9;
  transform: translateY(-50%);
  font-size: 12px;
  color: #F5A623;
  letter-spacing: 0.6px;
}
.font-fontfamily-selector-inner .font-fontfamily-selector-inner-li .font-fontfamily-selector-inner-li-img .font-empower[class~="company"][data-v-05d8bc52] {
  color: #FA2323;
}
.font-fontfamily-selector-inner .font-fontfamily-selector-inner-li[data-v-05d8bc52]:hover {
  background: #f4f4f4;
}
.font-fontfamily-selector-inner .font-fontfamily-selector-inner-li:hover[class~='businessVip'][data-v-05d8bc52]::before {
  content: '';
  display: block;
  width: 17px;
  height: 19px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-image: url(../svg/edit_icon_copyright.svg);
  background-position: -63px -21px;
  background-repeat: no-repeat;
  z-index: 9;
}
.font-fontfamily-selector-inner .font-fontfamily-selector-inner-li:hover .font-empower[data-v-05d8bc52] {
  display: inline-block;
}
.font-fontfamily-selector-inner .font-fontfamily-selector-inner-li:hover[class~='has-font-hover'][data-v-05d8bc52]::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 36px;
  background: #f4f4f4;
}
.font-fontfamily-selector-inner .font-fontfamily-selector-inner-li:hover[class~='has-font-hover'][data-v-05d8bc52]::before {
  content: '';
  position: absolute;
  top: 0;
  right: 60px;
  width: 20px;
  height: 36px;
  background: linear-gradient(to right, rgba(244, 244, 244, 0), #f4f4f4);
  z-index: 1;
}
.font-fontfamily-selector-inner .font-fontfamily-selector-inner-li[data-v-05d8bc52]:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 36px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
}
.font-fontfamily-selector-inner .family-null[data-v-05d8bc52] {
  text-align: center;
}
.font-fontfamily-selector-inner .family-null img[data-v-05d8bc52] {
  margin: 116px 0 12px 0;
}
.font-fontfamily-selector-inner .family-null p[data-v-05d8bc52] {
  font-size: 14px;
  color: #626262;
  line-height: 20px;
}
.font-fontfamily-selector-inner .family-null .toUploadFond[data-v-05d8bc52] {
  font-size: 12px;
  line-height: 16px;
  margin-top: 94px;
  cursor: pointer;
  display: block;
  color: #626262;
}
@media screen and (min-width: 1156px) and (max-width: 1530px) {
.font-family-choose[data-v-05d8bc52] {
    width: 105px !important;
}
.font-family-choose .font-family-wrap[data-v-05d8bc52] {
    width: 87px !important;
}
}
@media screen and (max-width: 1156px) {
.font-family-choose[data-v-05d8bc52] {
    width: 80px !important;
}
.font-family-choose .font-family-wrap[data-v-05d8bc52] {
    width: 65px !important;
}
}

.font-pop-icon[data-v-d4aaea5e] {
  width: 14px;
  height: 14px;
  background-image: url(../svg/tools-bar-icon.svg?a5d94c3b001dbd6eaa7fe23e3bddb190);
  background-position: -140px -26px;
}
.font-size-choose[data-v-d4aaea5e] {
  position: relative;
  cursor: pointer;
  background: transparent;
}
.font-size-choose[class~='open-fall'][data-v-d4aaea5e] {
  border: 1px solid #07aefc;
}
.font-size-choose:hover .change-size[data-v-d4aaea5e] {
  border-left: 1px solid #ebebeb;
}
.font-size-choose:hover .number-up[data-v-d4aaea5e] {
  border-bottom: 1px solid #ebebeb;
}
.font-size-choose input[data-v-d4aaea5e] {
  width: 30px;
  height: 26px;
  line-height: 26px;
  border: none;
  padding-left: 2px;
  overflow: hidden;
  outline: none;
  text-align: left;
  float: left;
  background: transparent;
}
.font-size-choose input[data-v-d4aaea5e]:focus {
  outline: none;
}
.font-size-choose .text[data-v-d4aaea5e] {
  width: 30px;
  height: 100%;
  line-height: 36px;
  border: none;
  overflow: hidden;
  outline: none;
  text-align: left;
}
.font-size-choose .change-size[data-v-d4aaea5e] {
  display: inline-block;
  height: 26px;
  border-left: 1px solid transparent;
}
.tips[data-v-d4aaea5e]:hover:before {
  content: attr(data-tips);
  font-size: 12px;
  line-height: 12px;
  background-color: #000;
  color: #fff;
  padding: 4px 8px;
  position: absolute;
  left: -1.5px;
  top: 49px;
  white-space: pre;
  border-radius: 2px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
}
.tips[data-v-d4aaea5e]:hover:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 4px solid #000;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  left: 3.5px;
  top: 45px;
}
.open-fall[data-v-d4aaea5e] {
  background-color: #f3f4f9;
}
.open-fall[data-v-d4aaea5e]:before {
  content: '';
  display: none;
}
.open-fall[data-v-d4aaea5e]:after {
  content: '';
  display: none;
}
.size-child[data-v-d4aaea5e] {
  position: absolute;
  left: 3.5px;
  top: 44px;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.size-child .list[data-v-d4aaea5e] {
  width: 60px;
  height: 360px;
  overflow-y: scroll;
}
.size-child .list[data-v-d4aaea5e]::-webkit-scrollbar-thumb {
  background-color: #81878d;
  border-radius: 3px;
}
.size-child .list[data-v-d4aaea5e]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.size-child li[data-v-d4aaea5e] {
  padding-left: 10px;
  height: 30px;
  line-height: 30px;
}
.size-child li[data-v-d4aaea5e]:hover {
  background-color: #f4f4f4;
}
@media screen and (min-width: 1156px) and (max-width: 1530px) {
.font-size-choose[data-v-d4aaea5e] {
    margin-left: 1px;
    margin-right: 1px;
}
}
@media screen and (min-width: 1156px) and (max-width: 1350px) {
.font-size-choose[data-v-d4aaea5e] {
    margin-left: 1px;
    margin-right: 1px;
}
.font-size-choose .text[data-v-d4aaea5e] {
    width: 50px;
}
}
@media screen and (max-width: 1156px) {
.font-size-choose[data-v-d4aaea5e] {
    margin-left: 1px;
    margin-right: 1px;
}
.font-size-choose .text[data-v-d4aaea5e] {
    width: 32px;
    padding-left: 1px;
}
}

.text-operation[data-v-ca1fc3f8]:after {
  clear: both;
}
.text-operation .tips[class~="textLading"][data-v-ca1fc3f8] {
  cursor: wait;
}
.text-operation .tips[data-v-ca1fc3f8]:hover:before {
  content: attr(data-tips);
  font-size: 12px;
  line-height: 12px;
  background-color: #000000;
  color: #ffffff;
  padding: 4px 8px;
  position: absolute;
  top: 49px;
  left: 50%;
  transform: translateX(-50%);
  white-space: pre;
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
}
.text-operation .tips[data-v-ca1fc3f8]:hover:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 4px solid #000000;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 45px;
  left: 9.5px;
}
.text-operation .tips[class~="color-choose"][data-v-ca1fc3f8]:before {
  left: 6.5px;
}
.text-operation .tips[class~="color-choose"][data-v-ca1fc3f8]:after {
  left: 12.5px;
}
.text-operation .tips[class~="font-family-choose"][data-v-ca1fc3f8]:before {
  left: 50%;
  transform: translateX(-50%);
}
.text-operation .tips[class~="font-family-choose"][data-v-ca1fc3f8]:after {
  left: 50%;
  transform: translateX(-50%);
}
.text-operation .tips[class~="font-size-choose"][data-v-ca1fc3f8]:before {
  left: 50%;
  transform: translateX(-50%);
}
.text-operation .tips[class~="font-size-choose"][data-v-ca1fc3f8]:after {
  left: 50%;
  transform: translateX(-50%);
}
.text-operation .tips[class~="font-u-choose"][data-v-ca1fc3f8]:after {
  left: 50%;
  transform: translateX(-50%);
}
.text-operation .tips[class~="font-i-choose"][data-v-ca1fc3f8]:before,
.text-operation .tips[class~="font-b-choose"][data-v-ca1fc3f8]:before,
.text-operation .tips[class~="font-a-choose"][data-v-ca1fc3f8]:before,
.text-operation .tips[class~="font-s-choose"][data-v-ca1fc3f8]:before,
.text-operation .tips[class~="font-more-choose"][data-v-ca1fc3f8]:before {
  left: 50%;
  transform: translateX(-50%);
}
.text-operation .tips[class~="font-i-choose"][data-v-ca1fc3f8]:after,
.text-operation .tips[class~="font-b-choose"][data-v-ca1fc3f8]:after,
.text-operation .tips[class~="font-a-choose"][data-v-ca1fc3f8]:after,
.text-operation .tips[class~="font-s-choose"][data-v-ca1fc3f8]:after,
.text-operation .tips[class~="font-more-choose"][data-v-ca1fc3f8]:after {
  left: 50%;
  transform: translateX(-50%);
}
.text-operation .specially-good-effect[data-v-ca1fc3f8] {
  width: 216px;
  height: 95px;
  background-color: #fff;
  position: absolute;
  top: 45px;
  left: -6px;
  padding: 18px;
  box-sizing: border-box;
  background: url(../svg/specially-good-effect_img.svg?474536b8ce124bcd3fa4b5e7f266b6eb);
  -webkit-background-size: cover;
  background-size: cover;
}
.text-operation .specially-good-effect p[data-v-ca1fc3f8] {
  font-size: 12px;
  color: #ffffff;
  line-height: 15px;
}
.text-operation .specially-good-effect button[data-v-ca1fc3f8] {
  width: 64px;
  height: 20px;
  float: right;
  margin-top: 12px;
  background: #ffffff;
  border-radius: 3px;
  font-size: 12px;
  color: #07aefc;
  cursor: pointer;
  border: none;
  outline: none;
}
.text-operation .art-text:hover span[data-v-ca1fc3f8] {
  background-color: #f3f4f9 !important;
}
.text-operation .open-fall[data-v-ca1fc3f8] {
  background-color: #f3f4f9;
}
.text-operation .open-fall[data-v-ca1fc3f8]:before {
  content: "";
  display: none;
}
.text-operation .open-fall[data-v-ca1fc3f8]:after {
  content: "";
  display: none;
}
.text-operation .color-choose .color-block[data-v-ca1fc3f8] {
  width: 22px;
  height: 22px;
  display: inline-block;
  margin: -1px 10px;
  border-radius: 4px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.text-operation .color-choose .color-block .block[data-v-ca1fc3f8] {
  width: 100%;
  height: 100%;
  text-align: center;
  display: inline-block;
  border-radius: 4px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3) inset;
  cursor: pointer;
  background-size: 100% auto !important;
}
.text-operation .color-choose:hover .color-block[data-v-ca1fc3f8] {
  box-shadow: 0 0 0 2px #07aefc;
}
.text-operation .font-b-choose .bold-slider[data-v-ca1fc3f8] {
  position: absolute;
  color: #626262;
  left: -130px;
  top: 44px;
  height: 40px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.text-operation .font-b-choose .bold-slider[data-v-ca1fc3f8]:before {
  content: "";
  display: table;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: #fff;
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
}
.text-operation .font-a-choose .align-check[data-v-ca1fc3f8] {
  position: absolute;
  left: 50%;
  top: 44px;
  z-index: 1;
  padding: 0 15px;
  height: 40px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  cursor: default;
  transform: translateX(-50%);
  box-sizing: border-box;
}
.text-operation .font-a-choose .align-check[data-v-ca1fc3f8]:after {
  content: "";
  display: block;
  clear: both;
}
.text-operation .font-a-choose .align-check li[data-v-ca1fc3f8] {
  float: left;
  width: 38px;
  height: 40px;
  padding: 12px 10px;
  cursor: pointer;
  box-sizing: border-box;
}
.text-operation .font-a-choose .align-check li span[data-v-ca1fc3f8] {
  display: block;
  width: 18px;
  height: 16px;
  background: url(../svg/edit_icon.svg?3732f408fe227777c92703a72ad8111b) no-repeat 0 0;
}
.text-operation .font-a-choose .align-check .active span[data-v-ca1fc3f8] {
  background-position-y: -20px;
}
.text-operation .font-a-choose .align-check .active[class~="check-justify"] span[data-v-ca1fc3f8] {
  background-position-y: -61px;
}
.text-operation .font-a-choose .align-check .check-left span[data-v-ca1fc3f8] {
  background-position-x: 0;
}
.text-operation .font-a-choose .align-check .check-center span[data-v-ca1fc3f8] {
  background-position-x: -30px;
}
.text-operation .font-a-choose .align-check .check-right span[data-v-ca1fc3f8] {
  background-position-x: -60px;
}
.text-operation .font-a-choose .align-check .check-justify span[data-v-ca1fc3f8] {
  background-position-x: 0;
  background-position-y: -40.5px;
}
.text-operation .font-a-choose .left[data-v-ca1fc3f8] {
  background-position-x: 0;
}
.text-operation .font-a-choose .center[data-v-ca1fc3f8] {
  background-position-x: -30px;
}
.text-operation .font-a-choose .right[data-v-ca1fc3f8] {
  background-position-x: -60px;
}
.text-operation .font-a-choose .justify[data-v-ca1fc3f8] {
  background-position-x: 0;
  background-position-y: -38px;
}
.text-operation .font-s-choose .space-slider[data-v-ca1fc3f8] {
  position: absolute;
  left: -130px;
  top: 44px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  cursor: default;
}
.text-operation .font-s-choose .space-slider[data-v-ca1fc3f8]:before {
  content: "";
  display: table;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: #fff;
  position: absolute;
  top: -12px;
  left: 144px;
}
.text-operation .font-style-choose[data-v-ca1fc3f8] {
  width: unset;
}
.text-operation .font-style-choose .bold-slider[data-v-ca1fc3f8] {
  position: absolute;
  color: #626262;
  left: -130px;
  top: 50px;
  height: 40px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.text-operation .font-style-choose .bold-slider[data-v-ca1fc3f8]:before {
  content: "";
  display: table;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: #fff;
  position: absolute;
  top: -12px;
  left: 144px;
}
.text-operation .font-style-choose .style-more[data-v-ca1fc3f8] {
  position: absolute;
  z-index: 1;
  top: 44px;
  border-radius: 4px;
  overflow: hidden;
  left: -34.5px;
  width: 100px;
  background: #ffffff;
  cursor: default;
  padding: 0 16px 16px;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.text-operation .font-style-choose .style-more li[data-v-ca1fc3f8] {
  width: 100%;
  cursor: pointer;
  margin-top: 16px;
  height: 30px;
  line-height: 30px;
  text-align: left;
  text-indent: 5px;
}
.text-operation .font-style-choose .style-more li span[data-v-ca1fc3f8] {
  float: left;
  width: 20px;
  height: 20px;
  margin: 5px 0px 0 0px;
}
.text-operation .font-style-choose .style-more li[class~="active"][data-v-ca1fc3f8] {
  color: #0773fc;
}
.text-operation .font-style-choose .style-more li[class~="active"] .icon[data-v-ca1fc3f8] {
  background-image: url(../svg/tools-bar-active-icon.svg?cb69dc8a1f38c3e000262dfcf4b6fe35) !important;
}

.resize-tool[data-v-0f26875e] {
  position: absolute;
  z-index: 10000;
  line-height: normal;
  text-align: left;
  padding: 11px 15px;
  width: 200px;
  box-sizing: border-box;
  left: -12px;
  background-color: #fff;
  /*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);*/
  border: 1px solid #E7E7E7;
  top: 48px;
  color: #515151;
  font-size: 13px;
}
.resize-group[data-v-0f26875e] {
  line-height: 33px;
  position: relative;
}
.resize-group .input[data-v-0f26875e] {
  width: 105px;
  height: 32px;
  line-height: 32px;
  margin-left: 14px;
  box-sizing: border-box;
  background-color: #fff;
  /*border: 0;*/
  vertical-align: top;
  font-size: 14px;
  color: #515151;
  padding-left: 4px;
  border: 1px solid #cdcdcd;
  outline: none;
}
.resize-group .input.mb[data-v-0f26875e] {
  margin-bottom: 10px;
}
.resize-group .change-wrap[data-v-0f26875e] {
  width: 48px;
  position: absolute;
  top: 0;
  right: 0;
}
.resize-group .change-wrap .unit[data-v-0f26875e] {
  display: inline-block;
  vertical-align: top;
  width: 22px;
  line-height: 32px;
  height: 32px;
}
.resize-group .change-wrap .ope[data-v-0f26875e] {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}
.resize-group .change-wrap i[data-v-0f26875e]:hover {
  background-color: #e9e9e9;
}
.resize-group .reduce[data-v-0f26875e] {
  width: 22px;
  height: 16px;
  display: block;
  box-sizing: border-box;
  zoom: 1;
  background: url(../svg/reduce.svg?87fd2c7cb00141d934ef9b7e38d4b8e6) 5px 4px no-repeat #ffffff;
  cursor: pointer;
  border: 1px solid #cdcdcd;
}
.resize-group .increase[data-v-0f26875e] {
  width: 22px;
  height: 16px;
  display: block;
  zoom: 1;
  background: url(../svg/increase.svg?eac29b2f68fb1e6808114be67bb98927) 5px 4px no-repeat #ffffff;
  cursor: pointer;
  border: 1px solid #cdcdcd;
  box-sizing: border-box;
}
.submit[data-v-0f26875e] {
  display: block;
  width: 170px;
  height: 32px;
  background-color: #18a3de;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  border-radius: 3px;
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
}
.submit[data-v-0f26875e]:hover {
  background-color: #07aefc;
}

.full-mask[data-v-75678e0a] {
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent;
}
.full-mask .full-mask-pos[data-v-75678e0a] {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}

.color-board-for-pie .color-board-for-pie-list[data-v-660056d0] {
  width: 184px;
  height: 24px;
  margin: 0 0 8px 0;
  transition: transform ease 0.3s;
}
.color-board-for-pie .color-board-for-pie-list[data-v-660056d0]:hover {
  transform: scale(1.1);
}
.color-board-for-pie .color-board-for-pie-list[data-v-660056d0]:nth-last-child(1) {
  margin: 0;
}
.color-board-for-pie .color-board-for-pie-list .color-board-for-pie-list-item[data-v-660056d0] {
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  float: left;
}
.color-board-for-pie .color-board-for-pie-list .color-board-for-pie-list-item[data-v-660056d0]:nth-last-child(1) {
  margin: 0;
}

.not-text-tool[data-v-3406a06e] {
  height: 100%;
}
.cant-use[data-v-3406a06e] {
  opacity: 0.3;
}
.operation[data-v-3406a06e] {
  position: relative;
}
.operation .alineCover[data-v-3406a06e] {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}
.operation[data-v-3406a06e]:after {
  content: "";
  display: table;
  clear: both;
}
.operation .uneable-operation[data-v-3406a06e] {
  cursor: default;
  opacity: 0.5;
}
.operation .text-btn[data-v-3406a06e] {
  float: left;
  height: 42px;
  padding: 0px 0px;
  cursor: pointer;
  position: relative;
}
.operation .text-btn span[data-v-3406a06e] {
  display: inline-block;
  font-size: 12px;
  line-height: 26px;
  margin-top: 7px;
  border: 1px solid transparent;
  padding: 0px 6px;
  border-radius: 4px;
}
.operation .text-btn .pop-cost[data-v-3406a06e] {
  display: none;
}
.operation .text-btn[class~='ctrl'][data-v-3406a06e] {
  margin-left: 14px;
}
.operation .text-btn[class~='diy'][data-v-3406a06e]:hover:before {
  content: none;
}
.operation .text-btn[class~='diy']:hover .pop-cost[data-v-3406a06e] {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 12px;
  background-color: #fff;
  color: #626262;
  padding: 4px 8px;
  position: absolute;
  top: 49px;
  left: -44.5px;
  white-space: nowrap;
  border-radius: 2px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
}
.operation .text-btn[class~='diy']:hover .pop-cost[data-v-3406a06e]:before {
  content: '';
  width: 100%;
  height: 24px;
  position: absolute;
  top: -12px;
  left: 0;
}
.operation .text-btn[class~='diy']:hover .pop-cost i[data-v-3406a06e] {
  font-style: normal;
  color: #07AFEC;
  margin-left: 0.3em;
}
.operation .text-btn[class~='diy']:hover .pop-cost .matting-count-detail-icon[data-v-3406a06e] {
  margin-left: 4px;
  transform: rotate(180deg);
}
.operation .text-btn:hover span[data-v-3406a06e] {
  border: 1px solid #07AFEC;
  background-color: #F4F4F4;
  color: #07AFEC;
}
.operation .text-btn[data-v-3406a06e]:hover:before {
  content: attr(data-tips);
  font-size: 12px;
  line-height: 12px;
  background-color: #fff;
  color: #626262;
  padding: 4px 8px;
  position: absolute;
  top: 49px;
  left: -0.5px;
  white-space: pre;
  border-radius: 2px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
}
.operation .text-btn[data-v-3406a06e]:hover:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 4px solid #fff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 45px;
  left: 15.5px;
}
.operation .icon-btn[data-v-3406a06e] {
  float: left;
  height: 42px;
  padding: 0px 10px;
  cursor: pointer;
  position: relative;
}
.operation .icon-btn .icon[data-v-3406a06e] {
  display: inline-block;
  font-size: 12px;
  line-height: 26px;
  margin-top: 11px;
  border: 1px solid transparent;
  padding: 0px 6px;
  border-radius: 4px;
}
.operation .icon-btn:hover .back[data-v-3406a06e] {
  display: block;
}
.operation .icon-btn[class~="open-fall"][data-v-3406a06e]:before {
  content: "";
  display: none;
}
.operation .icon-btn[class~="open-fall"][data-v-3406a06e]:after {
  content: "";
  display: none;
}
.operation .select-align[data-v-3406a06e]:hover:before {
  content: attr(data-tips);
  font-size: 12px;
  line-height: 12px;
  background-color: #fff;
  color: #626262;
  padding: 4px 8px;
  position: absolute;
  top: 49px;
  left: -0.5px;
  white-space: pre;
  border-radius: 2px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
}
.operation .select-align[data-v-3406a06e]:hover:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 4px solid #fff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 45px;
  left: 15.5px;
}
.operation .select-align[class~="open-fall"][data-v-3406a06e]:before {
  content: "";
  display: none;
}
.operation .select-align[class~="open-fall"][data-v-3406a06e]:after {
  content: "";
  display: none;
}
.operation .select-vertical .icon[data-v-3406a06e] {
  width: 20px;
  height: 20px;
  margin-top: 11px;
  background: url(../svg/standard_auto.svg?dfad434fea5fbb75ce0748fa2d2e43be) no-repeat 0 0;
}
.operation .select-vertical[data-v-3406a06e]:hover:before {
  content: attr(data-tips);
  font-size: 12px;
  line-height: 12px;
  background-color: #fff;
  color: #626262;
  padding: 4px 8px;
  position: absolute;
  top: 49px;
  left: -0.5px;
  white-space: pre;
  border-radius: 2px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
}
.operation .select-vertical[data-v-3406a06e]:hover:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 4px solid #fff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 45px;
  left: 15.5px;
}
.operation .select-vertical[class~="open-fall"][data-v-3406a06e]:before {
  content: "";
  display: none;
}
.operation .select-vertical[class~="open-fall"][data-v-3406a06e]:after {
  content: "";
  display: none;
}
.operation .select-color[data-v-3406a06e] {
  padding: 0;
}
.operation .select-color .icon[data-v-3406a06e] {
  width: 24px;
  height: 24px;
  margin-top: 3px;
  background: url(../svg/colorpickupbg.png?fbed2cdbe4a0d6cb001259fd9103e80d);
  background-size: contain;
  border: none;
}
.operation .select-color .color-span[data-v-3406a06e] {
  width: 22px;
  height: 22px;
  display: inline-block;
  border-radius: 4px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  margin: 10px 10px;
}
.operation .select-color .color-span .color-block[data-v-3406a06e] {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3) inset;
  background: url(../svg/colorpickupbg.png?fbed2cdbe4a0d6cb001259fd9103e80d);
  background-size: contain;
  border: none;
}
.operation .select-color:hover .color-span[data-v-3406a06e] {
  box-shadow: 0 0 0 2px #07AEFC;
}
.operation .select-color[data-v-3406a06e]:hover:before {
  content: attr(data-tips);
  font-size: 12px;
  line-height: 12px;
  background-color: #fff;
  color: #626262;
  padding: 4px 8px;
  position: absolute;
  top: 49px;
  left: -0.5px;
  white-space: pre;
  border-radius: 2px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
}
.operation .select-color[data-v-3406a06e]:hover:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 4px solid #fff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 45px;
  left: 3.5px;
}
.operation .select-color[class~="open-fall"][data-v-3406a06e] {
  background-color: #f3f4f9;
}
.operation .select-color[class~="open-fall"][data-v-3406a06e]:before {
  content: "";
  display: none;
}
.operation .select-color[class~="open-fall"][data-v-3406a06e]:after {
  content: "";
  display: none;
}
.operation .color-bar[data-v-3406a06e] {
  padding: 0;
}
.operation .color-bar .color-span[data-v-3406a06e] {
  width: 22px;
  height: 22px;
  display: inline-block;
  margin: 10px 10px;
  border-radius: 4px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.operation .color-bar .color-span .color-block[data-v-3406a06e] {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3) inset;
}
.operation .color-bar:hover .color-block[data-v-3406a06e] {
  box-shadow: 0 0 0 2px #07AEFC;
}
.operation .color-bar[data-v-3406a06e]:hover:before {
  content: attr(data-tips);
  font-size: 12px;
  line-height: 12px;
  background-color: #fff;
  color: #626262;
  padding: 4px 8px;
  position: absolute;
  top: 49px;
  left: -0.5px;
  white-space: pre;
  border-radius: 2px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
}
.operation .color-bar[data-v-3406a06e]:hover:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 4px solid #fff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 45px;
  left: 15.5px;
}
.operation .color-bar-drop[data-v-3406a06e] {
  width: 42px;
  height: 42px;
  float: left;
  cursor: pointer;
  position: relative;
  display: none;
}
.operation .color-bar-drop .color-list-icon[data-v-3406a06e] {
  width: 22px;
  height: 22px;
  display: inline-block;
  margin: 10px;
  border-radius: 4px;
  background: url(../svg/color_drop.svg?7853faad618ad8852c1e701cbb77b2f7) no-repeat 0 0;
}
.operation .color-bar-drop[data-v-3406a06e]:hover:before {
  content: attr(data-tips);
  font-size: 12px;
  line-height: 12px;
  background-color: #fff;
  color: #626262;
  padding: 4px 8px;
  position: absolute;
  top: 49px;
  left: -0.5px;
  white-space: pre;
  border-radius: 2px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
}
.operation .color-bar-drop[data-v-3406a06e]:hover:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 4px solid #fff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 45px;
  left: 15.5px;
}
.operation .color-bar-drop .color-wrap[data-v-3406a06e] {
  position: absolute;
  top: 49px;
  left: -23px;
  width: 88px;
  background: #FFF;
  padding: 8px 5px 2px 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
}
.operation .color-bar-drop .color-wrap[data-v-3406a06e]:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 4px solid #fff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: -4px;
  left: 40px;
}
.operation .color-bar-drop .color-wrap .color-item[data-v-3406a06e] {
  width: 20px;
  height: 20px;
  padding: 0;
  float: left;
  margin: 0 3px 6px 3px;
  position: relative;
}
.operation .color-bar-drop .color-wrap .color-item .color-span[data-v-3406a06e] {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
}
.operation .color-bar-drop .color-wrap .color-item .color-span .color-block[data-v-3406a06e] {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 4px;
}
.operation .color-bar-drop2[data-v-3406a06e] {
  width: 42px;
  height: 42px;
  float: left;
  cursor: pointer;
  position: relative;
}
.operation .color-bar-drop2 .color-list-icon[data-v-3406a06e] {
  width: 22px;
  height: 22px;
  display: inline-block;
  margin: 10px;
  border-radius: 4px;
  background: url(../svg/color_drop.svg?7853faad618ad8852c1e701cbb77b2f7) no-repeat 0 0;
}
.operation .color-bar-drop2[data-v-3406a06e]:hover:before {
  content: attr(data-tips);
  font-size: 12px;
  line-height: 12px;
  background-color: #fff;
  color: #626262;
  padding: 4px 8px;
  position: absolute;
  top: 49px;
  left: 0;
  white-space: pre;
  border-radius: 2px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
}
.operation .color-bar-drop2[data-v-3406a06e]:hover:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 4px solid #fff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: 45px;
  left: 15px;
}
.operation .color-bar-drop2 .color-wrap[data-v-3406a06e] {
  position: absolute;
  top: 49px;
  left: 0;
  width: 224px;
  height: 464px;
  padding: 16px;
  background: #FFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
}
.operation .color-bar-drop2 .color-wrap[class~='wrap-svg-pie'][data-v-3406a06e] {
  width: auto;
  height: 270px;
  padding: 16px 0;
}
.operation .color-bar-drop2 .color-wrap[class~='wrap-svg-pie'] .wrap-svg-pie-inner[data-v-3406a06e] {
  width: 216px;
  height: 238px;
  overflow-y: auto;
  padding: 0 16px;
}
.operation .color-bar-drop2 .color-wrap[class~='wrap-svg-pie'] .wrap-svg-pie-inner[data-v-3406a06e]::-webkit-scrollbar-thumb {
  background-color: #81878d;
  border-radius: 3px;
}
.operation .color-bar-drop2 .color-wrap[class~='wrap-svg-pie'] .wrap-svg-pie-inner[data-v-3406a06e]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.operation .color-bar-drop2 .color-wrap[class~='wrap-svg-pie'] span[data-v-3406a06e] {
  color: #626262;
  font-size: 12px;
  display: inline-block;
  margin: 0 0 6px 0;
}
.operation .color-bar-drop2 .color-wrap[data-v-3406a06e]:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 4px solid #fff;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  top: -4px;
  left: 17px;
}
.align-child[data-v-3406a06e] {
  position: absolute;
  z-index: 999;
  left: -18px;
  top: 44px;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
.align-child[data-v-3406a06e]:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  top: -8px;
  left: 30px;
}
.align-child li[data-v-3406a06e] {
  width: 104px;
  height: 30px;
  line-height: 30px;
}
.align-child li[data-v-3406a06e]:hover {
  background-color: #F4F4F4;
}
.align-child li[data-v-3406a06e]:before {
  float: left;
  width: 20px;
  height: 20px;
  margin: 5px 0 0 10px;
}
.align-child li[data-v-3406a06e]:after {
  content: attr(data-text);
  float: left;
  font-size: 12px;
  width: 48px;
  line-height: 30px;
  color: #515151;
  margin-left: 16px;
  white-space: nowrap;
}
.align-child .left-align[data-v-3406a06e]:before {
  content: url(../svg/leftalign.svg?82b1aabda50246b7f46ca7c177296c62);
}
.align-child .standard-middle[data-v-3406a06e]:before {
  content: url(../svg/standard_middle.svg?5220ce097e480769a5b9fbf9ee2f7044);
}
.align-child .right-align[data-v-3406a06e]:before {
  content: url(../svg/rightalign.svg?868e46378f9a89e4c9303ac935b17f7e);
}
.align-child .vertical-middle[data-v-3406a06e]:before {
  content: url(../svg/vertical_middle.svg?fc2b13cd6e515657f39bcbc571e2d15c);
}
.align-child .top-align[data-v-3406a06e]:before {
  content: url(../svg/topalign.svg?44aea2b97fd8141b5ad1ac70e3a99ae0);
}
.align-child .bottom-align[data-v-3406a06e]:before {
  content: url(../svg/bottomalign.svg?185811f7438a6bd17eda48c175233b05);
}
.align-child .standard-auto[data-v-3406a06e]:before {
  content: url(../svg/standard_auto.svg?dfad434fea5fbb75ce0748fa2d2e43be);
}
.align-child .vertical-auto[data-v-3406a06e]:before {
  content: url(../svg/vertical_auto.svg?7d5c69de28a76555d9cd7f2e8e4ee6e4);
}
.open-fall[data-v-3406a06e] {
  background-color: #f3f4f9;
}
.open-fall[data-v-3406a06e]:before {
  content: "";
  display: none;
}
.open-fall[data-v-3406a06e]:after {
  content: "";
  display: none;
}
.color-bar-drop .operation .color-bar[data-v-3406a06e] {
  display: none;
}
.color-bar-drop .operation .color-bar-drop[data-v-3406a06e] {
  display: block;
}

.color-board-mask[data-v-07f47884] {
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent;
}
.color-board[data-v-07f47884] {
  position: absolute;
  top: 44px;
  border-radius: 4px;
  overflow: hidden;
  z-index: 999;
}
.color-board-colors[data-v-07f47884] {
  display: inline-block;
  position: relative;
  width: 200px;
  max-height: 305px;
  padding: 14px 14px 4px 14px;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
}
.color-board-colors[data-v-07f47884]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.color-board-colors[data-v-07f47884]::-webkit-scrollbar-corner {
  background-color: #2E343C;
}
.color-board-colors[data-v-07f47884]::-webkit-scrollbar-thumb:vertical {
  background-color: rgba(98, 105, 112, 0.6);
  border-radius: 3px;
}
.color-board-colors[data-v-07f47884]::-webkit-scrollbar-thumb:horizontal {
  background-color: rgba(98, 105, 112, 0.6);
  border-radius: 3px;
}
.color-board-colors[data-v-07f47884]:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: #fff;
  top: -12px;
  left: 26px;
}
.color-board-colors[data-v-07f47884]:after {
  content: '';
  display: block;
  clear: both;
}
.color-board-colors .colors-title[data-v-07f47884] {
  margin: 4px 0;
  line-height: 14px;
  font-size: 14px;
  color: #9B9B9B;
}
.color-board-colors .color-board-colors-colors[data-v-07f47884] {
  width: 178px;
  padding-top: 8px;
  box-sizing: border-box;
}
.color-board-colors .color-board-colors-colors[data-v-07f47884]:after {
  content: '';
  display: block;
  clear: both;
}
.color-board-colors .color-board-colors-colors .color-board-colors-items[data-v-07f47884] {
  width: 27px;
  height: 27px;
  display: block;
  margin: 0 9px 10px 0;
  float: left;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  cursor: pointer;
  transition: all 0.1s ease;
}
.color-board-colors .color-board-colors-colors .color-board-colors-items[class~='add-color'][data-v-07f47884] {
  background: url(../svg/addcolor.png?425e2c82f3706fdb0db0093522fea2cd);
  background-size: 27px 27px;
}
.color-board-colors .color-board-colors-colors .color-board-colors-items[class~='add-color'][data-v-07f47884]:after {
  content: '';
  display: block;
  margin: 8px;
  width: 11px;
  height: 11px;
  background: url(../svg/addcolor-+.svg?cb41d2274a95d1f7ae31dd571eead582) no-repeat;
}
.color-board-colors .color-board-colors-colors .color-board-colors-items[class~='hidden'][data-v-07f47884] {
  visibility: hidden;
}
.color-board-colors .color-board-colors-colors .color-board-colors-items[data-v-07f47884]:hover {
  transform: scale(1.2);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.32);
}
.color-board-colors .color-board-colors-colors .color-board-colors-items[data-v-07f47884]:nth-child(5n) {
  margin: 0 0 10px 0;
}

.toolsBar-animation-enter-active,
.toolsBar-animation-leave-active {
  transition: all 0.2s;
  transform: translate(0, 0);
}
.toolsBar-animation-enter,
.toolsBar-animation-leave {
  opacity: 0;
  transform: translate(0, -45px);
}
.ctrltoolsBar-animation-enter-active,
.ctrltoolsBar-animation-leave-active {
  transition: all 0.2s;
  transform: translate(0, 0);
}
.ctrltoolsBar-animation-enter,
.ctrltoolsBar-animation-leave-to {
  transform: translate(0, -45px);
}
.toolBar-appear {
  opacity: 1;
  transform: translate(0, 0);
}
#tools-bar {
  display: flex;
  justify-content: space-between;
  z-index: 2;
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  font-size: 14px;
  min-width: 474px;
  background-color: #ffffff;
  padding: 0 12px;
  position: absolute;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.04);
  word-break: keep-all;
}
#tools-bar .operate {
  height: 48px;
  position: relative;
  display: flex;
  align-items: center;
}
#tools-bar .operate:after {
  clear: both;
}
#tools-bar .operate > li {
  float: left;
  height: 36px;
  padding: 0 10px;
  margin: 0 2px;
  position: relative;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 14px;
  transition: padding 0.3s ease;
}
#tools-bar .operate > li:hover,
#tools-bar .operate > li[class~='active'] {
  background: #f3f4f9;
}
#tools-bar .operate > li[class~='color'] {
  height: 24px;
  width: 24px;
  border-radius: 2px;
  overflow: hidden;
  margin: 0 12px;
  padding: 0;
  position: relative;
}
#tools-bar .operate > li[class~='color']:hover {
  background: transparent;
  /*border: 1px rgba(0,0,0,0.10) inset;*/
}
#tools-bar .operate > li[class~='color'] .color-block {
  width: 22px;
  height: 22px;
  border: 1px rgba(0, 0, 0, 0.1) solid;
}
#tools-bar .operate > li[class~='color'] .color-block[class~='mix'] {
  width: 24px;
  height: 24px;
  border: 0;
  background-image: url(../svg/color-mix.png?6530ea1a9c592ce51b31089ec75651b5);
  background-size: 100% auto;
  /*background: conic-gradient(from 90deg, #FF31B0, #FBCA1B, #24F9C6, #1A48FD, #FF31B0);;*/
}
#tools-bar .operate > li .icon {
  width: 20px;
  height: 20px;
  background-image: url(../svg/tools-bar-icon.svg?a5d94c3b001dbd6eaa7fe23e3bddb190);
}
#tools-bar .operate > li .icon[class~='italic'] {
  background-position: 0 0;
}
#tools-bar .operate > li .icon[class~='underline'] {
  background-position: -20px 0;
}
#tools-bar .operate > li .icon[class~='weight'] {
  background-position: -40px 0;
}
#tools-bar .operate > li .icon[class~='align'] {
  background-position: -60px 0;
}
#tools-bar .operate > li .icon[class~='align'][class~='left'] {
  background-position: -40px -40px;
}
#tools-bar .operate > li .icon[class~='align'][class~='justify'] {
  background-position: -60px -40px;
}
#tools-bar .operate > li .icon[class~='align'][class~='right'] {
  background-position: -80px -40px;
}
#tools-bar .operate > li .icon[class~='space'] {
  background-position: -80px 0;
}
#tools-bar .operate > li .icon[class~='layer'] {
  background-position: -100px 0;
}
#tools-bar .operate > li .icon[class~='opacity'] {
  background-position: -120px 0;
}
#tools-bar .operate > li .icon[class~='shadow'] {
  background-position: 0 -20px;
}
#tools-bar .operate > li .icon[class~='lock'] {
  background-position: -40px -20px;
}
#tools-bar .operate > li .icon[class~='lock'][class~='active'] {
  background-position: -20px -20px;
}
#tools-bar .operate > li .icon[class~='delete'] {
  background-position: -60px -20px;
}
#tools-bar .operate > li .icon[class~='group-align'] {
  background-position: -80px -20px;
}
#tools-bar .operate > li .icon[class~='group-vertial'] {
  background-position: -100px -20px;
}
#tools-bar .operate > li .icon[class~='reverse'] {
  background-position: -120px -20px;
}
#tools-bar .operate > li .icon[class~='confirm'] {
  background-position: 0 -40px;
}
#tools-bar .operate > li .icon[class~='cancel'] {
  background-position: -20px -40px;
}
@media screen and (max-width: 1156px) {
#tools-bar {
    padding: 0 10px;
}
}
@media screen and (max-width: 1460px) {
#tools-bar .operate > li {
    padding: 0 6px;
}
}

.toolsBar-animation-enter-active[data-v-32c11f61],
.toolsBar-animation-leave-active[data-v-32c11f61] {
  transition: all 0.2s;
  transform: translate(0, 0);
}
.toolsBar-animation-enter[data-v-32c11f61],
.toolsBar-animation-leave-to[data-v-32c11f61] {
  opacity: 0;
  transform: translate(0, -45px);
}


.hoverPathTop::before, .hoverGroupPathTop::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid rgba(255, 255, 255, .2);
}
.hoverPathTop::after, .hoverGroupPathTop::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-top: 1px dashed rgba(0, 0, 0, .1);
}
.hoverGroupPathTop::after {
  border-top: 1px dashed rgba(0, 0, 0, .1);
}
.hoverPathTop.hoverPathLock::after {
  border-top: 1px dashed #ff3d67;
}
.hoverPathRight::before, .hoverGroupPathRight::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 1px solid rgba(255, 255, 255, .2);
}
.hoverPathRight::after, .hoverGroupPathRight::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 1px dashed rgba(0, 0, 0, .1);
}
.hoverGroupPathRight::after {
  border-right: 1px dashed rgba(0, 0, 0, .1);
}
.hoverPathRight.hoverPathLock::after {
  border-right: 1px dashed #ff3d67;
}
.hoverPathBottom::before, .hoverGroupPathBottom::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.hoverPathBottom::after, .hoverGroupPathBottom::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-bottom: 1px dashed rgba(0, 0, 0, .1);
}
.hoverGroupPathBottom::after {
  border-bottom: 1px dashed rgba(0, 0, 0, .1);
}
.hoverPathBottom.hoverPathLock::after {
  border-bottom: 1px dashed #ff3d67;
}
.hoverPathLeft::before, .hoverGroupPathLeft::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-left: 1px solid rgba(255, 255, 255, .2);
}
.hoverPathLeft::after, .hoverGroupPathLeft::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-left: 1px dashed rgba(0, 0, 0, .1);
}
.hoverGroupPathLeft::after {
  border-left: 1px dashed rgba(0, 0, 0, .1);
}
.hoverPathLeft.hoverPathLock::after {
  border-left: 1px dashed #ff3d67;
}

#page-list {
  /* width: 248px; */
  height: 100%;
  overflow-y: auto;
}
#page-list .page-list-add {
  width: 208px;
  height: 72px;
  background: transparent;
  position: relative;
}
#page-list .page-list-add[class~='fixed'] {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  box-shadow: 0 -2px 6px 0 rgba(16, 38, 94, 0.06);
  z-index: 9;
}
#page-list .page-list-add:before {
  content: '';
  width: 140px;
  height: 40px;
  border-radius: 20px;
  /* background: #0773FC; */
  background: #FF6000;
  opacity: 0.1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
#page-list .page-list-add .add-page-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  /* color: #0773FC; */
  color:#ff6000;
  transform: translate(-50%, -50%);
}
#page-list .page-list-isFull {
  width: 208px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  background: #ffffff;
  position: relative;
}
#page-list .page-list-isFull[class~='fixed'] {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  box-shadow: 0 -2px 6px 0 rgba(16, 38, 94, 0.06);
  z-index: 9;
}
.page-list__item {
  width: 176px;
  height: 100px;
  margin: 0 16px 16px 16px;
  cursor: pointer;
  transition: margin 0.4s ease, height 0.4s ease;
  background-size: 100% auto;
  background-repeat: no-repeat;
  /*background-size: contain;*/
  outline: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-list__item:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  z-index: 1;
}
.page-list__item:first-child {
  margin-top: 16px;
}
.page-list__item[class~='active'] {
  /* outline: 2px solid #0773FC; */
  outline: 2px solid #ff6000;
}
.page-list__item[class~='empty'] {
  background: #fff !important;
}
.page-list__item[class~='no-animate'] {
  transition: none;
}
.page-list__item[class~='toggle'] {
  opacity: 0;
  height: 0 !important;
  margin-top: 0;
  margin-bottom: 0;
}
.page-list__item[class~='toggle']:first-child {
  margin-top: 16px;
}
.page-list__item[class~='drag-other'] {
  transition: none;
}
@keyframes wait-opacity {
0% {
    opacity: 0;
}
99% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.page-list__item[class~='drag-end'] {
  animation: 0.4s wait-opacity;
}
.page-list__item[class~='drag-other-top'] {
  /*margin-top: 132px;*/
}
.page-list__item[class~='drag-other-bottom'] {
  margin-bottom: 132px;
}
.page-list__item[class~='top-space'] {
  margin-top: 32px;
}
.page-list__item[class~='bottom-space'] {
  margin-bottom: 32px;
}
.page-list__item .item__value {
  position: absolute;
  bottom: 6px;
  left: 6px;
  font-size: 12px;
  line-height: 12px;
  color: #000;
}
.page-list__item .item__icon {
  width: 22px;
  height: 22px;
  cursor: pointer;
  position: absolute;
  top: 12px;
  background-image: url(../svg/page-list-item-icon.svg?0d01b4a3afd91ae7b80486dbbb1b3e3c);
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.1s ease;
  z-index: 2;
}
.page-list__item:hover .item__copy,
.page-list__item:hover .item__del {
  opacity: 1;
}
.page-list__item .item__copy {
  width: 22px;
  height: 22px;
  cursor: pointer;
  position: absolute;
  top: 12px;
  background-image: url(../svg/page-list-item-icon.svg?0d01b4a3afd91ae7b80486dbbb1b3e3c);
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.1s ease;
  z-index: 2;
  left: 12px;
  background-position: 0 0;
}
.page-list__item .item__del {
  width: 22px;
  height: 22px;
  cursor: pointer;
  position: absolute;
  top: 12px;
  background-image: url(../svg/page-list-item-icon.svg?0d01b4a3afd91ae7b80486dbbb1b3e3c);
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.1s ease;
  z-index: 2;
  right: 12px;
  background-position: -22px 0;
}

#page-list-small[data-v-093b7530] {
  width: 96px;
  height: 100%;
  overflow-y: auto;
  padding-top: 24px;
  box-sizing: border-box;
}
#page-list-small .page-list-small__item[data-v-093b7530] {
  width: 40px;
  height: 40px;
  border-radius: 2px;
  background: #f3f4f9;
  cursor: pointer;
  margin: 0 8px 8px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#page-list-small .page-list-small__item[data-v-093b7530]:first-child {
  margin-top: 8px;
}
#page-list-small .page-list-small__item[class~='active'][data-v-093b7530] {
  width: 36px;
  height: 36px;
  border: 2px solid #0773FC;
}
#page-list-small .page-list-small__item .item__value[data-v-093b7530] {
  font-size: 14px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.6);
}
#page-list-small .page-list-add-container[data-v-093b7530] {
  position: relative;
}
#page-list-small .page-list-add-container .page-list-add[data-v-093b7530] {
  position: relative;
}
#page-list-small .page-list-add-container .page-list-add .add-page-icon[data-v-093b7530] {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #0773FC;
  transform: translate(-50%, -50%);
}
#page-list-small .page-list-add-container[class~='fixed'][data-v-093b7530] {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #ffffff;
  box-shadow: 0 -2px 6px 0 rgba(16, 38, 94, 0.06);
}

/*.toggle-enter-active, .toggle-leave-active {*/
/*  opacity: 1;*/
/*  transition: all .4s;*/
/*}*/
/*.toggle-enter, .toggle-leave-to {*/
/*  opacity: 0;*/
/*}*/
#right-panel[data-v-723f3036] {
  height: 100%;
  z-index: 8;
  background: #ffffff;
  box-shadow: -10px 0 20px 0 rgba(0, 0, 0, 0.04);
}
.right-panel-toggle[data-v-723f3036] {
  position: absolute;
  left: -20px;
  width: 20px;
  height: 80px;
  background: #ffffff;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 0.8;
  transition: right 0.1s linear;
  z-index: 1;
  border-radius: 5px 0 0 5px;
}
.right-panel-toggle[data-v-723f3036]:after {
  content: '';
  display: block;
  position: absolute;
  top: 30px;
  right: 7px;
  background: url(../svg/layout_leftPanel_innerIcon_left-common.svg) -7px 0 no-repeat;
  width: 6px;
  height: 20px;
  transition: transform 0.3s ease;
  background-size: cover;
  transform: rotate(180deg);
}
.right-panel-toggle[class~='active'][data-v-723f3036]:after {
  transform: rotate(0deg);
}

.modal-wrap[data-v-40d59afe] {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
}
.modal-wrap .modal1-center[data-v-40d59afe] {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.modal-wrap .modal1-center .modal1-close[data-v-40d59afe] {
  top: 0;
  right: -34px;
  background-position: -11px -57px;
}
.modal-wrap .modal3-right[data-v-40d59afe] {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 400px;
  background-color: #fff;
}
.modal-wrap .modal3-right .modal3-close[data-v-40d59afe] {
  left: -42px;
  top: 20px;
  background-position: -11px -57px;
}
.modal-wrap .modal5-bottom[data-v-40d59afe] {
  position: absolute;
  bottom: -200px;
  left: 0;
  width: 100%;
  height: 160px;
  transition: all 0.5s ease;
  background-color: #fff;
}
.modal-wrap .modal5-bottom[class*="display"][data-v-40d59afe] {
  bottom: 0;
}
.modal-wrap .modal5-bottom .modal5-close[data-v-40d59afe] {
  top: 16px;
  right: 16px;
  background-position: -12px -30px;
}
.modal-wrap .modal-close[data-v-40d59afe] {
  width: 18px;
  height: 18px;
  position: absolute;
  background-image: url(../svg/modal_close.svg?33e17928cd50e15835e724c6606a0176);
  cursor: pointer;
}
.modal-wrap .modal6[data-v-40d59afe] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
}
.modal4[data-v-40d59afe] {
  position: absolute;
  z-index: 1000;
}
.modal-wrap-enter-active[data-v-40d59afe],
.modal-wrap-leave-active[data-v-40d59afe] {
  transition: opacity 0.5s;
}
.modal-wrap-enter[data-v-40d59afe],
.modal-wrap-leave-active[data-v-40d59afe] {
  opacity: 0;
}
.modal1-enter-active[data-v-40d59afe],
.modal1-leave-active[data-v-40d59afe] {
  transition: opacity 0.5s;
}
.modal1-enter[data-v-40d59afe],
.modal1-leave-active[data-v-40d59afe] {
  opacity: 0;
}
.modal3-enter-active[data-v-40d59afe],
.modal3-leave-active[data-v-40d59afe] {
  transition: all 0.5s ease;
}
.modal3-enter[data-v-40d59afe],
.modal3-leave-active[data-v-40d59afe] {
  transform: translateX(370px);
  opacity: 0;
}

.drop-down[data-v-2451662a] {
  width: 150px;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 0 0 16px;
  border: #ECECEC solid 1px;
  cursor: pointer;
}
.drop-down[data-v-2451662a]:hover:after {
  position: absolute;
  bottom: -5px;
  left: 0;
  content: "";
  width: 100%;
  height: 5px;
}
.drop-down[data-v-2451662a]:before {
  position: absolute;
  height: 12px;
  width: 12px;
  top: 50%;
  right: 10px;
  background: url(../svg/trunDown14px.svg?c81e7fd552cd5c376cf74f5c0db0ef98) no-repeat center;
  content: '';
  z-index: 2;
  transform: translateY(-50%);
}
.drop-down .drop-down-sel[data-v-2451662a] {
  height: 28px;
  line-height: 28px;
  width: 105px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #4A4A4A;
}
.drop-down .drop-down-drop[data-v-2451662a] {
  position: absolute;
  top: 32px;
  left: 0;
  width: 100%;
  max-height: 250px;
  overflow: auto;
  background: #FFFFFF;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
  z-index: 101;
}
.drop-down .drop-down-drop .drop-down-drop-option[data-v-2451662a] {
  position: relative;
  width: 100%;
  height: 32px;
  padding: 0 32px 0 16px;
  box-sizing: border-box;
  background: #fff;
  color: #4A4A4A;
  font-size: 12px;
  line-height: 32px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.drop-down .drop-down-drop .drop-down-drop-option[data-v-2451662a]:after {
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
  top: 10px;
  right: 16px;
  background-image: url(../svg/dropdown_selected.svg?744d92d49badc15f9e204f21961210ee);
  background-repeat: no-repeat;
  display: none;
}
.drop-down .drop-down-drop .drop-down-drop-option[data-v-2451662a]:hover {
  background: #F2F2F2;
}
.drop-down .drop-down-drop .drop-down-drop-option[data-v-2451662a]:hover:after {
  display: block;
  background-position: 0 0;
}
.drop-down .drop-down-drop .drop-down-drop-option[data-v-2451662a]:active {
  background: #F3F3F3;
}
.drop-down .drop-down-drop .drop-down-drop-option[data-v-2451662a]:active:after {
  display: block;
  background-position: 0 -24px;
}
.drop-down .drop-down-drop .drop-down-drop-option[class~='selected'][data-v-2451662a]:after {
  display: block;
  background-position: 0 -24px;
}
.drop-down .drop-down-drop .drop-down-drop-option[class~='disabled'][data-v-2451662a] {
  cursor: default;
  color: #CDCDCD;
  background: #FAFAFA;
}
.drop-down .drop-down-drop .drop-down-drop-option[class~='disabled'][data-v-2451662a]:hover,
.drop-down .drop-down-drop .drop-down-drop-option[class~='disabled'][data-v-2451662a]:active {
  cursor: default;
  color: #CDCDCD;
  background: #FAFAFA;
  font-weight: normal;
}
.drop-down .drop-down-drop .drop-down-drop-option[class~='disabled'][data-v-2451662a]:hover:after,
.drop-down .drop-down-drop .drop-down-drop-option[class~='disabled'][data-v-2451662a]:active:after {
  display: none;
}
.drop-down .icon-folder[data-v-2451662a] {
  position: relative;
  top: 4px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../svg/dropdown_folder_sprite.svg?0d1d256400547211bd9e5b3f87afb4de);
  background-repeat: no-repeat;
}
.drop-down .grey-folder[data-v-2451662a] {
  background-position: 0 0;
}
.drop-down .blue-folder[data-v-2451662a] {
  background-position: -20px 0;
}
.drop-down .royalBlue-folder[data-v-2451662a] {
  background-position: -40px 0;
}
.drop-down .pink-folder[data-v-2451662a] {
  background-position: -60px 0;
}
.drop-down .orange-folder[data-v-2451662a] {
  background-position: -80px 0;
}
.drop-down .yellow-folder[data-v-2451662a] {
  background-position: -100px 0;
}
.drop-down .green-folder[data-v-2451662a] {
  background-position: -120px 0;
}
.drop-down .option-title[data-v-2451662a] {
  width: 20px;
}

.modal-mask[data-v-1cebd814] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-mask .modal__close[data-v-1cebd814] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 0;
  right: -34px;
}
.center[data-v-1cebd814] {
  text-align: center;
}
.design-verify[data-v-1cebd814] {
  display: inline-block;
  color: red;
  position: absolute;
  left: 130px;
}
.share-wrap[data-v-1cebd814] {
  position: fixed;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 408px;
  height: 210px;
  background-color: #FFFFFF;
}
.share-wrap .share-search[data-v-1cebd814] {
  padding: 24px;
}
.share-title[data-v-1cebd814] {
  width: 100%;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 24px;
  color: #626262;
}
.share-proname[data-v-1cebd814] {
  font-size: 14px;
  color: #626262;
  margin-top: 16px;
  display: inline-block;
}
.chosefiles[data-v-1cebd814] {
  font-size: 14px;
  color: #626262;
  margin-top: 8px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.share-serch-proname[data-v-1cebd814] {
  position: relative;
  margin-bottom: 18px;
}
.share-writepro[data-v-1cebd814] {
  width: 190px;
  height: 40px;
  line-height: 1.4;
  border: none;
  box-sizing: border-box;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  background: #FBFBFB;
  padding-left: 20px;
  padding-right: 60px;
  color: #808080;
}
.share-writepro[data-v-1cebd814]::-webkit-input-placeholder {
  color: #cdcdcd;
}
.share-count[data-v-1cebd814] {
  position: absolute;
  top: 16px;
  right: 16px;
  color: #CFCFCF;
}
.save-confirm[data-v-1cebd814] {
  float: right;
  width: 215px;
  background-color: #07AFFD;
  font-size: 14px;
  color: #FFF;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  margin-top: 32px;
}
.save-confirm[data-v-1cebd814]:active {
  background-image: linear-gradient(90deg, #5ea2ff, #00e3ff);
}
.save-confirm[data-v-1cebd814]:hover {
  opacity: 0.8;
}
.exit[data-v-1cebd814] {
  float: left;
  width: 106px;
  line-height: 40px;
  border: 1px solid #D8D8D8;
  font-size: 14px;
  color: #626262;
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
  margin: 32px 26px 0 0;
}
.clearfix[data-v-1cebd814]:before,
.clearfix[data-v-1cebd814]:after {
  display: table;
  content: " ";
}
.clearfix[data-v-1cebd814]:after {
  clear: both;
}
.clearfix[data-v-1cebd814] {
  *zoom: 1;
}

.modal-mask[data-v-68b88cf7] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-mask .modal__close[data-v-68b88cf7] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 0;
  right: -34px;
}
.design-history[data-v-68b88cf7] {
  position: fixed;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 550px;
  height: 250px;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.design-history .title[data-v-68b88cf7] {
  padding: 40px 0;
  font-size: 24px;
  text-align: center;
  color: #626262;
}
.choose-version .text[data-v-68b88cf7] {
  color: #9b9b9b;
  padding: 0 60px;
}
.choose-version .dropdown-wrap[data-v-68b88cf7] {
  padding: 10px 60px;
}
.choose-version .dropdown-wrap .just-reset[data-v-68b88cf7] {
  float: right;
  width: 120px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  color: #fff;
  background: #0773fc;
  border: none;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
}
.reset-version .text[data-v-68b88cf7] {
  text-align: center;
  color: #9b9b9b;
}
.reset-version .btn-group[data-v-68b88cf7] {
  width: 296px;
  margin: auto;
  margin-top: 40px;
}
.reset-version .btn[data-v-68b88cf7] {
  float: left;
  width: 140px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border: none;
  outline: none;
  cursor: pointer;
}
.reset-version .btn-cancel[data-v-68b88cf7] {
  color: #9b9b9b;
  border: 1px solid #cdcdcd;
  background: #fff;
}
.reset-version .btn-confirm[data-v-68b88cf7] {
  margin-left: 16px;
  color: #fff;
  background: #0773fc;
}

.modal-mask[data-v-23a6e411] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-mask .modal__close[data-v-23a6e411] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 0;
  right: -34px;
}
.copyright-info[data-v-23a6e411] {
  position: fixed;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 647px;
  height: 434px;
  padding: 40px;
  background: #FFFFff;
  border-radius: 3px;
}
.copyright-info .copyright-info-title[data-v-23a6e411] {
  height: 21px;
  line-height: 21px;
  text-align: center;
  font-size: 24px;
  color: #626262;
  margin-bottom: 26px;
}
.copyright-info .copyright-info-table[data-v-23a6e411] {
  width: 645px;
  height: 340px;
  border: 1px solid #E7E7E7;
  border-radius: 3px;
  background: #FBFBFB;
}
.copyright-info .copyright-info-table .nothing[data-v-23a6e411] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.copyright-info .copyright-info-table .nothing > img[data-v-23a6e411] {
  width: 119px;
  height: 112px;
}
.copyright-info .copyright-info-table .nothing > span[data-v-23a6e411] {
  font-size: 14px;
  color: #626262;
  line-height: 30px;
}
.copyright-info .copyright-info-table .loading[data-v-23a6e411] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.copyright-info .copyright-info-table .loading > span[data-v-23a6e411] {
  font-size: 14px;
  color: #626262;
  line-height: 30px;
}
.copyright-info .copyright-info-table .copyright-info-table-title[data-v-23a6e411] {
  padding: 0 26px;
  box-sizing: border-box;
  height: 36px;
  width: 100%;
  line-height: 36px;
  text-align: left;
  position: relative;
  display: flex;
  color: #9B9B9B;
  font-size: 14px;
}
.copyright-info .copyright-info-table .copyright-info-table-title[data-v-23a6e411]:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #DFDFDF;
}
.copyright-info .copyright-info-table .copyright-info-table-title > [class*='item'][data-v-23a6e411] {
  display: inline-flex;
}
.copyright-info .copyright-info-table .item1[data-v-23a6e411] {
  flex: 30px !important;
  margin-right: 44px !important;
}
.copyright-info .copyright-info-table .item2[data-v-23a6e411] {
  flex: 90px !important;
  margin-right: 62px !important;
}
.copyright-info .copyright-info-table .item3[data-v-23a6e411] {
  flex: 72px !important;
  margin-right: 65px !important;
}
.copyright-info .copyright-info-table .item4[data-v-23a6e411] {
  flex: 80px !important;
  margin-right: 38px !important;
}
.copyright-info .copyright-info-table .item5[data-v-23a6e411] {
  flex: 84px !important;
}
.copyright-info .copyright-info-table .copyright-info-table-container[data-v-23a6e411] {
  width: 100%;
  height: 300px;
}
.copyright-info .copyright-info-table .copyright-info-table-container .copyright-info-item[data-v-23a6e411] {
  width: 100%;
  height: 84px;
  padding: 0 26px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.copyright-info .copyright-info-table .copyright-info-table-container .copyright-info-item[data-v-23a6e411]:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 26px;
  width: 595px;
  height: 1px;
  background: #DFDFDF;
}
.copyright-info .copyright-info-table .copyright-info-table-container .copyright-info-item[class~='overload'][data-v-23a6e411]:nth-last-child(1):after {
  background: transparent;
}
.copyright-info .copyright-info-table .copyright-info-table-container .copyright-info-item > div[class*='item'][data-v-23a6e411] {
  display: flex;
  align-items: center;
  text-align: left;
  height: 100%;
  word-break: break-word;
}
.copyright-info .copyright-info-table .copyright-info-table-container .copyright-info-item > div[class*='item'] .img-preview[data-v-23a6e411] {
  width: 80px;
  height: 60px;
  background: #EFEFEF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.copyright-info .copyright-info-table .copyright-info-table-container .copyright-info-item > div[class*='item'] .img-preview > div[data-v-23a6e411] {
  width: 64px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.copyright-info .copyright-info-table .copyright-info-table-container .copyright-info-item > div[class*='item'] span[data-v-23a6e411] {
  font-size: 14px;
  color: #626262;
  line-height: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.copyright-info .copyright-info-table .copyright-info-table-container .copyright-info-item > div[class*='item'] span[class~='active'][data-v-23a6e411] {
  color: #54B737;
}
.copyright-info .copyright-info-table .copyright-info-table-container .copyright-info-item > div[class*='item'] a[data-v-23a6e411] {
  font-size: 14px;
  color: #F7B61B;
  text-decoration: underline;
  cursor: pointer;
}
.copyright-info .copyright-info-table .copyright-info-table-container .copyright-info-item > div[class*='item'][class~='icon1'][data-v-23a6e411]:after {
  content: '';
  width: 22px;
  height: 22px;
  background-image: url(../svg/icon1.png?efa6d7b05972940c86139b1f19e1da0d);
  background-repeat: no-repeat;
  background-size: 22px 22px;
}
.copyright-info .copyright-info-table .copyright-info-table-container .copyright-info-item > div[class*='item'][class~='icon2'][data-v-23a6e411]:after {
  content: '';
  width: 22px;
  height: 22px;
  background-image: url(../svg/icon2.png?ff3bb5b903550e0e2b0d613b9fe334a3);
  background-repeat: no-repeat;
  background-size: 22px 22px;
}
.copyright-info .copyright-info-table .copyright-info-table-container .copyright-info-item > div[class*='item3'][data-v-23a6e411] {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start !important;
}
.copyright-info .copyright-info-table .copyright-info-table-container .copyright-info-item > div[class*='item3'] > span[data-v-23a6e411]:nth-child(2) {
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.copyright-info .copyright-info-table .copyright-info-table-container .copyright-info-item > div[class*='item2'] > span[data-v-23a6e411] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.copyright-info .copyright-info-txt[data-v-23a6e411] {
  margin-top: 21px;
  float: left;
  font-size: 14px;
  color: #999999;
  letter-spacing: 0;
  text-align: left;
}
.copyright-info .copyright-info-count[data-v-23a6e411] {
  margin-top: 14px;
  float: right;
}
.copyright-info .copyright-info-count > span[data-v-23a6e411] {
  color: #626262;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
}
.copyright-info .copyright-info-count > span .big[data-v-23a6e411] {
  color: #54B737;
  font-size: 24px;
}
.copyright-info .copyright-info-count .need[data-v-23a6e411] {
  margin-right: 24px;
}
.copyright-info .copyright-info-count .need .big[data-v-23a6e411] {
  color: #F7B61B;
}

.progress-bar-container[data-v-e9ae9212] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  width: 100%;
}
.progress-bar[data-v-e9ae9212] {
  position: relative;
  display: inline-block;
  width: 90%;
  height: 10px;
  background-color: rgba(7, 115, 252, 0.1);
  overflow: hidden;
  border-radius: 5px;
}
.progress-bar .progress[data-v-e9ae9212] {
  height: 100%;
  border-radius: 5px;
  background-color: #0773FC;
  transition: width ease 0.4s;
}
.progress-text[data-v-e9ae9212] {
  color: #0773FC;
  font-size: 12px;
}

.modal-back[data-v-511e0c72] {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
}
#thumb-wait[data-v-511e0c72] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 400px;
  height: 160px;
  background: #fff;
  font-size: 12px;
  text-align: center;
}
.loading-container[data-v-511e0c72] {
  padding: 0 20%;
}
.thumb-text[data-v-511e0c72] {
  font-size: 16px;
  text-align: center;
  color: #666;
  margin-top: 40px;
}

.carousel-content[data-v-7650c775] {
  width: 272px;
  height: 272px;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  box-sizing: border-box;
  position: relative;
}
.carousel-content .checkIn[data-v-7650c775] {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
}
.carousel-content .checkIn[data-v-7650c775]:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.carousel-content .right[data-v-7650c775] {
  right: 0;
}
.carousel-content .carousel-content-list[data-v-7650c775] {
  height: 272px;
}
.carousel-content .carousel-content-list .img-list-item[data-v-7650c775] {
  display: inline-block;
  height: 272px;
  line-height: 272px;
  transition: all 0.3s ease;
}
.carousel-content .carousel-content-list .img-list-item img[data-v-7650c775] {
  vertical-align: middle;
  width: 272px;
  height: 272px;
}
.carousel-content .carousel-content-point[data-v-7650c775] {
  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
}
.carousel-content .carousel-content-point .img-list-point[data-v-7650c775] {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  margin-right: 10px;
  cursor: pointer;
}
.carousel-content .carousel-content-point .img-list-point[class~='active'][data-v-7650c775] {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.carousel-content .carousel-content-point .img-list-point[data-v-7650c775]:hover {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.carousel-content:hover .checkIn[data-v-7650c775] {
  display: flex;
}
.carousel-content .showMior[data-v-7650c775] {
  width: 480px;
  height: 480px;
  border: 1px solid #E6E6E6;
  position: fixed;
  top: 115px;
  right: 316px;
  z-index: 2;
}
.carousel-content .showMior img[data-v-7650c775] {
  width: 480px;
  height: 480px;
}

.selectPlugin[data-v-7dcf1230] {
  width: 380px;
  display: inline-block;
}

.address-content[data-v-2f0eeec4] {
  width: 100%;
  padding-left: 24px;
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
}
.address-content p[data-v-2f0eeec4] {
  margin: 0;
  padding: 0;
}
.address-content div[data-v-2f0eeec4] {
  box-sizing: border-box;
}
.address-content_detail[data-v-2f0eeec4] {
  background: url(../svg/print-order-icon.svg?bb6a5a94580addd60fe2baef8b4089dd) no-repeat -30px -30px;
  width: 224px;
  height: 110px;
  display: inline-block;
}
.address-content_detail ul[data-v-2f0eeec4] {
  transition: all 0.3s ease;
}
.address-content_detail .address-item[data-v-2f0eeec4] {
  padding: 14px;
}
.address-content_detail .address-item .address-header[data-v-2f0eeec4] {
  width: 100%;
  height: 17px;
  font-size: 12px;
  margin-bottom: 8px;
}
.address-content_detail .address-item .address-header span[data-v-2f0eeec4] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.address-content_detail .address-item .address-header .desc-name[data-v-2f0eeec4] {
  width: 6em;
  color: rgba(0, 0, 0, 0.8);
  margin-right: 24px;
}
.address-content_detail .address-item .address-header .desc-tel[data-v-2f0eeec4] {
  color: rgba(0, 0, 0, 0.6);
  width: 8em;
}
.address-content_detail .address-item .address-desc[data-v-2f0eeec4] {
  font-size: 12px;
  width: 100%;
  height: 36px;
  margin-bottom: 6px;
  color: rgba(0, 0, 0, 0.6);
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  line-height: 18px;
}
.address-content_detail .address-item .address-btn[data-v-2f0eeec4] {
  cursor: pointer;
  font-size: 12px;
}
.address-content_detail .address-item .edit[data-v-2f0eeec4] {
  color: #0073FC;
  margin-right: 10px;
}
.address-content_detail .address-item .del[data-v-2f0eeec4] {
  color: #FA2323;
}
.address-content_icon[data-v-2f0eeec4] {
  width: 32px;
  height: 110px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
}
.address-content_icon .icon[data-v-2f0eeec4] {
  background: url(../svg/print-order-icon.svg?bb6a5a94580addd60fe2baef8b4089dd) no-repeat;
  width: 14px;
  height: 14px;
  display: inline-block;
  cursor: pointer;
}
.address-content_icon .choose-top[data-v-2f0eeec4] {
  background-position: -606px -30px;
  margin-bottom: 8px;
}
.address-content_icon .choose-top[data-v-2f0eeec4]:hover {
  background-position: -630px -30px;
}
.address-content_icon .choose-bottom[data-v-2f0eeec4] {
  background-position: -582px -30px;
}
.address-content_icon .choose-bottom[data-v-2f0eeec4]:hover {
  background-position: -654px -30px;
}
.address-content_add[data-v-2f0eeec4] {
  width: 30px;
  height: 110px;
  background: rgba(7, 115, 252, 0.1);
  border-radius: 15px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.address-content .no-address[data-v-2f0eeec4] {
  width: 272px;
  height: 88px;
  background: rgba(7, 115, 252, 0.1);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}
.address-content .address-from[data-v-2f0eeec4] {
  height: 40px;
  margin-bottom: 24px;
  display: flex;
  line-height: 40px;
}
.address-content .address-from[data-v-2f0eeec4]:last-child {
  margin-bottom: 24px;
}
.address-content .address-from-btn[data-v-2f0eeec4] {
  display: flex;
  justify-content: center;
}
.address-content .address-from-btn .ok[data-v-2f0eeec4] {
  width: 122px;
  height: 40px;
  font-size: 16px;
  color: #fff;
  margin-right: 30px;
}
.address-content .address-from-btn .cancel[data-v-2f0eeec4] {
  width: 122px;
  height: 40px;
  font-size: 16px;
}
.address-content .title[data-v-2f0eeec4] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  display: inline-block;
  width: 106px;
  padding-left: 16px;
  text-align: right;
}
.address-content .del-address-txt[data-v-2f0eeec4] {
  text-align: center;
  margin: 40px auto;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  letter-spacing: 0;
}

.print[data-v-3cbb125b] {
  width: 85%;
  height: 100%;
  position: fixed;
  left: 0;
  z-index: 14;
  top: 0;
}
.print .print-content[data-v-3cbb125b] {
  width: 320px;
  height: calc(100vh - 56px);
  background-color: #fff;
  box-shadow: -10px 0 20px 0 rgba(0, 35, 78, 0.04);
  box-sizing: border-box;
  position: fixed;
  top: 56px;
  right: 0px;
  z-index: 99;
  padding-bottom: 102px;
}
.print .print-content p[data-v-3cbb125b] {
  margin: 0;
  padding: 0;
}
.print .print-content .title[data-v-3cbb125b] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
}
.print .print-content .name[data-v-3cbb125b] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}
.print .print-content .desc[data-v-3cbb125b] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.print .print-content div[data-v-3cbb125b] {
  box-sizing: border-box;
}
.print .print-content .print-header[data-v-3cbb125b] {
  height: 58px;
  padding: 20px 24px;
}
.print .print-content .print-header_name[data-v-3cbb125b] {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
}
.print .print-content .print-header_close[data-v-3cbb125b] {
  float: right;
  cursor: pointer;
}
.print .print-content .print-header_salesVolume[data-v-3cbb125b] {
  float: right;
  font-size: 14px;
  margin-right: 20px;
  color: #606162;
}
.print .print-content .print-header_salesVolume i[data-v-3cbb125b] {
  font-style: normal;
  color: #f12c20;
}
.print .print-content .print-box[data-v-3cbb125b] {
  position: relative;
  width: 360px;
  overflow: auto;
  padding-right: 20px;
  height: 100%;
  padding-bottom: 80px;
}
.print .print-content .print-wares-details[data-v-3cbb125b] {
  padding: 0 24px;
}
.print .print-content .query-wares-detail[data-v-3cbb125b] {
  margin-top: 24px;
}
.print .print-content .query-wares-detail .choose-name[data-v-3cbb125b] {
  margin-right: 14px;
}
.print .print-content .query-wares-detail .choose-paper_detail[data-v-3cbb125b] {
  font-size: 12px;
  color: #0773fc;
  margin-left: 5px;
  cursor: pointer;
  text-decoration: underline;
}
.print .print-content .query-wares-detail .choose-process[data-v-3cbb125b] {
  margin: 16px 0;
}
.print .print-content .query-wares-detail .firstTip[data-v-3cbb125b] {
  font-size: 10px;
  margin-left: 15px;
  color: rgba(0, 0, 0, 0.3);
}
.print .print-content .query-wares-detail .wares-price[data-v-3cbb125b] {
  margin-top: 24px;
  height: 24px;
  line-height: 24px;
  padding-right: 20px;
}
.print .print-content .query-wares-detail .wares-price[data-v-3cbb125b]:last-child {
  margin: 0;
}
.print .print-content .query-wares-detail .flash-sale[data-v-3cbb125b] {
  width: 86px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #fa2323;
  border-radius: 100px;
  float: right;
  font-size: 14px;
  color: #ffffff;
}
.print .print-content .query-wares-detail .first[data-v-3cbb125b] {
  width: 98px;
}
.print .print-content .query-wares-detail .new-price[data-v-3cbb125b] {
  float: right;
  font-size: 20px;
  color: #fa2323;
  margin-left: 14px;
}
.print .print-content .query-wares-detail .old-price[data-v-3cbb125b] {
  float: right;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
  line-height: 14px;
  margin-top: 6px;
  text-decoration: line-through;
}
.print .print-content .wares-note[data-v-3cbb125b] {
  margin-top: 20px;
}
.print .print-content .wares-note .choose-name[data-v-3cbb125b] {
  margin-bottom: 16px;
  display: block;
}
.print .print-content .wares-note .wares-note-item[data-v-3cbb125b] {
  height: 20px;
  width: 100%;
  margin-top: 8px;
}
.print .print-content .wares-pay[data-v-3cbb125b] {
  position: fixed;
  bottom: 0;
  padding-left: 22px;
  padding-right: 21px;
  padding-top: 16px;
  width: 320px;
  height: 102px;
  background-color: #fff;
}
.print .print-content .wares-pay .wares-pay_btns[data-v-3cbb125b] {
  display: flex;
}
.print .print-content .wares-pay .service[data-v-3cbb125b] {
  margin-left: auto;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.print .print-content .wares-pay .service .icon[data-v-3cbb125b] {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(../svg/print-order-icon-service.svg?71efbfd3641ae4e4ef2e26232bf4812e);
}
.print .print-content .wares-pay .btn[data-v-3cbb125b] {
  width: 128px;
  height: 40px;
  font-size: 14px;
}
.print .print-content .wares-pay .pay-now[data-v-3cbb125b] {
  width: 76px;
  margin-right: 15px;
}
.print .print-content .wares-pay .onlyOneBtn[data-v-3cbb125b] {
  width: 128px;
}
.print .print-content .wares-pay .join-car[data-v-3cbb125b]:hover {
  border-color: #0773fc;
  color: #0773fc;
}
.print .print-content .wares-pay .join-car .icon[data-v-3cbb125b] {
  background: url(../svg/print-order-icon.svg?bb6a5a94580addd60fe2baef8b4089dd) no-repeat -758px -30px;
  width: 19px;
  height: 19px;
  display: inline-block;
  vertical-align: sub;
}
.print .print-content .wares-pay p[data-v-3cbb125b] {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  text-align: left;
  line-height: 17px;
  margin-top: 16px;
}
.print .print-content .wares-pay p a[data-v-3cbb125b] {
  color: #0773FC;
  text-align: center;
  line-height: 17px;
  text-decoration: none;
}
.print .print-content .wares-pay p a[data-v-3cbb125b]:hover {
  text-decoration: underline;
}
.print .print-content .print-order-msg[data-v-3cbb125b] {
  margin-top: 24px;
  padding: 0 24px;
  padding-right: 35px;
}
.print .print-content .print-order-msg .order-item[data-v-3cbb125b] {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  height: 20px;
}
.print .print-content .print-order-msg .order-item .desc[data-v-3cbb125b] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 14em;
  text-align: right;
}
.print .print-content .details-title[data-v-3cbb125b] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 16px;
  display: block;
  font-weight: bold;
}
.print .print-content .print-order-remarks[data-v-3cbb125b] {
  margin-top: 24px;
  padding-left: 24px;
  margin-bottom: 24px;
  display: flex;
  height: 50px;
}
.print .print-content .print-order-remarks .order-title[data-v-3cbb125b] {
  display: inline-block;
  width: 48px;
  height: 100%;
}
.print .print-content .print-order-remarks .order-remark[data-v-3cbb125b] {
  width: 224px;
  height: 85%;
  display: inline-block;
}
.print .print-content .print-order-remarks .order-remark textarea[data-v-3cbb125b] {
  padding: 14px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.print .print-content .print-order-choose[data-v-3cbb125b] {
  padding-left: 24px;
}
.print .print-content .print-order-choose .coupons-title[data-v-3cbb125b] {
  display: inline-block;
  width: 44px;
  height: 100%;
}
.print .print-content .discount[data-v-3cbb125b] {
  margin-top: 16px;
}
.print .print-content .print-order-pay-mode[data-v-3cbb125b] {
  width: 300px;
  margin-top: 24px;
  padding-left: 24px;
}
.print .print-content .print-order-pay-mode .pay-mode-title[data-v-3cbb125b] {
  height: 32px;
}
.print .print-content .print-order-pay-mode .pay-mode-content[data-v-3cbb125b] {
  width: 100%;
  display: flex;
}
.print .print-content .print-order-pay-mode .pay-mode-box[data-v-3cbb125b] {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 124px;
  height: 56px;
}
.print .print-content .print-order-pay-mode .pay-mode-box[data-v-3cbb125b]:first-child {
  margin-right: 24px;
  margin-bottom: 16px;
}
.print .print-content .print-order-pay-mode .pay-mode-box .icon[data-v-3cbb125b] {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: sub;
  margin-right: 5px;
  background: url(../svg/print-order-icon.svg?bb6a5a94580addd60fe2baef8b4089dd) no-repeat;
}
.print .print-content .print-order-pay-mode .pay-mode-box .wechat[data-v-3cbb125b] {
  background-position: -458px -31px;
}
.print .print-content .print-order-pay-mode .pay-mode-box .alipay[data-v-3cbb125b] {
  background-position: -493px -31px;
}
.print .print-content .print-order-pay-mode .pay-mode-box.active[data-v-3cbb125b] {
  background: rgba(7, 115, 252, 0.1);
  border: 1px solid #0773fc;
}
.print .print-content .print-order-pay-mode .pay-mode-box .num[data-v-3cbb125b] {
  font-weight: bold;
}
.print .print-content .print-order-pay-mode .balance[data-v-3cbb125b] {
  flex-direction: column;
  line-height: 10px;
}
.print .print-content .print-order-pay-cost[data-v-3cbb125b] {
  width: 296px;
  margin-top: 16px;
  margin-left: 12px;
  background: #f3f4f9;
  padding: 23px 14px;
  text-align: right;
}
.print .print-content .print-order-pay-cost .pat-cost[data-v-3cbb125b] {
  margin-bottom: 8px;
}
.print .print-content .print-order-pay-cost .unit[data-v-3cbb125b] {
  width: 8em;
  display: inline-block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
}
.print .print-content .print-order-pay-cost .payment[data-v-3cbb125b] {
  margin-top: 16px;
}
.print .print-content .print-order-pay-cost .total-price[data-v-3cbb125b] {
  font-size: 20px;
  color: #fa2323;
  line-height: 18px;
  font-weight: bold;
}
.print .print-content .print-order-pay-cost .total-name[data-v-3cbb125b] {
  position: relative;
}
.print .print-content .print-order-pay-cost .choose_limitInfo_text_icon[data-v-3cbb125b] {
  display: inline-block;
  vertical-align: sub;
  width: 16px;
  height: 16px;
  background-image: url(../svg/print-order-icon.svg?bb6a5a94580addd60fe2baef8b4089dd);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: -678px -30px;
  cursor: pointer;
  position: relative;
}
.print .print-content .print-order-pay-cost .choose_limitInfo_text_icon[data-v-3cbb125b]:hover {
  background-position: -704px -30px;
}
.print .print-content .print-order-pay-cost .update__info[data-v-3cbb125b] {
  position: absolute;
  bottom: 24px;
  width: 135px;
  min-height: 33px;
  line-height: 1.25;
  text-align: left;
  padding: 16px;
  z-index: 9999999999;
  border: 1px solid #e6e6e6;
  box-shadow: 0 6px 12px 0 rgba(10, 15, 31, 0.06);
  border-radius: 4px;
  background: #fff;
}
.print .print-content .print-order-pay-cost .update__info span[data-v-3cbb125b] {
  font-size: 12px;
  color: #000;
  display: inline-block;
  margin-top: 5px;
}
.print .print-content .print-order-pay-cost .update__info[data-v-3cbb125b]:before {
  position: absolute;
  top: 10px;
  right: -10px;
  content: "";
  width: 12px;
  height: 16px;
  transform: rotateZ(180deg);
}
.print .paper-details[data-v-3cbb125b] {
  width: 680px;
  height: calc(100vh - 48px);
  padding-bottom: 24px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
}
.print .paper-details_img[data-v-3cbb125b] {
  max-width: 640px;
}
.print .qrcode-page[data-v-3cbb125b] {
  box-sizing: border-box;
  padding-top: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.print .qrcode-page .qrcode-box[data-v-3cbb125b] {
  width: 184px;
  height: 184px;
  margin-bottom: 28px;
  background-image: url(../svg/print-order-icon.svg?bb6a5a94580addd60fe2baef8b4089dd);
  background-repeat: no-repeat;
  background-position: -264px -30px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 6px;
}
.print .qrcode-page p[data-v-3cbb125b] {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
}
.print .qrcode-page .need-to-pay[data-v-3cbb125b] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
}
.print .qrcode-page .need-to-pay .money[data-v-3cbb125b] {
  font-size: 20px;
  color: #fa2323;
}
.print .paySuccess-page[data-v-3cbb125b] {
  width: 420px;
  height: 288px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  border-radius: 6px;
}
.print .paySuccess-page .icon[data-v-3cbb125b] {
  margin-top: 40px;
  background: url(../svg/print-order-icon2.svg?a1319816a9de653e7bd3559f4814a461) no-repeat -425px -39px;
  width: 82px;
  height: 80px;
}
.print .paySuccess-page .txt1[data-v-3cbb125b] {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 16px;
}
.print .paySuccess-page .txt2[data-v-3cbb125b] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 14px;
  margin-bottom: 8px;
}
.print .paySuccess-page .txt3[data-v-3cbb125b] {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  line-height: 14px;
}
.print .paySuccess-page .comDetail[data-v-3cbb125b] {
  margin-top: 16px;
  width: 136px;
  height: 40px;
  background: #0773fc;
  border-radius: 4px;
  font-size: 14px;
  color: #ffffff;
  border: none;
  outline: none;
  cursor: pointer;
}
.print .payAlipay-page[data-v-3cbb125b] {
  width: 400px;
  height: 237px;
  background-color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 6px;
  box-sizing: border-box;
  padding-top: 40px;
}
.print .payAlipay-page_title[data-v-3cbb125b] {
  color: #000;
  font-size: 18px;
  font-weight: bold;
}
.print .payAlipay-page .btn[data-v-3cbb125b] {
  width: 128px;
  height: 40px;
  font-size: 14px;
  margin: 40px auto;
}
.print .payAlipay-page .pay-succee[data-v-3cbb125b] {
  margin-right: 16px;
}
.print .payAlipay-page_tips[data-v-3cbb125b] {
  color: #000;
  font-size: 14px;
}
.print-move-leave-active[data-v-3cbb125b],
.print-move-enter-active[data-v-3cbb125b] {
  transition: all 0.3s ease-in;
}
.print-move-enter[data-v-3cbb125b] {
  transform: translateX(320px);
}
.print-move-leave-to[data-v-3cbb125b] {
  transform: translateX(320px);
}

.modal-mask[data-v-01ba88c4] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-mask .modal__close[data-v-01ba88c4] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 0;
  right: -34px;
}
.modal-mask .change-scene-wrap[data-v-01ba88c4] {
  background-color: #FFFFFF;
  position: fixed;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.center[data-v-01ba88c4] {
  text-align: center;
}
.chose[data-v-01ba88c4] {
  position: absolute;
  /* top: 45%; */
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.imgmask[data-v-01ba88c4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.24);
  cursor: pointer;
  transition: opacity 0.4s ease;
}
a[data-v-01ba88c4] {
  cursor: pointer;
}
.kindname[data-v-01ba88c4] {
  vertical-align: middle;
  display: inline-block;
  margin: 0 12px 0 42px;
}
.template-wrap[data-v-01ba88c4] {
  position: relative;
}
.size[data-v-01ba88c4] {
  position: absolute;
  top: 150px;
  left: 0;
  width: 100%;
  height: 14px;
  line-height: 14px;
  opacity: 0;
  color: #bdbdbd;
  font-size: 12px;
  text-align: center;
  margin-top: 4px;
  transition: opacity 1s ease;
  transform: translateZ(0);
}
.temp-wrap:hover .size[data-v-01ba88c4] {
  opacity: 1;
}
.allkinds[data-v-01ba88c4] {
  overflow-y: scroll;
}
[data-v-01ba88c4]::-webkit-scrollbar {
  width: 16px;
  height: 16px;
  background-color: #fff;
}
.chat-symbol[data-v-01ba88c4] {
  height: 106px;
  line-height: 106px;
  color: #626262;
  font-size: 18px;
}
.share-title[data-v-01ba88c4] {
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #626262;
  background: #FAFAFA;
  overflow: hidden;
}
.share-title span[data-v-01ba88c4] {
  display: inline-block;
}
.share-title span[data-v-01ba88c4]:nth-child(1) {
  font-size: 16px;
  float: left;
}
.share-title span:nth-child(1) img[data-v-01ba88c4] {
  vertical-align: middle;
  display: inline-block;
  margin: 0 10px 0 15px;
}
.share-title span[data-v-01ba88c4]:nth-child(2) {
  font-size: 14px;
  float: right;
}
.change-scene-button[data-v-01ba88c4] {
  display: inline-block;
  height: 32px;
  text-align: center;
  color: white;
  margin-right: 17px;
  border: none;
  outline: none;
  padding: 5px;
  border-radius: 3px;
}
.active[data-v-01ba88c4] {
  background: #07AEFC;
  cursor: pointer;
}
.active[data-v-01ba88c4]:hover {
  background: linear-gradient(to bottom right, #5EA2FF, #00D5FF, #00E3FF);
}
.cantclick[data-v-01ba88c4] {
  background: #626262;
  cursor: not-allowed;
}
.upvip[data-v-01ba88c4] {
  background: #626262;
  cursor: pointer;
}
.chat-media-all ul li[data-v-01ba88c4] {
  float: left;
  margin-right: 33px;
  margin-top: 40px;
  width: 120px;
  height: auto;
  vertical-align: bottom;
  position: relative;
}
.chat-media-all ul[data-v-01ba88c4] {
  padding-left: 42px;
  margin-bottom: 20px;
}
.chat-media-all hr[data-v-01ba88c4] {
  border: none;
  background-color: #BFBFBF;
  height: 1px;
}
.chat-media-all li[data-v-01ba88c4] {
  cursor: pointer;
}
.chat-media-item .pic-img[data-v-01ba88c4] {
  vertical-align: bottom;
  width: 120px;
  text-align: center;
  height: 125px;
  display: table-cell;
}
.chat-media-item .pic-img a[data-v-01ba88c4] {
  display: inline-block;
  width: auto;
  height: auto;
}
.chat-media-item .pic-img a img[data-v-01ba88c4] {
  max-width: 120px;
  max-height: 120px;
}
.chat-media-item .title[data-v-01ba88c4] {
  text-align: center;
  display: block;
}
.chat-media-item .pic-title[data-v-01ba88c4] {
  margin-top: 10px;
  color: #626262;
  font-size: 14px;
  vertical-align: bottom;
  text-align: center;
  height: 16px;
  display: inline-block;
  position: relative;
}
.print-icon[data-v-01ba88c4] {
  display: inline-block;
  margin-left: 5px;
  width: 16px;
  height: 16px;
  background: url(../svg/printoff.png?3cefcaba586ba280d875a0335223f3f8);
  position: absolute;
  right: -24px;
  top: 0px;
}
.print-tips[data-v-01ba88c4] {
  opacity: 0;
  position: absolute;
  top: -30px;
  left: -30px;
  width: 76px;
  height: 25px;
  font-size: 12px;
  line-height: 25px;
  color: #07aefc;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
  transition: opacity 1s ease;
}
.print-icon:hover .print-tips[data-v-01ba88c4] {
  opacity: 1;
}
.pic-title .kind-title[data-v-01ba88c4] {
  line-height: 16px;
  height: 16px;
  display: inline-block;
}

.modal-mask[data-v-6b249d4d] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-mask .modal__close[data-v-6b249d4d] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 0;
  right: -34px;
}
.customize-wrap[data-v-6b249d4d] {
  position: fixed;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 576px;
  height: 370px;
  padding-top: 48px;
  background-color: #fff;
  border-radius: 4px;
}
.customize-wrap .title[data-v-6b249d4d] {
  font-size: 24px;
  line-height: 24px;
  color: #4a4a4a;
  text-align: center;
}
.customize-wrap .input-wrap[data-v-6b249d4d] {
  margin-top: 50px;
  width: 100%;
  height: 40px;
  text-align: center;
}
.customize-wrap .input-wrap .width-height[data-v-6b249d4d] {
  display: inline-block;
  width: 195px;
  height: 100%;
  color: #cdcdcd;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
  margin-left: 110px;
  float: left;
}
.customize-wrap .input-wrap .width-height .input-width[data-v-6b249d4d],
.customize-wrap .input-wrap .width-height .input-height[data-v-6b249d4d] {
  width: 84px;
  height: 100%;
  float: left;
  border-style: none;
  outline: none;
  text-indent: 14px;
  font-size: 14px;
  line-height: 40px;
  color: #626262;
  -moz-appearance: textfield;
}
.customize-wrap .input-wrap .width-height input[data-v-6b249d4d]::-webkit-outer-spin-button,
.customize-wrap .input-wrap .width-height input[data-v-6b249d4d]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.customize-wrap .input-wrap .width-height input[data-v-6b249d4d]:focus {
  box-shadow: none !important;
}
.customize-wrap .input-wrap .width-height .mid-icon-wrap[data-v-6b249d4d] {
  width: 26px;
  height: 100%;
  float: left;
}
.customize-wrap .input-wrap .width-height .mid-icon-wrap .mid-icon[data-v-6b249d4d] {
  width: 26px;
  height: 26px;
  display: inline-block;
  margin-top: 6px;
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  background: url(../svg/close.svg?1b0e1bd566457cb9270b414096338728) no-repeat 5px 4px;
}
.customize-wrap .input-wrap .unit-wrap[data-v-6b249d4d] {
  display: inline-block;
  width: 135px;
  height: 100%;
  border: 0;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
  cursor: pointer;
  text-indent: 18px;
  padding-top: 12px;
  margin-right: 110px;
  text-align: left;
  position: relative;
  float: right;
}
.customize-wrap .input-wrap .unit-wrap .drop-text[data-v-6b249d4d] {
  font-size: 12px;
  line-height: 12px;
  color: #626262;
}
.customize-wrap .input-wrap .unit-wrap .drop-icon[data-v-6b249d4d] {
  width: 15px;
  height: 15px;
  background-image: url(//moni-static.chuangkit.com/dist/designManage.svg?040057b…);
  background-repeat: no-repeat;
  background-position: -23px -10px;
  cursor: pointer;
  position: absolute;
  right: 13px;
  top: 13px;
}
.customize-wrap .input-wrap .unit-wrap .dropdown-content[data-v-6b249d4d] {
  width: 135px;
  height: 80px;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
  font-size: 12px;
  color: #626262;
  position: absolute;
  top: 43px;
  right: 0px;
}
.customize-wrap .input-wrap .unit-wrap .dropdown-content li[data-v-6b249d4d] {
  text-align: left;
  font-size: 14px;
  height: 40px;
  padding-top: 14px;
  box-sizing: border-box;
}
.customize-wrap .input-wrap .unit-wrap .dropdown-content li[data-v-6b249d4d]:hover {
  background-color: #07aefc;
}
.customize-wrap .text[data-v-6b249d4d] {
  text-align: center;
  margin-top: 32px;
}
.customize-wrap .text p[data-v-6b249d4d] {
  color: #9b9b9b;
  font-size: 12px;
  line-height: 20px;
}
.customize-wrap .text[class~='red'] p[data-v-6b249d4d] {
  color: #ff3d67;
}
.customize-wrap .confirm[data-v-6b249d4d] {
  width: 218px;
  height: 38px;
  background-color: #07aefc;
  color: #fff;
  font-size: 14px;
  line-height: 38px;
  margin: 54px auto 0 auto;
  text-align: center;
  cursor: pointer;
}

.modal-mask[data-v-24faf404] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-mask .modal__close[data-v-24faf404] {
  width: 22px;
  height: 22px;
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 0;
  right: -34px;
}
.unblock-pop[data-v-24faf404] {
  position: fixed;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 822px;
  height: 444px;
  display: flex;
  background: #fff;
}
.unblock-pop .unblock-pop__left[data-v-24faf404] {
  width: 428px;
  padding: 67px 54px 75px 72px;
}
.unblock-pop .unblock-pop__left .tips-title[data-v-24faf404] {
  font-size: 24px;
  color: #333333;
  display: flex;
}
.unblock-pop .unblock-pop__left .tips-title .tips-icon[data-v-24faf404] {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../svg/header_model_pop_title.png?5ce08823cc78bdc948808b468a233789);
  margin-right: 8px;
}
.unblock-pop .unblock-pop__left .tips-text[data-v-24faf404] {
  font-size: 14px;
  color: #666666;
  margin-top: 16px;
}
.unblock-pop .unblock-pop__left li[data-v-24faf404] {
  margin-top: 32px;
}
.unblock-pop .unblock-pop__left li .step-title[data-v-24faf404] {
  font-size: 18px;
  color: #333333;
  display: block;
}
.unblock-pop .unblock-pop__left li .step-text[data-v-24faf404] {
  font-size: 14px;
  color: #666666;
  margin-top: 16px;
  display: block;
}
.unblock-pop .unblock-pop__left button[data-v-24faf404] {
  width: 150px;
  height: 32px;
  background: #07AEFC;
  border: none;
  border-radius: 3px;
  margin-top: 40px;
  font-size: 14px;
  color: #FFFFFF;
  outline: none;
}
.unblock-pop .unblock-pop__left button[data-v-24faf404]:hover {
  background: #50C6FC;
}
.unblock-pop .unblock-pop__left button[data-v-24faf404]:focus {
  background: linear-gradient(to right, #5EA2FF, #00E3FF);
}
.unblock-pop .unblock-pop__right[data-v-24faf404] {
  width: 362px;
  height: 372px;
  background-image: url(../svg/header_unblock_pop_background.png?50d3366dbb48a398006e682faf0878fd);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 72px;
  padding-right: 32px;
}

.waterfall[data-v-533d8660] {
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  margin: 0 auto;
}

.one-design-block[data-v-7e554034] {
  display: inline-block;
  box-sizing: border-box;
  background-color: #fff;
  padding: 8px;
  overflow: hidden;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
  position: absolute;
}
.one-design-block[data-v-7e554034]:hover {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.32);
}
.one-design-block .design-block-cont img[data-v-7e554034] {
  width: 100%;
  cursor: pointer;
}
.one-design-block .design-block-cont span[data-v-7e554034] {
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #333;
  line-height: 18px;
  margin-top: 10px;
  text-decoration: none;
}
.design-info[data-v-7e554034] {
  color: #fff;
  position: relative;
  top: 40%;
}
.design-info .vip-info[data-v-7e554034] {
  color: #fff !important;
}
.design-info .up-vip[data-v-7e554034] {
  color: #14a3ed !important;
  text-decoration: underline!important;
}
.thub-color[data-v-7e554034] {
  color: #000 !important;
}
.block-name[data-v-7e554034] {
  margin-top: 16px;
  margin-bottom: 8px;
  color: #626262;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.block-time[data-v-7e554034] {
  color: #bfbfbf;
}
.block-wrap[data-v-7e554034] {
  position: relative;
}
.block-wrap .trangle-more[data-v-7e554034] {
  width: 0;
  height: 0;
  border-top: 40px solid #23C2FF;
  border-right: 40px solid transparent;
  display: inline-block;
  position: absolute;
  z-index: 100;
  top: -8px;
  left: -8px;
}
.block-wrap .trangle-more .pagecount[data-v-7e554034] {
  display: inline-block;
  position: relative;
  top: -35px;
  left: 5px;
  color: #fff;
  font-style: normal;
}
.msk[data-v-7e554034] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-align: center;
  opacity: 0;
  transition: opacity 0s;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.24);
}
.thum-wrap[data-v-7e554034] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-align: center;
  z-index: 1;
  opacity: 0.8;
}

.paging[data-v-2d905b1a] {
  height: 32px;
  background: #f8f8f8;
}
.paging[data-v-2d905b1a]:after {
  content: '';
  clear: both;
  display: block;
}
.paging .jump[data-v-2d905b1a] {
  width: 106px;
  height: 100%;
  float: left;
  margin-right: 8px;
}
.paging .jump input[data-v-2d905b1a] {
  width: 58px;
  height: 100%;
  float: left;
  background: #F8F8F8;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
  box-sizing: border-box;
  padding: 0 0 0 8px;
  text-align: left;
  line-height: 32px;
  color: #4F4F4F;
  font-size: 14px;
  border: none;
  border-radius: 4px 0 0 4px;
}
.paging .jump input[data-v-2d905b1a]::-webkit-outer-spin-button,
.paging .jump input[data-v-2d905b1a]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
.paging .jump input[data-v-2d905b1a]::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #CDCDCD;
}
.paging .jump input[data-v-2d905b1a]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #CDCDCD;
}
.paging .jump input[data-v-2d905b1a]:-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #CDCDCD;
}
.paging .jump input[data-v-2d905b1a]:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #CDCDCD;
}
.paging .jump input[data-v-2d905b1a]:hover {
  z-index: 1;
  background: #FFFFff;
  box-shadow: 0 2px 8px 0 rgba(7, 174, 252, 0.16);
}
.paging .jump input[class~='active'][data-v-2d905b1a] {
  background: #FFFFff;
  box-shadow: 0 2px 8px 0 rgba(7, 174, 252, 0.16);
}
.paging .jump input[data-v-2d905b1a]:focus {
  z-index: 1;
  background: #FFFFff;
  box-shadow: 0 2px 8px 0 rgba(7, 174, 252, 0.16);
  outline: none;
}
.paging .jump input:focus + span[data-v-2d905b1a] {
  color: #626262;
}
.paging .jump span[data-v-2d905b1a] {
  width: 48px;
  height: 100%;
  float: left;
  background: #F8F8F8;
  text-align: center;
  line-height: 32px;
  color: #BDBDBD;
  font-size: 14px;
  cursor: pointer;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
  border-radius: 0 4px 4px 0;
}
.paging .jump span[data-v-2d905b1a]:hover {
  z-index: 1;
  background: #FFFFff;
  color: #07AEFC;
}
.paging .jump span[data-v-2d905b1a]:active {
  z-index: 1;
  background: #07AEFC;
  color: #ffffff;
}
.paging .sele[data-v-2d905b1a] {
  height: 100%;
  float: left;
  background: transparent;
}
.paging .sele[data-v-2d905b1a]:after {
  content: '';
  clear: both;
  display: block;
}
.paging .sele .prev[data-v-2d905b1a],
.paging .sele .next[data-v-2d905b1a] {
  cursor: pointer;
  float: left;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background: #F8F8F8;
  position: relative;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}
.paging .sele .prev[data-v-2d905b1a]:after {
  content: "";
  position: absolute;
  left: 11px;
  top: 7px;
  width: 10px;
  height: 18px;
  background: url(../svg/left.svg?44375c7a9709825e94842b39123d55b0);
}
.paging .sele .prev[data-v-2d905b1a]:hover {
  background: #ffffff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04);
}
.paging .sele .prev[data-v-2d905b1a]:hover:after {
  background: url(../svg/left-active.svg?84e369f2b7d687e6f05512d83f36b54f);
}
.paging .sele .next[data-v-2d905b1a]:after {
  content: "";
  position: absolute;
  left: 11px;
  top: 7px;
  width: 10px;
  height: 18px;
  background: url(../svg/right.svg?b2f02dab55c5b5a55ad56d4aae54de5c);
}
.paging .sele .next[data-v-2d905b1a]:hover {
  background: #ffffff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04);
}
.paging .sele .next[data-v-2d905b1a]:hover:after {
  background: url(../svg/right-active.svg?bc38763dfb25d9d079cd464917a92d29);
}
.paging .sele .number[data-v-2d905b1a] {
  margin: 0 16px 0 0;
  height: 100%;
  width: 176px;
  float: left;
  position: relative;
  overflow: hidden;
}
.paging .sele .number ul li[data-v-2d905b1a] {
  height: 100%;
  width: 16px;
  margin-left: 9px;
  text-align: center;
  float: left;
  cursor: pointer;
}
.paging .sele .number ul li a[data-v-2d905b1a] {
  color: #cdcdcd;
  line-height: 32px;
}
.paging .sele .number ul li[class*="active"] a[data-v-2d905b1a] {
  font-weight: bold;
  color: #07AEFC;
}
.paging .sele .number .main-layout[data-v-2d905b1a] {
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.4s ease;
}
.paging .sele .number .shadow-layout-left[data-v-2d905b1a] {
  height: 100%;
  width: 50px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  background-color: #f8f8f8;
}
.paging .sele .number .shadow-layout-left span[data-v-2d905b1a] {
  height: 100%;
  width: 16px;
  margin-left: 9px;
  text-align: center;
  float: left;
  cursor: pointer;
}
.paging .sele .number .shadow-layout-left span a[data-v-2d905b1a] {
  color: #cdcdcd;
  line-height: 32px;
}
.paging .sele .number .shadow-layout[data-v-2d905b1a] {
  height: 100%;
  width: 50px;
  position: absolute;
  top: 0;
  left: 125px;
  background-color: #f8f8f8;
}
.paging .sele .number .shadow-layout span[data-v-2d905b1a] {
  height: 100%;
  width: 16px;
  margin-left: 9px;
  text-align: center;
  float: left;
  cursor: pointer;
}
.paging .sele .number .shadow-layout span a[data-v-2d905b1a] {
  color: #cdcdcd;
  line-height: 32px;
}

.modal-mask[data-v-45f304cc] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-mask .modal__close[data-v-45f304cc] {
  width: 22px;
  height: 22px;
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 0;
  right: -34px;
}
.center[data-v-45f304cc] {
  text-align: center;
}
.design-mydesign[data-v-45f304cc] {
  margin-left: 23px;
}
.fl[data-v-45f304cc] {
  float: left;
  margin-top: 25px;
}
.fr[data-v-45f304cc] {
  float: right;
  margin-top: 25px;
}
.design-chose[data-v-45f304cc] {
  height: 77px;
}
.design-order[data-v-45f304cc] {
  margin: 25px 53px 0 37px;
}
.design-order-text[data-v-45f304cc] {
  color: #bfbfbf;
  line-height: 30px;
  vertical-align: bottom;
}
a[data-v-45f304cc] {
  cursor: pointer;
}
.share-wrap[data-v-45f304cc] {
  position: fixed;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 970px;
  height: 728px;
  background-color: #ffffff;
}
.allkinds[data-v-45f304cc] {
  overflow-y: scroll;
  height: 900px;
}
[data-v-45f304cc]::-webkit-scrollbar {
  width: 7px;
  height: 8px;
}
.share-title[data-v-45f304cc] {
  width: 100%;
  height: 51px;
  line-height: 51px;
  color: #626262;
  background: #fafafa;
}
.share-title span[data-v-45f304cc] {
  display: inline-block;
}
.share-title span[data-v-45f304cc]:nth-child(1) {
  font-size: 16px;
  float: left;
}
.share-title span:nth-child(1) img[data-v-45f304cc] {
  vertical-align: middle;
  display: inline-block;
  margin: 0 10px 0 15px;
}
.share-title span[data-v-45f304cc]:nth-child(2) {
  font-size: 14px;
  float: right;
}
.clearfix[data-v-45f304cc]:before,
.clearfix[data-v-45f304cc]:after {
  display: table;
  content: " ";
}
.clearfix[data-v-45f304cc]:after {
  clear: both;
}
.clearfix[data-v-45f304cc] {
  *zoom: 1;
}
.slide-design[data-v-45f304cc] {
  width: 970px;
}
.goback[data-v-45f304cc] {
  width: 970px;
  height: 61px;
  line-height: 61px;
  padding-left: 50px;
}
.goback span[data-v-45f304cc] {
  display: inline-block;
  cursor: pointer;
  color: #828282;
}
.checkImg img[data-v-45f304cc] {
  width: 100%;
  height: auto;
}
.pagination-wrap[data-v-45f304cc] {
  height: 32px;
  padding: 10px 8px;
  box-sizing: content-box;
  bottom: 100px;
}
.pagination-wrap .text[data-v-45f304cc] {
  color: #cdcdcd;
  font-size: 12px;
  display: inline-block;
  line-height: 32px;
}
.pagination-wrap .paging[data-v-45f304cc] {
  float: right;
}
.mydesignSingle[data-v-45f304cc] {
  width: 216px;
  display: inline-block;
  background-color: #fff;
  padding: 8px;
  overflow: hidden;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
  margin: 0 10px;
}
.design-block-cont[data-v-45f304cc] {
  width: 200px;
}
.block-wrap[data-v-45f304cc] {
  position: relative;
}
.design-block-image[data-v-45f304cc] {
  width: 100%;
  cursor: pointer;
}
.msk[data-v-45f304cc] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-align: center;
  opacity: 0;
  transition: opacity 0s;
  z-index: 1;
}
.setMask[data-v-45f304cc] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-align: center;
  opacity: 0;
  transition: opacity 0s;
  z-index: 1;
}
.setMask[data-v-45f304cc]:hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.24);
}
.design-info[data-v-45f304cc] {
  color: #fff;
  position: relative;
  top: 50%;
}
.no-design[data-v-45f304cc] {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mydesignWater[data-v-45f304cc] {
  min-height: 600px;
  max-height: 600px;
  overflow: scroll;
}

.switch-scene-container[data-v-5d406691] {
  background: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  min-width: 1120px;
  width: 100%;
  height: 100%;
  z-index: 99999;
  text-align: center;
  display: flex;
}
.switch-scene-container .switch-scene[data-v-5d406691] {
  min-width: 1120px;
  height: 800px;
  background: #ffffff;
  margin: auto;
}
.switch-scene-container .switch-scene .switch-scene-preview[data-v-5d406691] {
  width: 600px;
  height: 800px;
  float: left;
  margin-right: 88px;
  position: relative;
}
.switch-scene-container .switch-scene .switch-scene-preview .loading[data-v-5d406691] {
  position: absolute;
  z-index: 9;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.switch-scene-container .switch-scene .switch-scene-preview .loading > div[data-v-5d406691] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.switch-scene-container .switch-scene .switch-scene-preview .switch-scene-preview-container[data-v-5d406691] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.switch-scene-container .switch-scene .switch-scene-preview .switch-scene-preview-container[class~="shadow"][data-v-5d406691] {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}
.switch-scene-container .switch-scene .switch-scene-panel[data-v-5d406691] {
  width: 412px;
  height: 442px;
  box-sizing: border-box;
  margin-top: 179px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
  float: left;
  padding: 32px 30px;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-title[data-v-5d406691] {
  color: #666666;
  font-size: 22px;
  text-align: center;
  line-height: 22px;
  margin-bottom: 26px;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select[data-v-5d406691] {
  text-align: left;
  width: 100%;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select > span[data-v-5d406691] {
  color: #666666;
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  margin-bottom: 12px;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-container[data-v-5d406691] {
  width: 350px;
  height: 134px;
  border: 1px solid #E7E7E7;
  border-radius: 3px;
  background: #FEFEFE;
  margin-bottom: 16px;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-container .switch-scene-panel-select-item[data-v-5d406691] {
  width: 100%;
  height: 34px;
  padding-left: 12px;
  position: relative;
  color: #999999;
  font-size: 12px;
  line-height: 34px;
  cursor: pointer;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-container .switch-scene-panel-select-item[class~='sel'][data-v-5d406691]:after {
  position: absolute;
  content: '（当前尺寸）';
  width: 80px;
  height: 34px;
  top: 0;
  right: 30px;
  color: #999999;
  font-size: 12px;
  line-height: 34px;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-container .switch-scene-panel-select-item[class~='active'][data-v-5d406691] {
  color: #0773FC;
  background: #F8F8F8;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-container .switch-scene-panel-select-item[class~='active'][data-v-5d406691]:after {
  color: #0773FC;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-container .switch-scene-panel-select-item[data-v-5d406691]:hover {
  background: #F8F8F8;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-custom[data-v-5d406691] {
  width: 100%;
  height: 32px;
  margin-bottom: 16px;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-custom > input[data-v-5d406691] {
  width: 88px;
  height: 32px;
  background: #FEFEFE;
  box-sizing: border-box;
  border: none;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12) inset;
  float: left;
  border-radius: 3px;
  text-align: center;
  color: #666666;
  font-size: 12px;
  line-height: 32px;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-custom > input[data-v-5d406691]:focus {
  outline: none;
  box-shadow: 0 1px 3px 0 rgba(7, 174, 252, 0.8) inset !important;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-custom > input[class~='error'][data-v-5d406691] {
  box-shadow: 0 1px 3px 0 rgba(255, 0, 0, 0.8) inset !important;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-custom > span[data-v-5d406691] {
  display: inline-block;
  width: 48px;
  line-height: 32px;
  text-align: center;
  font-size: 12px;
  color: #999999;
  float: left;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-custom .switch-scene-panel-select-custom-unit[data-v-5d406691] {
  float: left;
  width: 100px;
  box-sizing: border-box;
  height: 30px;
  border: 1px solid #E7E7E7;
  line-height: 32px;
  margin-left: 26px;
  position: relative;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-custom .switch-scene-panel-select-custom-unit > span[data-v-5d406691] {
  color: #999999;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 30px;
  display: block;
  width: 100%;
  height: 30px;
  padding-left: 12px;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-custom .switch-scene-panel-select-custom-unit > span > i[data-v-5d406691] {
  position: absolute;
  right: 12px;
  top: 0;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-custom .switch-scene-panel-select-custom-unit .switch-scene-panel-select-custom-unit-list[data-v-5d406691] {
  width: 100%;
  height: 64px;
  position: absolute;
  z-index: 9;
  top: 30px;
  left: 0;
  display: none;
  outline: 1px solid #E7E7E7;
  background: #ffffff;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-custom .switch-scene-panel-select-custom-unit .switch-scene-panel-select-custom-unit-list > span[data-v-5d406691] {
  color: #999999;
  font-size: 12px;
  line-height: 32px;
  display: inline-block;
  width: 100%;
  height: 30px;
  padding-left: 12px;
  box-sizing: border-box;
  cursor: pointer;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-custom .switch-scene-panel-select-custom-unit .switch-scene-panel-select-custom-unit-list > span[data-v-5d406691]:hover {
  background: #0773FC;
  color: #FFFFff;
  /*outline: 1px solid @firstColor;*/
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-custom .switch-scene-panel-select-custom-unit[data-v-5d406691]:hover {
  border: 1px solid #0773FC;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-custom .switch-scene-panel-select-custom-unit:hover > span[data-v-5d406691] {
  color: #0773FC;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-custom .switch-scene-panel-select-custom-unit:hover .switch-scene-panel-select-custom-unit-list[data-v-5d406691] {
  display: block;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-custom-tips[data-v-5d406691] {
  font-size: 12px;
  color: #0773FC;
  margin-bottom: 16px;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-custom-tips[class~='error'][data-v-5d406691] {
  color: #ff0000;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-auto[data-v-5d406691] {
  margin-bottom: 16px;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-auto > span[data-v-5d406691] {
  color: #999999;
  font-size: 14px;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-select .switch-scene-panel-select-auto > span[data-v-5d406691]:after {
  content: '';
  display: inline-block;
  width: 42px;
  height: 15px;
  background: url(../svg/autoSwitch-vip-icon.svg?6b09590b848864229709f1a0dcea1b68) -195px -43px no-repeat;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-confirm[data-v-5d406691] {
  width: 150px;
  height: 40px;
  display: inline-block;
  background: #F8F8F8;
  border-radius: 3px;
  color: #999999;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  cursor: not-allowed;
}
.switch-scene-container .switch-scene .switch-scene-panel .switch-scene-panel-confirm[class~='active'][data-v-5d406691] {
  background: #0773FC;
  color: #ffffff;
  cursor: pointer;
}
.switch-scene-container .exit[data-v-5d406691] {
  position: fixed;
  top: 48px;
  right: 48px;
  cursor: pointer;
}

/*@import "./animate.min.css";*/
/**
  fade
 */
.fade-enter[data-v-5646ad36],
.fade-enter-active[data-v-5646ad36] {
  transition: all 0.2s;
  opacity: 1;
}
.fade-leave[data-v-5646ad36],
.fade-leave-active[data-v-5646ad36] {
  transition: all 0.2s;
  opacity: 0;
}
/**
  slideX
 */
.slideX1-enter-active[data-v-5646ad36],
.slideX1-leave-active[data-v-5646ad36],
.slideX2-enter-active[data-v-5646ad36],
.slideX2-leave-active[data-v-5646ad36] {
  transition: all 0.6s;
}
.slideX1-enter[data-v-5646ad36] {
  transform: translateX(100%);
}
.slideX1-leave-active[data-v-5646ad36] {
  transform: translateX(-100%);
}
.slideX2-enter[data-v-5646ad36] {
  transform: translateX(-100%);
}
.slideX2-leave-active[data-v-5646ad36] {
  transform: translateX(100%);
}
/**
  slideY
 */
.slideY1-enter-active[data-v-5646ad36],
.slideY1-leave-active[data-v-5646ad36],
.slideY2-enter-active[data-v-5646ad36],
.slideY2-leave-active[data-v-5646ad36] {
  transition: all 0.6s;
}
.slideY1-enter[data-v-5646ad36] {
  transform: translateY(100%);
}
.slideY1-leave-active[data-v-5646ad36] {
  transform: translateY(-100%);
}
.slideY2-enter[data-v-5646ad36] {
  transform: translateY(-100%);
}
.slideY2-leave-active[data-v-5646ad36] {
  transform: translateY(100%);
}
/**
  opposite
 */
.opposite1-enter-active[data-v-5646ad36],
.opposite1-leave-active[data-v-5646ad36],
.opposite2-enter-active[data-v-5646ad36],
.opposite2-leave-active[data-v-5646ad36] {
  transition: all 0.6s;
}
.opposite1-enter[data-v-5646ad36] {
  transform: translate(100%, 100%) scale(0.1);
}
.opposite1-leave-active[data-v-5646ad36] {
  transform: translate(-100%, -100%);
}
.opposite2-enter[data-v-5646ad36] {
  transform: translate(-100%, -100%);
}
.opposite2-leave-active[data-v-5646ad36] {
  transform: translate(100%, 100%) scale(0.1);
}

.ppt-play[data-v-5646ad36] {
  width: 100%;
  height: 100%;
  background: #000000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  color: #b5b5b5;
}
.ppt-play[class~='magicCursor'][data-v-5646ad36],
.ppt-play[class~='hiddenCursor'][data-v-5646ad36] {
  cursor: none;
}
.ppt-play .ppt-loading[data-v-5646ad36] {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 20px;
  bottom: 20px;
}
.ppt-play .ppt-loading > img[data-v-5646ad36] {
  width: 100%;
  display: block;
}
.ppt-play .magicCursor[data-v-5646ad36] {
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  background: #ff263c;
  border-radius: 5px;
  transition: all 0.03s ease-in-out 0s;
}
.ppt-play .ppt-play-main[data-v-5646ad36] {
  width: 100%;
  height: 100%;
  position: relative;
}
.ppt-play .ppt-play-main .ppt-play-item[data-v-5646ad36] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.ppt-play .ppt-play-control[data-v-5646ad36] {
  position: absolute;
  bottom: 24px;
  right: 48px;
  width: 318px;
  height: 48px;
  background: #343434;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  border-radius: 2px;
  cursor: default;
  z-index: 9;
}
.ppt-play .ppt-play-control > div[data-v-5646ad36] {
  height: 100%;
  float: left;
  line-height: 48px;
  position: relative;
}
.ppt-play .ppt-play-control > div[class~='line'][data-v-5646ad36]:after {
  content: '';
  position: absolute;
  top: 8px;
  right: -1px;
  width: 1px;
  height: 32px;
  background: #ffffff;
  opacity: 0.12;
}
.ppt-play .ppt-play-control .control-number[data-v-5646ad36] {
  width: 136px;
  display: flex;
  justify-content: center;
}
.ppt-play .ppt-play-control .control-number .number[data-v-5646ad36] {
  min-width: 50px;
  text-align: center;
}
.ppt-play .ppt-play-control .control-number .first[data-v-5646ad36] {
  width: 20px;
  height: 24px;
  cursor: pointer;
  margin: 12px 0;
  background-image: url(../svg/ppt-first.svg?aa7d4a3ba2bebca4d17a2ed36b11d265);
  background-size: 17px 72px;
  background-repeat: no-repeat;
  background-position-y: -24px;
}
.ppt-play .ppt-play-control .control-number .first[data-v-5646ad36]:hover {
  background-position-y: -48px;
}
.ppt-play .ppt-play-control .control-number .first[class~='disable'][data-v-5646ad36] {
  background-position-y: 0;
}
.ppt-play .ppt-play-control .control-number .prev[data-v-5646ad36],
.ppt-play .ppt-play-control .control-number .next[data-v-5646ad36] {
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin: 12px 0;
  background-image: url(../svg/ppt-nav.svg?caab2bafb11fb659b209b00dc0c7f26e);
  background-size: 48px 72px;
  background-repeat: no-repeat;
  background-position-y: -24px;
}
.ppt-play .ppt-play-control .control-number .prev[data-v-5646ad36]:hover,
.ppt-play .ppt-play-control .control-number .next[data-v-5646ad36]:hover {
  background-position-y: -48px;
}
.ppt-play .ppt-play-control .control-number .prev[class~='disable'][data-v-5646ad36],
.ppt-play .ppt-play-control .control-number .next[class~='disable'][data-v-5646ad36] {
  background-position-y: 0;
}
.ppt-play .ppt-play-control .control-number .prev[data-v-5646ad36] {
  background-position-x: 0;
}
.ppt-play .ppt-play-control .control-number .next[data-v-5646ad36] {
  background-position-x: -24px;
}
.ppt-play .ppt-play-control .control-blocks[data-v-5646ad36] {
  width: 112px;
  padding: 12px 4px;
  box-sizing: border-box;
}
.ppt-play .ppt-play-control .control-blocks > div[data-v-5646ad36] {
  width: 24px;
  height: 24px;
  float: left;
  margin-left: 8px;
  cursor: pointer;
  position: relative;
}
.ppt-play .ppt-play-control .control-blocks > div[class~='loading'][data-v-5646ad36] {
  cursor: wait !important;
}
.ppt-play .ppt-play-control .control-blocks > div[class~='loading'][data-v-5646ad36]:hover {
  background-position: 0 0;
}
.ppt-play .ppt-play-control .control-blocks > div[class~='dishover'][data-v-5646ad36]:after {
  display: none !important;
}
.ppt-play .ppt-play-control .control-blocks > div[class~='dishover'][data-v-5646ad36]:before {
  display: none !important;
}
.ppt-play .ppt-play-control .control-blocks > div[data-v-5646ad36]:hover {
  background-position: 0 -24px;
}
.ppt-play .ppt-play-control .control-blocks > div[data-v-5646ad36]:hover:after {
  content: attr(data-tip);
  display: block;
  position: absolute;
  height: 20px;
  border-radius: 2px;
  background: #343434;
  color: #FFFFFF;
  line-height: 20px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  padding: 0 8px;
  top: -40px;
  white-space: nowrap;
  left: 50%;
  font-size: 12px;
  transform: translateX(-50%);
}
.ppt-play .ppt-play-control .control-blocks > div[data-v-5646ad36]:hover:before {
  content: '';
  display: block;
  position: absolute;
  border-top: 6px solid #343434;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}
.ppt-play .ppt-play-control .control-blocks .control-cursor[data-v-5646ad36] {
  background-image: url(../svg/ppt-cursor.svg?29b5d65b1afe2054672ca5b2e8d163da);
  background-size: 24px 72px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.ppt-play .ppt-play-control .control-blocks .control-cursor[data-v-5646ad36]:hover {
  background-position: 0 -24px;
}
.ppt-play .ppt-play-control .control-blocks .control-cursor[class~='active'][data-v-5646ad36] {
  background-position: 0 -48px !important;
}
.ppt-play .ppt-play-control .control-blocks .control-cursor[class~='disable'][data-v-5646ad36] {
  background-position: 0 0 !important;
}
.ppt-play .ppt-play-control .control-blocks .control-animate[data-v-5646ad36] {
  position: relative;
  background-image: url(../svg/ppt-effect.svg?bb79fce714bb0c230b02622ff8293814);
  background-size: 24px 72px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.ppt-play .ppt-play-control .control-blocks .control-animate[data-v-5646ad36]:hover {
  background-position: 0 -24px;
}
.ppt-play .ppt-play-control .control-blocks .control-animate[class~='active'][data-v-5646ad36] {
  background-position: 0 -48px !important;
}
.ppt-play .ppt-play-control .control-blocks .control-animate .control-animate-list[data-v-5646ad36] {
  position: absolute;
  width: 122px;
  height: auto;
  bottom: 32px;
  left: 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  background: #343434;
  border-radius: 2px;
}
.ppt-play .ppt-play-control .control-blocks .control-animate .control-animate-list .control-animate-item[data-v-5646ad36] {
  width: 100%;
  height: 44px;
  padding: 0 0 0 36px;
  box-sizing: border-box;
  position: relative;
  line-height: 44px;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
  color: #d6d6d6;
}
.ppt-play .ppt-play-control .control-blocks .control-animate .control-animate-list .control-animate-item[data-v-5646ad36]:hover {
  background: rgba(151, 151, 151, 0.16);
  border-radius: 2px;
  color: #dcdcdc;
}
.ppt-play .ppt-play-control .control-blocks .control-animate .control-animate-list .control-animate-item[class~='active'][data-v-5646ad36]:after {
  content: '';
  width: 16px;
  height: 16px;
  background-image: url(../svg/ppt-selectd.png?3227326e860fab4f397772db4d2edc65);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  top: 14px;
  left: 12px;
  display: block;
  position: absolute;
}
.ppt-play .ppt-play-control .control-blocks .control-fullScreen[data-v-5646ad36] {
  background-image: url(../svg/ppt-full.svg?0296d957820ec3b52495dfe20c76ab0a);
  background-size: 48px 48px;
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: 0;
}
.ppt-play .ppt-play-control .control-blocks .control-fullScreen[data-v-5646ad36]:hover {
  background-position-y: -24px;
}
.ppt-play .ppt-play-control .control-blocks .control-fullScreen[class~='active'][data-v-5646ad36] {
  background-position-x: -24px !important;
}
.ppt-play .ppt-play-control .control-exit[data-v-5646ad36] {
  width: 68px;
  text-align: center;
  cursor: pointer;
}

.publish-share-box[data-v-2f0cb4b9] {
  position: fixed;
  top: 0%;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background: #fff;
  min-width: 1230px;
  min-height: 600px;
}
.Wxshare-box[data-v-2f0cb4b9] {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.pagelista-enter-active[data-v-2f0cb4b9] {
  transition: opacity 0.5s;
}
.pagelista-enter[data-v-2f0cb4b9] {
  opacity: 0;
}
.closeShare[data-v-2f0cb4b9] {
  width: 24px;
  height: 24px;
  background-image: url(../svg/publiceShare-close.svg?68666459975330620c673f5e279b72fa);
  background-repeat: no-repeat;
  position: absolute;
  right: 50px;
  top: 50px;
  cursor: pointer;
  animation: closeShareAnimate-data-v-2f0cb4b9 2s linear forwards;
}
input[data-v-2f0cb4b9]:focus {
  box-shadow: none !important;
}
@keyframes closeShareAnimate-data-v-2f0cb4b9 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.WxcloseShare[data-v-2f0cb4b9] {
  width: 28px;
  height: 28px;
  background-image: url(../svg/publiceShare-modal_close.svg?33e17928cd50e15835e724c6606a0176);
  background-repeat: no-repeat;
  position: absolute;
  right: -30px;
  top: -10px;
  cursor: pointer;
}
.publish-share[data-v-2f0cb4b9] {
  width: 1030px;
  height: 600px;
  animation: 0.3s publishShareJoin-data-v-2f0cb4b9 ease-in;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.publish-share_photo[data-v-2f0cb4b9] {
  float: left;
  width: 600px;
  height: 600px;
  position: relative;
  margin-right: 42px;
  background: #fcfcfc;
  box-sizing: border-box;
  border: 1px solid #efefef;
  border-radius: 3px;
  padding: 20px;
}
.publish-share_photo .loading-container[data-v-2f0cb4b9] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.publish-share_photo svg[data-v-2f0cb4b9] {
  width: 560px;
  height: 560px;
}
.publish-share_photo .photo-box[data-v-2f0cb4b9] {
  width: 560px;
  height: 560px;
  margin-top: 12px;
}
.publish-share_photo .photo-box .photo-imgBox[data-v-2f0cb4b9] {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.publish-share_photo .photo-box .photo-text[data-v-2f0cb4b9] {
  position: absolute;
  left: 0;
  top: 0;
  width: 139px;
  height: 52px;
  background: rgba(7, 115, 252, 0.1);
  border-bottom-right-radius: 10px;
  box-sizing: border-box;
  padding-top: 10px;
}
.publish-share_photo .photo-box .photo-text p[data-v-2f0cb4b9] {
  width: 139px;
  font-size: 14px;
  color: #0773FC;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}
.publish-share_text[data-v-2f0cb4b9] {
  float: left;
  width: 376px;
  height: 600px;
}
.publish-share_text .shart-text[data-v-2f0cb4b9] {
  width: 100%;
  box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 3px;
  border-top: none;
}
.publish-share .header-title[data-v-2f0cb4b9] {
  font-size: 24px;
  line-height: 24px;
  color: #626262;
  text-align: center;
}
.publish-share .header[data-v-2f0cb4b9] {
  width: 100%;
  display: flex;
  height: 48px;
  text-align: center;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.publish-share .header > span[data-v-2f0cb4b9] {
  flex: 1;
  height: 48px;
  font-size: 16px;
  color: #0773fc;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
  background: #ffffff;
  float: left;
  border: 1px solid #0773fc;
  border-top: none;
}
.publish-share .header .active[data-v-2f0cb4b9] {
  color: #FFFFFF;
  background: #242F44;
  border: 1px solid #242F44;
}
@keyframes publishShareJoin-data-v-2f0cb4b9 {
0% {
    top: 142%;
}
100% {
    top: 50%;
}
}
.share[data-v-2f0cb4b9] {
  width: 100%;
  border: 1px solid #E7E7E7;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-sizing: border-box;
  padding: 40px 22px 32px;
}
.share.print[data-v-2f0cb4b9] {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}
.share .share-link[data-v-2f0cb4b9] {
  height: 40px;
  position: relative;
}
.share .share-link .share-icon[data-v-2f0cb4b9] {
  width: 40px;
  height: 40px;
  background: url(../svg/share.svg?39c8e1164f26c838347dfb588f7e615c) no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
}
.share .share-link .share-url[data-v-2f0cb4b9] {
  float: left;
  font-size: 12px;
  width: 235px;
  height: 40px;
  color: #626262;
  border: none;
  box-sizing: border-box;
  padding-left: 40px;
  padding-right: 7px;
  background: #FBFBFB;
}
.share .share-link .share-url[data-v-2f0cb4b9]:focus {
  border: 1px solid #E7E7E7;
  box-shadow: none !important;
}
.share .share-link .share-copy[data-v-2f0cb4b9] {
  float: left;
  width: 90px;
  height: 40px;
  background: #0773fc;
  color: #fff;
  line-height: 40px;
  text-align: center;
  border: none;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
}
.share .choose[data-v-2f0cb4b9] {
  height: 18px;
  margin-top: 16px;
  margin-left: 10px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.62);
}
.share .choose .checkbox[data-v-2f0cb4b9] {
  float: left;
  width: 14px;
  height: 14px;
  border: 1px solid #cdcdcd;
  border-radius: 2px;
  cursor: pointer;
  background: #ffffff;
}
.share .choose .checkbox[data-v-2f0cb4b9]:hover {
  border: 1px solid #0773fc;
}
.share .choose .checkbox[class~='active'][data-v-2f0cb4b9] {
  border: 1px solid #0773fc;
  background: #0773fc;
  border-radius: 2px;
  width: 14px;
  height: 14px;
  background-image: url(../svg/shape.svg?3d4d3152f0de1b866d00d2caa91382d2);
  background-repeat: no-repeat;
  background-position: center center;
}
.share .choose .tip-text[data-v-2f0cb4b9] {
  float: left;
  margin: 0;
  margin-left: 8px;
}
.share .small-app[data-v-2f0cb4b9] {
  width: 200px;
  height: 226px;
  margin: 0 auto 40px;
}
.share .small-app img[data-v-2f0cb4b9] {
  width: 200px;
  height: 200px;
  display: inline-block;
}
.share .small-app .small-app-text[data-v-2f0cb4b9] {
  font-size: 12px;
  line-height: 12px;
  opacity: 0.7;
  color: #626262;
  margin-top: 12px;
  text-align: center;
}
.share .small-app .small-app-container[data-v-2f0cb4b9] {
  width: 100%;
  height: 85%;
  margin: 12px auto 0 auto;
  display: flex;
  align-items: center;
}
.share .share-other[data-v-2f0cb4b9] {
  margin-left: 10px;
  margin-top: 25px;
  color: #626262;
}
.share .share-other .share-list[data-v-2f0cb4b9] {
  display: flex;
  align-items: center;
  margin-top: 14px;
}
.share .share-other .share-list .list-item[data-v-2f0cb4b9] {
  color: #626262;
  cursor: pointer;
}
.share .share-other .share-list .list-item[data-v-2f0cb4b9]:not(:last-child) {
  margin-right: 30px;
}
.share .share-other .share-list .list-item.meitu[data-v-2f0cb4b9] {
  position: relative;
  top: 4px;
  margin-right: 24px;
}
.share .share-other .share-list .list-item.meitu > img[data-v-2f0cb4b9] {
  width: 142px;
}
.share .share-other .share-list .list-item.meitu .meitu-qrcode-container[data-v-2f0cb4b9] {
  position: absolute;
  bottom: 60px;
  left: -20px;
  display: inline-block;
  width: 278px;
  height: 315px;
  text-align: center;
  color: #484949;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
  box-shadow: 0 6px 30px 0 rgba(11, 23, 52, 0.16);
  border-radius: 8px;
  overflow: hidden;
}
.share .share-other .share-list .list-item.meitu .meitu-qrcode-container .meitu-loading-container[data-v-2f0cb4b9] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.share .share-other .share-list .list-item.meitu .meitu-qrcode-container .meitu-qrcode-content[data-v-2f0cb4b9] {
  padding-top: 256px;
}
.share .share-other .share-list .list-item.meitu .meitu-qrcode-container .meitu-qrcode-content .meitu-iframe-container[data-v-2f0cb4b9] {
  position: absolute;
  top: -28px;
  left: -10px;
  width: 300px;
  height: 300px;
  overflow: hidden;
  transform: scale(0.8);
}
.share .share-other .share-list .list-item.meitu .meitu-qrcode-container .meitu-qrcode-content .meitu-iframe-container .meitu-iframe[data-v-2f0cb4b9] {
  width: 300px;
  height: 300px;
  border: none;
}
.share .share-other .share-list .list-item .icon[data-v-2f0cb4b9] {
  color: #cdcdcd;
  font-size: 18px;
}
.share .share-other .share-list .list-item:hover .icon[data-v-2f0cb4b9] {
  color: transparent;
  background: #0773fc;
  background-clip: text;
  -webkit-background-clip: text;
}
.go-to-print[data-v-2f0cb4b9] {
  border: 1px solid #E7E7E7;
  border-top: none;
  padding: 20px 24px;
}
.go-to-print button[data-v-2f0cb4b9] {
  width: 328px;
  line-height: 48px;
  background: #0773fc;
  border-radius: 3px;
  border: none;
  outline: none;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  cursor: pointer;
}
.activity[data-v-2f0cb4b9] {
  width: 100%;
  box-sizing: border-box;
  padding: 30px 24px 40px;
  border: 1px solid #E7E7E7;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.activity .title-lable[data-v-2f0cb4b9] {
  display: flex;
  justify-content: space-between;
}
.activity .title-lable .label-text[data-v-2f0cb4b9] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 20px;
  margin-right: 24px;
}
.activity .title-lable .word-limit[data-v-2f0cb4b9] {
  color: #bdbdbd;
  line-height: 20px;
}
.activity .activity-title[data-v-2f0cb4b9] {
  margin-top: 20px;
}
.activity .activity-title .title-input[data-v-2f0cb4b9] {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  padding-left: 10px;
  color: rgba(0, 0, 0, 0.8);
  border: none;
  border: 1px solid #E7E7E7;
  border-radius: 3px;
  margin-top: 10px;
}
.activity .activity-title .title-input[data-v-2f0cb4b9]:focus {
  border: 1px solid #0773fc;
  outline: none;
}
.activity .activity-title .title-input[data-v-2f0cb4b9]::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.activity .activity-describe[data-v-2f0cb4b9] {
  margin-top: 20px;
}
.activity .activity-describe .describe-input[data-v-2f0cb4b9] {
  width: 100%;
  height: 135px;
  padding: 10px;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.8);
  resize: none;
  border: none;
  outline: none;
  border: 1px solid #E7E7E7;
  border-radius: 3px;
  margin-top: 8px;
}
.activity .activity-describe .describe-input[data-v-2f0cb4b9]::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.activity .activity-describe .just-join[data-v-2f0cb4b9] {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  line-height: 40px;
  margin-top: 40px;
  width: 136px;
  background: #0773fc;
  color: #fff;
  text-align: center;
  border: none;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
}
.activity .activity-describe .just-join[data-v-2f0cb4b9]:hover {
  background: #0668e3;
}
.activity .activity-choose[data-v-2f0cb4b9] {
  margin-top: 0px;
}
.activity .activity-choose .title[data-v-2f0cb4b9] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  margin: 0;
  margin-bottom: 10px;
}
.activity .activity-choose .activity-wrap[data-v-2f0cb4b9] {
  position: relative;
  width: 100%;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  border-radius: 3px;
}
.activity .activity-choose .activity-wrap .no-activity[data-v-2f0cb4b9] {
  padding: 0 10px;
  color: #bdbdbd;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.activity .activity-choose .activity-wrap .activity-active[data-v-2f0cb4b9] {
  margin: 0;
  position: relative;
  line-height: 40px;
  padding: 0 10px;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}
.activity .activity-choose .activity-wrap .activity-active[data-v-2f0cb4b9]:before {
  content: '';
  position: absolute;
  right: 9px;
  top: 16px;
  width: 0;
  height: 0;
  border-top: 8px solid #626262;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.activity .activity-choose .activity-wrap .activity-active[data-v-2f0cb4b9]:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 16px;
  width: 0;
  height: 0;
  border-top: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.activity .activity-choose .activity-wrap .activity-list[data-v-2f0cb4b9] {
  position: absolute;
  top: 100%;
  width: 100%;
  max-height: 160px;
  background: #fff;
  overflow-y: auto;
  z-index: 5;
}
.activity .activity-choose .activity-wrap .activity-list .list-item[data-v-2f0cb4b9] {
  line-height: 40px;
  padding-left: 24px;
  color: #bdbdbd;
  cursor: default;
  background: #FFFFFF;
  border: 1px solid #CDCDCD;
  border-radius: 3px 3px 0 0;
}
.activity .activity-choose .activity-wrap .activity-list .list-item[data-v-2f0cb4b9]:nth-child(2n) {
  margin-top: -1px;
}
.activity .activity-choose .activity-wrap .activity-list .can-join[data-v-2f0cb4b9] {
  color: #626262;
  cursor: pointer;
}
.activity .activity-choose .activity-wrap .activity-list .can-join[data-v-2f0cb4b9]:hover {
  background: #f2f2f2;
}
.activity-success[data-v-2f0cb4b9] {
  width: 474px;
  margin: auto;
}
.activity-success .title[data-v-2f0cb4b9] {
  margin-top: 16px;
  font-size: 24px;
  color: #626262;
  text-align: center;
}
.activity-success .share-link[data-v-2f0cb4b9] {
  height: 40px;
  margin-top: 23px;
}
.activity-success .share-link .share-icon[data-v-2f0cb4b9] {
  float: left;
  width: 40px;
  height: 40px;
  background: url(../svg/share.svg?39c8e1164f26c838347dfb588f7e615c) no-repeat center;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
.activity-success .share-link .share-url[data-v-2f0cb4b9] {
  float: left;
  font-size: 12px;
  width: 185px;
  height: 40px;
  margin-left: 14px;
  color: #626262;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  border: none;
}
.activity-success .share-link .join-copy[data-v-2f0cb4b9] {
  float: left;
  margin-left: 14px;
  width: 100px;
  height: 40px;
  color: #9b9b9b;
  background: #fff;
  line-height: 40px;
  text-align: center;
  border: none;
  outline: none;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
.activity-success .share-link .open-link[data-v-2f0cb4b9] {
  float: left;
  margin-left: 14px;
  width: 100px;
  height: 40px;
  background: #0773fc;
  color: #fff;
  line-height: 40px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
.activity-success .share-other[data-v-2f0cb4b9] {
  margin-top: 107px;
  color: #626262;
}
.activity-success .share-other .share-list[data-v-2f0cb4b9] {
  margin-top: 14px;
}
.activity-success .share-other .share-list .list-item[data-v-2f0cb4b9] {
  float: left;
  width: 32px;
  height: 32;
  color: #626262;
  margin-right: 16px;
  cursor: pointer;
}
.activity-success .share-other .share-list .list-item .icon[data-v-2f0cb4b9] {
  color: #cdcdcd;
  font-size: 22px;
  line-height: 22px;
}
.activity-success .share-other .share-list .list-item:hover .icon[data-v-2f0cb4b9] {
  color: transparent;
  background: linear-gradient(90deg, #5ea2ff, #00e3ff);
  background-clip: text;
  -webkit-background-clip: text;
}
.activity-success .look-join[data-v-2f0cb4b9] {
  display: block;
  width: 236px;
  height: 40px;
  margin: auto;
  margin-top: 20px;
  text-decoration: none;
  line-height: 40px;
  text-align: center;
  background: #0773fc;
  color: #fff;
}
.qrcode-page[data-v-2f0cb4b9] {
  width: 200px;
  height: 200px;
  background-color: #fff;
  text-align: center;
  padding-top: 16px;
  border-radius: 4px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.qrcode-page p[data-v-2f0cb4b9] {
  margin-top: 8px;
}
.weixin-text[data-v-2f0cb4b9] {
  display: inline-block;
  margin-bottom: 8px;
}

.modal-mask[data-v-64c37398] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-mask .modal__close[data-v-64c37398] {
  width: 22px;
  height: 22px;
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 0;
  right: -34px;
}
.team-workSet[data-v-64c37398] {
  position: fixed;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 660px;
  height: 435px;
  background-color: #FFF;
}
.team-workSet .team-workSet-title[data-v-64c37398] {
  font-size: 28px;
  line-height: 86px;
  color: #0773fc;
  text-align: center;
}
.team-workSet .team-workSet-title2[data-v-64c37398] {
  height: 86px;
  width: 140px;
  font-size: 14px;
  line-height: 86px;
  margin-left: 56px;
  text-align: left;
  color: #0773fc;
  cursor: pointer;
}
.team-workSet .team-workSet-content[data-v-64c37398] {
  box-sizing: border-box;
  width: 556px;
  height: 248px;
  padding: 30px 26px 30px 26px;
  margin: 0px auto 0px auto;
  background-color: #F4F4F4;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
  transition: height 0.2s ease;
}
.team-workSet .team-workSet-content .team-workSet-content-text[data-v-64c37398] {
  font-size: 14px;
  line-height: 14px;
  padding-bottom: 13px;
  color: #999;
  display: block;
}
.team-workSet .team-workSet-content .team-workSet-item[data-v-64c37398] {
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  margin-bottom: 5px;
  width: 556px;
}
.team-workSet .team-workSet-content .team-workSet-item .img[data-v-64c37398] {
  width: 20px;
  height: 20px;
  margin-top: 7px;
  border-radius: 50%;
  display: inline-block;
  float: left;
}
.team-workSet .team-workSet-content .team-workSet-item .name[data-v-64c37398] {
  width: 120px;
  height: 100%;
  margin-left: 8px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}
.team-workSet .team-workSet-content .team-workSet-item .email[data-v-64c37398] {
  width: 200px;
  height: 100%;
  margin-left: 28px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}
.team-workSet .team-workSet-content .team-workSet-item .menu[data-v-64c37398],
.team-workSet .team-workSet-content .team-workSet-item .menu1[data-v-64c37398] {
  width: 100px;
  height: 34px;
  margin-left: 18px;
  /*background-color: #FFF;*/
  display: inline-block;
  float: left;
  cursor: pointer;
  position: relative;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
}
.team-workSet .team-workSet-content .team-workSet-item .menu > span[data-v-64c37398],
.team-workSet .team-workSet-content .team-workSet-item .menu1 > span[data-v-64c37398] {
  background: #FFFFff;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.team-workSet .team-workSet-content .team-workSet-item .menu .ido[data-v-64c37398],
.team-workSet .team-workSet-content .team-workSet-item .menu1 .ido[data-v-64c37398] {
  background: transparent;
}
.team-workSet .team-workSet-content .team-workSet-item .menu .add[data-v-64c37398],
.team-workSet .team-workSet-content .team-workSet-item .menu1 .add[data-v-64c37398] {
  width: 80px;
  height: 30px;
  line-height: 30px;
  margin-left: 18px;
  color: #FFF;
  background-color: #0773fc;
  border-radius: 3px;
  display: inline-block;
  text-align: center;
  float: left;
  cursor: pointer;
}
.team-workSet .team-workSet-content .team-workSet-item .menu:hover .operate[data-v-64c37398],
.team-workSet .team-workSet-content .team-workSet-item .menu1:hover .operate[data-v-64c37398] {
  display: block;
}
.team-workSet .team-workSet-content .team-workSet-item .menu .operate[data-v-64c37398],
.team-workSet .team-workSet-content .team-workSet-item .menu1 .operate[data-v-64c37398] {
  position: absolute;
  top: 34px;
  left: 0;
  width: 100%;
  display: none;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  z-index: 9;
}
.team-workSet .team-workSet-content .team-workSet-item .menu .operate > li[data-v-64c37398],
.team-workSet .team-workSet-content .team-workSet-item .menu1 .operate > li[data-v-64c37398] {
  width: 100%;
  height: 34px;
}
.team-workSet .team-workSet-content .team-workSet-item .menu .operate .operate-change[data-v-64c37398]:hover,
.team-workSet .team-workSet-content .team-workSet-item .menu1 .operate .operate-change[data-v-64c37398]:hover {
  background-color: #F4F4F4;
}
.team-workSet .team-workSet-content .team-workSet-item .menu .operate .operate-remove[data-v-64c37398]:hover,
.team-workSet .team-workSet-content .team-workSet-item .menu1 .operate .operate-remove[data-v-64c37398]:hover {
  background-color: #EC555A;
}
.team-workSet .team-workSet-confirm[data-v-64c37398] {
  width: 166px;
  height: 44px;
  font-size: 16px;
  line-height: 44px;
  border-radius: 3px;
  color: #FFF;
  margin: 25px auto 0 auto;
  background-color: #0773fc;
  text-align: center;
  cursor: pointer;
}

.modal-mask[data-v-21fc5634] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-mask .modal__close[data-v-21fc5634] {
  width: 22px;
  height: 22px;
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 0;
  right: -34px;
}
.wx-wrap[data-v-21fc5634] {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12);
}
.account-wrap[data-v-21fc5634] {
  width: 500px;
  background: #fff;
  position: fixed;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.account-wrap .account-item[data-v-21fc5634],
.account-wrap .add-account[data-v-21fc5634] {
  height: 88px;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.account-wrap .headimg[data-v-21fc5634] {
  float: left;
  margin: 24px 25px 24px 30px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.account-wrap .name[data-v-21fc5634],
.account-wrap .add-text[data-v-21fc5634] {
  float: left;
  line-height: 74px;
  font-size: 18px;
  color: #4a4a4a;
  letter-spacing: 0.73px;
}
.account-wrap .add-icon[data-v-21fc5634] {
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 16px 25px 24px 30px;
  background: #9b9b9b;
  text-align: center;
  line-height: 40px;
  font-size: 20.8px;
  color: #fff;
}
.upload-success[data-v-21fc5634] {
  position: fixed;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid transparent;
  width: 688px;
  height: 480px;
  border-radius: 3px;
  background: #fff;
}
.upload-success .success-text[data-v-21fc5634] {
  margin-top: 80px;
  text-align: center;
  font-size: 18px;
  color: #626262;
  line-height: 24px;
}
.upload-success .success-text span[data-v-21fc5634] {
  color: #0773fc;
}
.upload-success .imgs[data-v-21fc5634] {
  width: 568px;
  height: 198px;
  margin: 40px auto;
}
.upload-success .imgs img[data-v-21fc5634] {
  width: 264px;
  height: 198px;
  float: left;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.upload-success .imgs .img_1[data-v-21fc5634] {
  margin-right: 40px;
}
.upload-success .next-no-tip[data-v-21fc5634] {
  margin-bottom: 10px;
  text-align: center;
  font-size: 12px;
}
.upload-success .next-no-tip .checkbox[data-v-21fc5634] {
  width: 14px;
  height: 14px;
  margin-right: 5px;
  cursor: pointer;
  display: inline-block;
  background: url(../svg/checkbox.png?457b62576e281005cc46a513b98aa5ab);
  background-size: contain;
  vertical-align: text-bottom;
}
.upload-success .next-no-tip .checkbox-active[data-v-21fc5634] {
  background: url(../svg/checkbox_active.png?40ee68e7b5daf97637f43573b8793ec3);
  background-size: contain;
}
.upload-success .btn[data-v-21fc5634] {
  display: block;
  margin: auto;
  width: 160px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #0773fc;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.upload-success .btn[data-v-21fc5634]:hover {
  opacity: 0.8;
}
.upload-success .btn[data-v-21fc5634]:active {
  background-image: linear-gradient(90deg, #5ea2ff, #00e3ff) !important;
}
.testfont[data-v-21fc5634] {
  margin-top: 4px !important;
  padding-left: 0 !important;
  padding-bottom: 16px;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.12);
}
.copyright[data-v-21fc5634] {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.35);
  line-height: 20px;
  margin-top: 24px;
  padding-left: 100px;
  text-align: center;
  display: inline-block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.copyright[data-v-21fc5634]:nth-child(4) {
  margin-top: 2px;
}
.copyright .float[data-v-21fc5634] {
  width: 100px;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
}
.copyright .red[data-v-21fc5634] {
  color: #ff3d67;
}
.copyright .tips[data-v-21fc5634] {
  width: 12px;
  height: 12px;
  margin-left: 8px;
  display: inline-block;
  vertical-align: baseline;
  position: relative;
  background: url(../svg/copyright.svg?7cebdde5c2144c0a961fabdad25716bd) no-repeat 0 0;
}
.copyright .tips .tips-wrap[data-v-21fc5634] {
  display: none;
  width: 360px;
  background: #ffffff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.21);
  border-radius: 6.4px;
  position: absolute;
  bottom: 23px;
  left: -186px;
}
.copyright .tips .tips-wrap .triangle[data-v-21fc5634] {
  width: 10px;
  height: 10px;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.21);
  transform: rotate(45deg);
  background: #fff;
  position: absolute;
  bottom: -5px;
  left: 187px;
}
.copyright .tips .tips-wrap .text[data-v-21fc5634] {
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #626262;
  padding: 9px 12px;
  background: #fff;
  line-height: 18px;
  text-align: left;
  position: relative;
}
.copyright .tips:hover .tips-wrap[data-v-21fc5634] {
  display: block;
}
.thumb-text[data-v-21fc5634] {
  margin-top: 20px;
  text-align: center;
  font-size: 18px;
  color: #fff;
}

.modal-back[data-v-230d89b6] {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
}
#thumb-wait[data-v-230d89b6] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 400px;
  height: 150px;
  background: #fff;
  font-size: 12px;
}
.thumb-text[data-v-230d89b6] {
  font-size: 18px;
  color: #666;
  text-align: center;
  margin-top: 30px;
}

.designer-tools[data-v-09214ff1] {
  width: 160px;
  min-height: 200px;
  position: absolute;
  z-index: 99999;
  top: 0;
  left: 0;
  background: #ffffff;
  padding: 20px 8px 8px 8px;
  text-align: center;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
  border-radius: 4px;
}
.designer-tools > span[data-v-09214ff1] {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height: 38px;
  line-height: 38px;
  width: 100%;
  text-align: center;
  cursor: move;
  border-bottom: 1px solid #E7E7E7;
  color: #9B9B9B;
  font-size: 14px;
}
.designer-tools .designer-tools-list[data-v-09214ff1] {
  width: 100%;
  margin: 26px 4px;
  text-align: left;
  font-size: 14px;
  color: #626262;
}
.designer-tools .designer-tools-list .title[data-v-09214ff1] {
  height: 16px;
  line-height: 16px;
  margin-top: 14px;
}
.designer-tools .designer-tools-list .colorBlock[data-v-09214ff1] {
  width: 24px;
  height: 24px;
  border: 1px solid #E7E7E7;
  border-radius: 6px;
  float: left;
  cursor: pointer;
  margin-right: 5px;
  margin-bottom: 10px;
  display: inline-block;
}
.designer-tools .designer-tools-list .colorBlock[data-v-09214ff1]:hover {
  transform: scale(1.2);
  /*box-shadow: 0 2px 8px 0 rgba(0, 0, 0,0.32);*/
}
.designer-tools .designer-tools-list .clickBlock[data-v-09214ff1] {
  border: 1px solid #07aefc;
}
.designer-tools .designer-tools-list .active[data-v-09214ff1] {
  background: url(../svg/mainColor_icon.png?d9b609484d539274c16d53628a23ece6) no-repeat left top;
  background-size: 12px 12px;
}
.designer-tools .designer-tools-list .item[data-v-09214ff1] {
  height: 16px;
  line-height: 16px;
  margin: 4px 0;
  width: 100%;
  text-align: left;
  padding-left: 10px;
}
.designer-tools .designer-tools-list_check-Box[data-v-09214ff1] {
  margin-top: 8px;
}
.designer-tools .designer-tools-list > button[data-v-09214ff1] {
  margin: 4px 0;
}
.designer-tools .designer-tools-default[data-v-09214ff1] {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: 16px;
}
.designer-tools .designer-tools-default p[data-v-09214ff1] {
  font-size: 12px;
  color: #9B9B9B;
}
.designer-tools .setMainColor[data-v-09214ff1] {
  width: 100%;
  height: 42px;
  background: #FFFFFF;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  position: absolute;
  left: 0;
  bottom: -43px;
  box-sizing: border-box;
  padding: 14px 0 0 14px;
}
.designer-tools .closeDesignTool[data-v-09214ff1] {
  float: right;
  margin-right: 5px;
  cursor: pointer;
}

.modal-mask[data-v-4ec9b0b4] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  height: 100%;
}
.modal-mask[class~='show'][data-v-4ec9b0b4] {
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-mask .modal__close[data-v-4ec9b0b4] {
  width: 18px;
  height: 18px;
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 0;
  right: -34px;
}
.setMaterialPrice[data-v-4ec9b0b4] {
  width: 100%;
  height: 100%;
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
}
.setMaterialPrice .onePrice[data-v-4ec9b0b4] {
  width: 450px;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}
.setMaterialPrice .onePrice span[data-v-4ec9b0b4] {
  position: absolute;
  right: 30px;
  width: 14px;
  height: 14px;
  top: 10px;
  z-index: 2;
  background: url(../svg/setPriceClose.svg?97724f28e05963ec2df8d57deb01eea2) -3px -3px no-repeat;
}
.setMaterialPrice .onePrice .priceTitle[data-v-4ec9b0b4] {
  position: relative;
  line-height: 20px;
  padding: 20px 30px;
  font-family: PingFangSC-Semibold;
  font-size: 18px;
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}
.setMaterialPrice .onePrice .priceBox[data-v-4ec9b0b4] {
  padding: 10px 30px 5px 70px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  position: relative;
}
.setMaterialPrice .onePrice .priceBox span[data-v-4ec9b0b4] {
  width: 60px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 5px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
}
.setMaterialPrice .onePrice .priceBox span[data-v-4ec9b0b4]:nth-child(5n+1) {
  margin-right: 0;
}
.setMaterialPrice .onePrice .priceBox span[data-v-4ec9b0b4]:nth-child(1) {
  text-align: left;
  position: absolute;
  left: 30px;
  margin: 0;
  border: none;
}
.setMaterialPrice .onePrice .priceBox .active[data-v-4ec9b0b4] {
  border: 1px solid #07AEFC;
  position: relative;
}
.setMaterialPrice .onePrice .priceBox .active[data-v-4ec9b0b4]::after {
  width: 26px;
  height: 26px;
  content: '';
  position: absolute;
  right: -7px;
  bottom: -5px;
  background: url(../svg/active-price.svg?d48d5439f21ba276620abbbd6c9b6f2f);
}
.setMaterialPrice .onePrice .onePriceBtn[data-v-4ec9b0b4] {
  padding: 30px 165px;
}
.setMaterialPrice .onePrice .onePriceBtn span[data-v-4ec9b0b4] {
  width: 120px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  font-family: PingFangSC-Semibold;
  font-size: 14px;
  color: #FFFFFF;
  background: #5EA2FF;
  border-radius: 4px;
}
.setMaterialPrice .somePrice[data-v-4ec9b0b4] {
  width: 780px;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #FFFFFF;
  border-radius: 6px;
}
.setMaterialPrice .somePrice .closeSetPrice[data-v-4ec9b0b4] {
  position: absolute;
  top: 20px;
  right: 30px;
  width: 14px;
  height: 14px;
  z-index: 2;
  background: url(../svg/setPriceClose.svg?97724f28e05963ec2df8d57deb01eea2) -3px -3px no-repeat;
}
.setMaterialPrice .somePrice .title[data-v-4ec9b0b4] {
  position: relative;
  line-height: 20px;
  padding: 20px 30px;
  font-family: PingFangSC-Semibold;
  font-size: 18px;
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 600;
}
.setMaterialPrice .somePrice .title span[data-v-4ec9b0b4] {
  position: absolute;
  right: 30px;
  width: 14px;
  height: 14px;
  background: url(../svg/setPriceClose.svg?97724f28e05963ec2df8d57deb01eea2) -3px -3px no-repeat;
}
.setMaterialPrice .somePrice .totlePrice[data-v-4ec9b0b4] {
  padding: 0 30px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.setMaterialPrice .somePrice .totlePrice span[data-v-4ec9b0b4] {
  margin-right: 20px;
}
.setMaterialPrice .somePrice .priceTitles[data-v-4ec9b0b4] {
  max-height: 400px;
  border-radius: 6px;
  background: #F9F9FC;
  margin: 10px 30px 5px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}
.setMaterialPrice .somePrice .priceTitles > span[data-v-4ec9b0b4] {
  display: inline-block;
  text-align: center;
  line-height: 32px;
}
.setMaterialPrice .somePrice .priceTitles .thumbnail-title[data-v-4ec9b0b4] {
  width: 100px;
}
.setMaterialPrice .somePrice .priceTitles .materialId-title[data-v-4ec9b0b4] {
  width: 155px;
}
.setMaterialPrice .somePrice .priceTitles .price-title[data-v-4ec9b0b4] {
  width: 450px;
  text-align: left;
}
.setMaterialPrice .somePrice .materialList[data-v-4ec9b0b4] {
  max-height: 250px;
}
.setMaterialPrice .somePrice .materialList.maxHeight[data-v-4ec9b0b4] {
  height: 250px;
}
.setMaterialPrice .somePrice .materialList .priceBoxs[data-v-4ec9b0b4] {
  padding: 5px 0px;
  margin: 0 30px;
  border-top: 1px solid #E6E6E6;
}
.setMaterialPrice .somePrice .materialList .priceBoxs[data-v-4ec9b0b4]:nth-child(1) {
  border-top: none;
}
.setMaterialPrice .somePrice .materialList .priceBoxs > div[data-v-4ec9b0b4] {
  float: left;
  min-height: 10px;
}
.setMaterialPrice .somePrice .materialList .priceBoxs .thumbnail[data-v-4ec9b0b4] {
  width: 100px;
}
.setMaterialPrice .somePrice .materialList .priceBoxs .thumbnail span[data-v-4ec9b0b4] {
  display: inline-block;
  margin-top: 5px;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #F7F8F9;
  background-position: center;
  width: 100px;
  height: 94px;
}
.setMaterialPrice .somePrice .materialList .priceBoxs .materialId[data-v-4ec9b0b4] {
  width: 155px;
  line-height: 105px;
  text-align: center;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.setMaterialPrice .somePrice .materialList .priceBoxs .price[data-v-4ec9b0b4] {
  width: 450px;
}
.setMaterialPrice .somePrice .materialList .priceBoxs .price .priceBox[data-v-4ec9b0b4] {
  padding: 5px 0px 0px 70px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  position: relative;
}
.setMaterialPrice .somePrice .materialList .priceBoxs .price .priceBox span[data-v-4ec9b0b4] {
  width: 60px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 5px;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
}
.setMaterialPrice .somePrice .materialList .priceBoxs .price .priceBox span[data-v-4ec9b0b4]:nth-child(5n+1) {
  margin-right: 0;
}
.setMaterialPrice .somePrice .materialList .priceBoxs .price .priceBox span[data-v-4ec9b0b4]:nth-child(1) {
  text-align: left;
  position: absolute;
  left: 10px;
  margin: 0;
  border: none;
}
.setMaterialPrice .somePrice .materialList .priceBoxs .price .priceBox .active[data-v-4ec9b0b4] {
  border: 1px solid #07AEFC;
  position: relative;
}
.setMaterialPrice .somePrice .materialList .priceBoxs .price .priceBox .active[data-v-4ec9b0b4]::after {
  width: 26px;
  height: 26px;
  content: '';
  position: absolute;
  right: -7px;
  bottom: -5px;
  background: url(../svg/active-price.svg?d48d5439f21ba276620abbbd6c9b6f2f);
}
.setMaterialPrice .somePrice .somePriceBtn[data-v-4ec9b0b4] {
  padding: 10px 330px 30px;
}
.setMaterialPrice .somePrice .somePriceBtn span[data-v-4ec9b0b4] {
  width: 120px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  font-family: PingFangSC-Semibold;
  font-size: 14px;
  color: #FFFFFF;
  background: #5EA2FF;
  border-radius: 4px;
}
.setMaterialPrice .someFonts .title[data-v-4ec9b0b4] {
  position: relative;
  line-height: 20px;
  padding: 20px 30px;
  font-family: PingFangSC-Semibold;
  font-size: 18px;
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 600;
}
.setMaterialPrice .someFonts .showFontList .font-name[data-v-4ec9b0b4] {
  float: left;
  width: 250px;
  box-sizing: border-box;
  padding-left: 30px;
}
.setMaterialPrice .someFonts .showFontList .font-price[data-v-4ec9b0b4] {
  float: left;
  width: 450px;
}
.setMaterialPrice .someFonts .showFontList .fontList-title[data-v-4ec9b0b4] {
  background: #F9F9FC;
  line-height: 40px;
  margin: 0 30px 0px;
}
.setMaterialPrice .someFonts .showFontList .fontList-body[data-v-4ec9b0b4] {
  line-height: 35px;
  margin: 0 30px 0px;
  height: 70px;
}
.setMaterialPrice .clear[data-v-4ec9b0b4]:after {
  clear: both;
  content: '';
  width: 0;
  display: block;
  height: 0;
}
.setMaterialPrice .clear[data-v-4ec9b0b4] {
  zoom: 1;
}
.setPriceMask[data-v-4ec9b0b4] {
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-mask[data-v-56aa9c22] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-mask .modal__close[data-v-56aa9c22] {
  width: 22px;
  height: 22px;
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 0;
  right: -34px;
}
#psdUpload .psdUpload[data-v-56aa9c22] {
  position: fixed;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 550px;
  height: 390px;
  background: #FFFFFF;
  border-radius: 3px;
  text-align: center;
  padding-top: 28px;
}
#psdUpload .psdUpload .psdUpload-title[data-v-56aa9c22] {
  height: 24px;
  margin-top: 0;
}
#psdUpload .psdUpload .psdUpload-title span[data-v-56aa9c22] {
  font-size: 24px;
  line-height: 24px;
  color: #343434;
  font-weight: bold;
}
#psdUpload .psdUpload .psdUpload-tips[data-v-56aa9c22] {
  height: 14px;
  margin-top: 16px;
}
#psdUpload .psdUpload .psdUpload-tips span[data-v-56aa9c22] {
  font-size: 14px;
  line-height: 14px;
  color: #626262;
  font-weight: bold;
}
#psdUpload .psdUpload .psdUpload-func[data-v-56aa9c22] {
  height: 207px;
  width: 207px;
  margin: 25px auto;
  padding-top: 143px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
#psdUpload .psdUpload .psdUpload-func[class~='uploading'][data-v-56aa9c22]:after {
  background: url(../svg/uploadBlock-1.svg?d72048aed9731d8589383e07016f7d30);
}
#psdUpload .psdUpload .psdUpload-func[class~='uploading'][data-v-56aa9c22]:hover::after {
  background: url(../svg/uploadBlock-1.svg?d72048aed9731d8589383e07016f7d30);
}
#psdUpload .psdUpload .psdUpload-func[data-v-56aa9c22]:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 207px;
  height: 207px;
  background: url(../svg/uploadBlock.svg?a458bf552c72d56caf5ec9f2df9e28a7);
}
#psdUpload .psdUpload .psdUpload-func[data-v-56aa9c22]:hover::after {
  background: url(../svg/uploadBlock-hover.svg?75a14cbde30977428030032d542f2e7c);
}
#psdUpload .psdUpload .psdUpload-func .psdUpload-func-text[data-v-56aa9c22] {
  width: 100%;
  margin-top: 0;
}
#psdUpload .psdUpload .psdUpload-func .psdUpload-func-text span[data-v-56aa9c22] {
  font-size: 14px;
  line-height: 18px;
  color: #9B9B9B;
  font-weight: bold;
}
#psdUpload .psdUpload .psdUpload-func .psdUpload-func-text span a[data-v-56aa9c22] {
  color: #07AEFC;
}
#psdUpload .psdUpload .psdUpload-func .anim-enter-active[data-v-56aa9c22],
#psdUpload .psdUpload .psdUpload-func .anim-leave-active[data-v-56aa9c22] {
  opacity: 1;
  transition: opacity 0.2s ease;
}
#psdUpload .psdUpload .psdUpload-func .anim-enter[data-v-56aa9c22],
#psdUpload .psdUpload .psdUpload-func .anim-leave-to[data-v-56aa9c22] {
  opacity: 0;
}
#psdUpload .psdUpload .psdUpload-func .psdUpload-func-progress .psdUpload-func-progress-inner[data-v-56aa9c22] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#psdUpload .psdUpload .psdUpload-func .psdUpload-func-progress .psdUpload-func-progress-inner .psdUpload-func-progress-bar[data-v-56aa9c22] {
  width: 122px;
  height: 14px;
  background: #D8D8D8;
  border-radius: 7px;
  overflow: hidden;
}
#psdUpload .psdUpload .psdUpload-func .psdUpload-func-progress .psdUpload-func-progress-inner .psdUpload-func-progress-bar .bar[data-v-56aa9c22] {
  height: 14px;
  background: #07AEFC;
  border-radius: 7px;
  transition: width 0.2s ease;
}
#psdUpload .psdUpload .psdUpload-func .psdUpload-func-progress .psdUpload-func-progress-inner .text[data-v-56aa9c22] {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  margin-top: 6px;
  color: #9B9B9B;
}
#psdUpload .psdUpload .psdUpload-func .psdUpload-func-progress .psdUpload-func-progress-finish[data-v-56aa9c22] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 58px;
  height: 58px;
  background-image: url(../svg/uploadFinish.svg?e53ee47dbb31bd07b0322f8b26815ab7);
  background-repeat: no-repeat;
  background-size: 58px 58px;
}
#psdUpload .psdUpload .psdUpload-ques[data-v-56aa9c22] {
  height: 14px;
}
#psdUpload .psdUpload .psdUpload-ques span[data-v-56aa9c22],
#psdUpload .psdUpload .psdUpload-ques a[data-v-56aa9c22] {
  font-size: 14px;
  line-height: 17px;
  color: #9B9B9B;
  /*font-weight: bold;*/
  /*cursor: pointer;*/
  /*&:hover {*/
  /*color: #07AEFC;*/
  /*}*/
}
#psdUpload .psdUpload .psdUpload-again[data-v-56aa9c22] {
  height: 40px;
  width: 207px;
  background: #07AEFC;
  margin: 0 auto;
  cursor: pointer;
}
#psdUpload .psdUpload .psdUpload-again span[data-v-56aa9c22] {
  line-height: 40px;
  color: #FFFFFF;
  font-size: 14px;
}

.modal-mask[data-v-4ec532e6] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-mask .modal__close[data-v-4ec532e6] {
  width: 22px;
  height: 22px;
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 0;
  right: -34px;
}
.dialog-box[data-v-4ec532e6] {
  background-color: #fff;
}
.dialog-box .dialog-title[data-v-4ec532e6] {
  margin-bottom: 40px;
  color: #626262;
  font-size: 24px;
  text-align: center;
}
.dialog-box .dialog-content[data-v-4ec532e6] {
  width: 70%;
  margin: 0 auto;
  color: #626262;
  font-size: 14px;
  text-align: center;
}
.dialog-box .buttons[data-v-4ec532e6] {
  position: absolute;
  bottom: 58px;
  width: 100%;
  text-align: center;
}
.dialog-box .buttons > div[data-v-4ec532e6] {
  display: inline-block;
  width: 163px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background-color: #fff;
  cursor: pointer;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 3px;
}
.dialog-box .buttons .cancel[data-v-4ec532e6] {
  margin-right: 16px;
  color: #9b9b9b;
  border: #d8d8d8 solid 1px;
}
.dialog-box .buttons .ok[data-v-4ec532e6] {
  color: #fff;
  background-color: #07aefc;
}
.dialog-box .buttons .ok[data-v-4ec532e6]:active {
  background-image: linear-gradient(90deg, #5ea2ff, #00e3ff) !important;
}
.dialog-box .buttons .ok[data-v-4ec532e6]:hover {
  opacity: 0.8;
}

.catch-wrap[data-v-494f5fc0] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 440px;
  height: 296px;
  background: #fff;
  border-radius: 6px;
}
.catch-saveerror-top[data-v-494f5fc0] {
  text-align: center;
  margin-top: 14px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.catch-saveerror-top .catch-top-saveerror-img[data-v-494f5fc0] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -474px 0px no-repeat;
  background-size: cover;
}
.catch-saveerror-bottom[data-v-494f5fc0] {
  font-size: 14px;
  text-align: center;
}
.catch-saveerror-bottom .catch-saveerror-save[data-v-494f5fc0] {
  font-weight: bold;
  margin: 8px 0px 16px;
  color: rgba(0, 0, 0, 0.8);
}
.catch-saveerror-bottom .save-saveerror-error[data-v-494f5fc0] {
  margin: 0px 0px 10px;
  color: rgba(0, 0, 0, 0.6);
}
.catch-saveerror-bottom .save-saveerror-error-tip[data-v-494f5fc0] {
  color: rgba(0, 0, 0, 0.6);
  margin: 0px;
}
.catch-saveerror-bottom .save-saveerror-error-tip .catch-cellphone[data-v-494f5fc0] {
  color: #0773FC;
}
.catch-saveerror-bottom .catch-saveerror-fresh[data-v-494f5fc0] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 16px;
  border-radius: 3px;
  text-decoration: none;
}
.catch-commonError-bottom[data-v-494f5fc0] {
  font-size: 14px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
}
.catch-commonError-bottom .catch-commonError-error[data-v-494f5fc0] {
  margin: 0px;
}
.catch-commonError-bottom .save-commonError-error-tip[data-v-494f5fc0] {
  margin: 12px 0px 16px;
}
.catch-commonError-bottom .save-commonError-error-bottom[data-v-494f5fc0] {
  margin: 0px;
}
.catch-commonError-bottom .catch-commonError-fresh[data-v-494f5fc0] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 24px;
  border-radius: 3px;
  text-decoration: none;
}
.catch-top[data-v-494f5fc0] {
  text-align: center;
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.catch-top .catch-top-img[data-v-494f5fc0] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -474px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-forbid-img[data-v-494f5fc0] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-restore-img[data-v-494f5fc0] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-teanerrr-img[data-v-494f5fc0] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-netanomaly-img[data-v-494f5fc0] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -359px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-openmore-img[data-v-494f5fc0] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-saveerror-img[data-v-494f5fc0] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.compatible-top[data-v-494f5fc0] {
  text-align: center;
  padding-top: 30px;
  height: 67px;
}
.font24[data-v-494f5fc0] {
  font-size: 24px;
  font-weight: normal!important;
}
.catch-bottom[data-v-494f5fc0] {
  font-size: 14px;
  text-align: center;
}
.catch-save[data-v-494f5fc0] {
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
  margin: 12px 0px 16px;
}
.catch-fresh[data-v-494f5fc0] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 24px;
  border-radius: 3px;
  text-decoration: none;
}
.save-error[data-v-494f5fc0] {
  margin: 0px;
  color: rgba(0, 0, 0, 0.6);
}
.catch-cellphone[data-v-494f5fc0] {
  color: #0773FC;
}
.w240[data-v-494f5fc0] {
  display: inline-block;
  width: 240px;
  height: 40px;
  line-height: 40px;
  background: #0773FC;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.w240[data-v-494f5fc0]:hover {
  background: linear-gradient(90deg, #5ea2ff, #00e3ff);
}
.w240 .margin10[data-v-494f5fc0] {
  display: inline-block;
  margin-right: 10px;
}
.w240 img[data-v-494f5fc0] {
  vertical-align: middle;
}
.down-wrap[data-v-494f5fc0] {
  width: 640px;
  height: 380px;
  background: #fff;
  margin: 0 auto;
  color: #626262;
}
.down-pc[data-v-494f5fc0] {
  margin: 40px 0;
}
.down-pc img[data-v-494f5fc0] {
  vertical-align: bottom;
}
.down-pc span[data-v-494f5fc0]:nth-child(1) {
  display: inline-block;
  margin-right: 10px;
}
.down-type a[data-v-494f5fc0] {
  display: inline-block;
}
.down-type span[data-v-494f5fc0]:nth-child(1) {
  margin-right: 20px;
}
.open-design[data-v-494f5fc0] {
  margin-bottom: 15px;
}

.catch-wrap[data-v-0c1b44ea] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 440px;
  height: 296px;
  background: #fff;
  border-radius: 6px;
}
.catch-saveerror-top[data-v-0c1b44ea] {
  text-align: center;
  margin-top: 14px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.catch-saveerror-top .catch-top-saveerror-img[data-v-0c1b44ea] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -474px 0px no-repeat;
  background-size: cover;
}
.catch-saveerror-bottom[data-v-0c1b44ea] {
  font-size: 14px;
  text-align: center;
}
.catch-saveerror-bottom .catch-saveerror-save[data-v-0c1b44ea] {
  font-weight: bold;
  margin: 8px 0px 16px;
  color: rgba(0, 0, 0, 0.8);
}
.catch-saveerror-bottom .save-saveerror-error[data-v-0c1b44ea] {
  margin: 0px 0px 10px;
  color: rgba(0, 0, 0, 0.6);
}
.catch-saveerror-bottom .save-saveerror-error-tip[data-v-0c1b44ea] {
  color: rgba(0, 0, 0, 0.6);
  margin: 0px;
}
.catch-saveerror-bottom .save-saveerror-error-tip .catch-cellphone[data-v-0c1b44ea] {
  color: #0773FC;
}
.catch-saveerror-bottom .catch-saveerror-fresh[data-v-0c1b44ea] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 16px;
  border-radius: 3px;
  text-decoration: none;
}
.catch-commonError-bottom[data-v-0c1b44ea] {
  font-size: 14px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
}
.catch-commonError-bottom .catch-commonError-error[data-v-0c1b44ea] {
  margin: 0px;
}
.catch-commonError-bottom .save-commonError-error-tip[data-v-0c1b44ea] {
  margin: 12px 0px 16px;
}
.catch-commonError-bottom .save-commonError-error-bottom[data-v-0c1b44ea] {
  margin: 0px;
}
.catch-commonError-bottom .catch-commonError-fresh[data-v-0c1b44ea] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 24px;
  border-radius: 3px;
  text-decoration: none;
}
.catch-top[data-v-0c1b44ea] {
  text-align: center;
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.catch-top .catch-top-img[data-v-0c1b44ea] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -474px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-forbid-img[data-v-0c1b44ea] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-restore-img[data-v-0c1b44ea] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-teanerrr-img[data-v-0c1b44ea] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-netanomaly-img[data-v-0c1b44ea] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -359px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-openmore-img[data-v-0c1b44ea] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-saveerror-img[data-v-0c1b44ea] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.compatible-top[data-v-0c1b44ea] {
  text-align: center;
  padding-top: 30px;
  height: 67px;
}
.font24[data-v-0c1b44ea] {
  font-size: 24px;
  font-weight: normal!important;
}
.catch-bottom[data-v-0c1b44ea] {
  font-size: 14px;
  text-align: center;
}
.catch-save[data-v-0c1b44ea] {
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
  margin: 12px 0px 16px;
}
.catch-fresh[data-v-0c1b44ea] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 24px;
  border-radius: 3px;
  text-decoration: none;
}
.save-error[data-v-0c1b44ea] {
  margin: 0px;
  color: rgba(0, 0, 0, 0.6);
}
.catch-cellphone[data-v-0c1b44ea] {
  color: #0773FC;
}
.w240[data-v-0c1b44ea] {
  display: inline-block;
  width: 240px;
  height: 40px;
  line-height: 40px;
  background: #0773FC;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.w240[data-v-0c1b44ea]:hover {
  background: linear-gradient(90deg, #5ea2ff, #00e3ff);
}
.w240 .margin10[data-v-0c1b44ea] {
  display: inline-block;
  margin-right: 10px;
}
.w240 img[data-v-0c1b44ea] {
  vertical-align: middle;
}
.down-wrap[data-v-0c1b44ea] {
  width: 640px;
  height: 380px;
  background: #fff;
  margin: 0 auto;
  color: #626262;
}
.down-pc[data-v-0c1b44ea] {
  margin: 40px 0;
}
.down-pc img[data-v-0c1b44ea] {
  vertical-align: bottom;
}
.down-pc span[data-v-0c1b44ea]:nth-child(1) {
  display: inline-block;
  margin-right: 10px;
}
.down-type a[data-v-0c1b44ea] {
  display: inline-block;
}
.down-type span[data-v-0c1b44ea]:nth-child(1) {
  margin-right: 20px;
}
.open-design[data-v-0c1b44ea] {
  margin-bottom: 15px;
}

.catch-wrap[data-v-7ade045a] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 440px;
  height: 296px;
  background: #fff;
  border-radius: 6px;
}
.catch-saveerror-top[data-v-7ade045a] {
  text-align: center;
  margin-top: 14px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.catch-saveerror-top .catch-top-saveerror-img[data-v-7ade045a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -474px 0px no-repeat;
  background-size: cover;
}
.catch-saveerror-bottom[data-v-7ade045a] {
  font-size: 14px;
  text-align: center;
}
.catch-saveerror-bottom .catch-saveerror-save[data-v-7ade045a] {
  font-weight: bold;
  margin: 8px 0px 16px;
  color: rgba(0, 0, 0, 0.8);
}
.catch-saveerror-bottom .save-saveerror-error[data-v-7ade045a] {
  margin: 0px 0px 10px;
  color: rgba(0, 0, 0, 0.6);
}
.catch-saveerror-bottom .save-saveerror-error-tip[data-v-7ade045a] {
  color: rgba(0, 0, 0, 0.6);
  margin: 0px;
}
.catch-saveerror-bottom .save-saveerror-error-tip .catch-cellphone[data-v-7ade045a] {
  color: #0773FC;
}
.catch-saveerror-bottom .catch-saveerror-fresh[data-v-7ade045a] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 16px;
  border-radius: 3px;
  text-decoration: none;
}
.catch-commonError-bottom[data-v-7ade045a] {
  font-size: 14px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
}
.catch-commonError-bottom .catch-commonError-error[data-v-7ade045a] {
  margin: 0px;
}
.catch-commonError-bottom .save-commonError-error-tip[data-v-7ade045a] {
  margin: 12px 0px 16px;
}
.catch-commonError-bottom .save-commonError-error-bottom[data-v-7ade045a] {
  margin: 0px;
}
.catch-commonError-bottom .catch-commonError-fresh[data-v-7ade045a] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 24px;
  border-radius: 3px;
  text-decoration: none;
}
.catch-top[data-v-7ade045a] {
  text-align: center;
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.catch-top .catch-top-img[data-v-7ade045a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -474px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-forbid-img[data-v-7ade045a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-restore-img[data-v-7ade045a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-teanerrr-img[data-v-7ade045a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-netanomaly-img[data-v-7ade045a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -359px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-openmore-img[data-v-7ade045a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-saveerror-img[data-v-7ade045a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.compatible-top[data-v-7ade045a] {
  text-align: center;
  padding-top: 30px;
  height: 67px;
}
.font24[data-v-7ade045a] {
  font-size: 24px;
  font-weight: normal!important;
}
.catch-bottom[data-v-7ade045a] {
  font-size: 14px;
  text-align: center;
}
.catch-save[data-v-7ade045a] {
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
  margin: 12px 0px 16px;
}
.catch-fresh[data-v-7ade045a] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 24px;
  border-radius: 3px;
  text-decoration: none;
}
.save-error[data-v-7ade045a] {
  margin: 0px;
  color: rgba(0, 0, 0, 0.6);
}
.catch-cellphone[data-v-7ade045a] {
  color: #0773FC;
}
.w240[data-v-7ade045a] {
  display: inline-block;
  width: 240px;
  height: 40px;
  line-height: 40px;
  background: #0773FC;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.w240[data-v-7ade045a]:hover {
  background: linear-gradient(90deg, #5ea2ff, #00e3ff);
}
.w240 .margin10[data-v-7ade045a] {
  display: inline-block;
  margin-right: 10px;
}
.w240 img[data-v-7ade045a] {
  vertical-align: middle;
}
.down-wrap[data-v-7ade045a] {
  width: 640px;
  height: 380px;
  background: #fff;
  margin: 0 auto;
  color: #626262;
}
.down-pc[data-v-7ade045a] {
  margin: 40px 0;
}
.down-pc img[data-v-7ade045a] {
  vertical-align: bottom;
}
.down-pc span[data-v-7ade045a]:nth-child(1) {
  display: inline-block;
  margin-right: 10px;
}
.down-type a[data-v-7ade045a] {
  display: inline-block;
}
.down-type span[data-v-7ade045a]:nth-child(1) {
  margin-right: 20px;
}
.open-design[data-v-7ade045a] {
  margin-bottom: 15px;
}

.get-free-vip[data-v-065cf6af] {
  text-align: center;
  width: 80px;
  height: 30px;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
}
.get-free-vip a[data-v-065cf6af] {
  position: relative;
  color: #4A4A4A;
  font-size: 12px;
}
.get-free-vip a[data-v-065cf6af]:after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -2px;
  left: 0px;
  background-color: #000000;
}
.get-free-vip a[data-v-065cf6af]:hover {
  color: #07aefc;
}
.get-free-vip a[data-v-065cf6af]:hover::after {
  background-color: #07AEFC;
}
.vip-pop-right[data-v-065cf6af] {
  float: right;
  width: 274px;
  padding-top: 34px;
  background-image: url(../svg/vip_pop_right_header_bg.png?5c060ec7842a6d5019ec7f35439bbe8f);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
}
.vip-pop-right > p[data-v-065cf6af] {
  padding-left: 30px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
}
.vip-pop-right .hr[data-v-065cf6af] {
  height: 1px;
  margin-top: 10px;
  background: rgba(0, 0, 0, 0.12);
}
.vip-pop-right .promotion__list[data-v-065cf6af] {
  text-align: left;
  padding-top: 10px;
}
.vip-pop-right .promotion__item[data-v-065cf6af] {
  padding-left: 30px;
  margin-bottom: 10px;
}
.vip-pop-right .promotion__item .item__left[data-v-065cf6af] {
  display: inline-block;
  width: 34px;
  height: 34px;
}
.vip-pop-right .promotion__item .item__left img[data-v-065cf6af] {
  width: 100%;
}
.vip-pop-right .promotion__item .item__right[data-v-065cf6af] {
  display: inline-block;
  margin-left: 12px;
  color: #9B9B9B;
}
.vip-pop-right .promotion__item .item__right p[data-v-065cf6af]:nth-child(1) {
  margin-bottom: 6px;
  color: #494949;
}
.vip-pop-right .promotion__item .item__right p[data-v-065cf6af]:nth-child(2) {
  font-size: 13px;
}
.vip-pop-right .upgrade-btn[data-v-065cf6af] {
  display: block;
  width: 163px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  background-color: #07AEFC;
  margin: 24px auto 0;
  cursor: pointer;
}
.vip-pop-right .upgrade-btn span[data-v-065cf6af] {
  display: inline-block;
  vertical-align: middle;
}
.vip-pop-right .upgrade-btn .icon[data-v-065cf6af] {
  vertical-align: middle;
  background-image: url(../svg/v.png?73d83ef1403fa6fbcfd8ad5d9a90b5d8);
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 8px;
}
.vip-pop-right .upgrade-btn[data-v-065cf6af]:hover {
  background-color: #50c6fc;
}

.member-wrap[data-v-29941157] {
  width: 640px;
  height: 420px;
  background: #fff;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.qrcode-page[data-v-29941157] {
  position: relative;
  padding-top: 52px;
  text-align: center;
}
.qrcode-page .return-icon[data-v-29941157] {
  position: absolute;
  top: 16px;
  left: 16px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(../svg/icon_vip_upgrade_return.svg?55bc238a013d28ddb23fa35d1f4b96cf);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.qrcode-page .qrcode-bg[data-v-29941157] {
  display: flex;
  width: 228px;
  height: 228px;
  margin: auto;
  background-image: url(../svg/vip_upgrade_qrcode_bg.svg?af8f5ddf8a73aeade7d20a4dbfb01ad0);
  background-size: 100%;
}
.qrcode-page .pay-tip[data-v-29941157] {
  margin: 16px 0;
  font-size: 14px;
  color: #626262;
}
.qrcode-page .pay-way img[data-v-29941157] {
  width: 32px;
}
.content-left[data-v-29941157] {
  float: left;
  width: 366px;
  padding-top: 112px;
  padding-left: 80px;
  box-sizing: border-box;
  background-image: url(../svg/vip_pop_left_header_bg.png?aa020a4aa619eca61b90cbdbd9b0545b);
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
}
.content-left .member-icon[data-v-29941157] {
  display: inline-block;
  width: 90px;
  height: 90px;
  vertical-align: top;
  background-image: url(../svg/membercup.svg?c43fcd6fe6587f8e3b51bd82c6051551);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 16px;
}
.content-left .price-info[data-v-29941157] {
  vertical-align: top;
  display: inline-block;
}
.content-left .price-info .title[data-v-29941157] {
  font-size: 24px;
  color: #494949;
}
.content-left .price-info .member-version[data-v-29941157] {
  margin: 12px 0 6px;
}
.content-left .price-info .member-version p[data-v-29941157]:nth-child(1) {
  font-weight: bold;
  color: #494949;
}
.content-left .price-info .member-version p[data-v-29941157]:nth-child(2) {
  font-size: 12px;
  color: #494949;
}
.content-left .price-info .member-version p:nth-child(2) span[data-v-29941157] {
  color: #07aefc;
}
.content-left .price-info .member-version p:nth-child(2) span span[data-v-29941157] {
  font-size: 24px;
}
.content-left .price-info .tips[data-v-29941157] {
  font-size: 12px;
  margin-top: 14px;
}
.content-left .price-info .tips span[data-v-29941157] {
  display: inline-block;
  padding: 2px 4px;
  color: #fff;
  background-color: #BFBFBF;
  margin-bottom: 4px;
}
.clearfix[data-v-29941157]:before,
.clearfix[data-v-29941157]:after {
  display: table;
  content: " ";
}
.clearfix[data-v-29941157]:after {
  clear: both;
}
.clearfix[data-v-29941157] {
  *zoom: 1;
}

.member-wrap[data-v-aaa890fe] {
  width: 640px;
  height: 420px;
  background: #fff;
}
.member-top[data-v-aaa890fe] {
  width: 100%;
  height: 133px;
  padding-top: 30px;
  box-sizing: border-box;
  background-image: url(../svg/member.svg?bfa46fe70c24b749bf90c53f3133e0ad);
  background-position: -18px;
}
.member-top span[data-v-aaa890fe]:nth-child(2) {
  display: inline-block;
  color: #fff;
  font-size: 24px;
  cursor: default;
}
.member-top span[data-v-aaa890fe]:nth-child(1) {
  display: inline-block;
  background-image: url(../svg/membercup.svg?c43fcd6fe6587f8e3b51bd82c6051551);
  width: 60px;
  height: 60px;
  vertical-align: middle;
  margin: 0 40px 0  30px;
}
.member-middle[data-v-aaa890fe] {
  height: 192px;
  cursor: default;
}
.member-middle .member-hasDone[data-v-aaa890fe] {
  text-align: center;
  color: #626262;
  font-size: 16PX;
  margin: 27px 0 30px 0;
}
.member-middle div[data-v-aaa890fe] {
  margin: 0 auto;
  width: 390px;
  height: 40px;
  color: #626262;
  font-size: 14px;
  line-height: 16px;
}
.member-middle .member-on[data-v-aaa890fe] {
  background-image: url(../svg/off.png?ff5bbe0114841d11920d559ee171e623);
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 18px;
}
.member-middle .member-warn[data-v-aaa890fe] {
  margin: 15px 0 0 125px;
  color: #9b9b9b;
  font-size: 14px;
  cursor: default;
}
.design-send[data-v-aaa890fe] {
  width: 163px;
  height: 38px;
  display: inline-block;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  margin-left: 75px;
  cursor: pointer;
}
.member-foot[data-v-aaa890fe] {
  margin-top: -32px;
  margin-left: 50px;
}
.charge-later[data-v-aaa890fe] {
  background: #fff;
  border: 1px solid #9b9b9b;
  color: #626262;
}
.charge-later[data-v-aaa890fe]:hover {
  border: 1px solid #07AEFC;
}
.charge-intime[data-v-aaa890fe] {
  background: #07aefc;
  color: #fff;
}
.charge-intime[data-v-aaa890fe]:hover {
  opacity: 0.8;
}
.design-v[data-v-aaa890fe] {
  vertical-align: middle;
  background-image: url(../svg/v.png?73d83ef1403fa6fbcfd8ad5d9a90b5d8);
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 8px;
}

.image-enter-active[data-v-63daebae] {
  transform: translateX(0);
  transition: all 1.5s ease;
}
.image-leave-active[data-v-63daebae] {
  transform: translateX(-100%);
  transition: all 1.5s ease;
}
.image-enter[data-v-63daebae] {
  transform: translateX(100%);
}
.image-leave[data-v-63daebae] {
  transform: translateX(0);
}
.clearfix[data-v-63daebae]:before,
.clearfix[data-v-63daebae]:after {
  display: table;
  content: " ";
}
.clearfix[data-v-63daebae]:after {
  clear: both;
}
.clearfix[data-v-63daebae] {
  *zoom: 1;
}
.fl[data-v-63daebae] {
  float: left;
}
.fr[data-v-63daebae] {
  float: right;
}
.pop-wrap[data-v-63daebae] {
  width: 884px;
  height: 420px;
  background-color: #fff;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.pop-left[data-v-63daebae] {
  position: relative;
  width: 610px;
  height: 100%;
  background: #f0f0f0;
}
.img-show[data-v-63daebae] {
  width: 510px;
  height: 100%;
  position: relative;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 0;
  margin: auto;
  overflow: hidden;
}
.img-show ul[data-v-63daebae] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
  transition: left 0.4s ease;
}
.img-show img[data-v-63daebae] {
  width: 510px;
  height: 280px;
}
.img-show li[data-v-63daebae] {
  float: left;
  margin-right: 50px;
  background-position: center;
  background-size: contain;
  width: 510px;
  height: 280px;
  background-repeat: no-repeat;
}
.left-arrow[data-v-63daebae] {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 10px;
  cursor: pointer;
}
.right-arrow[data-v-63daebae] {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 10px;
  cursor: pointer;
}
.single-page[data-v-63daebae] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 560px;
  height: 90%;
  margin: 0 auto;
}
.single-page li[data-v-63daebae] {
  width: 100%;
  height: 100%;
}
.single-page img[data-v-63daebae] {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
}

.catch-wrap[data-v-44f8a50a] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 440px;
  height: 296px;
  background: #fff;
  border-radius: 6px;
}
.catch-saveerror-top[data-v-44f8a50a] {
  text-align: center;
  margin-top: 14px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.catch-saveerror-top .catch-top-saveerror-img[data-v-44f8a50a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -474px 0px no-repeat;
  background-size: cover;
}
.catch-saveerror-bottom[data-v-44f8a50a] {
  font-size: 14px;
  text-align: center;
}
.catch-saveerror-bottom .catch-saveerror-save[data-v-44f8a50a] {
  font-weight: bold;
  margin: 8px 0px 16px;
  color: rgba(0, 0, 0, 0.8);
}
.catch-saveerror-bottom .save-saveerror-error[data-v-44f8a50a] {
  margin: 0px 0px 10px;
  color: rgba(0, 0, 0, 0.6);
}
.catch-saveerror-bottom .save-saveerror-error-tip[data-v-44f8a50a] {
  color: rgba(0, 0, 0, 0.6);
  margin: 0px;
}
.catch-saveerror-bottom .save-saveerror-error-tip .catch-cellphone[data-v-44f8a50a] {
  color: #0773FC;
}
.catch-saveerror-bottom .catch-saveerror-fresh[data-v-44f8a50a] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 16px;
  border-radius: 3px;
  text-decoration: none;
}
.catch-commonError-bottom[data-v-44f8a50a] {
  font-size: 14px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
}
.catch-commonError-bottom .catch-commonError-error[data-v-44f8a50a] {
  margin: 0px;
}
.catch-commonError-bottom .save-commonError-error-tip[data-v-44f8a50a] {
  margin: 12px 0px 16px;
}
.catch-commonError-bottom .save-commonError-error-bottom[data-v-44f8a50a] {
  margin: 0px;
}
.catch-commonError-bottom .catch-commonError-fresh[data-v-44f8a50a] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 24px;
  border-radius: 3px;
  text-decoration: none;
}
.catch-top[data-v-44f8a50a] {
  text-align: center;
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.catch-top .catch-top-img[data-v-44f8a50a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -474px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-forbid-img[data-v-44f8a50a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-restore-img[data-v-44f8a50a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-teanerrr-img[data-v-44f8a50a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-netanomaly-img[data-v-44f8a50a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -359px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-openmore-img[data-v-44f8a50a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-saveerror-img[data-v-44f8a50a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.compatible-top[data-v-44f8a50a] {
  text-align: center;
  padding-top: 30px;
  height: 67px;
}
.font24[data-v-44f8a50a] {
  font-size: 24px;
  font-weight: normal!important;
}
.catch-bottom[data-v-44f8a50a] {
  font-size: 14px;
  text-align: center;
}
.catch-save[data-v-44f8a50a] {
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
  margin: 12px 0px 16px;
}
.catch-fresh[data-v-44f8a50a] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 24px;
  border-radius: 3px;
  text-decoration: none;
}
.save-error[data-v-44f8a50a] {
  margin: 0px;
  color: rgba(0, 0, 0, 0.6);
}
.catch-cellphone[data-v-44f8a50a] {
  color: #0773FC;
}
.w240[data-v-44f8a50a] {
  display: inline-block;
  width: 240px;
  height: 40px;
  line-height: 40px;
  background: #0773FC;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.w240[data-v-44f8a50a]:hover {
  background: linear-gradient(90deg, #5ea2ff, #00e3ff);
}
.w240 .margin10[data-v-44f8a50a] {
  display: inline-block;
  margin-right: 10px;
}
.w240 img[data-v-44f8a50a] {
  vertical-align: middle;
}
.down-wrap[data-v-44f8a50a] {
  width: 640px;
  height: 380px;
  background: #fff;
  margin: 0 auto;
  color: #626262;
}
.down-pc[data-v-44f8a50a] {
  margin: 40px 0;
}
.down-pc img[data-v-44f8a50a] {
  vertical-align: bottom;
}
.down-pc span[data-v-44f8a50a]:nth-child(1) {
  display: inline-block;
  margin-right: 10px;
}
.down-type a[data-v-44f8a50a] {
  display: inline-block;
}
.down-type span[data-v-44f8a50a]:nth-child(1) {
  margin-right: 20px;
}
.open-design[data-v-44f8a50a] {
  margin-bottom: 15px;
}

.catch-wrap[data-v-342dcff5] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 440px;
  height: 296px;
  background: #fff;
  border-radius: 6px;
}
.catch-saveerror-top[data-v-342dcff5] {
  text-align: center;
  margin-top: 14px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.catch-saveerror-top .catch-top-saveerror-img[data-v-342dcff5] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -474px 0px no-repeat;
  background-size: cover;
}
.catch-saveerror-bottom[data-v-342dcff5] {
  font-size: 14px;
  text-align: center;
}
.catch-saveerror-bottom .catch-saveerror-save[data-v-342dcff5] {
  font-weight: bold;
  margin: 8px 0px 16px;
  color: rgba(0, 0, 0, 0.8);
}
.catch-saveerror-bottom .save-saveerror-error[data-v-342dcff5] {
  margin: 0px 0px 10px;
  color: rgba(0, 0, 0, 0.6);
}
.catch-saveerror-bottom .save-saveerror-error-tip[data-v-342dcff5] {
  color: rgba(0, 0, 0, 0.6);
  margin: 0px;
}
.catch-saveerror-bottom .save-saveerror-error-tip .catch-cellphone[data-v-342dcff5] {
  color: #0773FC;
}
.catch-saveerror-bottom .catch-saveerror-fresh[data-v-342dcff5] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 16px;
  border-radius: 3px;
  text-decoration: none;
}
.catch-commonError-bottom[data-v-342dcff5] {
  font-size: 14px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
}
.catch-commonError-bottom .catch-commonError-error[data-v-342dcff5] {
  margin: 0px;
}
.catch-commonError-bottom .save-commonError-error-tip[data-v-342dcff5] {
  margin: 12px 0px 16px;
}
.catch-commonError-bottom .save-commonError-error-bottom[data-v-342dcff5] {
  margin: 0px;
}
.catch-commonError-bottom .catch-commonError-fresh[data-v-342dcff5] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 24px;
  border-radius: 3px;
  text-decoration: none;
}
.catch-top[data-v-342dcff5] {
  text-align: center;
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.catch-top .catch-top-img[data-v-342dcff5] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -474px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-forbid-img[data-v-342dcff5] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-restore-img[data-v-342dcff5] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-teanerrr-img[data-v-342dcff5] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-netanomaly-img[data-v-342dcff5] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -359px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-openmore-img[data-v-342dcff5] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-saveerror-img[data-v-342dcff5] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.compatible-top[data-v-342dcff5] {
  text-align: center;
  padding-top: 30px;
  height: 67px;
}
.font24[data-v-342dcff5] {
  font-size: 24px;
  font-weight: normal!important;
}
.catch-bottom[data-v-342dcff5] {
  font-size: 14px;
  text-align: center;
}
.catch-save[data-v-342dcff5] {
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
  margin: 12px 0px 16px;
}
.catch-fresh[data-v-342dcff5] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 24px;
  border-radius: 3px;
  text-decoration: none;
}
.save-error[data-v-342dcff5] {
  margin: 0px;
  color: rgba(0, 0, 0, 0.6);
}
.catch-cellphone[data-v-342dcff5] {
  color: #0773FC;
}
.w240[data-v-342dcff5] {
  display: inline-block;
  width: 240px;
  height: 40px;
  line-height: 40px;
  background: #0773FC;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.w240[data-v-342dcff5]:hover {
  background: linear-gradient(90deg, #5ea2ff, #00e3ff);
}
.w240 .margin10[data-v-342dcff5] {
  display: inline-block;
  margin-right: 10px;
}
.w240 img[data-v-342dcff5] {
  vertical-align: middle;
}
.down-wrap[data-v-342dcff5] {
  width: 640px;
  height: 380px;
  background: #fff;
  margin: 0 auto;
  color: #626262;
}
.down-pc[data-v-342dcff5] {
  margin: 40px 0;
}
.down-pc img[data-v-342dcff5] {
  vertical-align: bottom;
}
.down-pc span[data-v-342dcff5]:nth-child(1) {
  display: inline-block;
  margin-right: 10px;
}
.down-type a[data-v-342dcff5] {
  display: inline-block;
}
.down-type span[data-v-342dcff5]:nth-child(1) {
  margin-right: 20px;
}
.open-design[data-v-342dcff5] {
  margin-bottom: 15px;
}

.catch-wrap[data-v-3351ad01] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 440px;
  height: 296px;
  background: #fff;
  border-radius: 6px;
}
.catch-saveerror-top[data-v-3351ad01] {
  text-align: center;
  margin-top: 14px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.catch-saveerror-top .catch-top-saveerror-img[data-v-3351ad01] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -474px 0px no-repeat;
  background-size: cover;
}
.catch-saveerror-bottom[data-v-3351ad01] {
  font-size: 14px;
  text-align: center;
}
.catch-saveerror-bottom .catch-saveerror-save[data-v-3351ad01] {
  font-weight: bold;
  margin: 8px 0px 16px;
  color: rgba(0, 0, 0, 0.8);
}
.catch-saveerror-bottom .save-saveerror-error[data-v-3351ad01] {
  margin: 0px 0px 10px;
  color: rgba(0, 0, 0, 0.6);
}
.catch-saveerror-bottom .save-saveerror-error-tip[data-v-3351ad01] {
  color: rgba(0, 0, 0, 0.6);
  margin: 0px;
}
.catch-saveerror-bottom .save-saveerror-error-tip .catch-cellphone[data-v-3351ad01] {
  color: #0773FC;
}
.catch-saveerror-bottom .catch-saveerror-fresh[data-v-3351ad01] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 16px;
  border-radius: 3px;
  text-decoration: none;
}
.catch-commonError-bottom[data-v-3351ad01] {
  font-size: 14px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
}
.catch-commonError-bottom .catch-commonError-error[data-v-3351ad01] {
  margin: 0px;
}
.catch-commonError-bottom .save-commonError-error-tip[data-v-3351ad01] {
  margin: 12px 0px 16px;
}
.catch-commonError-bottom .save-commonError-error-bottom[data-v-3351ad01] {
  margin: 0px;
}
.catch-commonError-bottom .catch-commonError-fresh[data-v-3351ad01] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 24px;
  border-radius: 3px;
  text-decoration: none;
}
.catch-top[data-v-3351ad01] {
  text-align: center;
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.catch-top .catch-top-img[data-v-3351ad01] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -474px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-forbid-img[data-v-3351ad01] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-restore-img[data-v-3351ad01] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-teanerrr-img[data-v-3351ad01] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-netanomaly-img[data-v-3351ad01] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -359px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-openmore-img[data-v-3351ad01] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-saveerror-img[data-v-3351ad01] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.compatible-top[data-v-3351ad01] {
  text-align: center;
  padding-top: 30px;
  height: 67px;
}
.font24[data-v-3351ad01] {
  font-size: 24px;
  font-weight: normal!important;
}
.catch-bottom[data-v-3351ad01] {
  font-size: 14px;
  text-align: center;
}
.catch-save[data-v-3351ad01] {
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
  margin: 12px 0px 16px;
}
.catch-fresh[data-v-3351ad01] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 24px;
  border-radius: 3px;
  text-decoration: none;
}
.save-error[data-v-3351ad01] {
  margin: 0px;
  color: rgba(0, 0, 0, 0.6);
}
.catch-cellphone[data-v-3351ad01] {
  color: #0773FC;
}
.w240[data-v-3351ad01] {
  display: inline-block;
  width: 240px;
  height: 40px;
  line-height: 40px;
  background: #0773FC;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.w240[data-v-3351ad01]:hover {
  background: linear-gradient(90deg, #5ea2ff, #00e3ff);
}
.w240 .margin10[data-v-3351ad01] {
  display: inline-block;
  margin-right: 10px;
}
.w240 img[data-v-3351ad01] {
  vertical-align: middle;
}
.down-wrap[data-v-3351ad01] {
  width: 640px;
  height: 380px;
  background: #fff;
  margin: 0 auto;
  color: #626262;
}
.down-pc[data-v-3351ad01] {
  margin: 40px 0;
}
.down-pc img[data-v-3351ad01] {
  vertical-align: bottom;
}
.down-pc span[data-v-3351ad01]:nth-child(1) {
  display: inline-block;
  margin-right: 10px;
}
.down-type a[data-v-3351ad01] {
  display: inline-block;
}
.down-type span[data-v-3351ad01]:nth-child(1) {
  margin-right: 20px;
}
.open-design[data-v-3351ad01] {
  margin-bottom: 15px;
}

.catch-wrap[data-v-d64cb2d6] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 440px;
  height: 296px;
  background: #fff;
  border-radius: 6px;
}
.catch-saveerror-top[data-v-d64cb2d6] {
  text-align: center;
  margin-top: 14px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.catch-saveerror-top .catch-top-saveerror-img[data-v-d64cb2d6] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -474px 0px no-repeat;
  background-size: cover;
}
.catch-saveerror-bottom[data-v-d64cb2d6] {
  font-size: 14px;
  text-align: center;
}
.catch-saveerror-bottom .catch-saveerror-save[data-v-d64cb2d6] {
  font-weight: bold;
  margin: 8px 0px 16px;
  color: rgba(0, 0, 0, 0.8);
}
.catch-saveerror-bottom .save-saveerror-error[data-v-d64cb2d6] {
  margin: 0px 0px 10px;
  color: rgba(0, 0, 0, 0.6);
}
.catch-saveerror-bottom .save-saveerror-error-tip[data-v-d64cb2d6] {
  color: rgba(0, 0, 0, 0.6);
  margin: 0px;
}
.catch-saveerror-bottom .save-saveerror-error-tip .catch-cellphone[data-v-d64cb2d6] {
  color: #0773FC;
}
.catch-saveerror-bottom .catch-saveerror-fresh[data-v-d64cb2d6] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 16px;
  border-radius: 3px;
  text-decoration: none;
}
.catch-commonError-bottom[data-v-d64cb2d6] {
  font-size: 14px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
}
.catch-commonError-bottom .catch-commonError-error[data-v-d64cb2d6] {
  margin: 0px;
}
.catch-commonError-bottom .save-commonError-error-tip[data-v-d64cb2d6] {
  margin: 12px 0px 16px;
}
.catch-commonError-bottom .save-commonError-error-bottom[data-v-d64cb2d6] {
  margin: 0px;
}
.catch-commonError-bottom .catch-commonError-fresh[data-v-d64cb2d6] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 24px;
  border-radius: 3px;
  text-decoration: none;
}
.catch-top[data-v-d64cb2d6] {
  text-align: center;
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.catch-top .catch-top-img[data-v-d64cb2d6] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -474px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-forbid-img[data-v-d64cb2d6] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-restore-img[data-v-d64cb2d6] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-teanerrr-img[data-v-d64cb2d6] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-netanomaly-img[data-v-d64cb2d6] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -359px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-openmore-img[data-v-d64cb2d6] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-saveerror-img[data-v-d64cb2d6] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.compatible-top[data-v-d64cb2d6] {
  text-align: center;
  padding-top: 30px;
  height: 67px;
}
.font24[data-v-d64cb2d6] {
  font-size: 24px;
  font-weight: normal!important;
}
.catch-bottom[data-v-d64cb2d6] {
  font-size: 14px;
  text-align: center;
}
.catch-save[data-v-d64cb2d6] {
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
  margin: 12px 0px 16px;
}
.catch-fresh[data-v-d64cb2d6] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 24px;
  border-radius: 3px;
  text-decoration: none;
}
.save-error[data-v-d64cb2d6] {
  margin: 0px;
  color: rgba(0, 0, 0, 0.6);
}
.catch-cellphone[data-v-d64cb2d6] {
  color: #0773FC;
}
.w240[data-v-d64cb2d6] {
  display: inline-block;
  width: 240px;
  height: 40px;
  line-height: 40px;
  background: #0773FC;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.w240[data-v-d64cb2d6]:hover {
  background: linear-gradient(90deg, #5ea2ff, #00e3ff);
}
.w240 .margin10[data-v-d64cb2d6] {
  display: inline-block;
  margin-right: 10px;
}
.w240 img[data-v-d64cb2d6] {
  vertical-align: middle;
}
.down-wrap[data-v-d64cb2d6] {
  width: 640px;
  height: 380px;
  background: #fff;
  margin: 0 auto;
  color: #626262;
}
.down-pc[data-v-d64cb2d6] {
  margin: 40px 0;
}
.down-pc img[data-v-d64cb2d6] {
  vertical-align: bottom;
}
.down-pc span[data-v-d64cb2d6]:nth-child(1) {
  display: inline-block;
  margin-right: 10px;
}
.down-type a[data-v-d64cb2d6] {
  display: inline-block;
}
.down-type span[data-v-d64cb2d6]:nth-child(1) {
  margin-right: 20px;
}
.open-design[data-v-d64cb2d6] {
  margin-bottom: 15px;
}

.catch-wrap[data-v-3557130a] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 440px;
  height: 296px;
  background: #fff;
  border-radius: 6px;
}
.catch-saveerror-top[data-v-3557130a] {
  text-align: center;
  margin-top: 14px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.catch-saveerror-top .catch-top-saveerror-img[data-v-3557130a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -474px 0px no-repeat;
  background-size: cover;
}
.catch-saveerror-bottom[data-v-3557130a] {
  font-size: 14px;
  text-align: center;
}
.catch-saveerror-bottom .catch-saveerror-save[data-v-3557130a] {
  font-weight: bold;
  margin: 8px 0px 16px;
  color: rgba(0, 0, 0, 0.8);
}
.catch-saveerror-bottom .save-saveerror-error[data-v-3557130a] {
  margin: 0px 0px 10px;
  color: rgba(0, 0, 0, 0.6);
}
.catch-saveerror-bottom .save-saveerror-error-tip[data-v-3557130a] {
  color: rgba(0, 0, 0, 0.6);
  margin: 0px;
}
.catch-saveerror-bottom .save-saveerror-error-tip .catch-cellphone[data-v-3557130a] {
  color: #0773FC;
}
.catch-saveerror-bottom .catch-saveerror-fresh[data-v-3557130a] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 16px;
  border-radius: 3px;
  text-decoration: none;
}
.catch-commonError-bottom[data-v-3557130a] {
  font-size: 14px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
}
.catch-commonError-bottom .catch-commonError-error[data-v-3557130a] {
  margin: 0px;
}
.catch-commonError-bottom .save-commonError-error-tip[data-v-3557130a] {
  margin: 12px 0px 16px;
}
.catch-commonError-bottom .save-commonError-error-bottom[data-v-3557130a] {
  margin: 0px;
}
.catch-commonError-bottom .catch-commonError-fresh[data-v-3557130a] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 24px;
  border-radius: 3px;
  text-decoration: none;
}
.catch-top[data-v-3557130a] {
  text-align: center;
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.catch-top .catch-top-img[data-v-3557130a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -474px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-forbid-img[data-v-3557130a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-restore-img[data-v-3557130a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-teanerrr-img[data-v-3557130a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-netanomaly-img[data-v-3557130a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -359px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-openmore-img[data-v-3557130a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.catch-top .catch-top-saveerror-img[data-v-3557130a] {
  width: 120px;
  height: 120px;
  background: url(../svg/Blank-Collection.svg?3957071988d3d7882b5140cbd52f53dc) -236px 0px no-repeat;
  background-size: cover;
}
.compatible-top[data-v-3557130a] {
  text-align: center;
  padding-top: 30px;
  height: 67px;
}
.font24[data-v-3557130a] {
  font-size: 24px;
  font-weight: normal!important;
}
.catch-bottom[data-v-3557130a] {
  font-size: 14px;
  text-align: center;
}
.catch-save[data-v-3557130a] {
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
  margin: 12px 0px 16px;
}
.catch-fresh[data-v-3557130a] {
  width: 168px;
  height: 34px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  background: #0773FC;
  color: #fff;
  margin-top: 24px;
  border-radius: 3px;
  text-decoration: none;
}
.save-error[data-v-3557130a] {
  margin: 0px;
  color: rgba(0, 0, 0, 0.6);
}
.catch-cellphone[data-v-3557130a] {
  color: #0773FC;
}
.w240[data-v-3557130a] {
  display: inline-block;
  width: 240px;
  height: 40px;
  line-height: 40px;
  background: #0773FC;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.w240[data-v-3557130a]:hover {
  background: linear-gradient(90deg, #5ea2ff, #00e3ff);
}
.w240 .margin10[data-v-3557130a] {
  display: inline-block;
  margin-right: 10px;
}
.w240 img[data-v-3557130a] {
  vertical-align: middle;
}
.down-wrap[data-v-3557130a] {
  width: 640px;
  height: 380px;
  background: #fff;
  margin: 0 auto;
  color: #626262;
}
.down-pc[data-v-3557130a] {
  margin: 40px 0;
}
.down-pc img[data-v-3557130a] {
  vertical-align: bottom;
}
.down-pc span[data-v-3557130a]:nth-child(1) {
  display: inline-block;
  margin-right: 10px;
}
.down-type a[data-v-3557130a] {
  display: inline-block;
}
.down-type span[data-v-3557130a]:nth-child(1) {
  margin-right: 20px;
}
.open-design[data-v-3557130a] {
  margin-bottom: 15px;
}
.compatible[data-v-3557130a] {
  height: auto;
}
.compatible .catch-bottom .font20[data-v-3557130a] {
  font-size: 20px;
  font-weight: normal !important;
}
.compatible .catch-bottom .client-link[data-v-3557130a] {
  color: #00ACFF;
  text-decoration: #00ACFF underline;
}
.compatible .catch-bottom .chrome-link[data-v-3557130a] {
  display: inline-block;
  background: #50C6FC;
  width: 236px;
  height: 40px;
  color: #FFFFff;
  text-align: center;
  line-height: 40px;
}
.compatible .catch-bottom[data-v-3557130a] {
  padding: 35px 0;
  text-align: left;
}
.compatible .catch-bottom .descript p[data-v-3557130a] {
  display: flex;
  align-items: center;
}
.compatible .catch-bottom .descript p[data-v-3557130a]:before {
  content: '';
  width: 6px;
  height: 6px;
  background-color: #000;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.compatible .catch-bottom p[data-v-3557130a] {
  margin-bottom: 20px;
  font-size: 16px;
  color: #1B2337;
}
.compatible .catch-bottom p.title[data-v-3557130a] {
  margin-bottom: 35px;
  font-size: 18px;
  color: #666666;
}
.compatible .catch-bottom .chrome-link[data-v-3557130a] {
  display: block;
  margin: 0 auto;
  margin-top: 50px;
}
.compatible .compatible-top[data-v-3557130a] {
  position: relative;
  padding-top: 0;
  height: 128px;
  line-height: 128px;
  background-color: #F1F8FD;
  text-align: left;
}
.compatible .compatible-top img[data-v-3557130a] {
  vertical-align: bottom;
}
.compatible .compatible-top img.img-computer[data-v-3557130a] {
  vertical-align: middle;
  margin-left: 20px;
}
.compatible .compatible-top img.tree-right[data-v-3557130a] {
  position: absolute;
  right: 35px;
  bottom: 0;
}
.compatible .compatible-top .title[data-v-3557130a] {
  display: inline-block;
  margin-left: 15px;
  font-size: 24px;
  font-weight: bold;
  color: #333;
}
.compatible.wechat .catch-bottom[data-v-3557130a] {
  height: 285px;
  padding: 35px 0 0 83px;
}
.compatible.wechat .catch-bottom .img-tool[data-v-3557130a] {
  margin-left: -6px;
}
.compatible.wechat .catch-bottom p.title[data-v-3557130a] {
  opacity: 0.66;
}
.compatible.wechat .catch-bottom .descript[data-v-3557130a] {
  margin-top: 26px;
}
.compatible.wechat .catch-bottom .descript p[data-v-3557130a] {
  display: inline-flex;
}
.compatible.wechat .catch-bottom .descript p img[data-v-3557130a] {
  vertical-align: bottom;
  margin-right: 5px;
}
.compatible.wechat .catch-bottom .descript p[data-v-3557130a]:nth-child(2) {
  margin-left: 36px;
}
.compatible.other .catch-bottom[data-v-3557130a] {
  height: 276px;
  padding: 35px 0 0 110px;
}
.compatible.other .catch-bottom .descript p[data-v-3557130a] {
  display: flex;
}
.compatible.other .chrome-link-con[data-v-3557130a] {
  margin-left: -110px;
}
.compatible.other .chrome-link-con .chrome-link[data-v-3557130a] {
  display: block;
  margin: 0 auto;
  margin-top: 45px;
  background: #2276E4;
  border-radius: 4px;
  width: 180px;
}
.compatible.other .chrome-link-con .chrome-link img[data-v-3557130a] {
  vertical-align: middle;
  margin-right: 8px;
}
.compatible.other .descript a[data-v-3557130a] {
  color: #2276E4;
  text-decoration: underline;
}

#thumb-wait[data-v-651cf1ad] {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: 250px;
  height: 120px;
  background-color: #FFF;
  z-index: 20000;
  font-size: 12px;
}
.thumb-text[data-v-651cf1ad] {
  color: #666;
  font-size: 12px;
  text-align: center;
}

.member-expired-pop[data-v-2b332687] {
  width: 640px;
  height: 486px;
  background: #FFFFFF;
  border-radius: 4px;
}
.member-expired-pop .header[data-v-2b332687] {
  width: 100%;
  height: 140px;
  background: url(../svg/memberExpiredPop_header_bg.png?739725ac9e447fe9121a9251b3a24e1c) no-repeat;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.member-expired-pop .container[data-v-2b332687] {
  padding: 35px 49px 40px 69px;
}
.member-expired-pop .container_title[data-v-2b332687] {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  font-weight: bold;
}
.member-expired-pop .container .privilege-list[data-v-2b332687] {
  display: flex;
}
.member-expired-pop .container .privilege-list .privilege-ul[data-v-2b332687] {
  padding-top: 30px;
}
.member-expired-pop .container .privilege-list .privilege-ul[class~="left"][data-v-2b332687] {
  margin-right: 49px;
  padding-left: 10px;
}
.member-expired-pop .container .privilege-list .privilege-ul .privilege-li[data-v-2b332687] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 24px;
  list-style-type: disc;
}
.member-expired-pop .container .buy-vip[data-v-2b332687] {
  width: 180px;
  height: 40px;
  background: #EEB86E;
  border-radius: 20px;
  line-height: 40px;
  text-align: center;
  margin: 29px auto 0;
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  cursor: pointer;
}
.member-expired-pop .container .contact-admin[data-v-2b332687] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
  margin: 32px auto 0;
  text-align: center;
}

#cutImgCon[data-v-4a7b404b] {
  position: relative;
  margin: 0 auto;
  width: 81%;
  min-width: 905px;
  min-height: 605px;
}
#cutImgCon #cutImgFrame[data-v-4a7b404b] {
  position: absolute;
  display: block;
  border: none;
  width: 100%;
  height: 100%;
}
#cutImgCon .mask[data-v-4a7b404b] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f1f2f3;
}
#cutImgCon .mask .imgCon[data-v-4a7b404b] {
  display: inline-block;
  position: absolute;
  width: 150px;
  height: 100px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
}
#cutImgCon .mask .imgCon img[data-v-4a7b404b] {
  width: 56px;
  margin-bottom: 10px;
}

.apiPay_details[data-v-04316da0] {
  width: 1008px;
  height: 532px;
  border-radius: 4px;
  background-color: #fff;
}
.apiPay_details__content[data-v-04316da0] {
  width: 944px;
  height: 464px;
  margin: 0 32px 34px;
}
.apiPay_details__content_left[data-v-04316da0] {
  width: 556px;
  height: 402px;
  float: left;
}
.apiPay_details__content_left p[data-v-04316da0] {
  width: 100%;
}
.apiPay_details__content_right[data-v-04316da0] {
  float: left;
  margin-top: 81px;
  margin-left: 40px;
}
.apiPay_details__content_right_title[data-v-04316da0] {
  font-size: 24px;
  color: #4A4A4A;
  margin-bottom: 24px;
  font-weight: 500;
  width: 290px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apiPay_details__content_right_author_img[data-v-04316da0] {
  width: 40px;
  height: 40px;
  background-color: #4A4A4A;
  float: left;
  margin-right: 32px;
}
.apiPay_details__content_right_author_name[data-v-04316da0] {
  float: left;
  height: 40px;
  line-height: 20px;
  font-size: 14px;
  color: #626262;
}
.apiPay_details__content_right_author_name > span[data-v-04316da0]:last-child {
  font-size: 12px;
  color: #9B9B9B;
}
.apiPay_details__content_right_author[data-v-04316da0] {
  margin-bottom: 24px;
  float: left;
  width: 100%;
}
.apiPay_details__content_right_times[data-v-04316da0] {
  margin-bottom: 28px;
  font-size: 12px;
  color: #9B9B9B;
}
.apiPay_details__content_right_times_browse[data-v-04316da0] {
  position: relative;
  margin-left: 22px;
}
.apiPay_details__content_right_times_browse[data-v-04316da0]:before {
  content: "";
  position: absolute;
  left: -22px;
  top: 2px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-image: url(../svg/eye_icon.svg?bec25b771dd1097df7ee33c5948c7d9d);
}
.apiPay_details__content_right_times_collection[data-v-04316da0] {
  position: relative;
}
.apiPay_details__content_right_times_collection[data-v-04316da0]:before {
  content: "";
  position: absolute;
  left: -22px;
  top: 2px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-image: url(../svg/heart_icon.svg?35eac0091d3aa790ce8c3f8a51df12de);
}
.apiPay_details__content_right_price[data-v-04316da0] {
  margin-bottom: 80px;
}
.qrcodeBg[data-v-04316da0] {
  width: 228px;
  height: 228px;
  margin: auto;
  display: flex;
  background-image: url(../svg/qrcodeBg.svg?af8f5ddf8a73aeade7d20a4dbfb01ad0);
  background-repeat: no-repeat;
  background-size: 100%;
}
.apiPay_details__content_right_button_members[data-v-04316da0] {
  margin: 0 auto;
  margin-bottom: 24px;
  width: 308px;
  height: 42px;
  background-color: #07AEFC;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 42px;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
.apiPay_details__content_right_button_members > span[data-v-04316da0]:first-child:before {
  content: "";
  position: absolute;
  left: -30px;
  top: 3px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-image: url(../svg/ckt_vip_icon.svg?7508293a89601a122f6d06b11e8c839b);
}
.apiPay_details__content_right_button_buy[data-v-04316da0] {
  width: 308px;
  height: 42px;
  border: 1px solid #07AEFC;
  border-radius: 4px;
  font-size: 18px;
  text-align: center;
  color: #07AEFC;
  line-height: 42px;
  margin: 0 auto;
  cursor: pointer;
}
.apiPay_pay[data-v-04316da0] {
  width: 640px;
  height: 484px;
  background-color: #fff;
  border-radius: 3px;
}
.apiPay_pay_pay_arrow[data-v-04316da0] {
  padding: 16px 0 0 18px;
}
.apiPay_pay_pay_price[data-v-04316da0] {
  font-size: 24px;
  color: #07AEFC;
  margin-bottom: 8px;
  margin-top: 33px!important;
}
.apiPay_pay_pay_price[data-v-04316da0],
.apiPay_pay_pay_price_copy[data-v-04316da0] {
  margin: 0 auto;
  text-align: center;
}
.apiPay_pay_pay_price_copy[data-v-04316da0] {
  font-size: 12px;
  color: #626262;
  margin-bottom: 16px;
}
.apiPay_pay_pay_text[data-v-04316da0] {
  text-align: center;
  margin: 16px 0;
  font-size: 14px;
  color: #626262;
}
.apiPay_pay_pay_price_img[data-v-04316da0] {
  display: flex;
  justify-content: center;
  align-content: center;
}
.apiPay_pay_scuessed_icon[data-v-04316da0] {
  padding-top: 100px;
  color: #4F4F4F;
}
.apiPay_pay_scuessed_content[data-v-04316da0] {
  color: #4F4F4F;
}

.question-feedback[data-v-c5e93aca] {
  width: 340px;
  height: 326px;
  background: #fff;
  position: absolute;
  bottom: 75px;
  left: 20px;
  z-index: 10007;
  box-sizing: border-box;
  padding: 24px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
  border-radius: 3px;
}
.question-feedback[data-v-c5e93aca]:before {
  position: absolute;
  bottom: -7px;
  left: 7px;
  content: "";
  width: 20px;
  height: 10px;
  background: url(../svg/question-feedback-triangle.png?15d8cbb75f65c3db812ee7e347dcd810) no-repeat;
}
.question-feedback h1[data-v-c5e93aca] {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  color: #343434;
}
.question-feedback span[data-v-c5e93aca] {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
}
.question-feedback .question-Box[data-v-c5e93aca] {
  margin-top: 18px;
  width: 100%;
  height: 111px;
  border: 1px solid #E7E7E7;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 12px;
}
.question-feedback .question-Box h2[data-v-c5e93aca] {
  font-size: 12px;
  margin: 0;
  font-weight: 500;
  color: #626262;
}
.question-feedback .question-Box .question-input[data-v-c5e93aca] {
  width: 100%;
  margin-top: 7px;
  height: 75px;
  resize: none;
  border: none;
  outline: none;
  box-sizing: border-box;
  font-size: 12px;
  color: #626262;
}
.question-feedback .question-call[data-v-c5e93aca] {
  margin-top: 16px;
  width: 100%;
  height: 58px;
  border: 1px solid #E7E7E7;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 12px;
}
.question-feedback .question-call h2[data-v-c5e93aca] {
  font-size: 12px;
  margin: 0;
  font-weight: 500;
  color: #626262;
}
.question-feedback .question-call .question-contact[data-v-c5e93aca] {
  width: 100%;
  margin-top: 7px;
  height: 14px;
  resize: none;
  border: none;
  box-sizing: border-box;
  outline: none;
  font-size: 12px;
  color: #626262;
}
.question-feedback .question-call .question-contact[data-v-c5e93aca]:focus {
  box-shadow: none !important;
}
.question-feedback .question-btn[data-v-c5e93aca] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 24px;
  width: 144px;
  height: 32px;
  border: none;
  outline: none;
  font-size: 14px;
  color: #FFFFFF;
  border-radius: 20px;
  cursor: not-allowed;
  background: #E7E7E7;
}
.question-feedback .question-btnActive[data-v-c5e93aca] {
  background: #0773FC;
  cursor: pointer;
}
.question-feedback .submit-question-animation[data-v-c5e93aca] {
  width: 98%;
  height: 97%;
  position: absolute;
  left: 3px;
  top: 0;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.question-feedback .submit-question-animation_center[data-v-c5e93aca] {
  height: 200px;
  box-sizing: border-box;
  /*padding-top: 34px;*/
}
.question-feedback .submit-question-animation_center .submitSuccess[data-v-c5e93aca] {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  background: url(../svg/design-aside-bottom-feedback-submitSuccess.svg?358b78b31b241154bbcf17c463216a27) no-repeat center;
  background-size: cover;
}
.question-feedback .submit-question-animation_center h1[data-v-c5e93aca] {
  font-size: 16px;
  color: #343434;
  margin-bottom: 16px;
}
.question-feedback .submit-question-animation_center p[data-v-c5e93aca] {
  font-size: 12px;
  color: #626262;
  margin-bottom: 24px;
}
.question-feedback .submit-question-animation_center button[data-v-c5e93aca] {
  width: 144px;
  height: 32px;
  border: none;
  outline: none;
  font-size: 14px;
  color: #FFFFFF;
  background: #07AEFC;
  border-radius: 20px;
  cursor: pointer;
}

.lt-scroll__content[data-v-1863c51a] {
  box-sizing: content-box !important;
}
.shortcut-keys[data-v-1863c51a] {
  width: 344px;
  height: calc(100% - 165px);
  background-color: #fff;
  position: fixed;
  left: 20px;
  top: 63px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  padding: 23px 24px 6px 24px;
  /*overflow: hidden;*/
}
.shortcut-keys[data-v-1863c51a]:before {
  position: absolute;
  content: "";
  width: 22px;
  height: 22px;
  background: url(../svg/shortcut-keys-triangle.png?2c9d9543a9e9ab6871dd6f27fa63f3e9) no-repeat;
  bottom: -17px;
  left: 8px;
  background-size: contain;
}
.shortcut-keys_title[data-v-1863c51a] {
  display: flex;
  justify-content: space-between;
}
.shortcut-keys_title span[data-v-1863c51a] {
  font-size: 16px;
  color: #343434;
  font-weight: bold;
}
.shortcut-keys_title span[data-v-1863c51a]:last-child {
  cursor: pointer;
}
.shortcut-keys .content[data-v-1863c51a] {
  width: 322px;
  height: calc(100% - 40px);
  margin: 0 auto;
}
.shortcut-keys .dividingLine[data-v-1863c51a] {
  width: 100%;
  height: 1px;
  border: 0.5px solid rgba(0, 0, 0, 0.12);
  margin-top: 12px;
  margin-bottom: 6px;
}
.shortcut-keys_content[data-v-1863c51a] {
  margin-top: 30px;
}
.shortcut-keys_content[data-v-1863c51a]:first-child {
  margin-top: 14px;
}
.shortcut-keys_content .use[data-v-1863c51a] {
  font-size: 14px;
  color: #343434;
  font-weight: bold;
}
.shortcut-keys_content .useContet[data-v-1863c51a] {
  padding-left: 4px;
  margin-top: 24px;
}
.shortcut-keys_content .useContet .keysname[data-v-1863c51a] {
  display: inline-block;
  width: 141px;
  font-size: 12px;
  color: #343434;
  line-height: 12px;
}
.shortcut-keys_content .useContet i[data-v-1863c51a] {
  margin: 0 4px;
  font-style: normal;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
}
.shortcut-keys_content .useContet span:last-child i[data-v-1863c51a] {
  display: none;
}
.shortcut-keys_content .useContet .key[data-v-1863c51a] {
  padding: 2px 8px;
  font-size: 14px;
  background: rgba(243, 244, 249, 0.6);
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.6);
}
.shortcut-keys-board-mask[data-v-1863c51a] {
  position: fixed;
  z-index: 100000;
  width: calc(100%);
  height: 100%;
  top: 0;
  right: 0;
  background: transparent;
}

.function-demo-show[data-v-53499c8d] {
  width: 344px;
  height: calc(100% - 165px);
  background-color: #fff;
  position: fixed;
  left: 20px;
  top: 63px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  padding: 23px 0 6px 0;
}
.function-demo-show[data-v-53499c8d]:before {
  position: absolute;
  content: "";
  width: 22px;
  height: 22px;
  background: url(../svg/function-demo-show-triangle.png?2c9d9543a9e9ab6871dd6f27fa63f3e9) no-repeat;
  bottom: -17px;
  left: 8px;
  background-size: contain;
}
.function-demo-show_title[data-v-53499c8d] {
  display: flex;
  justify-content: space-between;
  margin: 0 24px;
}
.function-demo-show_title span[data-v-53499c8d] {
  font-size: 16px;
  color: #343434;
  font-weight: bold;
}
.function-demo-show_title span[data-v-53499c8d]:last-child {
  cursor: pointer;
}
.function-demo-show .dividingLine[data-v-53499c8d] {
  margin: 0 24px;
  width: 86%;
  height: 1px;
  border: 0.5px solid rgba(0, 0, 0, 0.12);
  margin-top: 12px;
  margin-bottom: 7px;
}
.function-demo-show .dividingLine[data-v-53499c8d]:last-child {
  margin-top: 24px;
}
.function-demo-show_video[data-v-53499c8d] {
  width: 296px;
  height: 160px;
  margin: 0 24px;
  background: #F3F4F9;
}
.function-demo-show_video video[data-v-53499c8d]::-webkit-media-controls-mute-button {
  display: none;
}
.function-demo-show_introduce[data-v-53499c8d] {
  margin: 0 24px;
  margin-top: 24px;
  height: 100px;
  overflow: hidden;
}
.function-demo-show_introduce div[data-v-53499c8d] {
  font-size: 14px;
  color: #343434;
  font-weight: bold;
  margin-bottom: 12px;
}
.function-demo-show_introduce p[data-v-53499c8d] {
  font-size: 12px;
  color: #343434;
  line-height: 18px;
  overflow: hidden;
  position: relative;
}
.function-demo-show_introduce span[data-v-53499c8d] {
  font-size: 12px;
  line-height: 12px;
  cursor: pointer;
  position: absolute;
  bottom: 3px;
  right: 8px;
  background-color: #fff;
  text-decoration: underline;
  padding-left: 23px;
}
.function-demo-show_introduce span a[data-v-53499c8d] {
  color: #07AEFC;
}
.function-demo-show .content[data-v-53499c8d] {
  width: 344px;
  margin: 0 auto;
}
.function-demo-show_content .spot[data-v-53499c8d] {
  padding: 0 24px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.function-demo-show_content .spot span[data-v-53499c8d] {
  width: 16px;
  height: 16px;
  display: inline-block;
  /*background: #DEE0EA;*/
  margin-right: 16px;
  background-size: contain;
}
.function-demo-show_content .spot[data-v-53499c8d]:hover {
  background: rgba(243, 244, 249, 0.5);
}
.function-demo-show_content .active[data-v-53499c8d] {
  background: #F3F4F9;
}
.function-demo-board-mask[data-v-53499c8d] {
  position: fixed;
  z-index: 100000;
  width: calc(100%);
  height: 100%;
  top: 0;
  right: 0;
  background: transparent;
}

#download-wait[data-v-7ac2e4d6] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 640px;
  background: #fff;
  box-sizing: border-box;
  padding: 32px 90px;
  border-radius: 10px;
  text-align: center;
}
.downloadWait-closeBox[data-v-7ac2e4d6] {
  position: absolute;
  cursor: pointer;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  background: url(../svg/close-modal.svg?97724f28e05963ec2df8d57deb01eea2) -3px -3px no-repeat;
}
.download-onload[data-v-7ac2e4d6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  text-align: left;
  margin-bottom: 16px;
}
.download-onload .progress-bar-container .progress-bar[data-v-7ac2e4d6] {
  position: relative;
  display: inline-block;
  width: 460px;
  height: 10px;
  background-color: #c5eafe;
  overflow: hidden;
  border-radius: 5px;
}
.download-onload .progress-bar-container .progress-bar .progress[data-v-7ac2e4d6] {
  height: 100%;
  border-radius: 5px;
  background-color: #0773FC !important;
  transition: width ease 0.4s;
}
.download-wait-title[data-v-7ac2e4d6] {
  line-height: 25px;
  margin-bottom: 20px;
  text-align: center;
  font-family: PingFangSC-Semibold;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 600;
}
.download-wait-title .download-progressNum[data-v-7ac2e4d6] {
  font-weight: 500;
  padding-left: 4px;
  color: rgba(0, 0, 0, 0.8);
  width: 42px;
  display: inline-block;
}
.download-wait-text[data-v-7ac2e4d6] {
  font-size: 12px;
  line-height: 18px;
  color: #3E414B;
}
.download-wait-progress[data-v-7ac2e4d6] {
  color: #07AEFC;
  font-size: 12px;
}

.dowmload {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
}
.dowmload .downloadBox {
  width: 540px;
  transform: translate(-50%, -50%);
  background: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 6px;
}
.dowmload .downloadBox hr {
  background: #eeeeee;
  height: 1px;
  margin: 0;
  border: none;
}
.dowmload .downloadBox .closeBox {
  position: absolute;
  cursor: pointer;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  background: url(../svg/close-modal.svg?97724f28e05963ec2df8d57deb01eea2) -3px -3px no-repeat;
}
.dowmload .downloadBox .download-title {
  width: 100%;
  line-height: 22px;
  padding: 20px;
  box-sizing: border-box;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  height: 62px;
  font-weight: 600;
}
.dowmload .downloadBox .download-content {
  box-sizing: border-box;
  padding: 20px 40px 0;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}
.dowmload .downloadBox .download-content .chooseBtns {
  width: 100%;
  line-height: 40px;
  margin-bottom: 17px;
}
.dowmload .downloadBox .download-content .download-filetype span {
  height: 38px;
  width: 78px;
  display: inline-block;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  line-height: 40px;
  margin-left: 16px;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #eeeeee;
}
.dowmload .downloadBox .download-content .download-filetype span:hover {
  background: rgba(7, 115, 252, 0.1);
  border: 1px solid #0773FC;
  color: #0773FC;
}
.dowmload .downloadBox .download-content .download-filetype span[class~="active"] {
  background: rgba(7, 115, 252, 0.1);
  border: 1px solid #0773FC;
  color: #0773FC;
}
.dowmload .downloadBox .download-content .download-config {
  margin-bottom: 13px;
}
.dowmload .downloadBox .download-content .download-config .download-config__option {
  height: 40px;
  width: 58px;
  padding-left: 22px;
  display: inline-block;
  color: rgba(0, 0, 0, 0.6);
  text-align: left;
  line-height: 40px;
  position: relative;
  cursor: pointer;
  margin-left: 16px;
}
.dowmload .downloadBox .download-content .download-config .download-config__option::after {
  content: "";
  box-sizing: border-box;
  border: 1px solid #eeeeee;
  position: absolute;
  width: 14px;
  height: 14px;
  left: 0;
  top: 13px;
  border-radius: 50%;
  color: #0773FC;
}
.dowmload .downloadBox .download-content .download-config .download-config__option[class~="active"]::after {
  border: 4px solid #0773FC;
}
.dowmload .downloadBox .download-content .download-config input {
  width: 170px;
  height: 38px;
  box-sizing: border-box;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  margin-left: 16px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 38px;
}
.dowmload .downloadBox .download-content .download-config .textTip {
  width: 20px;
  height: 40px;
  display: inline-block;
  top: 0px;
  left: 85px;
  position: absolute;
  background: url(../svg/text-tip.png?6cdc3b0ca994ff9de95f3625bf197e47) 2px 11px no-repeat;
}
.dowmload .downloadBox .download-content .download-config .textTip:hover .tip-content {
  display: block;
}
.dowmload .downloadBox .download-content .download-config .textTip .tip-content {
  width: 340px;
  display: none;
  line-height: 17px;
  box-sizing: border-box;
  padding: 20px;
  position: absolute;
  top: 40px;
  left: -160px;
  color: rgba(0, 0, 0, 0.6);
  background: #ffffff;
  border: 1px solid #e6e6e6;
  box-shadow: 0 6px 10px 0 rgba(13, 29, 79, 0.1);
  border-radius: 4px;
}
.dowmload .downloadBox .download-content .download-config .textTip .tip-content span {
  display: inline-block;
  width: 100%;
  line-height: 17px;
  font-weight: 600;
  margin-bottom: 6px;
  color: rgba(0, 0, 0, 0.8);
}
.dowmload .downloadBox .download-content .download-config .textTip .tip-content span:nth-child(2) {
  margin-top: 20px;
}
.dowmload .downloadBox .download-content .download-config .textTip .tip-content a {
  color: #0773FC;
  text-decoration: none;
}
.dowmload .downloadBox .download-btns {
  display: flex;
  padding: 15px 0 40px;
  justify-content: center;
}
.dowmload .downloadBox .download-btns .download-btn {
  width: 132px;
  height: 40px;
  font-size: 14px;
  outline: none;
  transition: 0s;
}
.dowmload .downloadBox .download-btns .download-btn:nth-child(2) {
  margin-left: 32px;
}
.dowmload .downloadBox .download-btns a {
  text-align: center;
  line-height: 38px;
  box-sizing: border-box;
  text-decoration: none;
}
.dowmload .qrcode-page {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  text-align: center;
  padding-top: 16px;
  box-sizing: border-box;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
}
.dowmload-loading * {
  cursor: wait !important;
}

.nps[data-v-7a3d1c82] {
  width: 738px;
  height: 120px;
  background: #FFFFFF;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
}
.close[data-v-7a3d1c82] {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  box-sizing: border-box;
  height: 24px;
  opacity: 0.3;
  background: #000000;
  font-size: 12px;
  color: #FFFFFF;
  padding: 5px 6px;
}
.close .countdown[data-v-7a3d1c82] {
  padding-right: 5px;
  border-right: 1px solid #fff;
  margin-right: 2px;
}
.close .icon[data-v-7a3d1c82] {
  cursor: pointer;
}
.nps-score[data-v-7a3d1c82] {
  padding: 20px 70px;
  box-sizing: border-box;
}
.nps-score .title[data-v-7a3d1c82] {
  font-size: 20px;
  color: #333333;
  text-align: center;
  font-weight: bold;
  margin: 0;
}
.nps-score .score-section[data-v-7a3d1c82] {
  display: flex;
  align-items: center;
  padding-top: 16px;
}
.nps-score .score-section .tips[data-v-7a3d1c82] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nps-score .score-section .tips .emoji[data-v-7a3d1c82] {
  background: url(../svg/nps_tips_emoji.svg?5906e4500360ded337af48af27ae4040) no-repeat -13px -8px;
  width: 20px;
  height: 20px;
}
.nps-score .score-section .tips .emoji.willing[data-v-7a3d1c82] {
  background: url(../svg/nps_tips_emoji.svg?5906e4500360ded337af48af27ae4040) no-repeat -41px -8px;
}
.nps-score .score-section .tips .tips-text[data-v-7a3d1c82] {
  font-size: 12px;
  color: #626262;
  margin-top: 5px;
}
.nps-score .score-section .score-list[data-v-7a3d1c82] {
  display: flex;
  margin: 0 10px;
}
.nps-score .score-section .score-list li[data-v-7a3d1c82] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 36px;
  background: #F7F8F9;
  border-right: 1px solid rgba(0, 0, 0, 0.14);
  border-top: 1px solid rgba(0, 0, 0, 0.14);
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
  font-size: 16px;
  color: #626262;
  cursor: pointer;
}
.nps-score .score-section .score-list li[data-v-7a3d1c82]:first-child {
  border-radius: 3px 0px 0px 3px;
  border-left: 1px solid rgba(0, 0, 0, 0.14);
}
.nps-score .score-section .score-list li[data-v-7a3d1c82]:last-child {
  border-radius: 0px 3px 3px 0px;
}
.nps-score .score-section .score-list li.on[data-v-7a3d1c82] {
  background: #0773FC;
  color: #FFFFFF;
}
.nps-score .close[data-v-7a3d1c82] {
  width: 24px;
}
.nps-feedback[data-v-7a3d1c82] {
  display: flex;
  align-items: center;
  padding: 10px 0 0 67px;
  position: relative;
}
.nps-feedback .feedback-text[data-v-7a3d1c82] {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  margin-left: 35px;
}
.nps-feedback .feedback-text span[data-v-7a3d1c82] {
  color: #0773FC;
  cursor: pointer;
}
.nps-opinion[data-v-7a3d1c82] {
  padding: 10px  0 10px 20px;
  box-sizing: border-box;
}
.nps-opinion .title[data-v-7a3d1c82] {
  font-size: 14px;
  color: #333333;
  font-weight: bold;
  margin: 0;
}
.nps-opinion .container[data-v-7a3d1c82] {
  position: relative;
  display: flex;
  align-items: flex-end;
}
.nps-opinion .container .textarea[data-v-7a3d1c82] {
  width: 628px;
  height: 70px;
  background: #F7F8F9;
  border: none;
  outline: none;
  margin-top: 14px;
  padding: 6px;
  box-sizing: border-box;
  color: #626262;
  font-size: 12px;
}
.nps-opinion .container .textarea[data-v-7a3d1c82]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.nps-opinion .container .textarea[data-v-7a3d1c82]::-webkit-scrollbar-thumb:vertical {
  background-color: rgba(98, 105, 112, 0.6);
  border-radius: 3px;
}
.nps-opinion .container .textarea[data-v-7a3d1c82]::-webkit-scrollbar-thumb:horizontal {
  background-color: rgba(98, 105, 112, 0.6);
  border-radius: 3px;
}
.nps-opinion .container .words-count[data-v-7a3d1c82] {
  position: absolute;
  bottom: 2px;
  right: 101px;
  color: #999;
  font-size: 12px;
}
.nps-opinion .container .submit-btn[data-v-7a3d1c82] {
  width: 60px;
  height: 32px;
  background: #0773FC;
  border-radius: 3px;
  border: none;
  outline: none;
  font-size: 14px;
  color: #FFFFFF;
  font-weight: bold;
  margin-left: 10px;
  cursor: pointer;
}
.nps-opinion .close[data-v-7a3d1c82] {
  width: 24px;
}
.fade-enter[data-v-7a3d1c82],
.fade-enter-active[data-v-7a3d1c82] {
  transition: all 0.2s;
  opacity: 1;
}
.fade-leave[data-v-7a3d1c82],
.fade-leave-active[data-v-7a3d1c82] {
  transition: all 0.2s;
  opacity: 0;
}

.dowmloadOver {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
}
.dowmloadOver .copyTip {
  width: 332px;
  height: 48px;
  line-height: 48px;
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);
  border-radius: 24px;
  font-family: PingFangTC-Regular;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
}
.dowmloadOver .copy-tip-enter-active,
.dowmloadOver .copy-tip-leave-active {
  transition: opacity 0.5s, transform 0.5s;
}
.dowmloadOver .copy-tip-enter,
.dowmloadOver .copy-tip-leave-active {
  opacity: 0;
  transform: translate(-50%, -24px);
}
.dowmloadOver .dowmloadOverBox {
  width: 640px;
  box-sizing: border-box;
  height: 280px;
  transform: translate(-50%, -50%);
  background: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 40px 32px 40px 264px;
  border-radius: 6px;
}
.dowmloadOver .dowmloadOverBox .closeBox {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  background: url(../svg/downloadCLose.svg?97724f28e05963ec2df8d57deb01eea2) -3px -3px no-repeat;
  cursor: pointer;
}
.dowmloadOver .dowmloadOverBox .box-leftImg {
  width: 200px;
  height: 200px;
  padding: 10px;
  background: #f3f4f9;
  box-sizing: border-box;
  position: absolute;
  top: 40px;
  left: 32px;
}
.dowmloadOver .dowmloadOverBox .box-leftImg .img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #f3f4f9;
  background-position: center;
}
.dowmloadOver .dowmloadOverBox .box-title {
  font-family: PingFangTC-Semibold;
  font-size: 20px;
  font-weight: 600;
  margin: 16px 0;
  color: rgba(0, 0, 0, 0.8);
}
.dowmloadOver .dowmloadOverBox .box-font-hints {
  font-family: PingFangTC-Regular;
  font-size: 12px;
  padding-left: 24px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 16px;
  position: relative;
}
.dowmloadOver .dowmloadOverBox .box-font-hints:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 16px;
  background: url(../svg/download-icon.svg?73b55cb567bb143d423226da60281662) -229px -38px no-repeat;
}
.dowmloadOver .dowmloadOverBox .box-font-hints .font-tips {
  position: relative;
  font-family: PingFangTC-Regular;
  font-size: 12px;
  color: #0773FC;
  margin-left: 5px;
}
.dowmloadOver .dowmloadOverBox .box-font-hints .font-tips .font-tips-more {
  position: absolute;
  z-index: 20;
  background: #ffffff;
  left: -320px;
  top: 16px;
  width: 316px;
  padding: 20px;
  color: rgba(0, 0, 0, 0.6);
  border: 1px solid #e6e6e6;
  box-shadow: 0 6px 10px 0 rgba(13, 29, 79, 0.1);
  border-radius: 4px;
}
.dowmloadOver .dowmloadOverBox .box-font-hints .font-tips .font-tips-more .red {
  font-family: PingFang-SC-Regular;
  font-size: 12px;
  color: #fa2323;
}
.dowmloadOver .dowmloadOverBox .box-nofont-hints {
  font-family: PingFangTC-Regular;
  font-size: 12px;
  line-height: 16px;
  padding-left: 24px;
  margin: 0;
  position: relative;
  color: rgba(0, 0, 0, 0.8);
}
.dowmloadOver .dowmloadOverBox .box-nofont-hints:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 16px;
  background: url(../svg/nofont.png?3ea91c785785ea473fe09b7054afc3c6) 0px 0px no-repeat;
}
.dowmloadOver .dowmloadOverBox .download-operate {
  margin-top: 16px;
  margin-bottom: 25px;
}
.dowmloadOver .dowmloadOverBox .download-operate a {
  font-family: PingFangTC-Regular;
  font-size: 12px;
  color: #0773FC;
  text-decoration: none;
  margin-right: 8px;
}
.dowmloadOver .dowmloadOverBox .download-operate .redownload:after {
  content: "";
  width: 1px;
  display: inline-block;
  height: 12px;
  background: rgba(0, 0, 0, 0.3);
  margin-left: 8px;
  position: relative;
  top: 2px;
}
.dowmloadOver .dowmloadOverBox .download-operate-youzan {
  color: #fa2323;
}
.dowmloadOver .dowmloadOverBox .space {
  margin-top: 28px;
  margin-bottom: 24px;
}
.dowmloadOver .dowmloadOverBox .design-share {
  font-family: PingFangTC-Regular;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8);
  position: absolute;
  right: 32px;
  margin: 0;
  bottom: 60px;
}
.dowmloadOver .dowmloadOverBox .design-share > span {
  width: 32px;
  height: 32px;
  line-height: 32px;
  float: left;
  cursor: pointer;
}
.dowmloadOver .dowmloadOverBox .design-share > span:nth-child(1) {
  width: 38px;
  cursor: default;
}
.dowmloadOver .dowmloadOverBox .design-share .share-wx {
  background: url(../svg/download-icon.svg?73b55cb567bb143d423226da60281662) -35px -30px no-repeat;
  margin-left: 5px;
}
.dowmloadOver .dowmloadOverBox .design-share .share-wx span {
  position: absolute;
  z-index: 20;
  top: -120px;
  left: -40px;
  width: 120px;
  height: 120px;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  box-shadow: 0 6px 10px 0 rgba(13, 29, 79, 0.1);
  border-radius: 4px;
  box-sizing: border-box;
}
.dowmloadOver .dowmloadOverBox .design-share .share-wx span img {
  width: 100%;
  height: 100%;
}
.dowmloadOver .dowmloadOverBox .design-share .share-wx:hover {
  background: url(../svg/download-icon.svg?73b55cb567bb143d423226da60281662) -143px -30px no-repeat;
}
.dowmloadOver .dowmloadOverBox .design-share .share-qq {
  background: url(../svg/download-icon.svg?73b55cb567bb143d423226da60281662) -70px -30px no-repeat;
}
.dowmloadOver .dowmloadOverBox .design-share .share-link {
  background: url(../svg/download-icon.svg?73b55cb567bb143d423226da60281662) -105px -30px no-repeat;
}
.dowmloadOver .dowmloadOverBox .design-share .share-link:hover {
  background: url(../svg/download-icon.svg?73b55cb567bb143d423226da60281662) -177px -30px no-repeat;
}
.dowmloadOver .dowmloadOverBox .printNow {
  margin-right: 16px;
}
.dowmloadOver .dowmloadOverBox .checkAuthorization {
  margin-right: 80px;
}
.dowmloadOver .dowmloadOverBox .download-btn {
  background: #f7f8f9;
  border: 1px solid #dddddd;
  border-radius: 4px;
  width: 116px;
  padding: 10px;
  text-align: center;
  display: inline-block;
  height: 40px;
  box-sizing: border-box;
  text-decoration: none;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 20px;
}
.dowmloadOver .dowmloadOverBox .download-btn[class~="active"] {
  background: #0773FC;
  border: 0px;
  color: #ffffff;
}
.dowmloadOver .dowmloadOverBox .print-text {
  font-family: PingFangTC-Regular;
  font-size: 12px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.8);
}
.dowmloadOver .slide-fade-enter-active {
  transition: all 0.5s ease;
}
.dowmloadOver .slide-fade-leave-active {
  transition: all 0.5s ease;
}
.dowmloadOver .slide-fade-enter,
.dowmloadOver .slide-fade-leave-to {
  transform: translateY(30px);
  opacity: 0;
}
.nps-pop {
  position: fixed;
  bottom: 0;
  left: calc(50% - 370px);
  z-index: 20001;
}

.downloadPay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.downloadPay hr {
  background: #eeeeee;
  height: 1px;
  margin: 0;
  border: none;
}
.downloadPay .closeBox {
  position: absolute;
  cursor: pointer;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  background: url(../svg/close-modal.svg?97724f28e05963ec2df8d57deb01eea2) -3px -3px no-repeat;
}
.downloadPay .downloadPay-title {
  padding: 20px;
  box-sizing: border-box;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 22px;
  font-weight: 600;
}
.downloadPay .downloadPayBox {
  width: 540px;
  padding-bottom: 20px;
  position: relative;
  background: #ffffff;
  border-radius: 6px;
  box-sizing: border-box;
}
.downloadPay .downloadPayBox .downloadPay-content {
  box-sizing: border-box;
  padding: 20px 0 150px;
  position: relative;
}
.downloadPay .downloadPayBox .downloadPay-content .copyrightList {
  padding: 0 40px;
  max-height: 310px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.downloadPay .downloadPayBox .downloadPay-content .copyrightList .copyright-item {
  zoom: 1;
  margin-bottom: 8px;
}
.downloadPay .downloadPayBox .downloadPay-content .copyrightList .copyright-item .item-img {
  width: 100px;
  height: 72px;
  float: left;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #f3f4f9;
  background-position: center;
}
.downloadPay .downloadPayBox .downloadPay-content .copyrightList .copyright-item .item-text {
  height: 40px;
  line-height: 40px;
  float: left;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 600;
}
.downloadPay .downloadPayBox .downloadPay-content .copyrightList .copyright-item .item-auth {
  width: 277px;
  height: 40px;
  line-height: 18px;
  position: relative;
  float: right;
  top: 16px;
  left: -1px;
  border-radius: 4px;
  padding: 10px 16px;
  border: 1px solid transparent;
  box-sizing: border-box;
  font-size: 14px;
}
.downloadPay .downloadPayBox .downloadPay-content .copyrightList .copyright-item .item-auth a {
  color: #0A73FC;
}
.downloadPay .downloadPayBox .downloadPay-content .copyrightList .copyright-item .item-auth .dropDown {
  width: 277px;
  position: fixed;
  z-index: 20;
  font-weight: 600;
  box-sizing: border-box;
  background: #ffffff;
  padding: 12px 0;
  box-shadow: 0 6px 10px 0 rgba(13, 29, 79, 0.1);
  border-radius: 4px;
}
.downloadPay .downloadPayBox .downloadPay-content .copyrightList .copyright-item .item-auth .dropDown li {
  padding: 10px 16px;
  font-size: 12px;
  line-height: 18px;
}
.downloadPay .downloadPayBox .downloadPay-content .copyrightList .copyright-item .item-auth .dropDown li span {
  margin: 0;
}
.downloadPay .downloadPayBox .downloadPay-content .copyrightList .copyright-item .item-auth .dropDown li:hover {
  background: #f3f4f9;
}
.downloadPay .downloadPayBox .downloadPay-content .copyrightList .copyright-item .item-auth__drop {
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: url(../svg/auth-more.svg?78e935c0adf12b67afc2ed25a26f5505) 244px 12px no-repeat;
}
.downloadPay .downloadPayBox .downloadPay-content .copyrightList .copyright-item .item-auth__drop:hover {
  border: 1px solid #0773fc;
}
.downloadPay .downloadPayBox .downloadPay-content .copyrightList .copyright-item .item-auth__choose {
  border: 1px solid #0773fc;
}
.downloadPay .downloadPayBox .downloadPay-content .copyrightList .copyright-item .item-price {
  float: right;
  margin-right: 36px;
  color: #fa2323;
}
.downloadPay .downloadPayBox .downloadPay-content .copyrightList .copyright-item p {
  margin: 8px 0 0;
  line-height: 16px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}
.downloadPay .downloadPayBox .downloadPay-content .copyrightList .copyright-item p a {
  float: right;
  font-size: 12px;
  color: #0A73FC;
  text-decoration: none;
}
.downloadPay .downloadPayBox .downloadPay-content .copyrightList .copyright-item::after {
  clear: both;
  content: ".";
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}
.downloadPay .downloadPayBox .downloadPay-content .downloadPay-bottom {
  position: absolute;
  box-sizing: border-box;
  bottom: 70px;
  width: 100%;
  font-size: 14px;
  padding: 16px 40px 24px;
  height: 60px;
  line-height: 20px;
  box-shadow: 0 -10px 14px 0 rgba(14, 20, 48, 0.04);
  z-index: 0;
}
.downloadPay .downloadPayBox .downloadPay-content .downloadPay-bottom .downloadPay-bottom__license {
  position: relative;
  padding-left: 22px;
  width: 280px;
  box-sizing: border-box;
  float: left;
}
.downloadPay .downloadPayBox .downloadPay-content .downloadPay-bottom .downloadPay-bottom__license .checkbox {
  position: absolute;
  left: 0px;
  top: 3px;
  cursor: pointer;
}
.downloadPay .downloadPayBox .downloadPay-content .downloadPay-bottom .downloadPay-bottom__license .lt-checkbox-inner {
  margin-right: 8px;
}
.downloadPay .downloadPayBox .downloadPay-content .downloadPay-bottom .downloadPay-bottom__license a {
  text-decoration: none;
  color: #000000;
}
.downloadPay .downloadPayBox .downloadPay-content .downloadPay-bottom .downloadPay-bottom__totlePrice {
  float: right;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
}
.downloadPay .downloadPayBox .downloadPay-content .downloadPay-bottom .downloadPay-bottom__totlePrice .totlePrice {
  color: #fa2323;
  font-weight: 600;
}
.downloadPay .downloadPayBox .downloadPay-content .downloadPay-btns {
  position: absolute;
  width: 100%;
  bottom: 0px;
  display: flex;
  padding-bottom: 30px;
  justify-content: center;
  text-align: center;
}
.downloadPay .downloadPayBox .downloadPay-content .downloadPay-btns .downloadPay-btn {
  width: 302px;
  height: 40px;
  background: #0773fc;
  color: #ffffff;
  position: relative;
  border: 1px solid #dddddd;
  border-radius: 4px;
  font-size: 14px;
  outline: none;
  cursor: pointer;
}
.downloadPay .downloadPayBox .downloadPay-content .downloadPay-btns .downloadPay-btn .vip-text {
  position: absolute;
  font-size: 12px;
  top: 36px;
  left: 0;
  right: 0;
  color: rgba(0, 0, 0, 0.6);
}
.downloadPay .downloadPayBox .downloadPay-content .downloadPay-btns .downloadPay-btn:nth-child(2) {
  width: 145px;
  background: #f7f8f9;
  color: rgba(0, 0, 0, 0.6);
  margin-left: 32px;
}
.downloadPay .downloadPayBox .downloadPay-content .downloadPay-btns a {
  line-height: 38px;
  text-decoration: none;
  box-sizing: border-box;
}
.downloadPay .qrcode-page {
  width: 680px;
  transform: translate(-50%, -50%);
  background: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 6px;
  box-sizing: border-box;
}
.downloadPay .qrcode-page .qrcode {
  height: 310px;
  padding: 32px 40px 24px;
  box-sizing: border-box;
}
.downloadPay .qrcode-page .qrcode .qrcode-wrapper {
  margin: 0 auto;
  width: 184px;
  margin-bottom: 24px;
  height: 184px;
  padding: 12px;
  box-sizing: border-box;
  background: url(../svg/qrcode-border.svg?a0ac09b9361dd83b316549ebe8651477) 0 0 no-repeat;
}
.downloadPay .qrcode-page .qrcode .shouldPay {
  text-align: center;
  line-height: 28px;
  font-weight: bold;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}
.downloadPay .qrcode-page .qrcode .shouldPay span {
  font-size: 20px;
  color: #fa2323;
  position: relative;
  top: 2px;
}
.downloadPay .qrcode-page .qrcode .tip {
  text-align: center;
  font-size: 12px;
  line-height: 17px;
  color: rgba(0, 0, 0, 0.4);
}
.downloadPay .qrcode-page .qrcode hr {
  margin: 24px 0;
}
.downloadPay .qrcode-page .balance {
  padding: 24px 40px;
  box-sizing: border-box;
}
.downloadPay .qrcode-page .balance .balance-pay {
  box-sizing: border-box;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.8);
}
.downloadPay .qrcode-page .balance .balance-pay .balance-pay__choose {
  float: left;
  position: relative;
  padding-left: 30px;
}
.downloadPay .qrcode-page .balance .balance-pay .balance-pay__choose .balance-pay__btn {
  box-sizing: border-box;
  border: 1px solid #cccccc;
  position: absolute;
  width: 14px;
  height: 14px;
  left: 0;
  top: 13px;
  border-radius: 50%;
  color: #0773fc;
}
.downloadPay .qrcode-page .balance .balance-pay .balance-pay__choose .balance-pay__btn[class~="active"] {
  border: 4px solid #0773fc;
}
.downloadPay .qrcode-page .balance .balance-pay .balance-price {
  float: left;
  font-size: 12px;
  margin-left: 24px;
  color: rgba(0, 0, 0, 0.6);
}
.downloadPay .qrcode-page .balance .balance-pay .buy {
  width: 120px;
  height: 40px;
  float: right;
}

.upgrade-member-pop[data-v-722a1ef8] {
  background-color: #fff;
  padding-bottom: 40px;
  border-radius: 9px;
}
.upgrade-member-pop p[data-v-722a1ef8] {
  margin: 0;
}
.upgrade-member-pop header[data-v-722a1ef8] {
  width: 100%;
  height: 140px;
  background: url(../svg/header-bg.png?802a96ffc3d9a4219b11d2beba1c6ddb) no-repeat;
  background-size: cover;
}
.upgrade-member-pop header p[data-v-722a1ef8] {
  font-size: 30px;
  color: #DCAD6E;
  text-align: center;
  font-weight: bold;
  line-height: 140px;
}
.upgrade-member-pop .content[data-v-722a1ef8] {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 34px 71px 0 51px;
}
.upgrade-member-pop .content .rights-list[data-v-722a1ef8] {
  display: flex;
  flex-direction: column;
}
.upgrade-member-pop .content .rights-list .rights-item[data-v-722a1ef8]:not(:last-child) {
  margin-bottom: 24px;
}
.upgrade-member-pop .content .rights-list .rights-item .title[data-v-722a1ef8] {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
}
.upgrade-member-pop .content .rights-list .rights-item .title span[data-v-722a1ef8] {
  width: 24px;
  height: 24px;
  background: url(../svg/content-icon.svg?1a621ad8c6ee1d1c20b02b9bf9145ca7) no-repeat;
  margin-right: 8px;
}
.upgrade-member-pop .content .rights-list .rights-item .desc[data-v-722a1ef8] {
  font-size: 14px;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.6);
  padding-left: 32px;
}
.upgrade-member-pop .content .rights-list[data-v-722a1ef8]:nth-child(2) {
  margin-left: 64px;
}
.upgrade-member-pop .see-more[data-v-722a1ef8] {
  width: 180px;
  height: 40px;
  display: block;
  text-decoration: none;
  background: #EEB86E;
  border-radius: 20px;
  margin: 40px auto 0;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

.guide-container[data-v-6273ceb0] {
  position: fixed;
  z-index: 10008;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
.guide-container .guideCon[data-v-6273ceb0] {
  display: inline-block;
  position: relative;
}
.guide-container .guideCon .guide-step-con[data-v-6273ceb0] {
  position: absolute;
  white-space: nowrap;
  bottom: -56px;
  margin-left: 100px;
  font-family: HYShiGuangTiW;
  font-size: 20px;
  color: #FFFFFF;
  letter-spacing: 0;
}
.guide-container .guideCon .guide-step-con .guide-arrow[data-v-6273ceb0] {
  position: absolute;
  width: 78px;
  height: 66px;
  left: -99px;
  bottom: 36px;
  background: url(../svg/guide-arrow.png?97fa253f864145ea252419e9871122ba) no-repeat;
  transform: rotate(-30deg);
  background-size: 78px 66px;
}
.guide-container .guideCon .guide-step-con .guide-descript[data-v-6273ceb0] {
  height: 20px;
}
.guide-container .guideCon .guide-step-con .guide__step-descript[data-v-6273ceb0] {
  margin-top: 24px;
  line-height: 20px;
  font-family: PingFangSC-Semibold;
  font-size: 14px;
  letter-spacing: 0;
  text-align: center;
}
.guide-container .guideCon .guide-step-con .guide__step-descript .guide__button[data-v-6273ceb0] {
  display: inline-block;
  padding: 6px 24px;
  background: #0773FC;
  border-radius: 20px;
}
.guide-container .guideCon .guide-step-con .guide__step-descript .guide__skip[data-v-6273ceb0] {
  margin: 6px 24px;
  border-radius: 20px;
}
.guide-container .guideCon .guide__material-hand[data-v-6273ceb0] {
  position: absolute;
  z-index: 10008;
  width: 140px;
  height: 90px;
  margin-left: -70px;
  bottom: -80px;
  animation: guide-hand-data-v-6273ceb0 2s ease-in-out infinite;
  background: url(../svg/guide-hand.png?3de5e9049e20e89b7943cb33535605fd) no-repeat;
  background-size: 140px auto;
}
@keyframes guide-hand-data-v-6273ceb0 {
0% {
    transform: translate(0, 0);
}
60% {
    transform: translate(500px, 200px);
    opacity: 1;
}
70% {
    transform: translate(500px, 200px);
    opacity: 0;
}
80% {
    transform: translate(0, 0);
    opacity: 0;
}
90% {
    transform: translate(0, 0);
    opacity: 1;
}
100% {
    transform: translate(0, 0);
    opacity: 1;
}
}

.fontChangeBox {
  padding-bottom: 10px;
}
.fontChangeBox .font-tip {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  line-height: 20px;
}
.fontChangeBox .fontChange-title {
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin: 0;
}
.fontChangeBox .fontChange-title span {
  float: left;
  width: 230px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.fontChangeBox .fontChange-title .futureFonty-title {
  margin-left: 30px;
}
.fontChangeBox .changeContent {
  width: 520px;
  margin: 0 auto;
  padding: 0 10px;
  box-sizing: border-box;
  max-height: 180px;
  overflow: auto;
}
.fontChangeBox .changeContent li {
  height: 40px;
  line-height: 40px;
  background: #f7f8f9;
  border-bottom: 1px solid #d8d8d8;
}
.fontChangeBox .changeContent li span {
  float: left;
}
.fontChangeBox .changeContent li .changes {
  width: 230px;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}
.fontChangeBox .changeContent li .changeTo {
  width: 0;
  height: 0;
  margin: 15px 5px 0;
  border-left: 8px solid rgba(0, 0, 0, 0.6);
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
}
.fontChangeBox .changeContent li::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.fontChangeBox .changeContent li:last-child {
  border-bottom: none;
}
.fontChangeBox .changeBtn {
  width: 180px;
  height: 40px;
  font-size: 14px;
  font-weight: bold;
  background: #0773fc;
  border-radius: 20px;
  color: #ffffff;
  margin-left: 170px;
  margin-top: 24px;
}

*[data-v-27df1972] {
  margin: 0;
}
.qrcode-container[data-v-27df1972] {
  position: relative;
}
.qrcode-icon[data-v-27df1972] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

*[data-v-8b197fa0] {
  margin: 0;
}
.inputs-container[data-v-8b197fa0] {
  position: relative;
  background-color: #fbfbfb;
  box-sizing: border-box;
  height: 40px;
  font-size: 14px;
  color: #4A4A4A;
  margin-bottom: 22px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  display: inline-block;
}
.inputs-container[class~="focusing"][data-v-8b197fa0] {
  box-shadow: 0 2px 8px 0 rgba(7, 174, 252, 0.32) !important;
}
.inputs-container[class~="input-error"][data-v-8b197fa0] {
  box-shadow: 0 2px 4px 0 rgba(255, 61, 103, 0.16);
}
.inputs-container input[data-v-8b197fa0] {
  width: 100%;
  float: left;
  padding-left: 16px;
  box-sizing: border-box;
  background-color: #fbfbfb;
  height: 40px;
  border: none;
  outline: none;
  user-select: text;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}
.inputs-container input[data-v-8b197fa0]::placeholder,
.inputs-container input[data-v-8b197fa0]:-moz-placeholder,
.inputs-container input[data-v-8b197fa0]::-webkit-input-placeholder,
.inputs-container input[data-v-8b197fa0]:-ms-input-placeholder {
  color: #999999;
  font-size: 14px;
}
.inputs-container[data-v-8b197fa0]:hover {
  background-color: #fbfbfb;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24);
}
.inputs-container .warning[data-v-8b197fa0] {
  display: block;
  font-size: 12px;
  width: 100%;
  height: 12px;
  line-height: 12px;
  color: #ff3d67;
  position: absolute;
  left: 0;
  bottom: -18px;
  text-align: left;
}
.inputs-container .associative-input[data-v-8b197fa0] {
  display: none;
  margin-top: 2px;
  height: auto !important;
  width: 350px;
  background-color: #fbfbfb;
  position: absolute;
  z-index: 1;
  top: 40px;
  left: 0;
  text-align: left;
  border-radius: 4px;
  overflow: hidden;
}
.inputs-container .associative-input li[data-v-8b197fa0] {
  line-height: 20px;
  padding-left: 16px;
}
.inputs-container .associative-input li[data-v-8b197fa0]:hover {
  background-color: #cdcdcd;
  cursor: pointer;
}
.inputs-container .associative-input .active[data-v-8b197fa0] {
  background-color: #cdcdcd;
}
.inputs-container .displayAssInput[data-v-8b197fa0] {
  display: block;
}

.code-input {
  margin-bottom: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
  border-radius: 4px;
}
.code-input input {
  background: #fff !important;
  border: 1px solid #EEEEEE !important;
  border-radius: 4px;
}

*[data-v-6f4502fe] {
  margin: 0;
}
.coupon-modal[data-v-6f4502fe] {
  position: relative;
  width: 548px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.16);
}
header[data-v-6f4502fe] {
  height: 55px;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 0 40px;
}
header .tabs[data-v-6f4502fe] {
  display: flex;
}
header .tabs span[data-v-6f4502fe] {
  height: 55px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  margin-right: 24px;
  line-height: 56px;
  cursor: pointer;
}
header .tabs span.tab--actived[data-v-6f4502fe] {
  font-weight: bold;
  color: #000000;
  border-bottom: 3px solid #0773FC;
  box-shadow: 0 5px 4px -4px rgba(7, 115, 252, 0.26);
}
header .close-icon[data-v-6f4502fe] {
  cursor: pointer;
}
.coupon-list__wrapper[data-v-6f4502fe] {
  height: 392px;
  padding: 24px 40px;
}
.coupon-list__wrapper .no-content[data-v-6f4502fe] {
  padding-top: 110px;
  text-align: center;
}
.coupon-list__wrapper .no-content img[data-v-6f4502fe] {
  width: 100px;
  margin-bottom: 16px;
}
.coupon-list__wrapper .no-content p[data-v-6f4502fe] {
  color: #626262;
}
.coupon-list__wrapper .coupon-list__item[data-v-6f4502fe] {
  display: inline-block;
  vertical-align: top;
  width: 227px;
  height: 78px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  background-image: url(../svg/price_pay_quan.png?0eadab659dcc117d414a31ee993a5f1c);
  margin-bottom: 8px;
  text-align: left;
  cursor: pointer;
}
.coupon-list__wrapper .coupon-list__item[data-v-6f4502fe]:nth-child(2n-1) {
  margin-right: 8px;
}
.coupon-list__wrapper .coupon-item__info[data-v-6f4502fe] {
  padding: 18px 11px;
  display: flex;
}
.coupon-list__wrapper .coupon-item__info .coupon-item__amount[data-v-6f4502fe] {
  display: flex;
  justify-content: center;
  align-items: baseline;
  color: #B58867;
  width: 5em;
}
.coupon-list__wrapper .coupon-item__info .coupon-item__amount .amount-symbol[data-v-6f4502fe] {
  vertical-align: bottom;
  font-size: 12px;
}
.coupon-list__wrapper .coupon-item__info .coupon-item__amount .coupon-item__amount-number[data-v-6f4502fe] {
  font-size: 32px;
  margin-right: 16px;
  font-weight: bold;
}
.coupon-list__wrapper .coupon-item__info .coupon-item__use-limit[data-v-6f4502fe] {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
}
.coupon-list__wrapper .coupon-item__info .coupon-item__use-limit .coupon-item__amount-threshold[data-v-6f4502fe] {
  font-size: 14px;
  color: #B58867;
  font-weight: bold;
}
.coupon-list__wrapper .coupon-item__info .coupon-item__use-limit .coupon-item__valid-time[data-v-6f4502fe] {
  margin-top: 4px;
  font-size: 12px;
  color: rgba(181, 136, 103, 0.8);
  line-height: 20px;
}
.coupon-list__wrapper .coupon-item__use-tips[data-v-6f4502fe] {
  color: #626262;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  padding-left: 16px;
}
.coupon-list__wrapper .coupon-list__item--cant[data-v-6f4502fe] {
  cursor: default;
  background-image: url(../svg/price_pay_quan_ed.png?3a09aacb4e6967b117d0bbfe691598a9);
  opacity: 0.6;
}
.coupon-code__wrapper[data-v-6f4502fe] {
  height: 200px;
  padding: 40px  46px;
}
.coupon-code__wrapper .coupon-input-container[data-v-6f4502fe] {
  display: flex;
  align-items: center;
}
.coupon-code__wrapper .coupon-input-container .label[data-v-6f4502fe] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  margin-right: 14px;
}
.coupon-code__wrapper .coupon-input-container .get-way[data-v-6f4502fe] {
  font-size: 14px;
  color: #0773FC;
  margin-left: 28px;
  text-decoration: none;
}
.coupon-code__wrapper .coupon-btn[data-v-6f4502fe] {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.coupon-code__wrapper .coupon-btn button[data-v-6f4502fe] {
  width: 114px;
  line-height: 40px;
  background: #0773FC;
  border-radius: 4px;
  font-size: 14px;
  color: #FFFFFF;
  font-weight: bold;
  outline: none;
  border: none;
  text-align: center;
}
.coupon-code__wrapper .coupon-btn .primary-btn[data-v-6f4502fe] {
  margin-right: 32px;
  cursor: not-allowed;
}
.coupon-code__wrapper .coupon-btn .primary-btn.btn--active[data-v-6f4502fe] {
  cursor: pointer;
}
.coupon-code__wrapper .coupon-btn .default-btn[data-v-6f4502fe] {
  background: #F7F8F9;
  border: 1px solid #DDDDDD;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

.transfer-pop[data-v-4179b5ee] {
  min-width: 600px;
  background: #fff;
  padding-bottom: 32px;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pop-header[data-v-4179b5ee] {
  width: 100%;
  height: 63px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
.pop-header .pop-title[data-v-4179b5ee] {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
}
.pop-header .close-icon[data-v-4179b5ee] {
  cursor: pointer;
}
.title[data-v-4179b5ee] {
  width: 100%;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F3F4F9;
  margin-bottom: 22px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
}
.title .next-icon[data-v-4179b5ee] {
  margin: 0 14px;
}
.container .form-group[data-v-4179b5ee] {
  display: flex;
  align-items: flex-end;
  margin-bottom: 16px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}
.container .form-group.last[data-v-4179b5ee] {
  margin-bottom: 10px;
}
.container .form-group label[data-v-4179b5ee] {
  width: 70px;
  text-align: right;
  margin-right: 40px;
}
.container .form-group span[data-v-4179b5ee] {
  font-size: 14px;
}
.container .form-group span b[data-v-4179b5ee] {
  color: #FA2323;
}
.container .form-group .error-message[data-v-4179b5ee] {
  width: 150px;
  text-align: left;
  font-size: 12px;
  color: #e64340;
  line-height: 12px;
  margin-left: 110px;
  margin-bottom: 6px;
  opacity: 0;
}
.container .form-group .error-message.show-message[data-v-4179b5ee] {
  opacity: 1;
}
.container .form-group.file[data-v-4179b5ee] {
  flex-direction: column;
  align-items: unset;
  margin-bottom: 10px;
}
.container .form-group.file .form-content[data-v-4179b5ee] {
  display: flex;
  align-items: center;
}
.container .form-group.file .form-content .image-list[data-v-4179b5ee] {
  display: flex;
}
.container .form-group.file .form-content .image-list .upload-file[data-v-4179b5ee] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 92px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}
.container .form-group.file .form-content .image-list .upload-file .image-warp[data-v-4179b5ee] {
  width: 100px;
  height: 40px;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  display: none;
}
.container .form-group.file .form-content .image-list .upload-file[data-v-4179b5ee]:hover {
  border: 1px solid #0773fc;
  border-radius: 4px;
  color: #0773fc;
}
.container .form-group.file .form-content .image-list .upload-file.image[data-v-4179b5ee] {
  border-radius: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.container .form-group.file .form-content .image-list .upload-file.image[data-v-4179b5ee]:hover {
  border: 1px solid #d8d8d8;
  border-radius: 0;
}
.container .form-group.file .form-content .image-list .upload-file.image:hover .image-warp[data-v-4179b5ee] {
  display: block;
}
.container .form-group.file .form-content .image-list .example-image[data-v-4179b5ee] {
  width: 85px;
  height: 40px;
  position: relative;
  margin-left: 20px;
  cursor: pointer;
}
.container .form-group.file .form-content .image-list .example-image img[data-v-4179b5ee] {
  width: 100%;
  height: 100%;
}
.container .form-group.file .form-content .image-list .example-image .example-icon[data-v-4179b5ee] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 32px;
  height: 12px;
  background: url(../svg/public_transfer_example_img_icon.svg?9a103da483f7b6d5ae849a1d753ce118) no-repeat;
}
.container .form-group.input[data-v-4179b5ee] {
  flex-direction: column;
  align-items: unset;
  margin-bottom: 4px;
}
.container .form-group.input .form-content[data-v-4179b5ee] {
  display: flex;
  align-items: center;
}
.container .form-group.input .form-content .input-item[data-v-4179b5ee] {
  width: 396px;
  height: 40px;
  outline: none;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding-left: 12px;
}
.container .form-group.input .form-content .input-item.error[data-v-4179b5ee] {
  background: #ffffff;
  border: 1px solid #e64340;
  box-shadow: 2px 2px 2px rgba(230, 67, 64, 0.1);
}
.container .form-group.input .form-content .input-item[data-v-4179b5ee]:focus {
  border: 1px solid #0773fc;
  box-shadow: 2px 2px rgba(7, 174, 252, 0.1);
  background: #ffffff;
}
.container .form-group.textarea[data-v-4179b5ee] {
  align-items: center;
  padding-top: 18px;
}
.container .form-group.textarea .textarea[data-v-4179b5ee] {
  width: 396px;
  height: 68px;
  outline: none;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 11px 12px;
  resize: none;
}
.container .form-group.textarea .textarea[data-v-4179b5ee]:focus {
  border: 1px solid #0773fc;
  box-shadow: 2px 2px rgba(7, 174, 252, 0.1);
}
.submit[data-v-4179b5ee] {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.submit .submit-button[data-v-4179b5ee] {
  width: 100px;
  height: 40px;
  outline: none;
  border: none;
  background: #0773fc;
  border-radius: 3px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}
.submit .submit-button[data-v-4179b5ee]:hover {
  opacity: 0.8;
}
.submit p[data-v-4179b5ee] {
  font-size: 12px;
  color: #9b9b9b;
  margin-top: 12px;
}

.blod[data-v-9544f006] {
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
}
.recharge-pop[data-v-9544f006] {
  width: 570px;
  min-height: 544px;
  background: #fff;
  border-radius: 6px;
}
.recharge-pop header[data-v-9544f006] {
  width: 100%;
  height: 62px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
}
.recharge-pop header .pop-title[data-v-9544f006] {
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
  font-size: 16px;
}
.recharge-pop header .close-icon[data-v-9544f006] {
  cursor: pointer;
}
.recharge-pop main[data-v-9544f006] {
  padding: 24px 40px 40px;
}
.recharge-pop main .content-subtitle[data-v-9544f006] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.recharge-pop main .content-subtitle .title[data-v-9544f006] {
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
  font-size: 14px;
}
.recharge-pop main .content-subtitle .need-to-know[data-v-9544f006] {
  cursor: pointer;
}
.recharge-pop main .content-subtitle .need-to-know span[data-v-9544f006] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  margin-left: 6px;
}
.recharge-pop main .content-subtitle .need-to-know p[data-v-9544f006] {
  white-space: normal;
}
.recharge-pop main .content-subtitle .need-to-know__content[data-v-9544f006] {
  width: 330px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 22px;
  text-align: left;
  padding: 12px 4px;
}
.recharge-pop main .content-subtitle .need-to-know__content p[data-v-9544f006] {
  font-weight: normal;
}
.recharge-pop main .select-list[data-v-9544f006] {
  padding-top: 16px;
  display: flex;
  flex-wrap: wrap;
}
.recharge-pop main .select-list li[data-v-9544f006] {
  width: 150px;
  height: 68px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  cursor: pointer;
}
.recharge-pop main .select-list li[data-v-9544f006]:nth-child(n+4) {
  margin-top: 16px;
}
.recharge-pop main .select-list li[data-v-9544f006]:not(:nth-child(3n)) {
  margin-right: 20px;
}
.recharge-pop main .select-list li .choose-money[data-v-9544f006] {
  font-size: 14px;
  color: #FA2323;
}
.recharge-pop main .select-list li .choose-money .price[data-v-9544f006] {
  font-size: 24px;
}
.recharge-pop main .select-list li .coupon-money[data-v-9544f006] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.recharge-pop main .select-list li.active[data-v-9544f006] {
  background: rgba(7, 115, 252, 0.1);
  border: 1px solid #0773FC;
}
.recharge-pop main .choose-pay-way[data-v-9544f006] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
}
.recharge-pop main .choose-pay-way .title[data-v-9544f006] {
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
}
.recharge-pop main .choose-pay-way .invoice[data-v-9544f006] {
  font-size: 14px;
  color: #0773FC;
  text-decoration: underline;
}
.recharge-pop main .pay-way-list[data-v-9544f006] {
  padding-top: 16px;
  display: flex;
}
.recharge-pop main .pay-way-list li[data-v-9544f006] {
  width: 150px;
  height: 40px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}
.recharge-pop main .pay-way-list li[data-v-9544f006]:not(:last-child) {
  margin-right: 20px;
}
.recharge-pop main .pay-way-list li.active[data-v-9544f006] {
  background: rgba(7, 115, 252, 0.1);
  border: 1px solid #0773FC;
  color: rgba(0, 0, 0, 0.6);
}
.recharge-pop main .ali-pay[data-v-9544f006] {
  padding-top: 16px;
}
.recharge-pop main .qrcode-way[data-v-9544f006] {
  display: flex;
  align-items: center;
  padding-top: 24px;
}
.recharge-pop main .qrcode-way .mpay-qrcode-container[data-v-9544f006] {
  position: relative;
  width: 140px;
  height: 140px;
  padding: 11px;
  text-align: center;
  background-image: url(../svg/qrcode_bg.png?ae5e2b652b21ac2f6d31f895432d2d0e);
  background-size: contain;
}
.recharge-pop main .qrcode-way .mpay-qrcode-tips[data-v-9544f006] {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}
.recharge-pop main .qrcode-way .mpay-qrcode-tips .qr-tip[data-v-9544f006] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
  margin: 10px 0 0;
}
.recharge-pop main .transfer-way[data-v-9544f006] {
  padding-top: 16px;
}
.recharge-pop main .transfer-way > p[data-v-9544f006] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 18px;
  margin-bottom: 16px;
}
.recharge-pop main .pay-info-container[data-v-9544f006] {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  margin: 0;
}
.recharge-pop main .pay-info-container .need-to-pay[data-v-9544f006] {
  font-size: 24px;
  color: #FA2323;
  font-weight: bold;
  margin: 0 8px 0 2px;
}
.recharge-pop main .pay-button-container[data-v-9544f006] {
  display: flex;
  align-items: center;
  margin-top: 32px;
}
.recharge-pop main .pay-button-container .pay-button[data-v-9544f006] {
  padding: 10px 32px;
  background: #0773FC;
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}
.recharge-pop main .pay-button-container .arrival-time[data-v-9544f006] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  margin-left: 7px;
}


*[data-v-6849747a] {
  margin: 0;
}
.feature-icon[data-v-6849747a] {
  display: inline-block;
  background-image: url(../svg/vipPop_icon.svg?3a314aafbba43fcfa972e3e07cab10bd);
}
.vip-pop-content__intro[data-v-6849747a] {
  display: flex;
  width: 860px;
  height: 560px;
}
.vip-pop-content__intro .vip-pop-content-intro__left-detail[data-v-6849747a] {
  width: 640px;
  padding-left: 16px;
  padding-right: 24px;
  border-right: 1px solid #eee;
}
.vip-pop-content__intro .vip-pop-content-intro__left-detail head[data-v-6849747a] {
  display: flex;
}
.vip-pop-content__intro .vip-pop-content-intro__left-detail head .feature-icon[data-v-6849747a] {
  width: 64px;
  height: 64px;
  background-size: 900%;
  margin-right: 12px;
}
.vip-pop-content__intro .vip-pop-content-intro__left-detail head .feature-icon-1[data-v-6849747a] {
  background-position-x: -64px;
}
.vip-pop-content__intro .vip-pop-content-intro__left-detail head .feature-icon-2[data-v-6849747a] {
  background-position-x: -128px;
}
.vip-pop-content__intro .vip-pop-content-intro__left-detail head .feature-icon-3[data-v-6849747a] {
  background-position-x: -192px;
}
.vip-pop-content__intro .vip-pop-content-intro__left-detail head .feature-icon-4[data-v-6849747a] {
  background-position-x: -256px;
}
.vip-pop-content__intro .vip-pop-content-intro__left-detail head .feature-icon-5[data-v-6849747a] {
  background-position-x: -320px;
}
.vip-pop-content__intro .vip-pop-content-intro__left-detail head .feature-icon-6[data-v-6849747a] {
  background-position-x: -384px;
}
.vip-pop-content__intro .vip-pop-content-intro__left-detail head .feature-icon-7[data-v-6849747a] {
  background-position-x: -448px;
}
.vip-pop-content__intro .vip-pop-content-intro__left-detail head .feature-icon-8[data-v-6849747a] {
  background-position-x: -512px;
}
.vip-pop-content__intro .vip-pop-content-intro__left-detail head .feature-icon-9[data-v-6849747a] {
  background-position-x: -576px;
}
.vip-pop-content__intro .vip-pop-content-intro__left-detail head .title-wrap[data-v-6849747a] {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  color: rgba(0, 0, 0, 0.8);
}
.vip-pop-content__intro .vip-pop-content-intro__left-detail head .title-wrap .title[data-v-6849747a] {
  font-size: 20px;
  font-weight: bold;
}
.vip-pop-content__intro .vip-pop-content-intro__left-detail head .title-wrap .sub-title[data-v-6849747a] {
  font-size: 14px;
}
.vip-pop-content__intro .vip-pop-content-intro__left-detail main[data-v-6849747a] {
  color: rgba(0, 0, 0, 0.8);
  margin-top: 20px;
}
.vip-pop-content__intro .vip-pop-content-intro__left-detail main .intro-info[data-v-6849747a] {
  height: 438px;
}
.vip-pop-content__intro .vip-pop-content-intro__left-detail main .description[data-v-6849747a] {
  margin-bottom: 20px;
}
.vip-pop-content__intro .vip-pop-content-intro__left-detail main .video[data-v-6849747a] {
  display: block;
  margin-bottom: 16px;
  width: 602px;
  height: 338px;
  box-shadow: 0 0 8px 0 rgba(81, 114, 156, 0.12);
}
.vip-pop-content__intro .vip-pop-content-intro__right-list[data-v-6849747a] {
  padding-left: 24px;
  padding-right: 42px;
}
.vip-pop-content__intro .vip-pop-content-intro__right-list .feature-title[data-v-6849747a] {
  color: rgba(0, 0, 0, 0.8);
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 20px;
}
.vip-pop-content__intro .vip-pop-content-intro__right-list .feature-list li[data-v-6849747a] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.vip-pop-content__intro .vip-pop-content-intro__right-list .feature-list li .feature-icon[data-v-6849747a] {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 8px;
}
.vip-pop-content__intro .vip-pop-content-intro__right-list .feature-list li .feature-icon-1[data-v-6849747a] {
  background-position-x: -40px;
}
.vip-pop-content__intro .vip-pop-content-intro__right-list .feature-list li .feature-icon-2[data-v-6849747a] {
  background-position-x: -80px;
}
.vip-pop-content__intro .vip-pop-content-intro__right-list .feature-list li .feature-icon-3[data-v-6849747a] {
  background-position-x: -120px;
}
.vip-pop-content__intro .vip-pop-content-intro__right-list .feature-list li .feature-icon-4[data-v-6849747a] {
  background-position-x: -160px;
}
.vip-pop-content__intro .vip-pop-content-intro__right-list .feature-list li .feature-icon-5[data-v-6849747a] {
  background-position-x: -200px;
}
.vip-pop-content__intro .vip-pop-content-intro__right-list .feature-list li .feature-icon-6[data-v-6849747a] {
  background-position-x: -240px;
}
.vip-pop-content__intro .vip-pop-content-intro__right-list .feature-list li .feature-icon-7[data-v-6849747a] {
  background-position-x: -280px;
}
.vip-pop-content__intro .vip-pop-content-intro__right-list .feature-list li .feature-icon-8[data-v-6849747a] {
  background-position-x: -320px;
}
.vip-pop-content__intro .vip-pop-content-intro__right-list .feature-list li .feature-icon-9[data-v-6849747a] {
  background-position-x: -360px;
}
.vip-pop-content__intro .vip-pop-content-intro__right-list .feature-list li .title[data-v-6849747a] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
}
.vip-pop-content__intro .vip-pop-content-intro__right-list .feature-list li[data-v-6849747a]:not(:last-child) {
  margin-bottom: 16px;
}
.vip-pop-content__intro .vip-pop-content-intro__right-list .feature-list li.active .title[data-v-6849747a] {
  font-weight: bold;
}
.vip-pop-content__buy[data-v-6849747a] {
  display: flex;
  flex-direction: column;
  width: 1000px;
  background: #fff;
  border-radius: 6px;
  padding: 0 42px 56px;
  overflow: hidden;
}
.vip-pop-content__buy header[data-v-6849747a] {
  width: 100%;
  height: 101px;
  border-radius: 0px 6px 0px 0px;
  display: flex;
}
.vip-pop-content__buy header span[data-v-6849747a] {
  width: 50%;
  display: inline-flex;
  justify-content: center;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.8);
  border-bottom: 1px solid #E6E6E6;
  padding: 49px 0 23px;
  cursor: pointer;
}
.vip-pop-content__buy header span .icon[data-v-6849747a] {
  width: 34px;
  height: 28px;
  background: url(../svg/vipPop_buy_icon_1.png?72a9bc09f8ab3625e14593ee16e99617);
  margin-right: 12px;
}
.vip-pop-content__buy header span .icon.high[data-v-6849747a] {
  background: url(../svg/vipPop_buy_icon_3.png?89988af3b9aaecfcedbf748e94735aab);
}
.vip-pop-content__buy header span.active[data-v-6849747a] {
  color: #0773fc;
  font-weight: bold;
  border-bottom: 2px solid #0773fc;
}
.vip-pop-content__buy header span.active-high[data-v-6849747a] {
  color: #EFB76E;
  font-weight: bold;
  border-bottom: 2px solid #EFB76E;
}
.vip-pop-content__buy main[data-v-6849747a] {
  padding-top: 24px;
}
.vip-pop-content__buy main .vip-range[data-v-6849747a] {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
  line-height: 22px;
}
.vip-pop-content__buy main .vip-desc[data-v-6849747a] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 12px;
  line-height: 14px;
}
.vip-pop-content__buy main .select-section[data-v-6849747a] {
  margin-top: 24px;
}
.vip-pop-content__buy main .select-section .section-title[data-v-6849747a] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 12px;
  line-height: 20px;
}
.vip-pop-content__buy main .select-section .section-title .description-icon[data-v-6849747a] {
  cursor: pointer;
}
.vip-pop-content__buy main .select-section .section-title .member-description-wrap[data-v-6849747a] {
  border-radius: 4px;
  width: 335px;
  white-space: normal;
  padding: 10px 4px 4px;
  box-sizing: border-box;
}
.vip-pop-content__buy main .select-section .section-title .member-description-wrap p[data-v-6849747a] {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 18px;
  margin-bottom: 8px;
}
.vip-pop-content__buy main .select-section .section-title .vip-terms[data-v-6849747a] {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  margin-left: 16px;
  text-decoration: none;
}
.vip-pop-content__buy main .select-section .section-list[data-v-6849747a] {
  display: flex;
}
.vip-pop-content__buy main .select-section .section-list li[data-v-6849747a] {
  position: relative;
  width: 150px;
  background: #FFFFFF;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  overflow: hidden;
  cursor: pointer;
}
.vip-pop-content__buy main .select-section .section-list li[data-v-6849747a]:not(:last-child) {
  margin-right: 24px;
}
.vip-pop-content__buy main .select-section .section-list li[data-v-6849747a]:hover {
  border-color: #0773fc;
}
.vip-pop-content__buy main .select-section .section-list li.active[data-v-6849747a] {
  color: rgba(0, 0, 0, 0.8);
  border-color: #0773fc;
  background: rgba(7, 115, 252, 0.1);
}
.vip-pop-content__buy main .select-section .section-list li.hightLevel[data-v-6849747a]:hover {
  border: 1px solid #EFB76E;
}
.vip-pop-content__buy main .select-section .section-list li.hightLevel.active[data-v-6849747a] {
  color: rgba(0, 0, 0, 0.8);
  background: rgba(239, 183, 110, 0.1);
  border: 1px solid #EFB76E;
}
.vip-pop-content__buy main .select-section .section-list li .active-icon[data-v-6849747a] {
  position: absolute;
  bottom: -14px;
  right: -3px;
}
.vip-pop-content__buy main .select-section .section-list.member-count li[data-v-6849747a] {
  font-weight: bold;
  line-height: 40px;
}
.vip-pop-content__buy main .select-section .section-list.duration-list li[data-v-6849747a] {
  height: 80px;
  width: 220px;
  display: inline-flex;
}
.vip-pop-content__buy main .select-section .section-list.duration-list li[data-v-6849747a]:not(:last-child) {
  margin-right: 20px;
}
.vip-pop-content__buy main .select-section .section-list.duration-list li .duration[data-v-6849747a] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  line-height: 80px;
  background: #fafbfb;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.6);
}
.vip-pop-content__buy main .select-section .section-list.duration-list li .price[data-v-6849747a] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(100% - 80px);
  line-height: 20px;
  background: #fff;
}
.vip-pop-content__buy main .select-section .section-list.duration-list li .discount-price[data-v-6849747a] {
  font-size: 16px;
  color: #fa2323;
  line-height: 20px;
  margin-bottom: 3px;
}
.vip-pop-content__buy main .select-section .section-list.duration-list li .per-price[data-v-6849747a] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.vip-pop-content__buy main .select-section .section-list.duration-list li .init-price[data-v-6849747a] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  text-decoration: line-through;
}
.vip-pop-content__buy main .select-section .section-list.duration-list li .active-icon[data-v-6849747a] {
  bottom: -8px;
  right: -4px;
}
.vip-pop-content__buy main .select-section .section-list.duration-list li.active[data-v-6849747a] {
  background: #fafbfb;
}
.vip-pop-content__buy main .select-section .section-list.duration-list li.active .duration[data-v-6849747a] {
  color: rgba(0, 0, 0, 0.8);
  background: rgba(7, 115, 252, 0.1);
}
.vip-pop-content__buy main .select-section .section-list.duration-list li.active .price[data-v-6849747a] {
  background: rgba(7, 115, 252, 0.04);
}
.vip-pop-content__buy main .select-section .section-list.duration-list li.hightLevel.active .duration[data-v-6849747a] {
  background: rgba(239, 183, 110, 0.1);
}
.vip-pop-content__buy main .select-section .section-list.duration-list li.hightLevel.active .price[data-v-6849747a] {
  background: rgba(239, 183, 110, 0.04);
}
.vip-pop-content__buy main .select-section .section-list.pay-way-list li[data-v-6849747a] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 40px;
}
.vip-pop-content__buy main .select-section .section-list.pay-way-list li[data-v-6849747a]:not(:last-child) {
  margin-right: 20px;
}
.vip-pop-content__buy main .coupon-container[data-v-6849747a] {
  display: inline-block;
  text-align: left;
  margin-top: 12px;
  margin-bottom: 20px;
}
.vip-pop-content__buy main .coupon-container .coupon__use[data-v-6849747a] {
  color: #0773fc;
  cursor: pointer;
}
.vip-pop-content__buy main .coupon-container .coupon__used .coupon-amount[data-v-6849747a] {
  color: #ff3d67;
  margin-right: 16px;
}
.vip-pop-content__buy main .coupon-container .coupon__used span[data-v-6849747a] {
  color: #0773fc;
  margin-right: 8px;
  cursor: pointer;
}
.vip-pop-content__buy main .coupon-container.hightLevel .coupon__used span[data-v-6849747a] {
  color: #eeb86e;
}
.vip-pop-content__buy main .balance-way[data-v-6849747a] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 4px;
}
.vip-pop-content__buy main .balance-way span[data-v-6849747a] {
  margin-left: 12px;
  color: #0773fc;
  cursor: pointer;
}
.vip-pop-content__buy main .transfer-way[data-v-6849747a] {
  margin: 12px 0;
}
.vip-pop-content__buy main .transfer-way > p[data-v-6849747a] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 18px;
}
.vip-pop-content__buy main .transfer-way > p[data-v-6849747a]:not(:first-child) {
  margin-top: 16px;
}
.vip-pop-content__buy main .transfer-way .tips[data-v-6849747a] {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 27px;
}
.vip-pop-content__buy main .qrcode-way[data-v-6849747a] {
  display: flex;
}
.vip-pop-content__buy main .qrcode-way .mpay-qrcode-container[data-v-6849747a] {
  position: relative;
  width: 144px;
  height: 144px;
  padding: 12px;
  text-align: center;
  background-image: url(../svg/qrcode_bg.png?ae5e2b652b21ac2f6d31f895432d2d0e);
  background-size: contain;
}
.vip-pop-content__buy main .qrcode-way .mpay-qrcode-container.high-level[data-v-6849747a] {
  background-image: url(../svg/qrcode_bg_high_level.png?1875c4ef5b97fb833e6b3ffb1e4891be);
}
.vip-pop-content__buy main .qrcode-way .mpay-qrcode-container .refresh-mask[data-v-6849747a] {
  position: absolute;
  top: 14px;
  left: 14px;
  display: inline-block;
  width: 120px;
  height: 120px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url(../svg/price_refresh_qrcode.svg?0927ca910842f5e6a23fe3dd55265c59);
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: center;
}
.vip-pop-content__buy main .qrcode-way .mpay-qrcode-container .qr-price[data-v-6849747a] {
  position: absolute;
  top: 40px;
  left: 124px;
  text-align: left;
}
.vip-pop-content__buy main .qrcode-way .mpay-qrcode-container .qr-price p[data-v-6849747a] {
  white-space: nowrap;
}
.vip-pop-content__buy main .qrcode-way .mpay-qrcode-container .qr-price .discount-price[data-v-6849747a] {
  font-size: 26px;
}
.vip-pop-content__buy main .qrcode-way .mpay-text[data-v-6849747a] {
  margin-left: 24px;
}
.vip-pop-content__buy main .qrcode-way .mpay-text .qr-tip[data-v-6849747a] {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  margin-top: 14px;
}
.vip-pop-content__buy main .qrcode-way .mpay-text .qr-tip span[data-v-6849747a] {
  width: 24px;
  height: 24px;
  background: url(../svg/vipPop_pay_icon.svg?d0e4dd1d53397dd59b5c6e1af9d13b2b) no-repeat 0px 0px;
}
.vip-pop-content__buy main .qrcode-way .mpay-text .qr-tip span[data-v-6849747a]:last-child {
  background-position-x: -24px;
  margin: 0 12px 0 8px;
}
.vip-pop-content__buy main .qrcode-way .mpay-text .invoice[data-v-6849747a] {
  margin-top: 35px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
}
.vip-pop-content__buy main .pay-info-container[data-v-6849747a] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  margin-top: 12px;
  margin-bottom: 16px;
  line-height: 24px;
}
.vip-pop-content__buy main .pay-info-container .need-to-pay[data-v-6849747a] {
  font-weight: bold;
  font-size: 24px;
  color: #fa2323;
  margin-right: 12px;
}
.vip-pop-content__buy main .pay-info-container .line-through[data-v-6849747a] {
  color: rgba(0, 0, 0);
}
.vip-pop-content__buy main .pay-group[data-v-6849747a] {
  display: flex;
  align-items: center;
}
.vip-pop-content__buy main .pay-group .pay-button[data-v-6849747a] {
  width: 120px;
  height: 40px;
  padding: 6px 15px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
}
.vip-pop-content__buy main .pay-group .pay-button.high-level[data-v-6849747a] {
  background: #eeb86e;
  border: 1px solid #EFB76E;
}
.vip-pop-content__buy main .pay-group .pay-button.high-level[data-v-6849747a]:hover {
  opacity: 0.9;
}
.vip-pop-content__buy main .pay-group .pay-tips[data-v-6849747a] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
  margin-left: 24px;
}
.vip-pop-content__buy main .submit-button[data-v-6849747a] {
  display: flex;
  align-items: center;
}
.vip-pop-content__buy main .submit-button .pay-button[data-v-6849747a] {
  width: 176px;
  height: 40px;
  padding: 6px 15px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
}
.vip-pop-content__buy main .submit-button .pay-button.high-level[data-v-6849747a] {
  background: #eeb86e;
  border: 1px solid #EFB76E;
}
.vip-pop-content__buy main .submit-button .pay-button.high-level[data-v-6849747a]:hover {
  opacity: 0.9;
}
.vip-pop-content__buy main .submit-button .arrival-time[data-v-6849747a] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  margin-left: 12px;
}
.first-recharge[data-v-6849747a] {
  width: 520px;
  height: 472px;
  background: url(../svg/price_first_recharge_bg.png?08964be69ec2a116f778a66a4a816f70) no-repeat;
  position: relative;
}
.first-recharge .button-group[data-v-6849747a] {
  position: absolute;
  bottom: 80px;
  left: 180px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.first-recharge .button-group .receive[data-v-6849747a] {
  width: 160px;
  height: 40px;
  background-image: linear-gradient(0deg, #fd0f0b 0%, #f85832 100%);
  border-radius: 4px;
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
.first-recharge .button-group .receive[data-v-6849747a]:hover {
  background: #fd100b;
}
.first-recharge .button-group .refuse[data-v-6849747a] {
  margin-top: 10px;
  font-size: 16px;
  color: #333333;
  cursor: pointer;
}
.first-recharge .button-group .refuse[data-v-6849747a]:hover {
  color: #fd0f0b;
}
.refuse-tips[data-v-6849747a] {
  width: 400px;
  height: 237px;
  background: #ffffff;
  border-radius: 6px;
  padding: 0 20px;
}
.refuse-tips header[data-v-6849747a] {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px solid #e6e6e6;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8);
  font-weight: bold;
}
.refuse-tips header .close-icon[data-v-6849747a] {
  cursor: pointer;
}
.refuse-tips main[data-v-6849747a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 0;
}
.refuse-tips main p[data-v-6849747a] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  letter-spacing: 0;
  font-weight: bold;
}
.refuse-tips main .button-group[data-v-6849747a] {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.refuse-tips main .button-group .receive[data-v-6849747a] {
  width: 120px;
  height: 40px;
  background-image: linear-gradient(0deg, #fd0f0b 0%, #f85832 100%);
  border-radius: 4px;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
.refuse-tips main .button-group .receive[data-v-6849747a]:hover {
  background: #fd100b;
}
.refuse-tips main .button-group .refuse[data-v-6849747a] {
  width: 120px;
  height: 40px;
  background: #f7f8f9;
  border: 1px solid #dddddd;
  border-radius: 4px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 40px;
  margin-left: 30px;
  text-align: center;
  cursor: pointer;
}
.refuse-tips main .button-group .refuse[data-v-6849747a]:hover {
  background: #dddddd;
  border: 1px solid #e6e6e6;
}

.downloadPay-docer {
  width: 100%;
  height: 340px;
}
.downloadPay-docer .copyrightsContent {
  width: 520px;
  height: 250px;
  padding: 0 20px;
  overflow: auto;
}
.downloadPay-docer .copyrightsContent .copyright-img {
  width: 100px;
  height: 67px;
  margin-left: 20px;
  margin-bottom: 20px;
  float: left;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #f3f4f9;
  background-position: center;
}
.downloadPay-docer .copyrightsContent .copyright-img:nth-child(4n + 1) {
  margin-left: 0px;
}
.downloadPay-docer .downloadyPay-bottom {
  height: 90px;
  width: 540px;
  position: relative;
  left: -20px;
  box-shadow: 0 -10px 14px 0 rgba(14, 20, 48, 0.04);
}
.downloadPay-docer .downloadyPay-bottom .downloadPay-btn {
  width: 200px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 40px;
  transform: translateX(-50%);
  border: 1px solid #FA6B32;
  background: #FA6B32;
  border-radius: 4px;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
}

.copyrightScope {
  width: 1000px;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
}
.copyrightScope .copyrightScope-mask_top {
  width: 100%;
  height: 8px;
  background: #FFFFFF;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 20;
}
.copyrightScope .copyrightScope-mask_bottom {
  width: 100%;
  height: 8px;
  background: #FFFFFF;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 20;
}
.copyrightScope .copyrightScopeBox {
  overflow: auto;
  padding: 48px 40px 40px;
  height: 850px;
  width: 100%;
}
.copyrightScope .copyrightScopeBox .copyrightScope-title {
  text-align: center;
  margin: 0;
  font-weight: bold;
  margin-bottom: 24px;
  font-size: 28px;
  color: rgba(0, 0, 0, 0.8);
}
.copyrightScope .copyrightScopeBox .copyrightScope-tip {
  width: 920px;
  font-size: 14px;
  margin: 0;
  color: rgba(0, 0, 0, 0.8);
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content {
  position: relative;
  top: -20px;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap {
  margin-top: 40px;
  display: flex;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .row-title {
  display: inline-flex;
  margin: 0;
  align-items: center;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .row-title span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 116px;
  font-size: 20px;
  font-weight: bold;
  background: #f8f8fb;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-right: none;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .row-title span.comparison {
  width: 450px;
  background: #ffffff;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .row-title span.standard {
  width: 234px;
  background: #ffffff;
  display: block;
  font-size: 20px;
  padding-top: 5px;
  color: rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 18px 0px 22px;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .row-title span.standard .standardtop {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 28px;
  border: 0px;
  background: #FFFFff;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .row-title span.standard .standardtop .standardimg {
  width: 34px;
  height: 28px;
  display: inline-block;
  margin-right: 8px;
  background: url(../svg/copyright-vipIcons.svg?f84c8ad78ef0d7b1b090f3d36dbaccc3) 0px 0px no-repeat;
  border: 0px;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .row-title span.standard .standardtop .standardSpan {
  font-size: 20px;
  color: #483213;
  height: 28px;
  border: 0px;
  background: #FFFFff;
  font-weight: bold;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .row-title span.standard .openVip {
  font-weight: normal;
  background: #E0EBF8;
  border: 1px solid #0773FC;
  border-radius: 20px;
  width: 120px;
  margin: 16px auto 0;
  display: block;
  height: 32px;
  cursor: pointer;
  line-height: 32px;
  font-size: 12px;
  color: #0773FC;
  text-align: center;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .row-title span.standard .openVip:hover {
  background: #0672fc;
  border-radius: 24px;
  color: #fff;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .row-title span.standard .yourScope {
  font-size: 14px;
  border: none;
  margin-top: 16px;
  height: 50px;
  font-weight: normal;
  display: block;
  background: #ffffff;
  width: 100%;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .row-title span.standard .cantDown {
  font-size: 14px;
  border: none;
  margin-top: 16px;
  height: 50px;
  font-weight: normal;
  display: block;
  background: #ffffff;
  width: 100%;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content {
  display: flex;
  position: relative;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-title .column-title .title {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 10px;
  writing-mode: vertical-lr;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: none;
  background: #f8f8fb;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-title .column-title .title-li {
  width: 60px;
  height: 228px;
  line-height: 60px;
  border-right: none;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-title .column-title .title-li:nth-child(4) {
  height: 152px;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-title .column-title .title-li:nth-child(5) {
  height: 102px;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-title .column-title .title-li:nth-child(3) {
  height: 304px;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-title .column-title .title-div {
  width: 58.5px;
  line-height: 58.5px;
  border-left: none;
  border-bottom: none;
  display: flex;
  justify-content: center;
  background: #f8f8fb;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-title .column-title .title-div span {
  width: 58.5px;
  line-height: 58.5px;
  height: 231px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-right: none;
  display: inline-block;
  font-size: 18px;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-title .column-title .title-div span:nth-child(3) {
  height: 308px;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-title .column-title .title-div span:nth-child(4) {
  height: 153px;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-title .column-title .title-div span:last-child {
  height: 102px;
  border-bottom: none;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-label .label-item {
  width: 391px;
  height: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
  word-wrap: break-word;
  word-break: normal;
  padding: 0 36px;
  text-align: center;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-left: none;
  background: #f8f8fb;
  border-top: none;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-label .label-item:nth-child(odd) {
  background: #fff;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-label .label-item:nth-child(-n + 12) {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-label .label-item:last-child {
  height: 102px;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-label .label-item .have-information-icon {
  margin-left: 10px;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-label .label-item .no-allow {
  font-size: 24px;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-label.second-column .label-item {
  width: 234px;
  border-left: none;
  border-right: none;
  flex-direction: column;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8);
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-label.second-column .label-item .Permission {
  height: 24px;
  width: 24px;
  background: url(../svg/copyright-IsPermission.svg?67b644efac179f29bcdf7bd5fbc61270) 0px 0px no-repeat;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-label.second-column .label-item .notPermission {
  height: 24px;
  width: 24px;
  background: url(../svg/copyright-IsPermission.svg?67b644efac179f29bcdf7bd5fbc61270) -24px 0px no-repeat;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-label.second-column .label-item .addition-desc {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 4px;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-label.second-column .label-item .addition-desc[class~="handle"] {
  cursor: pointer;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .content-label.second-column .label-item:last-child {
  height: 102px;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .third-column {
  background-image: linear-gradient(-90deg, #e4c88d 0%, #e2c383 97%);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.08);
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .third-column .label-item {
  width: 234px;
  height: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: none;
  border-right: none;
  flex-direction: column;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  text-align: center;
  padding: 0 30px;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .third-column .label-item .Permission {
  height: 24px;
  width: 24px;
  background: url(../svg/copyright-IsPermission.svg?67b644efac179f29bcdf7bd5fbc61270) 0px 0px no-repeat;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .third-column .label-item .notPermission {
  height: 24px;
  width: 24px;
  background: url(../svg/copyright-IsPermission.svg?67b644efac179f29bcdf7bd5fbc61270) -24px 0px no-repeat;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .third-column .label-item:first-child {
  height: 116px;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .third-column .label-item:last-child {
  height: 102px;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .third-column .label-item .addition-desc {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .third-column .label-item .addition-desc[class~="handle"] {
  cursor: pointer;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .third-column .label-item .no-allow {
  font-size: 24px;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .third-column .title {
  font-size: 20px;
  color: #483213;
  display: block;
  padding: 18px 0px 22px;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .third-column .title .vipTitle {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 28px;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .third-column .title .vipTitle .img {
  width: 34px;
  height: 28px;
  position: relative;
  display: inline-block;
  margin-right: 8px;
  background: url(../svg/copyright-vipIcons.svg?f84c8ad78ef0d7b1b090f3d36dbaccc3) -34px 0px no-repeat;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .third-column .title .vipTitle .vipspan {
  font-size: 20px;
  color: #483213;
  height: 28px;
  font-weight: bold;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .third-column .title .openVip {
  margin: 16px auto 0;
  background: #FAECD6;
  display: block;
  border: 1px solid #EEB86E;
  border-radius: 20px;
  width: 120px;
  line-height: 32px;
  height: 32px;
  font-size: 12px;
  color: #483213;
  cursor: pointer;
  text-align: center;
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .third-column .title .openVip:hover {
  background-image: linear-gradient(135deg, #bd872c, #d8b87c);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.08);
}
.copyrightScope .copyrightScopeBox .copyrightScope-Content .authorization-wrap .third-column .title .yourScope {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  display: block;
  margin-top: 16px;
  width: 100%;
}

.download-pay-coupon[data-v-5c690372] {
  position: relative;
  width: 480px;
  height: 470px;
  background: url(../svg/download-pay-coupon-bg.png?8488400edcc0ab95bc206c48704f04f3);
}
.download-pay-coupon .close-icon[data-v-5c690372] {
  position: absolute;
}
.download-pay-coupon .to-use-it[data-v-5c690372] {
  position: absolute;
  bottom: 45px;
  left: 150px;
  width: 180px;
  height: 40px;
  background-image: linear-gradient(0deg, #FD0F0B 0%, #F85832 100%);
  border-radius: 4px;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
}
.download-pay-coupon .to-use-it[data-v-5c690372]:hover {
  background-image: linear-gradient(0deg, #FD0F0B 0%, #F85832 100%);
  border: none;
}

.modal-box-container[data-v-9c1a2aa2] {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.animation-enter-active[data-v-9c1a2aa2],
.animation-leave-active[data-v-9c1a2aa2] {
  transition: all 0.2s;
}
.animation-enter[data-v-9c1a2aa2],
.animation-leave-to[data-v-9c1a2aa2] {
  opacity: 0;
}

.isSimpleModeClass .lt-modal-body {
  height: calc(100vh - 80px);
  max-height: 825px;
  overflow-y: auto;
}


body {
  user-select: none;
  -webkit-user-select: none;
}

/* 企点客服最小化时隐藏“会话中”横条 */
#_QIDIAN_WEB_IM_IFRAME_2852168584[data-isopen='0'] {
  display: none !important;
}
/* 企点客服屏蔽主动会话弹窗 */
/* #_QD_INVITE_IFRAME_ID_PREFIX_2852168584 {
  display: none !important;
} */

#app[data-v-c6646a7e] {
  width: 100%;
  height: 100%;
}
#app[class~="filter-blur"][data-v-c6646a7e] {
  filter: blur(6px);
  transition: all ease 0.5s;
}
#ckt-design-header[data-v-c6646a7e] {
  width: 100%;
  height: 50px;
  background-color: #000;
}
#changeHeightTextarea[data-v-c6646a7e] {
  text-align: center;
  color: #000000;
  text-decoration: none;
  font-style: normal;
  letter-spacing: 0em;
  height: 0px;
  background-color: rgba(0, 0, 0, 0);
  word-break: break-all;
  position: absolute;
  left: -100000px;
  top: -100000px;
  outline: none;
  resize: none;
  overflow: hidden;
  z-index: 1;
  border: 0;
}
/*
客服按钮
*/
.customerServiceBtn[data-v-c6646a7e] {
  position: absolute;
  bottom: 16px;
  left: 21px;
  width: 32px;
  cursor: pointer;
  text-align: center;
  z-index: 10007;
}
.customerServiceBtn:hover .aside-bottom-logo-hover-menu[data-v-c6646a7e] {
  display: block;
}
.customerServiceBtn[data-v-c6646a7e]:hover:before {
  content: "";
  position: absolute;
  right: -12px;
  bottom: 0;
  width: 44px;
  height: 100px;
}
.customerServiceBtn span[data-v-c6646a7e] {
  display: inline-block;
  width: 32px;
}
.customerServiceBtn .customerServiceIconBack[data-v-c6646a7e] {
  color: #9B9B9B;
  height: 32px;
  border-radius: 50%;
}
.customerServiceBtn .customerServiceIcon[data-v-c6646a7e] {
  background: url(../svg/design-aside-bottom-help.svg) no-repeat center;
  height: 32px;
}
.aside-bottom-logo-hover-menu[data-v-c6646a7e] {
  display: none;
  position: absolute;
  left: 0;
  bottom: 50px;
  width: 105px;
  background-size: 108%;
  background: url(../svg/design-aside-bottom-bg.png?2e1c298ee92a40b969fb242feec24d08) no-repeat center;
}
.aside-bottom-logo-hover-menu i[data-v-c6646a7e] {
  display: block;
  width: 74px;
  height: 1px;
  background-color: rgba(155, 155, 155, 0.16);
  margin: 0 auto;
}
.aside-bottom-logo-hover-menu .hover-menu-item[data-v-c6646a7e] {
  position: relative;
  display: block;
  color: rgba(0, 0, 0, 0.6);
  padding: 8px 16px;
  font-size: 12px;
  text-align: left;
  /*&:nth-child(2n){
      padding-top: 7px;
    }*/
}
.aside-bottom-logo-hover-menu .hover-menu-item[data-v-c6646a7e]:hover {
  color: #0773FC;
  background-color: #F2F2F2;
  cursor: pointer;
}
.aside-bottom-logo-hover-menu .aside-bottom-logo-hover-menu-icon[data-v-c6646a7e] {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(../svg/aside-bottom-logo-hover-menu-icon.svg?928a7022ab1514c281de67fbeea44a08);
  margin-right: 8px;
}
.aside-bottom-logo-hover-menu .aside-bottom-logo-hover-menu-icon[class~="guide-icon"][data-v-c6646a7e] {
  background-position: -6px -6px;
}
.aside-bottom-logo-hover-menu .aside-bottom-logo-hover-menu-icon[class~="tutorial-icon"][data-v-c6646a7e] {
  background-position: -7px -27px;
  top: 3px;
}
.aside-bottom-logo-hover-menu .aside-bottom-logo-hover-menu-icon[class~="problemeedback"][data-v-c6646a7e] {
  background-position: -6px -46px;
}
.aside-bottom-logo-hover-menu .aside-bottom-logo-hover-menu-icon[class~="custom-service-icon"][data-v-c6646a7e] {
  background-position: -6px -65px;
}
#app[data-v-c6646a7e] {
  /*display: grid;*/
  height: 100%;
  /*grid-template-columns: 100%;*/
  /*grid-template-rows: 56px calc(100% - 56px);*/
  /*grid-template-areas: "header" "container";*/
  overflow: hidden;
}
#app #header[data-v-c6646a7e] {
  position: relative;
  z-index: 13;
}
#app #container[data-v-c6646a7e] {
  height: calc(100% - 56px);
  width: 100%;
  /*display: grid;*/
  /*grid-template-columns: 376px 1fr 160px;*/
  /*grid-template-rows: 100%;*/
  /*grid-template-areas: "left-panel center-panel right-panel";*/
}
#app #container > div[data-v-c6646a7e] {
  float: left;
  position: relative;
  height: 100%;
}
#app[data-v-c6646a7e],
#container[data-v-c6646a7e] {
  width: 100%;
  background: #e7e8f1;
}
/*大屏幕 下左侧尺寸调整*/
@media screen and (min-width: 1910px) {
  #leftPanel{
	width:476px;
  }
   .leftPanel-content{
		 width: 404px;
   }
  /*  #center-panel{
   width: calc(100% - 684px)!important;
   } */
   .material-search input{width:356px;}
   .xuqiusb{
	width:356px;
   }
   .primaryKind-menu{width:356px;}
   .material-kind__mask{
	width:115px;height:115px;
   }
   .material-kind{width:115px;height:115px;}
   .material-kind > img{
	width:115px;height:115px;
	}
	.search-history {
	width:320px;
	}
	.material-section .to-top{
		left: 348px!important;
	}
	#cases_rm.material-kind__wrap li.material-kind{
		width: 170px;
		height:125.25px;
	}
	#cases_rm.material-kind__wrap li.material-kind .material-kind__mask{
		width:170px;height:125.25px;
   }
   .leftPanel-section .search-input{
	background-position:-348px -64px ;
   }
   #sx-content li{width:88px}
   .material-list__tags {
    width: 356px;
	}
	.leftPanel-button {
    width: 113px;}
	#leftPanel .leftPanels-shadow{width:404px;}
}
@media screen and (max-width: 1366px) {
	
}