@charset "utf-8";

/* 
@font-face
{font-family: ALIBABAPUHUITI;
src: url('../font/ALIBABA-PUHUITI-REGULAR.OTF')} */

@font-face
{font-family: DIN;
src: url('../font/DIN-Medium.otf')}

@font-face {
  font-family: 'iconfont';
  src: url('iconfont/iconfont.woff2?t=1705108683799') format('woff2'),
       url('iconfont/iconfont.woff?t=1705108683799') format('woff'),
       url('iconfont/iconfont.ttf?t=1705108683799') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: inherit;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

	
	
.scrollybg {
	overflow-y: auto !important;
	/* padding-right: 10px; */
	/* width: calc(100% + 10px); */
}

.scrollybg::-webkit-scrollbar {
	width: 6px;height: 6px;
}

.scrollybg::-webkit-scrollbar-track {
	background-color: transparent;
}

.scrollybg::-webkit-scrollbar-thumb {
	background-color: #959ca5;
	border-radius: 3px;
}

.scrollybg::-webkit-scrollbar-button {
	display: none;
}

.scrollybg::-webkit-scrollbar-resizer {
	display: none;
}
	

*{box-sizing:border-box;}
body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit; font-family:'Noto Sans SC','PingFang SC','PingFangMedium',"microsoft yahei";font-size:inherit;}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}
ul,li{ list-style:none; }
a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}  
.auto{padding:0 2.5%;}
:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;    height: auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.08,1.08);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;/* display: -ms-flexbox; */-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}	

.imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}
.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}

.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}
.scale .icon{transition: all .3s;}
.scale:hover .icon{transform: scale(1.1,1.1);}

.underline{text-decoration: underline;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);} 
.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}

.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;display: flex; }
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;min-width:0;min-height:0;}
.flex-center{display: flex;align-items: center;justify-content: center;}
.squareimg{width:100%;padding-bottom: 100%;overflow: hidden;position: relative;}
.squareimg .img{ position: absolute;top: 50%;left: 50%;width: 100%;height: 100%; object-fit: cover;transform: translate(-50%,-50%);}
.item:hover .imgbox.squareimg .img{transform: translate(-50%,-50%) scale(1.1,1.1) ;}



body{overflow-x: hidden;color:#333;font-size: 16px;line-height: 1.6;background:#fff;}
/* ::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;} */


.c-main{color:#0055fe!important;}

.btn{padding:0 20px;display: flex;align-items: center;justify-content: center;border-radius:8px;height:44px;color:#0055fe;background:#cbdffe;border:0;cursor: pointer;}
.btn i{margin-right:10px;font-size:18px;}
.btn.this{color:#fff;background:#0055fe;}
.btn.gradient{background: linear-gradient(to right, #6717cd , #00d8ff);color:#fff;}
.btn:hover{background:#6717cd;color:#fff;}
.btn.gradient:hover{background: linear-gradient(to right, #6717cd , #6717cd);}
.btn.small{font-size:14px;height:40px;border-radius:6px;}
.btn.small i{font-size:14px;margin-right:7px;}

/* 头部 */
.head{height:80px;position: sticky;width: 100%;left:0;top:0;z-index:100;background:#fff;color:#000;}
.head .wrap{height: 100%;display: flex;align-items: center;justify-content: space-between;}
.head .l,.head .r{display: flex;align-items: center;}
.head .c{flex:1;min-width: 0;max-width:1000px;}
.hd-logo{font-size:20px;color:#000;display: flex;align-items: center;}
.hd-logo .img{width: 60px;}


.hd-nav{width: 100%;text-align: center;}
.hd-nav li{margin:0 4%;display: inline-block;vertical-align: middle;}
.hd-nav li>a{display: block;font-size:18px;position: relative;line-height: 40px;}
.hd-nav li>a::after{content:'';width:0;height:1px;background:#0055fe;position: absolute;left:50%;bottom:0;transition: all 0.3s;}
.hd-nav li.cur>a,.hd-nav li:hover>a{color:#0055fe;}
.hd-nav li.cur>a::after,.hd-nav li:hover>a::after{width:100%;left:0;}

.hd-user{position: relative;}
.hd-user .text{display: flex;align-items: center;cursor: pointer;line-height: 70px;}
.hd-user .avatar{margin-right:15px;width:46px;height:46px;border-radius:50%;background:#d6e4ff;padding:7px;}
.hd-user .avatar .img{border-radius:50%;}
.hd-user .text::after{content:'\e627';font-family: 'iconfont';margin-left:8px;font-size:12px;transform: scale(0.8,0.8);line-height: 1;}
.hd-user .drop{position: absolute;width: 100%;background:#fff;box-shadow:0 5px 10px rgba(51,51,51,.3);border-radius:6px;transform:scaleY(0);visibility: hidden;opacity: 0;transition: all .4s ease 0s;transform-origin: center top;}
.hd-user .drop .lk{display: block;text-align: center;padding:12px 5px;border-bottom:1px solid #efefef;}
.hd-user .drop .lk:last-child{border:0;}
.hd-user .drop .lk:hover{color:#0055fe;}
.hd-user:hover .drop{opacity: 1;visibility: visible;transform: scaleY(1);}


.hd-sign{padding:0 17px 0 15px;color:#fff;background:#0055fe;line-height: 40px;border-radius:6px;}
.hd-sign:before{content:'\e617';font-family: 'iconfont';font-size:18px;margin-right:6px;}
.hd-sign a:hover{opacity: 0.9;}


.hd-lang{margin-left:35px;}
.hd-lang .font{display: flex;align-items: center;}
.hd-lang .font:before{content:'\e717';font-family: 'iconfont';margin-right:7px;font-size:24px;}
.hd-lang .font::after{content:'\e627';font-family: 'iconfont';margin-left:8px;font-size:12px;transform: scale(0.8,0.8);line-height: 1;}
.hd-lang:hover .font{color:#0055fe;}

.foot{background:#0f1839;padding:0 5%;font-size:14px;color:#969db5;}

.ft-t{padding:30px 0;display: flex;align-items: flex-start;}
.ft-t .txt{color:#fff;font-size:16px;margin-bottom:8px;}
.ft-t .wxbox{color:#fff;text-align: center;margin-left:40px;}
.ft-t .wxbox .img{width:128px;border-radius:8px;display: block;margin:0 auto 7px;}
.ft-t .smlogo{height:90px;width:auto;margin-top:15px;}


.ft-b{line-height: 24px;padding:18px 0;border-top:1px solid #333a52;display: flex;align-items: center;}
.ft-b .txt{font-size:14px;}
.ft-b .lks{display: flex;align-items: center;margin-left:40px;}
.ft-b .lk:hover{color:#fff;}
.ft-b .x{margin:0 25px;width:1px;height:10px;background:#333a52;}


/* 常见问题 */
.pub-tt{margin-bottom:28px;}
.pub-tt .bt,.pub-tt .wzbt{font-size:32px;color:#000;font-weight: bold;}
.pub-tt .bt{display: flex;align-items: center;justify-content: center;}
.pub-tt .bt span{padding:0 15px;}
.pub-tt .bt:before,.pub-tt .bt::after{content:'';width:160px;height:25px;background:url(../images/icon_05.png) no-repeat center;background-size:contain;}
.pub-tt .bt::after{transform: scaleX(-1);}



.main{padding:40px 0 50px;background:url(../images/faq_02.jpg) no-repeat center bottom;background-size:cover;}


.faq-mod{margin-bottom:25px;background:rgba(255,255,255,.8);border-radius:20px;display: flex;align-items: center;justify-content: space-between;padding:30px 35px;}
.faq-mod:last-child{margin-bottom:0;}
.faq-mod:nth-child(odd){flex-direction: row-reverse;}
.faq-mod:nth-child(odd) .info{padding-right:55px;}
.faq-mod:nth-child(even) .info{padding-left:55px;}


.faq-mod .item{height:245px;border-radius:20px;overflow: hidden;max-width:435px;margin:0 auto;}


.faq-slide{/* width:31%; */width:40%;max-width:580px;padding:0 65px;position: relative;/* min-width:350px; */}
.faq-slide .swiper-container{position: static;}
.faq-slide .swiper-button-prev{left:0;}
.faq-slide .swiper-button-next{right:0;}


.faq-mod .info{flex:1;overflow: hidden;}
.faq-mod .title{font-size:28px;margin-bottom:15px;font-weight: bold;color:#000;}
.faq-mod .list{}
.faq-mod .list li{display: flex;align-items: center;margin-bottom:15px;}
.faq-mod .list li:last-child{margin-bottom:0;}
.faq-mod .list .num{width:32px;height:32px;color:#0055fe;border-radius:50%;background:#d9e9ff;margin-right:15px;}


.swiper-button{width:40px;height:40px;background:#e6ebf6;display: flex;align-items: center;justify-content: center;font-size:14px;color:#0055fe;border-radius:50%;opacity: 1;}
.swiper-button:hover{color:#fff;background:#0055fe;}
.swiper-button:before{content:'\e600';font-family: 'iconfont';}
.swiper-button-prev{transform: rotate(180deg);}

.pagelist{text-align: center;margin-top:50px;}
.pagelist a{display: inline-block;vertical-align: middle;min-width:36px;height:36px;line-height: 34px;border-radius:4px;border:1px solid #e5e5e5;background:#fff;margin:0 3px;font-size:15px;text-align: center;}
.pagelist a.active,.pagelist a:hover{color:#fff;background:#0055fe;border-color:#0055fe;}
.pagelist .prev:before,.pagelist .next:before{content:'\e65c';font-family: 'iconfont';font-size:14px;}
.pagelist .next{transform: rotate(180deg);}


/* Lisp工具 */
.lisp-mod{margin-bottom:25px;background:rgba(255,255,255,.8);border-radius:20px;display: flex;align-items: center;justify-content: space-between;padding:30px 35px 30px 0;}
.lisp-mod .lbox{width:340px;padding:0 30px;text-align: center;}
.lisp-mod .rbox{position: relative;padding:0 3%;}
.lisp-mod .line{width:1px;height:80px;background:#d6dee9;}
.lisp-mod .slide{margin-left:2.5%;}

.lisp-mod .icon{height:80px;width:auto;display: block;margin:0 auto 13px;}
.lisp-mod .font{font-size:18px;color:#0055fe;text-decoration: underline;width:100%;display: block;}
.lisp-mod .title{font-size:28px;font-weight: bold;color:#000;margin-bottom:13px;}


/* 注册 */
.sign-sec{min-height:100vh;overflow: hidden;background:url(../images/sign_01.jpg) no-repeat center;background-size:cover;display: flex;justify-content: end;padding:50px 4%;align-items: center;}

.sign-box{padding:50px 45px;border-radius:30px;background:rgba(255,255,255,.3);width:640px;border:2px solid rgba(166,192,255,.5);}
.sign-box .t-tit{font-size:32px;color:#000;font-weight: bold;margin-bottom:30px;}
.sign-box .tabs{display: flex;margin-bottom:45px;}
.sign-box .tabs .lk{font-size:20px;color:#cccccc;margin-right:35px;line-height: 50px;cursor: pointer;position: relative;}
.sign-box .tabs .lk::after{content:'';position: absolute;left:0;bottom:0;height:4px;background:#0055fe;width:0;transition: all 0.3s;}
.sign-box .tabs .lk.cur{color:#000;font-size:24px;font-weight: bold;}
.sign-box .tabs .lk.cur::after{width:100%;}



.sign-form{font-size:17px;}
.sign-form .row{margin-bottom:20px;display: flex;align-items: flex-start;}
.sign-form .tit{line-height: 70px;color:#666666;min-width:85px;}
.sign-form .info{position: relative;}
.sign-form .ipt{width: 100%;padding:0 15px;border-radius:12px;border:1px solid #fff;height:70px;line-height: 70px;}
.sign-form .ipt-txt{box-shadow:0 10px 16px rgba(216,222,233,.74);}
.sign-form .getcode{color:#0055fe;padding:0 12px;border-radius:10px;background:#c6d8fd;position: absolute;top:10px;right:10px;bottom:10px;border:0;font-size:16px;cursor: pointer;}
.sign-form .getcode:hover{color:#fff;background:#0055fe;}
.sign-form .eye{width:40px;height:40px;display: flex;align-items: center;justify-content: center;position: absolute;right: 15px;top: 50%;margin-top:-20px;font-size:21px;cursor: pointer;color:#666666;}
.sign-form .eye:before{content:'\e601';font-family: 'iconfont';}
.sign-form .eye:hover{color:#0055fe;}
.sign-form .eye.this:before{content:'\e685';}


.sign-form .deal{color:#666666;display: flex;align-items: center;}
.sign-form .deal input{width:18px;height:18px;margin-right:8px;}

.sign-form .submit{font-size:18px;color:#fff;background:#0055fe;margin:40px auto 0;cursor: pointer;}
.sign-form .submit:hover{background:#1f66f4;}


/* 登录 */
.checkbox{width:17px;height:17px;border-radius:3px;appearance: none;-webkit-appearance: none;border:1px solid #9dbeff;display: inline-block;vertical-align: middle;}
.checkbox:checked{background:url(../images/icon_07.png) no-repeat center;background-size:cover;border-color:#003eff;}


/* 文件管理 */
.file-top{max-width:725px;border-radius:18px;background:#fff;display: flex;margin-top:-180px;position: relative;z-index:5;padding:1px 0 45px;box-shadow:0 10px 16px rgba(216,222,233,.76);margin-bottom:55px;}
.file-top .item{flex:1;min-width:0;text-align: center;position: relative;}
.file-top .item::after{content:'';position: absolute;right:0;bottom:0;width:1px;background:#eeefef;height: 120px;}
.file-top .icon{height:140px;width:auto;margin:-70px auto 0;display: block;}
.file-top .number{font-size:26px;color:#003eff;font-weight: bold;margin-top:15px;}
.file-top .font{font-size:16px;color:#000;margin-top:8px;}


.file-tabs{margin-bottom: 30px;display: flex;align-items: center;justify-content: space-between;}
.file-tabs .rank{font-size:18px;color:#000;cursor: pointer;display: flex;align-items: center;line-height: 34px;}
.file-tabs .rank::after{content:'\e618';color:#999;font-family: 'iconfont';margin:7px 0 0 8px;line-height: 1;}
.file-tabs .rank:hover,.file-tabs .rank:hover::after{color:#0055fe;}

.file-tabs .lk{font-size:24px;color:#5c6772;cursor: pointer;line-height: 70px;margin-right:55px;position: relative;}
.file-tabs .lk::after{content:'';position: absolute;left:50%;bottom:0;width:0;height:8px;background:#0055fe;border-radius:4px;transition: all 0.3s;}
.file-tabs .lk.cur{font-size:32px;color:#0055fe;}
.file-tabs .lk.cur::after{width:40px;margin-left:-20px;}



.table-list .tr{display: flex;align-items: center;text-align: center;min-height:80px;padding:15px 10px;}
.table-list .thead{color:#000;}
.table-list .thead .tr{min-height:auto;}
.table-list .thead .w1{padding-left:4%;}

.table-list .tbody .tr{margin-bottom:14px;border:1px solid #fff;border-radius:12px; background: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.9));}
.table-list .tbody .tr:hover{border-color:#9dbeff;box-shadow:0 3px 6px rgba(153,187,255,.36);background: linear-gradient(rgba(210,225,255,.9), rgba(255,255,255,.1));}
.table-list .tbody .tr:hover .title{color:#0055fe;}

.table-list .title{padding:0 0 0 10px;display: flex;align-items: center;line-height: 1.2;}
.table-list .title .icon{width:40px;margin-right:8px;}



.file-table{padding:0 20px 35px;background:rgba(255,255,255,.5);border-radius:20px;}
.file-table .w1{width:20%;text-align: left;}
.file-table .w2{width:12%;}
.file-table .w3{width:12%;}
.file-table .w4{width:11%;}
.file-table .w5{width:15%;}
.file-table .w6{width:15%;}
.file-table .w7{width:15%;}
.file-table .thead .tr{min-height:80px;}

.file-table .button{height:46px;border-radius:8px;display: inline-block;vertical-align: middle;line-height: 46px;color:#fff;}
.file-table .button i{font-size:18px;margin-right:6px;}
.file-table .button:hover{background: linear-gradient(to right, #04ceff , #6618cd);}
.file-table .downbtn{background:#0055fe;width:100px;}
.file-table .downbtn i{font-size:20px;}
.file-table .retranslate{background: linear-gradient(to right, #6618cd , #04ceff);width:130px;}
.file-table .sel{margin-right:10px;}
.file-table .loading{font-size:18px;}





.file-bot{margin:40px 0;display: flex;align-items: center;justify-content: flex-end;}
.file-bot .total{margin-right:35px;}
.file-bot .button{height:50px;border-radius:8px;display: inline-block;vertical-align: middle;line-height: 50px;color:#fff;padding:0 25px;margin-right:40px;}
.file-bot .button i{font-size:18px;margin-right:6px;}
.file-bot .button:last-child{margin-right:0;}
.file-bot .button:hover{background: linear-gradient(to right, #04ceff , #6618cd);}
.file-bot .downbtn{background:#0055fe;}
.file-bot .downbtn i{font-size:20px;}
.file-bot .retranslate{background: linear-gradient(to right, #6618cd , #04ceff);}


/* 使用 */
.use-main{min-height: 900px;}
.use-main .wrap{display: flex;}
.use-main .l{max-width:485px;width:30%;}
.use-main .r{padding-left:3%;}


.progress-bar{width:50%;}



.progress-bar .ok{width:100%; height:10px; margin:0 auto; text-align:center; background:#999; line-height:10px; color:#FFF; display:none; }

.progress-bar .tbox{width:100%; height:14px; background:#e5e5e5;border-radius:8px;}
.progress-bar .tbox div{width:0px; height:14px;background: linear-gradient(to right, #6717cd, #00d8ff);text-align:center;
font-size:14px; color:#fff;line-height:14px;border-radius:8px;}


.use-art{}
.use-art .detail{display: flex;border-radius:20px;overflow: hidden;}
.use-art .col{width:50%;padding:30px 0;}
.use-art .col1{background:rgba(255,255,255,.5);}
.use-art .col2{background:#fff;}
.use-art .top-tt{display: flex;align-items: center;justify-content: space-between;margin-bottom:20px;padding:0 30px;}
.use-art .top-tt .t-tit{font-size:22px;color:#0055fe;font-weight: bold;}
.use-art .top-tt .t-tit .icon{width:32px;margin-right:8px;}

.use-art .desc{line-height: 2.2;height:75vh;padding:0 25px;margin:0 5px;}
.use-art .desc input{width:18px;height:18px;border-radius:3px;border:1px solid #b8becf;margin-right:8px;display: inline-block;vertical-align: middle;appearance: none;-webkit-appearance: none;}
.use-art .desc input:checked{background:url(../images/checkbox.jpg) no-repeat center;background-size:100% 100%;border:0;}

.use-art .btngrp{display: flex;justify-content: center;margin-top:30px;}
.use-art .btngrp .button{min-width:150px;margin-left:15px;height:52px;border-radius:12px;}
.use-art .btngrp .tqwz{max-width:385px;margin-right:50px;}

.use-fileup{margin-bottom:50px;}
.use-fileup .detail{padding:20px;border-radius:22px;background:rgba(255,255,255,.5);}

.use-fileup .choose{text-align: center;background:#fff;border-radius:12px;border:1px solid #e2e8f7;padding:15px 15px 25px;}
.use-fileup .choose .icon{height:65px;width:auto;display: block;margin:0 auto 5px;}
.use-fileup .choose .txt{font-size:13px;max-width:340px;margin:5px auto 0;}
.use-fileup .choose .upbtn{font-size:14px;margin:20px auto 0;border-radius:20px;padding:0 25px;}


.use-fileup .filelist{}
.use-fileup .filelist .item{display: flex;align-items: center;margin-top:10px;padding:10px 15px;border-radius:12px;border:1px solid #fff;background: linear-gradient(to bottom, rgba(255,255,255,.6) , #fff);line-height: 1.2;cursor: pointer;}
.use-fileup .filelist .icon{width:40px;margin-right:15px;}
.use-fileup .filelist .font{color:#000;}
.use-fileup .filelist .mb{font-size:14px;color:#a6afb6;margin-top:4px;}
.use-fileup .filelist .delete{width:24px;height: 24px;display: flex;align-items: center;justify-content: center;color:#c5d1e9;font-size:18px;}
.use-fileup .filelist .delete:before{content:'\e624';font-family: 'iconfont';}
.use-fileup .filelist .item:hover{border-color:#9dbeff;background: linear-gradient(to bottom, #d2e1ff , #fff);}
.use-fileup .filelist .item:hover .font{color:#0055fe;}

.use-set{}
.use-set .form{}
.use-set .row{margin-bottom:25px;}
.use-set .grp{width:48%;}
.use-set .tit{font-size:16px;color:#5c6772;margin-bottom:6px;display: block;}
.use-set .info{}
.use-set .ipt{border-radius:8px;width: 100%;font-size:14px;color:#000;padding:0 15px;border:1px solid #fff;background: linear-gradient(to bottom, rgba(255,255,255,.6) , #fff);}
.use-set .ipt-txt,.use-set .select{height:45px;line-height:45px;}
.use-set .select{appearance: none;-webkit-appearance: none;background-image: url(../images/icon_04.png), linear-gradient(to bottom, rgba(255,255,255,.6), #fff);background-repeat: no-repeat, no-repeat; background-position: calc(100% - 13px) center, center center;background-size: 13px, cover;}


/* 个人中心 */

.per-main .mod{border-radius:20px;background:rgba(255,255,255,.5);margin-bottom:30px;padding:25px 25px;}

.per-tt{margin-bottom:20px;}
.per-tt .bt{font-size:22px;color:#0055fe;display: flex;align-items: center;font-weight: bold;}
.per-tt .ico{width:30px;margin-right:7px;}


.per-reg{}
.per-reg .form{}
.per-reg .form .row{gap:50px}
.per-reg .form .item{display: flex;align-items: center;}
.per-reg .form .tit{color:#5c6772;margin-right:10px;}
.per-reg .form .ipt{width:100%;border-radius:8px;color:#000;border:1px solid #fff;background:rgba(255,255,255,.6);}
.per-reg .form .ipt-txt{height:44px;line-height:44px;padding:0 15px;}


.per-record .w1{width:30%;text-align: left;}
.per-record .w2{width:22%;}
.per-record .w3{width:15%;}
.per-record .w4{width:18%;}
.per-record .w5{width:15%;}


.per-record2{}
.per-record2 .w1{width:25%;padding-left:0;}
.per-record2 .w2{width:25%;}
.per-record2 .w3{width:50%;}
.per-record2 .table .thead .w1{padding-left:0;}


.per-fyb{padding:0 0 35px;border-bottom:1px solid #dfe9ff;margin-bottom:25px;}
.per-fyb .total{color:#5c6772;line-height: 1;margin:5px 0 20px;}
.per-fyb .total span{font-size:30px;color:#0055fe;font-family: 'DIN';font-weight: bold;line-height: 1;}
.per-fyb .refresh{padding:0 25px;height:52px;}


.per-tj{}
.per-tj .list{}
.per-tj .list li{padding:26px 0;border-top:1px solid #dfe9ff;}
.per-tj .list li:first-child{border:0;padding-top:0;}
.per-tj .list li:last-child{padding-bottom:0;}
.per-tj .list .total{color:#5c6772;line-height: 1;margin-top:6px;}
.per-tj .list .total span{font-size:30px;color:#0055fe;font-family: 'DIN';font-weight: bold;line-height: 1;}


.per-cz{}
.per-cz .smtit{color:#000;margin-bottom:15px;}
.per-cz .topbox{padding:0 0 20px;}
.per-cz .tags{display: flex;flex-wrap: wrap;margin-left:-20px;}
.per-cz .tags .tag{font-size:14px;color:#0055fe;min-width:120px;line-height:46px;border-radius:8px;background:#dfe9ff;margin:0 0 20px 20px;text-align: center;cursor: pointer;border:1px solid #dfe9ff;}
.per-cz .tags .tag.checked{color:#0055fe;border-color:#0055fe;}


.per-cz .paybox{padding:40px 0 0;border-top:1px solid #dfe9ff;}
.per-cz .paybox .btn{margin-left:20px;}

.per-cz .opts{display: flex;}
.per-cz .opts .opt{color:#5c6772;text-align: center;margin-right:8%;cursor: pointer;}
.per-cz .opts .icon{height:55px;width:auto;display: block;margin:0 auto 5px;}
.per-cz .opts .opt.checked{color:#0055fe;}


.per-mx .table{border-radius:6px;overflow: hidden;}
.per-mx .table th,.per-mx .table td{font-size:15px;border:1px solid #fff;padding:15px 2%;text-align: center;}
.per-mx .table th{color:#fff;background:#0055fe;}
.per-mx .table td{color:#555a60;background:#e5eeff;}


/* lisp工具后台 */
.backend-body{height:100vh;overflow: hidden;background:url(../images/backend_01.jpg) no-repeat center;background-size:cover;}
.backend-body .head{background:none;}
.backend-l{width: 225px;margin-right: 40px;}
.backend-r{flex:1;min-width: 0;font-size:14px;color:#31344b;}

.backend-body .m{background:#fff;border-radius:10px;box-shadow:0 16px 16px rgba(136,149,149,.06);}
.backend-body .pagelist{text-align: right;margin-top:25px;}
.backend-sec{padding:0 25px 25px;}
.mb20{margin-bottom:20px!important;}

.backend-menu{margin-top:35px;}
.backend-menu .lk{padding:0 16px;line-height:50px;border-radius:10px;margin-bottom:15px;display: block;color:#31344b;font-size:16px;}
.backend-menu .lk i{margin-right:9px;font-size:18px;}
.backend-menu .lk:hover{color:#206fff;}
.backend-menu .lk.cur{color:#fff;background:#206fff;}

.backend-tabs{display: flex;gap:10px;}
.backend-tabs .lk{padding:0 15px;line-height: 30px;display: inline-block;vertical-align: middle;background:#ccd0db;border-radius:3px;color:#fff;}
.backend-tabs .del{margin-left:20px;font-size:12px;}
.backend-tabs .lk.cur{color:#206fff;background:#fff;}



.backend-form{padding:20px;display: flex;}
.backend-form .items{display: flex;gap:45px;flex-wrap: wrap;}
.backend-form .item{display: flex;align-items: center;}
.backend-form .tit{color:#31344b;margin-right:10px;}
.backend-form .info{}
.backend-form .ipt{width: 100%;border-radius:6px;border:1px solid #d2e0f6;padding:0 12px;background:#f2f7ff;max-width:235px;width: 100%;}
.backend-form .ipt-txt{line-height: 38px;height:40px;}
.backend-form .btngrp{display: flex;}
.backend-form .button{min-width:85px;margin-left:12px;background:#fff;border:1px solid #206fff;}
.backend-form .button.this{color:#fff;background:#206fff;}
.backend-form .button:hover{background:#6717cd;color:#fff;border-color:#6717cd;}


.backend-table{margin-top:15px;}
.backend-table th,.backend-table td{padding:10px 10px;text-align: left;}
.backend-table th{}
.backend-table td{line-height: 1.4;}
.backend-table .lk-wz{color:#206fff;cursor: pointer;}
.backend-table .lk-wz:hover{text-decoration: underline;}
.backend-table .imgbox{width:120px;height:75px;border-radius:10px;}
.backend-table .center .imgbox{margin:0 auto;}

.backend-table tbody td:first-child{border-radius:10px 0 0 10px;}
.backend-table tbody td:last-child{border-radius: 0 10px 10px 0;}
.backend-table tbody tr:nth-child(odd) td{background:#f4f9ff;}
.backend-table th:first-child,.backend-table td:first-child{padding-left:25px;}

/* 常见问题后台 */
.pop{position: fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.4);z-index:110;display: none;}
.pop .wrapbox{background:#fff;border-radius:10px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}

.pop-add .wrapbox{width:640px;padding:17px 25px 25px;}
.pop-add .titbox{margin-bottom:25px;display: flex;align-items: center;justify-content: space-between;}
.pop-add .titbox .bt{font-size:18px;color:#000;position: relative;font-weight: bold;}
.pop-add .titbox .bt:before{content:'';width:6px;height:24px;background:#206fff;border-radius:0 4px 4px 0;position: absolute;left:-25px;top:50%;margin-top:-12px;}
.pop-add .titbox .close{width:34px;height:34px;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size:18px;}
.pop-add .titbox .close::after{content:'\e639';font-family: 'iconfont';}
.pop-add .titbox .close:hover{color:#6717cd;}


.pop-add .form .row{margin-bottom:20px;display: flex;}
.pop-add .form .tit{font-size:14px;color:#31344b;min-width:65px;text-align: right;margin-right:8px;line-height: 40px;	}
.pop-add .form .info{flex:1;min-width:0;}
.pop-add .form .ipt{width:100%;border-radius:6px;border:1px solid #d2e0f6;font-size:14px;color:#31344b;background:#f2f7ff;}
.pop-add .form .ipt-txt{line-height: 38px;height: 40px;padding:0 15px;}
.pop-add .form .con{height:270px;resize:none;padding:8px 15px;}
.pop-add .form .btngrp{display: flex;justify-content: center;gap:15px;margin-top:40px;}
.pop-add .form .button{font-size:14px;min-width:85px;line-height: 38px;height:40px;border-radius:6px;border:1px solid #206fff;background:#fff;color:#206fff;cursor: pointer;}
.pop-add .form .button.this{color:#fff;background:#206fff;}
.pop-add .form .button:hover{background:#6717cd;color:#fff;border-color:#6717cd;}
.pop-add .form .fileup{width:140px;height:100px;border-radius:6px;border:1px solid #d2e0f6;overflow: hidden;cursor: pointer;position: relative;background:#f2f7ff;}
.pop-add .form .text{font-size:14px;color:#8d9199;text-align: center;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;}
.pop-add .form .text i{font-size:26px;color:#8d9199;margin-bottom:10px;}
.pop-add .form .fileup .img{/* width:100%;height:100%; */border:0;display: block;}


.pop-invoice .wrapbox{width:570px;border-radius:18px;padding:20px 25px 25px;}
.pop-invoice .t-tit{text-align: center;font-size:22px;color:#000;margin-bottom:20px;font-weight: bold;}
.pop-invoice .close{width:34px;height:34px;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size:18px;position: absolute;right:20px;top:20px;}
.pop-invoice .close::after{content:'\e639';font-family: 'iconfont';}
.pop-invoice .close:hover{color:#6717cd;}

.pop-invoice .form .row{margin-bottom:15px;display: flex;}
.pop-invoice .form .tit{font-size:14px;color:#31344b;min-width:65px;text-align: right;margin-right:12px;line-height: 44px;	}
.pop-invoice .form .info{flex:1;min-width:0;}
.pop-invoice .form .ipt,.pop-invoice .layui-form-select .layui-input{width:100%;border-radius:8px;font-size:14px;color:#31344b;background:#f5f5f5;border:1px solid #f5f5f5;}
.pop-invoice .form .ipt:focus{border-color:#206fff;}
.pop-invoice .form .ipt-txt,.pop-invoice .layui-form-select .layui-input{line-height: 42px;height: 44px;padding:0 15px;}
.pop-invoice .form .con{height:270px;resize:none;padding:8px 15px;}
.pop-invoice .form .btngrp{display: flex;justify-content: center;gap:15px;margin-top:30px;}
.pop-invoice .form .button{font-size:14px;min-width:85px;line-height: 38px;height:40px;border-radius:6px;border:1px solid #206fff;background:#fff;color:#206fff;cursor: pointer;}
.pop-invoice .form .button.this{color:#fff;background:#206fff;}
.pop-invoice .form .button:hover{background:#6717cd;color:#fff;border-color:#6717cd;}

.pop-invoice .layui-form-select dl{top:48px;}
.pop-invoice .layui-input:focus{border-color:#206fff!important;}
.pop-invoice .radios{display: flex;align-items: center;gap:40px;padding-left:6px;}

.layui-form-select dl dd.layui-this{background-color: #206fff;}
.layui-form-select dl dd, .layui-form-select dl dt{font-size:14px;}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i{color:#206fff;}
.layui-form-radio{margin:0;}
.layui-form-radio>i{font-size:17px;margin-right:4px;}


.pop-invoice .table table{border-collapse: separate;border-spacing: 0 5px;}
.pop-invoice .table th,.pop-invoice .table td{text-align: center;font-size:15px;}
.pop-invoice .table td{background:#f5f5f5;padding:12px 8px;}
.pop-invoice .table tbody td:first-child{border-radius:8px 0 0 8px;}
.pop-invoice .table tbody td:last-child{border-radius: 0 8px 8px 0;}
.pop-invoice .table .link{color:#206fff;text-decoration: underline;}
.pop-invoice .table tbody{width:100%;}
.pop-invoice .table thead,.pop-invoice .table tbody tr{width: 100%;display: table;table-layout: fixed;}
.pop-invoice .table thead{padding-right:6px;}
.pop-invoice .table tbody{display: block;}










@media screen and (min-width:1400px) and (max-width:1520px){
	.hd-logo{font-size:18px;}
	
	.hd-lang{margin-left:20px;}
	
	.hd-nav li{margin:0 3%;}

}

@media screen and (min-width:1260px) and (max-width:1399px){
	.head .r{font-size:15px;}
	.hd-logo{font-size:18px;}
	.hd-logo .img{width:50px;}
	
	.hd-user{font-size:0;}
	.hd-user .avatar{width:36px;height:36px;padding:2px;margin-right:10px;}
	
	.hd-lang{margin-left:20px;}
	
	
	.hd-nav li{margin:0 3%;}
	.hd-nav li>a{font-size:16px;}
	
	
	.per-cz .opts{width:100%;flex:initial;}
	.per-cz .paybox .btngrp{width:100%;margin:25px 0 0;}
	.per-cz .paybox .btn{margin:0 25px 0 0;}
	
	
}

@media (max-height:900px){
	.sign-box{padding:30px 40px;width: 500px;}
	.sign-box .t-tit{font-size:26px;margin-bottom:25px;}
	
	.sign-form{font-size:15px;}
	.sign-form .row{margin-bottom:15px;}
	.sign-form .tit{line-height: 50px;min-width:75px;}
	.sign-form .ipt{border-radius:9px;height:50px;line-height: 50px;}
	.sign-form .getcode{top:5px;right:5px;bottom:5px;font-size:14px;}
	.sign-form .eye{width:34px;height:34px;right: 10px;margin-top:-17px;font-size:18px;}
	
	.sign-form .deal input{width:18px;height:18px;margin-right:8px;}
	
	.sign-form .submit{font-size:16px;}
	
	
	

}