.personal-part{padding: 4% 0; background: linear-gradient(to bottom, #A5B1C1 0%,#EFF3F6 30%,#EFF3F6 100%);}
.pers_logo{ clear: both; margin-bottom: 2%;}
.layui-form-mid.fr {
    float: right;
    padding: 0 !important;
}

.layui-form-mid.fr a {
    display: inline-block;
    margin: 6px 0;
    border: 1px solid #555;
    padding: 1px 14px;
}

.content ._sl,
.content ._sr {
    float: left;
}

.content ._sl {
    width: 268px;
    margin-right:30px;
    box-sizing: border-box;
    background: #fff;
}

.content ._sl ul {
    padding:25px 0 50px;
}

.content ._sl ul~ul {
    padding-top: 20px;
}

.content ._sl ul li {height: 40px;line-height: 40px; padding: 0 40px; margin-bottom: 10px;}
.content ._sl ul li.on{border-left: 2px solid #000;}
.content ._sl ul li.on a {font-weight: bold;}

.content ._sr {width: calc(100% - 300px);}
.content ._sl h2,
.content ._sr h2{padding: 20px 40px;font-weight: bold;}
.slt{padding-bottom: 20px; background: linear-gradient(to bottom, #748298 0%,#B0BDCF 100%);color: #fff;}
.slt span{ display: block; padding: 0 40px; text-transform: uppercase;}
.content ._sl h2 a{color: #fff;display: inline-block;}
.content ._sl h2 em,.content ._sr h2 em{ display: block; margin:20px 0 0; width: 48px; height: 1px; background: #fff;}
.content ._sr h2 em{background: #000;}
.content ._sl h2 .log_out{ display: inline-block; padding: 0; margin-left: 10px; cursor: pointer; font-weight: 300; transition: all .3s;
    -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;
}
@media only screen and (min-width:1024px) {
    .content ._sl h2 .log_out:hover{color: #0076d1;}
}

.comparison ._sr{
  margin-left: 0;
  width: auto;
  float: none;
}

.content ._sr ._sst,
.content ._sr ._ssb {
    background: #fff;
    margin-bottom: 40px;
}

.content ._sr ._sst .cont,
.content ._sr ._ssb .cont {
    padding: 40px;
}

.content .wrap:after {
    content: '';
    display: block;
    clear: both;
}

* {
    /*box-sizing: unset;*/
}

.content ._ssb .v-center {
    text-align: center;
    margin-bottom: 0;
}

.content ._ssb .v-center .layui-btn {
    background: #398ACD;
    padding: 1.2em 4.5em;
    height: auto;
    line-height: normal;
}

hr {
    margin: 0;
}

.layui-form-label{padding: 14px 15px; width:110px; box-sizing: border-box;}
.layui-input-block{min-height: 48px;}
.layui-input, .layui-select, .layui-textarea{ height: 48px;}
.layui-form-mid{line-height: 30px;}

.content ._sr h2{position: relative;}
.content ._sr h2 .p-btn{position:absolute ;right:40px; top:20px;cursor: pointer;height: auto; line-height: normal; font-weight: normal; padding:1.2em 4.5em; color: #fff!important; background: #398ACD;}


/*涓汉涓績*/
._sr_l{ float: left; width: calc(100% - 380px);}
._sr_r{ float: right; width: 350px; padding: 30px 40px; box-sizing: border-box; background: #fff;}
._sr_l01{background: #fff; padding: 30px 40px;}
._sr_l01 dt{ float: left; width:110px; height: 110px; overflow: hidden;}
._sr_l01 dt img{ width: 88px; height: 88px;padding: 10px; border:1px solid #D2D2D2; overflow: hidden; border-radius: 100%;}
._sr_l01 dd{ float: right; width: calc(100% - 135px);}
._sr_l01 dd h3,._sr_l02 h3,._sr_r h3{ font-weight: bold;}
._sr_l01 dd em,._sr_l02 em,._sr_r em{display: block; margin:15px 0; width: 48px; height: 1px; background: #000;}
._sr_l01 dd p{line-height: 1.6;}
._sr_l02{margin-top: 30px; background: #fff; padding: 30px 40px;}
._sr_l02 ul{margin: 0 -2%;}
._sr_l02 li{ float: left; width: 29.33%; margin: 0 2% 4%; position: relative; box-sizing: border-box; border:1px solid #D8D8D8;}
._sr_l02 li p{position: absolute; left:0; bottom:8%; width: 100%; text-align: center; padding: 0 5%; box-sizing: border-box;}
._sr_l02 em,._sr_r em{margin-bottom: 20px;}
._sr_r li{margin-bottom: 15px; line-height: 20px; overflow: hidden;}
._sr_r li .time{ float: left; width: 60px;}
._sr_r li .stit{ float: right; width: calc(100% - 60px);}

.layui-form-item{margin-bottom: 25px;}
.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea{border-color: #9F9F9F;}
.layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn{padding: 0 0 60px;}
.layui-layer-btn .layui-layer-btn0{height: auto; line-height: normal; padding:1.2em 4em; color: #fff!important; border-color: #398ACD!important; background: #398ACD!important;}
.layui-form-select dl{top:49px;}
.layui-form-selectup dl{top:auto; bottom:49px;}
.layui-form-select dl dd.layui-this{background: #0075C4;}
.layui-form-radio{line-height: 34px;}
.layui-form-radio>i{font-size: 16px;}
.layui-form-radio>i:hover, .layui-form-radioed>i{color: #0075C4;}
.layui-form-select .layui-edge{ border:none; width: 8px;height:8px; margin-top: -5px; right:20px; border-top: 1px solid #3F3F3F;border-right: 1px solid #3F3F3F;transform: rotate(135deg);}
.layui-form-selected .layui-edge{transform: rotate(-45deg);}

.personal_index .layui-layer-title{ padding: 0 60px 0 35px; height: 100px; line-height: 100px; color: #fff; background: linear-gradient(to bottom, #76849A 0%,#AFBCCE 100%)}
.personal_index .layui-layer-title span{display: inline-block;}
.personal_index .layui-layer-title .s_tit{margin-left: 30px;position: relative; padding-left: 30px;}
.personal_index .layui-layer-title .s_tit::before{content: ""; position: absolute; lefT:0; top:25px; width: 1px; height:48px; background: #fff;}
.personal_index .layui-layer-title .s_tit em{display: inline-block; margin-left: 20px;text-transform: uppercase;}
.personal_index .layui-layer-setwin{ right:30px; top:20px; transform: scale(1.3);}
.personal_index .layui-layer-setwin a{position:relative;display: inline-block;width:0.12em;height:2em;background: #fff;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);}
.personal_index .layui-layer-setwin a::after{content: "";position: absolute;top: 0;left: 0;width:0.12em; height:2em;background: #fff;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);}

.userinfo_body{padding: 5% 10% 0;}

@media only screen and (max-width:1439px) {
    .content ._sr h2 .p-btn,.content ._ssb .v-center .layui-btn,.layui-layer-btn .layui-layer-btn0{padding: 0.8em 3em;}
}
@media only screen and (max-width:1279px) {
    ._sr_l,._sr_r{width: 100%;}
    ._sr_r{margin-top: 30px;}
    .content ._sr h2 .p-btn,.content ._ssb .v-center .layui-btn,.layui-layer-btn .layui-layer-btn0{padding: 0.5em 2em;}
    .layui-layer{width: 80%!important;}
}
@media only screen and (max-width:1023px) {
._sr_l02 li{width: 46%;}
.pers_logo{margin-bottom: 5%;}
.content ._sl,.content ._sr{width: 100%;}
.content ._sr,._sr_l02,._sr_r{margin-top: 10px;}
}
@media only screen and (max-width:767px) {
.content ._sr ._sst .cont, .content ._sr ._ssb .cont{padding: 0 15px 20px;}
.content ._sl ul li{padding: 0 20px; height: 30px; line-height: 30px;}
.content ._sl h2, .content ._sr h2,._sr_l01,._sr_l02,._sr_r{padding: 20px;}
.content ._sl ul{padding: 20px 0;}
.slt span{padding: 0 20px;}
._sr_l01 dt{width: 80px; height: 80px;}
._sr_l01 dt img{ width: 63px; height: 63px; padding: 5px;}
._sr_l01 dd{ width: calc(100% - 90px);}
.layui-form-item{margin-bottom: 15px;}
.layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn{padding: 0 0 20px;}
.userinfo_body{padding: 5% 5% 0 0;}
.personal_index .layui-layer-title{line-height: 1.5; height: auto; padding: 10px 40px 10px 10px;}
.personal_index .layui-layer-title span{display: block;}
.personal_index .layui-layer-title .s_tit{margin: 0; padding: 0;}
.personal_index .layui-layer-title .s_tit::before{display: none;}
.personal_index .layui-layer-setwin{right:15px;top:10px;transform: scale(1);}
}

/*涓嬭浇*/
.downCon{padding:0 40px;box-sizing: border-box;}
.downCon table{width: 100%;}
.downCon table thead{color: #fff; background: #ABB5C1;}
.downCon table thead td{border:none;}
.downCon table tbody{ border:1px solid #D5DAE0; border-left: none;}
.downCon table td{padding: 20px 24px;box-sizing: border-box;text-align: center; border-left: 1px solid #C0C7D0; border-bottom: 1px solid #C0C7D0;}
.downCon table tbody td:nth-child(1){background:#EFF3F6; max-width: 60px; width: 5%;}
.downCon table tbody td:nth-child(2){text-align: left; width: 60%;}
.downCon table tbody td:nth-child(3){width: 20%;}
.downCon table tbody td:nth-child(4){ width: 15%;}
.downCon table tbody td:nth-child(4) i{font-size: 18px; margin-right: 5px;}

/*.checkbox-primary > label:after, .checkbox-primary > label:before{width: 10px;height: 10px;top: 1px;}
.checkbox-primary.checked>label:after, .checkbox-primary>input:checked+label:after,
.radio-primary.checked>label:after, .radio-primary>input:checked+label:after{border-width: 5px;}*/

.down_operation .checkbox-primary{margin-left: 24px; line-height: 20px;}
.down_operation .checkbox-primary input{vertical-align: middle;}
.down_operation .checkbox-primary label{margin-left: 5px;}

.down_operation{padding: 35px 0;box-sizing: border-box;overflow: hidden;}
.down_operation div{cursor: pointer;}
.down_operation div i{color: #000000; font-size: 18px;}
.down_operation .l{float: left;}
.down_operation .r{float: right;}
.down_operation .r .v{margin-left: 30px;}
.down_operation .r .v:last-child{ margin-right: 20px;}

@media only screen and (max-width:1279px) {
.downCon table td{padding: 10px;}
}
@media only screen and (max-width:767px) {
.downCon{padding: 0 20px;}
.downCbox{ overflow-x: auto; padding-right:1px;}
.downCbox table{ width: 600px;}
.down_operation .checkbox-primary,.down_operation .checkbox-primary label{margin-left: 0px;}
.down_operation .r .v{margin-left: 5px;}
.down_operation .r .v:last-child{margin-right: 0;}
.down_operation div i{font-size: 16px;}
}
/*鐢熸垚pdf*/
.pdf_title{font-weight: bold;margin-bottom: 20px;}
.pdf_table table{width: 100%;background: #fbfaf9;}
.pdf_table table td{width: 20%;border: 1px solid #efeeed;}
.pdf_table table td div{width: 100%;padding: 20px;box-sizing: border-box;}
.pdf_table table td div img{width: 100%;border:none!important;}
.pdf_table table td div img[src=""],.pdf_table table td div img:not([src]) {opacity: 0;}
.pdf_all{margin: 0px;box-sizing: border-box;margin-bottom: 30px;  color: #555;}
.fff .contrast-b{padding-bottom: 0;}
.pdf_item{margin: 0;}
.pdf_item>p{padding: 20px 0;padding-left: 10px;background: #fff;}
.pdf_item table{width: 100%;}
.pdf_item table td{width: 16.6666%;padding: 10px;line-height: 1.5; border: 1px solid #efeeed;}
.pdf_item table tr:nth-child(2n){background: #efeeed;}


/*鎴戠殑瀹夊叏涓績*/
.saft_item{padding: 30px 40px;box-sizing: border-box;overflow: hidden;background: #fff;margin-bottom: 30px;position: relative;}
.saft_item-l{width: calc(100% - 150px);float: left;}
.saft_item-l h3{font-weight: bold;}
.saft_item-l h3 em{display: block; margin:15px 0 20px; width: 48px; height: 1px;background: #000;}
.saft_item-r{right:40px;left: auto;width: 125px;}
.saft_item-r a{display: block;width: 124px;height: 44px;line-height: 44px;background: #398ACD;text-align: center;color: #fff!important;}
.saft_item-r a:hover{opacity: .8;}
@media only screen and (max-width:767px) {
.saft_item{padding: 20px; margin-bottom: 10px;}
.saft_item-l,.saft_item-r{ float: none; width: 100%;}
.saft_item-r{margin-top: 20px; position: static; transform: translate(0,0)!important;}
.saft_item-r a{ width: 80px; height: 30px; line-height: 30px;}
}

.dification-part{ position: relative; margin-top: -0.9rem; background: #fff;}
.pass_con{padding:0.45rem 0.7rem 1.25rem;box-sizing: border-box;}
.cp-wrap{text-align: center;}
.cp-wrap ul{position: relative;}
.cp-wrap ul::before{content: ''; position: absolute; z-index: 1; lefT:0; top:0.4rem; width: 100%; height: 1px;border-bottom: 1px dashed #999;}
.cp-wrap ul li{display: inline-block;padding: 0 0.1rem; background: #fff; position: relative; z-index: 2;}
.cp-wrap ul li span{ margin: 0 auto; margin-bottom:0.15rem; position: relative; display: block; width: 0.8rem; height: 0.8rem; border-radius: 0.25rem;background: #999999; color: #fff; border: 1px solid #999999;}
.cp-wrap ul li.on span{background: #FFFFFF;color: #000;border: 1px solid #7F7F7F;}
.cp-wrap ul li.off span{ background: #FFFFFF;color: #000;border: 1px solid #7F7F7F;}
.cp-wrap ul li+li{margin-left:2rem;position: relative;color: #000000;}

.pass_con h2{text-align: center;margin-top: 0.8rem;}
.pass_step{display: none;width: 50%; max-width: 588px; margin:0 auto;display: none;}
.step_one{display: block;}
.pass_form{margin: 0.4rem auto 0;}
.pass_form-item{display: none;}
.pass_form-item.on{display: block;}
.pass_form .member_btn{padding-top: 0.35rem; text-align: center;}
.pass_form .member_btn .layui-btn{padding: 1.2em 4.5em; height: auto; line-height: normal; background: #398ACD;}
.pass_con .layui-form-item .layui-input-block{margin-left: 0;}
.pass_con .layui-form-item .layui-input-block input{border: 1px solid #9F9F9F;border-radius: 0;}
.pass_con .layui-form-item .layui-input-block input.layui-inputw01{ float: left; width: calc(100% - 145px);}
.pass_con .layui-form-item .layui-input-block .yzm{ cursor: pointer; float: right; width:135px; height: 48px; border:1px solid #9F9F9F; box-sizing: border-box;}
.identity_btn{ float: right; width: 135px; height: 48px; font-size: 16px; color: #9F9F9F; padding: 0 10px; border:1px solid #9F9F9F; box-sizing: border-box;}
.identity_btn.prohibit{background: #efefef;cursor: default;}
.identity_btn:hover{border-color: #398ACD; color: #398ACD;}
.success_icon{width: 0.93rem;/*height: 0.86rem;*/text-align: center;margin:1.25rem auto 0.5rem;}
.success_icon img{width: 100%;}
.step_four p{text-align: center;padding-bottom: 20px;}


.bind-part{position: relative;}
.bind_box{ float: right; width: 5.9rem; min-height: 6.36rem;}
.bind_tit{ height: 0.8rem; line-height: 0.8rem; background: #ABB5C1;}
.bind_tit li{ cursor: pointer; float: left; width: 50%; color: #fff; text-align: center; position: relative;}
.bind_tit li::before{opacity: 0; content: ''; position: absolute; left:0; bottom:0; width: 100%; height: 0.03rem; background: #020202;}
.bind_tit li.on{font-weight: bold;background: linear-gradient(to bottom, #C3CAD3 0%,#ACB6C2 100%);}
.bind_tit li.on::before{ opacity: 1;}
.bind_con{background: #fff;}
.bind_con .bind_item{ display: none;}
.bind_con .bind_item.on{ display: block;}
.bind_item dl dt{padding: 0.75rem 0 0.6rem; border-bottom: 1px solid #CECECE;}
.bind_item dl dt img{ display: block; width: 2.95rem; height: 2.95rem; margin: 0 auto 5%; overflow: hidden;}
.bind_item dl dt p{text-align: center;}
.bind_item dl dd{ height: 0.7rem; line-height: 0.7rem; text-align: center;}
.bind_item dl dd a{ display: inline-block;}
.bind_item dl dd em{margin: 0 0.15rem;}
.zhh_mm{padding: 5%;}
.zhh_mm .layui-input-block{margin-left: 0;}
.zhh_mm_btn{ text-align: center;}
.zhh_mm_btn .layui-btn{padding: 1.2em 4.5em; height: auto; line-height: normal; background: #398ACD;}


@media only screen and (max-width:1439px) {
.pass_form .member_btn .layui-btn,.zhh_mm_btn .layui-btn{padding: 0.8em 3em;}
.pass_step{width: 100%;}
}
@media only screen and (max-width:1399px) {
.identity_btn{font-size: 14px;}
}
@media only screen and (max-width:1279px) {
.pass_form .member_btn .layui-btn,.zhh_mm_btn .layui-btn{padding: 0.5em 2em;}
.cp-wrap ul li span{ width: 1.2rem; height: 1.2rem;}
.cp-wrap ul::before{top:0.6rem;}
.success_icon{width: 1.5rem;}
}

@media only screen and (max-width:768px) {
    html, body{font-size: calc(100vw / 19.20);}
    .content ._sl, .content ._sr{font-size: 14px;}
}

@media only screen and (max-width:767px) {
html, body{font-size: 14px;}
.dification-part{margin: 5% auto;}
.pass_con{padding: 0;}
.pass_step{width: 100%;}
.cp-wrap ul li{background: none;padding: 0;}
.cp-wrap ul li span{ width: 2rem; height: 2rem;margin-bottom: 0.5rem;}
.cp-wrap ul::before{top:1rem;}
.success_icon{width: 2.5rem;}
.bgcon{position: static;transform:translate(0,0)!important;}
.bind_box{width: 100%; float:none; margin: 5% 0; height:auto!important; min-height: unset;}
.bind_tit{ height: 40px; line-height: 40px;}
.bind_item dl dt img{ width:40%;}
.bind_item dl dd{ height: 30px; line-height: 30px;}
.zhh_mm{padding:5% 0;}
}
@media only screen and (max-width:413px) {
    .cp-wrap ul li+li{margin-left: 0.9rem;}
}


.modular19 .wrap{padding: 0; background: none;}
.modular19::after{display: none;}