.wrap_index{ width:100%; height:1000px; background:url(../images/bg.jpg) no-repeat center; overflow:hidden;}
.wrap_index .test_bj{/* width:69.75%; height:82.1%; position:absolute; top:5.6%; left:15%;*/ background:url(../images/test_content_bj.png) no-repeat center; width:1112px; height:821px; margin:55px auto 0; padding-top:1px;}
.wrap_index .test_bj .title{ text-align:center; margin:40px; margin:-21px 0 78px 40px;}
.wrap_index .test_bj .test_des .pic{ margin-left:116px;}
.wrap_index .test_bj .test_des .txt{ margin:17px 0 0 64px;}
.wrap_index .test_bj .test_des .txt p{ font-size:18px; line-height:32px; color:#ffffff;}
.wrap_index .test_bj .test_des .txt .btn_begin{ display:block; margin-top:36px; width:252px;}

.wrap_question{ background:#eeeeee; padding-bottom:110px;}
.wrap_question .banner{ height:590px; background:url(../images/banner.jpg) center no-repeat;}

.part{ width:970px; margin:0 auto 30px; padding-left:30px;}
.part .main_title{ font-size:44px; font-weight:bold; text-align:center; line-height:68px; color:#3b3b3b; border-bottom:1px solid #cccccc; position:relative;}
.part .main_title:after{ content:""; display:block; width:153px; height:5px; background:#d93124; position:absolute; left:50%; margin-left:-76px; bottom:-2px;}
.part .sub_title{ font-size:32px; text-align:center; color:#cccccc; text-transform:uppercase; line-height:64px;}
.part .div_question{ margin-bottom:15px;}
.part .div_title_question{ font-size:16px; line-height:30px; font-weight:bold; color:#3b3b3b;}
.part .div_topic_question_img{ padding-left:20px; margin-top:25px;}
.part .div_topic_question_txt{ padding-left:20px; font-size:16px; line-height:30px; font-weight:bold; color:#3b3b3b;}
.part .div_radio_question .ulradiocheck{ overflow:hidden; width:900px; margin-top:25px; padding-left:20px;}
.part .div_radio_question .ulradiocheck li{ overflow:hidden; height:34px; line-height:34px; border-radius:5px; background:#ffffff; position:relative; border:1px solid #AFAFAF;}
.part .div_radio_question .ulradiocheck .size_1{ width:134px; margin-right:60px; float:left; margin-bottom:16px;}
.part .div_radio_question .ulradiocheck .size_2{ width:225px; margin-bottom:15px;}
.part .div_radio_question .ulradiocheck .size_3{ width:164px; margin-right:44px; float:left;}
.part .div_radio_question .ulradiocheck input{ margin:0; opacity:0; filter:alpha(opacity=0);}
.part .div_radio_question .ulradiocheck a.jqRadio{ display:block; float: left; width:18px; height:18px; background:url(../images/radio.png) 0 0 no-repeat; position:absolute; left:16px; top:8px;}
.part .div_radio_question .ulradiocheck a.jqRadio_check{ background:url(../images/radio.png) 0 -21px no-repeat;}
.part .div_radio_question .ulradiocheck label{ font-size:16px; float:left; color:#3b3b3b; width:100%; line-height:34px; text-indent:50px;; position:absolute; left:0; top:0;}

.charts .charts_title{ padding-left:20px; font-size:16px; line-height:30px; font-weight:bold; color:#3b3b3b; margin-bottom:26px;}
.charts .charts_img{ margin-bottom:40px;}
.btn_submit .submit{ width:252px; height:71px; background:url(../images/btn_submit.png) center no-repeat; display:block; margin:0 auto; margin-top:65px; outline:none; cursor:pointer; padding:0;}


.modal{ position:fixed; left:0; top:0; width:100%; height:100%; background:url(../images/modal_bj.png) repeat; z-index:99; display:none;}
.resign{ width:370px; height:348px; background:#ffffff; position:fixed; z-index:999; top:50%; left:50%; margin-top:-174px; margin-left:-185px; display:none;}
.resign .regist_cow{ text-align:center; margin-top:-118px;}
.resign h3{ font-size:18px; line-height:28px; color:#595757; text-align:center; margin:17px 0 28px;}
.resign .form_input{ margin:0 auto 18px; position:relative; width:310px;}
.resign .form_input input{ margin:0 auto; width:291px; height:42px; line-height:42px; border-radius:3px; border:1px solid #e5e5e5; padding:0 0 0 19px;}
.resign .form_input span{ position:absolute; width:310px; height:42px; line-height:42px; left:0; top:0; font-size:14px; color:#aaaaaa; text-indent:19px; cursor:text;}
.resign .form_input input:focus{ outline:1px solid #e60020;}
.resign .form_submit{ margin-top:34px;}
.resign .form_submit input{ width:310px; height:42px; padding:0; background:#f86e6c; font-size:18px; line-height:42px; color:#ffffff;}


.wrap_result{ width:100%; height:1659px; background:url(../images/result_bj.jpg) center no-repeat; overflow:hidden;}
.wrap_result .result_bj{ width:1122px; height:1336px; background:url(../images/result_content_bj.png) center no-repeat; margin:55px auto 0; padding-top:1px;}
.wrap_result .result_bj .title{ text-align:center; margin:40px; margin:-21px 0 78px 40px;}

.show_result .result{ width:1000px; margin:0 auto; overflow:hidden;}
.show_result .show_img{ margin-left:64px; height:335px; position:relative; width:362px;}
.show_result .show_img img{ bottom:0; position:absolute; right:0;}
.show_result .show_inf{ width:420px; margin-left:48px;}
.result_finance .show_inf{ margin-top:50px;}
.show_result .show_inf .skill{ overflow:hidden;}
.show_result .show_inf .skill_title p{ font-size:18px; line-height:28px; color:#8d5222;}
.show_result .show_inf .skill_title{ margin-top:65px;}
.show_result .show_inf .skill_stamp{ margin-right:35px;}
.show_result .show_inf .introduce{ font-size:16px; line-height:28px; text-indent:2em; color:#8d5222; margin-top:18px;}

.result .result_tips{ width:804px; height:376px; margin:94px auto 0; background:#ffd58b; border-radius:30px;}

.result .result_infor{ height:335px;}
.result .result_tips h1{ height:80px; line-height:80px; text-align:center; color:#ffffff; font-size:30px; font-weight:bold;}
.result .result_tips h1 span{ font-size:34px;}
.result_finance .result_tips h1{ background:url(../images/result_finance_title.png) center no-repeat;}
.result_english .result_tips h1{ background:url(../images/result_english_title.png) center no-repeat;}
.result_logic .result_tips h1{  background:url(../images/result_logic_title.png) center no-repeat;}
.result_math .result_tips h1{  background:url(../images/result_math_title.png) center no-repeat;}
.result .result_tips .tips_content{ padding:35px 46px 0}
.result .result_tips .tips_content .tip_title{ font-size:18px; color:#8d5222; font-weight:bold; width:105px; vertical-align:top; padding-bottom:20px;}
.result .result_tips .tips_content .tip_infor{ font-size:16px; color:#8d5222; padding-bottom:20px;}


.result_bj .bottom_txt{ text-align:center; margin-top:76px;}
.result_bj .btn_start{ text-align:center; margin-top:36px;}





@media only screen and (min-width: 320px) and (max-width: 750px) {
	
	html,body{ height: 100%; min-height: 100%;}
	.wrap_index { width: 100%; height: 100%; background: url(../images/bg.jpg) no-repeat center; overflow: hidden; background-size: 100% 100%;}
	.wrap_index .test_bj{ width: 90%; height: 0; padding-bottom: 73.8%; margin-top: 30%; background-size: 100% 100%;}
	.wrap_index .test_bj .title{ width: 70%; margin: -4% auto 0;}
	.wrap_index .test_bj .title img{ width: 100%;}
	.wrap_index .test_bj .test_des{ margin-top: 2%; display: flex; padding: 0 5%; justify-content: space-between; align-items: center;}
	.wrap_index .test_bj .test_des .pic{ width: 30%; margin: 0; margin-top: -15%; margin-right: 5%;}
	.wrap_index .test_bj .pic img{ width: 100%;}
	.wrap_index .test_bj .test_des .txt{ flex: 1; margin: 0;}
	.wrap_index .test_bj .test_des .txt p{ font-size: 12px; line-height: 20px;}
	.wrap_index .test_bj .test_des .txt .btn_begin{ display: block; width: 60%; margin: 0 auto;}
	.wrap_index .test_bj .test_des .txt .btn_begin img{ width: 100%;}
	
	
	.wrap_question .banner{ height: 0; padding-bottom: 36.875%; background-size: 100% 100%;}
	.part{ width: 96%; padding: 0 2%;}
	.part .main_title{ font-size: 24px; line-height: 36px;}
	.part .sub_title{ font-size: 16px; line-height: 30px;}
	.part .div_title_question{ font-size: 14px;}
	.part .div_topic_question_img{ margin-top: 10px;}
	.part .div_topic_question_img img{ width: 50%;}
	.part .div_radio_question .ulradiocheck{ width: 100%; box-sizing: border-box; display: flex; margin-top: 15px; padding: 0 2%; flex-wrap: wrap;}
	.part .div_radio_question .ulradiocheck .size_1{ width: 40%; margin: 0; margin-right: 4%; margin-bottom: 10px; box-sizing: border-box;}
	.part .div_radio_question .ulradiocheck .size_2{ width: 60%; margin: 0; margin-bottom: 10px; box-sizing: border-box;}
	.part .div_radio_question .ulradiocheck .size_3{ width: 48%; margin: 0; margin-right: 2%; box-sizing: border-box; margin-bottom: 2%;}
	.part .div_topic_question_txt{ font-size: 14px;}
	.charts .charts_img{ text-align: center;}
	.charts .charts_img img{ width: 90%;}
	
	.result_finance .show_inf{ margin-top: 0;}
	.wrap_result{ height: auto; overflow: hidden; background-size: 100% 100%;}
	.wrap_result .result_bj{ width: 90%; margin-top: 30%; height: auto; background-size: 100% 100%; background: none;}
	.wrap_result .result_bj .title{ width: 70%; margin: 0 auto; margin-top: -15%;}
	.wrap_result .result_bj .title img{ width: 100%; position: static;}
	.show_result .result{ width: 90%; margin: 4% auto;}
	.result .result_infor{ height: auto; display: flex; justify-content: space-around; align-items: center;}
	.show_result .show_img{ width: 30%; height: auto; margin: 0;}
	.show_result .show_img img{ width: 100%; position: static;}
	.show_result .show_inf{ flex: 1; margin-left: 2%;}
	.show_result .show_inf .skill{ display: flex;}
	.show_result .show_inf .skill_title{ flex: 1; margin: 0; margin-right: 2%;}
	.show_result .show_inf .skill_title p{ font-size: 12px; line-height: 16px;}
	.show_result .show_inf .skill_title h2 img{ width: 90%;}
	.show_result .show_inf .skill_stamp{ width: 20%; margin: 0;}
	.show_result .show_inf .skill_stamp img{ width: 100%;}
	.show_result .show_inf .introduce{height: 50px; overflow: auto; margin-top: 10px; font-size: 12px; line-height: 16px;}
	.result .result_tips{ width: 100%; margin: 2% auto; height: auto; border-radius: 15px;}
	.result .result_tips h1{ height: 40px; line-height: 40px; background-size: 100% 100%; font-size: 16px;}
	.result .result_tips h1 span{ font-size: 16px;}
	.result .result_tips .tips_content{ padding: 0;}
	.result .result_tips .tips_content .tip_title{ width: 60px; font-size: 12px; padding-bottom: 0;}
	.result .result_tips .tips_content .tip_infor{ font-size: 12px; padding-bottom: 0}
	.result_bj .bottom_txt{ margin-top:2%}
	.result_bj .bottom_txt img{ width: 100%;}
	.result_bj .btn_start{ width: 50%; margin: 2% auto;}
	.result_bj .btn_start img{ width: 100%;}
	
}