@charset "utf-8";
/*重置默认样式*/
/* html {
   overflow: hidden;
 }*/
body{color:#333333; word-break:break-all; word-wrap:break-word;background-color: #f5f5f9;}
html, body{ height: 100%;}
body, div, dl, dt, dd, ul,ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img{ margin:0; padding:0; }
body, input, select, button, textarea{ font:1.167rem/1.5 'PingFang SC', 'Hiragino Sans GB','Microsoft YaHei', Arial, sans-serif, Helvetica }
i, em { font-style:normal; }
table{ border-collapse:collapse; border-spacing:0; table-layout:fixed; width:100%;}
th{ text-align:left; font-weight:normal;}
fieldset, img{ border:0; }
ul,ol,li{ list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
input, textarea, select { font-family:inherit; font-weight:inherit; vertical-align:middle;outline: none;border:none;}
textarea{resize: none;}
input::-ms-clear {display:none;}/*去除IE高版本的X号*/
/* input[type="submit"][disabled="disabled"],button[disabled="disabled"],.btn[disabled="disabled"]{
	background-color: #c5c5c5;
	border-color: #c5c5c5;
} */
input[type="submit"][disabled="disabled"],button[disabled="disabled"],.btn[disabled="disabled"]{
	opacity: 0.5;
/* 	background-color: #fd7575;
	border-color: #fd7575; */
/* 	color:#ff8b8b;
	background-color: #fd5353;
	cursor:default; */
}
input[type="button"], input[type="submit"], input[disabled="disabled"], input[type="reset"] {-webkit-appearance: none;}/*去除苹果自带的input属性*/
textarea {-webkit-appearance: none;}   
input[type="checkbox"],input[type="radio"]{cursor:pointer;}
img{display: block;}
a{color:#555;text-decoration: none;cursor: pointer;}
a:hover{color:#555;}

.open .triangle-down {
    width: 0;
    height: 0;
    border-left: 0.416rem solid transparent;
    border-right: 0.416rem solid transparent;
    border-top: 0.667rem solid #8aa1ff;
    border-bottom: unset;
}

.triangle-down {
    width: 0;
    height: 0;
    border-left: 0.416rem solid transparent;
    border-right: 0.416rem solid transparent;
    border-bottom: 0.667rem solid #8aa1ff;
    border-top: unset;
}

/*测评.css*/

.testing-bg{
	    padding:6px 0;
    border-bottom: 1px solid #efefef;
    background: #f8f8f8;
     font-size: 16px; 
    color: #333;
    height: 35px;
    text-align: center;
}

.pad-lr32{
	padding:10px 20px 0 28px
}

.test-bg{
	 background: #fff;	
}

.test-text-sty{
	font-size: 13px;
    color: #666;
    padding-bottom: 8px;
}

.test-left{
	float: left;
    margin-left: 15px;
}

.test-contract{
	color:#4395ff
}

.test-arrow{
	width:8px;
	height:8px;
	border-top:1px solid #666;
	border-left:1px solid #666;
	
}

.test-arrowLeftDiv{
	margin:7.5px 0 0 16px
}

.test-roate315{
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.txt-c{
	text-align: center;
     padding:15px 0;
}

.lest-dialog-title{
	border-bottom: 1px solid #f2f2f2;
	padding: 5px 18px 25px 18px;
}

.ceyice{
		   
    color: #0068dc;
}

.test-contract span{
	color:#ed6060
}


.input-choose{
	float: left;
    margin:4px 20px 4px 0;;
}

/*wenjuan wenjuan*/

.risk{color:#333;font-size:1.3rem;}
.risk .select ul li{display: none;}
.risk .select ul li.active{display: block;}
.risk .select ul li .line{transition:all 0.5s;border-bottom: 1px solid #ccc;padding:1rem 2rem 1rem;position:relative;}
.risk .select ul li p.line{font-size:1.4rem;}
.risk .select ul li div.line{padding:1rem 3.5rem 1rem 2rem}
.risk .select ul li input[type=radio]{position:absolute;top:50%;transform:translate(0,-50%);right:1rem;}
.risk .select ul li .check-img{background:url("../img/risk-test/checked-mark.png") no-repeat center;height: 2rem;background-size: 100%;position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);right:1rem;width:2rem;}
.risk .pro-box{text-align: center;}
.risk .select ul li .check-img.uncheck{background:url("../img/risk-test/unchecked-mark.png") no-repeat center;height: 2rem;background-size: 100%;position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);right:1rem;width:2rem;}
.risk .pro-box{text-align: center;}
.risk .pro-box .pro-bg{width: 90%;background: #e4e4ea;height: .6rem;margin: 2rem auto auto;border-radius: 2rem;}
.risk .pro-box .pro-bg .pro-col{width: 10%;background:#fd5353;height: 100%;border-radius: 2rem;}
.risk .btns{position: fixed;bottom: 0;left: 0;width:100%;text-align: center;box-sizing: border-box;}
.risk .btns div{width:49.7%;height:3.5rem;line-height: 3.5rem;float:left;border-top:1px solid #ddd;border-right: 1px solid #ddd;}
.risk .btns div:nth-child(2){border-right: 0;}
.risk .btns div.blue{color:#5175b3;}
#choice-tip{display:none;border-radius:.5rem;font-size:1.5rem;background: #000;color:#fff;padding:1rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

.result-box{font-size:1.2rem;color:#666;padding-top: 3rem;text-align: center;display: none;position:absolute;top:0;left:0;}
.result-box img{width:45%;margin:1.5rem auto;}
.result-box .result-txt{padding:0 4rem;text-align: justify;line-height: 1.8rem;}
.result-box .result-txt .result-money{color:#5175b3;}
.result-box .ok-btn{width:70%;margin:2rem auto 1rem;padding:1rem 0;background:#fd5353;color:#fff;font-size:1.3rem;border-radius: .5rem;}
#reset{color:#fd5353;margin-bottom: 2rem;font-size:1.3rem;}

@media screen and (max-width:399px)
 {
     html{
         font-size: 12px!important;
     }
 }
 @media (min-width: 400px) and (max-width: 480px)
 {
     html{
         font-size: 14px!important;
     }
 }
 @media (min-width: 481px) and (max-width: 640px)
 {
     html{
         font-size: 20px!important;
     }
 }
  @media (min-width: 641px) and (max-width: 960px)
 {
     html{
         font-size: 26px!important;
     }
 }
 @media screen and (min-width: 961px)
 {
     html{
         font-size: 36px!important;
     }
 }
 
 .test-problem{
    color: #ffffff;
    background: #fd5353;
    font-size: 16px;
    padding:50px 20px 20px 20px;
    border-bottom: 1px solid #dadada;
    
 }
 
.test-question{
	font-size: 14px;
    padding: 15px 20px;
    color: #333;
    border-bottom: 1px solid #efefef;
}
 
.test-question:hover{
	    background: rgba(253,83,83,0.1);
	    color:#fd5353
} 
 
.test-pro-box{
	    position: absolute;
    width: 100%;
    bottom: 35px;
}
 
.test-question input{
	margin-top:6px
}
 
.box-sty:checked{
    background: red;
}
 
.fxcp-lei{
	    font-size: 36px;
    color: #fd5353;
  
   margin: 60px 0 30px 0;
}
 
.fxcp-pro{
	position: absolute;
    width: 100%;
    bottom: -160px;
}
 
.close-are{
    position: absolute;
    width: 0.83rem;
    right: 0.83rem;
    top: 50%;
    margin-top: -0.416rem;
}
 
/* .bg-head{
	width: 100%;
	min-height:175px;	
	background:url(../images/us-border.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
} */

.us-border{
	height: 24.25rem;
	width: 100%;
	min-height:175px;	
	background:url(../images/us-border.png) no-repeat;
	background-size: 100% 100%;
	padding: 3.33rem 1.67rem;
	color: #777777;
    line-height: 2rem;
}

.us-border p{
    text-indent: 2.5rem;
}
 
.titt-zizhu{
	font-size: 1.33rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.83rem;
} 
 
.bg-head .pos{
	position: absolute;
    bottom: 1.25rem;
    width: 100%;
    padding: 0 3rem;
} 
 
.pos .ba-wit{
    background: #fff;
    width: 100%;
    height: 5rem;
    border-radius: 2.5rem;
    padding: 0.83rem 2rem;
}
 
.head-li{
	width:33.3%;
	float: left;
} 

.head-li img{
	width:1.75rem;
	margin:0 auto
}

.head-li .head-text{
	font-size: 1rem;
    color: #2c2c2c;
    text-align: center;
}
 
.mian-bg-ques{
	background: #fff;
    border-radius: 0.416rem;
}

.question-li{
	padding:0 12px
}

.question-li .icon-com{
    width: 1.75rem;	
    height: 2rem;
	background:url(../images/icon-com-question.png) no-repeat;
	background-size: 100% 100%;
    float: left;
    margin: 1rem 0.83rem 0 0;
}

.question-li .quest-q{
    color: #12172e;
    font-size: 1.25rem;
    font-weight: bold;
    margin: 1.167rem 0;
    display: inline-block;
    float: left;
    width: 85%;
}
 
.ques-wenti{
    min-height: 4rem;
} 
 
.ques-daan{
    /* min-height: 50px; */
    display: none;
    color: #555;
    font-size: 1.08rem;
    margin: 0px 1.33rem 0.667rem 2.5rem;
    padding-buttom:1.33rem;
     transition: background-color 300ms;
} 
 
.triangle-addr{
    margin-top: 1.75rem;
    float: right;
} 
 
.tittle-com-question{
	color: #13182f;
    font-size: 1.33rem;
    font-weight: bold;
    margin: 0.416rem 0 1.25rem;
}
 
.change-it{
	width: 60px;
    height: 31px;
    background: #fff;
    text-align: center;
    margin: 16px auto;
    line-height: 29px;
    border-radius: 30px;
    color: #999999;
    font-size: 13px;
}
 

.mian-bg-ques .bor-show{
	border-radius: 0.416rem;
	-moz-box-shadow: 0px 0 0.83rem rgb(21 32 120 / 0.1);
    box-shadow: 0px 0 0.83rem rgb(21 32 120 / 0.1);
}

#noticeList-platform .hud{
	color:#fff;
	text-indent: 2.5rem;
    background: #475b9e;
    padding:2rem 3.33rem 3.75rem;
	
}

#repayment .us-text{
	margin-left: 3.75rem;
    font-size: 1.167rem;
}

.col-36{
	color:#363636
}

.about-us-icon{
	width: 2rem;
    position: absolute;
    top: 50%;
    margin-top: -1rem;
}

.mg-b55 {
    margin-bottom: 4.58rem;
}

.main-promote{
    width: 330px;
    margin: -70px auto;
    background: #fff;
    border-radius: 5px;
    z-index: 999;
    position: relative;
    min-height: 450px;
    padding: 40px 18px;
}

.main-promote .number{
	font-size: 24px;
    color: #618ae6;
    font-weight: bold;
    float: left;
    width: 18%;
}

.main-promote .promo-world{
	font-size: 15px;
    color: #333;
    float: left;
    width: 82%;
}

.main-promote li{
	min-height: 50px;
}

.do_ok{
	width: 10rem;
	height:3rem;
	padding:0 2.5rem;
    font-size:1.333rem;
    background: #8198e2;
    border-radius: 25px;
    color:#fff;
    cursor:pointer;
}


.qiye .do_ok,.qiye .do_no_t,.qiye .do_ok_t{
	background: #4d71f4;
}

.do_no_t{
	width: 50%;
	height: 4rem;
	font-size: 1.67rem;
	background: #fff;
	border-radius: 0 0 0 0.83rem;
	color: #8198e2;
	cursor: pointer;
}

.do_ok_t{
	width: 50%;
	height: 4rem;
	font-size: 1.33rem;
	background: #8198e2; 
	border-radius: 0 0 0.83rem 0;
	color: #fff;cursor: pointer;
}

.wenhao-lilv{
    width: 1rem;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
}

.blacj-lilv{
    font-size: 1rem;
    background: #5d72a8;
    color: #fff;
    width: 13rem;
    border-radius: 1rem;
    position: absolute;
    right: -1rem;
    top: -2.3rem;
}

.blacj-lilv-sanjiao{
    position: absolute;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #5d72a8;
    top: -0.3rem;
    right: 3.5rem;

}

.year-rate{
	font-size: 1rem;
    background: rgb(175 192 237 / 10%);
    color: #a4aabd;
    width: 20rem;
    margin: 1rem auto;
    border-radius: 2px;
}

.col-5e{
	 color: #5e6e9a;
}

.total-num {
	font-weight: bold;
	color:#5a72bd;
}

@font-face
{
    font-family: Altinn-DINExp;
    src: url(../fonts/Altinn-DINExp.otf);
    font-weight:normal;
} 

@font-face
{
    font-family: Altinn-DINExp-Bold;
    src: url(../fonts/Altinn-DINExp-Bold.otf);
    font-weight:Bold;
}  
  
.loginerror-xg{
    text-align: center;
    color: #666;
    font-size: 1rem;
    margin-top: 1rem;
    position: fixed;
    bottom: 4.8rem;
    width: 100%;
    background: #e3e9f5;
    padding: 0.25rem 0;
} 
  
.loginerror-xg a{
    color: #517fdd;
    font-weight: bold;
}

.modifyclose{     
    position: absolute;
    opacity: 0.6;
    top: 0;
    right: 0;
    padding: 0.75rem;
}
  
.modifyclose img{
  width: 0.75rem;
  }
  
.hhacc .main-account-set .account-info li{
	height:unset;
	padding: 1rem 1rem 1rem 0;
}  
  
.hhacc .main-account-set .account-info li span{
	line-height: 2.25rem;
    vertical-align: unset;
    margin-left: -7px;
}
  
.text-eregister{
	margin-top: 6rem;
    text-align: center;
    font-size: 1.52rem;
    color: #4969cf;
}
 
.eregister .login-li text{
	font-size: 1.167rem;
}
  
.eregister .agreement{
    font-size: 1rem;
    padding: 1rem 2rem;
    line-height: 1.75rem;
    }
  
  
.eregister .idcardtype{
    color: #939393;
    border-bottom: 1px solid #eaeaea;
    line-height: 4rem;
    height: 4rem;
}

.main.main-payin .form li.gj-radio input {
    -webkit-appearance: auto;
    width: unset;
    float: unset;
    margin-right: 4px;
    margin-top: -2px;
}

.main.main-payin .form li.gj-radio .choose-gj {
    width: 15%;
}

.bj-boderShow{
    border-radius: 2px;
    background: #fff;
    padding:1.35rem;
    margin-bottom: 1.25rem;
}
.mc-main-pad .mc-mine-b{
	background: url(../images/yixin/bg-mc-myRepayment.png) no-repeat;
    background-size: 100% 100%;
	
}
.mc-main-pad{
	padding:1.35rem
}

.mc-moumou{
	margin-top: 2rem;
	margin-bottom: 0.83rem;
}

.mc-tittle-my{
	font-size: 1.5rem;
    font-weight: bold;
    color: #000;
}
 
.mc-mm-name{
	font-size: 1.167rem;
    margin-left: 1rem;
}
  
.mc-operate{
	border-top: 1px solid #f5f5f5;
}

.mc-o-pad{
	padding-top: 1rem;
}

.mc-o-money{
    font-family: 'Altinn-DINExp-Bold';
    font-size: 1.67rem;
    color: #d33232;
}
 
.mc-btn{
    padding: 0 1.35rem;
    line-height: 2.75rem;
    font-size: 1.167rem;
    border-radius: 3.75rem;
}

/*按钮-蓝色实心背景  */
.btn-bg-blue{
	background: #5c80fb;
    border: 1px solid #5c80fb;
    color: #fff;
}

/*按钮-蓝色线条  */
.btn-bd-blue{
	background: #fff;
    border: 1px solid #5c80fb;
    color: #5c80fb;
}

/*按钮-橙色实心背景  */
.btn-bg-orange{
	background: #ef9e5e;
    border: 1px solid #ef9e5e;
    color: #fff;
}

/*按钮-橙色线条  */
.btn-bd-orange{
	background: #fff;
    border: 1px solid #ef9e5e;
    color: #ef9e5e;
}

/*按钮-灰色实心背景  */
.btn-bg-grey{
	background: #d8d8d8;
    border: 1px solid #d8d8d8;
    color: #fff;
}

/*按钮-灰色线条  */
.btn-bd-grey{
	background: #fff;
    border: 1px solid #d8d8d8;
    color: #d8d8d8;
}

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  