:root{
	--blue: #31478f;
  --blue-active: #3753ad;
  --tint-light: #c6d1de;
  --tint-light-2:#dadce8;
  --tint-light-3:#e9eaf1;
  --tint-light-4:#eaecf2;
  --red: #ff0000;
	--wh: #fff;
	--wh-active: hsla(0,0%,100%,0.6);
	--c3: hsla(0,0%,20%,1);
	--c3-active: hsla(0,0%,20%,0.6);
	--c6: hsla(0,0%,40%,1);
	--c6-active: hsla(0,0%,40%,0.6);
	--c8: hsla(0,0%,53%,1);
	--c8-active: hsla(0,0%,53%,0.6);
	--c9: hsla(0,0%,60%,1);
	--c9-active: hsla(0,0%,60%,0.6);
	--bg-active: rgba(0,0,0,.05);
	--bd: 1px solid #efefef;
	--p: 0 0.24rem;
}

*{margin:0; padding:0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html{font-size: 5.2083333vw; font-family: 'Gotham-Medium',"Helvetica Neue", Helvetica, STHeiTi, "Microsoft YaHei", Arial, sans-serif;}
.ifame-html{position: relative; width: 100%; height: 100%; font-size: 7.1942446vw;}
.ifame-html body{position: relative; height: 100%;}
/* 40px/7.5px => 5.33333vw => 17.28 => 0.6em */
/*表单字体*/
input,select,button,textarea{font-family: 'Gotham-Medium',"Helvetica Neue", Helvetica, STHeiTi, "Microsoft YaHei", Arial, sans-serif; }


body{margin: 0 auto; min-width:320px; line-height: 1.5; font-size: 0.24em; color:#333; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%!important; -ms-text-size-adjust: 100%!important; text-size-adjust: 100%!important;
}
html, body{scroll-behavior: smooth;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display: block;}
audio, canvas, progress, video{display: inline-block; vertical-align: baseline;}
audio:not([controls]){display: none; height: 0;}
[hidden], template{display: none;}
svg:not(:root){overflow: hidden;}
mark{background: #ff0; color: #000;}
small{font-size: 80%;}
sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}

table{border-collapse:collapse;}
ul{ list-style:none;}
img{border: 0; max-width: 100%;}
a img{vertical-align: bottom;}
a{text-decoration: none; color:#333; background-color: transparent; -webkit-tap-highlight-color: transparent;}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0; text-decoration:none;}
h1,h2,h3,h4,h5{font-weight: normal; font-size: 1.2em;}

::-webkit-scrollbar{display: none;}

.fl{float: left}
.fr{float: right}
.al{text-align: left;}
.ac{text-align: center;}
.ar{text-align: right;}
.hide{display: none}
.overhide{overflow: hidden;}

.clear, .clr{display: block; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.clearfix2::before,.clearfix2::after{content:""; display: table;}
.clearfix2::after{clear: both;}
.clearfix2, .clearfix{*zoom:1;}
.clearfix:after{display: block; content: ""; clear: both; height: 0; visibility: hidden;}


.whbg{background-color: #fff;}

.mask{position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.5); opacity: 0; visibility: hidden; -webkit-transition-duration: .3s; transition-duration: .3s;}

.block-img{display: block; width: 100%;}
.cover-img{position: absolute; top: 0; left: 0; display: block; min-width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover;}
.text-hide{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hide-el{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0;}
.nodata{display: block; text-align: center; padding: 0 0.24rem; font-size: 0.13rem; color: #ccc;}

.wbox, .wpbox{margin-bottom: 0.16rem; background-color: #fff; overflow: hidden;}
.wpbox{padding: 0 0.24rem;}


.wb, .flex-row{display: -webkit-box; display: flex;}
.wbc{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;}
.align-center{-webkit-box-align: center; align-items: center;}
.j-center{-webkit-justify-content: center; justify-content: center;}
.j-between{-webkit-justify-content: space-between; justify-content: space-between;}
.j-around{-webkit-justify-content: space-around; justify-content: space-around;}
.wbw, .flex-cnt{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0;}
.flex-cnt + .flex-cnt{margin-left: 0.2rem;}
.flex-side{margin-left: 0.2rem; position: relative; display: block; text-align: right;}
.self-top{-webkit-align-self: flex-start; align-self: flex-start;}
.self-center{-webkit-align-self: center; align-self: center;}
.self-end{-webkit-align-self: flex-end; align-self: flex-end;}


ins, .ins{text-decoration: none;}
ins + del{margin-left: 0.1rem;}


::-webkit-input-placeholder{color: #bbb;}
:focus::-webkit-input-placeholder{color: #999;}
::-moz-placeholder{color: #bbb;}
:-ms-input-placeholder{color: #bbb;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none!important; margin: 0;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
input[type="number"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}


/*输入框默认颜色*/
textarea::-webkit-input-placeholder{color: #bbb;} textarea:focus::-webkit-input-placeholder{color: #999;} textarea::-moz-placeholder{color: #bbb;} textarea:-ms-input-placeholder{color: #bbb;}


.setint, .textint{display: block; text-align: left; text-indent: 0; padding: 0.2rem 0; width: 100%; line-height: 0.5rem; font-size: 0.3rem; color: #333; background-color: transparent; border: none; border-radius: 0; outline: 0; box-shadow: none; appearance: none; -webkit-appearance: none;}
.setint{height: 0.9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.textint{height: auto; min-height: 1.9rem; resize: vertical;}



/*距离*/
.mt0, .my0, .m0{margin-top: 0!important;}.m0,.mb0,.my0{margin-bottom:0!important}.m0,.mx0,.ml0{margin-left:0!important}.m0,.mx0,.mr0{margin-right:0!important}.m10,.mt10,.my10{margin-top:0.1rem!important}.m10,.mb10,.my10{margin-bottom:0.1rem!important}.m10,.mx10,.ml10{margin-left:0.1rem!important}.m10,.mx10,.mr10{margin-right:0.1rem!important}.m20,.mt20,.my20{margin-top:0.2rem!important}.m20,.mb20,.my20{margin-bottom:0.2rem!important}.m20,.mx20,.ml20{margin-left:0.2rem!important}.m20,.mx20,.mr20{margin-right:0.2rem!important}.m30,.mt30,.my30{margin-top:0.3rem!important}.m30,.mb30,.my30{margin-bottom:0.3rem!important}.m30,.mx30,.ml30{margin-left:0.3rem!important}.m30,.mx30,.mr30{margin-right:0.3rem!important}.m40,.mt40,.my40{margin-top:0.4rem!important}.m40,.mb40,.my40{margin-bottom:0.4rem!important}.m40,.mx40,.ml40{margin-left:0.4rem!important}.m40,.mx40,.mr40{margin-right:0.4rem!important}.p0,.pt0,.py0{padding-top:0!important}.p0,.pb0,.py0{padding-bottom:0!important}.p0,.px0,.pl0{padding-left:0!important}.p0,.px0,.pr0{padding-right:0!important}.p10,.pt10,.py10{padding-top:0.1rem!important}.p10,.pb10,.py10{padding-bottom:0.1rem!important}.p10,.px10,.pl10{padding-left:0.1rem!important}.p10,.px10,.pr10{padding-right:0.1rem!important}.p20,.pt20,.py20{padding-top:0.2rem!important}.p20,.pb20,.py20{padding-bottom:0.2rem!important}.p20,.px20,.pl20{padding-left:0.2rem!important}.p20,.px20,.pr20{padding-right:0.2rem!important}.p30,.pt30,.py30{padding-top:0.3rem!important}.p30,.pb30,.py30{padding-bottom:0.3rem!important}.p30,.px30,.pl30{padding-left:0.3rem!important}.p30,.px30,.pr30{padding-right:0.3rem!important}.p40,.pt40,.py40{padding-top:0.4rem!important}.p40,.pb40,.py40{padding-bottom:0.4rem!important}.p40,.px40,.pl40{padding-left:0.4rem!important}.p40,.px40,.pr40{padding-right:0.4rem!important}.m24,.mt24,.my24{margin-top:0.24rem!important}.m24,.mb24,.my24{margin-bottom:0.24rem!important}.m24,.mx24,.ml24{margin-left:0.24rem!important}.m24,.mx24,.mr24{margin-right:0.24rem!important}.p24,.pt24,.py24{padding-top:0.24rem!important}.p24,.pb24,.py24{padding-bottom:0.24rem!important}.p24,.px24,.pl24{padding-left:0.24rem!important}.p24,.px24,.pr24{padding-right:0.24rem!important}

/*-------------------------结束公用样式--------------------------*/

/*加载字体*/
@font-face {
  font-family: 'Gotham-Medium';
  /*src: url('../font/AIAEverest-Medium.eot');*/
  src:
	url('../font/Gotham-Medium.otf')format('otf'),
	/*url('../font/AIAEverest-Medium.eot?#iefix') format('embedded-opentype'),*/
	url('../font/Gotham-Medium.woff') format('woff'),
	/*url('../font/AIAEverest-Medium.woff2') format('woff2'),*/
	url('../font/Gotham-Medium.ttf') format('truetype'),
	url('../font/Gotham-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


.link-caret,
.select-caret{position: relative; display: inline-block; width: 0.75em; height: 1em; font-size: 0.24rem; vertical-align: top;}
.link-caret::before,
.select-caret::before{position: absolute; top: 50%; left: 50%; display: block; content: "";  -webkit-box-sizing: border-box; box-sizing: border-box; border-style: solid; border-color: var(--tint-light-2); -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.link-caret::before{margin: -0.16em 0 0 -0.16em; width: 0.32em; height: 0.32em; border-width: 0.03rem 0.03rem 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.select-caret:not(.solid)::before{margin: -0.24em 0 0 -0.18em; width: 0.32em; height: 0.32em; border-width: 0.03rem 0.03rem 0 0; -webkit-transform: rotate(135deg) skew(5deg); transform: rotate(135deg) skew(5deg);}
.solid.select-caret::before{margin: -0.125em 0 0 -0.25em; width: 0.5em; height: 0.5em; border: 0.25em solid rgba(0,0,0,0); border-top-color: var(--tint-light);}
.wh.select-caret:not(.solid)::before{border-color: #fff;}
.solid.wh.select-caret::before{border-top-color: #fff;}

.diamond-icon{margin-left: 0.05rem; margin-right: 0.1rem; display: inline-block; width: 0.1rem; height: 0.1rem; background-color: var(--tint-light); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.blue.diamond-icon{background-color: var(--blue);}


[class*="btn"]:not(.disabledbtn):active>[class*="ico"],
[class*="button"]:not(.disabled-button):active>[class*="ico"]{opacity: 0.6;}




.xico{margin-right: 0.1rem; display: inline-block; width: 1em; height: 1em; font-size: 0.5rem; background-image: url(../images/icon/xico.png); background-repeat: no-repeat; background-size: 1em auto; vertical-align: top;}
.wh-home-xico{background-position: 0 0;}

.tico{margin-right: 0.15rem; display: inline-block; width: 1em; height: 1em; font-size: 0.4rem; background-image: url(../images/icon/tico.png); background-repeat: no-repeat; background-size: 1em auto; vertical-align: top;}
.tico-1{background-position: 0 0;}
.tico-2{background-position: 0 -1em;}
.tico-3{background-position: 0 -2em;}


.close-micon{position: relative; display: inline-block; width: 1em; height: 1em; font-size: 0.4rem; background-color: var(--blue); border-radius: 50%; vertical-align: top;}
.close-micon::before,
.close-micon::after{position: absolute; top: 50%; left: 50%; margin-top: -0.03rem; margin-left: -0.15rem; display: block; content: ""; width: 0.3rem; height: 0.06rem; line-height: 0; font-size: 0; background-color: rgba(255,255,255,0.7); border-radius: 0.03rem;}
.close-micon::before{transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.close-micon::after{background-color: #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}





/* switchItem */
.switchItem{display: none;}
.on.switchItem{display: block;}
/* end switchItem */

/* main */
.main{display: -webkit-box; display: flex; -webkit-box-orient: vertical; flex-direction: column; background-color: #eaecf2; height: 100vh;  overflow: hidden;}
.home-main.main{background: #173152 url(../images/bg/bg.jpg) 50% 100% no-repeat; background-size: cover;}


.main-center{position: relative; display: -webkit-box; display: flex; -webkit-box-flex: 1; flex: 1; min-width: 0; min-height: 0; overflow: hidden; }
.y.main-center{-webkit-box-orient: vertical; flex-direction: column; -webkit-justify-content: center; justify-content: center;}


.main-container{position: relative; display: -webkit-box; display: flex; -webkit-box-orient: vertical; flex-direction: column; height: 100%; -webkit-box-flex: 1; flex: 1; min-width: 0; min-height: 0;}
.main-container-box{padding: 0.01px; background-color: #fff; box-shadow: 0 0 0.08rem var(--tint-light-2); border-radius: 0.1rem;}
.main-container-core{position: relative; display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; min-height: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;}
.column.main-container-core{display: -webkit-box; display: flex; -webkit-box-orient: vertical; flex-direction: column;}
/*滚动条*/
.custom-scrollbar::-webkit-scrollbar{display: block;}
.custom-scrollbar::-webkit-scrollbar{width: 0.2rem; height:4px;}
.custom-scrollbar::-webkit-scrollbar-button{height:0;width:0;}
.custom-scrollbar::-webkit-scrollbar-track{background-color: var(--tint-light-2); border-radius: 0.1rem;}
.custom-scrollbar::-webkit-scrollbar-thumb{background: var(--blue); border-radius: 0.1rem;}


/*头文件*/
.header{position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; height: 0.9rem; padding: 0 0.35rem; color: var(--wh); background-color: var(--blue); }
.transparent.header{background-color: rgba(255,255,255,0);}
.header-main{position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex: 1; min-width: 0; height: 100%;}
.header-title{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; color: var(--wh);}
.header-logo,
.header-title-text{display: block; background-repeat: no-repeat; background-size: cover;}
.header-logo{margin-right: 0.2rem; width: 0.6rem; height: 0.6rem; font-size: 0; background-image: url(../images/icon/header-logo.png);}
.header-title-text{line-height: 1; font-size: 0.42rem; font-weight: 600;}
.head-time{font-size: 0.24rem;}





/*右边*/
.right-aside{margin-left: 0.3rem; position: relative; display: block; padding-bottom: 0.6rem; width: 3rem;}
.enter-nav{position: relative; display: -webkit-box; display: flex; -webkit-box-orient: vertical; flex-direction: column; -webkit-justify-content: space-around; justify-content: space-around; padding: 0 0.5rem; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;}
/*右导航*/
.enter-nav-item{margin-top: 0.1rem; margin-bottom: 0.1rem; position: relative; display: -webkit-box; display: flex; -webkit-box-orient: vertical; flex-direction: column; -webkit-justify-content: space-around; justify-content: space-around; text-align: center; width: 2rem; height: 2rem; font-size: 0.36rem; color: var(--wh); background-color: #ff9350; border-radius: 0.1rem;}
.enter-nav-item:visited{color: var(--wh);}
.enter-nav-text{position: relative;}
.fore1.enter-nav-item{background-image: -webkit-linear-gradient(0deg, #ff9350, #ffaf54); background-image: linear-gradient(90deg, #ff9350, #ffaf54);}
.fore2.enter-nav-item{background-image: -webkit-linear-gradient(0deg, #e25285, #e05c60); background-image: linear-gradient(90deg, #e25285, #e05c60);}
.enter-nav-item::before{position: absolute; right: 0; bottom: 0.12rem; content: ""; width: 1em; height: 1em; font-size: 1rem; background-image: url("../images/icon/enter-nav.png"); background-size: 1em auto; background-repeat: no-repeat;}
.fore1.enter-nav-item::before{background-position: 0 0;}
.fore2.enter-nav-item::before{background-position: 0 -1em;}
.enter-nav-item:not(.disabled):active{color: rgba(255,255,255,.8); opacity: 0.95; box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.5);}
.enter-nav-item:not(.disabled):active::before{-webkit-transform: scale(0.85); transform: scale(0.85);}


/*动画*/
.index-bn{position: relative; padding-bottom: 0.6rem; width: 100%; height: 100%;}
.index-bn .tempWrap,
.index-bn .tempWrap .bd,
.index-bn .tempWrap .bd li{position: relative; height: 100%;}
.index-bn .tempWrap{position: relative; border-radius: 0.1rem; box-shadow: .03rem .04rem .38rem rgba(0,0,0,.25); -webkit-transform: scale(1); transform: scale(1); overflow: hidden;}
.index-bn .media{position: relative; display: block; height: 100%; background-color: #000; overflow: hidden;}
.index-bn .media img{position: absolute; top: 0; left: 0; display: block; width: 100%; min-height: 100%;}
.index-bn .media:active img{opacity: 0.8;}
/*动画数字*/
.index-bn .hd{position: absolute; bottom: 0; left: 0; right: 0; text-align: center; line-height: 0; font-size: 0;}
.index-bn .hd li,.index-bn .hd span{margin: 0 .1rem; position: relative; display: inline-block; width: .7rem; height: 0.08rem; background-color: rgba(255,255,255,.5); background-clip: padding-box; border-radius: .08rem; vertical-align: top; -webkit-transition: .4s linear; transition: .4s linear;}
.index-bn .hd .on{background-color: rgba(255,255,255,1);}


/*----------------star内页的样式*/

.boxmt{margin-top: 0.2rem; margin-bottom: 0.2rem; position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; text-align: left; min-height: 0.4rem; line-height: 0.4rem; font-size: 0.24rem; color: var(--c8);}
.boxmt-title{position: relative; font-weight: bold; height: 0.4rem; line-height: 0.4rem; font-size: 0.3rem; color: var(--c3); font-weight: 600;}
.boxmt-button{margin-left: 0.1rem; position: relative; display: block;}




.navsteps{display: -webkit-box; display: flex; -webkit-box-align: end; align-items: flex-end; }
.navsteps-list{position: relative; display: -webkit-box; display: flex; -webkit-box-align: end; align-items: flex-end; -webkit-box-flex: 1; flex: 1; min-width: 0;}
.navsteps-list::before{position: absolute; top: 0.2rem; left: 0; right: 0; display: block; content: ""; height: 0.2rem; line-height: 0; font-size: 0; background-color: var(--tint-light-2); border-radius: 0.1rem;}
.navsteps-item{position: relative; display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; text-align: right; padding-top: 0.6rem;}
.navsteps-serial{position: absolute; z-index: 3; top: 0.13rem; right: 0; display: block; text-align: center; padding: 0.02rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 0.34rem; height: 0.34rem; line-height: 0.3rem; font-size: 0.2rem; color: var(--wh); background-color: var(--blue); border-radius: 50%;}
.navsteps-t{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 0.36rem; line-height: 0.36rem; font-size: 0.3rem;}
.navsteps-item:not(:last-of-type) .navsteps-t{display: inline-block; max-width: 100%; -webkit-transform: translateX(50%); transform: translateX(50%); vertical-align: top;}
.navsteps-item:not(:last-of-type) .navsteps-serial{right: -0.17rem;}
.actived.navsteps-item .navsteps-t{font-weight: 600;}
.actived.navsteps-item .navsteps-serial{top: 0.05rem; padding: 0.05rem; width: 0.5rem; height: 0.5rem; border: 0.05rem solid var(--wh);}
.actived.navsteps-item:not(:last-of-type) .navsteps-serial{right: -0.25rem;} 
.actived.navsteps-item::before{position: absolute; top: 0.16rem; left: 0; right: 0; display: block; content: ""; height: 0.28rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 0; font-size: 0; background-color: var(--blue); border: 0.04rem solid var(--wh); border-radius: 0.14rem;}
.navsteps-side-item{margin-left: 0.9rem; display: block; text-align: center;}
.navsteps-side-sign{margin: 0 auto; display: block; padding: 0.05rem; width: 0.6rem; height: 0.6rem; background-color: var(--blue); border-radius: 50%;}



.boxout-head{display: -webkit-box; display: flex; -webkit-box-align: end; align-items: flex-end;}
.boxout-head-main{display: -webkit-box; display: flex; -webkit-box-align: end; align-items: flex-end; -webkit-box-flex: 1; flex: 1; min-width: 0;}
.boxout-head-text{line-height: 0.4rem; font-size: 0.3rem; color: var(--c3); font-weight: 600;}
.boxout-tab{display: block; max-width: 100%; -webkit-transform: scale(1); transform: scale(1); overflow: hidden;}
.boxout-tab-list{margin-bottom: -0.2rem; padding-bottom: 0.2rem; display: -webkit-box; display: flex; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;}
.boxout-tab-pill-title,
.boxout-tab-item{margin-right: 0.1rem; margin-bottom: 0.02rem; display: block; text-align: center; padding: 0.1rem 0.24rem; min-width: 2.4rem; height: 0.6rem; line-height: 0.4rem; font-size: 0.3rem; color: var(--wh); box-shadow: 0 0.01rem 0.01rem var(--tint-light-2); border-radius: 0.1rem;}
.boxout-tab-item{color: var(--c3); background-color: var(--tint-light-2);}
.boxout-tab-item:visited{color: var(--c3);}
.boxout-tab-pill-title,
.on.boxout-tab-item{color: var(--wh); background-color: var(--blue);}


/*部门选择*/

.lt-enter-list{margin-top: 0.5rem; margin-bottom: 0.5rem; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.lt-enter-item{margin-top: 0.5rem; display: block; width: 16.66666%; }
.lt-enter-item:nth-of-type(1),
.lt-enter-item:nth-of-type(2),
.lt-enter-item:nth-of-type(3),
.lt-enter-item:nth-of-type(4),
.lt-enter-item:nth-of-type(5),
.lt-enter-item:nth-of-type(6){margin-top: 0;}
.lt-enter-text{position: relative; display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 0.24rem; line-height: 0.3rem; font-size: 0.24rem; color: var(--c3); vertical-align: top; -webkit-transition: 0.3s; transition: 0.3s;}
.lt-enter-text:visited{color: var(--c3);}
.lt-enter-text:hover{color: var(--blue);}
.lt-enter-text::before{position: absolute; left: 0.05rem; top: 0.1rem; display: block; content: ""; width: 0.1rem; height: 0.1rem; background-color: var(--tint-light-2); -webkit-transform: rotate(45deg); transform: rotate(45deg);}


/*文章*/
.artdp-title{margin-top: 0.2rem; margin-bottom: 0.2rem; text-align: center; line-height: 0.4rem; font-size: 0.3rem; color: var(--c3); font-weight: 600;}
.artdp-body{padding-left: 0.2rem; line-height: 1.8; font-size: 0.24rem;}

/*选择主体*/
.apply-way-list{display: -webkit-box; display: flex; -webkit-justify-content: space-around; justify-content: space-around; padding-left: 5%; padding-right: 5%;}
.apply-way-item{margin: 0.1rem;}
.apply-way-produce{position: relative; display: block; width: 6.56rem; padding-bottom: 41.46341%; border-radius: 0.1rem; -webkit-transform: scale(1); transform: scale(1); overflow: hidden;}
.apply-way-produce:active{-webkit-transform:translateY(0.05rem); transform:translateY(0.05rem); box-shadow: 0 0.05rem 0.18rem rgba(0,0,0,0.15);}
.apply-way-img{position: absolute; top: 0; left: 0; display: block; width: 100%; min-height: 100%;}

/*个人申请*/
.selint{position: relative;}
.selint-select{position: absolute; z-index: 5; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0;}
.selint-input{position: absolute; z-index: 5; top: 0; left: 0; bottom: 0; width: 100vw; height: 100%; opacity: 0;}


.apform-flex{display: -webkit-box; display: flex; font-size: 0.24rem; color: var(--c3);}
.apform-side{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0;}
.apform-side + .apform-side{margin-left: 0.3rem;}
.apform-row,
.apform-warn{margin-top: 0.17rem; margin-bottom: 0.17rem; display: -webkit-box; display: flex;}
.apform-warn{color: var(--red); font-weight: 600;}
.apform-item{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0;}
.apform-row .apform-item + .apform-item{margin-left: 0.3rem;}
.apform-field{position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding-right: 0.2rem; line-height: 0.4rem;}
.required.apform-item .apform-field::after{position: absolute; top: 0; right: 0; display: block; content: "*"; text-align: center; width: 0.2rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.2rem; color: var(--red);}
.apform-field-dt{line-height: 1; font-size: 0.24rem; color: var(--c3);}
.apform-field-dd,
.apform-field-area{position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex: 1; min-width: 0;}
.apform-field-area{padding-left: 0.1rem; padding-right: 0.1rem; min-height: 0.4rem; background-color: #e8e8e8; border: 1px solid #c9d4e0;}
.wh.apform-field-area{background-color: var(--wh);}
.has-val.apform-field-area{background-color: rgba(255,255,255,0);}
.apform-setint{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; padding: 0.05rem 0; height: 0.4rem; line-height: 0.3rem; font-size: 0.18rem; color: var(--c6); background-color: rgba(255,255,255,0); border: none; border-radius: 0; outline: 0; box-shadow: none; -webkit-appearance: none; appearance: none;}
.apform-setint:not(textarea){white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
textarea.apform-setint{height: 1.9rem;}

.che-span-list{margin-top: -0.1rem; margin-left: -0.1rem; font-size: 0;}
.che-span-list .che-span{margin-top: 0.1rem; margin-left: 0.1rem;}
.che-span{display: inline-block; vertical-align: top;}
.che-span [type="checkbox"],
.che-span [type="radio"]{display: none;}
.che-span-text{display: inline-block; text-align: center; padding: 0.03rem; min-width: 1.2rem; height: 0.4rem; line-height: 0.3rem; font-size: 0.2rem; color: var(--blue); border: 0.02rem solid var(--blue); border-radius: 0.1rem; cursor: pointer; vertical-align: top;}
:checked ~ .che-span-text{color: var(--wh); background-color: var(--blue);}


/* upic */
.upic-list{display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.upic-item{margin-top: 0.1rem; position: relative; display: block; width: 3.4rem;}

.upic-content{position: relative; padding-bottom: 64.7%; background-repeat: no-repeat; background-size: 100% 100%; border-radius: 0.1rem; -webkit-transform: scale(1); transform: scale(1); overflow: hidden;}


.upic-content .bg-img,
.upic-content .img{position: absolute; top: 0; left: 0; display: block; min-width: 100%; min-height: 100%; object-fit: cover;}
.upic-content .img{z-index: 4;}
.upic-content .bg-img{z-index: 1;}
.upic-content .hide-el{z-index: 3;}
.upic-del{position: absolute; z-index: 5; top: -0.1rem; right: -0.1rem; display: block; width: 0.42rem; height: 0.42rem; background-image: -webkit-radial-gradient(circle closest-side, rgba(0,0,0,0.8), rgba(0,0,0,0.8) calc(100% - 0.04rem), rgba(255,255,255,0.8) calc(100% - 0.03rem), rgba(255,255,255,0.8)); background-image: radial-gradient(circle closest-side, rgba(0,0,0,0.8), rgba(0,0,0,0.8) calc(100% - 0.04rem), rgba(255,255,255,0.8) calc(100% - 0.03rem), rgba(255,255,255,0.8)); -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 50%;}
.upic-del:active{background-image: -webkit-radial-gradient(circle closest-side, #ff462d, #ff462d calc(100% - 0.04rem), rgba(255,255,255,1) calc(100% - 0.03rem), rgba(255,255,255,1)); background-image: radial-gradient(circle closest-side, #ff462d, #ff462d calc(100% - 0.04rem), rgba(255,255,255,1) calc(100% - 0.03rem), rgba(255,255,255,1));}
.upic-del::before,
.upic-del::after{position: absolute; top: 50%; left: 50%; margin-top: -0.02rem; margin-left: -0.12rem; display: block; content: ""; width: 0.24rem; height: 0.04rem; line-height: 0; font-size: 0; background-color: rgba(255,255,255,0.7); border-radius: 0.02rem;}
.upic-del::after{background-color: #fff; transform: rotate(-90deg); -webkit-transform: rotate(-90deg);}

.id-1.upic-item .upic-content{background-image: url(../images/icon/upic/id-1-bg.jpg);}
.id-2.upic-item .upic-content{background-image: url(../images/icon/upic/id-2-bg.jpg);}
.license.upic-item .upic-content{background-image: url(../images/icon/upic/license-bg.jpg);}
/* end upic */


.notice-section{margin: 0 auto; display: block; padding: 0.1px 0.2rem; width: 8.8rem; max-width: 100%; background-color: var(--tint-light-2); box-shadow: 0 0 0.08rem var(--tint-light-2);}
.notice-section-container{margin-top: 0.5rem; margin-bottom: 0.4rem; padding-left: 0.2rem; padding-right: 0.2rem; font-size: 0.24rem; color: var(--c3);}
.notice-section-container .sec{margin-bottom: 0.3rem;}
.notice-section-footer{margin-top: 0.4rem; margin-bottom: 0.4rem; text-align: center;}



.template-dp{margin-top: 0.3rem; margin-bottom: 0.3rem; text-align: center;}
.template-dp-media{margin-bottom: 0.4rem;}
.template-dp-img{margin: 0 auto; display: block; width: 50%;}
.template-dp-dt{font-size: 0.24rem; color: var(--c3);}


.result-table{text-align: center; width: 100%; font-size: 0.3rem;}
.result-table th,
.result-table td{padding: 0.2rem 0.15rem; border: 0.1rem solid var(--wh);}
.result-table th{font-weight: 600; background-color: var(--tint-light-2);}
.result-table td{background-color: var(--tint-light-3);}







/*cpop*/
.cpop{position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; display: none;}
.show.cpop{display: block; z-index: 100;}
.cpop .mask{opacity: 1; visibility: visible;}
.cpop-center{position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; text-align: center; width: auto; height: auto; max-height: 100%;}



.notice-cpop-container{position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 5; display: block; text-align: center; padding: 0.01px 0.2rem; width: 8.8rem; max-width: 90%; color: var(--c3); background-color: var(--tint-light-4); border-radius: 0.1rem; -webkit-animation: cpopSlideDown ease .3s forwards; animation: cpopSlideDown ease .3s forwards;}
.show.cpop .notice-cpop-container{-webkit-animation: cpopSlideUp ease 0.3s forwards; animation: cpopSlideUp ease 0.3s forwards;}
.notice-cpop-title{margin: 0.1rem 0; font-size: 0.34rem; color: var(--c); font-weight: 700;}
.notice-cpop-text{margin: 0.1rem 0; font-size: 0.28rem;}
.notice-cpop-action{margin-top: 0.4rem; margin-bottom: 0.2rem;}

@-webkit-keyframes cpopSlideUp{
  from{-webkit-transform:translate3d(-50%, 100%, 0); transform:translate3d(-50%, 100%, 0);}
  to{-webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0);}
}
@keyframes cpopSlideUp{
  from{-webkit-transform:translate3d(-50%, 100%, 0); transform:translate3d(-50%, 100%, 0);}
  to{-webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0);}
}
@-webkit-keyframes cpopSlideDown{
  from{-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);}
  to{-webkit-transform:translate3d(-50%, 100%, 0);transform:translate3d(-50%, 100%, 0);}
}
@keyframes cpopSlideDown{
  from{-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);}
  to{-webkit-transform:translate3d(-50%, 100%, 0);transform:translate3d(-50%, 100%, 0);}
}
/*end cpop*/
















/* button */
.middle-button{display: inline-block; text-align: center; padding: 0.1rem 0.2rem; height: 0.6rem; line-height: 0.4rem; font-size: 0.28rem; border-radius: 0.1rem; border: none; outline: 0; -webkit-appearance: none; appearance: none;}
.middle-button.plain{padding: 0.08rem 0.18rem;}

.primary-button:not(.plain){color: #fff; background-color: var(--blue);}
.primary-button:not(.plain):visited{color: #fff;}
.primary-button:not(.plain):not(.disabledbtn):active{color: rgba(255,255,255,0.6); background-color: var(--blue-active); -webkit-transform: translateY(2px); transform: translateY(2px);}
.plain.primary-button{color: var(--blue); background-color: rgba(255,255,255,0); border: 0.02rem solid var(--blue);}
.plain.primary-button:visited{color: var(--blue);}
.plain.primary-button:not(.disabledbtn):active{color: var(--blue-active); background-color: hsla(215,100%,47%,0.15); -webkit-transform: translateY(2px); transform: translateY(2px);}





/*间距*/
.p100{padding: 1rem;}
.mt90{margin-top: 0.9rem;}
.mx90{margin-left: 0.9rem; margin-right: 0.9rem;}

.min-w-200{min-width: 2rem;}
.min-w-240{min-width: 2.4rem;}
.min-w-5e{min-width: 5em;}
.w-4e{width: 4em;}
.w-5e{width: 5em;}
.w-9e{width: 9em;}



/*font*/






/*color*/