.sec-div-wrap{background-color: #ebeaf0;}
.sec-0{max-width: 800px;background-color: #ebeaf0;margin: 0 auto;padding: 35px 20px;}
.sec-0 *{text-align: center;}

.div-head li{width: 50%;}
.div-head .li1 p{text-align: left;font-size: 18px;color: #000;font-weight: bold;}
.div-head .li2{text-align: right;}
.div-head .li2 span{display: inline-block;vertical-align: middle;width: 30px;height: 30px;background-color: #c0becc;color: #fff;margin-left: 5px;border-radius: 50px;
font-weight: bold;font-size: 16px;line-height: 14px;line-height: 29px;text-align: center;}
.div-head .li2 .s-on{background-color: #d75fda;}

.div-head .div-bar{width: 100%;height: 12px;background-color: #fff;border-radius: 6px;position: relative;margin: 20px 0 70px 0;}
.div-head .div-bar .div-item{width: 16.666%;height: 12px;background-color: #d75fda;border-radius: 6px;position: absolute;top: 0;left: 0%;}

.div-form h2{color: #d75fda;margin-bottom: 40px;}
.div-form .div-btn{width: 65%;height: 100px;background-color: #fff;border: 2px solid #d7d5e2;border-radius: 100px;margin: 0 auto;margin-bottom: 20px;display: table;cursor: pointer;}
.div-form .div-btn p{display: table-cell;vertical-align: middle;font-size: 30px;
    font-weight: bold;color: #000;}


.div-form .ajax_send_btn2:hover{opacity: 1;}
.div-form .ajax_send_btn2{background-color: #d75fda;border-color: #d75fda;}
.div-form .ajax_send_btn2 p{color: #fff;}
.div-form .back-test-back{background-color: #d75fda;border-color: #d75fda;}
.div-form .back-test-back p{color: #fff;}

.send-info ul{margin-bottom: 15px;}
.send-info ul li{border: 2px solid #d3d1df;}
.div-form .send-info{width: 65%;margin: 0 auto;}
.div-form .send-info input{width: 100%;height: 100%;background-color: #fff;border:none;text-align: left;padding-left: 10px;height: 70px;
font-size: 20px;}
.send-info .ul1 .li1{width: 16%;border-right: none;background-color: #fff;}
.send-info .ul1 .li2{width: 84%;border-left: none;}


.send-info ul li p{ font-size: 20px; color: #000; font-weight: bold; line-height: 70px;}
.send-info .ul2 li{background-color: #fff;cursor: pointer;}
.send-info .ul2 .li1{width: 49%;margin-right: 2%;}
.send-info .ul2 .li2{width: 49%;}

.send-info .ul3 .li1{width: 33%;margin-right:  0.5%;}
.send-info .ul3 .li2{width: 33%;margin-right:  0.5%;}
.send-info .ul3 .li3{width: 33%;}


.div-form .send-info label input{width: 15px;height: 15px;}
.check-div{text-align: left;margin-bottom: 7px;}
.check-div *{color: #78777c;font-size: 16px;}
.check-div .check-all-label{color: #000;font-weight: bold;}
.check-div-3{margin-bottom: 30px;}

.div-form{display: none;}
.div-form-on{display: block;}
.div-form h2{font-size: 40px;}


/* active btn */
.div-form .div-btn-on{background-color:#d75fda ;border-color: #d75fda;}
.div-form .div-btn-on p{color:#fff ;}


.send-info .ul2 .slt-li{border-color: #d75fda;background-color: #d75fda;}
.send-info .ul2 .slt-li p{color: #fff;}

@media only screen and (max-width: 640px) {
	.div-head .div-bar{margin: 20px 0 40px 0;}
	.div-head .li1 p{font-size: 12px;}
	.div-head .li2 span{width: 18px; height: 18px;line-height: 18px;font-size: 12px;}
	.div-form h2{font-size: 22px;margin-bottom: 20px;}
	.div-form .div-btn{height: 45px;}
	.div-form .div-btn p{font-size: 18px;}
	.div-form .send-info input{height: 35px;}
	.send-info ul li p{line-height: 35px;font-size: 14px;}
	.check-div *{font-size: 12px;}
	.div-form .div-btn{width: 72%;}
	.div-form .send-info{width: 72%;}
}