@charset "utf-8";

/* CSS Document */

* {

    margin: 0;

    padding: 0;

    /*box-sizing: border-box;*/

}

ul, li ol {

    list-style: none;

}

a {

    text-decoration: none;

}

body {

    background: #FFF;

    font-family: "微软雅黑";

    font-size: 12px;

}

input, button, textarea, select, optgroup, option {

    font-family: inherit;

    font-size: inherit;

    font-style: inherit;

    font-weight: inherit;

    outline: 0

}

.clearfix {

    *zoom:1;

}

.clearfix:before, .clearfix:after {

    display: table;

    line-height: 0;

    content: "";

}

.clearfix:after {

    clear: both;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color: #000; opacity:1;

}



::-moz-placeholder { /* Mozilla Firefox 19+ */

    color: #000;opacity:1;

}



input:-ms-input-placeholder{

    color: #000;opacity:1;

}



input::-webkit-input-placeholder{

    color: #000;opacity:1;

}

.xf {

    max-width: 640px;

    min-width: 320px;

    width: 100%;

    height: auto;

    margin: 0 auto;

    position: relative;
}

.xuefei_title{ text-align:center; font-size:20px; font-family:"黑体"; line-height:2; font-weight:700;}

.xf img {

    max-width: 100%;

    height: auto;

    border: 0;

    vertical-align: bottom;

}

.banner {

    width: 100%;

    height: auto;

    margin: 0 auto;

}

.banner img {

    max-width: 100%;

    height: auto;

    border: 0;

}

.con{ width:100%; height:auto; margin:0 auto; background:#FFF;}

.form{ width:100%; height:auto; border-top:1px solid #aaaaab; margin-top:30px;}

.biaodan{ width:96%; height:auto; margin:0 auto; padding-top:15px;}

.select_zy{ width:100%; height:auto; line-height:200%; color:#2e2e2e; font-size:18px; font-weight:700; padding-bottom:8px; border-bottom:1px solid #aaaaab;}



.t2{ width:35%; text-align:left; float:left;}

.t3{ width:35%; text-align:left; float:left;}

.t4{ width:30%; text-align:left; float:left;}

.select{ position:relative;}

.select .select-header { width: 100%; height: 32px;  background: url(../images/arrow.png) no-repeat; background-position: 98% 14px;  font-size: 16px; color: #000; cursor: pointer; overflow: hidden; }

.select .select-content {  position: absolute; top: 32px; left: 0; z-index: 99; display:none;  background-color: #fff; }

.select .select-content li { width: 100%; height: auto; margin: 0;  line-height: 200%;   font-size: 16px; color: #000; cursor: pointer; }

.select .select-arrow { background-position: 98% -12px; }

.name{ width:100%; height:auto; line-height:200%; color:#2e2e2e; font-size:16px;  padding-bottom:8px; border-bottom:1px solid #aaaaab; padding-top:8px;}

.name input{ width:100%; height:100%; border:0;}

.sex{ width:100%; height:auto; line-height:200%; color:#2e2e2e; font-size:16px;  padding-bottom:8px; border-bottom:1px solid #aaaaab; padding-top:8px; display:table;}

.sex input{ display:inline-table;}

.tel{ width:100%; height:auto; line-height:200%; color:#2e2e2e; font-size:16px;  padding-bottom:8px; border-bottom:1px solid #aaaaab; padding-top:8px;}

.tel input{ width:100%; height:100%; border:0;}

.qq{ width:100%; height:auto; line-height:200%; color:#2e2e2e; font-size:16px;  padding-bottom:8px; border-bottom:1px solid #aaaaab; padding-top:8px;}

.qq input{ width:100%; height:100%; border:0;}

.xf .info{ width:100%; height:auto; margin:20px auto; color:#878787; text-align:center; font-size:16px; font-weight:700; letter-spacing:3px;}

.submit{ width:45%; height:auto; background:#666666; line-height:100%; padding:4% 0; color:#FFF; text-align:center; font-weight:700; margin:0 auto; font-size:16px; letter-spacing:3px;}

@media (max-width:640px){

    .select_zy{ width:100%; height:auto; line-height:200%; color:#2e2e2e; font-size:18px; font-weight:700; padding-bottom:8px;}



    .t2{ width:35%; text-align:left; float:left;}

    .t3{ width:35%; text-align:left; float:left;}

    .t4{ width:30%; text-align:left; float:left;}

    .select{ position:relative;}

    .select .select-header { width: 100%; height: 32px;  background: url(../images/arrow.png) no-repeat; background-position: 98% 14px;  font-size: 16px; color: #000; cursor: pointer; overflow: hidden; }

    .select .select-content {  position: absolute; top: 32px; left: 0; z-index: 99; display:none;  background-color: #fff; }

    .select .select-content li { width: 100%; height: auto; margin: 0;  line-height: 200%;   font-size: 16px; color: #000; cursor: pointer; }

    .select .select-arrow { background-position: 98% -12px; }



    .name{ width:100%; height:auto; line-height:200%; color:#2e2e2e; font-size:16px;  padding-bottom:8px; border-bottom:1px solid #aaaaab; padding-top:8px;}

    .sex{ width:100%; height:auto; line-height:200%; color:#2e2e2e; font-size:16px;  padding-bottom:8px; border-bottom:1px solid #aaaaab; padding-top:8px; display:table;}

    .tel{ width:100%; height:auto; line-height:200%; color:#2e2e2e; font-size:16px;  padding-bottom:8px; border-bottom:1px solid #aaaaab; padding-top:8px;}

    .qq{ width:100%; height:auto; line-height:200%; color:#2e2e2e; font-size:16px;  padding-bottom:8px; border-bottom:1px solid #aaaaab; padding-top:8px;}

    .xf .info{ width:100%; height:auto; margin:20px auto; color:#878787; text-align:center; font-size:16px; font-weight:700; letter-spacing:3px;}

    .submit{ width:45%; height:auto; background:#666666; line-height:100%; padding:4% 0; color:#FFF; text-align:center; font-weight:700; margin:0 auto; font-size:16px; letter-spacing:3px;}

}

@media (max-width:490px){

    .select_zy{ width:100%; height:auto; line-height:200%; color:#2e2e2e; font-size:16px; font-weight:700; padding-bottom:6px;}



    .t2{ width:35%; text-align:left; float:left;}

    .t3{ width:35%; text-align:left; float:left;}

    .t4{ width:30%; text-align:left; float:left;}

    .select{ position:relative;}

    .select .select-header { width: 100%; height: 28px;  background: url(../images/arrow.png) no-repeat; background-position: 98% 12px;  font-size: 14px; color: #000; cursor: pointer; overflow: hidden; }

    .select .select-content {  position: absolute; top: 28px; left: 0; z-index: 99; display:none;  background-color: #fff; }

    .select .select-content li { width: 100%; height: auto; margin: 0;  line-height: 200%;   font-size: 14px; color: #000; cursor: pointer; }

    .select .select-arrow { background-position: 98% -14px; }

    .name{ width:100%; height:auto; line-height:200%; color:#2e2e2e; font-size:14px;  padding-bottom:6px; border-bottom:1px solid #aaaaab; padding-top:6px;}

    .sex{ width:100%; height:auto; line-height:200%; color:#2e2e2e; font-size:14px;  padding-bottom:6px; border-bottom:1px solid #aaaaab; padding-top:6px; display:table;}

    .tel{ width:100%; height:auto; line-height:200%; color:#2e2e2e; font-size:14px;  padding-bottom:6px; border-bottom:1px solid #aaaaab; padding-top:6px;}

    .qq{ width:100%; height:auto; line-height:200%; color:#2e2e2e; font-size:14px;  padding-bottom:6px; border-bottom:1px solid #aaaaab; padding-top:6px;}

    .xf .info{ width:100%; height:auto; margin:20px auto; color:#878787; text-align:center; font-size:14px; font-weight:700; letter-spacing:3px;}

    .submit{ width:45%; height:auto; background:#666666; line-height:100%; padding:4% 0; color:#FFF; text-align:center; font-weight:700; margin:0 auto; font-size:14px; letter-spacing:3px;}

}



@media (max-width:420px){



    .select_zy{ width:100%; height:auto; line-height:200%; color:#2e2e2e; font-size:14px; font-weight:700; padding-bottom:5px;}

    .t2{ width:35%; text-align:left; float:left;}

    .t3{ width:35%; text-align:left; float:left;}

    .t4{ width:30%; text-align:left; float:left;}

    .select{ position:relative;}

    .select .select-header { width: 100%; height: 24px;  background: url(../images/arrow.png) no-repeat; background-position: 98% 11px;  font-size: 12px; color: #000; cursor: pointer; overflow: hidden; }

    .select .select-content {  position: absolute; top: 24px; left: 0; z-index: 99; display:none;  background-color: #fff; }

    .select .select-content li { width: 100%; height: auto; margin: 0;  line-height: 200%;   font-size: 12px; color: #000; cursor: pointer; }

    .select .select-arrow { background-position: 98% -15px; }

    .name{ width:100%; height:auto; line-height:200%; color:#2e2e2e; font-size:12px;  padding-bottom:5px; border-bottom:1px solid #aaaaab; padding-top:5px;}

    .sex{ width:100%; height:auto; line-height:200%; color:#2e2e2e; font-size:12px;  padding-bottom:5px; border-bottom:1px solid #aaaaab; padding-top:5px; display:table;}

    .tel{ width:100%; height:auto; line-height:200%; color:#2e2e2e; font-size:12px;  padding-bottom:5px; border-bottom:1px solid #aaaaab; padding-top:5px;}

    .qq{ width:100%; height:auto; line-height:200%; color:#2e2e2e; font-size:12px;  padding-bottom:5px; border-bottom:1px solid #aaaaab; padding-top:5px;}

    .xf .info{ width:100%; height:auto; margin:20px auto; color:#878787; text-align:center; font-size:12px; font-weight:700; letter-spacing:3px;}

    .submit{ width:45%; height:auto; background:#666666; line-height:100%; padding:4% 0; color:#FFF; text-align:center; font-weight:700; margin:0 auto; font-size:12px; letter-spacing:3px;}

}
.chioce_form,input,select{
            color: #333;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            border: none;
            text-decoration: none;
            -webkit-text-size-adjust: none;
            -webkit-tap-highlight-color: transparent;
        }
        .banner{
            margin-bottom: 20px;
        }
        .chioce_form{
            width: 98%;
            margin:0 auto;
            background: #FFFFFF;
            padding:18px 40px;
            box-shadow: 1px 1px 8px #5E5F59;
        }
        .chioce_form .form_title{
            text-align: center;
            margin-bottom: 15px;
        }
        .chioce_form .form_title h5{
            font-weight: 700;
            font-size: .9rem;
            color: #000;
        }
        .chioce_form .form_title p{
            color: #C4251E;
            font-size: 12px;
        }
        .chioce_form .form_cnt p{
            line-height: 2.2;
            font-size: 13px;
        }
        .chioce_form .form_cnt p i{
            color: #C4251E;
            margin-right: 5px;
        }
        .chioce_form .form_cnt input,.chioce_form .form_cnt .major_chioce{
            width: 100%;
            height: 40px;
            line-height: 39px;
            padding-left: 10px;
            border:1px solid #7E7E7E;
            border-radius: 4px;
            margin-bottom: 8px;
        }
        .chioce_form .form_cnt input::-webkit-input-placeholder{
            color: #D5D5D5;
        }
        .chioce_form .form_cnt input:-moz-placeholder{
            color: #D5D5D5;
        }
        .chioce_form .form_cnt input::-moz-placeholder{
            color: #D5D5D5;
        }
        .chioce_form .form_cnt input:-ms-input-placeholder{
            color: #D5D5D5;
        }
        .form_btn{
            display: block;
            height: 40px;
            line-height: 39px;
            background: #FF6666;
            border-radius: 4px;
            text-align: center;
            margin-top: 10px;
            width: 74%;
            box-shadow: 2px 2px 6px #5E5F59;
            margin: 0 auto;
            margin-top: 10px;
        }
        .form_btn p{
            font-size: 18px;
            font-weight: 700;
            color: #fff;
            letter-spacing: 2px;
        }