body{background-color:#f7f7f7;color:#484848}
.public_bg_wrap{
	position: relative;
	    padding: .5rem 0.15rem 0;
	background: #f2bfc0;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    }
	.public_title,.public_title_1{
	background-image:url("images/title_bg.png");
	width: 100%;
	background-repeat:no-repeat;
	font-size: .42rem;
	font-weight: 700;
	background-size:100% 100%;
	height:100px;
	line-height:62px;
	color:#fff;
	text-align:center;    
	position: absolute;
    left: 50%;
    top: -0.1rem;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
	
	.public_title_1{background-image:url("images/title_bg_1.png")}
	.public_border:after,.public_border:before{content:'';width:98%;height:5px;border:1px solid #edd7c6;border-radius:5px;left:1%;position:absolute;background-color:#fffbf2}
	.know_info,.order_top_info,.oti_name,.oti_txt,.teacher_intro,.test_number{position:relative}
	.public_border:after{border-bottom:none;top:-5px}
	.public_border:before{border-top:none;bottom:-5px}
	.teacher_intro{padding:0 10px 10px}.teacher_intro img{display:block;width:100%}
	.form_wrap{background-color:#ffd5d5;padding:10px 0}
	.public_form_wrap .auto input,.public_form_wrap ul{background-color:#fff}
	.public_form_wrap{margin:0 10px;
	border: 1px solid #f2bfc0;
	font-size: .25rem;
	border-radius: 0.06rem;
	background-color: #fff;}
	.public_form_wrap li{border-bottom:1px solid #e2bfc6}
	.public_form_wrap .sex span{width:30px;height:30px;line-height:26px;padding-top:0;margin:5px 10px 0 0;text-align:center;border:2px solid #f6e8da;box-sizing:border-box;color:#484848;border-radius:5px}.ki_img,.oti_img{width:100%;display:block}
	.public_form_wrap .sex span.cur{background-color:#cc2c33;border:2px solid #cc2c33;color:#fff}
	.public_form_wrap .left{color:#484848}
	.public_form_wrap input.Js_date{background-image:url("images/ico_date.png");background-repeat:no-repeat;background-position:right center;background-size:20px}
	.public_btn_s{padding:0 10px 60px}
	.public_btn_s a{
    display: block;
    height: 70px;
    line-height: 64px;
	color: #fff;
    text-align: center;
    font-size: .43rem;
	background:url("images/search_bg.png") no-repeat top center;
	width: 100%;
    background-size: auto 0.85rem;
    font-weight: 700;
    letter-spacing: 3px;
    animation: zoom 1.5s linear infinite;
	}
	.public_hot_test{border-radius:0;margin:5px 0 0;border:0;border-top:1px solid #ebd3c0;border-bottom:1px solid #ebd3c0}
	.test_number{text-align:center}
	.test_number span{display:inline-block;height:20px;line-height:20px;margin:0 10px}
	.oti_num,.public_ht_title{line-height:32px;text-align:center}
	.test_number b{color:#db190f}
	.tn_orders{text-decoration:underline;padding:0 0 0 20px;background-image:url("images/icon_search.png");color:#484848;background-repeat:no-repeat;background-size:auto 16px;background-position:left}
	.know_info{color: #fff;padding:10px 0}
	.ki_txt{text-align:center;color:#484848;padding:0 10px 10px;font-size:16px}
	.public_hot_test{padding:10px 0 0}
	.public_ht_title{margin:0 5%;background:url("images/title_bg.png") no-repeat;background-size:100% 100%;height:32px;color:#fff;padding:0;border-bottom:none;font-weight:400}
	.order_top_info{margin:10px 10px 20px;background-color:#fffbf2;border:1px solid #edd7c6;border-radius:5px}
	.oti_num{height:30px;border-bottom:1px solid #edd7c6}
	.oti_con{padding:10px 0}
	.oti_txt{overflow:hidden;text-align:center}
	.oti_txt div{width:40%;box-sizing:border-box}
	.oti_txt p{color:#484848}
	.oti_txt span{color:#a9a9a9;font-size:13px}
	.oti_left{float:left}.oti_right{float:right;padding:0 10px 0 0}
	.oti_name{padding:20px 10px 0 110px;height:90px}
	.oti_name:after{content:'';position:absolute;left:10px;top:10px;width:90px;height:90px;background:url("images/2_img_top.jpg") no-repeat;background-size:100% 100%}
	.oti_name p{line-height:20px;color:#484848;font-size:13px}
	.order_top_txt span,.oti_name strong{color:#d23037}
	.oti_name p:first-child{margin-bottom:4px;line-height:26px;font-size:16px}
	.order_top_txt{position:relative;margin:10px 10px 20px;background-color:#fffbf2;border:1px solid #edd7c6;border-radius:5px;padding:10px}
	.fd_con,.fd_left div,.fd_right div{border-radius:50%;position:absolute}
	.order_top_txt p{text-align:center;line-height:24px}
	.order_top_pay{margin-top:20px;text-align:center}
	.otp_money{font-size:16px}
	.otp_money strong{color:#d23037;font-size:20px}
	.otp_money del{font-size:14px;margin-left:10px}
	.otp_tip{text-align:center;color:#8c8c8c}
	.start_tip{position:relative;width:150px;height:30px;background-image:url("images/start.png");background-size:150px auto;background-position:0 -180px;background-repeat:no-repeat;margin:15px auto}
	.start_2_5{background-position:0 0}
	.start_3{background-position:0 -30px}
	.start_3_5{background-position:0 -60px}
	.start_4{background-position:0 -90px}
	.start_4_5{background-position:0 -120px}
	.start_5{background-position:0 -150px}
	.order_unpaid_tip{margin:10px 10px 0;padding:30px;background:url("images/1_img_bg.jpg") no-repeat;background-size:100% 95%}
	.order_unpaid_tip p{color:#4a4a4a}
	.order_unpaid_tip a{display:block;height:32px;background:url("images/1_tit_bg.jpg") center no-repeat;background-size:auto 32px;text-align:center;color:#fff;line-height:32px;margin-top:10px}
	.fd_con b,.order_marry_proposal span,.order_txt_con span{color:#d23037}
	.fraction_div{width:80px;height:80px;margin:10px auto;background-color:#e8e8e8;position:relative;border-radius:50%;overflow:hidden}
	.fd_con{top:4px;left:4px;width:72px;height:72px;background-color:#fff;z-index:3;line-height:72px;text-align:center}
	.fd_con b{font-size:18px}
	.fd_left,.fd_right{position:absolute;top:0;width:40px;height:80px;overflow:hidden}
	.fd_left{left:0}
	.fd_right{right:0}
	.fd_left div,.fd_right div{top:0;width:72px;height:72px;border-width:4px;border-style:solid}
	.fd_left div{z-index:1;left:0;border-color:#FF4381 transparent transparent #FF4381;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
	.fd_right div{border-color:transparent #FF4381 #FF4381 transparent;z-index:2;right:0;transform:rotate(45deg);-webkit-transform:rotate(45deg)}
	.order_txt_con{position:relative;margin:10px 10px 20px;background-color:#fffbf2;border:1px solid #edd7c6;border-radius:5px;padding:0 10px 10px}
	.order_marry_proposal,.order_marry_time{padding:10px;position:relative;line-height:24px;overflow:hidden}
	.order_txt_con p{line-height:24px;margin-top:10px}
	.order_marry_proposal img{float:right;width:30%;margin-left:6px}
	.order_marry_time .encounter_time{font-weight:700;color:#ce2d34;padding:0 0 0 15px}
	.order_marry_time ul{overflow:hidden}
	.order_marry_time li{float:left;font-weight:700;width:20%;text-align:center;height:30px;line-height:30px}
	.padding0{padding:0}
	.index-form__title {
    font-weight: 700;
    font-size: .29rem;
    text-align: center;
    color: #fff;
    height: 0.52rem;
    line-height: .52rem;
    background: url(images/title_bg1.png) no-repeat top center;
    -moz-background-size: auto .32rem;
    -o-background-size: auto .32rem;
    background-size: auto 0.68rem;
}
.m-box__con {
    position: relative;
    padding: 0.5rem 0.15rem 0;
    background: url(images/m_box_c.png?v=1.0.1) repeat-y;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

@-webkit-keyframes zoom{0%{-webkit-transform:scale(.9);transform:scale(.9)}
50%{-webkit-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(.9);transform:scale(.9)}}
@-moz-keyframes zoom{0%{-moz-transform:scale(.9);transform:scale(.9)}
50%{-moz-transform:scale(1);transform:scale(1)}
100%{-moz-transform:scale(.9);transform:scale(.9)}}
@-o-keyframes zoom{0%{-o-transform:scale(.9);transform:scale(.9)}
50%{-o-transform:scale(1);transform:scale(1)}100%{-o-transform:scale(.9);transform:scale(.9)}}
@keyframes zoom{0%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}
50%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
100%{-webkit-transform:scale(.9);-moz-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}}
