@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;}
.ml0{
    margin-right: 0!important;
}
/*����??��?����??�??*/
.layout{ clear:both;width:1100px;text-align:left;margin:0 auto;}

.sml-guide{
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}
.sml-guide i{
    color: #006ABD;
}
.sml-guide a{
    color: #006ABD;
    float: right;
    line-height: 40px;
    font-size: 18px;
}
.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:rgba(74,75,225,1);
}
.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 rgba(74, 75, 225, 1);
    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 rgba(245, 245, 248, 1);
}
.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: rgba(255,158,93,1);
}


/* �?��?�椤�? ��?��??椤�??��椤�/��?��??椤�??��??����???�����???��??�?  */
.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:rgba(255,255,255,1);
    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: absolute;
    left: 50%;
    margin-left: -295px;
    top: 5%;
    _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 #006abd;
    font-size:18px;
}
.contentCon09 .blink-Pop .titTop ul li.on a{
    color: #006abd;
}
.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: 410px !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: 106px;
    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:#006abd;
}
.contentCon09 .blink-Pop p{
    line-height: 48px;
    text-align:center;
}
.contentCon09 .blink-Pop p a{
    color:#006abd;
}


/* �??���椤�? */
.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 input[type="radio"] + label::before {
    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 input[type="radio"]:checked + label::before {
    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);
}
.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: 197px;
}
.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 input[type="radio"] + label::before {
    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 input[type="radio"]:checked + label::before {
    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);
}
.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: #0082e7;
    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: 870px;
    box-shadow:0px 4px 8px 0px rgba(51,51,51,0.16);
    background-color: #fff;
    margin-bottom: 20px;
    min-height: 539px;
}
.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: 870px;
    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;
    text-align: center;
}
.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 rgba(74, 75, 225, 1);
    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 rgba(245, 245, 248, 1);
}
.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: rgba(255,158,93,1);
}

/* �?�����椤�? �???����??��?��???���椤�?/�?����?�椤�? �???����?����??��?�椤�?*/
.contentCon14 .content-Wrap .content-Con{
    padding:0 20px 289px;
    width: 870px;
    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: 870px;
    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;
}
.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 .grBtn{
    background: #dcd8d8;
}
.contentCon14 .orgBtn{
    background:#FF9E5D;
}
.contentCon14 .content-Wrap .content-Con .warnCon .goStudy{
    width:148px;
    height:48px;
    background:#0082e7;
    line-height: 48px;
    font-size:18px;
    text-align:center;
    display:block;
    color:#fff;
    margin: 40px auto 0;

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





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

.contentCon15 input[type="checkbox"]+label>i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/gy_09.png) no-repeat center top;
    vertical-align: middle;
}
.contentCon15 input[type="checkbox"]:checked+label>i {
    position: relative;
}
.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;
}

.footerWrap{
    text-align:center;
    font-size:16spx;
    line-height: 28px;
    color:#fff;
    background-color: #2b2b2b;
    padding:45px 0;
}
.footerWrap .layout{
    text-align:center!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: 125px;
    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: #006abd;
}
.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{
    height: 52px;
    line-height: 52px;
    font-size: 19px;
    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;
}

.select_boxhs {position:relative}
.select_boxhs select{display:none;overflow: hidden;}
.select_boxhs input{padding:0;margin:0;cursor:pointer;position:absolute;top:0;left:0;background:url(../images/re_01.png) no-repeat 145px -6px;}
.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:155px;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 i{display:block;width:12px;height:12px;background:#ddd;top:14px;right:6px;border-radius:10px 10px 0 0;transition:all .3s linear}
.yourSelect i.on{background:#a7cee2;transform:rotateZ(180deg)} */
.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;}

.update-Wrap h2{font-weight:700;font-size:18px;color:#333;line-height:18px;padding-bottom:20px;border-bottom:1px solid #f0f0f0;margin-bottom:20px}
.update-Wrap .course-type-container .course-type-item{width:362px;height:160px;background:#f9fbff;float:left;border-radius:10px;margin-right:20px;border:1px solid #ddf;padding:26px 0 0 26px}
.update-Wrap .course-type-container .course-type-item:nth-child(even){margin-right:0}
.update-Wrap .course-type-container .course-type-item .fa-graduation-cap h3{font-weight:700;font-size:16px;color:#333;line-height:16px;display:inline-block;margin-left:10px;vertical-align:2px;cursor:default;}
.update-Wrap .course-type-container .course-type-item p{font-size:14px;color:#555;line-height:26px;width:363px;padding:10px 0 0;margin-bottom:15px;min-height:51px;cursor:default;}
.update-Wrap .course-type-container .course-type-item button{width:110px;height:28px;background:#494ce1;border-radius:14px;font-size:14px;color:#fff;line-height:28px;border:none;cursor:pointer;}