@charset "utf-8";

body {
    font: 14px/1.5 "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1,\9ED1\4F53", "Heiti SC", tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
    margin: 0 auto;
    color: #333;
    background: #d3ecfc;
}
body{
    min-width: 1200px;
    background: url(/images/zhuanti/2024sztjzj/banner_img.jpg) no-repeat top,#d3ecfc;
}
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;
    vertical-align: top;
}

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

i, em, address, caption, cite, code, dfn, th, var {
    font-style: normal;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: none;
}

input, textarea, a, a:hover {
    outline: none;
}

textarea {
    resize: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}
.ml0{
    margin-left: 0 !important;
}
.fl {
    float: left;
    _display: inline;
}

.fr {
    float: right;
    _display: inline;
}

.pr {
    position: relative;
}

.abs {
    position: absolute;
}

.hide {
    display: none;
}


.header-wrap {
    /* background: #fff; */
    height: 70px;
}

.layout {
    width: 1200px;
    margin: 0 auto;
}


.banner{
    height: 338px;
    background: url(/images/zhuanti/2024sztjzj/banner_img01.png) no-repeat top center;
}
.banner img{
    position: absolute;
}
.banner_img01{
    position: absolute;
    width: 490px;
    height: 60px;
    left: 41px;
    top: 60px;
    background: url(/images/zhuanti/2024sztjzj/banner_gif01.gif) no-repeat top center;

}
.banner_img02{
    position: absolute;
    width: 400px;
    height: 338px;
    right: 116px;
    top: 0px;
    background: url(/images/zhuanti/2024sztjzj/banner_gif02.gif) no-repeat top center;

}
/* .banner img:first-child{
    left: 41px;
    top: 60px;
    
} */
/* .banner img:last-child{
    right: 116px;
    top: 0px;
} */
.main_all{
    /* position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 408px; */
    margin-bottom: 15px;
}
.all_txt_bg{
    background: url(/images/zhuanti/2024sztjzj/m_bg_top.png) no-repeat top center,#fff;;
    box-sizing: border-box;
    border-radius: 20px;
}
.glow_y{
    padding: 44px 40px 40px;
    background: url(/images/zhuanti/2024sztjzj/m_top_bg01.png) no-repeat top center,#fff;;
}
.g_txt{
    display: flex;
    align-items: center;
    justify-content: center;
}
.glow_y_info{
    font-size: 16px;
    line-height: 32px;
    color: #333;
    margin-top: 32px;
    margin-bottom: 38px;
}
.glow_y_post_tit{
    background: url(/images/zhuanti/2024sztjzj/g_y_post_txt.png) no-repeat top center;
    padding-top: 16px;
}

.glow_y_post_tit h3{
    font-size: 23px;
    color: #fff;
    text-shadow: 0px 2px 2px rgba(248, 76, 0, 0.33);
    margin-left: 30px;
    margin-bottom: 36px;
    line-height: 1;
}
.glow_y_post_tit ul{
    margin-left: 30px;
}
.glow_y_post_tit ul li{
    width: 160px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    border-radius: 5px 15px 5px 15px;
    color: #fa6400;
    font-size: 16px;
    font-weight: 600;
    background: linear-gradient(to right,#fff0da,#ffffff);
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
    transition: transform 0.3s ease;;
    position: relative;
    overflow: hidden;
}
.glow_y_post_tit ul li:after {
    content: "";
    position: absolute;
    left: -120%;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));
    transform: skewx(-25deg);
    -webkit-transform: skewx(-25deg)
  }
.glow_y_post_tit ul li:hover::after { 
    transition: all 1.5s ease;
    left: 100% 
}
.glow_y_post_tit ul li.last{
    background: none;
    font-size: 17px ;
    color: #fff6ed;
    margin-left: 10px;
    width: auto;
    font-weight: 500;
}
.glow_y_post_tit ul li.last:after{
    display: none;
}
.glow_y_post_rule{
    background: url(/images/zhuanti/2024sztjzj/g_y_post_rule.png) no-repeat top center;
    padding-top: 16px;
    padding-bottom: 27px;
    margin-top: 30px;
    position: relative;
}
.glow_y_post_rule h3{
    font-size: 22px;
    background: -webkit-linear-gradient(#5f0001, #110001);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    line-height: 1;
    margin-bottom: 36px;
    margin-left: 30px;
}
.glow_y_post_rule ul li{
    font-size: 16px;
    color: #333;
    line-height: 32px;
    margin-left: 36px;
}
.tule_people_img{
    position: absolute;
    right: 50px;
    bottom: 0;
}
/* 财会名师集结地 */
.famous_tea{
    margin-top: 40px;
    padding-top: 40px;
}
.famous_tea_list {
    width: 1140px;
    margin: 0px auto;
    margin-top: 37px;
    background: url(/images/zhuanti/2024sztjzj/famous_tea_main.png) no-repeat top center;
    padding: 20px 0 43px 0;
    box-sizing: border-box;
}
.famous_tea_list h3{
    font-size: 28px;
    display: flex;
    align-items: center;
    color: #fff;
    margin-bottom: 26px;
    margin-left: 30px;
    text-shadow: 0 0 6px rgba(255, 132, 0, 0.63);
}
.famous_tea_list h3 i{
    display: block;
    width: 1px;
    height: 20px;
    background: #fff;
    margin: 0 20px;
}
.famous_tea_list h3 span{
    font-size: 22px;
    font-weight: 500;
    text-shadow: none;
}
.famous_tea_list .swiper-container{
    width: 1080px;
    margin: 0 auto; 
    padding-bottom: 30px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 0;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    width: 16px;
    height: 6px;
    border-radius: 3px;
    background: #ff7900;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
    background: #fff;
}
.famous_tea_list ul{
    margin-left: 0px;
}
.famous_tea_list ul li{
    width: 346px;
    padding: 10px 10px 20px 10px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 20px;
    float: left;
    margin-right: 20px;
    box-shadow: 0 0px 15px 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: 23px;
}
.famous_tea_list ul li h5{
    font-size: 20px;
    color: #333;
    text-align: center;
    line-height: 1;
}
.famous_tea_list ul li p{
    font-size: 14px;
    text-align: center;
    margin-top: 14px;
    background: linear-gradient(to right,#fff,#fff7e4,#fff);
    line-height: 32px;
}
.famous_tea_list ul li a{
    display: block;
    width: 160px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    border: 1px solid #ffa320;
    font-size: 16px;
    color: #ff7e00;
    margin: 0 auto;
    margin-top: 20px;
}
.pro_con{
    margin-top: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.pro_con_list{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}
.pro_con_list a{
    display: block;
    width: 270px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: #fff2dc;
    border-radius: 10px;
    border: 1px solid #ffdfa9;
    color: #333;
    font-size: 24px; 
    margin-right: 30px;
}
.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: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffb035;
    left: 130px;
    bottom: -10px;
}
.pro_con_list_form{
    padding: 30px 0 0 30px;
    background: linear-gradient(to bottom,#fef6e7,#fff);
    border-radius: 20px;
    width: 1140px;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 20px;
}
.pro_input{
    display: flex;
    align-items: center;
    float: left;
    margin-bottom: 20px;
}
.pro_input label{
    font-size: 16px;
    width: 90px;
    text-align: right;
    color: #333;
    margin-right: 8px;
}
.pro_input input{
    background: #fff;
    width: 140px;
    height: 36px;
    border: 1px solid #fde5bd;
    border-radius: 5px;
    padding: 0 6px;
    box-sizing: border-box;
}
.pro_input span{
    color: #ff0000;
    font-size: 16px;
    margin-left: 4px;
    line-height: 1;
    height: 11px;
    display: block;
}
.pro_input textarea{
    width: 968px;
    border: 1px solid #fde5bd;
    border-radius: 5px;
    padding: 16px;
    box-sizing: border-box;

}
.self_count input{
    width: 485px;
}
.pro_input_textarea{
    align-items: flex-start;
}
.pro_input_textarea label{
    margin-top: 10px;
}
.word-count{
    position: absolute;
    bottom: 10px; /* 根据padding-bottom调整 */
    right: 10px;
    color: #999;
    font-size: 14px;
}
.pro_con_file{
    display: block;
    width: 100px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    background: #ffebd0;
    border-radius: 5px;
    border: 1px solid #ffb943;
    font-size: 14px;
    color: #ff7e00;
    margin-left: 99px;
    position: relative;
}
.pro_con_form_file{
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.pro_con_form_file span{
    font-size: 12px;
    color: #999;
    margin-left: 10px;
}
.pro_con_form_file_img{
    margin: 0px 0 0px 99px;
}
.pro_con_form_file_img ul li{
    width: 60px;
    height: 60px;
    border: 1px solid #ccc;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    float: left;
    margin: 10px 20px 10px 0;
}
.pro_con_form_file_img ul li img{
    width: 60px;
    cursor: pointer;
    max-height: 60px;
}
.pro_con_form_file_img ul li i,.input_wrap_word i{
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    background: url(/images/zhuanti/2024sztjzj/cer_close.png) no-repeat center;
}
.input_wrap_word{
    display: none;
    position: relative;
}
.pro_con_file_video01{
    display: block;
    margin-left: 10px;
}
.input_wrap_word a{
    display: block;
    background: #fff;
    width: auto;
    height: 36px;
    border: 1px solid #fde5bd;
    border-radius: 5px;
    padding: 0 10px;
    box-sizing: border-box;
    line-height: 36px;
   
}
.video_list{
    display: flex;

}
.input_wrap_word .video_list a{
    position: relative;
    margin-left: 10px;
}

.certinput input{
    width: 100px;
    height: 30px;
    border: 0;
}
.pro_input input.cert_other{
    width: 90px;
    height: 30px;
    border: 1px solid #fde5bd;
}
.img_tip{
    display: block;
    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;
}

input.cert_other::-webkit-input-placeholder {
    color: #333;
    font-size: 12px;
}

input.cert_other::-moz-placeholder {
    color: #333;
    font-size: 12px;
}

input.cert_other:-moz-placeholder {
    color: #333;
    font-size: 12px;
}

input.cert_other:-ms-input-placeholder {
    color: #333;
    font-size: 12px;
}
.pro_con_big_img{
    background: #fff;
    width: 900px;
    height: 560px;
    position: relative;
}
.pro_con_big_img ul li{
    width: 900px;
    height: 560px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-button-next, .swiper-button-prev{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.pro_con_big_img .swiper-button-prev{
    background: url(/images/zhuanti/2024sztjzj/big_img_left.png);
}
.pro_con_big_img .swiper-button-next{
    background: url(/images/zhuanti/2024sztjzj/big_img_right.png);
}
.pro_con_big_img ul li img{
    max-width: 900px;
    width: auto;
}
.pro_con_big_img .big_close_btn{
    position: absolute;
    right: -40px;
    top: -40px;
    width: 38px;
    height: 38px;
    background: url(/images/zhuanti/2024sztjzj/img_b_close.png) no-repeat center;
    cursor: pointer;   
}
input.file{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.01;
    cursor: pointer;
}
.sumbit_btn{
    display: block;
    width: 170px;
    height: 40px;
    border-radius: 20px;
    background: #ffa626;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 25px;
}
.warn{
    text-align: center;
    color: #999;
    font-size: 14px;
    margin-top: 15px;
}
.banner_form{
    margin-top: 35px;
    width: 1010px;
    height: 233px;
    padding-top: 22px;
    box-sizing: border-box;
    background: url(/images/zhuanti/2024sztjzj/banner_form_bg.png) no-repeat top center;
}
.banner_form_product{
    margin-left: 200px;
    margin-top: 30px;
}
.banner_form_product li{
    margin-left: 30px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center; 
    flex-direction: column;
    width: 232px;
    height: 137px;
    background: url(/images/zhuanti/2024sztjzj/b_form_p_bg.png) no-repeat center;
}
.banner_form_product li span{
    font-size: 16px;
    color: #ff8100;
    margin-top: 17px;
    font-weight: 600;
}

/*  */
.learn_more{
    margin-top: 28px;
}
.about_us_info{
    width: 386px;
    height: 300px;
    padding: 37px 20px 0 30px;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-right: 20px;
}
.about_us_info:last-child{
    margin-right: 0;
}
.about_us_info h6{
    font-size: 22px;
    color: #333;
}
.about_us_info .line{
    display: block;
    width: 28px;
    height: 2px;
    background: #ffa626;
    margin-top: 20px;
    margin-bottom: 16px;
}
.about_us_info p{
    font-size: 16px;
    color: #333;
    line-height: 32px;
    
}
.about_us_info a{
    position: absolute;
    bottom: 34px;
    right: 20px;
    color: #ff9600;
    font-size: 16px;
}
.about_us_info ul li{
    font-size: 16px;
    color: #333;
}

.select_boxhs {
    position: relative;
    display: inline-block;
  }
  
  .select_boxhs select {
    display: none
  }
  
  .select_boxhs input {
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    padding-left: 10px;
    color: #8D92A1;
  }
  
  .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;
    box-shadow: 0 0 6px 1px #f5f5f5;
    height: auto;
  }
  
  .select_boxhs ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    line-height: 30px;
    background: #F5F6F8;
    cursor: pointer;
    height: 30px;
    padding-left: 15px;
    box-sizing: border-box;
  }
  .select_boxhs ul li:hover{
    background: #e5e5e5;
  }
  
  .select_boxhs ul.show {
    display: block
  }
  .select_boxhs select{
    width: 282px;
    height: 38px;
    background: #fff;
    border-radius: 5px;
    padding-left: 10px;
    color: #333;
    text-align: left;
    margin-right: 0;
    box-sizing: border-box;
    display: block;
  }
  .changeafter .typeInfo .info .select_boxhs input{
    background: url(/OtherItem/images/2023zhengshuChaxun/d_03.png) no-repeat 257px center #EFF0F3;
  }
  .sexpeSelects select{
    width: 110px;
    border-color: #fde5bd;
  }


  .fun-select {
    width: 110px;
    height: 34px;
    border: 1px solid #fde5bd;
    background-color: #fff;
    cursor: pointer;
    z-index: 10;
    position: relative;
    border-radius: 5px;
  }
  
  .fun-select select {
    display: none;
  }
  
  .fun-select .t-select {
    height: 36px;
    line-height: 36px;
    padding: 0 30px 0 10px;
    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: 180px;
    _height: 180px;
    overflow-y: auto;
    background: #fff;
    position: absolute;
    top: 100%;
    left: -1px;
    border: 1px solid #e0e0e0;
  }
  
  .fun-select .t-options li {
    line-height: 16px;
    padding: 7px 8px;
    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: 140px;
  }
  .teachtype{
    display: none;
    width: 148px;
    padding: 11px 0;
    top: 44px;
    left: 98px;
    background: #fff;
    border-radius: 6px;
    z-index: 99;
    border: 1px solid  #fde5bd;
    box-shadow: 0 0 7px 3px rgba(255, 184, 65, .11);
  }
  .teachtype::before{
    position: absolute;
    display: block;
    content: "";
    left: 30px;
    top: -6px;
    border-bottom: 6px solid #fff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
  }
  .teachtype li{
    height: 35px;
    display: flex;
    align-items: center;
    padding-left: 15px;
    box-sizing: border-box;
    font-size: 14px;
    color: #333;
    cursor: pointer;
  }
  .teachtype li i{
    width: 14px;
    height: 14px;
    margin-right: 9px;
    border: 1px solid #999;
    border-radius: 4px;
    cursor: pointer;

  }
  .teachTypeVal{
    cursor: pointer;
    width: 140px;
    height: 36px;
    line-height: 36px;
    padding: 0 30px 0 10px;
    box-sizing: border-box;
    border: 1px solid  #fde5bd;
    background: #fff;
    overflow: hidden;
    white-space: normal;
    border-radius: 5px;
    background: url(//www.chinaacc.com/images/zhuanti/ckds9/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;
  }
  .teachtype li.on{
    background: #fef7ea;
    color: #ffa626;
    font-weight: bold;
  }
  .teachtype li.on i{
    background: url(/images/zhuanti/2024sztjzj/check_box_bg.png) no-repeat center;
    background-size: 100% 100%;
    border: 1px solid #ffa726;
}
  .address-dialog {
    width: 538px;
    margin-left: -269px;
}

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

 .form-area {
    width: 124px;
    position: relative;
    z-index: 1;
    float: left;
}

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

 .form-area strong {
    width: auto;
    display: block;
    padding: 6px 20px 6px 14px;
    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: #333;
}

 .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: #333;
}

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

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

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

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

.address-warm {
    color: #f00;
    margin-top: 20px;
}
.video_flex{
    align-items: flex-start;
}
.video_flex label{
    margin-top: 5px;
}
.video_flex .video_info p{
    margin-top: 5px;
    color: #999;
}