/* banner */
.banner{position: relative; height: 100px; z-index: 100;}
.banner img{height: 100px; width: 100%;}
.banner .content{position: absolute; top: 0; left: 0; color: #4d5f85; width: 100%;}
.banner .title{font-family: 'YouSe'; font-size: 47px; display: inline-block; line-height: 100px;}
.banner .link{display: inline-block; font-size: 18.8px; color: #4d5f85; line-height: 100px; vertical-align: top; padding-left: 9.8%;}
.banner .close{width: 22px; height: 22px; position: absolute; top: 50%; right: 40px; background: url(../images/close-icon.png)no-repeat center; transform: translateY(-50%); cursor: pointer;}
@media(max-width: 1400px){
    .banner .title{font-size: 38px;}
    .banner .link{font-size: 16px; padding-left: 5%;}
}

/* top */
.top{height: 100px; line-height: 100px; background-color: #fff; width: 100%; z-index: 5000; min-width: 1024px}
.top.fixtop{position: fixed; top: 0; left: 0;}
.top .logo{width: 12.5%; float: left; text-align: center; padding: 0 10px;}
.top .right{width: 87.5%; float: left; position: relative;}
.top ul{float: left; width: 80%;}
.top li{float: left; margin-right: 4.4%; position: relative;}
.top li:last-child{margin-right: 0;}
.top li a{font-size: 18px; font-family: 'Light'; color: #333; transition: all .3s; display: block;}
.top li:hover a,
.top li.aon a{color: #093a96;}
.top li::before{transition: all .3s;content: ''; background-color: #093a96; width: 0; height: 3px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.top li:hover::before,
.top li.aon::before{width: 100%;}
.top .item{float: right; width: 20%;}
.top .item > div{float: right; margin-left: 40px;}
.top .avatar img{width: 40px; height: 40px; border-radius: 50%; overflow: hidden;}
.top .message{position: relative; margin: 39px 0;}
.top .msg{background: url(../images/message-icon.png)no-repeat center; width: 19px; height: 22px;}
.top .num{position: absolute; right: 0; top: 0; transform: translate(40%, -40%); text-align: center; font-size: 12px; width: 15px; height: 15px; border-radius: 50%; background-color: #093a96; color: #fff; line-height: 15px;}
.top .search-box{width: 22px; height: 22px; margin: 39px 0; background: url(../images/search-icon.png)no-repeat center; cursor: pointer; position: relative; margin-left: 0!important;}
.top .search-box input{display: none; border: 1px solid #eee; line-height: 36px; border-radius: 40px; padding: 0 30px 0 10px; position: absolute; right: 0; top: 0;}
.top .search-box .search-btn{display: none; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: url(../images/search-icon.png)no-repeat center; width: 18px; height: 18px; background-size: 100%;}
.top .search-box.show{width: auto; line-height: 100px; margin: 0; height: 40px; margin: 30px 0;}
.top .search-box.show input,
.top .search-box.show .search-btn{display: block;}
.top .logout{background: url(../images/cancellation-icon.png) no-repeat center; width: 22px; height: 22px; margin-top: 39px; cursor: pointer;}
.top .switch{background: url(../images/switch-icon.png) no-repeat center; width: 22px; height: 22px; margin-top: 39px; cursor: pointer; position: relative;}
.top .switch .sub{display: none; position: absolute; top: 62px; left: 50%; transform: translateX(-50%); min-width: 150px; background-color: #fff; text-align: center; line-height: 45px; box-shadow: 0 0 15px 5px rgba(0, 0, 0, .05);}
.top .switch .sub dd{transition: all .3s;}
.top .switch .sub dd:hover{background-color: #f2f5fa;}
.top .item .message{margin-left: 0;}
@media(max-width: 1700px){
    .top li{margin-right: 2.3%;}
    .top li a{font-size: 16px;}
    .top .item > div{margin-left: 20px;}
}
@media(max-width: 1200px){
    .top li{margin-right: 10px;}
    .top li a{font-size: 14px;}
}

/* kefu */
.kefu{position: fixed; width: 64px; height: 64px; border-radius: 50%; right: 2%; bottom: 15%; background: url(../images/kefu.png) no-repeat center #093a96; background-size: 60%; z-index: 200; cursor: pointer;}
.kefu a{display: block; height: 100%;}
.kefu .kf-qr{position: absolute; right: calc(100% + 15px); top: 50%; transform: translateY(-50%); width: 140px; height: 140px; padding: 10px; border-radius: 5px; background-color: #fff; display: none;}
.kefu .kf-qr::before{content: ''; width: 0; border: 8px solid transparent; border-left: 8px solid #fff; position: absolute; left: 100%; top: 50%; transform: translateY(-50%);}
@media(max-width: 768px) {
    .kefu{width: 40px; height: 40px; bottom: 10%;}
}

/* menu */
.menu{width: 100%; height: 90vh; background-color: #093a96; padding: 60px 0 80px 0; text-align: center; color: #fff; position: relative; overflow-y: auto;}
.menu.fixmenu{width: 12.5%; top: 100px; position: fixed; min-width: 200px;}
.menu .logo img{width: 100px; height: 100px;}
.menu .companyname{padding: 20px 10px; font-size: 18px;}
.menu .info-item{text-align: left; padding: 60px 40px 0 40px;}
.menu .info-item .tit{font-family: 'Light'; color: rgba(255, 255, 255, .6); padding-bottom: 10px;}
.menu .func{width: 100%; height: 80px; position: absolute; left: 0; bottom: 0; background-color: #0b3e9e; text-align: left; white-space: nowrap;}
.menu .setting{float: left; width: 50%; background: url(../images/setting-icon.png)no-repeat center; height: 80px; cursor: pointer; transition: all .3s;}
.menu .paging{float: left;width: 50%; height: 80px; background: url(../images/paging-icon.png)no-repeat center; cursor: pointer; transition: all .3s;}
.menu .setting:hover{background: url(../images/setting-icon.png)no-repeat center #224d9e;}
.menu .paging:hover{background: url(../images/paging-icon.png)no-repeat center #224d9e;}
.menu dl{padding-top: 40px;}
.menu dt{background-color: #0b3e9e;}
.menu dt span{padding-left: 30px; background-repeat: no-repeat; background-position: left center; line-height: 80px; font-size: 18px;}
.menu dd{line-height: 70px; transition: all .3s;}
.menu dd.on{background: url(../images/right-arrow-icon.png)no-repeat 85% center #14956c;}
.menu dd:hover{background-color: #14956c;}
.menu dd a{color: #fff; display: block;}
@media(max-width: 1800px){
    .menu .info-item{padding: 50px 20px 0 20px;}
}
@media(max-width: 1660px){
    .menu .companyname{font-size: 16px;}
    .menu .info-item{padding: 40px 10px 0 10px;}
    .menu .logo img{width: 90px; height: 90px;}
}

/* location */
.location{color: #999; padding-bottom: 3.75%;}
.location a{padding: 0 20px; color: #999; transition: all .3s;}
.location span{padding-left: 20px;}
.location a:first-child{padding-left: 33px; background: url(../images/home-icon.png)no-repeat left center;}
.location a:hover{color: #093a96;}

/* container */
.container.pad_100{padding-top: 100px;}
.container .menu-box{float: left; min-width: 200px; width: 12.5%;}
.container .main{width: 87.5%; float: right; padding: 2.38%; max-width: calc(100% - 200px); min-height: calc(100vh - 80px);}

/* slick-dots */
.slick-dots{text-align: center; z-index: 5;}
.slick-dots li{display: inline-block; margin-top: 40px;}
.slick-dots button{font-size: 0; padding: 0; margin: 0 10px; width: 12px; height: 12px; border-radius: 50%; border: none; background-color: rgba(255, 255, 255, 0); transition: all .3s; border: 2px solid #fff; cursor: pointer;}
.slick-dots .slick-active button{background-color: #fff;}

/* column_head */
.column_head{margin-bottom: 2%;}
.column_head .search-box{width: 33.3333%; min-width: 300px; background-color: #fff; position: relative; line-height: 50px; height: 50px; border-radius: 50px; display: inline-block;}
.column_head .search-box .search{width: 100%; border: none; height: 100%; margin: 0; border-radius: 50px; padding: 0 45px 0 20px;}
.column_head .search-box .btn{width: 18px; height: 18px; background: url(../images/search-icon01.png)no-repeat center; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); cursor: pointer;}
.column_head .hot-search{display: inline-block; padding-left: 4%;}
.column_head .hot-search span{padding: 0 15px; line-height: 32px; border-radius: 32px; display: inline-block; margin-left: 10px; cursor: pointer; background-color: #eceef3; color: #818faa;}
.column_head .msg-btn{display: inline-block; width: 140px; line-height: 46px; text-align: center; color: #fff; background-color: #093a96; border-radius: 46px; margin-left: 20px; cursor: pointer;}
@media(max-width: 1400px){
    .column_head .hot-search{padding-left: 0; display: block; padding-top: 1%; font-size: 14px;}
}

/* index */
.index .part{display: flex; flex-direction: row; justify-content: space-between; align-items: top;}
.index .part2{padding-top: 40px;}
/* .index .part2 li.outer{width: 50%; float: left; padding: 0 20px;} */
.index .index-part{background-color: #fff; border-radius: 6px; padding: 1.875%; position: relative;}
/* .index .part2 .index-part{padding: 3.846%;} */
.index .index-title{padding-bottom: 30px;}
.index .index-title .title{font-size: 24px; color: #333; width: calc(100% - 50px); display: inline-block;}
.index .index-title .more{padding-right: 16px; color: #999; background: url(../images/more-icon.png)no-repeat right center; float: right; line-height: 31px; display: block;}

.index-course{width: 26.25%;}
.index-course .item{border-radius: 6px; overflow: hidden; position: relative;}
.index-course .tit{position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; color: #fff; font-size: 18px; padding: 25px 15px; line-height: 1.5;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.index-course .slick-dots li{margin-top: 13px; height: 3px;}
.index-course .slick-dots button{width: 10px; height: 3px; border-radius: 0; background-color: #ced8ea; margin: 0 5px; border: none;}
.index-course .slick-dots .slick-active button{background-color: #5473e8; width: 30px;}

.index-policy{width: 46.25%;}
.index-policy li{line-height: 45px;}
.index-policy li .txt{display: none; padding-left: 20px; color: #999; line-height: 1.5; margin-top: 1%;}
.index-policy .tit{font-family: 'Light'; color: #666; padding-left: 20px; display: inline-block; vertical-align: bottom; width: calc(100% - 90px); position: relative; transition: all .3s;}
.index-policy .tit::before{content: ''; background-color: #ced8ea; width: 6px; height: 6px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: all .3s;}
.index-policy .date{display: inline-block; vertical-align: bottom; color: #999;}
.index-policy li:first-child{ padding-bottom: 15px; margin-bottom: 7px; border-bottom: 1px solid #e6ebf4; line-height: normal;}
.index-policy li:first-child .tit{font-size: 18px; color: #333; font-family: 'Harmony';}
.index-policy li:first-child .txt{display: box; display: -webkit-box;}
.index-policy li:hover .tit{color: #093a96;}
.index-policy li:hover .tit::before{background-color: #093a96;}

.index-member-enter{width: 22.5%;}
.index-member{padding: 8.333%; background-color: #fff; border-radius: 6px; line-height: 1.8;}
/* .index-member .left{width: 100%; float: left;} */
.index-member .date{font-family: 'Light';}
.index-member .cancellation{width: 16%; float: right; text-align: right; padding: 5% 0 0 0; cursor: pointer;}

.index-enter{padding-top: 20px; margin: 0 -5px;}
.index-enter li{width: 50%; float: left; padding: 0 5px; margin-bottom: 10px; text-align: center;}
.index-enter a{display: block; padding: 30px 0; border-radius: 6px; color: #fff; position: relative; transition: all .3s;}
.index-enter .tit{padding-top: 15px;}
.index-enter li:nth-child(1) a{background-color: #5473e8;}
.index-enter li:nth-child(2) a{background-color: #ffc747;}
.index-enter li:nth-child(3) a{background-color: #35c3ce;}
.index-enter li:nth-child(4) a{background-color: #e35b5d;}
.index-enter li:nth-child(1):hover a{background-color: #2b51db;}
.index-enter li:nth-child(2):hover a{background-color: #fabb29;}
.index-enter li:nth-child(3):hover a{background-color: #00b8c5;}
.index-enter li:nth-child(4):hover a{background-color: #e03b3e;}
.index-enter li:nth-child(3),
.index-enter li:nth-child(4){margin-bottom: 0;}
.index-enter .icon{padding-top: 32px; width: 35px; background-size: contain; background-repeat: no-repeat; background-position: center; margin: 0 auto; position: relative; transition: all .5s;}
.index-enter .num{position: absolute; right: 0; top: 0; transform: translate(50%, -50%); border-radius: 50%; background-color: #fff; width: 15px; height: 15px; font-size: 12px; line-height: 15px;}
.index-enter li:nth-child(1) .num{color: #5473e8;}
.index-enter li:nth-child(2) .num{color: #ffc747;}

.index-question{width: 48.75%; font-family: 'Light';}
.index-question li{margin-top: 25px;}
.index-question .index-title{padding-bottom: 0px;}
.index-question .tit{padding-left: 30px; display: inline-block; width: calc(100% - 91px); vertical-align: middle; background: url(../images/index-question-icon.png)no-repeat left center; transition: all .3s; color: #666;}
.index-question .date{color: #999; display: inline-block; vertical-align: middle;}
.index-question li:hover .tit{color: #093a96; background: url(../images/index-question-icon-on.png)no-repeat left center;}

.index-self{width: 48.75%;}
.index-self .result{padding-top: 20px;}
.index-self .left{width: 29%; float: left; margin-right: 9%;}
.index-self .left .box{ position: relative;}
.index-self .left .risk{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 1;}
.index-self .left .risk.high{color: #ec1a1a; text-shadow: 0px 3px 5px #ec1a1a48;}
.index-self .left img{width: 100%;}
.index-self .right{width: 62%; float: left;}
.index-self li{width: 50%; float: left; padding: 0 10px 0 20px; margin-bottom: 30px; border-left: 1px solid #ced8ea; font-family: 'Light';}
.index-self .tit{color: #999;}
.index-self .check{display: block; width: 100%; line-height: 50px; background-color: #f3f6fb; color: #5473e8; text-align: center; cursor: pointer;}
@media(max-width: 1400px){
    .index-member-enter,
    .index-course{width: 29%;}
    .index-policy{width: 38%;}
    .index-member .left{font-size: 14px;}
    .index .index-title .title{font-size: 20px;}
    .index .index-title .more{font-size: 14px;}
    .index-self .left{width: 32%;}
    .index-self .right{width: 68%;}
    .index-self li{font-size: 14px;}
    .index-question li{margin-top: 20px;}
    .index-question a,
    .index-policy a{font-size: 14px;}
    .index-policy .tit{width: calc(100% - 79px);}
    .index-question .tit{width: calc(100% - 80px);}
    .index .part2{padding-top: 22px;}
    .index-course .tit{font-size: 14px;}
}
@media(max-width: 1200px){
    .index-course .tit{padding: 10px;}
}

/* 环保课堂 */
.course .column_title h2{margin-bottom: 1.333%;}
.course ul{margin: 0 -1.1%;}
.course li{width: 25%; float: left; padding: 0 1.1%; margin-bottom: 2.2%;}
.course ul a{display: block; border-radius: 10px; overflow: hidden;}
.course .pic{width: 100%; padding-top: 68.57%; background-size: 100%; background-repeat: no-repeat; background-position: center; display: block;}
.course .content{background-color: #fff; padding: 8.57% 5.71%;}
.course .tit{font-size: 20px; color: #333; height: 52px;}
.course .txt{font-family: 'Light'; color: #999; padding-top: 3%; height: 27px;}
.course .lab{width: 100%; white-space: nowrap; overflow-x: auto; margin-top: 15px; height: 25px; padding-bottom: 5px; overflow-y: hidden;}
.course .lab span{display: inline-block; line-height: 20px; margin-right: 10px; border-radius: 20px; padding: 0 5px; font-size: 14px; color: #093a96; background-color: #d6d8dd;}
@media(max-width: 1400px){
    .course li{width: 33.3333%;}
}

/* 课堂详情 */
.course-detail .maintit{font-size: 30px; font-family: 'Medium';}
.course-detail .intro{color: #555; line-height: 1.8; padding: 1.6666% 0;}
.course-detail .func > div{display: inline-block; color: #888; font-family: 'Light'; margin-right: 40px;}
.course-detail .like{padding-left: 30px; background: url(../images/like-icon.png)no-repeat left center; cursor: pointer;}
.course-detail .collect{padding-left: 30px; background: url(../images/collect-icon.png)no-repeat left center; cursor: pointer;}
.course-detail .video-box{padding-bottom: 5.333%; padding-top: 4%;}
.course-detail .video{width: 67%; float: left;}
.course-detail .video video{width: 100%; background-color: #000;}
.course-detail .chapter-list{width: 33%; float: left; background-color: #fff; height: 100%; padding-top: 3.333%;}
.course-detail .title{font-size: 24px; color: #333; font-family: 'Medium'; padding-left: 7.5%; padding-bottom: 8%;}
.course-detail .chapter-list li{line-height: 60px; padding: 0 7.5%; cursor: pointer; transition: all .3s;}
.course-detail .chapter-list .inner{display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-top: 1px solid #eee;  transition: all .1s;}
.course-detail .chapter-list li:last-child .inner{border-bottom: 1px solid #eee;}
.course-detail .tit{width: calc(100% - 42px); padding-left: 27px; background: url(../images/play-icon.png)no-repeat left center;}
.course-detail .time{color: #999;}
.course-detail .chapter-list li.on{background-color: #255fcc; color: #fff;}
.course-detail .chapter-list li.on .inner{border-color: #255fcc;}
.course-detail .chapter-list li.on .tit{background: url(../images/play-icon-on.png)no-repeat left center;}
.course-detail .chapter-list li.on .time{color: #fff;}
.course-detail .chapter-list .list{padding-bottom: 60px; position: relative;}
.course-detail .slick-prev,
.course-detail .slick-next{position: absolute; bottom: 0; font-size: 0; width: 30%; height: 60px; border: none; cursor: pointer;}
.course-detail .slick-prev{background: url(../images/prev-icon01.png)no-repeat center; left: 20%;}
.course-detail .slick-prev::before{content: ''; background-color: #ebebeb; width: 1px; height: 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.course-detail .slick-next{background: url(../images/next-icon01.png)no-repeat center; right: 20%; left: auto;}
.course-detail .detail{padding-bottom: 2%; border-bottom: 1px solid #e5e5e5;}
.course-detail .subtit{font-size: 24px; font-family: 'Medium'; padding-bottom: 1.333%; border-bottom: 1px solid #e5e5e5;}
.course-detail .content{padding: 2% 0; text-align: center;}
.course-detail p{color: #666; line-height: 2; text-align: left;}
.course-detail .content img{padding: 4% 0;}
@media(max-width: 1400px){
    .course-detail .video{width: 100%;}
    .course-detail .chapter-list{width: 100%;}
    .course-detail .title{padding: 0 0 40px 30px;}
    .course-detail .chapter-list li{padding: 0 30px;}
}

/* policy */
.policy .screen{padding-bottom: 4.28%;}
.policy .choose{line-height: 60px; border: 1px dashed #e5e5e5; padding: 0 45px; position: relative; margin-top: 1%;}
.policy .choose > div{display: inline-block;}
.policy .screen .tit{color: #999; font-weight: lighter; display: inline-block; line-height: 60px; vertical-align: top;}
.policy .choose .show-choose{position: absolute; top: 0; right: 40px; cursor: pointer; color: #999; font-weight: lighter;}
.policy .choose .item{width: calc(100% - 144px);}
.policy .choose .item div,
.policy .choose .item ul{display: inline-block;}
.policy .choose .clear-choose{font-size: 14px; color: #999; font-weight: lighter; cursor: pointer; margin-left: 20px;}
.policy .choose li{display: inline-block; margin-left: 20px; padding-left: 25px; background: url(../images/right-icon.png)no-repeat left center;}
.policy .choose li .item1{line-height: 30px; margin: 15px 0; padding: 0 32px 0 10px; background-color:#ebeef6; border-radius: 4px; font-size: 14px!important; color: #333; cursor: pointer; position: relative;}
.policy .choose li .item1::before{content: ''; background: url(../images/close-icon02.png)no-repeat center; width: 9px; height: 10px; right: 12px; top: 50%; transform: translateY(-50%); position: absolute;}
.policy .screen .select-box{line-height: 50px;}
.policy .screen .select-tit{width: 120px; display: inline-block; vertical-align: top; font-size: 20px;}
.policy .screen .select-list{width: calc(100% - 130px); display: inline-block; vertical-align: top; height: 50px; overflow: hidden; transition: all .3s;}
.policy .screen .select-list li{display: inline-block; margin-right: 4.01%; color: #666; cursor: pointer; transition: all .3s;}
.policy .screen .select-list li:hover,
.policy .screen .select-list li.on{color: #093a96;}
.policy .screen .select-box.more .select-list{width: calc(100% - 195px);}
.policy .screen .select-box.more li{margin-right: 4.2%;}
.policy .screen .showmore{display: inline-block; padding-right: 25px; background: url(../images/showmore-icon.png)no-repeat right center; vertical-align: bottom; cursor: pointer; color: #093a96;}
.policy .screen .showmore.open{background: url(../images/showmore-icon-up.png)no-repeat right center;}
.policy .screen .select-box select{height: 45px; line-height: 45px; border: none; background-color: #fff; border-radius: 5px; width: 20%; padding: 0 10px;}

.policy .list{border-top: 10px solid #e5e8f2;}
.policy .list li{margin-top: 30px; background-color: #fff; border-radius: 10px;}
.policy .list li a{padding: 40px 30px 16px 30px; display: block;}
.policy .above{display: flex; flex-direction: row; justify-content: space-between; align-items: top; padding-bottom: 20px;}
.policy .list .content{width: calc(100% - 120px); padding-right: 100px;}
.policy .list .date{width: 120px; height: 120px; background-color: #8798b0; color: #fff; text-align: center; padding: 14px 0; border-radius: 10px;}
.policy .list .tit{font-size: 24px; font-family: 'Medium'; color: #333;}
.policy .list .txt{color: #555; font-weight: lighter; line-height: 2; margin: 1% 0;}
.policy .label span{padding: 0 15px; line-height: 24px; font-size: 14px; color: #093a96; background-color: #e6ebf4; border-radius: 24px; margin-right: 10px; display: inline-block;}
.policy .day{font-size: 60px;}
.policy .ym{font-size: 20px;}
.policy .below{padding-top: 16px;}
.policy .below > div{display: inline-block; margin-right: 80px; color: #999; font-family: 'HarmonyOS_Sans_SC_Light'; padding-left: 30px; line-height: 46px;}
.policy .avatar{padding-left: 0!important; color: #333!important;}
.policy .avatar img{width: 46px; height: 46px; border-radius: 50%; margin-right: 20px;}
.policy .view{margin-right: 0!important; float: right; padding-left: 0!important;}
.policy .like{background: url(../images/like-icon.png)no-repeat left center;}
.policy .collect{background: url(../images/collect-icon.png)no-repeat left center;}
.policy .file{background: url(../images/file-icon.png)no-repeat left center; margin-right: 0!important;}
@media(max-width: 1400px){
    .policy .list .content{padding-right: 50px;}
    .policy .below > div{margin-right: 40px;}
}

/* policy-detail */
.policy-detail .title{font-size: 30px; font-family: 'Medium';}
.policy-detail .func{padding: 2.666% 0; border-bottom: 1px solid #e5e5e5; color: #888; font-family: 'Light';}
.policy-detail .func > div{display: inline-block; padding-right: 30px;}
.policy-detail .view{padding-left: 30px; border-left: 1px solid #e5e5e5;}
.policy-detail .like{background: url(../images/like-icon.png)no-repeat left center; padding-left: 30px; cursor: pointer;}
.policy-detail .collect{background: url(../images/collect-icon.png)no-repeat left center; padding-left: 30px; cursor: pointer;}
.policy-detail .label{padding-top: 4%;}
.policy-detail .label li{width: 50%; float: left; line-height: 36px; margin-bottom: 20px;}
.policy-detail .label span{color: #fff; background-color: #255fcc; padding: 0 20px; border-radius: 5px; margin-right: 20px; display: inline-block;}
.policy-detail .content p{color: #666; line-height: 2; padding: 2% 0 4%;}
.policy-detail strong{font-size: 24px; color: #333;}
.policy-detail .file{padding: 40px; background-color: #fff;}
.policy-detail .subtit{font-size: 24px; color: #333; padding-bottom: 2.14%; font-family: 'Medium';}
.policy-detail .file li{line-height: 80px; background-color: #f7f8fb; padding: 0 37px; margin-bottom: 2.14%;}
.policy-detail .file .tit{float: left; font-family: 'Light'; width: calc(100% - 83px);}
.policy-detail .file .btn-box{float: right;}
.policy-detail .open{background: url(../images/open-icon.png)no-repeat center; width: 20px; height: 15px; display: inline-block; margin-right: 40px;}
.policy-detail .download{background: url(../images/download-icon.png)no-repeat center; width: 18px; height: 18px; display: inline-block;}
.policy-detail .back{margin: 2.666% auto 0 auto; border-radius: 46px; width: 160px; line-height: 46px; text-align: center; background-color: #e7ebf4; color: #333; font-family: 'Light'; display: block; cursor: pointer; transition: all .3s;}
.policy-detail .back:hover{background-color: #093a96; color: #fff;}

/* question */
.question .qcate{padding-bottom: 2.85%;}
.question .qcate .item{height: 160px; text-align: center; padding-top: 100px; cursor: pointer;; background-position: center 35%; background-repeat: no-repeat; border: 1px solid #eee; border-left: none;}
.question .qcate li{position: relative; transition: all .3s;}
.question .qcate li .item.on{display: none;}
.question .qcate li:first-child .item{border-left: 1px solid #eee;}
.question .qcate li.aon{background-color: #fff;}
.question .qcate li.aon .item{color: #093a96; display: none;}
.question .qcate li.aon .item.on{display: block;}
.question .qcate li.aon::before{content: ''; width: 100%; height: 4px; background-color: #093a96; top: 0; left: 50%; transform: translateX(-50%); position: absolute;}
.question .list li{line-height: 70px; border-bottom: 1px dashed #eee; transition: all .3s;}
.question .list li:hover{box-shadow: 0px 15px 15px -15px rgba(0, 0, 0, 0.1),0px -15px 15px -15px rgba(0, 0, 0, 0.1);}
.question .list li a{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.question .tit{display: block; width: calc(100% - 170px); margin-left: 10px; padding-left: 20px; background: url(../images/dot-icon.png)no-repeat left center; font-weight: lighter; color: #333;}
.question .date{font-family: 'HarmonyOS_Sans_SC_Light'; color: #999;}
.question .date{display: inline-block; vertical-align: top;}

/* question-detail */
.question-detail .detail{padding: 2.14% 0 0 0; color: #abb1bb; border-bottom: 1px solid #e5e5e5;}
.question-detail .answer{padding: 2.85% 0 4% 0; border-bottom: 1px solid #e5e5e5;}
.question-detail .title{padding-left: 50px; background: url(../images/question-icon.png)no-repeat left 5px; font-size: 30px; font-family: 'Medium'; color: #333;}
.question-detail .detail span{font-size: 14px; font-family: 'Light'; color: #abb1bb; margin: 30px 0; display: inline-block;}
.question-detail .detail .qcate{padding-left: 50px;}
.question-detail .inner{padding-left: 50px; background: url(../images/answer-icon.png)no-repeat left 0px;}
.question-detail p{color: #666; line-height: 2;}
.question-detail strong{line-height: 2;}
.question-detail .back{margin: 2.666% auto 0 auto; border-radius: 46px; width: 160px; line-height: 46px; text-align: center; background-color: #e7ebf4; color: #333; font-family: 'Light'; display: block; cursor: pointer; transition: all .3s;}
.question-detail .back:hover{background-color: #093a96; color: #fff;}

/* consultation */
.consultation .list li{line-height: 70px; border-bottom: 1px dashed #eee; transition: all .3s;}
.consultation .list li:hover{box-shadow: 0px 15px 15px -15px rgba(0, 0, 0, 0.1),0px -15px 15px -15px rgba(0, 0, 0, 0.1);}
.consultation .list li a{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.consultation .tit{display: block; width: calc(100% - 170px); margin-left: 10px; padding-left: 20px; background: url(../images/dot-icon.png)no-repeat left center; font-weight: lighter; color: #333;}
.consultation .date{font-family: 'HarmonyOS_Sans_SC_Light'; color: #999;}
.consultation .date{display: inline-block; vertical-align: top;}

.consultation .msg-box{position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, .5); z-index: 110;}
.consultation .inner{width: 96%; max-width: 640px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 6px; overflow: hidden;}
.consultation .tit-box{padding: 0 30px; background-color: #f2f5fa; position: relative;}
.consultation .msgtit{line-height: 80px; font-size: 24px; font-family: 'Medium';}
.consultation .close{width: 25px; height: 20px; position: absolute; top: 50%; right: 30px; background: url(../images/close-icon03.png)no-repeat center; cursor: pointer; transform: translateY(-50%);}
.consultation .content{padding: 40px 30px; background-color: #fff;}
.consultation .radio-box{font-size: 18px; font-weight: lighter; color: #333;}
.consultation .radio-box label{margin-left: 37px;}
.consultation .text{position: relative; padding-top: 30px;}
.consultation textarea{width: 100%; border: 1px solid #eee; border-radius: 2px; padding: 20px; resize: none; font-size: 18px; line-height: 1.5;}
.consultation .limit{position: absolute; right: 10px; bottom: 10px; color: #abb1bb;}
.consultation .tips{color: #999; font-family: 'HarmonyOS_Sans_SC_Light'; padding: 4.6875% 0 6.25%;}
.consultation .btn-box{text-align: center;}
.consultation .msgbtn{display: inline-block; width: 40%; max-width: 190px; line-height: 60px; border-radius: 60px; text-align: center; color: #fff; font-weight: lighter; cursor: pointer;}
.consultation .cancel{background-color: #bcc2cd; margin-right: 10px;}
.consultation .confirm{background-color: #093a96;}
.consultation textarea::placeholder{font-size: 18px; font-family: 'Light'; color: #abb1bb;}
.consultation textarea::-moz-placeholder{font-size: 18px; font-family: 'Light'; color: #abb1bb;}

/* consultation-detail */
.consultation-detail .title{font-size: 24px; line-height: 1.5;}
.consultation-detail .date{color: #999; font-family: 'Light'; padding-top: 2.666%;}
.consultation-detail ul{margin-bottom: 4%;}
.consultation-detail li{margin-top: 3.666%; background-color: #fff; padding: 2.666% 2.666% 4% 2.666%; border-radius: 10px; position: relative;}
.consultation-detail li::before{content: ''; width: 0; border: 15px solid transparent; border-bottom: 15px solid #fff; position: absolute; top: 0; left: 2.666%; transform: translateY(-100%);}
.consultation-detail .info-box > div{line-height: 52px; display: inline-block; vertical-align: middle;}
.consultation-detail .avatar{width: 52px; height: 52px; border-radius: 50%; overflow: hidden; margin-right: 15px;}
.consultation-detail .name{font-size: 20px; font-family: 'Medium'; margin-right: 20px;}
.consultation-detail .position{color: #666; font-family: 'Light';}
.consultation-detail .time{color: #888; font-family: 'Light'; float: right;}
.consultation-detail .txt{padding-top: 1.333%; line-height: 2; color: #555; font-family: 'Light';}
.consultation-detail dl{margin-top: 15px; padding: 10px; background-color: #f3f6fb;}
.consultation-detail dd{margin-bottom: 5px; background-color: #fff; padding: 0 10px; line-height: 30px;}
.consultation-detail dd:last-child{margin-bottom: 0;}
.consultation-detail .filename{display: inline-block; width: 60%;}
.consultation-detail .size{width: 25%; display: inline-block;}
.consultation-detail .btn{width: 7.5%; display: inline-block; text-align: center;}

/* self-test */
.self-test .column_title{position: relative;}
.self-test .gotest{position: absolute; right: 0; top: 0; width: 140px; line-height: 46px; border-radius: 46px; color: #fff; background-color: #093a96; text-align: center; display: block;}
.self-test li{line-height: 70px; padding: 0 2%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.self-test li:first-child{background-color: #ecf0f7; color: #9fa8b9;}
.self-test li:not(:first-child){color: #555; background-color: #fff;}
.self-test li .box{border-bottom: 1px dashed #e5e5e5; width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.self-test li > div{white-space: nowrap;}
.self-test .num{width: 3%; text-align: center;}
.self-test .date{width: 16%;}
.self-test .risk{width: 7%; text-align: center;}
.self-test .risk span{width: 30px; height: 30px; border-radius: 4px; display: block; margin: auto; line-height: 30px;}
.self-test .risk span.high{background-color: rgba(228, 47, 47, .1); color: #e42f2f;}
.self-test .risk span.mid{background-color: rgba(238, 158, 19, .1); color: #ee9e13;}
.self-test .risk span.low{background-color: rgba(7, 145, 63, .1); color: #079a3f;}
.self-test .advice{width: 54%;}
.self-test .operation{width: 9%;}
.self-test .operation a{color: #093a96;}
@media(max-width: 1400px){
    .self-test .column_title h2{margin-bottom: 4%;}
    .self-test li > div{font-size: 14px;}
    .self-test .date{width: 14%;}
    .self-test .advice{width: 50%;}
    .self-test .risk{width: 12%;}
}

/* self-detail */
.self-detail .detail{padding: 4% 4% 4.666% 2.666%; background-color: #fff; border-radius: 10px;}
.self-detail .left{width: 64%; float: left; padding-right: 16.666%;}
.self-detail .right{width: 36%; float: left; position: relative;}
.self-detail .right img{width: 100%;}
.self-detail .right .risk{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 48px; font-family: 'Medium';}
.self-detail .right .risk.high{color: #ec1a1a; text-shadow: 0px 5px 8px #ec1a1a48;}
.self-detail .right .risk.mid{color: #ee9e13; text-shadow: 0px 5px 8px #ee9e1348;}
.self-detail .right .risk.low{color: #079a3f; text-shadow: 0px 5px 8px #079a3f48;}
.self-detail .above{padding-bottom: 4.444%; border-bottom: 1px solid #e5e5e5;}
.self-detail .above > div{display: inline-block; font-family: 'Medium';}
.self-detail .date{margin-right: 16%;}
.self-detail .date span{font-family: 'Light'; color: #999;}
.self-detail .left .risk span{width: 30px; height: 30px; border-radius: 4px; display: inline-block; text-align: center; line-height: 30px;}
.self-detail .left .risk .high{color: #ec1a1a; background-color: rgba(228, 47, 47, .1);}
.self-detail .left .risk .mid{background-color: rgba(238, 158, 19, .1); color: #ee9e13;}
.self-detail .left .risk .low{background-color: rgba(7, 145, 63, .1); color: #079a3f;}
.self-detail .below{padding-top: 6.666%;}
.self-detail .title{font-size: 30px; font-family: 'Medium'; padding-bottom: 3.333%;}
.self-detail p{line-height: 1.8; padding-bottom: 3.333%; color: #555; font-family: 'Light';}
@media(max-width: 1400px){
    .self-detail .date{margin-right: 6%;}
    .self-detail .left{padding-right: 6%;}
    .self-detail .right .risk{font-size: 30px;}
}

/* step */
.step {padding: 1.333% 0 4% 0; display: flex; flex-direction: row; justify-content: center; text-align: center; font-family: 'Light'; color: #999;}
.step .step-item{position: relative; z-index: 2; width: 13.333%;}
.step .step-item::before {content: ''; position: absolute; width: 50%; height: 6px; background-color: #e7ecf7; left: 0; top: 3px; z-index: -5;}
.step .step-item::after {content: ''; position: absolute; width: calc(50% - 4px); height: 6px; background-color: #e7ecf7; right: -1px; top: 3px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; z-index: -1;}
.step .step-item:first-child::before{content: none;}
.step .step-item:last-child::after{content: none;}
.step .step-icon {position: relative; width: 12px; height: 12px; margin: 0 auto 20px auto; background-color: #b7c9ec; border-radius: 50%;}
.step .inner {width: 4px; height: 4px; border-radius: 50%; background-color: #b7c9ec; border: 4px solid #b7c9ec; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.step .active .step-title,
.step .completed .step-title{color: #093a96; font-family: 'Medium';}
.step .step-item.completed::before,
.step .step-item.completed::after,
.step .completed .step-icon,
.step .step-item.active::before,
.step .step-item.active::after {background-color: #255fcc;}
.step .completed .step-icon .inner {border: 2px solid #b7c9ec; background-color: #255fcc;}
.step .active .step-icon {background-color: #d3dff5; border-radius: 50%; width: 24px; height: 24px; margin-top: -6px; margin-bottom: 14px;}
.step .active .step-icon .inner {border-color: #255fcc; background-color: #255fcc; width: 12px; height: 12px;}
@media(max-width: 1400px){
    .step .step-item{position: relative; z-index: 2; width: 16%;}
}

/* self */
.self .subject-box{padding: 0 2% 4% 2%; background-color: #fff; border-radius: 10px;}
.self .subject li{line-height: 120px; border-bottom: 1px dashed #e5e5e5;}
.self .tit{width: 50%; display: inline-block; vertical-align: middle; font-size: 18px; font-family: 'Medium';}
.self label{margin-right: 5.555%;}
.self label:last-child{margin-right: 0;}
.self input{margin-right: 10px;}
.self .next{width: 240px; line-height: 60px; background-color: #093a96; color: #fff; border-radius: 60px; text-align: center; margin: 2.666% auto 0 auto; display: block; cursor: pointer; transition: all .3s;}
.self .next:hover{background-color: #093a96c4;}
@media(max-width: 1400px){
    .self .tit{width: 60%;}
    .self label{margin-right: 3%;}
    .self .subject li{line-height: 100px;}
}

/* self-report */
.self-report .report{padding: 4.333% 4% 4% 4%; background-color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.self-report .left{width: 36%; float: left; position: relative;}
.self-report .left img{width: 100%;}
.self-report .left .risk{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 48px; font-family: 'Medium';}
.self-report .left .risk.high{color: #ec1a1a; text-shadow: 0px 5px 8px #ec1a1a48;}
.self-report .left .risk.mid{color: #ee9e13; text-shadow: 0px 5px 8px #ee9e1348;}
.self-report .left .risk.low{color: #079a3f; text-shadow: 0px 5px 8px #079a3f48;}
.self-report .right{width: 64%; float: left; padding-left: 7.24%;}
.self-report .title{font-size: 30px; font-family: 'Medium'; padding-bottom: 3.333%;}
.self-report p{line-height: 1.8; padding-bottom: 3.333%; color: #555; font-family: 'Light';}
.self-report .below{padding: 0 4% 4% 4%; background-color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.self-report .box{border-top: 1px dashed #e5e5e5; padding-top: 2.89%; text-align: center;}
.self-report .box > a{width: 240px; line-height: 60px; display: inline-block; text-align: center; color: #fff; cursor: pointer; transition: all .3s; border-radius: 60px;}
.self-report .back{background-color: #bcc2ce; margin-right: 20px;}
.self-report .next{background-color: #093a96;}
.self-report .back:hover{background-color: #8e939e;}
.self-report .next:hover{background-color: #093a96c4;}
@media(max-width: 1400px){
    .self-report .left .risk{font-size: 30px;}
}

/* pe-appointment */
.pe-appointment .appointment{background-color: #fff; padding: 4% 0 2.666% 0; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.pe-appointment .conpany_form_item{width: 90%; max-width: 750px; margin: 0 auto; transform: translateX(-85px); position: relative;}
.pe-appointment .conpany_form_item .label{font-size: 16px;}
.pe-appointment .conpany_form_item .input-box,
.pe-appointment .conpany_form_item .select{margin-bottom: 20px;}
.pe-appointment .same{position: absolute; bottom: 20px; right: 0; transform: translateX(170px); width: 150px; line-height: 46px; border-radius: 46px; text-align: center; text-align: center; color: #fff; background-color: #b5c4df; transition: all .3s; cursor: pointer;}
.pe-appointment .same.samedetail{bottom: auto; top: 4.5px;}
.pe-appointment .same:hover{background-color: #093a96;}
.pe-appointment input:disabled{background-color: #fff!important; cursor: pointer;}
.pe-appointment .set{background: url(../images/more-icon.png)no-repeat 97% center;}
.pe-appointment .date{width: 66.666%!important; cursor: pointer; background: url(../images/date-icon.png)no-repeat 96% center;}
.pe-appointment .time{width: 30%!important; cursor: pointer; background: url(../images/time-icon.png)no-repeat 91% center;}
.pe-appointment .radio-label{line-height: 53px; margin-right: 24px; font-size: 16px;}
.pe-appointment .radio{margin-right: 10px;}
.pe-appointment .name,
.pe-appointment .phone{width: 66.666%!important;}
.pe-appointment .below{padding: 0 4% 4% 4%; background-color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.pe-appointment .box{border-top: 1px dashed #e5e5e5; padding-top: 2.89%; text-align: center;}
.pe-appointment .box > a{width: 240px; line-height: 60px; display: inline-block; text-align: center; color: #fff; cursor: pointer; transition: all .3s; border-radius: 60px;}
.pe-appointment .next{background-color: #093a96;}
.pe-appointment .next:hover{background-color: #093a96c4;}
.pe-appointment .file{color: #255fcc; font-size: 16px;}

.pe-appointment .cover{position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background-color: rgba(0,0,0,.5); z-index: 100; display: none;}
.pe-appointment .cover .window{position: absolute; width: 90%; max-width: 500px; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff; border-radius: 10px;}
.pe-appointment .cover .tit-box{line-height: 60px; padding: 0 20px; font-size: 20px; position: relative; border-bottom: 1px solid #eee;}
.pe-appointment .cover .close{position: absolute; background: url(../images/close-icon03.png) no-repeat center; width: 25px; height: 25px; top: 50%; right: 20px; cursor: pointer; transform: translateY(-50%);}
.pe-appointment .cover .input-box{padding: 20px;}
.pe-appointment .cover input{width: 100%; line-height: 45px; height: 45px; border: none; background-color: #f7f8fb; border-radius: 5px; padding: 0 10px;}
.pe-appointment .cover ul{padding: 0 20px; margin: 20px 0; max-height: 500px; overflow-y: auto;}
.pe-appointment .cover li{line-height: 30px; cursor: pointer; background-color: #f7f8fb; margin: 5px 0; padding: 0 10px; cursor: pointer; border-radius: 3px;border: 1px solid #f7f8fb;}
.pe-appointment .cover li.on{border: 1px solid #093a96;}
.pe-appointment .cover .label{color: #999;}
.pe-appointment .cover .prize{color: #999;}
.pe-appointment .cover .prize1{color: #e21010;}
.pe-appointment .cover .btn-box{padding: 20px; text-align: center; border-top: 1px solid #eee;}
.pe-appointment .cover .btn{display: inline-block; width: 120px; line-height: 40px; border-radius: 3px; cursor: pointer;}
.pe-appointment .cover .cancel{background-color: #ddd; margin-right: 10px;}
.pe-appointment .cover .confirm{background-color: #093a96; color: #fff;}
@media(max-width: 1400px){
    .pe-appointment .conpany_form_item{max-width: 500px; transform: translateX(-70px);}
    .pe-appointment .same{width: 120px; transform: translateX(140px); font-size: 14px;}
}

/* app-progress */
.app-progress .progress{padding: 4% 0 16.666% 0; background-color: #fff; border-radius: 10px; text-align: center;}

/* app-success */
.app-success .success{padding: 4% 0; background-color: #fff; border-radius: 10px;}
.app-success .box{width: 96%; max-width: 800px; margin: auto;}
.app-success .title{font-size: 30px; color: #093a96; font-family: 'Medium'; text-align: center; padding-bottom: 40px; border-bottom: 2px solid #e5e5e5; margin-bottom: 1px;}
.app-success .form{border-top: 1px solid #e5e5e5; padding-top: 40px; border-bottom: 1px dashed #e5e5e5;}
.app-success .form-item{padding: 0 0 30px 21.25%;}
.app-success label{font-size: 18px; font-family: 'Light'; color: #888; width: 185px; display: inline-block; vertical-align: top;}
.app-success .content{font-size: 18px; display: inline-block;}
.app-success .next{width: 240px; line-height: 60px; background-color: #093a96; color: #fff; border-radius: 60px; text-align: center; margin: 40px auto 0 auto; display: block; cursor: pointer; transition: all .3s;}
.app-success .next:hover{background-color: #093a96c4;}

/* app-report */
.app-report .report{padding: 4% 0 16.666% 0; background-color: #fff; border-radius: 10px; text-align: center;}
.app-report .title{font-size: 24px; font-family: 'Medium'; transform: translateY(-20px);}
.app-report .time{font-family: 'Light'; color: #999; transform: translateY(-10px);}
.app-report .download{width: 240px; line-height: 60px; background-color: #093a96; color: #fff; border-radius: 60px; text-align: center; margin: 40px auto 0 auto; display: block; cursor: pointer; transition: all .3s;}
.app-report .download:hover{background-color: #093a96c4;}

/* pe */
.pe .column_title{position: relative;}
.pe .gotest{position: absolute; right: 0; top: 0; width: 140px; line-height: 46px; border-radius: 46px; color: #fff; background-color: #093a96; text-align: center; display: block;}
.pe li{line-height: 70px; padding: 0 2%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.pe li:first-child{background-color: #ecf0f7; color: #9fa8b9;}
.pe li:not(:first-child){color: #555; background-color: #fff;}
.pe li .box{border-bottom: 1px dashed #e5e5e5; width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.pe li > div{white-space: nowrap;}
.pe .num{width: 3%; text-align: center;}
.pe .date{width: 11%;}
.pe .risk{width: 7%; text-align: center;}
.pe .risk span{width: 30px; height: 30px; border-radius: 4px; display: block; margin: auto; line-height: 30px;}
.pe .risk span.high{background-color: rgba(228, 47, 47, .1); color: #e42f2f;}
.pe .risk span.mid{background-color: rgba(238, 158, 19, .1); color: #ee9e13;}
.pe .risk span.low{background-color: rgba(7, 145, 63, .1); color: #079a3f;}
.pe .advice{width: 22%;}
.pe .status{width: 8.3%;}
.pe .pedate{width: 7%;}
.pe .time{width: 11.8%;}
.pe .operation{width: 6%;}
.pe .operation a{color: #093a96;}
@media(max-width: 1400px){
    .pe .num{width: 5%;}
    .pe .column_title h2{margin-bottom: 4%;}
    .pe li > div{font-size: 14px;}
    .pe .advice{display: none;}
    .pe .date{width: 20%;}
    .pe .risk,
    .pe .status{width: 15%;}
    .pe .pedate{width: 10%;}
    .pe .time{width: 20%;}
    .pe .operation{width: 10%;}
}

/* pe-detail */
.pe-detail .auto-1500{position: relative;}
.pe-detail .gotest{position: absolute; right: 0; top: 0; width: 140px; line-height: 46px; border-radius: 46px; color: #fff; background-color: #093a96; text-align: center; display: block;}
.pe-detail .detail{padding: 4% 4% 17.333% 4%; background-color: #fff; border-radius: 10px;}
.pe-detail .title{font-size: 24px; font-family: 'Medium'; padding-bottom: 30px;}
.pe-detail .left{width: 30.4%; border-right: 1px solid #e5e5e5; float: left;}
.pe-detail .left > div{line-height: 50px; font-family: 'Medium';}
.pe-detail .left span{font-family: 'Light'; color: #888;}
.pe-detail .risk span{width: 30px; height: 30px; border-radius: 4px; line-height: 30px; text-align: center; display: inline-block;}
.pe-detail .risk span.high{background-color: rgba(228, 47, 47, .1); color: #e42f2f;}
.pe-detail .risk span.mid{background-color: rgba(238, 158, 19, .1); color: #ee9e13;}
.pe-detail .risk span.low{background-color: rgba(7, 145, 63, .1); color: #079a3f;}
.pe-detail .right{width: 69.6%; float: left; padding-left: 14.58%;}
.pe-detail .right img{vertical-align: top;}
.pe-detail .report{display: inline-block; padding-left: 3%;}
.pe-detail .tit{font-size: 24px; font-family: 'Medium'; padding-top: 10%;}
.pe-detail .report .time{font-family: 'Light'; color: #999; padding-top: 2%;}
.pe-detail .download{width: 240px; line-height: 60px; background-color: #093a96; color: #fff; border-radius: 60px; text-align: center; margin: 40px auto 0 auto; display: block; cursor: pointer; transition: all .3s;}
.pe-detail .download:hover{background-color: #093a96c4;}
@media(max-width: 1400px){
    .pe-detail .left{width: 39%;}
    .pe-detail .right{width: 61%; padding-left: 2%;}
    .pe-detail .right img{width: 40%;}
    .pe-detail .report{padding-left: 0;}
    .pe-detail .report .time{font-size: 14px;}
    .pe-detail .download{width: 200px;}
}


/* sub-account */
.subaccount .add{display: inline-block; cursor: pointer; padding: 0 25px; line-height: 45px; color: #fff; background-color: #093a96; border-radius: 45px; margin-bottom: 1.5%; transition: all .3s;}
.subaccount .add:hover{opacity: .8;}
.account_list{min-height: 540px;}
.account_list .item{float: left;width: 30.666%;padding: 30px 80px 30px 0; background-color: #fff;border-radius: 10px;margin-right: 4%;margin-bottom: 4%; position: relative;}
.account_list .item:nth-of-type(3n){margin-right: 0;}
.account_list .item a{display: block;}
.account_list .item .pic{ width: 80px;float: left;}
.account_list .item .pic img{border-radius: 4px;}
.account_list .item .txt{padding-left:10%;float: left;}
.account_list .item .name{font-size: 24px;line-height: 1;color: rgb(51, 51, 51);font-weight: bold;margin-bottom: 18px;padding-top: 6px;}
.account_list .item .sub{font-size: 16px;color: rgb(85, 85, 85);line-height: 2.25;}
.account_list .operate{position: absolute; height: 100%; width: 30px; top: 0; right: 30px;}
.account_list .operate .btn{width: 30px; height: 30px; border-radius: 50%; position: absolute; right: -30px; cursor: pointer; transition: all .3s; opacity: 0;}
.account_list .operate .edit{bottom: 70px; background: url(../images/change-icon.png) no-repeat center #093a96; transition-delay: 0.1s;}
.account_list .operate .delete{bottom: 30px; background: url(../images/delete-icon.png) no-repeat center rgb(207, 51, 51);}
.account_list .item:hover .btn{right: 0; opacity: 1;}
.account_list .operate .btn:hover{opacity: .8;}

.subaccount .cover{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 200; display: none;}
.subaccount .cover .window{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff; width: 90%; max-width: 800px;}
.subaccount .cover .tit-box{padding: 20px 30px; border-bottom: 1px solid #eee; position: relative;}
.subaccount .cover .close{position: absolute; top: 50%; right: 30px; width: 20px; height: 20px; background: url(../images/close-icon03.png) no-repeat center; background-size: 100%; transform: translateY(-50%); cursor: pointer;}
.subaccount .cover .title{font-size: 18px;}
.subaccount .cover .form{padding: 30px; font-size: 15px; border-bottom: 1px solid #eee;}
.subaccount .cover .conpany_form_item .label{width: 100px; left: 10px;}
.subaccount .cover .btn-box{padding: 30px; text-align: center;}
.subaccount .cover .btn{display: inline-block; line-height: 45px; padding: 0 20px; border-radius: 45px; cursor: pointer; color: #fff; width: 150px; transition: all .3s;}
.subaccount .cover .btn:hover{opacity: .8;}
.subaccount .cover .cancel{background-color: #ccc; margin-right: 20px;}
.subaccount .cover .confirm{background-color: #093a96;}
.subaccount .cover .input-box{line-height: 50px;}
.subaccount .cover .check-label{padding: 0 15px 0 7px;}
.subaccount .cover .codeInput{padding-right: 129px;}
.subaccount .cover .code{background-color: #093a96; width: 110px; line-height: 40px; text-align: center; border-radius: 6px; position: absolute; top: 50%; right: 5px; transform: translateY(-50%); padding: 0 10px;}
.subaccount .cover .form .tree{height: 200px; overflow: auto; padding: 10px; border: 1px solid #eee; border-radius: 6px;}
@media(max-width:1600px){
  .account_list .item{padding-left: 20px;}
  .account_list .item .txt{padding-left: 5%;}
}
@media(max-width:1500px){
  .account_list .item{width: 49%; margin-right: 2%;}
  .account_list .item:nth-of-type(3n){margin-right: 2%;}
  .account_list .item:nth-of-type(2n){margin-right: 0;}
}

/* 厂区管理 */
.factory .operate .edit{bottom: 50%; transform: translateY(50%);}
.factory .cover .form{max-height: 70vh; overflow-y: auto;}
.factory .conpany_form_item{padding-left: 140px;}
.factory .cover .conpany_form_item .label{width: 120px;}


/* 登录注册 */
.login-wrap{min-height: 100vh;}
.login-box{min-height: 100vh; padding-top: 1.5%;padding-bottom: 1.5625%; width: 100%;}
.login-logo{text-align: center; margin: 0 auto; width: 50%; max-width: 160px; margin-bottom: 3.125%; }
.login-inner{max-width: 400px; width: 96%; margin: 0 auto; border-radius: 4px;background-color: rgb(255, 255, 255); overflow: hidden; margin-bottom: calc(4.5% + 70px);}
.login-inner .form-header{line-height: 1; padding: 40px 30px 0; margin-bottom: 20px;}
.login-inner .form-header h2{line-height: 1; font-size: 24px; margin: 0;color: rgb(9, 58, 150); font-weight: normal;}
.login-inner .form-content{padding: 0 30px 38px;}
.login-inner .text{line-height: 55px; height: 55px; border: 0; border-bottom: 1px solid #eee; width: 100%;font-size: 16px; padding: 0 10px;}
.login-inner .text::placeholder{font-size: 16px; color: rgb(204, 204, 204);}
.login-inner .form-item{margin-bottom: 20px; position: relative;}
.login-inner .btn{width: 100%; border: 0; border-radius: 4px; background-color: #093a96; font-size: 16px; color: #fff; height: 60px; line-height: 60px; margin-top: 20px; cursor: pointer;  box-shadow: 0px 10px 20px 0px rgba(9, 58, 150, 0.12);}
.login-inner .btn:hover{opacity: 0.9;}
.login-inner .handle{font-size: 14px; line-height: 1;}
.login-inner .handle .left{float: left;color: rgb(122, 123, 123);}
.login-inner .handle .left a{color: #079a3f;}
.login-inner .handle .left a:hover{color: #093a96;}
.login-inner .handle .right{float: right;}
.login-inner .handle .right a{color: rgb(122, 123, 123);}
.login-inner .handle .right a:hover{color: #093a96;}
.login-inner .switch{margin-bottom: 0; text-align: right; color: rgb(122, 123, 123); cursor: pointer;}
.login-inner .switch:hover{color: #093a96;}
.login-inner .code{position: relative;}
.login-inner .code button{position: absolute; top: 50%; right: 0; width: 100px; line-height: 40px; color: #fff; background-color: #093a96; border: none; transform: translateY(-50%); cursor: pointer;}

.login-inner .form-footer{line-height: 70px; text-align: center; background-color: #ebf2fe; color: rgb(171, 177, 187); padding: 0 30px; font-size: 14px;}
.login-inner .wechat-login{width: 40px; height: 40px; display: inline-block; background-color: #dfe7f5; background-position: center center; background-repeat: no-repeat; vertical-align: middle; border-radius: 50%; transition: .3s; margin-left: 10px; background-image: url(../images/wechat.png);}
.login-inner .wechat-login:hover{background-color: #04BE02; background-image: url(../images/wechat-active.png);}

.login-footer{text-align: center; font-size: 14px;color: rgba(255, 255, 255, 0.8); line-height: 24px; padding: 0 2%;}
.login-footer a{color: rgba(255, 255, 255, 0.8); }
.login-footer a:hover{color: rgba(255, 255, 255, 1);}
.login-footer .links{font-size: 0;}
.login-footer .links a{font-size: 14px; padding: 0 13px; display: inline-block; position: relative;}
.login-footer .links a::after{content: '';width: 2px; height: 2px; background-color: rgba(255, 255, 255, 0.8); position: absolute; right: 0; top: 0; bottom: 0; margin: auto; transform: translateX(50%);}
.login-footer .links a:last-of-type::after{display: none;}

.register .login-logo{margin-bottom: 0;}
.register .login-inner{margin-top: -60px;}
.login-inner .form-item.phone .text{padding-left: 50px;}
.login-inner .form-item.phone .prefix{position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 16px;color: rgb(51, 51, 51);}
.register .login-inner .btn{ margin-top: 0;}
  
.register .login-inner .form-content{padding-bottom: 25px;}
.register .login-inner{margin-bottom: 2%;}
.login-inner .form-item.agreement{font-size: 0; line-height: 16px; margin-bottom: 0;}
.login-inner .form-item.agreement span{color: #093a96; display: inline-block; position: relative; font-size: 14px; cursor: pointer;}
.login-inner .form-item.agreement span:first-of-type{padding-right: 8px; border-right: 1px solid #e5eaf4;}
.login-inner .form-item.agreement span:last-of-type{padding-left: 6px;}
.login-inner .form-item.agreement label{width: 16px; height: 16px; border-radius: 2px;  border: 1px solid #093a96; display: inline-block; vertical-align: top; cursor: pointer; background-position: center center; background-repeat: no-repeat;}
.login-inner .form-item.agreement input:checked+label{background-color: #093a96; background-image: url(../images/check.png);}
.login-inner .left{float: left;}
.login-inner .left{ color: rgb(122, 123, 123);}
.login-inner .left a{color: #079a3f;}
.login-inner .left a:hover{color: #093a96;}
.login-inner .right{float: right;}

.login-inner .slider{height: 42px;}
.login-inner .form-item.verification{padding: 4px; background-color: #e9eef2;}

.login-inner .slider-btn{width: 60px; height: 100%; border: 0;background-image: url(../images/sword.png);background-position: center center;background-repeat: no-repeat;}
.login-inner .slider-btn::before{display: none;}
.login-inner .slider-item{border: 0; height: 40px; background: transparent;}
.login-inner .slider-text{color: rgb(171, 177, 187) ; font-size: 16px;}
.login-inner .slider-bg{background-color: #093a96 !important; }
.login-inner .success .slider-text{color: #fff;}
.login-inner .success .slide-to-unlock-bg span{color: #fff !important;}
.login-inner .success .slide-to-unlock-handle{background-color: #093a96 !important; background-image: url(../images/sword-active.png);}

.popup{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 999; display: none;}
.popup .box{position: absolute;width: 96%; max-width: 860px; left: 50%;top: 50%; transform: translate(-50%,-50%); background-color: #fff;  border-radius: 6px; overflow: hidden;}
.popup .popup-header{background-color: #f2f5fa; padding: 28px 40px;}
.popup .popup-header h2{font-size: 24px;color: rgb(51, 51, 51); line-height: 1; float: left;}
.popup .popup-header svg{float: right; cursor: pointer;}

.popup-container{padding: 40px; font-size: 16px;color: rgb(51, 51, 51);line-height: 1.875; max-height: calc(80vh - 182px); overflow-y: auto;}
.popup-container-title{font-size: 24px; text-align: center; font-weight: bolder; margin-bottom: 2.56%;}
.popup-container .item{border-bottom: 1px solid #eee ; padding-bottom: 2.56%; margin-bottom: 5.12%;}
.popup-container .item:last-of-type{margin-bottom: 0; border: 0;}
.popup-footer{padding:0 40px 40px; text-align: center; }
.popup-footer .btn{width: 60%; max-width: 240px; height: 60px; line-height: 60px; font-size: 16px; color: #fff; background-color: #093a96; border: 0; cursor: pointer;border-radius: 4px;}
.popup-footer .btn:hover{ opacity: 0.9;}

.popup .mCustomScrollbar{ padding-right: 10px;}
.popup .mCSB_scrollTools .mCSB_draggerRail{background-color: rgb(243, 246, 250);}
.popup .mCSB_scrollTools .mCSB_dragger {height: 90px !important;}
.popup .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{  background-color: rgb(213, 218, 228) !important; width: 10px; background-image: url(../images/slider.png); background-size: cover; background-position: center center;}
.popup .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{  background-color: rgb(213, 218, 228) !important; }



.login-wrap .cover{position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background-color: rgba(0, 0, 0, .5); min-width: 1024px;}
.login-wrap .cover .box{position: absolute; width: 96%; max-width: 1000px; background-color: #f2f5fa; border-radius: 5px; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 20px;}
.login-wrap .cover .title{font-size: 26px; text-align: center; line-height: 50px;}
.login-wrap .cover ul{margin: 30px -10px 0;}
.login-wrap .cover ul li{width: 25%; float: left; padding: 0 10px; margin-bottom: 20px;}
.login-wrap .cover a{display: block; background-color: #fff; border-radius: 5px; padding: 10px; transition: all .3s;}
.login-wrap .cover ul li:hover a{transform: translateY(-5px);}
.login-wrap .cover .icon{width: 30%; padding-top: 30%; background-size: cover; background-repeat: no-repeat; background-position: center; display: inline-block; vertical-align: middle;}
.login-wrap .cover .tit{width: calc(70% - 20px); display: inline-block; vertical-align: middle; padding-left: 5px;}

.view-history .tab-box{padding: 0 0 2%;}
.view-history .tab-box dd{display: inline-block; text-align: center; width: 120px; line-height: 46px; font-size: 16px; border: 1px solid #bbb; margin-right: 20px; cursor: pointer;}
.view-history .tab-box dd.on{border-color: #093a96; background-color: #093a96; color: #fff;}




/* 230505 */
.matter .publicity_search .search_box{margin-bottom: 45px;}
.matter .status-list{margin-bottom: 45px;}
.matter .status-list dd{display: inline-block; margin-right: 50px; font-size: 16px; color: #999; cursor: pointer;}
.matter .status-list dd.on{color: #093a96;}
.matter .matter_list{margin: 0 -17px;}
.matter .matter_list .item{width: 25%; float: left; padding: 0 17px; margin-bottom: 40px;}
.matter .matter_list .item .box{background-color: #fff; border-radius: 10px; position: relative; padding: 30px 20px; overflow: hidden;}
.matter .matter_list .tit{font-size: 20px; margin-bottom: 12px;}
.matter .matter_list .tit span{display: inline-block; margin-left: 13px; width: 60px; line-height: 22px; text-align: center; border-radius: 22px; background-color: rgba(9,58,150,.1); color: #18449a; font-size: 14px; vertical-align: middle;}
.matter .matter_list .txt{font-weight: lighter; color: #999; line-height: 1.5;}
.matter .matter_list a{margin-top: 25px; color: #093a96; display: block;}
.matter .matter_list .status{position: absolute; width: 100px; height: 100px; padding-top: 75px; line-height: 25px; text-align: center; top: -50px; right: -50px; font-size: 14px; transform: rotate(45deg);}
.matter .matter_list .status1{color: #1bc388; background-color: #d6f4ea;}
.matter .matter_list .status2{color: #ff0000; background-color: #ffd1d1;}
.matter .matter_list .status3{color: #ea8421; background-color: #fbe9d7;}
.matter .matter_list .status4{color: #10b3db; background-color: #d4f1f9;}
.matter .matter_list .lab{display: inline-block; line-height: 2;}
.matter .matter_list .lab + span{display: inline-block; color: #333; line-height: 2;}
@media(max-width: 1400px) {
    .matter .matter_list .item{width: 33.33%;}
}

.matter-detail .tit{font-size: 30px;}
.matter-detail .info{padding: 20px 0; color: #999;}
.matter-detail .info span{color: #333;}
.matter-detail .info .name{display: inline-block; margin-right: 45px;}
.matter-detail .info .date{display: inline-block;}
.matter-detail .con{text-align: center;}
.matter-detail .content p,
.matter-detail .content pre{padding: 6px 0; line-height: 2; color: #666; text-align: justify;}
.matter-detail .content img{padding: 40px 0;}
.matter .file{padding: 40px; background-color: #fff; text-align: left; margin-top: 60px;}
.matter .subtit{font-size: 24px; color: #333; padding-bottom: 2.14%; font-family: 'Medium';}
.matter .file li{line-height: 80px; background-color: #f7f8fb; padding: 0 37px; margin-bottom: 2.14%;}
.matter .file .tit{float: left; font-family: 'Light'; width: calc(100% - 83px); font-size: 16px;}
.matter .file .btn-box{float: right;}
.matter .open{background: url(../images/open-icon.png)no-repeat center; width: 20px; height: 15px; display: inline-block; margin-right: 40px;}
.matter .download{background: url(../images/download-icon.png)no-repeat center; width: 18px; height: 18px; display: inline-block;}
.matter .back{margin: 2.666% auto 0 auto; border-radius: 46px; width: 160px; line-height: 46px; text-align: center; background-color: #e7ebf4; color: #333; font-family: 'Light'; display: block; cursor: pointer; transition: all .3s;}
.matter .back:hover{background-color: #093a96; color: #fff;}