body{background: #146bee url("../img/bg.jpg") bottom right no-repeat; background-size: cover; color: #333; background-attachment: fixed;}


.text-orange{ color: #ff8d0e;}

.box{width: 1300px; margin-left: auto; margin-right: auto; min-height: calc(100vh - 100px);}

.form_con{width: 420px; background: #fff; border-radius: 15px; padding: 40px;}
.form_con .info{background: #fff3e6; color: #ff8d0e; font-size: 14px}
.form_con input{height: 60px; background: #f2f2f2; border: none; outline: 0; padding: 0 20px;}
.form_con .btn_group{position: relative;}
.form_con .btn_group span{ position: absolute; right: 20px; top: -15px; background: #ff8d0e; color: #fff; font-size: 14px; border-radius: 15px; border: 3px #fff solid; border-bottom-left-radius: 0; padding: 5px 10px; line-height: 1em;}
.form_con .btn_group button{ background: #227bf9; height: 60px; box-shadow: 0 15px 30px rgba(34, 123, 249, 0.1); font-size: 20px}

.form_con .ipt_code{position: relative;}
.form_con .ipt_code span,.form_con .ipt_code .cubtn{position: absolute; right: 20px; background: #c6d9f3; color: #227bf9; line-height: 1em; padding: 5px 10px; top: 50%; transform: translateY(-50%);border:none}

.progressx{}
.progressx .bar{ background: #e8f2fe; height: 10px; width: 100%; border-radius: 10px; margin-bottom: 20px;}
.progressx .bar div{border-radius: 10px;}

.adv_con{ background: #234ec3; color: #fff; padding: 20px 0; position: fixed; bottom: 0; width: 100%;}
.adv_con i{ display: block; margin-right: 15px;}
.adv_con p{ display: block; margin: 0;}
.adv_con b{display: block; font-size: 20px}
.adv_con span{display: block;}

.w1000{ max-width: 1000px; margin-left: auto; margin-right: auto;}

.score_info{ margin-bottom: 50px;}
.score_info .score{text-align: center; margin-bottom: 30px;}
.score_info .score b{font-size: 70px; display: block; color: #fff; margin-bottom: 20px;}
.score_info .score span{font-size:100px; font-weight: bold; border: 15px #ffa22a solid; border-radius: 50%; color: #ffa22a; width: 200px; height: 200px; line-height: 170px; display: block; margin: 0 auto;}
.score_info .time{ color: #fff; text-align: center;}
.score_info .time p{font-size: 24px; margin: 0 0 10px 0; display: block;}
.score_info .time span{ background: rgba(0, 0, 0, 0.1); line-height: 1em; padding: 5px 10px; border-radius: 100px;}

.space{background: #fff; border-radius: 25px; padding: 50px; margin-bottom: 40px;}
.space .title{ background: #deebfe; color: #227bf9; text-align: center; padding: 15px 0; border-radius: 10px; margin-bottom: 30px;}
.space .title h3{font-weight: bold; font-size: 24px; margin: 0;}

.score_exp{ margin-bottom: 20px;}
.score_exp .item {color: #227bf9; border: 1px #227bf9 solid; background: #edf6ff; width: 18%; border-radius: 5px; text-align: center; padding: 20px 0;}
.score_exp .item b{font-size: 24px; font-weight: bold;}
.score_exp .item span{font-size: 20px; display: block; font-weight: bold;}
.score_exp .on{color: #ffa22a; border: 1px #ffa22a solid; background: #fff4e5; }

.bad_records{}
.bad_records .item{ background: #f7f7f7; border: 1px #e7e8e9 solid; border-radius: 5px; margin-bottom: 20px; padding: 20px 30px;}
.bad_records .item:last-child{margin-bottom: 0;}

.matching{ background: #fff4e5; padding: 30px; border-radius: 10px; margin-bottom: 30px;}
.matching i{margin-right: 5px;}

.explain{ background: #f7f7f7; border-radius: 10px; overflow: hidden; margin-bottom: 30px;}
.explain .explain_tit{ background: linear-gradient(90deg,#d2d2d2,#f6f6f6); font-size: 24px; font-weight: bold; padding: 10px 20px;}
.explain .explain_txt{ padding: 20px; line-height: 1.8em;}
.explain .explain_txt p{margin: 0;}

.propose{ background: #edf6ff; border-radius: 10px; overflow: hidden;}
.propose .propose_tit{ background: linear-gradient(90deg,#cee3fe,#ebf5ff); font-size: 24px; font-weight: bold; padding: 10px 20px; color: #227bf9;}
.propose .propose_txt{ padding: 20px; line-height: 1.8em; color: #227bf9;}
.propose .propose_txt p{margin: 0;}

.limit{ background: #227bf9; color: #fff; margin: 30px 0; border-radius: 10px; padding: 20px 0;}
.limit .item{width: 50%; font-weight: bold;}
.limit .item span{ display: block; font-size: 24px}
.limit .item b{display: block; font-size: 36px}

.contact_risk{ margin-bottom: 30px; margin-top: 30px;}
.contact_risk .item{width: 50%; font-weight: bold;}
.contact_risk .item span{ display: block; font-size: 20px}
.contact_risk .item b{display: block; font-size: 36px}

.tabs_time{ margin-top: 40px; margin-bottom: 30px;}
.tabs_time .nav-link{ width: 18%; text-align: center; background: #deebfe; cursor: pointer;}


.tabs_special{ margin-top: 40px; margin-bottom: 30px;}
.tabs_special .nav-link{ width: 30%; text-align: center; background: #deebfe; cursor: pointer;}

.special_list{}
.special_list .item{ border-bottom: 1px #f2f2f2 solid; margin-bottom: 20px; padding-bottom: 20px;}
.special_list .item b{font-size: 20px}

.risk_info{}
.risk_info .item{margin-bottom: 20px;}
.risk_info b{font-size: 20px}
.risk_info span{color: #999;}

.dish_list{}
.dish_list .item{margin-bottom: 40px;}
.dish_list .item b{font-size: 20px; display: block; margin-bottom: 10px;}
.dish_list .item span{display: block; background: #f2f2f2; padding: 20px; border-radius: 10px; line-height: 1.8em;}

@media(max-width:768px){
	body{font-size: 14px}
	.adv_con{display: none !important;}
    .box{padding: 20px; display: block !important; width: 100%; }
	.box .tit{margin-bottom: 20px;}
    .form_con{width: 100%; padding: 20px;}
	
	.form_con input{height: 50px; }
	.form_con .btn_group button{  height: 50px; font-size: 18px}
	
	.w1000{padding: 15px;}
	
	.score_info{  padding-top: 30px;}
	.score_info .score{text-align: center; margin-bottom: 30px;}
	.score_info .score b{font-size: 28px;}
	.score_info .score span{font-size:80px; border: 10px #ffa22a solid; width: 160px; height: 160px; line-height: 140px;}
	.score_info .time p{font-size: 18px;}
	.score_info .time span{ font-size: 14px}
	
	
	.space{border-radius: 15px; padding: 20px; margin-bottom: 20px;}
	.space .title{ margin-bottom: 20px;}
	.space .title h3{ font-size: 18px; }
	
	.score_exp{ margin-bottom: 0px; flex-wrap: wrap;}
	.score_exp .item { width: 30%; padding: 15px 0; margin-bottom: 15px;}
	.score_exp .item:nth-child(4){width: 47%;}
	.score_exp .item:nth-child(5){width: 47%;}
	.score_exp .item b{font-size: 18px;}
	.score_exp .item span{font-size: 16px; }
	
	.bad_records .item{  padding: 20px 20px;}
	
	.matching{ padding: 20px; margin-bottom: 20px;}

	.explain{  margin-bottom: 20px;}
	.explain .explain_tit{  font-size: 18px;}

	.propose .propose_tit{ font-size: 18px; }

	.limit{  margin: 20px 0;}
	.limit .item span{ font-size: 14px}
	.limit .item b{font-size: 18px}
	

	.contact_risk .item span{font-size: 14px}
	.contact_risk .item b{font-size: 18px}
	
	
	.tabs_time{ margin-top: 20px; margin-bottom: 10px;}
	.tabs_time .nav-link{ width: 31%;  margin-bottom: 10px;}
	.tabs_time .nav-link:nth-child(4){width: 48%;}
	.tabs_time .nav-link:nth-child(5){width: 48%;}
	
	
	.tabs_special{ margin-top: 20px; margin-bottom: 20px;}
	.tabs_special .nav-link{ width: 32%; font-size: 12px }
	
	.special_list{}
	.special_list .item{  margin-bottom: 10px; padding-bottom: 10px; font-size: 12px}
	.special_list .item b{font-size: 16px}
	

	.risk_info .item{margin-bottom: 10px;}
	.risk_info b{font-size: 16px}
	.risk_info span{font-size: 12px}
	
	.dish_list .item{margin-bottom: 20px;}
	.dish_list .item b{font-size: 16px;}

}