body,html{
height: 100%;
width: 100%;
background: #fff;
font-family: 'Source Han Sans CN','pingfang SC','helvetica neue','arial','hiragino sans gb','microsoft yahei ui','microsoft yahei','simsun','sans-serif' !important;
}
*{
padding: 0;
margin: 0;
}
a{
text-decoration: none;
}
ul,ol{
list-style: none;
}
.ybfmore{
width: 100%;
position: relative;
}
.fl{
float: left;
}
.fr{
float: right;
}


/* head */
.ybfmore-header{
width: 100%;
height: 70px;
background: #2961fd;
padding-top: 14px;
box-sizing: border-box;
border-bottom: 1px solid #2961fd;
}
.ybfmore-head{
width: 1200px;
height: 56px;
padding-left: 20px;
box-sizing: border-box;
margin: auto;
}
.ybfmore-head-logo{
width: 121px;
height: 41px;
background: url(../images/ybfmore-logo.png) no-repeat;
background-size: cover;
display: block;
}
.ybfmore-ul{
padding-left: 25px;
height: 100%;
}
.ybfmore-ul li{
float: left;
}
.ybfmore-ul li a{
padding: 12px 23px 23px;
display: block;
font-size: 16px;
color: #fff;
line-height: 18px;
float: left;
}
.ybfmore-ul li a:hover{
border-bottom: 2px solid #fff;
}
.ybfmore-btn{
width: 197px;
height: 36px;
margin-top: 3px;
}
.ybfmore-btn a{
width: 94px;
height: 36px;
border: 1px solid #9dbef9;
border-radius: 4px;
box-sizing: border-box;
font-size: 16px;
color: #fff;
line-height: 36px;
text-align: center;
display: block;
float: left;
}
.ybfmore-btn a:last-child{
float: right;
}
.ybfmore-user{
padding: 0 13px;
height: 56px;
position: relative;
display: none;
}
.ybfmore-user-cont{
height: 36px;
cursor: pointer;
padding-bottom: 20px;
}
.ybfmore-user-name{
font-size: 16px;
font-weight: 400;
color: #FFFFFF;
line-height: 36px;
}
.ybfmore-user-icon,.ybfmore-user-icon1{
width: 9px;
height: 5px;
background: url(../images/ybfpersonal-bottom-icon.png) no-repeat;
background-size: cover;
margin-top: 15.5px;
margin-left: 6px;
}
.ybfmore-user-icon1{
transform: rotateX(180deg);
display: none;
}
.ybfmore-user-menu{
width: 158px;
/* height: 138px; */
background: #fff;
border: 1px solid #DCDFE6;
box-shadow: 0px 5px 18px 2px rgba(19,60,154,0.14);
border-radius: 5px;
position: absolute;
top: 42px;
right: 0;
padding-top: 18px;
box-sizing: border-box;
/*display: none;*/
z-index: 999999;
}
.ybfmore-menu-attestation{
width: 100%;
height: 18px;
margin-bottom: 9px;
padding-left: 16px;
}
.ybfmore-attestation-name{
font-size: 15.5px;
font-weight: 500;
color: #333333;
line-height: 18px;
float: left;
}
.ybfmore-attestation-icon{
width: 15px;
height: 15px;
background: url(../images/ybfpersonal-renzheng.png) no-repeat;
background-size: cover;
margin-top: 1.5px;
margin-left: 5px;
float: left;
display: inline-block;
}
.ybfmore-menu-edition{
width: 56.5px;
height: 18px;
line-height: 18px;
border-radius: 18px;
font-size: 13px;
font-weight: 400;
text-align: center;
color: #3860F4;
line-height: 18px;
background: url(../images/ybfpersonal-edition.png) no-repeat;
background-size: cover;
margin-left: 16px;
}
.ybfmore-menu-qiut{
width: 100%;
height: 54px;
padding: 13.5px 0 13.5px 17px;
box-sizing: border-box;
border-top: 1px solid #DCDFE6;
border-left: none;
border-bottom: none;
border-right: none;
outline: none;
background: none;
cursor: pointer;
margin-top: 18px;
}
.ybfmore-menu-qiut-icon{
width: 27px;
height: 27px;
background: url(../images/ybfpersonal-qiut.png) no-repeat;
background-size: cover;
float: left;
}
.ybfmore-menu-qiut-title{
font-size: 12.5px;
font-weight: 400;
color: #333333;
line-height: 27px;
margin-left: 8px;
float: left;
}
.ybfmore-menu-qiut:hover .ybfmore-menu-qiut-title{
color: #3860F4;
}
.ybfmore-menu-qiut:focus .ybfmore-menu-qiut-title{
color: #3860F4;
}
.ybfmore-menu-qiut:hover .ybfmore-menu-qiut-icon{
background: url(../images/ybfpersonal-qiut-active.png) no-repeat;
background-size: cover;
}
.ybfmore-menu-qiut:focus .ybfmore-menu-qiut-icon{
background: url(../images/ybfpersonal-qiut-active.png) no-repeat;
background-size: cover;
}

/* banner */
.ybfmore-banner{
width: 100%;
height: 361px;
background: url(../images/ybfmore-banner.jpg) no-repeat center center;
background-size: cover;
padding-top: 92px;
box-sizing: border-box;
}
.ybfmore-banner-content{
width: 1200px;
overflow: hidden;
padding-left: 20px;
box-sizing: border-box;
margin: auto;
}
.ybfmore-banner-content h1{
letter-spacing: 0.01em;
font-size: 42px;
font-weight: 600;
color: #2b395e;
line-height: 48px;
margin-bottom: 30px;
}
.ybfmore-banner-content p{
font-size: 18px;
color: #575f6f;
line-height: 36px;
}

/* 表格 */
.ybfmore-list{
width: 100%;
background: #f5f8fd;
}
.ybfmore-list-content{
width: 1220px;
overflow: auto;
margin: auto;
padding-top: 48px;
padding-bottom: 77px;
}
.ybfmore-list-ul1,
.ybfmore-list-ul2,
.ybfmore-list-ul3,
.ybfmore-list-ul4,
.ybfmore-list-ul5{
border: 1px solid #DEDEDD;
border-radius: 9px;
}
.ybfmore-list-ul1,.ybfmore-list-ul2{
width: 135px;
background: linear-gradient(0deg, #F1F3F9 0%, #F9FAFE 100%);
}
.ybfmore-list-ul2{
width: 166px;
border-left: none;
}
.ybfmore-list-ul3,
.ybfmore-list-ul4,
.ybfmore-list-ul5{
width: 298px;
background: #FCFCFF;
border-left: none;
}
.ybfmore-list-ul5{
position: relative;
top: -21px;
padding-bottom: 20px;
box-shadow: 0px 2px 25px 0px rgba(53,109,172,0.18);
}
.ybfmore-list-ul1 li:nth-child(1),.ybfmore-list-ul2 li:nth-child(1){
background: linear-gradient(0deg, #EFF1F7 0%, #F9FAFE 100%);
border-radius: 9px 9px 0px 0px;
}
.ybfmore-list-content ul dl dt{
font-size: 16px;
color: #575F6F;
}
.active{
background: #F0F3FD;
}
.ybfmore-list-content ul li{
position: relative;
}
.ybfmore-list-ul1 dl dt{
padding-left: 19px;
}
.ybfmore-list-ul2 dl dt{
padding-left: 56px;
}
.ybfmore-list-ul3 dl dd,
.ybfmore-list-ul4 dl dd,
.ybfmore-list-ul5 dl dd{
text-align: center;
color: #333333;
}
.ybfmore-list-ul1 li:first-child::before,
.ybfmore-list-ul2 li:first-child::before,
.ybfmore-list-ul3 li:first-child::before,
.ybfmore-list-ul4 li:first-child::before,
.ybfmore-list-ul5 li:first-child::before{
display: none;
}
.ybfmore-list-ul1 li:last-child::before,
.ybfmore-list-ul2 li:last-child::before,
.ybfmore-list-ul3 li:last-child::before,
.ybfmore-list-ul4 li:last-child::before,
.ybfmore-list-ul5 li:last-child::before{
display: none;
}
.ybfmore-list-ul1 li::before,
.ybfmore-list-ul2 li::before,
.ybfmore-list-ul3 li::before,
.ybfmore-list-ul4 li::before,
.ybfmore-list-ul5 li::before{
content: '';
width: 101px;
height: 1px;
background: #DEDEDD;
position: absolute;
left: 50%;
top: 100%;
margin-left: -50.5px;
}
.ybfmore-list-ul2 li::before{
width: 134px;
margin-left: -67px;
}
.ybfmore-list-ul3 li::before,
.ybfmore-list-ul4 li::before,
.ybfmore-list-ul5 li::before{
width: 246px;
margin-left: -123px;
}
.ybfmore-list-ul1 li:nth-child(1) dl dt,
.ybfmore-list-ul2 li:nth-child(1) dl dt{
line-height: 97.5px;
padding-bottom: 11px;
color: #333333;
}
.ybfmore-list-ul2 li,
.ybfmore-list-ul3 li,
.ybfmore-list-ul4 li,
.ybfmore-list-ul5 li{
display: flex;
flex-direction: column;
justify-content: center;
}
.ybfmore-list-ul2 dl dd,
.ybfmore-list-ul3 dl dd,
.ybfmore-list-ul4 dl dd,
.ybfmore-list-ul5 dl dd{
line-height: 42.5px;
font-size: 14px;
}
.ybfmore-list-ul2 dl dd{
padding-left: 50px;
color: #575F6F;
}
.ybfmore-list-ul3 dl dt,
.ybfmore-list-ul4 dl dt,
.ybfmore-list-ul5 dl dt{
padding-top: 27px;
height: 108.5px;
box-sizing: border-box;
position: relative;
}
.ybfmore-list-ul3 dl dt{
/* background: url(../images/mianfei_icon.png) no-repeat;
background-size: cover; */
background: linear-gradient(0deg, #CCDEFC 0%, #E8F2FE 100%);
border-radius: 9px 9px 0px 0px;
}
.ybfmore-list-ul4 dl dt {
/*    background: url(../images/biaozhun_icon.png) no-repeat;
    background-size: cover; */
background: linear-gradient(0deg, #CBEAE7 0%, #EEFCF9 100%);
border-radius: 9px 9px 0px 0px;
}
.ybfmore-list-ul5 dl dt {
height: 130px;
padding-top: 48px;
/*    background: url(../images/gaoji-icon.png) no-repeat;
    background-size: cover; */
background: linear-gradient(0deg, #C0DCF6 0%, #EAF5FE 100%);
border-radius: 9px 9px 0px 0px;
position: relative;
}
.ybfmore-list-ul5 dl dt span{
position: absolute;
top: 0;
right: 0;
width: 62px;
height: 62px;
background: url(../images/tuijian.png) no-repeat;
background-size: cover;
}
.ybfmore-list-ul3 dl dt div,
.ybfmore-list-ul4 dl dt div,
.ybfmore-list-ul5 dl dt div{
/* font-size: 24px; */
/* color: #FAFAFD; */
line-height: 26px;
text-align: center;
/* font-weight: 500; */
margin-bottom: 10px;
font-size: 27px;
}
.ybfmore-list-ul3 dl dt div{
color: #5581C9;
}
.ybfmore-list-ul4 dl dt div{
color: #48AB9D;
}
.ybfmore-list-ul5 dl dt div{
color: #4986F7;
}
.ybfmore-list-ul3 dl dd,
.ybfmore-list-ul4 dl dd,
.ybfmore-list-ul5 dl dd{
text-align: center;
}
.ybfmore-list-ul3 dl .dui-icon,
.ybfmore-list-ul4 dl .dui-icon,
.ybfmore-list-ul5 dl .dui-icon{
width: 15px;
height: 12px;
background: url(../images/duihao.svg) no-repeat;
background-size: cover;
display: inline-block;
margin-top: 15.25px;
}
.ybfmore-list-ul3 dl .cuo-icon,
.ybfmore-list-ul4 dl .cuo-icon,
.ybfmore-list-ul5 dl .cuo-icon{
width: 11px;
height: 11px;
background: url(../images/cuowu.svg) no-repeat;
background-size: cover;
display: inline-block;
margin-top: 15.25px;
}
.ybfmore-list-ul3 dl dt p,
.ybfmore-list-ul4 dl dt p,
.ybfmore-list-ul5 dl dt p{
width: 281px;
height: 22px;
/* background: url(../images/mianfei-logo.png) no-repeat;
background-size: cover; */
font-size: 14px;
font-weight: 400;
/* color: #FAFAFD; */
line-height: 22px;
text-align: center;
margin: auto;
}
.ybfmore-list-ul3 dl dt p{
color: #5581C9;
}
.ybfmore-list-ul4 dl dt p{
color: #49AC9E;
}
.ybfmore-list-ul5 dl dt p{
color: #4986F7;
}
.ybfmore-list-ul2 li:nth-child(1) dl dt{
padding-left: 0;
text-align: center;
}
.ybfmore-list-ul1 li:nth-child(2) dl dt{
line-height: 152.5px;
}
.ybfmore-list-ul2 li:nth-child(2),
.ybfmore-list-ul3 li:nth-child(2),
.ybfmore-list-ul4 li:nth-child(2),
.ybfmore-list-ul5 li:nth-child(2){
height: 152.5px;
}
.ybfmore-list-ul1 li:nth-child(3) dl dt{
line-height: 67.5px;
}
.ybfmore-list-ul2 li:nth-child(3),
.ybfmore-list-ul3 li:nth-child(3),
.ybfmore-list-ul4 li:nth-child(3),
.ybfmore-list-ul5 li:nth-child(3){
height: 67.5px;
}
.ybfmore-list-ul1 li:nth-child(4) dl dt{
line-height: 195.5px;
}
.ybfmore-list-ul2 li:nth-child(4),
.ybfmore-list-ul3 li:nth-child(4),
.ybfmore-list-ul4 li:nth-child(4),
.ybfmore-list-ul5 li:nth-child(4){
height: 195.5px;
}
.ybfmore-list-ul1 li:nth-child(5) dl dt{
line-height: 153.5px;
}
.ybfmore-list-ul2 li:nth-child(5),
.ybfmore-list-ul3 li:nth-child(5),
.ybfmore-list-ul4 li:nth-child(5),
.ybfmore-list-ul5 li:nth-child(5){
height: 153.5px;
}
.ybfmore-list-ul1 li:nth-child(6) dl dt{
line-height: 111.5px;
}
.ybfmore-list-ul2 li:nth-child(6),
.ybfmore-list-ul3 li:nth-child(6),
.ybfmore-list-ul4 li:nth-child(6),
.ybfmore-list-ul5 li:nth-child(6){
height: 111.5px;
}
.ybfmore-list-ul1 li:nth-child(7) dl dt{
line-height: 67px;
}
.ybfmore-list-ul2 li:nth-child(7),
.ybfmore-list-ul3 li:nth-child(7),
.ybfmore-list-ul4 li:nth-child(7),
.ybfmore-list-ul5 li:nth-child(7){
height: 67px;
}
.ybfmore-list-ul1 li:nth-child(8) dl dt{
line-height: 65.5px;
}
.ybfmore-list-ul2 li:nth-child(8),
.ybfmore-list-ul3 li:nth-child(8),
.ybfmore-list-ul4 li:nth-child(8),
.ybfmore-list-ul5 li:nth-child(8){
height: 65.5px;
}
.ybfmore-list-ul1 li:nth-child(9) dl dt{
line-height: 66px;
}
.ybfmore-list-ul2 li:nth-child(9),
.ybfmore-list-ul3 li:nth-child(9),
.ybfmore-list-ul4 li:nth-child(9),
.ybfmore-list-ul5 li:nth-child(9){
height: 66px;
}
.ybfmore-list-ul1 li:nth-child(10) dl dt{
line-height: 195px;
}
.ybfmore-list-ul2 li:nth-child(10),
.ybfmore-list-ul3 li:nth-child(10),
.ybfmore-list-ul4 li:nth-child(10),
.ybfmore-list-ul5 li:nth-child(10){
height: 195px;
}
.ybfmore-list-ul1 li:nth-child(11) dl dt{
line-height: 67.5px;
}
.ybfmore-list-ul2 li:nth-child(11),
.ybfmore-list-ul3 li:nth-child(11),
.ybfmore-list-ul4 li:nth-child(11),
.ybfmore-list-ul5 li:nth-child(11){
height: 67.5px;
}

/* 手机号 */
.ybfmore-phone{
width: 100%;
height: 460px;
background: url(../images/content7-bkg.jpg) no-repeat center center;
background-size: 100% 100%;
box-sizing: border-box;
}
.ybfmore-phone-font{
font-size: 36px;
text-align: center;
font-weight: bold;
letter-spacing: 0.1rem;
margin-bottom: 60px;
color: #27274A;
padding-top: 90px;
}
.ybfmore-phone-ul{
width: 380px;
margin: auto;
}
.ybfmore-phone-li{
position: relative;
margin-bottom: 28px;
}
.ybfmore-phone-li:last-child .ybfmore-phone-input1{
padding: 0;
}
.ybfmore-phone-li:last-child .ybfmore-phone-input1 input{
width: 100%;
padding: 0;
cursor: pointer;
background: #4B85FC;
box-shadow: 0px 7px 12px 0px rgb(25 122 242 / 11%);
border-radius: 5px;
text-align: center;
line-height: 45px;
color: #FFFFFF;
font-size: 16px;
}
.ybfmore-phone-li:last-child .ybfmore-phone-input1 input:hover{
background: linear-gradient(90deg, #4d50f9, #2c81f8);
}
.ybfmore-phone-input1{
width: 380px;
height: 45px;
background: #fff;
padding: 0 23px;
box-sizing: border-box;
box-shadow: 0px 7px 12px 0px rgb(25 122 242 / 11%);
border-radius: 5px;
}

.ybfmore-phone-icon{
width: 17.5px;
height: 18px;
background: url(../images/ybfmore-phone-icon.png) no-repeat;
background-size: cover;
margin: 13.5px 0;
}
.ybfmore-phone-icon1{
width: 18px;
height: 18px;
background: url(../images/from-icon2.png) no-repeat;
background-size: cover;
margin: 13.5px 0;
}
.ybfmore-phone-input1 input{
width: 280px;
height: 45px;
background: none;
border: none;
outline: none;
font-size: 14px;
font-weight: 400;
color: #3D485D;
line-height: 45px;
padding-left: 16px;
box-sizing: border-box;
float:left;
}
.ybfmore-phone-input1 input::-webkit-input-placeholder{
color: #27274A;
}
.ybfmore-phone-title{
width: 243px;
font-size: 14px;
font-weight: 400;
color: #3D485D;
line-height: 45px;
padding-left: 16px;
box-sizing: border-box;
}
.ybfmore-phone-bottom-icon{
width: 16px;
height: 16px;
background: url(../images/from-icon3.svg) no-repeat;
background-size: cover;
float: right;
margin-top: 14.5px;
}
.ybfmore-phone-bottom-icon1{
transform: rotate(180deg);
width: 16px;
height: 16px;
background: url(../images/from-icon3.svg) no-repeat;
background-size: cover;
float: right;
margin-top: 14.5px;
display: none;
}
.ybfmore-phone-tab{
width: 380px;
background: #fff;
padding: 10px 0;
box-shadow: 0 2px 8px rgba(192,204,219,.35);
position: absolute;
top: 48px;
left: 0;
z-index: 99;
display: none;
}
.ybfmore-phone-tab li{
padding-left: 50px;
line-height: 28px;
font-size: 14px;
color: #3d485d;
}
.ybfmore-phone-tab li:hover{
background-color: #eff7ff;
    color: #4b7eff;
}

/* 个人中心banner */
.ybfpersonal-banner{
width: 100%;
height: 272px;
background: url(../images/ybfpersonal-banner.png) no-repeat center center;
background-size: cover;
}
.ybfpersonal-banner-content{
width: 1170px;
padding-left: 30px;
padding-top: 88px;
margin: auto;
}
.ybfpersonal-banner-photo{
width: 493px;
height: 35px;
background: url(../images/ybfpersonal-banner-photo.png) no-repeat;
background-size: cover;
margin-bottom: 18px;
}
.ybfpersonal-banner-txt{
width: 520px;
height: 42.5px;
background: url(../images/ybfpersonal-banner-icon.png) no-repeat;
background-size: cover;
font-size: 15px;
color: #FFFFFF;
line-height: 42.5px;
padding-left: 30px;
box-sizing: border-box;
}

/* 个人中心 */
.ybfpersonal-information{
width: 100%;
background: #f5f8fd;
padding: 60px 0 90px;
}
.ybfpersonal-information-content{
width: 1220px;
position: relative;
display: flow-root;
margin: auto;
padding: 0 10px;
box-sizing: border-box;
}
.ybfpersonal-information-left{
width: 190px;
background: #fff;
padding: 25px 2.5px 0;
box-sizing: border-box;
box-shadow: 0px 3px 12px 0px rgba(47,96,185,0.08);
position: absolute;
height: 100%;
float: left;
}
.ybfpersonal-information-left-ul{
width: 100%;
overflow: hidden;
}
.ybfpersonal-information-left-ul li{
    width: 100%;
    height: 50px;
    padding: 15px 0 15px 43px;
    box-sizing: border-box;
    margin-bottom: 22px;
    float: left;
    cursor: pointer;
}
.ybfpersonal-information-left-ul li:nth-child(3){
padding: 0;
}
.bfpersonal-information-left-more{
width: 100%;
height: 50px;
}
.bfpersonal-information-left-more a{
width: 100%;
height: 50px;
padding: 15px 0 15px 43px;
box-sizing: border-box;
display: block;
}
.bfpersonal-information-left-more span{
width: 20px;
height: 20px;
background: url(../images/ybfpersonal-photo2.png) no-repeat;
background-size: cover;
float: left;
}
.bfpersonal-information-left-more div{
font-size: 14px;
font-weight: 500;
color: #333333;
line-height: 20px;
margin-left: 17px;
float: left;
}
.ybfpersonal-activemore{
background: linear-gradient(90deg, #72BCFB 0%, #537BFC 100%);
}
.ybfpersonal-activemore span{
background: url(../images/ybfpersonal-photo2-active.png) no-repeat;
background-size: cover;
}
.ybfpersonal-activemore div{
color: #fff;
}
.ybfpersonal-information-left-ul li.ybfpersonal-activeLi{
background: linear-gradient(90deg, #72BCFB 0%, #537BFC 100%);
}
.ybfpersonal-information-left-ul li span{
width: 20px;
height: 20px;
float: left;
}
.ybfpersonal-information-left-ul li:nth-child(1) span{
background: url(../images/ybfpersonal-photo-active.png) no-repeat;
background-size: cover;
}
.ybfpersonal-information-left-ul li:nth-child(2) span{
background: url(../images/ybfpersonal-photo1.png) no-repeat;
background-size: cover;
}

.ybfpersonal-information-left-ul li.ybfpersonal-activeLi:nth-child(1) span{
background: url(../images/ybfpersonal-photo.png) no-repeat;
background-size: cover;
}
.ybfpersonal-information-left-ul li.ybfpersonal-activeLi:nth-child(2) span{
background: url(../images/ybfpersonal-photo1-active.png) no-repeat;
background-size: cover;
}
.ybfpersonal-information-left-ul li div,
.ybfpersonal-information-left-ul li a div{
font-size: 14px;
font-weight: 500;
color: #333333;
line-height: 20px;
margin-left: 17px;
float: left;
}
.ybfpersonal-information-left-ul li.ybfpersonal-activeLi div{
color: #fff;
}

.ybfpersonal-information-right{
width: 991px;
overflow: hidden;
background: #fff;
padding: 24px 29px 26px;
box-shadow: 0px 3px 12px 0px rgba(47,96,185,0.08);
box-sizing: border-box;
float: right;
}
.ybfpersonal-information-right-content{
width: 100%;
}
.ybfpersonal-information-right-content:nth-child(2),
.ybfpersonal-information-right-content:nth-child(3){
display: none;
}
.ybfpersonal-information-right-content-in{
overflow: hidden;
padding-bottom: 62px;
}
.ybfpersonal-information-right-font{
font-size: 18px;
font-weight: 500;
color: #333333;
line-height: 20px;
padding-bottom: 16px;
border-bottom: 1px solid #DCDFE6;
}
.ybfpersonal-information-right-backup{
padding-left: 3px;
padding-top: 40px;
}
.ybfpersonal-information-right-icon{
width: 101px;
height: 100px;
background: url(../images/information-logo.png) no-repeat;
background-size: cover;
margin-right: 50px;
float: left;
}
.ybfpersonal-information-right-ul{
width: 770px;
height: 100px;
float: left;
}
.ybfpersonal-information-right-ul li{
width: 100%;
height: 24px;
margin-bottom: 14px;
float: left;
}
.ybfpersonal-information-right-ul li:last-child{
margin-bottom: 0;
}
.ybfpersonal-information-right-ul li span,
.ybfpersonal-information-right-ul1 li span{
font-size: 14px;
font-weight: 400;
color: #1F2329;
line-height: 24px;
float: left;
}
.ybfpersonal-information-right-title{
width: 75px;
}
.ybfpersonal-username,.ybfpersonal-phone{
width: 120px;
}
.ybfpersonal-btn{
height: 24px;
float: left;
}
.ybfpersonal-btn input{
width: 74px;
height: 24px;
background: #FFFFFF;
outline: none;
cursor: pointer;
border: 1px solid #C4D0FF;
border-radius: 4px;
font-size: 14px;
font-weight: 400;
color: #1F2329;
line-height: 23px;
display: block;
margin-right: 10px;
box-sizing: border-box;
text-align: center;
float: left;
}
.ybfpersonal-btn a{
width: 74px;
height: 24px;
background: #E9EFFF;
border: 1px solid #C4D0FF;
border-radius: 4px;
font-size: 14px;
font-weight: 400;
color: #1F2329;
line-height: 23px;
text-align: center;
display: block;
margin-right: 10px;
box-sizing: border-box;
float: left;
}
.ybfpersonal-btn a:hover{
background: #d8e5ff;
}
.ybfpersonal-btn input:hover{
background: #E9EFFF;
}
.ybfpersonal-btn .ybfpersonal-btn1:focus{
background: #d8e5ff;
}
.ybfpersonal-btn input:focus{
background: #E9EFFF;
}
.ybfpersonal-information-right-ul1 li span{
line-height: 16px;
}
.ybfpersonal-information-right-ul li .ybfmore-menu-edition{
margin-top: 3px;
margin-right: 5px;
margin-left: 0;
float: left;
}
.ybfpersonal-information-right-ul1{
width: 100%;
overflow: hidden;
padding-left: 21px;
padding-top: 40px;
margin-bottom: 27px;
box-sizing: border-box;
}
.ybfpersonal-information-right-ul1 li{
margin-right: 173px;
height: 16px;
float: left;
}
.ybfpersonal-information-right-ul1 li:last-child{
margin-right: 0;
}
.ybfpersonal-information-right-ul1 .ybfpersonal-information-right-title{
width: inherit;
margin-right: 10px;
}
.ybfpersonal-pointout{
width: 685.5px;
height: 28px;
background: url(../images/ybfpointout-bkg.png) no-repeat;
background-size: cover;
}
.ybfpersonal-pointout-icon{
width: 14.5px;
height: 14.5px;
background: url(../images/ybfpointout-icon.png) no-repeat;
background-size: cover;
margin: 6px 7px 0 18px;
float: left;
}
.ybfpersonal-pointout-txt{
font-size: 14px;
font-weight: 400;
color: #666666;
line-height: 28px;
}
.ybfpersonal-pointout-txt a{
font-size: 14px;
color: #2961fd;
display: inline-block;
margin-left: 5px;
}
.ybfpersonal-pointout-txt a:focus{
color: #274dda;
}
.ybfpersonal-pointout-txt a:hover{
color: #274dda;
}
.ybfpersonal-tabel{
width: 100%;
padding: 0 4px;
box-sizing: border-box;
margin-top: 40px;
}
.ybfpersonal-tabel table {
width: 100%;
border-collapse: collapse;
}
.ybfpersonal-tabel-head{
width: 100%;
height: 40px;
background: #F5F7FD;
}
.ybfpersonal-tabel-head th{
font-size: 14px;
font-weight: 500;
color: #1F2329;
line-height: 40px;
text-align: left;
float: left;
}
.ybfpersonal-tabel-body td{
font-size: 13px;
font-weight: 500;
color: #333;
text-align: left;
float: left;
}
.ybfpersonal-tabel-head th:nth-child(1),
.ybfpersonal-tabel-body td:nth-child(1){
width: 197px;
padding-left: 17px;
}
.ybfpersonal-tabel-head th:nth-child(2),
.ybfpersonal-tabel-body td:nth-child(2){
width: 167px;
}
.ybfpersonal-tabel-head th:nth-child(3),
.ybfpersonal-tabel-body td:nth-child(3){
width: 165px;
}
.ybfpersonal-tabel-head th:nth-child(4),
.ybfpersonal-tabel-body td:nth-child(4){
width: 152px;
}
.ybfpersonal-tabel-head th:nth-child(5),
.ybfpersonal-tabel-body td:nth-child(5){
width: 154px;
}
.ybfpersonal-tabel-head th:nth-child(6),
.ybfpersonal-tabel-body td:nth-child(6){
width: 73px;
}
.ybfpersonal-tabel-body {
width: 100%;
height: 64px;
border-bottom: 1px solid #E1E6F0;
box-sizing: border-box;
}
.ybfpersonal-tabel-body td {
font-size: 13px;
font-weight: 500;
color: #333333;
line-height: 14px;
text-align: left;
padding: 25px 0;
float: left;
}
.ybfpersonal-tabel-kong{
width: 100%;
}
.ybfpersonal-tabel-kong .ybfpersonal-tabel-kong-td{
width: 100%;
}
.ybfpersonal-tabel-kong-icon{
width: 40px;
height: 38px;
background: url(../images/beifen-icon.png) no-repeat;
background-size: cover;
margin: auto;
display: block;
margin-top: 34px;
}
.ybfpersonal-tabel-kong-title{
font-size: 12px;
font-weight: 400;
color: #AAAEB7;
line-height: 16px;
padding-top: 15px;
text-align: center;
}
.ybfpersonal-tabel-kong-title a{
font-size: 12px;
color: #2961fd;
line-height: 16px;
display: inline-block;
}
.ybfpersonal-tabel-kong-title a:hover{
color: #274dda;
}
.ybfpersonal-tabel-kong-title a:focus{
color: #274dda;
}
/* .ybfpersonal-tabel-kong-title input{
font-size: 14px;
color: #2961fd;
outline: none;
background: none;
border: none;
cursor: pointer;
line-height: 16px;
display: inline-block;
} */
.ybfpersonal-tabel-body .ordercenter-table-success{
color: #3860F4;
}
.ybfpersonal-tabel-body .ybfpersonal-tabel-lose{
color: #F56C6C;
}


/* 修改密码弹窗 */
.ybfmore-password,
.ybfmore-phone-popup,
.ybfpassword-success,
.ybfpassword-lose,
.ybfphone-lose,
.ybfphone-success,
.ybfordercenter-clear{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.46);
z-index: 999;
display: none;
}
.ybfmore-password-content{
width: 475.5px;
height: 242.5px;
background: #FFFFFF;
box-shadow: 0px 4.5px 31px 0px rgba(16,30,68,0.24);
border-radius: 4px;
margin: auto;
margin-top: 525px;
padding: 28px 23.75px 22.5px;
box-sizing: border-box;
}
.ybfmore-password-head{
width: 100%;
height: 18px;
margin-bottom: 28px;
}
.ybfmore-password-head-font{
font-size: 16px;
font-weight: 500;
color: #1F2329;
line-height: 18px;
float: left;
}
.ybfmore-password-close{
width: 14.5px;
height: 14.5px;
background: url(../images/ybfclose-icon.png) no-repeat;
background-size: cover;
margin-top: 1.75px;
cursor: pointer;
float: right;
}
.ybfmore-password-close:hover{
background: url(../images/ybfclose-icon-active.png) no-repeat;
background-size: cover;
}
.ybfmore-password-close:focus{
background: url(../images/ybfclose-icon-active.png) no-repeat;
background-size: cover;
}
.ybfmore-password-input{
width: 100%;
height: 76px;
margin-bottom: 9px;
}
.ybfmore-password-input input{
width: 100%;
height: 32px;
background: #FFFFFF;
border: 1px solid #DCDFE6;
border-radius: 4px;
outline: none;
padding-left: 15px;
box-sizing: border-box;
font-size: 14px;
font-weight: 400;
/* color: #95979E; */
line-height: 32px;
display: block;
}
.ybfmore-password-input input:focus{
border: 1px solid #2961fd;
color: #1e232a;
}
.ybfmore-password-input input:nth-child(1){
margin-bottom: 12px;
}
.ybfmore-password-errors{
padding-left: 4px;
height: 16px;
margin-bottom: 15px;
}
.ybfmore-password-errors-icon{
width: 12px;
height: 12px;
background: url(../images/ybferrors-icon.png) no-repeat;
background-size: cover;
margin-top: 3px;
margin-right: 3px;
float: left;
}
.ybfmore-password-errors-txt{
font-size: 12px;
font-weight: 400;
color: #F7374F;
line-height: 16px;
}
.ybfmore-password-btn{
height: 32px;
float: right;
}
.ybfmore-password-btn input{
width: 88px;
height: 32px;
border-radius: 4px;
outline: none;
border: none;
cursor: pointer;
font-size: 14px;
font-weight: 400;
}
.ybfmore-password-btn input:nth-child(1){
background: #E8EAF4;
color: #1F2329;
float: left;
}
.ybfmore-password-btn input:nth-child(2){
background: #3860F4;
color: #fff;
margin-left: 11px;
float: right;
}
.ybfmore-password-btn input:nth-child(1):hover{
background: #dddfec;
}
.ybfmore-password-btn input:nth-child(2):hover{
background: #5c91ff;
}
.ybfmore-password-btn input:nth-child(1):focus{
background: #dddfec;
}
.ybfmore-password-btn input:nth-child(2):focus{
background: #5c91ff;
}


/* 绑定手机号 */
.ybfmore-password-input1{
width: 100%;
height: 34px;
position: relative;
}
.ybfmore-password-input .ybfmore-password-input1 input{
/* width: 341px; */
width: 100%;
height: 34px;
outline: none;
border: 1px solid #DCDFE6;
border-radius: 4px;
background: none;
margin-bottom: 0;
box-sizing: border-box;
float: left;
}
.ybfmore-password-input .ybfmore-password-input1 input:focus{
border: 1px solid #2961fd;
color: #1e232a;
}
.ybfmore-password-input .ybfmore-password-input1 input:nth-child(2){
width: 87px;
height: 32px;
background: #F5F7FD;
outline: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border: none;
cursor: pointer;
color: #3860F4;
padding: 0;
text-align: center;
position: absolute;
right: 1px;
top: 1px;
float: right;
}
input::-webkit-input-placeholder {
/* WebKit browsers，webkit内核浏览器 */
color: #a4a6ae;
}
input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #a4a6ae;
}
input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #a4a6ae;
}
input:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #a4a6ae;
}

/* 修改密码成功 */
.ybfmore-password-head1{
width: 100%;
height: 18px;
margin-bottom: 10px;
}
.ybfmore-password-success{
width: 40px;
height: 40px;
background: url(../images/ybfduigou-icon.png) no-repeat;
background-size: cover;
margin: auto;
margin-bottom: 16px;
}
.ybfmore-password-success-txt{
font-size: 14px;
font-weight: 400;
color: #1F2329;
line-height: 16px;
text-align: center;
margin-bottom: 38px;
}
.ybfmore-success-btn{
width: 88px;
height: 32px;
background: #3860F4;
border-radius: 4px;
margin: auto;
}
.ybfmore-success-btn input{
width: 88px;
height: 32px;
background: none;
border: none;
border-radius: 4px;
cursor: pointer;
outline: none;
font-size: 14px;
font-weight: 500;
color: #FCFDFF;
text-align: center;
line-height: 32px;
display: block;
}
.ybfmore-success-btn input:focus{
background: #5c91ff;
}

/* 修改密码失败 */
.ybfmore-password-lose{
width: 40px;
height: 40px;
background: url(../images/ybfshibai-icon.png) no-repeat;
background-size: cover;
margin: auto;
margin-bottom: 16px;
}



/* 订单中心 */
.ybfpersonal-ordercenter-tab{
width: 100%;
}
.ybfpersonal-ordercenter-ul{
width: 100%;
height: 34px;
border-bottom: 1px solid #DCDFE6;
margin-bottom: 37px;
}
.ybfpersonal-ordercenter-ul li{
font-size: 18px;
font-weight: 500;
color: #333333;
line-height: 20px;
padding: 0 2px;
padding-bottom: 12px;
margin-right: 30px;
float: left;
}
.ybfpersonal-ordercenter-ul .ybfpersonal-ordercenter-li{
border-bottom: 2px solid #3860F4;
color: #3860F4;
}
.ybfpersonal-ordercenter-table{
width: 100%;
padding: 0 4px;
}
.ybfpersonal-ordercenter-table-content{
width: 100%;
height: 725px;
position: relative;
}
.ybfpersonal-ordercenter-table table{
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
.ybfpersonal-ordercenter-table-head{
width: 100%;
height: 40px;
background: #F5F7FD;
}
.ybfpersonal-ordercenter-table-head th{
font-size: 14px;
font-weight: 500;
color: #1F2329;
line-height: 40px;
text-align: left;
}
.ybfpersonal-ordercenter-table-content tbody tr{
padding: 10px 0;
height:60px;
}
.td_first_checkbox{
text-overflow: ellipsis;
white-space: nowrap;
float: left;
}
.ybfpersonal-ordercenter-table-body td{
font-size: 13px;
font-weight: 500;
color: #333333;
line-height: 14px;
text-align: left;
padding: 25px 0;
float: left;
}
.ybfpersonal-ordercenter-table-head th:nth-child(1),
.ybfpersonal-ordercenter-table-body td:nth-child(1){
width: 270px;
}
.ybfpersonal-ordercenter-table-content1 th:nth-child(1),
.ybfpersonal-ordercenter-table-content1 td:nth-child(1){
width: 256px;
padding-left: 17px;
}
.ybfpersonal-ordercenter-table-head th:nth-child(2),
.ybfpersonal-ordercenter-table-body td:nth-child(2){
width: 160px;
}
.ybfpersonal-ordercenter-table-content1 th:nth-child(2),
.ybfpersonal-ordercenter-table-content1 td:nth-child(2){
width: 177px;
}
.ybfpersonal-ordercenter-table-head th:nth-child(3),
.ybfpersonal-ordercenter-table-body td:nth-child(3){
width: 90px;
}
.ybfpersonal-ordercenter-table-content1 th:nth-child(3),
.ybfpersonal-ordercenter-table-content1 td:nth-child(3){
width: 109px;
}
.ybfpersonal-ordercenter-table-head th:nth-child(4),
.ybfpersonal-ordercenter-table-body td:nth-child(4){
width: 92px;
}
.ybfpersonal-ordercenter-table-content1 th:nth-child(4),
.ybfpersonal-ordercenter-table-content1 td:nth-child(4){
width: 110px;
}
.ybfpersonal-ordercenter-table-head th:nth-child(5),
.ybfpersonal-ordercenter-table-body td:nth-child(5){
width: 86px;
}
.ybfpersonal-ordercenter-table-content1 th:nth-child(5),
.ybfpersonal-ordercenter-table-content1 td:nth-child(5){
width: 103px;
}
.ybfpersonal-ordercenter-table-head th:nth-child(6),
.ybfpersonal-ordercenter-table-body td:nth-child(6){
width: 92px;
}
.ybfpersonal-ordercenter-table-content1 th:nth-child(6),
.ybfpersonal-ordercenter-table-content1 td:nth-child(6){
width: 109px;
}
.ybfpersonal-ordercenter-table-head th:nth-child(7),
.ybfpersonal-ordercenter-table-body td:nth-child(7){
width: 101px;
padding-right: 16px;
}
.ybfpersonal-ordercenter-table-content1 th:nth-child(7),
.ybfpersonal-ordercenter-table-content1 td:nth-child(7){
width: 50px;
padding-right: 0;
}
.ordercenter-register_check{
width: 14px;
height: 14px;
padding: 13px 0;
margin-right: 18px;
margin-left: 17px;
float: left;
}
.ybfpersonal-ordercenter-table-body .ordercenter-register_check{
padding: 0;
}
.radio2{
width: 14px;
height: 14px;
position: relative;
float: left;
}
.radio2 input{
display: none;
  -webkit-appearance: none;
}
.radio2 label{
cursor: pointer;
position: absolute;
left: 0;
top: 0;
}
.radio2 label::before{
display: inline-block;
content: "";
/* vertical-align: middle; */
width: 12px;
height: 12px;
border: 1px solid #b2b6be;
border-radius: 2px;
-webkit-appearance: none;
outline: none;
float: left;
}
/* 选中 */
.radio2 input:checked+label::after{
display: inline-block;
content: "";
position: absolute;
left: 0;
top: 0;
width: 14px;
height:14px;
border: none;
background: url(../images/ordercenter-gouxuan.png) no-repeat;
background-size: cover;
}
.ybfpersonal-ordercenter-table-body{
width: 100%;
height: 64px;
border-bottom: 1px solid #E1E6F0;
box-sizing: border-box;
}
.ordercenter-table-operate input{
outline: none;
background: none;
border: none;
cursor: pointer;
font-size: 13px;
font-weight: 500;
color: #3860F4;
line-height: 14px;
}
.ordercenter-table-operate input:hover{
color: #274dda;
}
.ordercenter-table-operate input:focus{
color: #274dda;
}
.ordercenter-table-operate input:nth-child(1){
float: left;
}
.ordercenter-table-operate input:nth-child(2){
float: right;
}
.ordercenter-table-pay{
width: 100%;
height: 82px;
padding: 19.5px 17px;
background: #F5F7FD;
box-sizing: border-box;
position: absolute;
bottom: 0;

}
.ordercenter-register_check1{
width: 100px;
height: 14px;
padding: 13.5px 0;
float: left;
}
.ordercenter-register_check1 .radio2{
width: 100px;
height: 14px;
}
.ordercenter-register_check1 .radio2 label {
cursor: pointer;
position: absolute;
left: 0;
top: 0;
font-size: 14px;
color: #333333;
line-height: 14px;
}
.ordercenter-register_check1 .radio2 label::before{
margin-right: 18px;
}
.ordercenter-table-pay-content{
height: 41px;
float: right;
}
.ordercenter-table-pay-title{
font-size: 14px;
font-weight: 400;
color: #333333;
line-height: 41px;
float: left;
}
.ordercenter-table-pay-content span{
font-size: 24px;
font-weight: 400;
color: #F56C6C;
line-height: 41px;
display: inline-block;
margin-left: 5px;
}
.ordercenter-table-pay-content a{
width: 175px;
height: 41px;
background: #F56C6C;
border-radius: 5px;
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: bold;
color: #FFFFFF;
line-height: 41px;
text-align: center;
display: block;
margin-left: 20px;
float: right;
}
.ordercenter-table-pay-content a:hover{
background: #ff3644;
}


/* 订单中心删除弹窗 */
.ybfordercenter-clear-content{
width: 475.5px;
height: 220px;
background: #FFFFFF;
box-shadow: 0px 4.5px 31px 0px rgba(16,30,68,0.24);
border-radius: 4px;
margin: auto;
margin-top: 525px;
padding: 28px 23.75px 22.5px;
box-sizing: border-box;
}
.ybfmore-password-content-prompt{
padding-left: 17px;
height: 17.5px;
margin-bottom: 10px;
}
.ybfmore-password-content-prompt-icon{
width: 17.5px;
height: 17.5px;
background: url(../images/ybfclear-tishi.png) no-repeat;
background-size: cover;
margin-right: 6px;
float: left;
}
.ybfmore-password-content-prompt-title{
font-size: 16px;
font-weight: 400;
color: #1F2329;
line-height: 17.5px;
float: left;
}
.ybfmore-password-content-prompt-txt{
padding-left: 40.5px;
font-size: 16px;
font-weight: 400;
color: #1F2329;
line-height: 17.5px;
margin-bottom: 47px;
}