@charset "utf-8";

body {
    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, arial, STHeiTi, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0 auto;
    padding: 0;
    background: #fff;
    color: #333;
}

p, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe {
    margin: 0;
    padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

video embed, video object, video iframe, video {
    width: 100%;
    height: auto;
}
body{
    background: url(/images/zhuanti/sztjzj/banner_img.png) no-repeat top,#fff;
    background-size: 100% auto;
    padding-bottom: .2667rem;
    height: auto;
    width: 10rem;
    margin: 0 auto;
    overflow-x: hidden;
}
img {
    max-width: 100%;
    vertical-align: top;
    border: 0;
    -ms-interpolation-mode: bicubic;
    -webkit-touch-callout: none;
}

li, ol, ul {
    list-style: none
}

i, em, cite {
    font-style: normal;
}
.pr{
    position: relative;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

a {
    color: #333;
    text-decoration: none;
    outline: none;
}
input:focus {
    background-color: transparent;
  }
textarea {
    resize: none
}

input, input:focus, select, textarea, button {
    outline: 0;
    -webkit-user-modify: read-write-plaintext-only;
    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, arial, STHeiTi, sans-serif;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tc {
    text-align: center;
}

.banner{
    position: relative;
    height: 8.64rem;
    /* background: url(/images/zhuanti/sztjzj/banner_img01.png) no-repeat top center; */
}
.banner img{
    position: absolute;
}
.banner_img01{
    position: absolute;
    width: 6.9467rem;
    height: .8rem;
    left: 50%;
    margin-left: -3.47rem;
    top: .9333rem;
    background: url(/images/zhuanti/sztjzj/banner_gif011.gif) no-repeat;
    background-size: 100% 100%;

}
.banner_img02{
    position: absolute;
    width: 10rem;
    height: 3.3333rem;
    right: 0;
    top: 3.8667rem;
    background: url(/images/zhuanti/sztjzj/banner_gif02.gif) no-repeat;
    background-size: 100% 100%;
}


.all_txt_bg{
    background: url(/images/zhuanti/sztjzj/m_bg_top.png) no-repeat top center,#fff;;
    background-size: 100% auto;
    box-sizing: border-box;
    border-radius: .2667rem;
    width: 9.4667rem;
    margin: 0 auto;
    box-shadow: 0 0 .2667rem 0px rgba(0, 0, 0, 0.1);
}
.glow_y{
    padding: .56rem .2667rem .2667rem;
}
.g_txt{
    display: flex;
    align-items: center;
    justify-content: center;  
}
.glow_y .g_txt img{
    width: 6.7467rem;
}
.glow_y_info{
    font-size: .3467rem;
    line-height: .5867rem;
    color: #420001;
    margin-top: .48rem;
    margin-bottom: 38px;
}
.glow_y_post_tit{
    background: url(/images/zhuanti/sztjzj/g_y_post_txt.png) no-repeat top center;
    background-size: 100% 100%;
    padding-top: .2933rem;
    width: 8.9467rem;
    height: 4.5867rem;
}

.glow_y_post_tit h3{
    font-size: .4267rem;
    color: #fff;
    text-shadow: 0px 2px 2px rgba(248, 76, 0, 0.33);
    margin-left: .48rem;
    margin-bottom: .48rem;
    line-height: 1;
}
.glow_y_post_tit ul{
    margin-left: .2667rem;
}
.glow_y_post_tit ul li{
    width: 2.6133rem;
    height: .8rem;
    text-align: center;
    line-height: .8rem;
    border-radius: .0667rem .24rem .0667rem .24rem;
    color: #fa6400;
    font-size: .3467rem;
    font-weight: 600;
    background: linear-gradient(to right,#fff0da,#ffffff);
    margin-right: .2667rem;
    margin-bottom: .2667rem;
    float: left;
    cursor: pointer;
    overflow: hidden;
}

.glow_y_post_tit ul li.last{
    background: none;
    font-size: .2667rem ;
    color: #fff6ed;
    margin-left: 10px;
    width: auto;
    font-weight: 500;
    margin-left: 0;
    line-height: 1;
}
.glow_y_post_rule{
    width: 8.9467rem;
    height: 6.8533rem;
    background: url(/images/zhuanti/sztjzj/g_y_post_rule.png) no-repeat top center;
    background-size: 100% 100%;
    padding-top: .2667rem;
    padding-bottom: .2667rem;
    margin-top: .24rem;
    position: relative;
}
.glow_y_post_rule h3{
    font-size: .4267rem;
    background: -webkit-linear-gradient(#5f0001, #110001);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    line-height: 1;
    margin-bottom: .48rem;
    margin-left: .48rem;
}
.glow_y_post_rule ul li{
    font-size: .3467rem;
    color: #333;
    line-height: .48rem;
    margin-left: .48rem;
    display: flex;
    align-items: flex-start;
    margin-bottom: .2667rem;

}
.glow_y_post_rule ul li i{
    display: block;
    width: .08rem;
    height: .08rem;
    background-color: #333;
    border-radius: 50%;
    margin-top: .16rem;
    margin-right: .1333rem;
}
.tule_people_img{
    width: 3.7067rem;
    position: absolute;
    right: -0.1333rem;
    bottom: 0;
}
/* 财会名师集结地 */
.famous_tea{
    margin-top: .4267rem;
    padding-top: .5333rem;
    padding-bottom: .5333rem;
}
.famous_tea .g_txt img{
    width: 7.8133rem;
}
.famous_tea_list {
    width: 8.9467rem;
    height: 7.3867rem;
    margin: 0px auto;
    margin-top: .56rem;
    background: url(/images/zhuanti/sztjzj/famous_tea_main.png) no-repeat top center;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: .3467rem 0 .2667rem 0;
    box-sizing: border-box;
    overflow: hidden;
}
.famous_tea_list h3{
    display: flex;
    align-items: center;
    font-size: .4rem;
    font-weight: 600;
    color: #fff;
    margin-left: .32rem;
    margin-bottom: .5333rem;
    line-height: 1;
}
.famous_tea_list h3 i{
    width: .0267rem;
    height: .3467rem;
    background: #fff;
    margin: 0 .16rem;
}
.famous_tea_list h3 span{
    font-size: .2933rem;
    line-height: 1;
}
.famous_tea_list ul{
    margin-left: .2667rem;
}
.famous_tea_list ul li{
    width: 4.6133rem;
    padding: .1333rem .1333rem .2667rem .1333rem;
    box-sizing: border-box;
    background: #fff;
    border-radius: .2667rem;
    float: left;
    margin-right: .2667rem;
    box-shadow: 0 0px .1867rem 1px rgba(255, 132, 0, 0.63);
}   
.famous_tea_list ul li:last-child{
    margin-right: 0;
}
.famous_tea_list ul li img{
    margin-bottom: .2667rem;
}
.famous_tea_list ul li h5{
    font-size: .32rem;
    color: #333;
    text-align: center;
    line-height: 1;
}
.famous_tea_list ul li p{
    font-size: .2667rem;
    text-align: center;
    margin-top: .2667rem;
    background: linear-gradient(to right,#fff,#fff7e4,#fff);
    line-height: .2933rem;
    height: .5867rem;
}
.famous_tea_list ul li a{
    display: block;
    width: 2.1333rem;
    height: .6933rem;
    text-align: center;
    line-height: .6933rem;
    border-radius: .3467rem;
    border: 1px solid #ffa320;
    font-size: .3467rem;
    color: #ff7e00;
    margin: 0 auto;
    margin-top: .2667rem;
    font-weight: 600;
}
.famous_tea_list_con{
    padding-bottom: .5333rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: .0533rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets 
.swiper-pagination-bullet-active{
    background: #fff;
}
.famous_tea_list_con .swiper-pagination-bullet{
    width: .2667rem;
    height: .1067rem;
    border-radius: .0533rem;
    background: #ff7900;
}
.famous_tea_list_con .teacher_btn{
    display: flex;
    align-items: center;
    justify-content: center;
}
.famous_tea_list_con .teacher_btn a{
    width: 2.1333rem;
    height: .6933rem;
    line-height: .6933rem;
    font-size: .32rem;
}
.famous_tea_list_con .teacher_btn a.vide0_detail{
    margin-right: .1333rem;
}
/*  */
.pro_con{
    margin-top: .5333rem;
    padding-top: .5333rem;
    padding-bottom: .2667rem;
}
.pro_con .g_txt img{
    width: 8.7467rem;
}
.pro_con_list{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .5067rem;
}
.pro_con_list a{
    display: block;
    width: 3.6rem;
    height: .9333rem;
    text-align: center;
    line-height: .9333rem;
    background: #fff2dc;
    border-radius: .1333rem;
    border: .0133rem solid #ffdfa9;
    color: #333;
    font-size: .4267rem; 
    margin-right: .4rem;
}
.pro_con_list a.on{
    border-color: #fff;
    background: linear-gradient(to right,#ffa421,#ffbc48);
    color: #fff;
    font-weight: 600;
    position: relative;
}
.pro_con_list a.on::after{
    display: block;
    content: "";
    position: absolute;
    border-left: .1333rem solid transparent;
    border-right: .1333rem solid transparent;
    border-top: .1333rem solid #ffb035;
    left: 1.6533rem;
    bottom: -0.1067rem;
}
.pro_con_list_form{
    /* padding: 30px 0 0 30px; */
    /* background: linear-gradient(to bottom,#fef6e7,#fff); */
    border-radius: .2667rem;
    width: 9.4rem;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: .5333rem;
}
.pro_input{
    display: flex;
    align-items: center;
    margin-bottom: .2667rem;
}
.pro_input label{
    font-size: .3733rem;
    width: 2.4533rem;
    text-align: right;
    color: #333;
    margin-right: .1067rem;
}
.pro_input input{
    background: #fff;
    width: 6.1333rem;
    height: .96rem;
    border: .0133rem solid #fde5bd;
    border-radius: .0667rem;
    padding: 0 .2667rem;
    box-sizing: border-box;
    color: #666;
    font-size: .3733rem;
}
.pro_input span{
    color: #ff0000;
    font-size: .2133rem;
    margin-left: .1333rem;
    line-height: 1;
    height: .2133rem;
    display: block;
}
.pro_input textarea{
    width: 6.1333rem;
    border: .0133rem solid #fde5bd;
    border-radius: .0667rem;
    padding: .2133rem;
    box-sizing: border-box;
    color: #666;
    font-size: .3733rem;
}
.pro_input_textarea{
    align-items: flex-start;
}
.pro_input_textarea label{
    margin-top: .1333rem;
}
.word-count{
    position: absolute;
    bottom: .16rem; /* 根据padding-bottom调整 */
    right: .16rem;
    color: #999;
    font-size: .32rem;
}
.pro_con_file{
    display: block;
    width: 1.8667rem;
    height: .8rem;
    text-align: center;
    line-height: .8rem;
    background: #ffebd0;
    border-radius: .0667rem;
    border: .0133rem solid #ffb943;
    font-size: .32rem;
    color: #ff7e00;
    /* margin-left: 99px; */
    position: relative;
}
.pro_con_form_file{
    margin-bottom: .2667rem;
    margin-left: 2.5867rem;
    padding-right: .2667rem;
}
.pro_con_form_file span{
    display: block;
    font-size: .2933rem;
    color: #999;
    margin-top: .1333rem;
    line-height: 1.4;
}
.pro_con_form_file_img{
    margin: .1333rem 0 .1333rem 2.5867rem;
}
.pro_con_form_file_img ul li{
    width: 1.6rem;
    height: 1.6rem;
    border: .0133rem solid #ccc;
    border-radius: .1333rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    float: left;
    margin-right: .2667rem;
    margin-bottom: .1333rem;
}
.pro_con_form_file_img ul li img{
    width: 1.6rem;
    cursor: pointer;
    max-height: 1.6rem;
}
.pro_con_form_file_img ul li i,.input_wrap_word i{
    cursor: pointer;
    position: absolute;
    right: -0.1333rem;
    top: -0.1333rem;
    width: .4267rem;
    height: .4rem;
    background: url(/images/zhuanti/sztjzj/cer_close.png) no-repeat center;
    background-size: 100% 100%;
}
.pro_con_file input.file{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.01;
    cursor: pointer;
}
.sumbit_btn{
    display: block;
    width: 8.8rem;
    height: 1.0667rem;
    border-radius: .5333rem;
    background: #ffa626;
    text-align: center;
    line-height: 1.0667rem;
    color: #fff;
    font-size: .4267rem;
    margin: 0 auto;
    margin-top: .48rem;
}
.warn{
    text-align: center;
    color: #999;
    font-size: .2933rem;
    margin-top: .1867rem;
}
.banner_form{
    width: 8.8rem;
    height: 5.2267rem;
    padding-top: .5333rem;
    box-sizing: border-box;
    background: url(/images/zhuanti/sztjzj/banner_form_bg.png) no-repeat top center;
    background-size: 100% 100%;
    margin: 0 auto;
    margin-top: .48rem;

}
.banner_form .g_txt{
    display: block;
    align-items: flex-start;
}
.banner_form .g_txt img{
    margin-left: .4533rem;
    width: 5.8667rem;
}
.banner_form_product{
    /* margin-left: 200px; */
    margin-top: .64rem;
}
.banner_form_product li{
    margin-left: .2667rem;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center; 
    flex-direction: column;
    width: 2.5333rem;
    height: 2.7333rem;
    background: url(/images/zhuanti/sztjzj/b_form_p_bg.png) no-repeat center;
    background-size: 100% 100%;
}
.banner_form_product li span{
    font-size: .32rem;
    color: #ff8100;
    margin-top: .32rem;
    font-weight: 600;
    text-align: center;
}
.p_img01{
    width: 1.28rem;
}
.p_img02{
    width: 1.48rem;
}
.p_img03{
    width: 1.9333rem;
}
/*  */
.learn_more{
    margin-top: .2667rem;
    margin-left: .2667rem;
    box-shadow: 0 0 .2667rem 0px rgba(0, 0, 0, 0.1);
}
.about_us_info{
    width: 5.5333rem !important;
    height: 4.8933rem;
    padding: .5333rem .3467rem 0 .3467rem;
    box-sizing: border-box;
    position: relative;
    margin-right: .2667rem;
}
.about_us_info:last-child{
    margin-right: 0;
}
.about_us_info h6{
    font-size: .3733rem;
    color: #333;
}
.about_us_info .line{
    display: block;
    width: .4267rem;
    height: .0267rem;
    background: #ffa626;
    margin-top: .2133rem;
    margin-bottom: .3467rem;
}
.about_us_info p{
    font-size: .32rem;
    color: #333;
    line-height: .48rem;
    
}
.about_us_info a{
    position: absolute;
    bottom: .5333rem;
    right: .4rem;
    color: #ff9600;
    font-size: .32rem;
}
.about_us_info ul li{
    font-size: .32rem;
    color: #333;
    display: flex;
    align-items: flex-start;
    margin-top: .1333rem;
    line-height: .4267rem;
}
.about_us_info ul li i{
    width: .08rem;
    height: .08rem;
    display: block;
    border-radius: 50%;
    margin-right: .1333rem;
    margin-top: .1333rem;
    background: #666;
}
.about_us_img{
    width: 2.64rem;
}
.advan_img{
    width: 3.3467rem;
}
.honor_img{
    width: 1.8667rem;
}

/*  */

.fun-select {
    width: 6.1333rem;
    height: .96rem;
    border: .0133rem solid #fde5bd;
    background-color: #fff;
    cursor: pointer;
    z-index: 10;
    position: relative;
    box-sizing: border-box;
  }
  
  .fun-select select {
    display: none;
  }
  
  .fun-select .t-select {
    height: .96rem;
    line-height: .96rem;
    padding: 0 .4rem 0 .4rem;
    overflow: hidden;
    white-space: normal;
    background: url(//www.chinaacc.com/images/zhuanti/ckds9/fun-select.png) no-repeat right top 1px;
    -moz-transition: background-position .3s ease;
    -webkit-transition: background-position .3s ease;
    transition: background-position .3s ease;
  }
  
  .fun-select .t-select-open {
    background-position: right -30px;
  }
  
  .fun-select .t-options {
    width: 100%;
    max-height: 2.6667rem;
    _height: 2.6667rem;
    overflow-y: auto;
    background: #fff;
    position: absolute;
    top: 100%;
    left: -1px;
    border: .0133rem solid #e0e0e0;
  }
  
  .fun-select .t-options li {
    line-height: 16px;
    padding: .1067rem .1333rem;
    cursor: pointer;
    margin-bottom: 0;
  }
  
  .fun-select .t-options li.open-hover {
    background: #f3f3f3;
    color: #ffc836;
  }
  
  .t-sel-z {
    z-index: 90;
  }
  .teachType.fun-select{
    width: 6.1333rem;
  }


  .address-dialog {
    width: 538px;
    margin-left: -269px;
}

 .form-box input, .form-area strong {
    width: 100%;
    height: 22px;
    padding: 6px 0;
    border: 1px solid #fde5bd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-indent: 14px;
}

 .form-area {
    width: 2.9333rem;
    position: relative;
    z-index: 999;
    float: left;
}

 .form-area + .form-area {
    margin-left: 10px;
}

 .form-area strong {
    width: auto;
    display: block;
    padding: .16rem 1.0667rem .08rem .1867rem;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
    text-indent: 0;
    background: url(/images/zhuanti/20211111/form-area-icon.png) no-repeat right center,#fff;
}

 .form-area .placeholder-default {
    color: #999;
}

 .areaSelect {
    max-height: 104px;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    padding: 5px 0;
    margin-top: -1px;
    background: #fff;
    border: 1px solid #fde5bd;
    display: none;
}

 .areaSelect dd {
    height: 24px;
    padding: 2px 10px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

 .areaSelect dd:hover {
    color: #ff3c48;
}

 .form-box input::-webkit-input-placeholder {
    color: #999;
}

 .form-box input::-moz-placeholder {
    color: #999;
}

 .form-box input:-moz-placeholder {
    color: #999;
}

 .form-box input:-ms-input-placeholder {
    color: #999;
}

.address-error {
    height: 30px;
    line-height: 18px;
    color: #f00;
    text-align: center;
}

.address-warm {
    color: #f00;
    margin-top: 20px;
}


/*  */
/*jquery-select.tipxw固定样式请勿动*/
body.body_selectBoxhs_on {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%
  }
  
  .select_boxzIndex {
    z-index: 80;
  }
  
  .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 span.cover {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
  }
  
  .select_boxhs i {
    position: absolute
  }
  
  .select_boxhs .select_boxhsBg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 1
  }
  
  .select_boxhs .select_boxhsCon {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    z-index: 2
  }
  
  .select_boxhs .select_boxhsCon ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%
  }
  
  .select_boxhs .select_boxhsCon ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    overflow: hidden
  }
  
  /*此处样式自定义*/
  .yourSelect,.zp_input {
    height: .96rem;
    border: .0133rem solid #fde5bd;
    width: 6.1333rem;
    box-sizing: border-box;
    border-radius: .08rem;
    text-align: center;
  }
  .zp_input {
    line-height: .96rem;
    text-align: left;
    color: #666;
    padding-left: .2667rem;
    box-sizing: border-box;
    font-size: .3733rem;
    white-space: nowrap; /* 确保文本在一行内显示 */
  overflow: hidden; /* 隐藏溢出的内容 */
  text-overflow: ellipsis; /* 使用省略号表示溢出的文本 */
  }
  .pro_city .yourSelect{
    width: 2.9867rem;
  }
  .provice{
    margin-right: .1333rem;
  }

  .yourSelect input {
    display: block;
    width: 100%;
    padding: 0 .2667rem;
    box-sizing: border-box;
    border: 0;
    border-radius: 0;
    overflow: hidden;
    height: .96rem;
    line-height: .96rem;
    font-family: "Microsoft Yahei";
    color: #666;
    font-size: .3733rem;
  }
  
  .yourSelect input.on {
    color: #666
  }
  
 
  .div_out{
    width: 6.6667rem;
  }
  .yourSelect i {
    display: block;
    /* width: 12px;
    height: 12px;
    background: #ddd; */
    top: .3733rem;
    right: .2667rem;
    /* border-radius: 10px 10px 0 0; */
    background: url(/images/zhuanti/sztjzj/fun-select.png) no-repeat right top 1px, #fff;
    width: .32rem;
    height: .32rem;
    background-position: 0px -.2667rem;
  }
  
  .yourSelect i.on {
    background-position: .0267rem -1.0667rem;
  }
  
  .yourSelect .select_boxhsBg {
    background: #000;
    opacity: .3
  }
  
  .yourSelect .select_boxhsCon {
    max-height: 7.2rem;
    background: #fff
  }
  
  .yourSelect .select_boxhsCon ul li {
    line-height: 1.2rem;
    height: 1.2rem;
    text-align: center;
    font-size: .4rem;
    font-family: "Microsoft Yahei";
    border-bottom: 1px solid #eee
  }
  .input_wrap_word{
    display: none;
    position: relative;
}
  .input_wrap_word a{
    display: block;
    background: #fff;
    width: 6.133rem;
    height: 36px;
    border: 1px solid #fde5bd;
    border-radius: 5px;
    padding: 0 10px;
    box-sizing: border-box;
    line-height: 36px;
   font-size: .32rem;
}
.pro_con_file_video01{
    display: block;
    margin-left: 2.5067rem;
    margin-top: .2667rem;
}

.teachTypeAll{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}
.teachall{
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.teachTypeAll .teachall h3{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .2667rem;
    border-bottom: .0133rem solid #e5e5e5;
}
.teachTypeAll .teachall h3 span{
    font-size: .3733rem;
    color: #999;
    font-weight: 600;
}
.teachTypeAll .teachall h3 span:last-child{
    color: #ff9600;
}
.teachTypeVal{
    font-size: .32rem;
    width: 6.1333rem;
    height: .96rem;
    line-height: .96rem;
    padding: 0 .2667rem 0 .2667rem;
    box-sizing: border-box;
    border: .0133rem solid  #fde5bd;
    background: #fff;
    overflow: hidden;
    white-space: normal;
    background: url(/images/zhuanti/sztjzj/fun-select.png) no-repeat right top 1px,#fff;
    -moz-transition: background-position .3s ease;
    -webkit-transition: background-position .3s ease;
    transition: background-position .3s ease;
    border-radius: .08rem;
  }
.teachtype{
    display: block;
    width: 100%;
    padding: .2667rem 0;

    background: #fff;
    border-radius: .08rem .08rem 0 0;
    z-index: 99;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .teachtype li{
    height: .9333rem;
    display: flex;
    align-items: center;
    padding-left: 15px;
    box-sizing: border-box;
    font-size: .3733rem;
    color: #333;
    cursor: pointer;
    margin-left: .4rem;
  }
  .teachtype li i{
    width: .3733rem;
    height: .3733rem;
    margin-right: 9px;
    border: .0133rem solid #999;
    border-radius: .0533rem;
    cursor: pointer;

  }
.teachtype li input{
    width: 2.9333rem;
    background: inherit;
    border: 0;
    
  }
.teachtype li input.cert_other{
    border: .0133rem solid #fde5bd;
    font-size: .32rem;
    height: .6933rem;
    border-radius: .0533rem;
    padding-left: .2667rem;
}
.teachtype li.on{
    background: #fef7ea;
    color: #ffa626;
    font-weight: bold;
  }
  .teachtype li.on i{
    background: url(/images/zhuanti/sztjzj/check_box_bg.png) no-repeat center;
    background-size: 100% 100%;
    border: .0133rem solid #ffa726;
}
.video_info{
    font-size: .32rem;
    color: #999;
    margin-left: .8rem;
}


.img_tip{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    display: none;
}
.pro_con_big_img{
    background: #fff;
    width: 8rem;
    height: 10.6667rem;
    position: relative;
}
.pro_con_big_img ul li{
    width: 8rem;
    height: 10.6667rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-button-next, .swiper-button-prev{
    width: .6667rem;
    height: .6667rem;
    border-radius: 50%;
}
.pro_con_big_img .swiper-button-prev{
    background: url(/images/zhuanti/sztjzj/big_img_left.png);
    background-size: 100%;
}
.pro_con_big_img .swiper-button-next{
    background: url(/images/zhuanti/sztjzj/big_img_right.png);
    background-size: 100%;
}
.pro_con_big_img ul li img{
    max-width: 8rem;
    width: auto;
}
.pro_con_big_img .big_close_btn{
    position: absolute;
    right: 0;
    top: -0.8rem;
    width: .5333rem;
    height: .5333rem;
    background: url(/images/zhuanti/sztjzj/img_b_close.png) no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;   
}