body{ margin: 0; padding: 0;
  /* font-family: 'youyuan'; */
}
html{ scroll-behavior:smooth;}
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.cl:after{ content: ''; clear: both; display: table;}
a{ text-decoration: none !important;}
input, textarea{ font-size: 0.24rem;}

#newBridge{ display: none !important;}

.menu-link{
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    }
    .menu-link {border-radius:5px; box-sizing: border-box; position:absolute; top:50%; margin-top:-19px; right: 5px; font-size: 12px;z-index: 10;width:42px;height:42px; padding:6px 8px;}
    .menu-link span {position: relative;display: block;margin-top:12px;}
    .menu-link span,
    .menu-link span:before,
    .menu-link span:after {background-color: #fff; border-radius:1.5px; width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
    
    .menu-link span{ width:90%;}
    .menu-link span:before{ width:110%;}
    .menu-link span:after{ width:80%;}
    .menu-link.active span,.menu-link.active span:before,.menu-link.active span:after{ width:100%;}
    
    .menu-link span:before,
    .menu-link span:after {position: absolute; right: 0; top: -.7em;content: " ";}
    .menu-link span:after {top: .7em;}
    .menu-link.active span {background: transparent;}
    .menu-link.active span:before { background-color:#fff;
    -webkit-transform: rotate(45deg) translate(.5em, .4em);
    -moz-transform: rotate(45deg) translate(.5em, .4em);
    -ms-transform: rotate(45deg) translate(.5em, .4em);
    -o-transform: rotate(45deg) translate(.5em, .4em);
    transform: rotate(45deg) translate(.5em, .4em);
    }
    .menu-link.active span:after { background-color:#fff;
    -webkit-transform: rotate(-45deg) translate(.6em, -.5em);
    -moz-transform: rotate(-45deg) translate(.6em, -.5em);
    -ms-transform: rotate(-45deg) translate(.6em, -.5em);
    -o-transform: rotate(-45deg) translate(.6em, -.5em);
    transform: rotate(-45deg) translate(.6em, -.5em);
    }

@font-face {
	font-family: 'youyuan';
	src: url('../xs_fonts/youyuan.TTF');
	font-weight: normal;
	font-style: normal;
	font-display: swap;;
}


/*导航开始*/
.container{ padding: 0 0.35rem;}
.row{ margin: 0 -0.1rem;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{ padding: 0 0.1rem;}

/* 底部导航 */
.foot_nav{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: 90; background: #fff; box-shadow: 0 -1px 2px rgba(0,0,0,0.1);}
.foot_nav ul{ display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;}
.foot_nav ul li{ width: 50%; text-align: center;}
.foot_nav ul li a{ font-size: 0.28rem; color: #333333; display: block; padding: 0.12rem 0; font-family: Arial, Helvetica, sans-serif;}
.foot_nav ul li i{ display: block; font-size: 0.4rem; color: #9f9f9f;}
.foot_nav ul li.active a{ color: #851712;}
.foot_nav ul li.active a i{ color: #851712;}
/* 1-1首页 */


.bj_eeeeee{ background: #eee; min-height: 100vh; padding: 0.6rem 0; padding-bottom: 1.15rem;}
.s_title span img{ width: 0.46rem; display: inline-block; vertical-align: middle;}
.s_title span em{ display: inline-block; font-style: normal; font-size: 0.24rem; line-height: 0.36rem; vertical-align: middle; color: #666; transform: scale(0.9);}
.s_title span{
  /* padding-right: 2.2rem; */
  position: relative; display: block;}
.s_title .sky{ position: absolute; right: 0; top: 0.05rem; width: 2.2rem; height: 0.44rem; line-height: 0.44rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; background: rgba(0,0,0,0.3); border-radius: 0.22rem; text-align: center;}
.s_title h5{ font-size: 0.32rem; color: #000; line-height: 0.56rem; margin: 0; margin-top: 0.2rem;}

h1.bjjb_h1{ font-size: 0.32rem; color: #333; margin-bottom: 0.3rem; line-height: 0.46rem;}


.flex_3{ margin: 0.6rem 0;}
.flex_3 ul{ display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;}
.flex_3 ul li{ width: 33.33%; text-align: center;}
.flex_3 ul li a{ color: #000; font-size: 0.28rem;}
.flex_3 ul li span{ display: block; margin: 0 auto; margin-bottom: 0.2rem; width: 1.4rem; height: 1.4rem; border-radius: 50%; background: #fff; box-shadow: 0px 1px 4px rgba(0,0,0,0.3); position: relative;}
.flex_3 ul li img{ display: block; max-width: 76%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto;}

.flex_4{ background: #fff; border-radius: 0.36rem; padding: 0.2rem 0;}
.flex_4 ul{ display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;}
.flex_4 ul li{ width: 25%; text-align: center; margin: 0.25rem 0;}
.flex_4 ul li a{ color: #000; font-size: 0.28rem;}
.flex_4 ul li i{ display: block; margin: 0 auto; margin-bottom: 0.2rem; width: 1rem; height: 1rem; border-radius: 50%; line-height: 1rem; font-size: 0.4rem; color: #fff;}
.flex_4 ul li:nth-child(1) i{background-image: linear-gradient(135deg, #e1bd49, #deab2d);}
.flex_4 ul li:nth-child(2) i{background-image: linear-gradient(135deg, #c55c59, #b62d2d);}
.flex_4 ul li:nth-child(3) i{background-image: linear-gradient(135deg, #7763c0, #6a56a7);}
.flex_4 ul li:nth-child(4) i{background-image: linear-gradient(135deg, #528dcb, #4374aa);}
.flex_4 ul li:nth-child(5) i{background-image: linear-gradient(135deg, #cd6398, #b74762);}
.flex_4 ul li:nth-child(6) i{background-image: linear-gradient(135deg, #83bc56, #5c803a);}
.flex_4 ul li:nth-child(7) i{background-image: linear-gradient(135deg, #c55b59, #b62e2e);}
.flex_4 ul li:nth-child(8) i{background-image: linear-gradient(135deg, #60aacf, #4a8eb1);}

.stymar{ margin: 0.4rem 0;}
.sjb_skt .caption{ box-shadow: 0px 1px 4px rgba(0,0,0,0.2);}
.sjb_skt .caption a{ display: block;}
.sjb_skt h5{ margin: 0; padding: 0.12rem 0.15rem; background: #fff; font-size: 0.28rem; color: #000; text-align: center; border-bottom-left-radius: 0.06rem; border-bottom-right-radius: 0.06rem;}
.sjb_skt h5 span{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.s_biao{ position: relative; margin-bottom: 0.2rem; color: #000;}
.s_biao span{ font-size: 0.36rem;}
.s_biao a{ position: absolute; right: 0.4rem; bottom: 0; color: #525252; font-size: 0.24rem;}

.s_cbbc .cbbc_list{ padding: 0.1rem 0.2rem; background: #fff; border-radius: 0.16rem; box-shadow: 0px 1px 4px rgba(0,0,0,0.2);}
.cbbc_list ul li{ padding: 0.25rem; border-bottom: 1px dashed #cccccc;}
.cbbc_list ul li a{ color: #333333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 0.2rem; position: relative; font-size: 0.28rem;}
.cbbc_list ul li a:after{ content: ''; width: 0.12rem; height: 0.12rem; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.cbbc_list ul li:last-child{ border-bottom: none;}
.cbbc_list ul li:nth-child(6n-1) a:after{ background: #4d92ef;}
.cbbc_list ul li:nth-child(6n-2) a:after{ background: #ffd705;}
.cbbc_list ul li:nth-child(6n-3) a:after{ background: #fc6208;}
.cbbc_list ul li:nth-child(6n-4) a:after{ background: #414db5;}
.cbbc_list ul li:nth-child(6n-5) a:after{ background: #569bda;}
.cbbc_list ul li:nth-child(6n) a:after{ background: #ce3d3d;}

.sjb_skt .swiper1{ padding-bottom: 0.6rem;}
.sjb_skt .swiper1 .swiper-pagination{ bottom: 0;}
.sjb_skt .swiper1 .swiper-slide{ box-shadow: 0px 1px 4px rgba(0,0,0,0.2);}
.sjb_skt .swiper1 .swiper-slide h5{ padding: 0.2rem 0.15rem;}
.sjb_skt .swiper1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #851712;}

/* 登录 */
.yuan_bai{ width: 2.2rem; height: 2.2rem; background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.16)); position: absolute; top: -0.7rem; right: -0.3rem; border-radius: 50%;}
.yuan_bai:after{ content: ''; width: 0.6rem; height: 0.6rem; background-image: linear-gradient(90deg, rgba(255,255,255,0.12), rgba(255,255,255,0)); position: absolute; left: -0.5rem; bottom: -0.3rem; border-radius: 50%;}

.xs_login{ position: relative; padding-top: 4rem; z-index: 2; overflow: hidden;}
.xs_login:after{ content: ''; width: 100%; height: 6rem; position: absolute; left: 0; top: 0; background: #851712; z-index: -1;}
.login_logo{ position: absolute; top: 1rem; left: 0; width: 100%; text-align: center;}
.login_logo img{ display: block; margin: 0 auto; width: 1.38rem;}
.login_logo>div{ font-size: 0.5rem; color: #fff;}

.login_logo span{ display: inline-block; font-size: 0.28rem; color: #fff; position: relative; padding: .1rem; border: 1px solid rgba(255,255,255,0.85); padding-bottom: 0.35rem; margin-top: 0.2rem;}
.login_logo span:after{ content: ''; width: 100%; height: 1px; background: rgba(255,255,255,0.85); position: absolute; bottom: .05rem; left: 0;}
.login_logo span em{ display: block; font-size: 0.24rem; position: absolute; bottom: .1rem; left: 50%; transform: translateX(-50%) scale(0.38); margin: 0 auto; white-space: nowrap; font-style: normal;  text-transform: uppercase;}
.xs_login_form{ background: #fff; padding: 0.7rem 0.6rem; border-radius: 0.26rem; box-shadow: 0px 2px 8px rgba(0,0,0,0.2);}
.xs_login_form .form-group{ position: relative; margin-bottom: 0.5rem;}
.xs_login_form .form-group label{ position: absolute; left: 0; top: 50%; transform: translateY(-40%);}
.xs_login_form .form-group label i{ font-size: 0.32rem; color: #bfbfbf;}
.xs_login_form .form-group input.form-control{ border: none; border-radius: 0; border-bottom: 1px solid #841712; padding-left: 0.5rem; height: 0.9rem; box-shadow: none; font-size: 0.3rem;}
.xs_login_form .form-group .xs_hqyzm{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #eeeeee; border: none; font-size: 0.28rem;}
.xs_login_form .form-group button.btn-success{ display: block; margin-top: 1rem; width: 100%; background: #851712; color: #fff; height: 0.64rem; border: none; font-size: 0.3rem;}

/* 3-1培训形成 */
.xs_day{ padding: 0.16rem 0; background: #f4f4f4; position: fixed; top: 0; left: 0; width: 100%; z-index: 90;}
.xs_day .container{ padding-right: 0;}
.xs_day .swiper1 .swiper-slide{ width: auto;}
.xs_day .swiper1 .swiper-slide a{ display: inline-block; padding: 0.1rem 0.2rem; color: #282828; background: #e1e1e1; font-family: '微软雅黑'; border-radius: 0.1rem;}
.xs_day .swiper1 .swiper-slide.active a{ background: #e2d0d0; color: #851712;}

.xs_xingcheng{ padding: 1rem 0;}
.xs_xingcheng_li{ padding-left: 0.75rem; position: relative; margin: 0.4rem 0;}
.xsxc_dw{ position: absolute; top: -1.2rem; left: 0;}
.xs_xingcheng_li:after{ content: ''; width: 1px; height: calc(100% - 0.1rem); background: #cacaca; position: absolute; left: 1rem; top: 0.1rem;}
.xs_xingcheng_li:before{ content: ''; width: 10px; height: 10px; border: 2px solid #cacaca; background: #fff; border-radius: 50%; position: absolute; left: 1rem; transform: translateX(-50%); top: 0.1rem; z-index: 2;}
.xsxc_day{ width: 0.6rem;background-image: linear-gradient(#ebdad9, #ebdad9, #ffffff); padding: 0.12rem 0; line-height: 0.36rem; border-radius: 0.08rem; color: #851712; text-align: center; position: absolute; left: 0; top: 0; font-family: '微软雅黑';}
.xsxc_day strong{ font-size: 0.36rem; display: block;}
.xsxc_day span{ display: block; transform: scale(0.8);}

.xsxc_title{ font-size: 0.32rem; color: #000; padding-left: 0.45rem; font-weight: bold; margin-bottom: 0.25rem;}
.xsxc_caption{ padding: 0.7rem 0.3rem; background: #fff; box-shadow: 0px 0px 4px rgba(0,0,0,0.3); position: relative; z-index: 2; border-radius: 0.1rem; overflow: hidden; margin-bottom: 0.5rem;}
.xsqd_sup{ position: absolute; left: 0; top: 0; border-bottom-right-radius: 0.1rem; color: #fff; padding: 0.06rem 0.1rem;background-image: linear-gradient( #ac2822, #861813);}
.xsqd_sup.cur{ pointer-events: none;background-image: linear-gradient( #cbcccc, #a1a1a1);}
.xsqd_sup i{ display: inline-block; margin-right: 0.05rem; vertical-align: middle; transform: translateY(-0.02rem);}
.xsxc_caption h5{ font-size: 0.3rem; color: #000000; margin: 0.2rem 0; line-height: 0.4rem;}
.xsxc_caption p{ font-size: 0.3rem; color: #282828; margin: 0.2rem 0;}
.xsxc_caption h6{ margin: 0.2rem 0;}
.xsxc_caption h6 a{ color: #fff; padding: 0.08rem 0.15rem; border-radius: 0.15rem;background-image: linear-gradient( #cbcccc, #a1a1a1); box-shadow: 0px 0px 4px rgba(0,0,0,0.3); font-size: 0.26rem; display: inline-block;}
.xsxc_caption h6 a img{ display: inline-block; vertical-align: middle; width: 0.2rem; height: 0.2rem;}

/* 5-1现场教学 */
.xs_header{ background: #fff; box-shadow: 0px 1px 2px rgba(0,0,0,0.05); height: 1.08rem; padding-top: 0.17rem; z-index: 90;}

.xs_logo img{ display: inline-block; width: 0.76rem; vertical-align: middle;}
.xs_logo span{ display: inline-block; font-size: 0.28rem; color: #333333; font-family: '微软雅黑'; vertical-align: middle; margin-left: 0.1rem;}
.xs_logo span em{ font-style: normal; font-size: 0.24rem; display: block;}

.xs_sousuo{ margin-right: 0.45rem;}
.xs_san_ico, .xs_sousuo_ico{ line-height: 0.76rem; color: #851712;}
.xs_san_ico i{ font-size: 0.36rem;}
.xs_sousuo_ico i{ font-size: 0.46rem;}

.xs_san{ position: relative;}
.xs_nav.active{ display: block;}
.xs_nav{ position: absolute; top: calc(100% + 0.10rem); right: -0.35rem; z-index: 2; background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.3); width: 2.4rem; border: 1px solid #851712; display: none;}
.xs_nav ul li a{ font-size: 0.28rem; padding: 0.15rem 0; display: block; text-align: center; color: #851712;}
.xs_nav ul li{ border-bottom: 1px solid #851712;}
.xs_nav ul li:last-child{ border-bottom: none;}

.xs_ss_box.active{ transform: translateY(0); opacity: 1; pointer-events: auto;}
.xs_ss_box{ position: fixed; top: 0; left: 0; width: 100%; background: #fff; padding: 0.4rem 0.35rem; transform: translateY(-100%); opacity: 0; pointer-events: none; transition: all 0.3s; z-index: 91;}
.xs_ss_hui{ width: 100%; height: 100vh; top: 100%; position: absolute; left: 0; background: rgba(0,0,0,0.3);}
.xs_ss_box input{ border: none; height: 0.5rem; border-bottom: 1px solid #851712; background: none; width: 100%;}
.xs_ss_box button{ position: absolute; right: 0.35rem; top: 0.4rem; height: 0.5rem; line-height: 0.5rem; border: none; padding: 0 0.15rem; background: #851712; color: #fff;}

.xs_fangxiang_nav{ border-top: 2px solid #eeeeee; background: #fff; padding: 0.18rem 0;}
.xs_fangxiang_nav .xs_fangxiang_ul:last-child{ margin-top: 0.18rem;}
.xs_fangxiang_ul{ padding-right: 0.4rem; position: relative; height: 0.5rem; overflow: hidden;}
.xs_fangxiang_ul.active{ height: auto;}
.xsfx_san{ position: absolute; right: 0; top: 0.04rem; font-size: 0.3rem; color: #777777; width: 0.4rem; text-align: right;}
.xsfx_san i{ display: inline-block; transition: all 0.3s;}
.xsfx_san.active i{ transform: rotateX(180deg);}
.xs_fangxiang_ul ul{ font-size: 0;}
.xs_fangxiang_ul ul li{ margin-right: 0.2rem; display: inline-block; margin-bottom: 0.1rem;}
.xs_fangxiang_ul ul li a{ display: block; padding: 0 0.1rem; line-height: 0.5rem; color: #333333; font-size: 0.28rem;}
.xs_fangxiang_ul ul li:first-child a{ background: #e7d1d0; color: #851712;}

.list_ty_hui{ background: #eeeeee; padding: 0.3rem 0; min-height: calc(100vh - 1.08rem);}
.jiaoxue_li{ margin-bottom: 0.25rem; padding: 0.2rem 0.25rem; background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.1); border-radius: 0.06rem;}
.jiaoxue_img{ padding-top: 90%; border-radius: 0.1rem; overflow: hidden;}
.jiaoxue_text h4{ margin: 0.2rem 0; font-size: 0.32rem; color: #000000; padding-right:  0.4rem; position: relative;}
.jiaoxue_text h4 span{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jiaoxue_text h4 small{ font-size: 0.24rem; margin-left: 0.15rem;}
.jiaoxue_text h4 small img{ width: 0.22rem; margin-top: -0.04rem;}
.jiaoxue_text h4 i{ position: absolute; right: 0; top: 0.06rem; color: #851712; font-size: 0.24rem;}
.jiaoxue_text p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #666; font-size: 0.28rem; line-height: 0.4rem;}


.kejian_li{ margin-bottom: 0.25rem; padding: 0.3rem 0.4rem; background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.1); border-radius: 0.1rem;}
.kejian_li h4, .kejian_li h5{ font-size: 0.3rem; color: #851712; line-height: 0.46rem;
  /* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */
  margin: 0.25rem 0;}
.kejian_li h4 i, .kejian_li h5 i{ display: inline-block; font-size: 0.28rem; margin-right: 0.15rem; color: #9f9f9f;}
.kejian_li h4{ margin-top: 0;}
.kejian_li h5{ color: #282828;}
.kejian_li h6{ margin: 0.2rem 0; text-align: center;}
.kejian_li h6 a{ color: #fff; padding: 0.08rem 0.2rem; border-radius: 0.2rem;background-image: linear-gradient( #cbcccc, #a1a1a1); box-shadow: 0px 0px 4px rgba(0,0,0,0.3); font-size: 0.28rem; display: inline-block;}
.kejian_li h6 a img{ display: inline-block; vertical-align: middle; width: 0.2rem; height: 0.2rem;}

.xiuban_title{ margin-bottom: 0.25rem; position: relative; font-size: 0.32rem; color: #000; line-height: 0.56rem;}


/* user */
.user_swiper{ position: relative; z-index: 2;}
.user_swiper:after{ content: ''; width: 100%; height: 3.2rem; position: absolute; top: 0; left: 0; z-index: -1; background: #851712;}

.user_tou{ padding: 0.5rem 0; overflow: hidden; position: relative;}
.user_img{ margin-left: 0.46rem;}
.user_img>i{ width: 1.66rem; height: 1.66rem; border-radius: 50%; overflow: hidden; display: inline-block; vertical-align: middle;}
.user_img span{ color: #fff; margin-left: 0.3rem; font-size: 0.36rem; display: inline-block; vertical-align: middle;}
.user_img span small{ font-size: 0.24rem; display: inline-block; color: #fff; opacity: 0.85;}
.user_img span small i{ font-size: 0.24rem; margin-right: 0.1rem;}
.user_img span em{ margin-top: 0.15rem; display: inline-block; padding: 0.04rem 0.25rem; border: 1px dashed #fff; border-radius: 0.3rem; font-style: normal; font-size: 0.24rem; opacity: 0.85;}

.user_bai{ padding: 0.3rem 0.2rem; background: #fff; border-radius: 0.1rem; box-shadow: 0px 1px 4px rgba(0,0,0,0.2); margin: 0.25rem 0; position: relative; z-index: 3;}
.user_biao{ position: relative; padding: 0 0.2rem; border-bottom: 1px solid #eeeeee; padding-bottom: 0.25rem; font-size: 0.3rem;}
.user_biao a{ font-size: 0.24rem; color: #666; position: absolute; right: 0.2rem; top: 0.06rem;}
.user_biao a i{ font-size: 0.24rem; display: inline-block; transform: translateY(0.02rem);}
.user_biao>i{ margin-right: 0.1rem; display: inline-block; vertical-align: middle; font-size: 0.28rem;}
.user_biao strong{ display: inline-block; vertical-align: middle;}
.user_banji h5{ font-size: 0.26rem; color: #454545; line-height: 0.4rem; margin: 0.2rem 0; padding:0 0.2rem; padding-left: 0.45rem; position: relative;}
.user_banji h5 a{ color: #454545;}
.user_banji h5 a span{ display: block;}
.user_banji h5:after{ content: ''; width: 0.1rem; height: 0.1rem; border-radius: 50%; background: #ccc; position: absolute; left: 0.2rem; top: 0.17rem;}
.user_li{ padding: 0 0.2rem; border-bottom: 1px solid #eee;}
.user_li a{ font-size: 0.3rem; color: #000; display: block; padding: 0.3rem 0; position: relative;}
.user_li a>i{ display: inline-block; font-size: 0.28rem;}
.user_li a i:last-child{ font-size: 0.24rem; position: absolute; right: 0.2rem; top: 50%; transform: translateY(-50%); color: #666;}
.user_ul .user_li:last-child{ border-bottom: none;}

.user_lii{ padding: 0.3rem 0.2rem; border-bottom: 1px solid #eee; font-size: 0.28rem; color: #454545; position: relative;}
.user_lii>i{ display: inline-block;}
.user_lii span{ display: inline-block; margin-left: 0.3rem; color: #000;}
.user_lii .user_lx{ position: absolute; right: 0.2rem; top: 50%; transform: translateY(-50%);}
.user_ol .user_lii:last-child{ border-bottom: none;}
.user_ol .user_lii:last-child>i{ transform: scale(0.9);}
.user_lx a{ display: inline-block; width: 0.42rem; height: 0.42rem; border-radius: 50%; background: #bfbfbf; color: #fff; text-align: center;}
.user_lx a em{ display: inline-block;line-height: 0.42rem; font-size: 0.24rem; transform: scale(0.9);}

.lxdh{ margin: 0.3rem 0;}
.lxdh a{ width: 3.6rem; text-align: center; height: 0.64rem; line-height: 0.64rem; color: #fff; background-image: linear-gradient(#ad2822, #851712); border-radius: 0.3rem; display: block; margin: 0 auto;}

.user_ziliao.user_bai{ padding: 0.1rem 0.2rem;}
.user_zl{ padding: 0.3rem 0.2rem; border-bottom: 1px solid #eee; font-size: 0.28rem; color: #454545; position: relative;}
.user_zl i{ display: inline-block; color: #851712;}
.user_ziliao .user_zl:last-child{ border-bottom: none;}

.user_pingfen.user_bai{text-align: center; padding: 0.45rem 0.2rem; margin-top: -0.5rem; position: relative; z-index: 2;}
.user_pingfen span{ display: block; font-size: 0.7rem; color: #f68005; line-height: 0.7rem; font-family: '微软雅黑';}
.user_pingfen p{ margin-top: 0.1rem; color: #555; margin-bottom: 0; text-align: center;}

/* 培训照片 */
.pxzp .xs_xingcheng_li{ padding-left: 0;}
.pxzp .xs_xingcheng_li:after{ left: 0.2rem;}
.pxzp .xs_xingcheng_li:before{ left: 0.2rem;}
.pxzp .xs_xingcheng_li .xsxc_caption{ padding: 0.2rem 0.3rem;}
.pxzp .xs_xingcheng_li .xsxc_caption img{ display: block; width: 100%; margin: 0.2rem 0;}

.xiaohui_img{ width: 2.1rem; height: 2.1rem; cursor: pointer; box-shadow: 0px 0px 4px rgba(0,0,0,0.2); 
  /* display: inline-block; margin-right: 0.2rem; */
}
.xiaohui_img input{ width: 2.1rem; height: 2.1rem; opacity: 0; display: block; cursor: pointer;}
.pxzp_up p{ color: #999; font-size: 0.24rem; margin: 0.15rem 0;}

/* 11-1通讯录 */
.ty_bai{ padding-bottom: 1.15rem;}
.xs_txl h3{ font-size: 0.36rem; margin: 0.2rem 0; margin-top: 0.4rem;}
.xs_txl table.table thead tr th{background-image: linear-gradient(#ad2822, #851712); color: #fff; text-align: center; font-size: 0.24rem;}
/* .xs_txl table.table thead tr th:first-child{}
.xs_txl table.table thead tr th:last-child{} */
.xs_txl table.table tbody tr td{ font-size: 0.28rem;}
.xs_txl .table-responsive{ border-top-left-radius: 0.15rem; border-top-right-radius: 0.15rem;}


.xs_daxx h4{ font-size: 0.3rem; color: #333; margin: 0.2rem 0;}
.xs_daxx{margin: 0.2rem 0; background: #f4f4f4; padding: 0.2rem 0;}
.xs_daxx table.table thead tr th{background-image: linear-gradient(#ad2822, #851712); color: #fff; text-align: center; font-size: 0.24rem;}
.xs_daxx table.table thead tr th:first-child{ border-top-left-radius: 0.15rem;}
.xs_daxx table.table thead tr th:last-child{ border-top-right-radius: 0.15rem;}
.xs_daxx table.table tbody tr td{ font-size: 0.24rem; text-align: center;}

.xs_daxx ul li{ background: #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.2); padding: 0.2rem 0.6rem; margin-bottom: 0.1rem; border-radius: 0.1rem;}
.xs_daxx ul li label{ width: 100%; position: relative; font-size: 0.36rem; font-family: '微软雅黑'; margin: 0; color: #851712;}
.xs_daxx ul li label input{ float: right; font-size: 0.24rem; color: #851712;}

/* 课程提问 */
.list_ty_hui.kctw .kejian_li{ padding: 0.3rem 0.8rem;position: relative;}
.list_ty_hui.kctw .kejian_li h4{ margin-bottom: 0; color: #454545;}
.list_ty_hui.kctw .kejian_li .wen{ position: absolute; left: 0.4rem; top: 0.3rem; font-size: 0.24rem; color: #851712;}
.list_ty_hui.kctw .kejian_li .zan{ position: absolute; right: 0.4rem; top: 50%; transform: translateY(-50%); font-size: 0.24rem; color: #888;}
.list_ty_hui.kctw .kejian_li .zan.cur{ color: #851712;}

.kctw_form{ margin-top: 0.5rem;}

/* 班级简报 */
.bai_ban{ background: #fff; border-radius: 0.1rem; padding: 0.4rem; padding-top: 0.1rem;}
.ban_img{ margin: 0.3rem 0; padding: 0.1rem; background: #fff; box-shadow: 0px 0px 6px rgba(0,0,0,0.2);}
.ban_text{ position: relative; padding: 0.2rem 0; 
  /* border: 1px solid #dedede;  */
  border-radius: 0.1rem;}
/* .ban_text:after{ content: ''; width: 100%; height: 0.5rem;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.3)); position: absolute; bottom: 0; left: 0; z-index: 2;} */
.ban_text .ty_content{ max-height: 3.3rem; overflow: auto;}
.ban_biao{ margin-top: 0.2rem; height: 0.69rem; background: url(../xs_images/xian.png) center no-repeat; background-size: contain; line-height: 0.69rem; font-size: 0.32rem; color: #851712;}


.dy_banname{ margin: 0.3rem 0; padding: 0 0.2rem; text-align: center; line-height: 0.4rem; font-size: 0.3rem; font-weight: bold;}

.shen_li{ font-size: 0.26rem; color: #454545; line-height: 0.4rem; margin: 0.2rem 0; padding:0 0.2rem; padding-left: 0.45rem; position: relative;}
.shen_li a{ color: #454545;}
.shen_li:after{ content: ''; width: 0.1rem; height: 0.1rem; border-radius: 50%; background: #ccc; position: absolute; left: 0.2rem; top: 0.17rem;}

.my_img{ padding-top: 30%; position: relative; width: 50%; margin-top: 0.15rem;}
.my_img span{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; text-align: center; color: #fff; font-size: 0.24rem; z-index: 3;}
.my_img:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: rgba(0,0,0,0.4);}

.shen_li_qd{ font-size: 0.26rem; color: #454545; line-height: 0.4rem; margin: 0.2rem 0; padding:0 0.2rem; padding-left: 0.45rem; position: relative;}
.shen_li_qd:after{ content: ''; width: 0.1rem; height: 0.1rem; border-radius: 50%; background: #ccc; position: absolute; left: 0.2rem; top: 0.17rem;}


.xd_pg{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; background: rgba(0,0,0,0.45); opacity: 0; transition: all 0.3s; pointer-events: none;}
.xd_pg.active{ opacity: 1; pointer-events: auto;}
.xd_pg.active .xdpg_bai{ top: 50%; opacity: 1;}
.xdpg_bai{ background: #fff; width: calc(100% - 0.6rem); margin: 0 auto; left: 0; right: 0; top: 40%; transform: translateY(-50%); position: absolute; padding: 0.8rem 0.2rem; border-radius: 0.2rem; transition: all 0.3s 0.1s; opacity: 0;}
.xdpg_bai .row{ margin: 0;}
.xdpg_bai .row .col-xs-6{padding: 0; text-align: center;}
.xdpg_bai h5{ margin: 0.15rem 0; font-size: 0.3rem; color: #333;}
.xdpg_ico{ width: 1.4rem; height: 1.4rem; border-radius: 50%; margin: 0 auto; display: block; text-align: center;}
.xdpg_ico i{ display: block; line-height: 1.4rem; font-size: 0.68rem; color: #fff;}
.xdpg_close{ position: absolute; top: -1rem; left: 50%;  transform: translateX(-50%);}
.xdpg_close i{ font-size: 0.6rem; color: #fff;}





/* 通用样式 */
.ty_content p{ font-size: 0.28rem; color: #666; line-height: 0.42rem;}
.ty_content img{ max-width: 100%;}
.ty_content table{ max-width: 100% !important;}
.tabel_content table{ max-width: 100% !important;}


.fanye{ padding:0.3rem 0; margin-top: 0.3rem;}
.fanye a{ display:inline-block; padding:0.06rem 0.12rem; border: 1px solid #dedede; background:#fff; color:#666; text-decoration:none; margin: 0 1px; border-radius: 0.04rem;}
.fanye a:hover{ color:#939496;}
.fanye a.active{ background:#0f57a1; color:#fff;}
.fanye a.active:hover{ color:#fff;}
.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none}


@media (max-width:767px){

}
@media (min-width:768px) and (max-width:991px) {


}
@media (min-width:991px) and (max-width:1200px) {
   

}
@media (min-width:1200px) and (max-width:1440px) {
  
}

@media (min-width:1441px){



}

@media (min-width:1200px) and (max-width:1680px) {
    
}
@media (min-width:991px) {


}