/*createdBy: ckjr*/
@charset "utf-8";
[v-cloak] {
  display: none!important;
}
html,body{background-color:#f5f7fa;box-sizing: border-box;}
*, *::after,*::before {box-sizing: inherit}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,input,p,blockquote,th,td,form,p{margin:0;padding:0;}
ol,ul,li,dd,dt,dl{list-style:none;}
img{border:0;}
input,select,textarea{font-size:12px; color:#333; font-family:"PingFang SC","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,sans-serif;}
body{min-width: 1200px; text-align:left; font-size: 12px; color:#333; }
:focus, button{outline:none;}
em,th{font-style:normal;font-weight:normal;}
.table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
a {color: inherit; text-decoration: none}
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none; outline: none}
input::-ms-clear { display: none; }
input + .clear { display: none; position: absolute; width: 16px; height: 16px;outline: none; right: 5px; top: 8px; color: #e5e5e5 }
input::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #999;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.mp-header-scroll::-webkit-scrollbar {
  height: 2px;
  background-color: #fff;
}
.mp-header-scroll::-webkit-scrollbar-track {
  border-radius: 4px;
}
.mp-header-scroll::-webkit-scrollbar-thumb {
  border-radius: 4px;
  box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
  background-color: #e2e2e2;
}

.scroll-bar::-webkit-scrollbar {
  width: 4px;
}
.scroll-bar::-webkit-scrollbar-thumb
{
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #eee;
}
/*定义滚动条轨道 内阴影+圆角*/
input[type="number"]{
    -moz-appearance: textfield;
}
.c-box-shadow{
  box-shadow: 0px 4px 8px 0px rgba(7,17,27, .1);
}
.c-block{display: block;}
.c-blocki{display: block!important;}
.c-hidden{display: none;}
.c-hiddenIpt{display: none!important;}
/*opacity*/
.c-opacity50{opacity: .5}
.c-opacity70{opacity: .7}
.c-opacity90{opacity: .9}
.c-opacity100{opacity: 1}
/*text-align*/
.c-textAlign-l{text-align: left;}
.c-textAlign-c{text-align: center;}
.c-textAlign-r{text-align: right;}
.c-textAlign-j{text-align: justify;}
/*letter-spacing*/
.c-spacing-1{
  letter-spacing:1px;
}
.c-vcAlign-middle{vertical-align: middle;}
.c-vcAlign-bottom{vertical-align: bottom;}

.c-text-indent40{text-indent: 1rem;}
.c-text-indent{text-indent: 1em;}
.c-text-decoration-through{ text-decoration: line-through;}
.c-text-decoration-underline{text-decoration: underline !important;}
/*对齐*/
.c-center{display: block;margin-left: auto;margin-right: auto;}
.c-inline-center{display:inline-block ;margin-left: auto;margin-right: auto;}
/*文字隐藏*/
.c-text-hidden{overflow: hidden;}
.c-content-scroll{overflow: scroll;}
.c-content-auto{overflow: auto;}
.c-contextX-scroll{overflow-x:scroll;}
.c-contextX-scroll::-webkit-scrollbar{display:none}
.c-contextX-hidden{overflow-x:hidden;}
.c-contexty-scroll{overflow-y:scroll;}
.c-contexty-hidden{overflow-y:hidden;}
.c-contexty-auto{overflow-y:auto;}
/*自动换行*/
.c-ww-bw{word-wrap: break-word;}
.c-wb-ba-only { word-break:break-all }
.c-wb-ba{word-break:break-all;word-break:break-word;}
.c-ws-n{white-space: nowrap;}
/*文字省略号*/
.c-text-ellipsis1{text-overflow:ellipsis;white-space: nowrap; overflow: hidden;}
.c-text-ellipsis2{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.c-text-google{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.c-text-ellipsis2clear{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.c-text-ellipsis3{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
/* 文字位置 */
.c-text-center {
  text-align: center;
}
/*float*/
.c-flo-l{float:left;}
.c-flo-r{float:right;}
.c-clear{clear:both; width:100%;height:0px;font-size:0; line-height:0;}
.c-clearfix::after {
  content: '';
  display: block;
  clear: both;
}
/* 字体 */
.c-ff-pfr{font-family: PingFangSC-Regular;}

/* 定位 */
.c-t0{top: 0;}
.c-t1{top: 1px;}
.c-t2{top: 2px !important;}
.c-t5{top: 5px;}
.c-t10{top: 10px !important;}
.c-t20{top: 20px !important;}
.c-t45p{top: 45% !important;}
.c-r0{right: 0;}
.c-r5{right: 5px;}
.c-l0{left: 0;}
.c-l10{left: 10px;}
.c-l30{left: 30px;}
.c-l5m{left: -5px;}
.c-l20{left: 20px;}
.c-r30{right: 30px;}
.c-l25m{left: -25px;}
.c-l25mp{left: -25%;}
.c-l45p{left: 45%;}
.c-l100p{left: 100%;}
.c-r24m{right: -24px;}
.c-r10m {right: -10px;}
.c-r17{right: 17px !important;}
.c-r10{right: 10px;}
.c-210{right: 20px;}
.c-b100p{bottom: 100%;}
.c-b20{bottom: 20px;}
.c-b10{bottom: 10px;}
.c-b19m{bottom: -19px;}

.c-zindex2{z-index: 2;}
.c-zindex1000{z-index: 1000;}
.c-zindex-max{z-index: 9999!important;}
.c-zindex-under{z-index:-12;}

/* .c-footer .left-column a:hover ,.c-footer .left-column p > a:hover {
  color: white !important;
} */
/*浮层遮罩层*/
.c-layerNon {width:100%;height: 100%; position: fixed; top:0; left:0; z-index: -1;}
.c-layerwrap{width:100%;height: 100%; position: fixed; top:0; left:0; z-index:1001; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000,gradientType=0);}
.c-layerwrap-in{width:100%;height: 100%; position: absolute; top:0; left:0; z-index:1; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000,gradientType=0);}

/*字体*/
.c-fs0{font-size: 0px;}
.c-fs10{font-size: 10px;}
.c-fs11{font-size: 11px !important;}
.c-fs12{font-size: 12px !important;}
.c-fs14{font-size: 14px !important;}
.c-fs16{font-size: 16px !important;}
.c-fs18{font-size: 18px !important;}
.c-fs20{font-size: 20px !important;}
.c-fs22{font-size: 22px;}
.c-fs24{font-size: 24px !important;}
.c-fs26{font-size: 26px !important;}
.c-fs28{font-size: 28px !important;}
.c-fs30{font-size: 30px !important;}
.c-fs32{font-size: 32px;}
.c-fs36{font-size: 36px;}
.c-fs40{font-size: 40px;}
.c-fs42{font-size: 42px;}
.c-fs54{font-size: 54px;}
.c-fs64{font-size: 64px;}
.c-fs125{font-size:125px !important;}
.c-fw-b{font-weight: bold;}
.c-fw-n{font-weight: normal;}
.c-fw400{font-weight: 400;}
.c-fw600{font-weight: 600;}
/*字体颜色*/
.c-fc-theme{color: #4C92FC}  /*与品牌相关   按钮色   导航   文字连接  */
.c-fc-orange{color: #fd864b} /*倒计时线   辅助性功能   按钮色    */
.c-fc-ff3 {color: #FF3F3C;}
.c-fc-vip {color: #FFAF61;}
.c-fc-svip {color: #FF8b7b;}
.c-fc-red{color:#F2443E}    /*警示   提醒   强制    */
.c-fc-green{color: #5eca70}   /*更新中标签   完成   成功    */
.c-fc-333{color: #333}   /*一级信息   标题、主要内容    */
.c-fcn-333{color: #333;}
.c-fc-666{color: #666 !important}   /*普通级别文字色       */
.c-fc-999{color: #999 !important}    /*辅助信息   次要信息    */
.c-fc-bbb{color: #bbb !important}    /*辅助信息   次要信息    */
.c-fc-ccc{color: #ccc}    /*不可点击按钮   icon色   */
.c-fc-black{color: #000;}
.c-fc-white{color: white}
.c-fc-e6e6e6{color: #e6e6e6}
.c-fc-blue{color:#609FFF;}
.c-fc-darkblue{color: rgb(76, 171, 243)}
.c-fc-blue2{color: #324054}
.c-fc-gold{color: #B78723}
.c-fc-248afd{color: #248afd}
.c-fc-fe9901{color: #fe9901}
.c-fc-ff7866{ color: #ff7866}
.c-fc-5eca71{ color: #5ECA71;}
.c-fc-fada9c{ color: #FADA9C}
.c-fc-ffaf61{ color: #FFAF61}
.c-fc-ff8b7b{ color: #FF8b7b}
.c-fc-fe{ color: #fefefe}
.c-fc-80{ color: #808080}
.c-fc-da9c47{ color: #DA9C47; }
.c-fc-fd864ac{ color: #FD864C; }
.c-fc-3c3f4a {color: #3C3F4A;}
.c-fc-63a1fc {color: #63A1FC;}
.c-fc-FF5252 {color: #FF5252;}
.c-fc-2BC8A0 {color: #2BC8A0;}
.c-fc-12 {color: #121212;}
.c-fc-2b {color: #2B2B2B;}
.c-fc-hover-lblue:hover{color:#609FFF;}

/* tab 页切换 */
.c-fc-tabact {
  color: #5491ED;
  position: relative;
}
.c-fc-tabact:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background:rgba(83,150,252,1);
}
/* 字体粗细 */
.c-fwb {
  font-weight: bold;
}
/*背景颜色*/
.c-bg-theme{background-color: #4C92fc}  /*与品牌相关   按钮色   导航   文字连接  */
.c-bg-theme1{background-color: #F5F7FA}  /*与品牌相关   按钮色   导航   文字连接  */
.c-bg-theme5{background-color: #F3F8FF}
.c-bg-f8f8f8{background-color: #F8F8F8}
.c-bg-orange{background-color: #fd864b} /*倒计时线   辅助性功能   按钮色    */
.c-bg-red{background-color:#F2443E}    /*警示   提醒   强制    */
.c-bg-ff3 {background-color: #FF3F3C;}
.c-bg-green{background-color: #5eca70}   /*更新中标签   完成   成功    */
.c-bg-white{background-color: #fff !important;}
.c-bgn-white{background-color: #fff;}
.c-bg-black5{background-color: rgba(0,0,0,.5)}
.c-bg-black8{background-color: rgba(0,0,0,.8)}
.c-bg-black{background-color: rgba(0,0,0,1)}
.c-bg-black2 { background-color: #101727 }
.c-bg-black3 { background-color: #182031 }
.c-bg-dblue2 { background-color: #232d43 }
.c-bg-dblue{background-color: #212D47;}
.c-bg-blue{background-color: #609FFF;}
.c-bg-lightblue{background-color: #85B5FE;}
.c-bg-darkGray{background-color: rgb(201, 196, 196);}
.c-bg-gray{background-color: #E6E6E6;}
.c-bg-lightGray{background-color: #E9EDEF}
.c-bg-table-head{background-color: rgb(245,248,251);}
.c-bg-default{background-color: #F5F8FB} /*背景色 */
.c-bg-default2{background-color: rgba(245, 248, 251, 0.5)}
.c-bg-lightdefault{background-color: #f5f7fa}
.c-bg-pink{background-color: #FF6666}
.c-bg-transparent {background-color: transparent !important;}
.c-bg-cyan{background-color: #f3f6f9;}
.c-bg-blueGradient{background-image: linear-gradient(90deg,rgba(91,130,255,1),rgba(105,197,255,1))!important;} /*按钮色   完成进度条 */
.c-bg-vipTag{ background:rgba(255,175,97,0.05);}
.c-bg-svipTag {background:rgba(255, 139, 123, 0.05); }
.c-bg-admin {
  background: linear-gradient(316deg,#ff8648, #ff9f5a 94%);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.c-bg-teacher {
  background: linear-gradient(#2577F4, #5699FF);
  border: 1px solid #5699ff;
  line-height: 16px!important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.c-role-vip {
  background-image: linear-gradient(90deg, #f4ce77 0%, #d49720 96%);
}
.c-role-svip {
  background-image: linear-gradient(90deg, #f0b380 0%, #cd6622 95%);
}
.c-bg-living-tag0{
  background-color: #FF7866!important;
}
.c-bg-living-tag1{
  background-color: #5ECA71!important;
}
.c-bg-living-tag2{
  background-color: #FFB42A!important;
}
.c-bg-living-tag3{
  background: #ccc!important;
}
.c-bg-live-tag {
  background: #FF7866;
  /* 为较旧的或者不支持的浏览器设置备用属性 */
  background: -moz-linear-gradient(left, #FF7866 0%, rgb(250, 194, 187) 100%);
  background: -webkit-gradient(linear, left, right, color-stop(0%, rgb(250, 194, 187)), color-stop(100%, rgb(250, 194, 187)));
  background: -webkit-linear-gradient(left, #FF7866 0%, rgb(250, 194, 187) 100%);
  background: -o-linear-gradient(left, #FF7866 0%, rgb(250, 194, 187) 100%);
  background: -ms-linear-gradient(left, #FF7866 0%, rgb(250, 194, 187) 100%);
  background: linear-gradient(to right, #FF7866 0%, rgb(250, 194, 187) 100%);/*用线性渐变创建图像*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF7866', endColorstr='rgb(250, 194, 187)', GradientType=0);/* ie6 - ie8*/
}
.c-bg-preview-tag {
  background: #669bfb;
  background: -moz-linear-gradient(left, #669bfb 0%, #b1c9f5 100%);
  background: -webkit-gradient(linear, left, right, color-stop(0%, #b1c9f5), color-stop(100%, #b1c9f5));
  background: -webkit-linear-gradient(left, #669bfb 0%, #b1c9f5 100%);
  background: -o-linear-gradient(left, #669bfb 0%, #b1c9f5 100%);
  background: -ms-linear-gradient(left, #669bfb 0%, #b1c9f5 100%);
  background: linear-gradient(to right, #669bfb 0%, #b1c9f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#669bfb', endColorstr='#b1c9f5', GradientType=0);
  /* ie6 - ie8*/
}
.c-bg-review-tag {
  background: #FFAF61;
  background: -moz-linear-gradient(left, #FFAF61 0%, rgb(248, 230, 211) 100%);
  background: -webkit-gradient(linear, left, right, color-stop(0%, rgb(248, 230, 211)), color-stop(100%, rgb(248, 230, 211)));
  background: -webkit-linear-gradient(left, #FFAF61 0%, rgb(248, 230, 211) 100%);
  background: -o-linear-gradient(left, #FFAF61 0%, rgb(248, 230, 211) 100%);
  background: -ms-linear-gradient(left, #FFAF61 0%, rgb(248, 230, 211) 100%);
  background: linear-gradient(to right, #FFAF61 0%, rgb(248, 230, 211) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFAF61', endColorstr='rgb(248, 230, 211)', GradientType=0);
}
.c-bg-f4f7f9{background-color: #f4f7f9;}
.c-bg-ccc{background-color: #cccccc;}
.c-bg-cccim{background-color: #cccccc!important;}
.c-bg-1a{background-color: #1a1a1a!important;}
.c-bg-eee{background-color: #eee;}
.c-bg-202224{background-color: #202224!important;}
.c-bg-2b2e30{background-color: #2b2e30!important;}
.c-bg-ffaf61{background-color: #ffaf61!important;}
.c-bg-FFB42A { background-color: #FFB42A }
.c-bg-f2{background-color: #f2f2f2!important;}
.c-bg-669bfb{background-color: #669bfb;}
.c-bg-e9f0fe{background-color: #e9f0fe;}
.c-bg-fcedd7{background-color: #fcedd7;}
.c-bg-da9c47{background-color: #DA9C47;}
.c-bg-f3f8ff{background-color: #F3F8FF;}
.c-bg-ff5355{background-color: #FF5355;}
.c-bg-ff8686{background-color: #FF8686;}
.c-bg-vip{background-color: rgba(255, 176, 97, 0.05);}
.c-bg-svip{background-color: rgba(255, 138, 123, 0.05);}

/*border*/
.c-bd-t0{border-top: none !important;}
.c-bd-0{border: none}
.c-bd-1{border-width: 1px!important;border-style: solid!important;}
.c-bd-2{border-width: 2px;border-style: solid;}
.c-bd-b1c-bd-b1 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.c-bd-b0 {border-bottom: none !important}

.c-boder-theme {
  border: 1px solid #4C92FC;
}
.c-border-6c83ff{
  border: 1px solid #6C83FF;
}
.c-border-ccc{
  border: 1px solid #ccc;
}
.c-border-e9ecf{
  border: 1px solid #E9ECF0;
}
.c-border-e6{
  border-bottom: 1px solid #e6e6e6;
}
.c-border-f6{
  border-bottom: 1px solid #f6f6f6;
}
/*bottom dash */
.c-bd-bd1 {
  border-bottom-width: 1px;
  border-bottom-style: dashed;
}
.c-bd-hv1 {
  border: 1px solid transparent;
}
.c-bd-hv2 {
  border: 2px solid transparent;
}
/* border-color */
.c-bd-bgray {
  border-bottom-color: rgba(243,246,249,1);
}
.c-bd-b669bfb {
  border-bottom-color: #669bfb;
}
.c-bd-be6 {
  border-bottom: 1px solid rgba(230, 230, 230, 0.48);
}
.c-bd-b000{ border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
.c-bd-white {
  border-bottom-color: white;
}
.c-bd-ccc {
  border-color: #ccc;
}
.c-bdc-white{
   border-color: #fff !important;
}
.c-bdc-ccc {
  border-color: #ccc;
}
.c-bdc-669bfb {
  border-color: #669bfb !important;
}
.c-bd-blightgray {
  border-color: rgba(230,230,230,1);
}
.c-bd-lightgray {
  border-color: #E6E6E6 !important;
}
.c-bd-lightblue {
  border-color: #609FFF;
}
.c-bd-f5f8fb{
	border-color: #F5F8FB;
}
.c-bd-tgrey{border-top: 1px solid rgba(228,228,228,.48);}
.c-bd-rgrey{border-right: 1px solid rgba(228,228,228,.48);}
.c-bd-bgrey{border-bottom: 1px solid rgb(180, 180, 180,1);}
/*border-radius*/
.c-brp50{border-radius: 50%;}
.c-brp25{border-radius: 25%;}
.c-brp10{border-radius: 10%;}
.c-br0{border-radius: 0 !important;}
.c-br2{border-radius: 2px;}
.c-br4{border-radius: 4px;}
.c-br5{border-radius: 5px;}
.c-br6{border-radius: 6px;}
.c-br8{border-radius: 8px;}
.c-br9{border-radius: 9px;}
.c-br10{border-radius: 10px;}
.c-br12{border-radius: 12px;}
.c-br15{border-radius: 15px;}
.c-br18{border-radius: 18px;}
.c-br20{border-radius: 20px;}
.c-br22{border-radius: 22px;}
.c-br50{border-radius: 50px;}
.c-btlr4{border-top-left-radius: 4px;}
.c-bblr4{border-bottom-left-radius: 4px;}
.c-clear-bblr {border-bottom-left-radius: 0px;}
/*postion*/
.c-p{position: relative;}
.c-pa{position: absolute;}
.c-p-t0{top:0;}
.c-p-t-40{top: -40px;}
.c-p-r0{right:0 !important;}
.c-p-r-40{right: -40px;}
.c-p-b0{bottom:0 !important;}

.c-pf{position: fixed;-webkit-transform: translateZ(0);}

/* flex */
.c-flex{display: flex}
.c-flex-dircol{flex-direction: column}
.c-flex-dirrowr{flex-direction: row-reverse;}
.c-flex-hc{justify-content: center}
.c-flex-he{justify-content: flex-end}
.c-flex-hsa{justify-content: space-around}
.c-flex-hsb{justify-content: space-between}
.c-flex-vc{align-items: center}
.c-flex-vs{align-items: flex-start}
.c-flex-bl{align-items: baseline}
.c-flex-selfs{align-self: stretch}
.c-flex-1{flex: 1}
.c-flex-2{flex: 2}
.c-flex-wrap {flex-wrap: wrap}
.c-flex-column{display:flex;display: -webkit-flex;flex-direction: column; -webkit-flex-direction: column;}
.c-justify-center{justify-content:center; -webkit-justify-content:center;}
.c-aligni-center{align-items:center; -webkit-align-items:center;}

.c-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* display */
.c-dis-ib {display: inline-block}
.c-dis-if {display: inline-flex}
.c-dis-il {display: inline}
.c-dis-wb {display: -webkit-box}
[hidden] {display: none}

.c-vb-h{visibility: hidden;}

/*width*/
.c-wrapper{width:1200px; margin:0 auto; clear:both;}
.c-container{width:1100px; margin:0 auto; clear:both;padding-bottom: 70px;}
.c-wrapper--sm{width:1100px; margin:0 auto; clear:both;}
.c-wrapper--lg{width:1300px; margin:0 auto; clear:both;}
.c-wrapper-900{width:900px; margin:0 auto; clear:both;}
.c-wrapper-1200 {width:1200px; margin:0 auto;}
.c-block-c {margin: 0 auto;}
.c-wauto{width: auto !important;}
.c-w0{width: 0;}
.c-w4{width: 4px;}
.c-w8{width: 8px;}
.c-w12{width: 12px;}
.c-w15{width: 15px;}
.c-w16{width: 16px;}
.c-w18{width: 18px;}
.c-w20{width: 20px;}
.c-w22{width: 22px;}
.c-w24{width: 24px;}
.c-w25{width: 25px;}
.c-w28{width: 28px;}
.c-w30{width: 30px;}
.c-w32{width: 32px;}
.c-w36{width: 36px;}
.c-w40{width: 40px;}
.c-w44{width: 44px;}
.c-w46{width: 46px;}
.c-w48{width: 48px;}
.c-w50{width: 50px;}
.c-w54{width: 54px;}
.c-w60{width: 60px !important;}
.c-w68{width: 68px !important;}
.c-w64{width: 64px !important;}
.c-w70{width: 70px;}
.c-w73{width: 73px;}
.c-w80{width: 80px;}
.c-w85{width: 85px;}
.c-w86{width: 86px;}
.c-w88{width: 88px !important;}
.c-w90{width: 90px !important;}
.c-w95{width: 95px !important;}
.c-w100{width: 100px;}
.c-w115{width: 115px;}
.c-w120{width: 120px !important;}
.c-w128{width: 128px !important;}
.c-w130{width: 130px !important;}
.c-w135{width: 135px !important;}
.c-w140{width: 140px !important;}
.c-w145{width: 145px !important;}
.c-w160{width: 160px !important;}
.c-w175{width: 175px;}
.c-w180{width: 180px;}
.c-w185{width: 185px;}
.c-w190{width: 190px;}
.c-w200{width: 200px;}
.c-w210{width: 210px;}
.c-w220{width: 220px;}
.c-w225{width: 225px;}
.c-w240{width: 240px;}
.c-w246{width: 246px;}
.c-w260{width: 260px;}
.c-w270{width: 270px;}
.c-w280{width: 280px !important;}
.c-w300{width: 300px;}
.c-w320{width: 320px;}
.c-w350{width: 350px;}
.c-w352{width: 352px;}
.c-w355{width: 355px;}
.c-w360{width: 360px;}
.c-w370{width: 370px;}
.c-w380{width: 380px;}
.c-w400{width: 400px;}
.c-w440{width: 440px;}
.c-w450{width: 450px;}
.c-w460{width: 460px;}
.c-w480{width: 480px;}
.c-w500{width: 500px}
.c-w520{width: 520px;}
.c-w660{width: 660px;}
.c-w710{width: 710px;}
.c-w750{width: 750px;}
.c-w780{width: 780px;}
.c-w800{width: 800px;}
.c-w870{width: 870px;}
.c-w1200{width: 1200px;}
.c-w10p{width: 10%}
.c-w20p{width: 20%}
.c-w22p{width: 22%}
.c-w30p{width: 30%}
.c-w40p{width: 40%}
.c-w50p{width: 50%}
.c-w60p{width: 60%}
.c-w70p{width: 70%}
.c-w78p{width: 78%}
.c-w80p{width: 80%}
.c-w90p{width: 90%}
.c-w95p{width: 95%}
.c-w100p{width: 100%}
.c-w20p{width: 20%}
.c-w24{width: 24px;}
.c-w29{width: 29px;}
.c-w42{width: 42px;}
.c-w48{width: 48px;}
.c-w72{width: 72px;}
.c-w76{width: 76px;}
.c-w110{width: 110px;}
.c-w117{width: 117px;}
.c-w142{width: 142px;}
.c-w150{width: 150px;}
.c-w390{width: 390px;}
.c-w426{width: 426px;}
.c-w500{width: 500px;}
.c-w598{width: 598px;}
.c-w646{width: 646px;}
.c-w650{width: 650px;}
.c-w730{width: 730px;}
.c-w900{width: 900px;}
.c-w983{width: 983px;}
.c-w1120{width: 1120px;}
.c-w1140{width: 1140px;}
.c-w1440{width: 1440px;}
.c-maxw100{max-width: 100px;}
.c-maxw170{max-width: 170px;}
.c-maxw530{max-width: 530px;}
.c-minw70{min-width: 70px;}
.c-minw80{min-width: 80px;}
.c-minw60{min-width: 60px;}
.c-minw120{min-width: 120px;}
.c-minw160{min-width: 160px;}
.c-maxw40{max-width: 40px;}
.c-maxw80{max-width: 80px;}
.c-maxw550{max-width: 550px;}


/*height*/
.c-maxh{max-height: 100%;}
.c-maxh350{max-height: 350px;}
.c-minh{min-height: 100%;}
.c-minh70vh{min-height: 70vh;}
.c-minh22{min-height: 22px;}
.c-minh18{min-height: 18px;}
.c-minh48{min-height: 48px;}
.c-minh458{
  min-height: 458px;
}
.c-ha{height: auto !important;}
.c-h4{height: 4px;}
.c-h5{height: 5px;}
.c-h8{height: 8px;}
.c-h12{height: 12px;}
.c-h15{height: 15px;}
.c-h16{height: 16px !important;}
.c-h18{height: 18px;}
.c-h20{height: 20px;}
.c-h24{height: 24px;}
.c-h25{height: 25px;}
.c-h28{height: 28px;}
.c-h30{height: 30px;}
.c-h32{height: 32px !important;}
.c-h36{height: 36px !important;}
.c-h40{height: 40px;}
.c-h43{height: 43px;}
.c-h44{height: 44px;}
.c-h45{height: 45px;}
.c-h46{height: 46px;}
.c-h48{height: 48px;}
.c-h50{height: 50px;}
.c-h54{height: 54px;}
.c-h53{height: 53px;}
.c-h56{height: 56px;}
.c-h60{height: 60px !important;}
.c-h64{height: 64px !important;}
.c-h70{height: 70px;}
.c-h72{height: 72px;}
.c-h73{height: 73px !important;}
.c-h80{height: 80px;}
.c-h86{height: 86px;}
.c-h88{height: 88px;}
.c-h90{height: 90px;}
.c-h95{height: 95px;}
.c-h96{height: 96px;}
.c-h100{height: 100px;}
.c-h110{height: 110px !important;}
.c-h120{height: 120px !important;}
.c-h124{height: 124px !important;}
.c-h128{height: 128px !important;}
.c-h140{height: 140px;}
.c-h148{height: 148px;}
.c-h150{height: 150px;}
.c-h160{height: 160px !important;}
.c-h180{height: 180px;}
.c-h173{height: 173px !important;}
.c-h186{height: 186px !important;}
.c-h188{height: 188px !important;}
.c-h190{height: 190px !important;}
.c-h198{height: 198px}
.c-h208{height: 208px;}
.c-h220{height: 220px;}
.c-h200{height: 200px;}
.c-h260{height: 260px;}
.c-h290{height: 290px}
.c-h300{height: 300px}
.c-h318{height: 318px;}
.c-h320{height: 320px}
.c-h346{height: 346px;}
.c-h380{height: 380px;}
.c-h400{height: 400px;}
.c-h440{height: 440px;}
.c-h450{height: 450px;}
.c-h454{height: 454px;}
.c-h480{height: 480px;}
.c-h530{height: 530px;}
.c-h680{height: 680px;}
.c-h700{height: 700px;}
.c-h750{height: 750px;}
.c-h90p{height: 90%;}
.c-h95p{height: 95%;}
.c-h100p{height: 100%;}
.c-h100pi{height: 100%!important;}

.c-h2{height: 2px;}
.c-h3{height: 3px;}
.c-h14{height: 14px;}
.c-h29{height: 29px;}
.c-h38{height: 38px;}
.c-h42{height: 42px;}
.c-h53{height: 53px;}
.c-h59{height: 59px;}
.c-h64{height: 64px;}
.c-h72{height: 72px;}
.c-h83{height: 83px;}
.c-h117{height: 117px;}
.c-h142{height: 142px;}
.c-h250{height: 250px;}
.c-h270{height: 270px;}
.c-h285{height: 285px;}
.c-h290{height: 290px;}
.c-h478{height: 478px;}
.c-h603{height: 603px;}
.c-hinh{height: inherit;}

/*line-height*/
.c-lh{line-height: 1;}
.c-lh12{line-height: 12px;}
.c-lh14{line-height: 14px;}
.c-lh16{line-height: 16px;}
.c-lh18{line-height: 18px;}
.c-lh20{line-height: 20px;}
.c-lh30{line-height: 30px;}
.c-lh22{line-height: 22px;}
.c-lh24{line-height: 24px;}
.c-lh28{line-height: 28px;}
.c-lh30{line-height: 30px;}
.c-lh32{line-height: 32px;}
.c-lh36{line-height: 36px;}
.c-lh40{line-height: 40px;}
.c-lh43{line-height: 43px;}
.c-lh45{line-height: 45px;}
.c-lh46{line-height: 46px;}
.c-lh48{line-height: 48px;}
.c-lh50{line-height: 50px;}
.c-lh60{line-height: 60px;}
.c-lh73{line-height: 73px;}
.c-lh80{line-height: 80px;}
/* cursor */
.c-cursor-p {cursor: pointer;}

/*缩放*/
.c-scale80{transform: scale(.8);-webkit-transform:scale(.8);-ms-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);}
.c-scale50{transform: scale(.5);-webkit-transform:scale(.5);-ms-transform:scale(.5);-moz-transform:scale(.5);-o-transform:scale(.5);}
/*旋转*/
.c-rotate180{transform: rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotatele(180deg);-moz-transform:rotatele(180deg);-o-transform:rotatele(180deg);}
.c-rotate90{transform: rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotatele(90deg);-moz-transform:rotatele(90deg);-o-transform:rotatele(90deg);}
/*移动*/
.c-translate{transform: translate(50px,100px);-webkit-transform:translate(50px,100px);-ms-transform:translate(50px,100px);-moz-transform:translate(50px,100px);-o-transform:translate(50px,100px);}
.c-translate-center{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
.c-translate-y{transform: translateY(-50%);}
.c-translate-l2{transform: translateX(-2px)}
.c-translate-l5{transform: translateX(-5px)}
.c-translate-l20{transform: translateX(-20px)}
.c-translate-t12{transform: translateY(-12px)}

.c-rotate90scale70{transform: rotate(90deg) scale(.7)}
/* box-sizing */
.c-bs-border {
  box-sizing: border-box;
}

/*padding*/
.c-p5{padding: 5px}
.c-p10{padding: 10px}
.c-p15{padding: 15px !important}
.c-p20{padding: 20px !important}
.c-p30{padding: 30px !important}
.c-p40{padding: 40px !important}

.c-ph0{padding-left: 0!important; padding-right: 0!important;}
.c-ph3{padding-left: 3px; padding-right: 3px ;}
.c-ph5{padding-left: 5px !important; padding-right: 5px !important;}
.c-ph10{padding-left: 10px !important; padding-right: 10px !important;}
.c-ph10p{padding-left: 10% !important; padding-right: 10% !important;}
.c-ph30{padding-left: 30px !important; padding-right: 30px !important;}
.c-ph35{padding-left: 35px !important; padding-right: 35px !important;}
.c-ph37{padding-left: 37px !important; padding-right: 37px !important;}
.c-ph40{padding-left: 40px !important; padding-right: 40px !important;}
.c-ph20{padding-left: 20px; padding-right: 20px}
.c-ph4{padding-left: 4px !important; padding-right: 4px !important;}

.c-ph15{padding-left: 15px; padding-right: 15px}
.c-ph10{padding-left: 10px; padding-right: 10px}
.c-ph20{padding-left: 20px; padding-right: 20px}
.c-ph24{padding-left: 24px; padding-right: 24px}
.c-ph25{padding-left: 25px; padding-right: 25px}
.c-ph30{padding-left: 30px; padding-right: 30px;}
.c-ph37{padding-left: 37px; padding-right: 37px;}
.c-ph50{padding-left: 50px; padding-right: 50px}
.c-ph52{padding-left: 52px; padding-right: 52px;}
.c-ph60{padding-left: 60px; padding-right: 60px;}
.c-ph70{padding-left: 70px; padding-right: 70px;}
.c-ph95{padding-left: 95px !important; padding-right: 95px !important;}

.c-pv0{padding-top: 0px !important; padding-bottom: 0px !important;}
.c-pv1{padding-top: 1px; padding-bottom: 1px;}
.c-pv2{padding-top: 2px; padding-bottom: 2px;}
.c-pv3{padding-top: 3px; padding-bottom: 3px;}
.c-pv5{padding-top: 5px; padding-bottom: 5px;}
.c-pv8{padding-top: 8px !important; padding-bottom: 8px !important;}
.c-pv10{padding-top: 10px;padding-bottom: 10px;}
.c-pv12{padding-top: 12px;padding-bottom: 12px;}
.c-pv15{padding-top: 15px;padding-bottom: 15px;}
.c-pv18{padding-top: 18px;padding-bottom: 18px;}
.c-pv20{padding-top: 20px;padding-bottom: 20px;}
.c-pv24{padding-top: 24px;padding-bottom: 24px}
.c-pv30{padding-top: 30px;padding-bottom: 30px;}
.c-pv40{padding-top: 40px;padding-bottom: 40px;}
.c-pv60{padding-top: 60px;padding-bottom: 60px;}

.c-pl10{padding-left: 10px;}
.c-pl15{padding-left: 15px;}
.c-pl20{padding-left: 20px;}
.c-pl30{padding-left: 30px;}
.c-pl35{padding-left: 35px;}
.c-pl40{padding-left: 40px;}
.c-pl48{padding-left: 48px;}
.c-pl56{padding-left: 56px;}
.c-pl60{padding-left: 60px;}
.c-pl3{padding-left: 3px}
.c-pl6{padding-left: 6px}
.c-pl24{padding-left: 24px}
.c-pl77{padding-left: 77px}
.c-pl95{padding-left: 95px}

.c-pb0{padding-bottom: 0!important;}
.c-pb3{padding-bottom: 3px;}
.c-pb10{padding-bottom: 10px;}
.c-pb20{padding-bottom: 20px;}
.c-pb25{padding-bottom: 25px;}
.c-pb30{padding-bottom: 30px;}
.c-pb40{padding-bottom: 40px;}
.c-pb50{padding-bottom: 50px}
.c-pb60{padding-bottom: 60px}
.c-pb70{padding-bottom:70px}
.c-pb100{padding-bottom:100px}
.c-pr4{padding-right: 4px;}
.c-pr10{padding-right: 10px;}
.c-pr10{padding-right: 10px}
.c-pr15{padding-right: 15px}
.c-pr30{padding-right: 30px}
.c-pr45{padding-right: 45px}
.c-pr50{padding-right: 50px}
.c-pr100{padding-right: 100px}
.c-pr120{padding-right: 120px}
.c-pr160{padding-right: 160px}

.c-pt0{padding-top: 0px !important;}
.c-pt1{padding-top: 1px}
.c-pt10{padding-top: 10px !important;}
.c-pt20{padding-top: 20px !important;}
.c-pt24{padding-top: 24px !important;}
.c-pt30{padding-top: 30px !important;}
.c-pt40{padding-top: 40px !important;}
.c-pt50{padding-top: 50px !important;}
.c-pt70{padding-top: 70px !important;}
.c-pt80{padding-top: 80px !important;}
/* .c-pt83{padding-top: 83px !important;} */
.c-pt100{padding-top:100px}
.c-pt180{padding-top:180px}
.c-pt18{padding-top: 18px;}
.c-pb15{padding-bottom: 15px;}
.c-pb18{padding-bottom: 18px;}

.c-pv13{padding-top: 13px;padding-bottom: 13px;}
.c-pv16{padding-top: 16px;padding-bottom: 16px;}
.c-pr1em{padding-right: 1em;}
.c-p1em{padding: 1em;}
.c-pr20{padding-right: 20px;}
.c-pl15em{padding-left: 1.5em;}
.c-pl28{padding-left: 28px;}
.c-pl46{padding-left: 46px;}

/*margin*/
.c-m10 {margin: 10px;}
.c-m75 {margin: 7.5px;}
.c-mh75{margin-left: 7.5px; margin-right: 7.5px;}
.c-m0auto {
  margin: 0 auto;
}
.c-mh0{margin-left: 0!important; margin-right: 0!important;}
.c-mh5{margin-left: 5px; margin-right: 5px}
.c-mh10{margin-left: 10px; margin-right: 10px}
.c-mh10{margin-left: 10px; margin-right: 10px}
.c-mh15{margin-left: 15px; margin-right: 15px}
.c-mh20{margin-left: 20px; margin-right: 20px}
.c-mh23{margin-left: 23px; margin-right: 23px}
.c-mh24{margin-left: 24px; margin-right: 24px}
.c-mh25{margin-left: 25px; margin-right: 25px}
.c-mh30{margin-left: 30px; margin-right: 30px}
.c-mh40{margin-left: 40px; margin-right: 40px}
.c-mh60{margin-left: 60px; margin-right: 60px}
.c-mh100{margin-left: 100px; margin-right: 100px}
.c-ml-24{margin-left: -24px}
.c-ml-auto{margin-left: auto}
.c-ml10{margin-left: 10px}
.c-ml12{margin-left: 12px}
.c-ml13{margin-left: 13px}
.c-ml24{margin-left: 24px}
.c-ml10p{margin-left: 10%}
.c-ml750p{margin-left: 75%}
.c-ml80p{margin-left: 80%}
.c-ml85p{margin-left: 85%}
.c-ml90p{margin-left: 90%}
.c-ml95{margin-left: 95px}
.c-mr3{margin-right: 3px}
.c-mr5{margin-right: 5px}
.c-mr10{margin-right: 10px;}
.c-mr15{margin-right: 15px}
.c-mr20{margin-right: 20px !important;}
.c-mr24m{margin-right: -24px;}
.c-mr25{margin-right: 25px;}
.c-mr27{margin-right: 27px;}
.c-mr30{margin-right: 30px;}
.c-mr40{margin-right: 40px;}
.c-mr46{margin-right: 46px;}
.c-mr50{margin-right: 50px;}
.c-mr55{margin-right: 55px;}
.c-mr60{margin-right: 60px;}
.c-mr75{margin-right: 75px;}
.c-mr80{margin-right: 80px;}
.c-mr140{margin-right: 140px}
.c-mr160{margin-right: 160px}
.c-mlr10{margin-left: 10px; margin-right: 10px;}
.c-mv7{margin-top:7px; margin-bottom: 7px;}
.c-mv10{margin-top:10px; margin-bottom: 10px;}
.c-mv15{margin-top:15px; margin-bottom: 15px;}
.c-mv20{margin-top:20px; margin-bottom: 20px;}
.c-mv24{margin-top:24px; margin-bottom: 24px;}
.c-mv30{margin-top:30px; margin-bottom: 30px;}
.c-mv35{margin-top:35px; margin-bottom: 35px;}
.c-mv40{margin-top:40px; margin-bottom: 40px;}
.c-mv5{margin-top:5px; margin-bottom: 5px;}
.c-mt-3 { margin-top: -3px }
.c-mt-16{margin-top: -16px;}
.c-mt-24{margin-top: -240px;}
.c-mt-100{margin-top: -100px;}
.c-mt0{margin-top: 0px;}
.c-mt5{margin-top: 5px;}
.c-mt10{margin-top: 10px;}
.c-mt11{margin-top: 11px;}
.c-mt12{margin-top: 12px;}
.c-mt15{margin-top: 15px;}
.c-mt16{margin-top: 16px;}
.c-mt20{margin-top: 20px;}
.c-mt22{margin-top: 22px;}
.c-mt24{margin-top: 24px;}
.c-mt30{margin-top: 30px;}
.c-mt40{margin-top: 40px;}
.c-mt46{margin-top: 46px;}
.c-mt50{margin-top: 50px;}
.c-mt60{margin-top: 60px;}
.c-mt70{margin-top: 70px;}
.c-mt160{margin-top: 160px;}
.c-mt200{margin-top: 200px;}
.c-mb0{margin-bottom: 0px!important;}
.c-mb5{margin-bottom: 5px;}
.c-mb10{margin-bottom: 10px;}
.c-mb12{margin-bottom: 12px;}
.c-mb16{margin-bottom: 16px;}
.c-mb20{margin-bottom: 20px !important;}
.c-mb21{margin-bottom: 20px !important;}
.c-mb24{margin-bottom: 24px;}
.c-mb30{margin-bottom: 30px !important;}
.c-mb37{margin-bottom: 37px !important;}
.c-mb38{margin-bottom: 38px !important;}
.c-mb40{margin-bottom: 40px !important;}
.c-mb50{margin-bottom: 50px !important;}
.c-mb60{margin-bottom: 60px !important;}
.c-mb80{margin-bottom: 80px !important;}
.c-mb100{margin-bottom: 100px !important;}
.c-ml10{margin-left: 10px;}
.c-ml15{margin-left: 15px;}
.c-ml20{margin-left: 20px;}
.c-ml27{margin-left: 27px;}
.c-ml30{margin-left: 30px;}
.c-ml32{margin-left: 32px;}
.c-ml38{margin-left: 38px;}
.c-ml40{margin-left: 40px;}
.c-ml60{margin-left: 60px;}
.c-ml100{margin-left: 100px;}
.c-ml140{margin-left: 140px;}
.c-ml150{margin-left: 150px;}
.c-ml200{margin-left: 200px;}
.c-ml330{margin-left: 330px;}
.c-ml280{margin-left: 280px;}

.c-mauto{margin: auto;}
.c-mt-6{margin-top: -6px;}
.c-mt-23{margin-top: -23px;}
.c-mt2{margin-top: 2px;}
.c-mt18{margin-top: 18px;}
.c-mt26{margin-top: 26px;}
.c-mt38{margin-top: 38px;}
.c-mt50{margin-top: 50px;}
.c-mt65{margin-top: 65px;}
.c-mr2{margin-right: 2px;}
.c-mr4{margin-right: 4px;}
.c-mr6{margin-right: 6px;}
.c-mr8{margin-right: 8px;}
.c-mr2em{margin-right: 2em;}
.c-mr16{margin-right: 16px;}
.c-mr55{margin-right: 55px;}
.c-mb2em{margin-bottom: 2em}
.c-mb18{margin-bottom: 18px;}
.c-mb19{margin-bottom: 19px;}
.c-mb36{margin-bottom: 36px;}
.c-mb43{margin-bottom: 43px;}
.c-mb57{margin-bottom: 57px;}
.c-ml0{margin-left:0;}
.c-ml3{margin-left:3px;}
.c-ml5{margin-left:5px;}
.c-ml16{margin-left: 16px;}
.c-ml21{margin-left: 21px;}
.c-ml46{margin-left: 46px;}
.c-ml52{margin-left: 52px;}
.c-ml57{margin-left: 57px;}
.c-ml70{margin-left: 70px;}
.c-mh12{margin-left: 12px; margin-right: 12px;}
.c-mh52{margin-left: 52px; margin-right: 52px;}
.c-m60auto0{margin: 60px auto 0;}
.c-mv07em{margin-top: 0.7em; margin-bottom: 0.7em;}





/* mainbody */
.half {
  scale: 0.5;
}
.c-tag-float {
  position: absolute;
  left: 0;
  top: 0;
  width: 64px;
  line-height: 12px;
  background:linear-gradient(90deg,rgba(218,156,71,1), rgba(250,212,156,1));
  border-radius: 70px 4px 160px 0px;;
  color: rgba(60,63,74,1);
  padding: 6px 6px 6px 0;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}
.c-tag-float-super {
  /* background:linear-gradient(90deg,rgba(255,120,102,1), rgba(255,120,102,0.7)); */
  background:linear-gradient(90deg, rgba(60,63,74,1), rgba(71,75,90,1));
  color: rgba(252,202,178,1);
}

.c-tag {
  background-color: rgb(243, 246, 249);
  color: #5491ED;
  font-size: 10px;
  border-radius:2px;
  padding: 0 5px;
  margin-right: 6px
}

.c-footer {
  margin-top: 80px;
  background-color: #212D47;
  color: #8A8F9A;
  /* box-shadow:0px 5px 10px 0px rgba(21,120,255,0.1) inset; */
}

/* 媒体列表 */
.c-media-group {
  padding: 20px 0 0;
}

.c-media-content {
  margin-left: 10px;
  font-size: 12px
}

.c-media-item {
  margin-bottom: 2em;
  border-bottom: 1px solid #F1F1F1
}

.c-media-content-head .c-tag,
.c-media-content-head .c-time
 {
  font-size: 12px
}

.c-media-child {
  background-color: #FAFAFA;
  padding: 0 20px;
  margin: 15px 0
}

.c-media-child-item {
  border-bottom: 1px solid #F1F1F1;
  padding: 18px 0
}

.c-media-child-item:last-child {
  border-bottom: none
}

.loadmore {
  margin-top: 21px;
}

.vipDiscount {
  border-radius: 12px 12px 12px 0;
  background:linear-gradient(90deg,rgba(255,120,102,1),rgba(255,120,102,0.8));
  height: 24px;
}
/* 模块 */




.c-module-content {
  box-sizing: content-box
}

.c-module-grid {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  transition: all .3s;
}



.c-module-grid--updating::after {
  position: absolute;
  top: 20px;
  left: 20px;
  content: '更新中';
  width:54px;
  height:20px;
  background:rgba(94,202,112,1);
  border-radius:10px;
  color: white;
  text-align: center;
  line-height: 20px;
  font-size: 11px
}


.c-module-grid:hover {
  box-shadow:0px 0px 20px 1px rgba(0, 0, 0, 0.1);
  background-color: white;
  transform: translateY(-2px);
}

.c-module-grid > .icon {
  position: absolute;
  right: 10px;
  top: 45%;
  width: 30px;
  height: 20px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  text-align: center;
  font-size: 12px;
}
.c-module-img > .icon {
  position: absolute;
  right: 10px;
  bottom: 10px!important;
  width: 30px;
  height: 20px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  text-align: center;
  font-size: 12px;
}

.c-module--h .c-module-grid {
  box-sizing: border-box;
}
/*  课程模块样式*/
.c-course-box {
  width: 25%;
  float: left;
}
.c-course-box .c-course-grid {
  transition: transform .2s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.01), 0 6px 12px 0 rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  margin: 7.5px;
  cursor: pointer;
  border-radius: 8px;
}
.c-course-grid:hover{
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.06), 0 20px 40px 0 rgba(0,0,0,.06);
  transform: translate3d(0,-2px,0);
}
.c-course-box .c-course-grid .c-course-img {
  overflow: hidden;
  height: 176px;
  position: relative;
}
.c-course-box .c-course-grid .c-course-img > .icon {
  position: absolute;
  right: 10px;
  bottom: 10px!important;
  width: 30px;
  height: 20px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  text-align: center;
  font-size: 12px;
}
.c-course-box .c-course-grid .c-course-des .c-course-p {
  margin: 10px;
  height: 40px;
  line-height: 20px;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.c-course-box .c-course-grid .c-course-des .c-course-p .end-btn{
  background-image: url('../../static/i/end.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  width: 44px;
  height: 16px;
  display: inline-block;
  transform: translateY(3px);
}
.c-course-box .c-course-grid .c-course-des .c-course-date .c-course-date-bottom {
  margin: 10px;
}
.c-course-box .c-course-grid .c-course-des .c-course-date .c-course-date-bottom .data-watch {
  color: #999;
}
.c-course-box .c-course-grid .c-course-des .c-course-date .data-price {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 20px;
  margin-bottom: 16px;
  justify-content: space-between;
  display: flex;
  align-items: center;
  min-height: 22px;
}
.c-course-box .c-course-grid .c-course-des .c-course-date .data-price .price {
  color: #FF3F3C;
  font-weight: bold;
  font-size: 14px!important;
}
.c-course-box .c-course-grid .c-course-des .c-course-date .data-price .price span:first-of-type(1) {
  font-size: 12px;
}
.c-course-box .c-course-grid .c-course-des .c-course-date .data-price .con-btn {
  color: #fff;
  padding: 2px 8px;
  border-radius: 10px;
  background-color: #4C92fc;
}


.c-aside-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 20%;
}

.c-aside-item:not(.image):hover {
  border-bottom: none;
  background-color: #4C92FC
}
.c-aside-item:hover dl {
  color: #fff!important;
}
.c-aside-item:hover .third-panel {
  color: #333!important;
}
.c-aside-item:hover i {
  color: #fff!important;
}

.c-aside-item:last-child {
  border-bottom: none
}

.c-aside-item i {
  color: #000
}

.c-aside-item > a {
  display: block;
}

.c-aside-item > a > img {
  object-fit: cover;
}
.second-panel {
  z-index: 2;
  border-radius: 0px 4px 4px 0px;
  box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);
  background-color: #FAFAFA;
}
.second-panel a:hover{
  color: #5491ED
}
.second-panel a{
  color: inherit;
}
/* .second-panel .second-li:hover {
  color: #5491ED
} */
/* 三级导航样式 */
.hide{
  display: none!important;
}
.show{
  display: block;
}
.third-panel{
  background: #f2f2f2;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  padding: 15px 30px;
  width: 460px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 65px;
  z-index: 99;
}
.third-panel li {
  margin: 0 5px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}

/* 面包屑 */


/* 二维码 */
.c-qrcode-wrapper {
  /* width:200px;
  height:200px; */
  background:rgba(255,255,255,1);
  border:1px solid rgba(237, 237, 237, 0.5);
  box-shadow:0px 5px 10px 0px rgba(96,159,255,0.1);
  writing-mode: horizontal-tb;
  /* writing-mode: lr-tb\0; */
}

#login_modal .c-qrcode-wrapper {
  border: none;
  margin-top: 30px;
  margin-bottom: 15px;
}

.c-qrcode-wrapper > img {
  width:128px;
  height:128px;
}

/* 按钮 */
/* 种类: 1圆角大按钮 2圆角幽灵大按钮 3圆角中按钮 4渐变圆角按钮 5方角大按钮 */
.c-button {
  color: white;
  background: #4C92FC;
  outline: none;
  border: none;
  transition:  .3s;
}
.c-button-dis {
  color: #333;
  background: #ccc;
  outline: none;
  border: none;
}
.c-button:active,
.c-button:hover {
  background: #4C92FC;
  box-shadow: 0 3px 10px 0 rgb(64, 158, 255, 0.3);
}

.c-button:disabled {
  background: #ccc
}

.c-button-1 {
  font-size: 14px
}

.c-button-2 {
  font-size: 14px;
  background: white !important;
  border: 1px solid #63A1FC;
  color: #63A1FC;
}

.c-button-2:active,
.c-button-2:hover {
  border-color: #5991e2 !important;
  color: #5991e2 !important;
}

.c-button-2:disabled {
  color: #ccc !important;
  border-color: #ccc!important;
}

.c-button-3 {
  border-radius: 16px;
  font-size: 14px
}

.c-button-4 {
  border-radius: 12px;
  font-size: 12px;
  background:linear-gradient(90deg,rgba(93,133,251,1),rgba(109,198,253,1));
}

.c-button-4:hover,
.c-button-4:active {
  background: linear-gradient(90deg,rgba(99,161,252,1),rgba(109,198,253,1));
}

.c-button-5 {
  width: 144px;
  height: 44px;
  border-radius: 4px;
  font-size: 16px
}

/* 产品模块布局 */
.c-w6p{
  width: 16.66%;
}
.c-w5p {
  width: 20%;
}
.c-w3p{
  width: 33.33%;
}
.c-w4p{
  width: 25%;
}
.c-w2p{
  width: 50%;
}
.c-w1p{
  width: 100%!important;
}
.c-h2p {
  width: 225px;
  height: 150px;
}
.c-h3p{
  height: 238px;
}
.c-h4p{
  height: 176px;
}
.c-h5p {
  height: 139px;
}
/* 表单验证 */
label.error {
  color: red
}
input:disabled {
  background-color: rgb(245,248,251,1);
}
/* 连接线 */
.connect {
  width: 10px;
  position: relative;
}
.connect:after {
  content: '';
  position: absolute;
  height: 1px;
  width: 10px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: rgba(203, 203, 203, 1)
}
/* 下拉框样式 */
.select-box {
  position: relative;
}
.select-box input {
  border: 1px solid #E6E6E6;
  padding-left: 10px;
  width: inherit;
  height: inherit;
  box-sizing: border-box;
  border-radius: 2px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select-box .select-option,.select-box .select-content {
  z-index: 1;
  width: 100%;
  box-sizing: border-box;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  background-color: #fff;
  overflow: auto;
}
.select-box .select-option {
  max-height: 200px;
}
.select-box {
  position: relative;
   /*z-index: 90; */
}
.select-box .select-content {
  min-height: 50px;
  height: auto;
  margin-top: 10px;
  border: 1px solid #E6E6E6;
  z-index: 999;
  background-color: #fff;
  padding:10px 0;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}
.select-box .select-content a{
	display: block;
	padding: 0 20px;
}
.select-container{
	z-index: 99;
}
.select-height{
	max-height: 180px !important;
}
.select-box .select-content a:hover{
	background-color: #f5f7fa;
}
.select-box .select-option a {
  display: block;
  text-indent: 10px;
  border-bottom: 1px solid #E6E6E6;
}
.select-box .select-border{
	border: 1px solid #E6E6E6;
	margin-top:10px;
}
.select-box .select-border a{
	border-bottom: none !important;
}
.select-box .select-option a:hover {
  background-color: #f5f7fa;
}
/*上 下三角*/
.select-box.down:before,.select-box.down:after,.select-box.up:before,.select-box.up:after{
	pointer-events:none;
	content: '';
  position: absolute;
  right: 10px;
  bottom: 0;
  margin: auto;
  width:0;
  height:0;
  border-style:solid;
}
.angle.down:before,.angle.down:after,.angle.up:before,.angle.up:after{
	right: 0 !important;
}
.select-box.down:before,.select-box.down:after{
	border-width:5px 5px 0;
}
.select-box.down:before {
  top: 0;
  border-color:#999999 transparent transparent;/*灰 透明 透明 */
}
.select-box.down:after {
  top: -1px;
  border-color:#fff transparent transparent;
}
.select-box.up:before,.select-box.up:after{
	border-width:0 5px 5px;
}
.select-box.up:before {
  top: 0;
  border-color:transparent transparent #999999;
}
.select-box.up:after {
  top: 2px;
  border-color:transparent transparent #fff;
}
.c-img {
  display: block;
  width: 100%;
  height: 100%;
}

.select-box .select-option {
  position: absolute;
}

/* 单选 */
.c-radio-group > input+label {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border:1px solid rgba(230,230,230,1);
}

.c-radio-group > input:checked+label {
  border: #5491ED 5px solid;
  width: 4px;
  height: 4px;
}

/* 右箭头 */
.rightArrow {
  position: relative;
  display: inline-block;
  width: 6px;
  height: 9px;
}
.rightArrow:after {
  position: absolute;
  content: '';
  width:0;
  height:0;
  right: -1px;
  border-width:4.5px 0 4.5px 6px;
  border-style:solid;
  border-color:transparent transparent transparent #999;
  top: 0;
  bottom: 0;
  margin: auto;
}
.rightArrow:before {
  position: absolute;
  content: '';
  width:0;
  height:0;
  border-width:4.5px 0 4.5px 6px;
  border-style:solid;
  right: 0px;
  border-color:transparent transparent transparent #fff;
  z-index: 8;
  top: 0;
  bottom: 0;
  margin: auto;
}

/*loading*/
#loading  {
  height: 3px;
  position:fixed;
  top: 0;
  z-index:999;
  background-color: #5491ED;
  transition: opacity 0.5s linear;
}
/*nicescroll 下拉框滚动条*/
.nicescroll-cursors{
	background: #ccc !important;
}
/*Element库 日期样式*/
.el-input--prefix .el-input__inner {
	/* padding-left: 1em !important; */
	/* padding-right: 0 !important; */
	height: 36px;
	line-height: 36px;
}

.el-input__suffix-inner > i {
	color: #e5e5e5
}

.el-input__inner::-ms-input-placeholder {
	text-align: center;
}
.el-input__inner::-webkit-input-placeholder {
	text-align: center;
}



/* 添加样式 */
.sales .c-button {
  background: #FF3F3C!important;
}
.sales .c-button:active, .sales .c-button:hover {
  box-shadow: 0 3px 10px 0 #FF3F3C;
}
.sales .c-button-2 {
  border: 1px solid #FF3F3C;
  color: #FF3F3C;
  background: #fff!important;
}
.sales .c-button-2:hover {
  border: 1px solid #FF3F3C!important;
  color: #FF3F3C!important;
  box-shadow: 0 3px 10px rgba(255,63,60,0.4);
}
.sales .btn-shadow {
  box-shadow: 0 3px 10px rgba(255,63,60,0.4);
}



.c-t3{top: 3px;}
.c-t16{top: 16px;}
.c-t18{top: 18px;}
.c-t50p{top: 50%;}
.c-t110{top: 110px;}
.c-t-12{top: -12px;}
.c-t-16{top: -16px;}
.c-b-10{bottom: -10px;}
.c-b0{bottom: 0px;}
.c-b5{bottom: 5px;}
.c-b22{bottom: 22px;}
.c-b25{bottom: 25px;}
.c-b43{bottom: 43px;}
.c-b60{bottom: 60px;}
.c-b45p{bottom: 45%;}
.c-r10{right: 10px;}
.c-r16{right: 16px;}
.c-r20{right: 20px;}
.c-r25{right: 25px;}
.c-l50p{left: 50%;}

.mp-show{ display: none; }
.mp-flex{ display: none; }
.vip-button {
  color: #4C92FC;
  background: rgba(99,161,252,.1);
  border: none;
}
.c-vip-btn {
  background:linear-gradient(130deg,rgba(218,156,71,1),rgba(232,184,118,1));
}
.c-vip-btn:hover {
  background: rgba(218,156,71,1);
}
.c-svip-btn {
  background:linear-gradient(130deg,rgba(71,75,90,1) 0%,rgba(60,63,74,1) 100%);
}
.c-svip-btn:hover {
  background: #3C3F4A;
}
.c-bg-dots {
    background:linear-gradient(90deg,rgba(37,39,46,1) 0%,rgba(60,63,74,1) 100%);
}
@media screen and (max-width: 1024px) {
  body{
    min-width: 1024px;
    width: 100%;
  }
  .c-wrapper{
    width: 980px!important;
  }
  .bannerTop{
    max-width: 980px!important;
  }
  .c-module {
    width: 980px!important;
  }
  .imgWrapper{
    width: 960px!important;
  }
}
@media screen and (max-width: 768px) {
  body {
    min-width: 100%!important;
  }
  .c-minh22 {
    min-height: 45px;
  }
  	/* 导航栏 */

  .mp-contentX-scroll { overflow-x: scroll!important; }

  /* 宽度 */
  .mp-wauto{width: auto;}
  .mp-w20{width: 20px!important;}
  .mp-w36{width: 36px!important;}
	.mp-w80{width: 80px;}
  .mp-w320{width: 320px!important;}
	.mp-w06rem{width: 0.6rem!important;}
	.mp-w08rem{width: 0.8rem!important;}
	.mp-w1rem{width: 1rem;}
	.mp-w13rem{width: 1.3rem;}
	.mp-w2rem{width: 2rem!important;}
	.mp-w25rem{width: 2.5rem !important;}
  .mp-w3rem{width: 3rem!important;}
  .mp-w35rem{width: 3.5rem!important;}
	.mp-w4rem{ width: 4.0rem !important; }
	.mp-w25p{width: 25%!important;}
	.mp-w20p{width: 20%!important;}
  .mp-w30p { width: 30%!important;}
  .mp-w35p { width: 35%!important;}
	.mp-w32p{width: 32% !important;}
  .mp-w40p{width: 40%!important;}
  .mp-w41p{width: 41%!important;}
	.mp-w42p{ width: 42%; }
	.mp-w45p{width: 45%!important;}
	.mp-w50p{width: 50%!important;}
	.mp-w60p{width: 60%!important;}
	.mp-w65p{width: 65%!important;}
	.mp-w78p{width: 78%;}
	.mp-w80p{width: 80%!important;}
	.mp-w85p{width: 85%!important;}
	.mp-w90p{width: 90%!important;}
	.mp-w95p { width: 95% !important; }
  .mp-w100p { width: 100% !important; }
  .mp-w104p{width: 104% !important}
  .mp-maxw24rem{max-width: 2.4rem;}
  .mp-maxw25p { max-width: 25%; }
  .mp-maxw100p { max-width: 100%; }

	/* 高度 */
  .mp-h5p{height: 5%;}
  .mp-h14{height: 14px!important;}
  .mp-h15{height: 15px!important;}
	.mp-h100p{height: 100%!important;}
	.mp-h036rem{height: 0.36rem!important;}
	.mp-h08rem{height: 0.8rem !important;}
	.mp-h2rem{height: 2rem!important;}
  .mp-h25rem{height: 2.5rem;}
  .mp-h10{height: 10px;}
  .mp-h20{height: 20px;}
  .mp-h35{height: 35px;}
  .mp-h220{height: 220px;}
  .mp-h350{height: 350px!important;}
  .mp-h420{height: 420px!important;}
  .mp-h500{height: 500px!important;}
  .mp-h158{height: 158px!important;}
  .mp-h200{height: 200px!important;}
  .mp-minh200{min-height: 200px!important;}
  .mp-h15rem{ height: 1.5rem !important; }
	.mp-h24rem{height: 2.4rem;}
	.mp-h25rem{height: 2.5rem;}
	.mp-h35rem{ height: 3.5rem !important; }
  .mp-h4rem{ height: 4.0rem !important; }
  /* .mp-h42rem{ height: 4.6rem !important; } */
  .mp-h43rem{ height: 4.3rem !important; }
	.mp-h41rem{ height: 4.1rem !important; }
	.mp-maxh4rem{max-height: 4.0rem;}
	.mp-maxh100p { max-height: 100%; }
	.mp-hauto{height: auto !important;}
	.mp-minh0{min-height: 0 !important;}

  /* 定位 */
  .mp-t50{top: 50px!important;}
  .mp-t100{top: 100px!important;}
  .mp-t243{top: 243px;}
  .mp-t244{top: 244px;}
  .mp-t440{top: 440px;}
	.mp-t174rem{top: 1.74rem!important;}
  .mp-t200p{top: 200% !important;}
  .mp-r0{right: 0px;}
  .mp-r5{right: 5px;}
  .mp-r10{right: 10px!important;}
  .mp-r24{right: 24px!important;}
  .mp-r30{right: 30px!important;}
	.mp-r03rem{right: 0.3rem!important;}
  .mp-b0{bottom: 0 !important;}
  .mp-b60{bottom: 60px !important;}
  .mp-l72{left: 72px;}
  .mp-l82{left: 82px;}
  .mp-l40p{left: 40%!important;}

  /* padding */
  .mp-p0 { padding: 0!important; }
  .mp-pt0 { padding-top: 0!important; }
  .mp-pt80{ padding-top: 80px!important; }
  .mp-pt83{ padding-top: 83px!important; }
	.mp-pt01rem{padding-top: 0.1rem!important;}
	.mp-pt02rem{padding-top: 0.2rem!important;}
	.mp-pt04rem{padding-top: 0.4rem !important;}
	.mp-pt06rem{padding-top: 0.6rem!important; }
	.mp-pt35{padding-top: 35px!important;}
	.mp-pt20p{padding-top: 20%!important;}
	.mp-pb0{padding-bottom: 0!important;}
  .mp-pb5{padding-bottom: 5px!important;}
  .mp-pb10{padding-bottom: 10px!important;}
  .mp-pb30{padding-bottom: 30px;}
  .mp-pb04rem{padding-bottom: 0.4rem;}
	.mp-pb4rem{padding-bottom: 4rem;}
	.mp-pr0rem{padding-right: 0!important;}
	.mp-pl0{padding-left: 0!important;}
	.mp-pl004rem{padding-left: 0.04rem;}
  .mp-pl5p{padding-left: 5%!important;}
  .mp-pl20p{padding-left: 20%!important;}
	.mp-pl01rem{padding-left: 0.1rem !important;}
	.mp-pl02rem{padding-left: 0.2rem;}
	.mp-pl04rem{padding-left: 0.4rem;}
	.mp-pl10p{padding-left: 10%!important;}
  .mp-ph0{padding-left: 0 !important;padding-right: 0 !important;}
  .mp-ph1{padding-left: 1px !important;padding-right: 1px !important;}
  .mp-ph5{padding-left: 5px !important;padding-right: 5px !important;}
	.mp-ph2p { padding-left: 2%; padding-right: 2%; }
	.mp-ph5p { padding-left: 5%; padding-right: 5%; }
	.mp-ph01rem{padding-left: 0.1rem!important; padding-right: 0.1rem!important;}
	.mp-ph02rem{padding-left: 0.2rem!important; padding-right: 0.2rem!important;}
	.mp-ph04rem{padding-left: 0.4rem!important; padding-right: 0.4rem!important;}
	.mp-pv0{padding-top: 0!important;padding-bottom: 0!important;}
  .mp-pv2p{padding-top: 2%!important;padding-bottom: 2%!important;}
  .mp-pv2{padding-top: 2px!important;padding-bottom: 2px!important;}
  .mp-pv01rem { padding-top: 0.1rem!important; padding-bottom: 0.1rem!important; }
	.mp-pv02rem { padding-top: 0.2rem!important; padding-bottom: 0.2rem!important; }

	/* margin */
	.mp-m0{margin: 0!important;}
  .mp-m0auto{margin: 0 auto;}
  .mp-mt-16{margin-top: -16px;}
	.mp-mt-18{margin-top: -18px;}
	.mp-t-18{top: -18px!important;}
	.mp-mt-04rem{margin-top: -0.4rem;}
	.mp-mt-05rem{margin-top: -0.5rem;}
	.mp-mt-06rem{margin-top: -0.6rem!important;}
	.mp-mt-14rem{margin-top: -1.4rem!important;}
  .mp-mt0{ margin-top: 0px !important; }
  .mp-mt5{ margin-top: 5px !important; }
  .mp-mt10{ margin-top: 10px !important; }
  .mp-mt24{ margin-top: 24px; }
	.mp-mt01rem{margin-top: 0.1rem!important;}
	.mp-mt02rem{margin-top: 0.2rem!important;}
	.mp-mt04rem{ margin-top: 0.4rem!important;}
	.mp-mt06rem{margin-top: 0.6rem!important;}
	.mp-mt1rem{margin-top: 1rem;}
	.mp-mt14rem{margin-top: 1.4rem!important;}
	.mp-mt10p{margin-top: 10%}
	.mp-mr0{margin-right: 0!important;}
	.mp-mr8p{margin-right: 8%;}
	.mp-mr01rem{margin-right: 0.1rem!important;}
	.mp-mr02rem{margin-right: 0.2rem!important;}
	.mp-mr04rem{margin-right: 0.4rem!important;}
	.mp-mr06rem{margin-right: 0.6rem !important;}
	.mp-mb0 { margin-bottom: 0 !important; }
	.mp-mb30 { margin-bottom: 30px !important; }
	.mp-mb02rem{margin-bottom: 0.2rem!important;}
	.mp-mb04rem{margin-bottom: 0.4rem!important;}
	.mp-mb06rem{margin-bottom: 0.6rem!important;}
  .mp-ml-25rem{margin-left: -2.5rem!important;}
  .mp-ml-60p{margin-left: -60%!important;}
	.mp-ml0{margin-left: 0rem!important;}
	.mp-ml01rem{margin-left: 0.1rem;}
	.mp-ml02rem{margin-left: 0.2rem!important;}
	.mp-mlauto{margin-left: auto!important;}
	.mp-ml10{margin-left: 10px;}
  .mp-ml08rem{margin-left: 0.8rem !important;}
  .mp-ml5p{margin-left: 5%!important;}
  .mp-ml6p{margin-left: 6%!important;}
  .mp-ml10p{margin-left: 10%!important;}
  .mp-ml15p{margin-left: 15%!important;}
  .mp-ml25p{margin-left: 25%!important;}
  .mp-ml35p{margin-left: 35%!important;}
	.mp-ml50p{margin-left: 50%!important;}
	.mp-ml60p{margin-left: 60%;}
	.mp-ml32rem{margin-left: 3.2rem;}
	.mp-ml35rem{margin-left: 3.5rem;}
	.mp-ml5p{margin-left: 5%;}
	.mp-ml04rem{margin-left: 0.4rem;}
	.mp-ml30p{margin-left: 30%!important;}
	.mp-ml40p{margin-left: 40%;}
	.mp-mhauto{margin-left: auto!important;margin-right: auto!important;}
	.mp-mh0{margin-left: 0rem!important; margin-right: 0rem!important;}
	.mp-mh01rem{margin-left: 0.1rem; margin-right: 0.1rem}
  .mp-mh2p{ margin-left: 2%; margin-right: 2%; }
	.mp-mh4p{ margin-left: 4%; margin-right: 4%; }
	.mp-mh5p{ margin-left: 5%; margin-right: 5%; }
	.mp-mh01rem{margin-left: 0.1rem!important; margin-right: 0.1rem!important;}
	.mp-mh02rem{margin-left: 0.2rem!important; margin-right: 0.2rem!important;}
  .mp-mh05rem{margin-left: 0.5rem; margin-right: 0.5rem;}
  .mp-mv01rem { margin-top: 0.1rem!important; margin-bottom: 0.1rem!important; }
	.mp-mv02rem { margin-top: 0.2rem!important; margin-bottom: 0.2rem!important; }

	.mp-lh04rem{line-height: 0.4rem;}
  .mp-lh08rem{line-height: 0.8rem !important;}
  .mp-lh15{line-height: 15px!important;}
	.mp-lh40{line-height: 40px;}

  .mp-fs8{font-size: 8px !important;}
  .mp-fs10{font-size: 10px !important;}
  .mp-fs12{font-size: 12px !important;}
	.mp-fs14{font-size: 14px !important;}
	.mp-fs16{font-size: 16px!important;}
  .mp-fs18{font-size: 18px!important;}
  .mp-fs20{font-size: 20px!important;}
	.mp-fs24{font-size: 24px!important;}
	.mp-fs02rem{font-size: 0.2rem!important;}
  .mp-fs04rem{font-size: 0.4rem!important;}
  .mp-fw400{font-weight: 400;}
  .mp-fc-fad49c{color: #fad49c;}

  .mp-border-w1{border-width: 1px!important;}
  .mp-border-r0{border-radius: 0!important;}
  .mp-border-r4{border-radius: 4px!important;}
  .mp-border-r8{border-radius: 8px!important;}
  .mp-border-r12{border-radius: 12px!important;}
  .mp-border-r22{border-radius: 22px;}
  .mp-border-1sf2{border: 1px solid #f2f2f2!important;}

	.mp-backgroundPosition-100p0{background-position: 100% 0 !important;}
	.mp-background-size15{background-size: 15px 15px!important;}

	.mp-transform-X0{transform: translateX(0px) !important;}
	.mp-transform-X25rem{transform: translateX(2.5rem) !important;}

  .mp-bg-white{background-color: #fff; }
  .mp-bg-f2{background-color: #f2f2f2; }
  .mp-bg-1a{background-color: #1a1a1a; }
	.mp-hide { display: none; }
	.mp-show { display: block!important; }
	.mp-flex { display: flex !important; }
	.mp-clear-b{clear: both;}
	.mp-position-a{position: absolute!important;}
	.mp-flexDirection-r{flex-direction: row;}
	.mp-flexDirection-c{ flex-direction: column;}
	.mp-flex1{flex: 1;}
	.mp-flex4{flex: 4;}
	.mp-flexauto{flex: auto !important;}
  .mp-flexWrap-w{flex-wrap: wrap;}
  .mp-flex-vc{align-items: center}
	.mp-overflow-h{overflow: hidden;}
	.mp-overflow-a{overflow: auto;}
	.mp-textOverflow-e{text-overflow: ellipsis;}
	.mp-whitespace-nr{white-space: nowrap;}
	.mp-whitespace-nm{white-space: normal;}
	.mp-textAlign-c{text-align: center;}
	.mp-textAlign-l{text-align: left;}
	.mp-flo-n{float: none;}
	.mp-flo-r{float: right;}
	.mp-flo-l{float: left;}
  .mp-text-hide {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
	.mp-display-b{display: block!important;}
	.mp-display-il{ display: inline; }
  .mp-display-ib{display: inline-block !important;}
  .mp-display-wb{display: -webkit-box!important;}
  .mp-wordBreak-b{word-break: break-all;}
  .mp-opa-04{opacity: 0.4!important;}
  .mp-opa-1{opacity: 1!important;filter: alpha(opacity=100);}

  .mp-header-scroll{
    white-space: nowrap;
    overflow-x: auto;
  }
  .mp-module-grid{
    border-radius: 8px;
    background-color: white;
  }

  .c-module-grid > .icon {top: 87px;}
  .c-bg-dots {
    background-image: url(/static/i/bg_small.png);
    background-size: 100% 100%;
  }
  .c-wrapper{
    width: 100%!important;
  }
}
.interable-img {
  width: auto;  
  height: auto;  
  max-width: 100%;  
  max-height: 100%;
}
.cantCopyWord {
  user-select: none;
}
.cantCopyImg img{
  pointer-events:none
}
.cantCopy {
  user-select: none;
}
.cantCopy img {
  pointer-events:none
}


.show-fade-enter-active {
  transition: all .3s ease;
}
.show-fade-leave-active {
  transition: all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.show-fade-enter, .show-fade-leave-to {
  opacity: 0;
}

.slide-fade-enter-active {
  transition: all .3s ease;
}
.slide-fade-leave-active {
  transition: all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
.slide-fade-enter, .slide-fade-leave-to {
  transform: translateX(10px);
  opacity: 0;
}

.bounce-enter-active {
  animation: bounce-in .5s;
}
.bounce-leave-active {
  animation: bounce-in .5s reverse;
}
@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}