@charset "gb2312";

body{font:14px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1100px; background:#F5F5F8;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;}
a,a:hover{outline:none;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
input,button,select,textarea{outline:none} textarea{resize:none}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.tl{
    text-align:left!important;
}
.ml0{
    margin-right: 0!important;
}
/**/
.layout{ clear:both;width:1100px;text-align:left;margin:0 auto;}

.sml-guide{
    height: 40px;
    line-height: 40px;
}
.sml-guide i{
    color:#4A4CE1;
}
.sml-guide a{
    color:#4A4CE1;
    font-size:12px;
    float: right;
    line-height: 40px;
}
.sml-guide a img{
    margin-right: 5px;
}
.paging {
    padding: 38px 0 20px;
}
.paging p{
    display:inline-block;
    width:64px;
    height:36px;
    line-height: 36px;
    border:1px solid #E0E1E2;
    color:#9B9B9B;
    margin:0 15px;
}
.paging span{
    width:36px;
    height:36px;
    line-height: 36px;
    display:inline-block;
    margin:0 5px;
    border:1px solid #E0E1E2;
}
.paging span.on{
    background-color: #4A4BE1;
    color:#fff;
}
.paging em{
    width: 46px;
    display:inline-block;
}

.mask{
    display:none;
    width:100%;z-index:98;
    height:100%;background:#000;
    opacity:.4;
    filter:alpha(opacity=40);
    position:
            fixed;
    top:0;
    left:0;
    _position:absolute;
    _height: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight))
}
.content-Wrap{
    overflow:hidden;
}

/*  end */


/**/
.contentCon01 .content-Wrap{
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow:0px 4px 8px 0px rgba(51,51,51,0.16);
}
.contentCon01 .content-Wrap li{
    padding:0 45px;
    height:58px;
    line-height: 58px;
}
.contentCon01 .content-Wrap li a{
    font-size:16px;
    text-decoration: none;
}
.contentCon01 .content-Wrap li i{
    float: right;
}
.contentCon01 .content-Wrap li a strong{
    width: 8px;
    height: 8px;
    border-radius:50%;
    display:inline-block;
    margin-right: 20px;
    background-color: #333333;
}
.contentCon01 .content-Wrap li:hover{
    background:#4a4bff;
}
.contentCon01 .content-Wrap li:hover a{
    color:#fff;
}
.contentCon01 .content-Wrap li:hover a strong{
    background-color: #fff;
}

/* */
.contentCon02 .content-Wrap{
    margin-bottom: 20px;
    padding-top: 30px;
    padding: 30px 105px 180px;
    width: 890px!important;
    background-color: #fff;
    box-shadow:0px 4px 8px 0px rgba(51,51,51,0.16);
}
.contentCon02 .content-Wrap h2{
    font-size:16px;
    text-align:center;
}
.contentCon02 .content-Wrap i{
    display:block;
    color:#999999;
    line-height: 40px;
    text-align:center;
}
.contentCon02 .content-Wrap span{
    line-height: 24px;
}
.contentCon02 .content-Wrap p{
    line-height: 24px;
    text-indent: 2rem;
}
.contentCon02 .content-Wrap em{
    text-align:right;
    width: 100%;
    margin-top: 25px;
    display: inline-block;
}
/* */
.contentCon03 .content-Wrap{
    padding-bottom: 326px;
}
.contentCon03 .content-Wrap p{
    font-size:16px;
    font-weight: 700;
    color:#333;
    line-height: 54pxq;
    margin-bottom: 10px;
}
.contentCon03 .content-Wrap div{
    width:252px;
    padding-top: 31px;
    height:161px;
    background:#fff;
    box-shadow:0px 3px 6px 0px rgba(56,57,112,0.18);
    display:inline-block;
    margin-right: 30px;
    text-align:center;
}
.contentCon03 .content-Wrap div a{
    width:226px;
    height:39px;
    line-height: 39px;
    display:inline-block;
    margin-top: 27px;
    color:#fff;
}
.contentCon03 .content-Wrap div .blueBtn{
    background-color: #4A4CE1;
}
.contentCon03 .content-Wrap div .redBtn{
    background-color: #FF9E5D;
}
.contentCon03 .content-Wrap div a img{
    margin-right: 12px;
    vertical-align: middle;
}
/* */
.contentCon04 .content-Wrap{
    margin: 20px auto;
    padding: 19px 0 312px;
    background-color: #fff;
    box-shadow:0px 4px 8px 0px rgba(51,51,51,0.16);
}
.contentCon04 .content-Wrap .titCon{
    line-height: 40px;
    height: 40px;
    text-align:center;
    border-bottom: 2px solid #F7F7F7;
}
.contentCon04 .content-Wrap .titCon p{
    line-height: 40px;
    display:inline-block;
    font-size:18px;
    font-weight: 700;
    border-bottom: 2px solid #4A4BE1;
}
.contentCon04 .content-Wrap .conBox{
    padding: 0 60px;
    width: 980px;
}
.contentCon04 .content-Wrap .conBox p{
    line-height: 50px;
}
.contentCon04 .content-Wrap .conBox p i{
    font-size:18px;
    color:#4A4CE1;
}
.contentCon04 .content-Wrap .conBox table{
    display:table;
    width: 980px;
    border-collapse:collapse;
}
.contentCon04 .content-Wrap .conBox table th{
    background-color: #F5F5F8;
    color:#999;
    height: 60px;
    line-height: 60px;
    padding-left: 51px;
}
.contentCon04 .content-Wrap .conBox table td{
    padding-left: 51px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #F7F7F7;
}
/* ?????? ???????? */
.contentCon05 .content-Wrap{
    margin-bottom: 20px;
    padding-top: 19px;
    background-color: #fff;
    box-shadow:0px 4px 8px 0px rgba(51,51,51,0.16);
}
.contentCon05 .content-Wrap .titCon{
    line-height: 40px;
    height: 40px;
    text-align:center;
    border-bottom: 2px solid #F7F7F7;
}
.contentCon05 .content-Wrap .titCon p{
    line-height: 40px;
    display:inline-block;
    font-size:18px;
    font-weight: 700;
    border-bottom: 2px solid #4A4BE1;
}

.contentCon05 .content-Wrap .teacher-Message{
    padding: 20px 60px 0;

}
.contentCon05 .content-Wrap .teacherTab{
    height: 60px;
    line-height: 60px;
    background-color: #F5F5F8;
    padding-left: 20px;
    margin-bottom: 30px;
}
.contentCon05 .content-Wrap .teacherTab a{
    margin: 0 20px;
}
.contentCon05 .content-Wrap .teacherTab a.on{
    text-decoration:underline;
    color:#4A4CE1;
}
.contentCon05 .content-Wrap ul{
    display:none;
}
.contentCon05 .content-Wrap ul li{
    padding:30px 0;
    border-bottom: 1px solid #F7F7F7;
    display:inline-block;
}
.contentCon05 .content-Wrap ul li .tet-list{
    width: 753px;
    padding:19px 0 0 28px;
    float: right;
}
.contentCon05 .content-Wrap ul li .tet-list p{
    line-height: 24px;
    color:#999;
    overflow : hidden;
}
.contentCon05 .content-Wrap ul li .tet-list p.open{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.contentCon05 .content-Wrap ul li .tet-list i{
    font-size:12px;
    text-align:right;
    line-height:40px;
    width: 100%;
    display:none;
}
.contentCon05 .content-Wrap ul li .tet-list em{
    line-height: 34px;
}
.contentCon05 .content-Wrap ul li .tet-list h3{
    display:inline-block;
    font-size:18px;
    color:#4A4CE1;
    margin-right: 15px;
}
.contentCon05 .paging {
    padding: 29px 0 20px;
}

.contentCon06 .content-Wrap .titCon{
    padding-top: 2px;
    font-size:16px;
    line-height: 52px;
}
.contentCon06 .content-Wrap .titCon i{
    font-size:18px;
    color:#FF9E5D;
}
.contentCon06 .content-Wrap .pay-Wrap{
    margin-bottom: 104px;
    background-color: #fff;
    padding-bottom: 30px;
    box-shadow:0px 4px 8px 0px rgba(51,51,51,0.16);
}
.contentCon06 .content-Wrap .payment-Method{
    border-bottom:2px solid #F7F7F7;
    display: inline-block;
    height: 48px;
    width: 100%;
}
.contentCon06 .content-Wrap .payment-Method a{
    width:220px;
    height:48px;
    background:#fff;
    border:1px solid 4a4bff;
    display:inline-block;
    text-align:center;
    line-height: 48px;
    font-size:16px;
    color:#4A4BE1;
    margin-right: 1px;
    float: left;
}
.contentCon06 .content-Wrap .payment-Method a.on{
    background-color: #4A4BE1;
    color:#fff;
}
.contentCon06 .content-Wrap  .card-wrap a{
    margin:20px 0 0 30px;
    width:184px;
    padding-top: 5px;
    height:50px;
    background-color: #fff;
    text-align:center;
    display:inline-block;
    border:1px solid #f5f5f8;
}
.contentCon06 .content-Wrap  .card-wrap a.active{
    border:1px solid #4A4BE1;
}
.contentCon06 .content-Wrap  .card-wrap p{
    font-size:12px;
    line-height: 68px;
    color:999;
    padding-left: 30px;
}
.contentCon06 .content-Wrap .payBtn{
    margin-top: 3px;
    width: 148px;
    height: 48px;
    font-size: 18px;
    line-height: 48px;
    color: #fff;
    display:block;
    text-align: center;
    margin: 0 auto;
    background: #ff9e5d;
}


/* */
.contentCon07 .content-Wrap{
    margin-bottom: 20px;
    background-color: #fff;
    padding-bottom: 83px;
    box-shadow:0px 4px 8px 0px rgba(51,51,51,0.16);
}
.contentCon07 .content-Wrap .titCon{
    font-size:16px;
    font-weight: 700;
    line-height: 74px;
    text-align:center;
}
.contentCon07 .content-Wrap .message-Wrap{
    color:#666;
    padding:0 333px;
}
.contentCon07 .content-Wrap .message-Wrap .sqcen {
    width:434px;
    clear: both;
    margin: 0 auto 8px;
}
.contentCon07 .content-Wrap .message-Wrap .sqcen .sqcen-c {
    color: #333333 !important;
    width: 300px;
    height: 48px;
    padding: 0 23px;
    border: 1px solid #EAEAEA !important;
    line-height: 48px;
    float: left;
}
.contentCon07 .content-Wrap .message-Wrap .sqcen textarea {
    width:300px;
    height:99px;
    background:#fff;
    border:1px solid #EAEAEA !important;
    vertical-align: top;
    color: #333333 !important;
    padding: 5px 23px 0;
}
.contentCon07 .content-Wrap .message-Wrap .sqcen span {
    float: left;
    height: 48px;
    display: inline-block;
    line-height:48px;
    width: 85px;
    font-size: 16px;
    color: #666;
}
.contentCon07 .content-Wrap .message-Wrap .sqbot{
    padding-left: 85px;
    padding-top: 22px;
}
.contentCon07 .content-Wrap .message-Wrap .sqbot a{
    width:148px;
    height:48px;
    background:#4A4BE1;
    line-height: 48px;
    font-size:18px;
    color:#fff;
    text-align:center;
    display:inline-block;
}

.contentCon07 .blink-Pop {
    display:none;
    text-align: center;
    z-index: 999;
    width:424px;
    height:217px;
    padding-top: 63px;
    background: #fff;
    position: fixed;
    left: 50%;
    margin-left: -212px;
    top: 20%;
    _position: absolute;
    _height: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)); }
.contentCon07 .blink-Pop .clo{
    float: right;
    position: absolute;
    right: 21px;
    top: 21px;
    width: 32px;
    height: 32px;
    background: url(/images/clo_07.png) no-repeat center top;
}
.contentCon07 .blink-Pop  p{
    font-size:22px;
    color:#666;
    padding-top: 5px;
    line-height: 48px;
}
.contentCon07 .blink-Pop em{
    font-size:16px;
    line-height: 16px;
    color:#666;
}

/* ?????? ????ï¿??????? */
.contentCon09 .blink-Pop{
    /* display:none; */
    z-index: 999;
    width:590px;
    background: #fff;
    position: fixed;
    left: 50%;
    margin-left: -295px;
    top: 10%;
    _position: absolute;
    _height: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight));
}

.contentCon09 .blink-Pop .titTop{
    height: 60px;
    line-height: 60px;
    border-bottom: 2px solid #F7F7F7;
}
.contentCon09 .blink-Pop .titTop ul{
    padding-left: 20px;
}
.contentCon09 .blink-Pop .titTop ul li{
    float: left;
    line-height: 60px;
    font-size:14px;
    width: 110px;
    text-align:center;
}
.contentCon09 .blink-Pop .titTop ul li.on{
    border-bottom: 2px solid #4A4BE1;
    font-size:18px;
}
.contentCon09 .blink-Pop .titTop ul li.on a{
    color: #4A4BE1;
}
.contentCon09 .blink-Pop .titTop .clo{
    float: right;
    width: 20px;
    height:22px;
    margin:21px 21px 0 0;
    background: url(/images/clo_07.png) no-repeat center top;
}
.contentCon09 .blink-Pop .login-Wrap{
    padding:0 106px 23px;
    display:none;
}
.contentCon09 .blink-Pop .errCon{
    padding-top: 18px;
    height: 24px;
    line-height: 24px;
    font-size:12px;
    color:#FA4E4E;
    padding-left: 85px;
}
.contentCon09 .blink-Pop .login-Wrap .message-Wrap .sqcen {
    width: 378px !important;;
    clear: both;
    margin: 0 auto 6px;
}
.contentCon09 .blink-Pop .message-Wrap .sqcen .sqcen-c {
    color: #333333 !important;
    width: 243px;
    height: 48px;
    padding: 0 24px;
    border: 1px solid #EAEAEA !important;
    line-height: 48px;
    float: left;
}
.contentCon09 .blink-Pop .message-Wrap .sqcen .sqcen-c.error{
    border: 1px solid #FA4E4E !important;
}
.contentCon09 .blink-Pop .message-Wrap .sqcen .sqcen-t{
    width: 185px;
}
.contentCon09 .blink-Pop .message-Wrap .sqcen span {
    float: left;
    height: 48px;
    display: inline-block;
    line-height:48px;
    width: 85px;
    font-size: 16px;
    color: #666;
}
.contentCon09 .blink-Pop .message-Wrap .sqcen a{
    color: #FF9E5D;
    width: 107px;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    position: absolute;
    right: 0;
    top: 17px;
    text-align: center;
    border-left: 1px solid #EAEAEA;
}
.contentCon09 .blink-Pop .loginBtn{
    width:378px;
    height:48px;
    line-height: 48px;
    font-size:18px;
    color:#fff;
    text-align:center;
    display:inline-block;
    background:#999999;
    margin-top: 14px;
}
.contentCon09 .blink-Pop .loginBtn.on{
    background:#4A4BE1;
}
.contentCon09 .blink-Pop p{
    line-height: 48px;
    text-align:center;
}
.contentCon09 .blink-Pop p a{
    color:#4A4BE1;
}


/* */
.contentCon09 .blink-Pop  .registered-Wrap{
    padding:0 90px 43px;
}
.contentCon09 .blink-Pop .registered-Wrap .errCon{
    padding-top: 18px;
    height: 24px;
    line-height: 24px;
    font-size:12px;
    color:#FA4E4E;
    padding-left:117px;
}
.contentCon09 .blink-Pop .message-Wrap .sqcen{
    width:410px;
    clear: both;
    margin: 0 auto 6px;
}
.contentCon09 .blink-Pop .registered-Wrap .message-Wrap .sqcen span{
    float: left;
    height: 48px;
    display: inline-block;
    line-height:48px;
    width: 117px;
    font-size: 16px;
    color: #666;
}
.contentCon09 .blink-Pop .registered-Wrap .loginBtn{
    width:410px;
    height:48px;
    line-height: 48px;
    font-size:18px;
    color:#fff;
    text-align:center;
    display:inline-block;
    background:#999999;
    margin-top: 14px;
}
.contentCon09 .blink-Pop .registered-Wrap .results-Wrap{
    padding: 113px 0 133px;
}
.contentCon09 .blink-Pop .registered-Wrap .results-Wrap h3{
    font-size:22px;;
    line-height: 22px;
    padding: 32px 0 18px;
    font-weight: 400;
    color:#666
}
.contentCon09 .blink-Pop .registered-Wrap .results-Wrap p{
    font-size:16px;
    line-height: 16px;
}
/* */
.contentCon10 .content-Wrap{
    padding: 30px auto 312px;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow:0px 4px 8px 0px rgba(51,51,51,0.16);
}

.contentCon10 .content-Wrap .content-Con{
    padding:30px 218px 73px;
}
.contentCon10 .content-Wrap .content-Con .sqcen{
    width:664px;
    clear: both;
    line-height: 48px;
    margin: 0 auto 10px;
}
.contentCon10 .content-Wrap .content-Con .sqcen span{
    float: left;
    height: 48px;
    display: inline-block;
    line-height:48px;
    width: 112px;
    font-size: 16px;
    color: #666;
}
.contentCon10 .content-Wrap .content-Con .sqcen .female{
    display:inline-block;
    width: 144px;
}
.contentCon10 .content-Wrap .content-Con .sqcen .sqcen-c {
    color: #333333 !important;
    width: 488px;
    height: 48px;
    padding: 0 30px;
    border: 1px solid #EAEAEA !important;
    line-height: 48px;
    float: left;
    position: relative;
}
.contentCon10 .content-Wrap .content-Con .sqcen .error .sqcen-c{
    border: 1px solid #FA4E4E !important;
}
.contentCon10 .content-Wrap .content-Con .sqcen label i {
    content: "\a0"; /*?????????��?????*/
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    width: 20px;
    height:20px;
    background: url(/images/nc_08.png) no-repeat center left;
    margin-right:10px;
    line-height: 1;
}
.contentCon10 .content-Wrap .content-Con .sqcen label.on i {
    background-clip: content-box;
    background: url(/images/yc_08.png) no-repeat center left;
}
.contentCon10 .content-Wrap .content-Con .sqcen input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    display:none;
}
.contentCon10 .content-Wrap .content-Con .sqcen .conRight{
    float: right;
    width: 550px;
}
.contentCon10 .content-Wrap .content-Con .sqcen .conRight p{
    background-color: #FF724C;
    width: 522px;
    padding: 9px 14px 9px 14px;
    display: inline-block;
    margin-top: 12px;
    position: relative;
    color: #fff;
}
.contentCon10 .content-Wrap .content-Con .sqcen .conRight p em{
    line-height: 18px;
}
.contentCon10 .content-Wrap .content-Con .sqcen .conRight p i{
    position: absolute;
    left: 50%;
    margin-left: -245px;
    top: -9px;
    background: url(/images/up_08.png) no-repeat center top;
    width: 14px;
    height: 9px;
    display: inline-block;
}
.contentCon10 .content-Wrap .content-Con .sqcen .conRight .upfileBtn{
    width:148px;
    height:48px;
    background-color: #4A4BE1;
    display:inline-block;
    font-size:18px;
    text-align:center;
    color:#fff;
    margin-top: 20px;
}
.contentCon10 .content-Wrap .content-Con .sqcen .conRight strong{
    color: #FA4E4E;
    display:none;
    position: absolute;
    line-height: 50px;
    padding-left: 16px;
}
.contentCon10 .content-Wrap .content-Con .sqcen .conRight strong img{
    margin-right: 6px;
}
.contentCon10 .content-Wrap .content-Con .sqcen .error strong{
    display:inline-block;
}

/**/
.contentCon11 .content-Wrap{
    margin:20px auto;
    background-color: #fff;
    padding: 30px 0 103px;
    box-shadow:0px 4px 8px 0px rgba(51,51,51,0.16);
}
.contentCon11 .content-Wrap table {
    width: 1054px;
    display:table;
    border-collapse:collapse;
    border-top: 1px solid #F5F5F8;
    border-left: 1px solid #F5F5F8;
    margin:0 auto;
}
.contentCon11 .content-Wrap table th,.contentCon11 .content-Wrap table td{
    border-right:1px solid #F5F5F8;
    border-bottom: 1px solid #F5F5F8;
}
.contentCon11 .content-Wrap table th{
    line-height: 50px;
    background-color: #F5F5F8;
    color:#999;
    padding-left: 20px;
}
.contentCon11 .content-Wrap table td{
    height: 200px;
    line-height:24px;
    padding-left: 25px;
}
.contentCon11 .content-Wrap table td .sign-up a{
    width:56px;
    height:31px;
    line-height: 31px;
    background:#4A4CE1;
    border-radius:1px;
    display:inline-block;
    font-size:12px;
    text-align:center;
    color:#fff;
}
.contentCon11 .content-Wrap table td div{
    display:none;
}
.contentCon11 .content-Wrap table td .Pay-cost em{
    font-size:12px;
    display:block;
    color:#999;
    line-height: 24px;
}
.contentCon11 .content-Wrap table td .Pay-cost a{
    width:56px;
    height:31px;
    line-height: 31px;
    background:#FF9E5D;
    border-radius:1px;
    display:inline-block;
    font-size:12px;
    text-align:center;
    color:#fff;
}

/* */
.contentCon12 .content-Wrap .content-Con{
    padding:30px 144px 20px 0;
    width: 694px;
    box-shadow:0px 4px 8px 0px rgba(51,51,51,0.16);
    background-color: #fff;
    margin-bottom: 20px;
}
.contentCon12 .content-Wrap .content-Con .sqcen{
    width:694px;
    clear: both;
    line-height: 48px;
    margin: 0 auto 10px;
}
.contentCon12 .content-Wrap .content-Con .sqcen span{
    float: left;
    height: 48px;
    display: inline-block;
    line-height:48px;
    width: 144px;
    font-size: 16px;
    color: #666;
    text-align:right;
}
.contentCon12 .content-Wrap .content-Con .sqcen .female{
    display:inline-block;
    width: 144px;
}
.contentCon12 .content-Wrap .content-Con .sqcen .sqcen-c {
    color: #333333 !important;
    width: 488px;
    height: 48px;
    padding: 0 30px;
    border: 1px solid #EAEAEA !important;
    line-height: 48px;
    float: left;
    position: relative;
}
.contentCon12 .content-Wrap .content-Con .sqcen .error .sqcen-c{
    border: 1px solid #FA4E4E !important;
}
.contentCon12 .content-Wrap .content-Con .sqcen label i {
    content: "\a0";
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    width: 20px;
    height:20px;
    background: url(/images/nc_08.png) no-repeat center left;
    margin-right:10px;
    line-height: 1;
}
.contentCon12 .content-Wrap .content-Con .sqcen label.on i {
    background-clip: content-box;
    background: url(../images/yc_08.png) no-repeat center left;
}
.contentCon12 .content-Wrap .content-Con .sqcen input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    display:none;
}
.contentCon12 .content-Wrap .content-Con .sqcen .conRight{
    float: right;
    width: 550px;
}
.contentCon12 .content-Wrap .content-Con .sqcen .conRight p{
    background-color: #FF724C;
    width: 522px;
    padding: 9px 14px 9px 14px;
    display: inline-block;
    margin-top: 12px;
    position: relative;
    color: #fff;
}
.contentCon12 .content-Wrap .content-Con .sqcen .conRight p em{
    line-height: 18px;
}
.contentCon12 .content-Wrap .content-Con .sqcen .conRight p i{
    position: absolute;
    left: 50%;
    margin-left: -245px;
    top: -9px;
    background: url(../images/up_08.png) no-repeat center top;
    width: 14px;
    height: 9px;
    display: inline-block;
}
.contentCon12 .content-Wrap .content-Con .sqcen .conRight .upfileBtn{
    width:148px;
    height:48px;
    background-color: #4A4BE1;
    display:inline-block;
    font-size:18px;
    text-align:center;
    color:#fff;
    margin-top: 20px;
}
.contentCon12 .content-Wrap .content-Con .sqcen .conRight strong{
    color: #FA4E4E;
    display:none;
    position: absolute;
    line-height: 50px;
    padding-left: 16px;
}
.contentCon12 .content-Wrap .content-Con .sqcen .conRight strong img{
    margin-right: 6px;
}
.contentCon12 .content-Wrap .content-Con .sqcen .error strong{
    display:inline-block;
}




/* ???????? ???��?��???��????????缴�?��?�页 */
.contentCon13 .content-Wrap .content-Con{
    padding:0 20px ;
    width: 798px;
    box-shadow:0px 4px 8px 0px rgba(51,51,51,0.16);
    background-color: #fff;
    margin-bottom: 20px;
}
.contentCon13 .content-Wrap .content-Con .warnCon .warnTit{
    color:#FF724C;
    font-size:12px;
    line-height: 40px;
}
.contentCon13 .content-Wrap .content-Con .warnCon img{
    margin-right: 7px;
}
.contentCon13 .content-Wrap .content-Con .warnCon table{
    display:table;
    width: 796px;
    border-collapse:collapse;
    border-top: 1px solid #F5F5F8;
    border-left: 1px solid #F5F5F8;
    margin-bottom: 20px;
}
.contentCon13 .content-Wrap .content-Con .warnCon table th,.contentCon13 .content-Wrap .content-Con .warnCon table td{
    border-right:1px solid #F5F5F8;
    border-bottom: 1px solid #F5F5F8;
    width: 234px;
    padding-left: 163px;
}
.contentCon13 .content-Wrap .content-Con .warnCon table th{
    height: 50px;
    background-color: #F5F5F8;
    color:#999;
}
.contentCon13 .content-Wrap .content-Con .warnCon table td{
    line-height: 39px;
}
.contentCon13 .content-Wrap .payment-Method{
    border-bottom:2px solid #F7F7F7;
    display: inline-block;
    height: 48px;
    width: 100%;
    margin-bottom: 20px;
}
.contentCon13 .content-Wrap .pay-Wrap{
    padding-bottom: 30px;
}
.contentCon13 .content-Wrap .payment-Method a{
    width:220px;
    height:48px;
    background:#fff;
    border:1px solid #4a4bff;
    display:inline-block;
    text-align:center;
    line-height: 48px;
    font-size:16px;
    color:#4A4BE1;
    margin-right: 1px;
    float: left;
}
.contentCon13 .content-Wrap .payment-Method a.on{
    background-color: #4A4BE1;
    color:#fff;
}
.contentCon13 .content-Wrap .card-wrap a{
    margin:0 7px 7px 0;
    width:152px;
    padding-top: 5px;
    height:39px;
    background-color: #fff;
    float: left;
    text-align:center;
    display:inline-block;
    border:1px solid #f5f5f8;
}
.contentCon13 .content-Wrap  .card-wrap a.active{
    border:1px solid #4A4BE1;
}
.contentCon13 .content-Wrap  .card-wrap{
    overflow:hidden;
}
.contentCon13 .content-Wrap .txt{
    font-size:12px;
    line-height: 50px;
    color:999;
    padding-bottom: 10px;
}
.contentCon13 .content-Wrap .payBtn{
    margin-top: 3px;
    width: 148px;
    height: 48px;
    font-size: 18px;
    line-height: 48px;
    color: #fff;
    display:block;
    text-align: center;
    margin: 0 auto;
    background: #ff9e5d;
}

/* */
.contentCon14 .content-Wrap .content-Con{
    padding:0 20px 289px;
    width: 798px;
    box-shadow:0px 4px 8px 0px rgba(51,51,51,0.16);
    background-color: #fff;
    margin-bottom: 20px;
}
.contentCon14 .content-Wrap .content-Con .warnCon .warnTit{
    color:#FF724C;
    font-size:12px;
    line-height: 40px;
}
.contentCon14 .content-Wrap .content-Con .warnCon img{
    margin-right: 7px;
}
.contentCon14 .content-Wrap .content-Con .warnCon table{
    display:table;
    width: 796px;
    border-collapse:collapse;
    border-top: 1px solid #F5F5F8;
    border-left: 1px solid #F5F5F8;
    margin-bottom: 20px;
}
.contentCon14 .content-Wrap .content-Con .warnCon table th,.contentCon14 .content-Wrap .content-Con .warnCon table td{
    border-right:1px solid #F5F5F8;
    border-bottom: 1px solid #F5F5F8;
    padding-left: 20px;
}
.contentCon14 .content-Wrap .content-Con .warnCon table th{
    height: 50px;
    background-color: #F5F5F8;
    color:#999;
}
.contentCon14 .content-Wrap .content-Con .warnCon table td{
    line-height: 39px;
    vertical-align:top;
    height: 39px;
}
.contentCon14 .content-Wrap .content-Con .warnCon table td a{
    width:73px;
    height:22px;
    display:inline-block;
    border-radius:1px;
    line-height: 22px;
    text-align:center;
    color:#fff;
    font-size:12px;
    margin-top: 8px;
}
.contentCon14 .bluBtn{
    background:#4A4CE1;
}
.contentCon14 .orgBtn{
    background:#FF9E5D;
}
.contentCon14 .content-Wrap .content-Con .warnCon .goStudy{
    width:148px;
    height:48px;
    background:#FF9E5D;
    line-height: 48px;
    font-size:18px;
    text-align:center;
    display:block;
    color:#fff;
    margin: 40px auto 0;

}
.contentCon15 .content-Wrap .content-Con{
    padding:0 20px 50px!important;
}

.contentCon15 .tableCon{
    height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: white;
}



.contentCon15 input[type="checkbox"] {
    display: none;
}

.contentCon15 label i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/gy_09.png) no-repeat center top;
    vertical-align: middle;
}
.contentCon15 label i {
    position: relative;
}

.contentCon15 label.on i {
    content: '';
    /* position: absolute; */
    width: 18px;
    height: 18px;
    background: url(../images/oy_05.png) no-repeat center top;
}


/* .contentCon15 input[type="checkbox"]:checked+label>i::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: url(/images/oy_05.png) no-repeat center top;
} */
.moreSty{
    width:8%;
    vertical-align:middle!important;
}

/* */



.contentCon16 .content-Wrap{
    margin-bottom: 20px;
    padding-top: 19px;
    background-color: #fff;
    box-shadow:0px 4px 8px 0px rgba(51,51,51,0.16);
}
.contentCon16 .content-Wrap .titCon{
    line-height: 40px;
    height: 40px;
    text-align:center;
    border-bottom: 2px solid #F7F7F7;
}
.contentCon16 .content-Wrap .titCon p{
    line-height: 40px;
    display:inline-block;
    font-size:18px;
    font-weight: 700;
    border-bottom: 2px solid #4A4BE1;
}

.contentCon16 .content-Wrap .teacher-Message{
    padding: 20px 23px 0;

}
.contentCon16 .content-Wrap .teacherTab{
    height: 60px;
    line-height: 60px;
    background-color: #F5F5F8;
    padding-left: 20px;
    margin-bottom: 20px;
}
.contentCon16 .content-Wrap .teacherTab a{
    margin: 0 20px;
}
.contentCon16 .content-Wrap .teacherTab a.on{
    text-decoration:underline;
    color:#4A4CE1;
}
.contentCon16 .content-Wrap .class-Inr{
    overflow:hidden;
}
.contentCon16 .content-Wrap .class-Inr ul{
    display:none;
}
.contentCon16 .content-Wrap .class-Inr li{
    width:254px;
    height:252px;
    background:#F7F7F7;
    float: left;
    position: relative;
    margin:11px 12px 30px 0;
}
.contentCon16 .content-Wrap .class-Inr li .divback{
    width:254px;
    height:252px;
}
.contentCon16 .content-Wrap .class-Inr li:hover .divon{
    display:inline-block;
}
.contentCon16 .content-Wrap .class-Inr li .divback p{
    font-size:18px;
    line-height: 27px;
    padding-top: 11px;
    font-weight: 700;
    text-align:center;

}
.contentCon16 .content-Wrap .class-Inr li .divon{
    display:none;
    background-color: #4A4BE1;
    position: absolute;
    left: 0;
    top: 0;
    padding: 13px 12px 0;
    width:230px;
    height:239px;
}
.contentCon16 .content-Wrap .class-Inr li .divon i{
    color:#FF9E5D;
    font-size:12px;
    line-height: 12px;
    margin-bottom: 22px;
    display:block;
}
.contentCon16 .content-Wrap .class-Inr li .divon i img{
    margin-right: 8px;
    vertical-align:bottom;
}
.contentCon16 .content-Wrap .class-Inr li .divon p{
    font-size:16px;
    color:#fff;
    padding-left: 43px;
    line-height: 35px;
}
.contentCon16 .content-Wrap .class-Inr li .divon a{
    width:193px;
    height:37px;
    line-height: 37px;
    background:#FF9E5D;
    border-radius:4px;
    font-size:18px;
    color:#fff;
    text-align:center;
    display:block;
    margin: 25px auto 0;
}
.contentCon16 .content-Wrap .class-Inr li .divon a img{
    vertical-align:-5px;
    margin-left: 10px;
}
.contentCon16 .paging {
    padding: 0 0 20px!important;
}

/* */
.Teacher-details{
    overflow:hidden;
    padding: 0 20px 20px;
    background: #fff;
    margin-bottom: 20px;
}
.Teacher-details .search-information{
    /* overflow: hidden; */
    padding: 18px 0 0;
    padding-left: 45px;
    margin-bottom: 20px;
}
.Teacher-details .search-information .searchBtn{
    height: 34px;
    padding: 0 20px;
    border-radius:5px;
    line-height: 34px;
    color:#fff;
    display:inline-block;
    background-color: #FF9E5D;
}
.Teacher-details .search-information .search-list{
    float: left;
    margin-right: 56px;
}
.Teacher-details .search-information .search-list span{
    padding-right: 8px;
    font-size: 14px;
    color: #333333;
    line-height: 32px;
    float: left;
}
.Teacher-details .search-information .search-list .p-list{
    width: 136px;
    height: 32px;
    line-height: 32px;
    padding-left: 20px;
    background: #FFFFFF;
    border: 1px solid #E0E1E2;
    border-radius: 4px;
    float: left;
    position: relative;
}
.Teacher-details .search-information .search-list .p-list .searchBtn{
    position: absolute;
    width: 32px;
    height: 32px;
    background: url(/images/t_03.png) no-repeat center center #E0E1E2;
    right: 0;
    top: 0;
}
.Teacher-details .search-information .search-list .p-list input{
    line-height: 32px;
    width: 94px;
    background:none;
    outline:none;
    border:none;
}
.Teacher-details table{
    border-left: 1px solid #F5F5F8;
    border-top: 1px solid #F5F5F8;
    border-collapse:collapse;
    display:inline-table;
}
.Teacher-details table th,.Teacher-details table td{
    border-right: 1px solid #F5F5F8;
    border-bottom: 1px solid #F5F5F8;
    padding: 0 20px;
}
.Teacher-details table th{
    line-height: 50px;
    height: 50px;
    text-align:center;
    word-break:keep-all;
    white-space:nowrap;
    background-color: #F5F5F8;
    color:#a6a6a7;
}
.Teacher-details table td{
    height: 96px;
    text-align: center;
}
.Teacher-details table td .more-msg{
    color:#4749d9;
}
.Teacher-details table td .toStudy{
    width: 66px;
    height: 24px;
    background: #FF9E5D;
    border-radius: 12px;
    line-height: 24px;
    color: #FFFFFF;
    text-align:center;
    display:inline-table;
}
.Teacher-details table td .block-pop{
    display:none;
    width: 382px;
    background: url(../images/daw_03.png) no-repeat center top #fff;
    border-radius: 10px;
    position: fixed;
    top: 300px;
    left: 50%;
    margin-left: -223px;
    box-shadow: 0px 4px 8px 0px rgba(51, 51, 51, 0.16);
    padding: 0 32px;
    text-align:left;
}
.Teacher-details table td .block-pop .tit{
    line-height: 52px;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 52px;
}
.Teacher-details table td .block-pop .tit em{
    width: 80px;
    height: 18px;
    background: linear-gradient(90deg, #F0F1FF 0%, #BCD2F7 100%);
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    color: #5D6BE7;
    line-height: 18px;
    display:inline-table;
    text-align:center;
    margin-left: 13px;
    vertical-align:4px;
}
.Teacher-details table td .block-pop p{
    font-size: 14px;
    font-family: FZLanTingHeiS-R-GB;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    padding: 15px 0 25px;
}
.Teacher-details table td .block-pop .close{
    width: 25px;
    height: 25px;
    position: absolute;
    top: 13px;
    right: 15px;
}
.Teacher-details .paging-con .prev-page,.Teacher-details .paging-con .next-page{
    width: 64px;
    height: 36px;
    border: 1px solid #E0E1E2;
    margin: 0 15px;
    line-height: 38px;
    text-align:center;
    display:inline-block;
}
.Teacher-details .paging-con .page{
    width: 36px;
    height: 36px;
    border: 1px solid #E0E1E2;
    margin: 0 5px;
    display:inline-block;
    text-align:center;
    line-height: 38px;
}
.Teacher-details .paging-con .page:hover,.Teacher-details .paging-con .page:active{
    background:#4A4BE1;
    border:1px solid #4A4BE1;
    color:#fff;
}
.Teacher-details .paging-con{
    text-align:center;
    padding-top: 20px;
}

/*jquery-select.tipxw?��???��??峰紡??峰�????�?*/
.select_boxhs {position:relative}
.select_boxhs select{display:none}
.select_boxhs input{padding:0;margin:0;cursor:pointer;position:absolute;top:0;left:0;background:none}
.select_boxhs i{position:absolute}
.select_boxhs ul {list-style-type:none;padding:0;margin:0;width:100%;display:none;position:absolute;overflow-x: hidden;overflow-y: auto}
.select_boxhs ul li{list-style-type:none;padding:0;margin:0}
.select_boxhs ul.show{display:block}

/*�????��??峰紡?��???��?�?*/
.yourSelect{float:left;width:156px;height:32px;font-family: "Microsoft Yahei"}
.yourSelect input{border:1px solid #E0E1E2;width:148px;overflow:hidden;height:32px;line-height:34px;padding:0 0 0 10px;font-family: "Microsoft Yahei";color:#333}
.yourSelect input.on{color:#666}
.yourSelect input.show{border:1px solid #E0E1E2}
.yourSelect ul {width:158px; border:1px solid #E0E1E2;background:#fff}
.yourSelect ul.show{border:1px solid #E0E1E2}
.yourSelect ul li {overflow:hidden;width:96%;cursor:pointer;line-height:30px;height:30px;padding:0 0 0 4%}
.yourSelect ul li.hover {background:#fff;color:#333;}

/* ????�???�????��?��?椤� */
.contentCon20 .layout{clear:both;margin:0 auto;width:1000px;text-align:center}
.contentCon20 .headerCon{height:116px;background:url(../images/hd_02.jpg) no-repeat center top}
.contentCon20 .loginCon{position:relative;padding-top:60px;height:759px;background:url(../images/bk_02.png) no-repeat center top}
.contentCon20 .loginCon .login-out{position:absolute;top:80px;left:50%;margin-left:425px;color:#222;line-height:34px}
.contentCon20 .loginCon .login-out img{margin-right:5px;vertical-align:middle}
.contentCon20 .loginCon .the-date{padding-left:86px;width:274px;background:url(../images/date_03.png) no-repeat center top;color:#fff;text-align:left;font-weight:700;font-size:14px;font-family:FZRuiZhengYuanS;line-height:38px}
.contentCon20 .loginCon .login-messageCon{position:relative;overflow:hidden;margin-top:24px;width:1000px;height:540px;border-radius:20px;background:#fff;box-shadow:0 11px 33px 0 rgba(160,172,181,.77)}
.contentCon20 .loginCon .login-messageCon .login-wrap{position:absolute;top:0;right:0;z-index:11;width:380px;height:540px}
.contentCon20 .loginCon .login-messageCon .login-wrap .noLogin{padding:86px 58px 0;text-align:center}
.contentCon20 .loginCon .login-messageCon .login-wrap .noLogin .tit{margin-bottom:15px;color:#222;font-weight:400;font-size:26px;line-height:26px}
.contentCon20 .loginCon .login-messageCon .login-wrap .noLogin .line{display:inline-block;margin-bottom:50px;width:50px;height:6px;border-radius:3px;background:#f0f6f9;vertical-align:top}
.contentCon20 .loginCon .login-messageCon .login-wrap .noLogin .import-message .sqcen{position:relative;margin-bottom:18px;width:264px;height:38px;border-radius:4px;background:#f0f6f9}
.contentCon20 .loginCon .login-messageCon .login-wrap .noLogin .import-message .sqcen img{position:absolute;top:2px;right:0}
.contentCon20 .loginCon .login-messageCon .login-wrap .noLogin .import-message .sqcen span{float:left;display:inline-block;width:85px;height:38px;border-radius:4px 0 0 4px;background:linear-gradient(-90deg,#60bbe3,#55add6);color:#fff;text-align:center;font-size:14px;font-family:FZLanTingHeiS-R-GB;line-height:34px;line-height:38px}
.contentCon20 .loginCon .login-messageCon .login-wrap .noLogin .import-message .sqcen input{padding-left:10px;outline:0;border:none;background:0 0;color:#333;line-height:38px}
.contentCon20 .loginCon .login-messageCon .login-wrap .noLogin .import-message .loginBtn{display:inline-block;margin:6px 0 18px;width:263px;height:38px;border-radius:19px;background:linear-gradient(-90deg,#60bbe3,#15a1de);color:#fff;text-align:center;line-height:38px}
.contentCon20 .loginCon .login-messageCon .login-wrap .noLogin .import-message .link-con{vertical-align:top;line-height:12px}
.contentCon20 .loginCon .login-messageCon .login-wrap .noLogin .import-message .link-con a{display:inline-block;padding:0 24px;color:#6e808f;font-size:12px;font-family:FZLanTingHeiS-R-GB;line-height:12px;line-height:12px}
.contentCon20 .loginCon .login-messageCon .login-wrap .noLogin .import-message .link-con a.br{border-right:1px solid #85939e}
.contentCon20 .focus-mod,.focus-mod .focusContent{position:relative;z-index:1;overflow:hidden}
.contentCon20 .focus-mod,.focus-mod .focusContent ul{margin:0}
.contentCon20 .focus-mod .focusDot{position:absolute;bottom:18px;left:288px;z-index:3;width:44px;height:16px;border-radius:8px;background:rgba(0,0,0,.3);text-align:center;font-size:0}
.contentCon20 .focus-mod .focusDot li{display:inline-block;overflow:hidden;margin:4px 5px 0;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);line-height:100px}
.contentCon20 .focus-mod .focusDot li.on{background:#fff}
.contentCon20 .loginCon .login-messageCon .login-wrap .yesLogin .long-line{display:inline-block;margin-bottom:86px;width:109px;height:6px;border-radius:3px;background:#f0f6f9}
.contentCon20 .loginCon .login-messageCon .login-wrap .yesLogin .userImg{display:block;margin:0 auto;width:94px;height:94px;border-radius:50%}
.contentCon20 .loginCon .login-messageCon .login-wrap .yesLogin .user-name{color:#222;font-size:18px;line-height:46px}
.contentCon20 .loginCon .login-messageCon .login-wrap .yesLogin .user-message{margin-top:34px;background:url(../images/jy_03.png) no-repeat center top}
.contentCon20 .loginCon .login-messageCon .login-wrap .yesLogin .user-message .p-list{display:inline-block;width:123px;height:100px;text-align:center}
.contentCon20 .loginCon .login-messageCon .login-wrap .yesLogin .user-message .p-list span{margin-bottom:8px;color:#ff9059;font-weight:400;font-size:32px;line-height:52px}
.contentCon20 .loginCon .login-messageCon .login-wrap .yesLogin .user-message .p-list p{margin:0 auto;width:92px;height:34px;border-radius:4px;background:#f0f0f0;color:#222;line-height:34px}
.contentCon20 .loginCon .login-messageCon .login-wrap .yesLogin .link-enter{padding-top:45px}
.contentCon20 .loginCon .login-messageCon .login-wrap .yesLogin .link-enter a{display:inline-block;margin:0 16px;width:144px;height:38px;border-radius:19px;color:#fff;text-align:center;line-height:38px}
.contentCon20 .loginCon .login-messageCon .login-wrap .yesLogin .link-enter a.blue{background:linear-gradient(-90deg,#60bbe3,#15a1de)}
.contentCon20 .loginCon .login-messageCon .login-wrap .yesLogin .link-enter a.org{background:linear-gradient(-90deg,#ff8f58,#ffa477)}
.contentCon20 .bottom-wrap{height:145px;background:#18609a}
.contentCon20 .bottom-wrap .fl{padding-top:42px;text-align:left}
.contentCon20 .bottom-wrap p{color:#fff;line-height:30px}
.contentCon20 .bottom-wrap .fr{padding-top:27px}
.contentCon20 .bottom-wrap .fr em{float:right;color:#fff;line-height:13px}
.contentCon20 .bottom-wrap .fr img{float:right;margin-right:10px}
/* ????�???�????��?��?椤�  end*/

html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
body{background:#fff;color:#222;font:400 14px/1.5 "\5FAE\8F6F\96C5\9ED1",Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
input,select,textarea{font-size:100%}
article,aside,audio,canvas,footer,header,img,nav,section,video{display:block}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
ol,ul{list-style:none}
caption,th{text-align:left}
q:after,q:before{content:''}
button{outline:0;border:none}
a{color:#333}
a:hover{text-decoration:none}
a,ins{text-decoration:none}
textarea{resize:none}
iframe,img{border:0}
img{display:block;max-width:100%}
ol,ul{list-style:none}
input,select,textarea{outline:0;-webkit-user-modify:read-write-plaintext-only}
input{-webkit-appearance:none}
em,i{font-style:normal}
.pr{position:relative}
.abs{position:absolute}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fl{float:left}
.fr{float:right}
.wrap{min-width:320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative}
body{background:linear-gradient(180deg,#c4edfe 0,#fff 20%,#fff 100%)}
h1{font-size:.48rem;line-height:1.2rem;text-align:center}
h2{text-align:center;font-size:.3733rem;line-height:1.28rem;text-align:center;margin-bottom:.3333rem;font-weight:400;}
.form-container{padding:0 .4rem;width:9.2rem}
.input-line{border-bottom:.0267rem solid #eee;height:1.3067rem;line-height:1.3067rem}
label{display:inline-block;font-size:.4rem;padding-left:.0267rem;width:2.2rem;letter-spacing:.0267rem}
form input[type=text]{width:6.5333rem;border:none;height:1.3067rem;vertical-align:top;font-size:.4rem;background:0 0;letter-spacing:.0267rem;color:#333}
form input[type=text]::placeholder{color:#ccc}
form input[type=text]::-webkit-input-placeholder{color:#ccc}
form input[type=text]::-moz-placeholder{color:#ccc;opacity:1}
form input[type=text]:-ms-input-placeholder{color:#ccc}
form input[type=text]::-ms-input-placeholder{color:#ccc}
form input[type=submit]{background-color:#007bff;color:#fff;padding:.1333rem .2rem;border:none;border-radius:.04rem;cursor:pointer}
form input[type=submit]:hover{background-color:#0056b3}
form textarea{width:8.4533rem;height:3.1467rem;background:#f9fcfe;color:#999;border-radius:.16rem;margin-top:0;font-size:.32rem;color:#999;line-height:.4533rem;text-align:left;font-style:normal;padding:.3733rem;letter-spacing:0;border:none}
.rating{width:6.5333rem;display:inline-block;vertical-align:top}
.rating input[type=radio]{display:none}
.rating .star{font-size:.4rem;cursor:pointer;background:url(/OtherItem/images/guizhoujixujiaoyu/star.png) no-repeat;background-size:100% 100%;width:.4667rem;height:.44rem;display:inline-block;margin:.4667rem .16rem 0 0}
.rating .star.active{background:url(/OtherItem/images/guizhoujixujiaoyu/star_yellow.png) no-repeat;background-size:100% 100%;width:.4667rem;height:.44rem;display:inline-block}
.button-top{    border-top: .0267rem solid #f5f5f5;display: inline-block;width: 10rem;text-align: center;position: fixed;bottom: 0;left: 0;right: 0;}
button{width:9.2rem;height:1.0667rem;background:#409eff;border-radius:.5333rem;font-size:.3733rem;color:#fff;line-height:1.0667rem;text-align:center;font-style:normal;display:inline-block;margin:.1733rem auto .1867rem}