@charset "utf-8";

html {
	font-size: 20px;
}

/* 思源宋体，加载速度慢需要四五秒 */
/* @font-face {
	font-family: 'Source Han Serif';
	src: url('//kpstaticoss.ckjr001.com/new-official-site/SourceHanSerifCN-Medium.otf') format('opentype');
} */

* {
	padding: 0;
	margin: 0;
	font-style: normal;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
}

body {
	font-size: 14px;
	position: relative;
}

html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
address,
cite,
code,
del,
em,
img,
ins,
small,
strong,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

body,
ul,
li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}

strong {
	font-weight: bold;
}

ul {
	list-style-type: none;
}

a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none;
	color: inherit;
}

img {
	border-style: none;
	border: none;
	margin: 0;
}

.hide {
	display: none;
}

.show {
	display: block;
}
.c-block{display: block;}

.c-fm-syst { font-family: 'Source Han Serif' !important;}

[v-cloak] {
	display: none;
}

input:-moz-placeholder,
textarea:-moz-placeholder { 
    color: rgba(93, 73, 73, 0.3);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { 
    color: rgba(93, 73, 73, 0.3);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { 
    color: rgba(93, 73, 73, 0.3) ;
}

/* flex */
.c-flex-row{display:flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row;}
.c-flex-column{display:flex;display: -webkit-flex;flex-direction: column; -webkit-flex-direction: column;}
.c-flex-column-i{display:flex !important;display: -webkit-flex;flex-direction: column; -webkit-flex-direction: column;}
.c-flexw-wrap{flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.c-aligni-center{align-items:center; -webkit-align-items:center;}
.c-aligni-start{align-items:flex-start; -webkit-align-items:flex-start;}
.c-aligni-end{align-items:flex-end; -webkit-align-items:flex-end;}
.c-aligni-baseline{align-items:baseline; -webkit-align-items:baseline;}/*项目的第一行文字的基线对齐。*/
.c-aligni-stretch{align-items:stretch; -webkit-align-items:stretch;}/*如果项目未设置高度或设为auto，将占满整个容器的高度*/
.c-justify-sa{justify-content:space-around; -webkit-justify-content:space-around;}/*每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍。*/
.c-justify-sb{justify-content:space-between; -webkit-justify-content:space-between;}/*两端对齐，项目之间的间隔都相等。*/
.c-justify-center{justify-content:center; -webkit-justify-content:center;}
.c-justify-start{justify-content:flex-start; -webkit-justify-content:flex-start;}
.c-justify-end{justify-content:flex-end; -webkit-justify-content:flex-end;}
.c-flex-grow1{flex-grow:1; -webkit-flex-grow:1;}
.c-flex-center{align-items:center; -webkit-align-items:center;justify-content:center; -webkit-justify-content:center;}
.c-flex-shrink0{flex-shrink: 0;-webkit-flex-shrink:0;}
.c-flex-1 {-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1; flex: 1;}

/*文字隐藏*/
.c-text-hidden{overflow: hidden;}
.c-content-scroll{overflow: scroll;}
.c-content-auto{overflow: auto;}
.c-contextX-scroll{overflow-x:scroll;}
.c-contextX-hidden{overflow-x:hidden;}
.c-contexty-scroll{overflow-y:scroll;}
.c-contexty-hidden{overflow-y:hidden;}
.c-contexty-auto{overflow-y:auto;}

/*opacity + 透明度  0-100 */
.c-opacity0{opacity: 0}
.c-opacity50{opacity: .5}
.c-opacity80{opacity: .8}
.c-opacity100{opacity: 1}

/*text-align textAlign + 方向*/
.c-textAlign-l{text-align: left;}
.c-textAlign-c{text-align: center;}
.c-textAlign-r{text-align: right;}
/*letter-spacing*/
.c-spacing-1{
  letter-spacing:1px;
}

/*自动换行*/
.c-ww-bw{word-wrap: break-word;}
.c-wb-ba{word-break:break-all;word-wrap:break-word;}
.c-ws-n{white-space: nowrap;}
.c-ws-pw{white-space: pre-wrap;}
.c-ws-ka{word-break: keep-all}

/* 首行缩进 */
.c-ti-2{text-indent: 2em;}

/*文字省略号*/
.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-ellipsis3{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.c-text-ellipsis4{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.c-text-ellipsis5{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
.c-text-ellipsis6{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden;}
.c-text-ellipsis7{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden;}

.c-italic-text {
  font-style: italic;
}

/*文字阴影*/
.c-text-shadow2{text-shadow: 0px 2px 4px 0px rgba(0,0,0,0.6);}

/*font-size  c-fs + 字号 */
.c-fs0{font-size: 0;}
.c-fs6{font-size:12px;  transform: scale(0.5);}
.c-fs8{font-size:12px;  transform: scale(0.67);}
.c-fs9{font-size:12px; transform: scale(0.75);}
.c-fs10{font-size:12px; transform: scale(0.83);}
.c-fs11{font-size:12px; transform: scale(0.92);}
/* 以上小于12px的字号，正常情况下只有移动端会用到 */
.c-fs12{font-size:12px;}
.c-fs13{font-size:13px;}
.c-fs14{font-size: 14px;}
.c-fs15{font-size: 15px;}
.c-fs16{font-size: 16px;}
.c-fs17{font-size: 17px;}
.c-fs18{font-size: 18px;}
.c-fs19{font-size: 19px;}
.c-fs20{font-size: 20px;}
.c-fs21{font-size: 21px;}
.c-fs22{font-size: 22px;}
.c-fs22-i{font-size: 22px !important;}
.c-fs23{font-size: 23px;}
.c-fs24{font-size: 24px;}
.c-fs25{font-size: 25px;}
.c-fs26{font-size: 26px;}
.c-fs28{font-size: 28px;}
.c-fs30{font-size: 30px;}
.c-fs32{font-size: 32px;}
.c-fs34{font-size: 34px;}
.c-fs35{font-size: 35px;}
.c-fs36{font-size: 36px;}
.c-fs37{font-size: 37px;}
.c-fs38{font-size: 38px;}
.c-fs40{font-size: 40px;}
.c-fs42{font-size: 42px;}
.c-fs43{font-size: 43px;}
.c-fs46{font-size: 46px;}
.c-fs47{font-size: 47px;}
.c-fs48{font-size: 48px;}
.c-fs50{font-size: 50px;}
.c-fs52{font-size: 52px;}
.c-fs54{font-size: 54px;}
.c-fs56{font-size: 56px;}
.c-fs58{font-size: 58px;}
.c-fs60{font-size: 60px;}
.c-fs70{font-size: 70px;}
.c-fs80{font-size: 80px;}
.c-fs100{font-size: 100px;}
.c-fs128{font-size: 128px;}
/* 字体加粗 */
.c-fw-b{font-weight: bold;}
.c-fw400 {font-weight: 400}
.c-fw500 {font-weight: 500}
.c-fw600 {font-weight: 600}
.c-fw700 {font-weight: 700}
.c-fw900 {font-weight: 900}
.c-fw-n{font-weight: normal;}

/* color  c-fc + 色值 （一般ui会给设置模板色，不会有太多色值，命名用颜色的英文命名，
对比已经有的颜色，比现有的颜色c-fc-yellow浅的，就加m在颜色前面如c-fc-myellow，比c-fc-myellow浅的就加s，如c-fc-syellow,深的c-fc-lyellow,更加深的c-fc-xlyellow） */

.c-fc-myellow{color: #d5a357;}
.c-fc-lyellow{color: #F6D295;}
.c-fc-xlyellow{color: #FBB449;}
.c-fc-orange{color: #FF6B01;}
.c-fc-orange-80{color: rgba(255,107,1, 0.8);}
.c-fc-orange-i{color: #FF6B01 !important;}
.c-fc-FE6C02{color: #FE6C02;}
.c-fc-000{color: #000;}
.c-fc-061327{color: #061327;}
.c-fc-1A1F21{color: #1A1F21;}
.c-fc-222{color: #222;}
.c-fc-333{color: #333;}
.c-fc-333-i{color: #333 !important;}
.c-fc-333-80{color: rgba(51,51,51,0.8);}
.c-fc-351B0C{color: #351B0C;}
.c-fc-48{color: #484848;}
.c-fc-555{color: #555;}
.c-fc-5D4949{color: #5D4949;}
.c-fc-666{color: #666;}
.c-fc-78{color: #787878;}
.c-fc-737880{color: #737880;}
.c-fc-888{color: #888;}
.c-fc-999{color: #999;}
.c-fc-9498a0{color: #9498a0;}
.c-fc-fff-50{color: rgba(255,255,255,0.5);}
.c-fc-fff-70{color: rgba(255,255,255,0.7) !important;}
.c-fc-fff-80{color: rgba(255,255,255,0.8);}
.c-fc-fff-90{color: rgba(255,255,255,0.9);}
.c-fc-fff{color: #fff;}
.c-fc-fff-i{color: #fff !important;}
.c-fc-fd691b{color: #FD691B;}
.c-fc-ff6b01{color: #FF6B01;}
.c-fc-84{color: #848484;}
.c-fc-ccc{color: #ccc;}
.c-fc-light-orange48{color: rgba(163, 68, 1, 0.48);}
.c-fc-FFF3CA{color: #FFF3CA;}
.c-fc-7F7F7F{color: #7F7F7F;}
.c-fc-F3D8BB{color: rgba(243, 216, 187, 0.8);}
.c-fc-4A1A0B{color: #4A1A0B;}
.c-fc-red{color: #ff0000;}
.c-fc-FBEBB4{color: #FBEBB4;}
.c-fc-713810{color: #713810;}
.c-fc-FE6A02{color: #FE6A02;}
.c-fc-FD6B03{color: #FD6B03;}

.c-ls-1 {letter-spacing: 1px;}
.c-ls-2 {letter-spacing: 2px;}
.c-ls-3 {letter-spacing: 3px;}
.c-ls-4 {letter-spacing: 4px;}
.c-ls-6 {letter-spacing: 6px;}
.c-ls-12 {letter-spacing: 12px;}
.c-ls-16 {letter-spacing: 16px;}

.c-vertical-text {writing-mode: vertical-rl; /* 文字从上到下竖排，从右到左 */}

/*background-color c-bg 跟color的颜色命名规则一样 rgba 可以有透明度，直接加在颜色后面，也是0-100*/
.c-bg-fff { background: #FFF; }
.c-bg-fff-24 { background: rgba(255,255,255,0.24); }
.c-bg-fff-30 { background: rgba(255,255,255,0.3); }
.c-bg-fff-50 { background: rgba(255,255,255,0.5); }
.c-bg-fff-70 { background: rgba(255,255,255,0.7); }
.c-bg-fff-80 { background: rgba(255,255,255,0.8); }
.c-bg-fff-90 { background: rgba(255,255,255,0.9); }
.c-bg-F5F7FA { background: #F5F7FA; }
.c-bg-F6 { background: #F6F6F6; }
.c-bg-f8f8fa { background: #F8F8FA; }
.c-bg-FF6B01 { background: #FF6B01; }
.c-bg-fef7ea{background: #FEF7EA;}
.c-bg-orange{background: #FF6B01}
.c-bg-FE6C02 { background: #FE6C02; }
.c-bg-orange50{background: rgba(248,147,93,0.5)}
.c-bg-white { background: #fff; }
.c-bg-f7f7f9 { background: #f7f7f9; }
.c-bg-black { background: #000000; }
.c-bg-D1 { background: #D1D1D1; }
.c-bg-black-20 { background: rgba(0,0,0,0.2); }
.c-bg-black-40 { background: rgba(0,0,0,0.4); }
.c-bg-black-50 { background: rgba(0,0,0,0.5); }
.c-bg-black-70 { background: rgba(0,0,0,0.7); }
.c-bg-21 { background: #212121; }
.c-bg-333 { background: #333; }
.c-bg-30 { background: #303030; }
.c-bg-fef7ea { background: #fef7ea; }
.c-bg-FD691B { background: #FD691B; }
.c-bg-FFE8C1 { background: #FFE8C1; }
.c-bg-E5E6E7 { background: #E5E6E7; }
.c-bg-linear-gray { background-image: linear-gradient(-9deg, #414650 71%, #3C3E4B 71%); }
.c-bg-FBFBFC{background-color: #FBFBFC;}
.c-bg-17181B{background-color: #17181B;}
.c-bg-FFFDFA{background-color: #FFFDFA;}
.c-bg-FDFBFA { background: #FDFBFA; }
.c-bg-FD6B03 { background: #FD6B03; }
.c-bg-FBCCA2 { background: #FBCCA2; }
.c-bg-FCB375 { background: #FCB375; }
.c-bg-FD994C { background: #FD994C; }
.c-bg-FD8027 { background: #FD8027; }
.c-bg-FFF5F0 { background: #FFF5F0; }
.c-bg-transparent { background: transparent; }
.c-bg-linear-orange {background: linear-gradient(0deg,rgba(255, 107, 1, 1),rgba(254, 135, 54, 0.8));}
.c-bg-linear-orange-90deg {background: linear-gradient(90deg,rgba(255, 107, 1, 0.9),rgba(254, 135, 54, 0.8));}
.c-bg-linear-black {background: linear-gradient(270deg,rgba(102, 102, 102, 1),rgba(51, 51, 51, 1));}
.c-bg-linear-FFF7F2{background: linear-gradient(0deg,rgba(255, 247, 242, 0.3),#FFFFFF);}
.c-bg-linear-FFF{background: linear-gradient(0deg,rgba(255, 255, 255, 1),rgba(255, 255, 255, 0.8));}
.c-bg-linear-orange-90deg-100 {background: linear-gradient(90deg,#FF6B01,#FE8736);}
.c-bg-linear-orange-270deg-100 {background: linear-gradient(270deg,#FF6B01,#FE8736);}
.c-bg-linear-orange-90deg2 {background: linear-gradient(90deg, #FF7B2B 0%, #FE9756 100%);}
.c-bg-linear-FFC2A1 {background: linear-gradient(0deg, #FC6900 0%, #FFC2A1 100%);}
.c-bg-linear-FDDDB4 {background: linear-gradient(0deg,rgba(253, 221, 180, 1) -20%, rgba(255,255,255,0.9) 80%)}
.c-bg-linear-FAE7AC {background: linear-gradient(270deg,rgba(250, 231, 172, 1) -20%, rgba(251, 250, 219, 1) 80%)}

/* box-shadow */
.c-box-shadow{box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);}
.c-box-shadow2{box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);}
.c-box-shadow3 {box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.05);}

/*border c-bd + 边框大小 + 颜色 如c-bd1-green； c-bd-方向（t/r/b/l）+ 边框大小 + 颜色 如c-bd-b1-gray*/
.c-bd0{border: none;}
.c-bd1-green{border:1px solid #66CC33;}
.c-bd1-e9e9e9{border:1px solid #E9E9E9;}
.c-bd1-666{ border:1px solid #666; }
.c-bd1-999{border:1px solid #999;}
.c-bd1-999-50{border:1px solid rgba(153, 153, 153, 0.5);}
.c-bd1-black{border:1px solid #000000;}
.c-bd1-fff{border:1px solid #ffffff;}
.c-bd1-df{border:1px solid rgba(223, 223, 223, 0.6);}
.c-bd1-E1{border:1px solid #E1E1E1;}
.c-bd1-ED{border:1px solid #EDEDED;}
.c-bd1-FF8238{border:1px solid #FF8238;}
.c-bd1-ff6b01{border:1px solid #FF6B01;}
.c-bd2-ff6b01{border:2px solid #FF6B01;}
.c-bd1-FFE6CD{border:1px solid #FFE6CD;}
.c-bd1-FBFADB{border:1px solid #FBFADB;}
.c-bd1-FDFBFA{border:1px solid #FDFBFA;}
.c-bd1-F5F5F5{border:1px solid #F5F5F5;}
.c-bd-t1-fff{border-top:1px solid #fff;}
.c-bd-t1-ff6b01{border-top:1px solid #FF6B01;}
.c-bd-t1-DF{border-top: 1px solid rgba(223, 223, 223, 0.6);}
.c-bd-t1-D2D4DE{border-top:1px solid rgba(210, 212, 222, 0.5);}
.c-bd-b1-DF{border-bottom: 1px solid rgba(223, 223, 223, 0.4);}
.c-bd-b1-gray{border-bottom:1px solid #999999;}
.c-bd-b1-e9e9e9{border-bottom:1px solid #E9E9E9;}
.c-bd-b1-ea{border-bottom:1px solid #eaeaea;}
.c-bd-b1-f3f3f3{border-bottom:1px solid #F3F3F3;}
.c-bd-b1-fff{border-bottom:1px solid #fff;}
.c-bd-b1-fff-30{border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.c-bd-b1-fff-20{border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.c-bd-b1-fff-10{border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.c-bd-b1-orange{border-bottom:1px solid #FF6B01;}
.c-bd-b1-333{border-bottom:1px solid #333;}
.c-bd-b2-orange{border-bottom:2px solid #FF6B01;}
.c-bd-b2-orange-50{border-bottom:2px solid rgba(255,107,1, 0.5);}
.c-bd-b2-transparent{border-bottom:2px solid transparent;}
.c-bd-b4-orange{border-bottom:4px solid #FF6B01;}
.c-bd-b4-transparent{border-bottom:4px solid transparent;}
.c-bd-b1-D1{border-bottom:1px solid #D1D1D1;}
.c-bd-b1-black{border-bottom:1px solid #000000;}
.c-bd-b1-ee{border-bottom:1px solid #eeeeee;}
.c-bd-b1-black-dashed{border-bottom:1px dashed rgba(0, 0, 0, 0.5);}
.c-bd-b1-gray-dashed{border-bottom:1px dashed rgba(102, 102, 102, 0.1);}
.c-bd-b2-black{border-bottom:2px solid #000000;}
.c-bd-b2-orange{border-bottom:2px solid #FF6B01;}
.c-bd-b1-666{border-bottom:1px solid #666;}
.c-bd-b1-666-20{border-bottom:1px solid rgba(102, 102, 102, 0.2);}
.c-bd-l1-D1{border-left:1px solid #D1D1D1;}
.c-bd-l1-DE{border-left:1px solid #DEDEDE;}
.c-bd-l1-fff{border-left:1px solid #ffffff;}
.c-bd-l1-orange{border-left:1px solid #FF6B01;}
.c-bd-l1-FD691B{border-left: 1px solid #FD691B;}
.c-bd-l2-FD691B{border-left: 2px solid #FD691B;}
.c-bd-l4-orange{border-left: 4px solid #FF6B01 !important;}
.c-bd-l4-transparent{border-left: 4px solid transparent;}
.c-bd-r1-DF{border-right: 1px solid rgba(223, 223, 223, 0.4);}

.c-bd-t3-orange{border-top: 3px solid #FF6B01;}

.c-bd-t1-333{border-top:1px solid #333;}

/*border-radius c-br + 圆角值 如 c-br10（四个角都是圆角），圆角值为百分比则写成p + 百分比，如c-brp50
单个圆角则是c-br + 哪个角（tl/tr/bl/br）+ 圆角值 如c-br-tl10， 这边只有全圆角或单个圆角，
不要两个圆角写一起，比如上面两个角需要圆角，需要写.c-br-tl10 和 .c-br-tr10*/
.c-brp50{border-radius: 50%;}
.c-br1{border-radius: 1px;}
.c-br2{border-radius: 2px;}
.c-br3{border-radius: 3px;}
.c-br4{border-radius: 4px;}
.c-br5{border-radius: 5px;}
.c-br6{border-radius: 6px;}
.c-br7{border-radius: 7px;}
.c-br8{border-radius: 8px;}
.c-br10{border-radius: 10px;}
.c-br13{border-radius: 13px;}
.c-br14{border-radius: 14px;}
.c-br15{border-radius: 15px;}
.c-br18{border-radius: 18px;}
.c-br20{border-radius: 20px;}
.c-br30{border-radius: 30px;}
.c-br40{border-radius: 40px;}
.c-br100{border-radius: 100px;}
.c-br-tl10{border-top-left-radius: 10px}
.c-br-tr10{border-top-right-radius: 10px}
.c-br-bl10{border-bottom-left-radius: 10px}
.c-br-br10{border-bottom-right-radius: 10px}

/* box-sizing */
.c-box-border{box-sizing: border-box;}

/* postion c-p + 方向+数值  如c-p-t20 百分比还是写成p+数值 负值则加个m 如c-p-tm8 */
.c-pr{
	position: relative;
}
.c-pa{
	position: absolute;
}
.c-pf{
	position: fixed;
}
.c-ib{
	display: inline-block;
}
.c-p-t10vh{top: 10vh;}
.c-p-tp4{top: 4%;}
.c-p-tp50{top:50%;}
.c-p-tp83{top:83%;}
.c-p-tp85{top:85%;}
.c-p-t0{top: 0px;}
.c-p-t2{top: 2px;}
.c-p-t4{top: 4px;}
.c-p-t8{top: 8px;}
.c-p-t20{top: 20px;}
.c-p-t26{top: 26px;}
.c-p-t40{top: 40px;}
.c-p-t44{top: 44px;}
.c-p-t45{top: 45px;}
.c-p-t70{top: 70px;}
.c-p-tm8{top: -8px;}
.c-p-tm16{top: -16px;}
.c-p-tm52{top: -52px;}
.c-p-tm58{top: -58px;}


.c-p-bm17{bottom: -17px;}
.c-p-bm16{bottom: -16px;}
.c-p-bm2{bottom: -2px;}
.c-p-bm1{bottom: -1px;}
.c-p-b0{bottom: 0;}
.c-p-b2{bottom: 2px;}
.c-p-b12{bottom: 12px;}
.c-p-b14{bottom: 14px;}
.c-p-b16{bottom: 16px;}
.c-p-b20{bottom: 20px;}
.c-p-b26{bottom: 26px;}
.c-p-b40{bottom: 40px;}
.c-p-b75{bottom: 75px;}
.c-p-b80{bottom: 80px;}
.c-p-b100{bottom: 100px;}
.c-p-b120{bottom: 120px;}
.c-p-b140{bottom: 140px;}


.c-p-r10{right: 10px;}
.c-p-r14{right: 14px;}
.c-p-r28{right: 28px;}

.c-p-lm5 {left: -5px;}
.c-p-lm6 {left: -6px;}
.c-p-lm7 {left: -7px;}
.c-p-lm8 {left: -8px;}
.c-p-lm9 {left: -9px;}
.c-p-lm10 {left: -10px;}
.c-p-lm11 {left: -11px;}
.c-p-lm12 {left: -12px;}
.c-p-lm13 {left: -13px;}
.c-p-lm16 {left: -16px;}
.c-p-lp50 {left: 50%;}
.c-p-l0 {left: 0;}
.c-p-l22 {left: 22px;}
.c-p-l28 {left: 28px;}
.c-p-l36{left: 36px !important;}
.c-p-l38 {left: 38px;}
.c-p-l200 {left: 200px;}

.c-p-r0 {right: 0;}
.c-p-rm4 {right: -4px;}
.c-p-rm6 {right: -6px;}
.c-p-rm8 {right: -8px;}
.c-p-rm16 {right: -16px;}
.c-p-rm76 {right: -76px;}
.c-p-rm105 {right: -105px;}
.c-p-r6{right: 6px;}
.c-p-r14{right: 14px;}
.c-p-r36{right: 36px !important;}



/* z-index  c-pz + 数值 */
.c-pzm1{z-index: -1;}
.c-pz1{z-index: 1;}
.c-pz10{z-index: 10;}
.c-pz100{z-index: 100;}
.c-pz101{z-index: 101;}
.c-pz1000{z-index: 1000;}
.c-pz1001{z-index: 1001;}
.c-pz1002{z-index: 1002;}


/*width  c-w + 数值 表示宽度百分比； c-ww + 数值（px）；c-maxw 表示最大宽度百分比  */
.c-minw90{min-width: 90px;}
.c-w-auto{ width: auto;}
.c-w-auto-i{ width: auto !important;}
.c-w-fit {width: fit-content;}
.c-w0{width: 0;}
.c-w20{width: 20%;}
.c-w22{width: 22%;}
.c-w23{width: 23%;}
.c-w24{width: 24%;}
.c-w25{width: 25%;}
.c-w30{width: 30%;}
.c-w32{width: 32%;}
.c-w33{width: 33.33%;}
.c-w48{width: 48%;}
.c-w50{width: 50%;}
.c-w80{width: 80%;}
.c-w88{width: 88%;}
.c-w90{width: 90%;}
.c-w100{width: 100%;}
.c-w125{width: 125%;}
.c-ww1{width: 1px;}
.c-ww3{width: 3px;}
.c-ww4{width: 4px;}
.c-ww5{width: 5px;}
.c-ww6{width: 6px;}
.c-ww7{width: 7px;}
.c-ww8{width: 8px;}
.c-ww9{width: 9px;}
.c-ww10{width: 10px;}
.c-ww11{width: 11px;}
.c-ww12{width: 12px;}
.c-ww13{width: 13px;}
.c-ww14{width: 14px;}
.c-ww15{width: 15px;}
.c-ww16{width: 16px;}
.c-ww17{width: 17px;}
.c-ww18{width: 18px;}
.c-ww19{width: 19px;}
.c-ww20{width: 20px;}
.c-ww21{width: 21px;}
.c-ww22{width: 22px;}
.c-ww23{width: 23px;}
.c-ww24{width: 24px;}
.c-ww25{width: 25px;}
.c-ww28{width: 28px;}
.c-ww30{width: 30px;}
.c-ww32{width: 32px;}
.c-ww34{width: 34px;}
.c-ww36{width: 36px;}
.c-ww38{width: 38px;}
.c-ww40{width: 40px;}
.c-ww42{width: 42px;}
.c-ww44{width: 44px;}
.c-ww45{width: 45px;}
.c-ww48{width: 48px;}
.c-ww50{width: 50px;}
.c-ww53{width: 53px;}
.c-ww58{width: 58px;}
.c-ww60{width: 60px;}
.c-ww64{width: 64px;}
.c-ww65{width: 65px;}
.c-ww68{width: 68px;}
.c-ww70{width: 70px;}
.c-ww72{width: 72px;}
.c-ww74{width: 74px;}
.c-ww76{width: 76px;}
.c-ww78{width: 78px;}
.c-ww80{width: 80px;}
.c-ww80-i{width: 80px !important;}
.c-ww84{width: 84px;}
.c-ww88{width: 88px;}
.c-ww90{width: 90px;}
.c-ww100{width: 100px;}
.c-ww102{width: 102px;}
.c-ww103{width: 103px;}
.c-ww104{width: 104px;}
.c-ww105{width: 105px;}
.c-ww106{width: 106px;}
.c-ww112{width: 112px;}
.c-ww112-i{width: 112px !important;}
.c-ww114{width: 114px;}
.c-ww120{width: 120px;}
.c-ww122{width: 122px;}
.c-ww130{width: 130px;}
.c-ww138{width: 138px;}
.c-ww140{width: 140px;}
.c-ww142{width: 142px;}
.c-ww146{width: 146px;}
.c-ww150{width: 150px;}
.c-ww160{width: 160px;}
.c-ww162{width: 162px;}
.c-ww162-i{width: 162px !important;}
.c-ww164{width: 164px;}
.c-ww168{width: 168px;}
.c-ww170{width: 170px;}
.c-ww173{width: 173px;}
.c-ww175{width: 175px;}
.c-ww180{width: 180px;}
.c-ww190{width: 190px;}
.c-ww193{width: 193px;}
.c-ww198{width: 198px;}
.c-ww200{width: 200px;}
.c-ww210{width: 210px;}
.c-ww204{width: 204px;}
.c-ww214{width: 214px;}
.c-ww220{width: 220px;}
.c-ww230{width: 230px;}
.c-ww225{width: 225px;}
.c-ww228{width: 228px;}
.c-ww228-i{width: 228px !important;}
.c-ww250{width: 250px;}
.c-ww252{width: 252px;}
.c-ww260{width: 260px;}
.c-ww260-i{width: 260px !important;}
.c-ww267{width: 267px;}
.c-ww270{width: 270px;}
.c-ww276{width: 276px;}
.c-ww280{width: 280px;}
.c-ww286{width: 286px;}
.c-ww286-i{width: 286px !important;}
.c-ww290{width: 290px;}
.c-ww293{width: 293px;}
.c-ww300{width: 300px;}
.c-ww304{width: 304px;}
.c-ww310{width: 310px;}
.c-ww315{width: 315px;}
.c-ww315-i{width: 315px !important;}
.c-ww320{width: 320px;}
.c-ww325{width: 325px;}
.c-ww330{width: 330px;}
.c-ww335{width: 335px;}
.c-ww340{width: 340px;}
.c-ww340-i{width: 340px !important;}
.c-ww350{width: 350px;}
.c-ww360{width: 360px;}
.c-ww366{width: 366px;}
.c-ww370{width: 370px;}
.c-ww375{width: 375px;}
.c-ww400{width: 400px;}
.c-ww400-i{width: 400px !important;}
.c-ww420{width: 420px;}
.c-ww430-i{width: 430px !important;}
.c-ww440{width: 440px;}
.c-ww450{width: 450px;}
.c-ww450-i{width: 450px !important;}
.c-ww476{width: 476px;}
.c-ww480{width: 480px;}
.c-ww480-i{width: 480px !important;}
.c-ww490{width: 490px;}
.c-ww500{width: 500px;}
.c-ww520{width: 520px;}
.c-ww536{width: 536px;}
.c-ww545{width: 545px;}
.c-ww556{width: 556px;}
.c-ww558{width: 558px;}
.c-ww560{width: 560px;}
.c-ww574-i{width: 574px !important;}
.c-ww580{width: 580px;}
.c-ww582-i{width: 582px !important;}
.c-ww584{width: 584px;}
.c-ww584-i{width: 584px !important;}
.c-ww590{width: 590px;}
.c-ww600{width: 600px;}
.c-ww615{width: 615px;}
.c-ww620{width: 620px;}
.c-ww630{width: 630px;}
.c-ww656-i{width: 656px !important;}
.c-ww800{width: 800px;}
.c-ww800-i{width: 800px !important;}
.c-ww820{width: 820px;}
.c-ww900{width: 900px;}
.c-ww920{width: 920px;}
.c-ww1000{width: 1000px;}
.c-ww1020{width: 1020px;}
.c-ww1040{width: 1040px;}
.c-ww1050{width: 1050px;}
.c-ww1100{width: 1100px;}
.c-ww1140{width: 1140px;}
.c-ww1150{width: 1150px;}
.c-ww1160{width: 1160px;}
.c-ww1200{width: 1200px;}
.c-ww1210{width: 1210px;}
.c-ww1300{width: 1300px;}
.c-maxw86{max-width: 86%;}
.c-maxw100{max-width: 100%;}
.c-maxww220{max-width: 220px;}
.c-maxww375{max-width: 375px;}
.c-maxww520{max-width: 520px;}
.c-maxww750{max-width: 750px;}
.c-maxww1200{max-width: 1200px;}
.c-minw100{min-width: 100%}
.c-minww300{min-width: 300px;}
.c-minww1200{min-width: 1200px;}

/*height 跟宽度的规则一样*/
.c-h-auto{height: auto;}
.c-maxh100{max-height: 100%;}
.c-minh100{min-height: 100%;}
.c-minh80vh{min-height: 80vh;}
.c-minh100vh{min-height: 100vh;}
.c-minhh400{min-height: 400px;}
.c-minhh410{min-height: 410px;}
.c-minhh490{min-height: 490px;}
.c-minhh508{min-height: 508px;}
.c-minhh526{min-height: 526px;}
.c-minhh535{min-height: 535px;}
.c-minhh555{min-height: 555px;}
.c-minhh570{min-height: 570px;}
.c-minhh880{min-height: 880px;}
.c-maxhh100{max-height: 100px;}
.c-maxhh750{max-height: 750px;}
.c-maxhh880{max-height: 880px;}
.c-h60vh{height: 60vh;}
.c-h70vh{height: 70vh;}
.c-h80vh{height: 80vh;}
.c-h100vh{height: 100vh;}
.c-h100 {height: 100%;}

.c-hh1 {height: 1px;}
.c-hh2 {height: 2px;}
.c-hh3 {height: 3px;}
.c-hh4 {height: 4px;}
.c-hh5 {height: 5px;}
.c-hh6 {height: 6px;}
.c-hh7 {height: 7px;}
.c-hh8 {height: 8px;}
.c-hh9 {height: 9px;}
.c-hh10 {height: 10px;}
.c-hh11 {height: 11px;}
.c-hh12 {height: 12px;}
.c-hh13 {height: 13px;}
.c-hh14 {height: 14px;}
.c-hh15 {height: 15px;}
.c-hh16 {height: 16px;}
.c-hh17 {height: 17px;}
.c-hh18 {height: 18px;}
.c-hh20 {height: 20px;}
.c-hh22 {height: 22px;}
.c-hh24 {height: 24px;}
.c-hh25 {height: 25px;}
.c-hh26 {height: 26px;}
.c-hh28 {height: 28px;}
.c-hh30 {height: 30px;}
.c-hh32 {height: 32px;}
.c-hh34 {height: 34px;}
.c-hh36 {height: 36px;}
.c-hh38 {height: 38px;}
.c-hh40 {height: 40px;}
.c-hh42 {height: 42px;}
.c-hh44 {height: 44px;}
.c-hh45 {height: 45px;}
.c-hh46 {height: 46px;}
.c-hh48 {height: 48px;}
.c-hh50 {height: 50px;}
.c-hh52 {height: 52px;}
.c-hh54 {height: 54px;}
.c-hh58 {height: 58px;}
.c-hh60 {height: 60px;}
.c-hh62 {height: 62px;}
.c-hh64 {height: 64px;}
.c-hh65 {height: 65px;}
.c-hh66 {height: 66px;}
.c-hh67 {height: 67px;}
.c-hh68 {height: 68px;}
.c-hh70 {height: 70px;}
.c-hh72 {height: 72px;}
.c-hh74 {height: 74px;}
.c-hh75 {height: 75px;}
.c-hh76 {height: 76px;}
.c-hh80 {height: 80px;}
.c-hh84 {height: 84px;}
.c-hh86 {height: 86px;}
.c-hh88 {height: 88px;}
.c-hh92 {height: 92px;}
.c-hh93 {height: 93px;}
.c-hh94 {height: 94px;}
.c-hh95 {height: 95px;}
.c-hh96 {height: 96px;}
.c-hh98 {height: 98px;}
.c-hh100 {height: 100px;}
.c-hh104 {height: 104px;}
.c-hh105 {height: 105px;}
.c-hh112 {height: 112px;}
.c-hh115 {height: 115px;}
.c-hh116 {height: 116px;}
.c-hh118 {height: 118px;}
.c-hh120 {height: 120px;}
.c-hh124 {height: 124px;}
.c-hh128 {height: 128px;}
.c-hh130 {height: 130px;}
.c-hh132 {height: 132px;}
.c-hh134 {height: 134px;}
.c-hh136 {height: 136px;}
.c-hh146 {height: 146px;}
.c-hh150 {height: 150px;}
.c-hh156 {height: 156px;}
.c-hh160 {height: 160px;}
.c-hh162 {height: 162px;}
.c-hh165 {height: 165px;}
.c-hh168 {height: 168px;}
.c-hh174 {height: 174px;}
.c-hh180 {height: 180px;}
.c-hh180-i {height: 180px !important;}
.c-hh188 {height: 188px;}
.c-hh190 {height: 190px;}
.c-hh198 {height: 198px;}
.c-hh200{height: 200px;}
.c-hh205{height: 205px;}
.c-hh206{height: 206px;}
.c-hh208{height: 208px;}
.c-hh210{height: 210px;}
.c-hh214{height: 214px;}
.c-hh214-i{height: 214px !important;}
.c-hh220{height: 220px;}
.c-hh236{height: 236px;}
.c-hh240{height: 240px;}
.c-hh243{height: 243px;}
.c-hh256 {height: 256px;}
.c-hh256-i {height: 256px !important;}
.c-hh258 {height: 258px;}
.c-hh265{height: 265px;}
.c-hh267{height: 267px;}
.c-hh270{height: 270px;}
.c-hh280{height: 280px;}
.c-hh300 {height: 300px;}
.c-hh304 {height: 304px;}
.c-hh316 {height: 316px;}
.c-hh316 {height: 316px !important;}
.c-hh320 {height: 320px;}
.c-hh336 {height: 336px;}
.c-hh340 {height: 340px;}
.c-hh345 {height: 345px;}
.c-hh350 {height: 350px;}
.c-hh360 {height: 360px;}
.c-hh360-i {height: 360px !important;}
.c-hh380 {height: 380px;}
.c-hh390 {height: 390px;}
.c-hh400 {height: 400px;}
.c-hh410 {height: 410px;}
.c-hh412 {height: 412px;}
.c-hh420 {height: 420px;}
.c-hh422 {height: 422px;}
.c-hh434 {height: 434px;}
.c-hh450 {height: 450px;}
.c-hh460 {height: 460px;}
.c-hh465 {height: 465px;}
.c-hh474 {height: 474px;}
.c-hh495 {height: 495px;}
.c-hh500 {height: 500px;}
.c-hh508 {height: 508px;}
.c-hh512 {height: 512px;}
.c-hh526 {height: 526px;}
.c-hh535 {height: 535px;}
.c-hh555 {height: 555px;}
.c-hh570 {height: 570px;}
.c-hh586 {height: 586px;}
.c-hh588 {height: 588px;}
.c-hh590 {height: 590px;}
.c-hh600 {height: 600px;}
.c-hh620 {height: 620px;}
.c-hh638 {height: 638px;}
.c-hh675 {height: 675px;}
.c-hh745 {height: 745px;}
.c-hh750 {height: 750px;}
.c-hh765 {height: 765px;}
.c-hh880 {height: 880px;}
.c-hh960 {height: 960px;}
.c-hh1118 {height: 1118px;}
.c-hh1332 {height: 1332px;}
.c-hh1383 {height: 1383px;}

/*line-height*/
.c-lh0-i{line-height: 0px !important;}
.c-lh-n{line-height: normal;}
.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-lh22{line-height: 22px;}
.c-lh24{line-height: 24px;}
.c-lh26{line-height: 26px;}
.c-lh28{line-height: 28px;}
.c-lh30{line-height: 30px;}
.c-lh32{line-height: 32px;}
.c-lh34{line-height: 34px;}
.c-lh36{line-height: 36px;}
.c-lh38{line-height: 38px;}
.c-lh40{line-height: 40px;}
.c-lh42{line-height: 42px;}
.c-lh44{line-height: 44px;}
.c-lh46{line-height: 46px;}
.c-lh48{line-height: 48px;}
.c-lh50{line-height: 50px;}
.c-lh54{line-height: 54px;}
.c-lh60{line-height: 60px;}
.c-lh84{line-height: 84px;}
.c-lh100{line-height: 100px;}
.c-lh110{line-height: 110px;}

/*缩放*/
.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);}
.c-rotate90{transform: rotate(90deg);}
.c-rotate270{transform: rotate(270deg);}

/*移动*/
.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-x-50{transform: translateX(-50%);}
.c-translate-y-50{transform: translateY(-50%);}
.c-translate-xy-50{transform: translate(-50%,-50%);}

/*padding c-ph 左右   c-pv 上下  c-pt 上   c-pb 下  c-pl 左   c-pr 右*/
.c-ph1{ padding-left: 1px; padding-right:1px;}
.c-ph2{ padding-left: 2px; padding-right:2px;}
.c-ph3{ padding-left: 3px; padding-right:3px;}
.c-ph4{ padding-left: 4px; padding-right:4px;}
.c-ph5{ padding-left: 5px; padding-right:5px;}
.c-ph6{ padding-left: 6px; padding-right:6px;}
.c-ph7{ padding-left: 7px; padding-right:7px;}
.c-ph8{ padding-left: 8px; padding-right:8px;}
.c-ph9{ padding-left: 9px; padding-right:9px;}
.c-ph10{ padding-left: 10px; padding-right: 10px;}
.c-ph12{ padding-left: 12px; padding-right: 12px;}
.c-ph13{ padding-left: 13px; padding-right: 13px;}
.c-ph14{ padding-left: 14px; padding-right: 14px;}
.c-ph15{ padding-left: 15px; padding-right: 15px;}
.c-ph16{ padding-left: 16px; padding-right: 16px;}
.c-ph18{ padding-left: 18px; padding-right: 18px;}
.c-ph19{ padding-left: 19px; padding-right: 19px;}
.c-ph20{ padding-left: 20px; padding-right: 20px;}
.c-ph22{ padding-left: 22px; padding-right: 22px;}
.c-ph24{ padding-left: 24px; padding-right: 24px;}
.c-ph25{ padding-left: 25px; padding-right: 25px;}
.c-ph26{ padding-left: 26px; padding-right: 26px;}
.c-ph28{ padding-left: 28px; padding-right: 28px;}
.c-ph30{ padding-left: 30px; padding-right: 30px;}
.c-ph32{ padding-left: 32px; padding-right: 32px;}
.c-ph36{ padding-left: 36px; padding-right: 36px;}
.c-ph40{ padding-left: 40px; padding-right: 40px;}
.c-ph50{ padding-left: 50px; padding-right: 50px;}
.c-ph52{ padding-left: 52px; padding-right: 52px;}
.c-ph54{ padding-left: 54px; padding-right: 54px;}
.c-ph60{ padding-left: 60px; padding-right: 60px;}
.c-ph64{ padding-left: 64px; padding-right: 64px;}
.c-ph75{ padding-left: 75px; padding-right: 75px;}
.c-ph80{ padding-left: 80px; padding-right: 80px;}
.c-ph85{ padding-left: 85px; padding-right: 85px;}
.c-ph88{ padding-left: 88px; padding-right: 88px;}
.c-ph94{ padding-left: 94px; padding-right:94px;}
.c-ph200{ padding-left: 200px; padding-right: 200px;}

.c-pv2{ padding-top: 2px; padding-bottom: 2px;}
.c-pv3{ padding-top: 3px; padding-bottom: 3px;}
.c-pv4{ padding-top: 4px; padding-bottom: 4px;}
.c-pv5{ padding-top: 5px; padding-bottom: 5px;}
.c-pv6{ padding-top: 6px; padding-bottom: 6px;}
.c-pv7{ padding-top: 7px; padding-bottom: 7px;}
.c-pv8{ padding-top: 8px; padding-bottom: 8px;}
.c-pv10{ padding-top: 10px; padding-bottom: 10px;}
.c-pv15{ padding-top: 15px; padding-bottom: 15px;}
.c-pv16{ padding-top: 16px; padding-bottom: 16px;}
.c-pv18{ padding-top: 18px; padding-bottom: 18px;}
.c-pv20{ padding-top: 20px; padding-bottom: 20px;}
.c-pv22{ padding-top: 22px; padding-bottom: 22px;}
.c-pv24{ padding-top: 24px; padding-bottom: 24px;}
.c-pv26{ padding-top: 26px; padding-bottom: 26px;}
.c-pv28{ padding-top: 28px; padding-bottom: 28px;}
.c-pv30{ padding-top: 30px; padding-bottom: 30px;}
.c-pv36{ padding-top: 30px; padding-bottom: 36px;}
.c-pv40{ padding-top: 40px; padding-bottom: 40px;}
.c-pv44{ padding-top: 44px; padding-bottom: 44px;}
.c-pv50{ padding-top: 50px; padding-bottom: 50px;}
.c-pv60{ padding-top: 60px; padding-bottom: 60px;}
.c-pv62{ padding-top: 62px; padding-bottom: 62px;}
.c-pv70{ padding-top: 70px; padding-bottom: 70px;}
.c-pv75{ padding-top: 75px; padding-bottom: 75px;}
.c-pv80{ padding-top: 80px; padding-bottom: 80px;}
.c-pv100{ padding-top: 100px; padding-bottom: 100px;}

.c-pt1{padding-top: 1px;}
.c-pt2{padding-top: 2px;}
.c-pt4{padding-top: 4px;}
.c-pt6{padding-top: 6px;}
.c-pt8{padding-top: 8px;}
.c-pt10{padding-top: 10px;}
.c-pt16{padding-top: 16px;}
.c-pt18{padding-top: 18px;}
.c-pt20{padding-top: 20px;}
.c-pt22{padding-top: 22px;}
.c-pt26{padding-top: 26px;}
.c-pt30{padding-top: 30px;}
.c-pt34{padding-top: 34px;}
.c-pt36{padding-top: 36px;}
.c-pt40{padding-top: 40px;}
.c-pt46{padding-top: 46px;}
.c-pt50{padding-top: 50px;}
.c-pt52{padding-top: 52px;}
.c-pt60{padding-top: 60px;}
.c-pt70{padding-top: 70px;}
.c-pt75{padding-top: 75px;}
.c-pt80{padding-top: 80px;}
.c-pt100{padding-top: 100px;}
.c-pt135{padding-top: 135px;}
.c-pt160{padding-top: 160px;}

.c-pb1{padding-bottom: 1px;}
.c-pb2{padding-bottom: 2px;}
.c-pb4{padding-bottom: 4px;}
.c-pb6{padding-bottom: 6px;}
.c-pb8{padding-bottom: 8px;}
.c-pb10{padding-bottom: 10px;}
.c-pb14{padding-bottom: 14px;}
.c-pb16{padding-bottom: 16px;}
.c-pb20{padding-bottom: 20px;}
.c-pb24{padding-bottom: 24px;}
.c-pb30{padding-bottom: 30px;}
.c-pb34{padding-bottom: 34px;}
.c-pb36{padding-bottom: 36px;}
.c-pb40{padding-bottom: 40px;}
.c-pb50{padding-bottom: 50px;}
.c-pb60{padding-bottom: 60px;}
.c-pb70{padding-bottom: 70px;}
.c-pb75{padding-bottom: 75px;}
.c-pb80{padding-bottom: 80px;}
.c-pb90{padding-bottom: 90px;}
.c-pb100{padding-bottom: 100px;}
.c-pb120{padding-bottom: 120px;}
.c-pb130{padding-bottom: 130px !important;}
.c-pb165{padding-bottom: 165px;}
.c-pb220{padding-bottom: 220px;}

.c-pl10{padding-left: 10px;}
.c-pl12{padding-left: 12px;}
.c-pl14{padding-left: 14px;}
.c-pl15{padding-left: 15px;}
.c-pl16{padding-left: 16px;}
.c-pl18{padding-left: 18px;}
.c-pl20{padding-left: 20px;}
.c-pl22{padding-left: 22px;}
.c-pl24{padding-left: 24px;}
.c-pl26{padding-left: 26px;}
.c-pl28{padding-left: 28px;}
.c-pl30{padding-left: 30px;}
.c-pl32{padding-left: 32px;}
.c-pl40{padding-left: 40px;}
.c-pl50{padding-left: 50px;}
.c-pl84{padding-left: 84px;}

.c-pr2{padding-right: 2px;}
.c-pr10{padding-right: 10px;}
.c-pr16{padding-right: 16px;}
.c-pr20{padding-right: 20px;}
.c-pr24{padding-right: 24px;}
.c-pr30{padding-right: 30px;}
.c-pr40{padding-right: 40px;}
.c-pr50{padding-right: 50px;}
.c-pr60{padding-right: 60px;}
.c-pr90{padding-right: 90px;}
.c-pr100{padding-right: 100px;}
.c-pr120{padding-right: 120px;}

/*margin*/
.c-m-auto0{ margin: auto 0; }
.c-m-0auto{ margin:  0 auto; }

.c-mh2{ margin-left: 2px; margin-right: 2px; }
.c-mh3{ margin-left: 3px; margin-right: 3px; }
.c-mh4{ margin-left: 4px; margin-right: 4px; }
.c-mh5{ margin-left: 5px; margin-right: 5px; }
.c-mh10{ margin-left: 10px; margin-right: 10px; }
.c-mh13{ margin-left: 13px; margin-right: 13px; }
.c-mh14{ margin-left: 14px; margin-right: 14px; }
.c-mh15{ margin-left: 15px; margin-right: 15px; }
.c-mh16{ margin-left: 16px; margin-right: 16px; }
.c-mh20{ margin-left: 20px; margin-right: 20px; }
.c-mh22{ margin-left: 22px; margin-right: 22px; }
.c-mh24{ margin-left: 24px; margin-right: 24px; }
.c-mh30{ margin-left: 30px; margin-right: 30px; }
.c-mh60{ margin-left: 60px; margin-right: 60px; }
.c-mh94{ margin-left: 94px; margin-right: 94px; }

.c-mv4{ margin-top: 4px; margin-bottom: 4px; }
.c-mv6{ margin-top: 16px; margin-bottom: 6px; }
.c-mv8{ margin-top: 8px; margin-bottom: 8px; }
.c-mv10{ margin-top: 10px; margin-bottom: 10px; }
.c-mv12{ margin-top: 12px; margin-bottom: 12px; }
.c-mv14{ margin-top: 14px; margin-bottom: 14px; }
.c-mv15{ margin-top: 15px; margin-bottom: 15px; }
.c-mv16{ margin-top: 16px; margin-bottom: 16px; }
.c-mv20{ margin-top: 20px; margin-bottom: 20px; }
.c-mv26{ margin-top: 26px; margin-bottom: 26px; }
.c-mv30{ margin-top: 30px; margin-bottom: 30px; }
.c-mv70{ margin-top: 100px; margin-bottom: 70px; }
.c-mv100{ margin-top: 100px; margin-bottom: 100px; }

.c-mtm1{margin-top: -1px;}
.c-mtm2{margin-top: -2px;}
.c-mtm4{margin-top: -4px;}
.c-mtm6{margin-top: -6px;}
.c-mtm8{margin-top: -8px;}
.c-mtm10{margin-top: -10px;}
.c-mtm12{margin-top: -12px;}
.c-mtm14{margin-top: -14px;}
.c-mtm16{margin-top: -16px;}
.c-mtm18{margin-top: -18px;}
.c-mtm20{margin-top: -20px;}
.c-mtm22{margin-top: -22px;}
.c-mtm26{margin-top: -26px;}
.c-mtm30{margin-top: -30px;}
.c-mtm36{margin-top: -36px;}
.c-mtm40{margin-top: -40px;}
.c-mtm45{margin-top: -45px;}
.c-mtm50{margin-top: -50px;}
.c-mtm60{margin-top: -60px;}
.c-mtm75{margin-top: -75px;}
.c-mtm94{margin-top: -94px;}
.c-mt1{margin-top: 1px;}
.c-mt2{margin-top: 2px;}
.c-mt3{margin-top: 3px;}
.c-mt4{margin-top: 4px;}
.c-mt5{margin-top: 5px;}
.c-mt6{margin-top: 6px;}
.c-mt7{margin-top: 7px;}
.c-mt8{margin-top: 8px;}
.c-mt10{margin-top: 10px;}
.c-mt12{margin-top: 12px;}
.c-mt13{margin-top: 13px;}
.c-mt14{margin-top: 14px;}
.c-mt15{margin-top: 15px;}
.c-mt16{margin-top: 16px;}
.c-mt18{margin-top: 18px;}
.c-mt20{margin-top: 20px;}
.c-mt22{margin-top: 22px;}
.c-mt24{margin-top: 24px;}
.c-mt25{margin-top: 25px;}
.c-mt28{margin-top: 28px;}
.c-mt30{margin-top: 30px;}
.c-mt35{margin-top: 35px;}
.c-mt38{margin-top: 38px;}
.c-mt40{margin-top: 40px;}
.c-mt46{margin-top: 46px;}
.c-mt50{margin-top: 50px;}
.c-mt52{margin-top: 52px;}
.c-mt54{margin-top: 54px;}
.c-mt56{margin-top: 56px;}
.c-mt58{margin-top: 58px;}
.c-mt60{margin-top: 60px;}
.c-mt66{margin-top: 66px;}
.c-mt70{margin-top: 70px;}
.c-mt75{margin-top: 75px;}
.c-mt80{margin-top: 80px;}
.c-mt90{margin-top: 90px;}
.c-mt100{margin-top: 100px;}
.c-mt110{margin-top: 110px;}
.c-mt120{margin-top: 120px;}
.c-mt130{margin-top: 130px;}
.c-mt135{margin-top: 135px;}
.c-mt140{margin-top: 140px;}
.c-mt150{margin-top: 150px;}

.c-mbm2{margin-bottom: -2px;}
.c-mbm4{margin-bottom: -4px;}
.c-mbm6{margin-bottom: -6px;}
.c-mbm8{margin-bottom: -8px;}
.c-mb4{margin-bottom: 4px;}
.c-mb5{margin-bottom: 5px;}
.c-mb6{margin-bottom: 6px;}
.c-mb10{margin-bottom: 10px;}
.c-mb14{margin-bottom: 14px;}
.c-mb15{margin-bottom: 15px;}
.c-mb16{margin-bottom: 16px;}
.c-mb18{margin-bottom: 18px;}
.c-mb20{margin-bottom: 20px;}
.c-mb21{margin-bottom: 21px;}
.c-mb22{margin-bottom: 22px;}
.c-mb24{margin-bottom: 24px;}
.c-mb26{margin-bottom: 26px;}
.c-mb30{margin-bottom: 30px;}
.c-mb32{margin-bottom: 32px;}
.c-mb38{margin-bottom: 38px;}
.c-mb40{margin-bottom: 40px;}
.c-mb45{margin-bottom: 45px;}
.c-mb50{margin-bottom: 50px;}
.c-mb55{margin-bottom: 55px;}
.c-mb60{margin-bottom: 60px;}
.c-mb80{margin-bottom: 80px;}
.c-mb90{margin-bottom: 90px;}
.c-mb120{margin-bottom: 120px;}

.c-mlm2{margin-left: -2px;}
.c-mlm4{margin-left: -4px;}
.c-mlm5{margin-left: -5px;}
.c-mlm6{margin-left: -6px;}
.c-mlm7{margin-left: -7px;}
.c-mlm8{margin-left: -8px;}
.c-mlm10{margin-left: -10px;}
.c-mlm12{margin-left: -12px;}
.c-mlm14{margin-left: -14px;}
.c-mlm16{margin-left: -16px;}
.c-mlm18{margin-left: -18px;}
.c-mlm20{margin-left: -20px;}
.c-mlm22{margin-left: -22px;}
.c-mlm26{margin-left: -26px;}
.c-mlm29{margin-left: -29px;}
.c-mlm30{margin-left: -30px;}
.c-mlm36{margin-left: -36px;}
.c-mlm37{margin-left: -37px;}
.c-mtm60{margin-left: -60px;}
.c-mlm45{margin-left: -45px;}
.c-ml2{margin-left:2px;}
.c-ml4{margin-left:4px;}
.c-ml6{margin-left:6px;}
.c-ml8{margin-left:8px;}
.c-ml10{margin-left:10px;}
.c-ml12{margin-left:12px;}
.c-ml14{margin-left:14px;}
.c-ml15{margin-left:15px;}
.c-ml16{margin-left:16px;}
.c-ml20{margin-left:20px;}
.c-ml22{margin-left:22px;}
.c-ml24{margin-left:24px;}
.c-ml28{margin-left:28px;}
.c-ml30{margin-left:30px;}
.c-ml36{margin-left:36px;}
.c-ml40{margin-left:40px;}
.c-ml45{margin-left:45px;}
.c-ml50{margin-left:50px;}
.c-ml60{margin-left:60px;}
.c-ml76{margin-left:76px;}
.c-ml84{margin-left:84px;}
.c-ml86{margin-left:86px;}
.c-ml90{margin-left:90px;}
.c-ml120{margin-left:120px;}
.c-ml150{margin-left:150px;}
.c-ml287{margin-left:287px;}
.c-mlp6{margin-left: 6%;}
.c-mlp7{margin-left: 7%;}
.c-mlp23{margin-left: 23%;}

.c-mrm4{margin-right: -4px;}
.c-mrm10{margin-right: -10px;}
.c-mrm16{margin-right: -16px;}
.c-mrm26{margin-right: -26px;}
.c-mrm32{margin-right: -32px;}
.c-mrm40{margin-right: -40px;}
.c-mrm72{margin-right: -72px;}
.c-mr0-i{margin-right: 0 !important;}
.c-mr3{margin-right: 3px;}
.c-mr4{margin-right: 4px;}
.c-mr6{margin-right: 6px;}
.c-mr8{margin-right: 8px;}
.c-mr10{margin-right: 10px;}
.c-mr12{margin-right: 12px;}
.c-mr15{margin-right: 15px;}
.c-mr20{margin-right: 20px;}
.c-mr30{margin-right: 30px;}
.c-mr40{margin-right: 40px;}
.c-mr50{margin-right: 50px;}
.c-mr60{margin-right: 60px;}

/* 浮动 */
.c-fl{float: left;}
/* 鼠标样式 */
.c-pointer{cursor: pointer;}
.c-cursor-default{cursor: default;}


/* 底部按钮 */
.orangeBtn{
	display: inline-block;
	font-weight: 400;
	font-size: 21px;
	color: #FFFFFF;
	width: 180px;
	height: 50px;
	line-height: 50px;
	border-radius: 3px 3px 3px 3px;
	background: #fd691b;
}

/* 线性渐变 */
.orangeBox-LGtoR{background: linear-gradient(90deg,#FD691B,#FE8736);}
.blackBox-LGtoR{background: linear-gradient(90deg,#333,#666);}
.orangeBox-LGtoR2{background: linear-gradient(270deg,#FD691B,#FE8736);}

.textHover:hover {
	color: #FF6B01;
}

.textHoverBlack:hover {
	color: #000;
}

.arrow-top {display: none;}

.textHover:hover .arrow-down {display: none;}

.textHover:hover .arrow-top {display: block;}

/* 导航 */
.media-popup { height: 0; overflow: hidden; transition: all .3s;}
.media-price:hover .media-popup {height: 300px;}

.prod-popup { height: 0; overflow: hidden; transition: all .5s;}
.prod-serve:hover .prod-popup {height: 320px;}

.func-popup { height: 0; overflow: hidden; transition: all .3s;}
.func-price:hover .func-popup {height: 190px;}

.hover-opcity-60:hover {opacity: 0.6 !important;}
.hover-shadow:hover {box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.2);}
.hover-white-text:hover {color: rgba(255,255,255,1) !important;}

.navCom a:hover {color: #fd691b;}


.footer-qr {
	height: 0; overflow: hidden; transition: all .3s;
}

.footer-icon:hover .footer-qr {
	height: 100px;
}


/* 轮播 */
.banner-desc::before {
	content: '';
	position: absolute;
	width: 3px;
	height: 20px;
	left: -10px;
	top: 4px;
	bottom: 0;
	background: #FF6B01;
}

/* 首页 */
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
	content: '' !important;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
	content: '' !important;
}
.indexSwiperBtn {
	width: 34px !important;
	height: 34px !important;
}
.letterSwiperPrev {
	left: calc(50% - 30px) !important;
	top: 90% !important;
	transform: translateX(-50%);
}
.letterSwiperNext {
	left: calc(50% + 30px) !important;
	top: 90% !important;
	transform: translateX(-50%);
}
.letterSwiperMask{
	background: #FEBD8F;
	opacity: 0.6;
}
.swiper-slide-active .letterSwiperMask {
	display: none;
}
.letter-bg{display: none;}
.swiper-slide-active .letter-bg{display: block;}

.letter-content{width: 345px; height: 230px;}
.letter-area {padding-top: 26px;padding-bottom: 26px;}
.swiper-slide-active .letter-content{width: 490px; height: 316px;}
.swiper-slide-active .letter-area {padding-top: 32px;padding-bottom: 32px;}

.letter-headimg{display: none;}
.swiper-slide-active .letter-headimg{display: block;}

.letter-intro {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.swiper-slide-active .letter-intro {overflow: visible;-webkit-line-clamp:inherit;}

.letterSwiperPrevBtn{border: 1px solid #ff6a01;background: transparent;}
.letterSwiperPrevBtn:hover{border: 1px solid transparent;background: #ff6a01;}
.letter-o-arrow {display: block;}
.letter-w-arrow {display: none;}
.letterSwiperPrevBtn:hover .letter-o-arrow {display: none;}
.letterSwiperPrevBtn:hover .letter-w-arrow {display: block;}

.letterSwiperNextBtn{border: 1px solid #ff6a01;background: transparent;}
.letterSwiperNextBtn:hover{border: 1px solid transparent;background: #ff6a01;}
.letter-o-arrow {display: block;}
.letter-w-arrow {display: none;}
.letterSwiperNextBtn:hover .letter-o-arrow {display: none;}
.letterSwiperNextBtn:hover .letter-w-arrow {display: block;}

.index_news_item {
	position: relative;
	transition: all 0.5s;
}

.index_news_item:hover {
	transform: translateY(-10px);
}
.index_news_bg {
	background-image: url(../img/index/news_bg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.index_news_item:hover .index_news_bg {
	background-image: url(../img/index/news_bg_a.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.index_news_arrow {
	background-image: url(../img/index/news_arrow.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.index_news_item:hover .index_news_arrow {
	background-image: url(../img/index/news_arrow_a.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.index_news_item:hover .index_news_text {
	color: #fff !important;
}



.indexPage .bottom-nav {
	display: none;
}

.logo-h1 { display: none; }

.indexPage .logo-h1 { display: block; }
.indexPage .logo { display: none; }

.fg-item {background: #fff; cursor: default;}
.fg-commom-img {display: block;}
.fg-actived-img {display: none;}
.fg-text {color: #333;}
.fg-item:hover{background: linear-gradient(135deg,rgba(255, 107, 1, 0.9),rgba(254, 135, 54, 0.9));}
.fg-item:hover .fg-commom-img {display: none;}
.fg-item:hover .fg-actived-img {display: block;}
.fg-item:hover .fg-text {color: #fff;}

.dz-item {background: #fff; cursor: default;}
.dz-icon-bg {background: linear-gradient(135deg,rgba(253, 105, 27, 0.1),rgba(254, 135, 54, 0.1));}
.dz-title {color: #333;}
.dz-desc {color: #999;}
.dz-item:hover{background: linear-gradient(135deg,rgba(255, 107, 1, 0.8),rgba(254, 135, 54, 0.8));}
.dz-item:hover .dz-icon-bg {background: #fff;}
.dz-item:hover .dz-title {color: #fff;}
.dz-item:hover .dz-desc {color: rgba(255, 255, 255, 0.8);}

.case-item {border:1px solid #EDEDED;background: #fff; cursor: default;}
.case-title {color: #333;}
.case-desc {color: #666;}
.case-commom-img {display: block;}
.case-actived-img {display: none;}
.case-item:hover{border:1px solid transparent;background: linear-gradient(135deg,rgba(255, 107, 1, 0.8),rgba(254, 135, 54, 0.8));}
.case-item:hover .case-title {color: #fff; font-weight: 600;}
.case-item:hover .case-desc {color: rgba(255, 255, 255, 0.8);}
.case-item:hover .case-commom-img {display: none;}
.case-item:hover .case-actived-img {display: block;}

.mt-item::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	width: 0px;
	height: 3px;
	background: rgba(255, 107, 1, 0.8);
	transition: width .3s;
}
.mt-item-title{color: #484848;}
.mt-item:hover:after {width: 100%;}
.mt-item:hover .mt-item-title{color: #FF6B01;}

.ar-item-title{color: #484848;}
.ar-item:hover .ar-item-title{color: #FF6B01;}
.ar-item-date{color: #666;}
.ar-item:hover .ar-item-date{color: #FF6B01;}

/* 公司简介 */
.video-js {
	margin: 0 auto;
	object-fit: cover !important;
}
.introduce-rich-text {
	color: #666;
	font-size: 14px;
	text-align: left;
	text-indent: 2em;
	line-height: 28px;
}

.introduce-rich-text .video-js {
	width: 1000px !important;
	height: auto !important;
}

.introduce-rich-text strong span {
	font-weight: bold;
}

/* 功能权益 */
.orange-triangle-pc {
  width: 0;
	height: 0;
	border-top: 100px solid transparent; 
	border-right: 200px solid transparent;
	border-left: 200px solid transparent;
	border-bottom: 100px solid #FFFAF5;
	position: absolute;
	bottom: 0;
	right: -36%;
}

/* 大咖代言 */
.pc-mask {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0;
	right: 0;
	bottom: -9999px;
	top: -70px;
	z-index: 99999;
}
.video-box {
	position: fixed;
	top: 80px;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999999999;
}

/* 新闻动态 */
.history-new>p:not(:nth-last-child(1)) {
	margin-bottom: 16px;
}

.history-new a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	width: calc(100% - 55px);
	color: #999 !important;
}

.history-new a:hover {
	color: #FD691B !important;
	text-decoration: underline;
}

.news-content img {
	max-width: 100%;
	width: 100%;
}

.news .pagination {
	display: inline-block;
	padding-left: 0;
	border-radius: 0;
	position: static;
	width: auto;
}

.news .pagination>li {
	display: inline
}

.news .pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	padding: 8px 12px;
	line-height: 16px;
	text-decoration: none;
	color: #666;
	background-color: #fff;
	border: 1px solid #E1E1E1;
	margin-left: 4px;
	margin-right: 4px;
	font-size: 12px;
	border-radius: 3px;
}

.news .pagination>li:first-child>a,
.pagination>li:first-child>span {
	margin-left: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.news .pagination>li:last-child>a,
.pagination>li:last-child>span {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.news .pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	z-index: 3;
	background-color: #ff6a01 !important;
	border-color: transparent !important;
	color: #fff !important;
	font-weight: 600;
	cursor: default
}

.news .pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
	color: #b4bcc2;
	background-color: #fff;
	color: #b4bcc2;
	cursor: not-allowed
}

.news .pagination-lg>li>a,
.pagination-lg>li>span {
	padding: 8px 16px;
	font-size: 18px;
	line-height: 1.3333333
}

.news .pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.news .pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.news .pagination-sm>li>a,
.pagination-sm>li>span {
	padding: 2px 8px;
	font-size: 12px;
	line-height: 1.5
}

.news .pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.news .pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.pager {
	padding-left: 0;
	margin: 20px 0;
	list-style: none;
	text-align: center
}

.pager li {
	display: inline
}

.pager li>a,
.pager li>span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0
}

.pager li>a:hover,
.pager li>a:focus {
	text-decoration: none;
	background-color: #ecf0f1
}

.pager .next>a,
.pager .next>span {
	float: right
}

.pager .previous>a,
.pager .previous>span {
	float: left
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
	color: #b4bcc2;
	background-color: #fff;
	cursor: not-allowed
}


/* IP书院线下大课 */
.bookSwiperMask{
	background: rgba(0, 0, 0, 0.4);
}

/* 联系我们 */
/* 地图 */
.map-content {
	width: 100%;
	height: 434px;
}

.map-choise {
	text-align: center;
	font-size: 0;
}

.map-item {
	width: 105px;
	height: 42px;
	line-height: 42px;
	background: linear-gradient(90deg,#FD691B,#FE8736);
	border-radius: 21px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	display: inline-block;
	margin: 0 30px;
	cursor: pointer;
	box-sizing: border-box;
	color: rgba(254, 254, 254, 1);
}

.map-title {
	font-size: 24px;
	margin-bottom: 30px;
}

.map-msg p {
	line-height: 22px;
	font-size: 14px;
}

.map-msg-p p {
	line-height: 22px;
	font-size: 14px;
}

.map-cur {
	color: rgba(254, 254, 254, 1);
	background: #FF6B01;
	border: none;
}
.fl {
	float: left;
}

.clearfix:after {
	content: '';
	display: table;
	height: 0;
	clear: both;
}
.map-sjx {
	width: 80px;
	height: 30px;
  background: conic-gradient(from 90deg at 50% 0, #FF6B01 0, #FF6B01 45deg, transparent 45.1deg);
}

/* 移动端 */
.mobile-nav-area {
	position: fixed;
	right: 0;
	top: 45px;
	width: 0;
	height: calc(100vh - 46px);
	overflow: hidden;
	transition: all .3s;
	background-color: #fff;
	z-index: 99;
}
.mobile-nav-open .mobile-nav-area {width: 100vw;}
.m-nav-actived {
	border-left: 4px solid #FF6B01 !important;
	color: #FF6B01;
}

.footer-about-ckjr-item { height: 0; overflow: hidden; transition: all .3s;}
.footer-about-ckjr .footer-about-ckjr-item {height: 88px;}

.footer-prod-item { height: 0; overflow: hidden; transition: all .3s;}
.footer-prod .footer-prod-item {height: 88px;}

.footer-func-item { height: 0; overflow: hidden; transition: all .3s;}
.footer-func .footer-func-item {height: 88px;}

.mobile-index .bottom-nav {
	display: none;
}
.m-footer-b1-fff {
	position: relative;
  border:none;
}
.m-footer-b1-fff:after{
  content: '';
  position: absolute;
  bottom: 0;
  background: rgba(255, 255, 255, 0.1);
  width: 100%;
  height: 1px;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.m-bd-b1-DF {
	position: relative;
  border:none;
}
.m-bd-b1-DF:after{
  content: '';
  position: absolute;
  bottom: 0;
  background: rgba(223, 223, 223, 0.6);
  width: 100%;
  height: 1px;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.m-bd-b1-orange {
	position: relative;
  border:none;
}
.m-bd-b1-orange:after{
  content: '';
  position: absolute;
	bottom: 0;
  background: #FF6B01;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.m-bd-t1-DF {
	position: relative;
  border:none;
}
.m-bd-t1-DF:after{
  content: '';
  position: absolute;
  top: 0;
  background: rgba(223, 223, 223, 0.6);
  width: 100%;
  height: 1px;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.m-bd-r1-DF {
	position: relative;
  border:none;
}
.m-bd-r1-DF:after{
  content: '';
  position: absolute;
  right: 0;
	top: 0;
  background: rgba(223, 223, 223, 0.6);
  width: 1px;
  height: 100%;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.m-bd-b1-D1 {
	position: relative;
  border:none;
}
.m-bd-b1-D1:after{
  content: '';
  position: absolute;
	bottom: 0;
  background: #D1D1D1;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.m-bd-b1-D2D4DE {
	position: relative;
  border:none;
}
.m-bd-b1-D2D4DE:after{
  content: '';
  position: absolute;
	bottom: 0;
  background: #D2D4DE;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.m-bd-t1-D2D4DE {
	position: relative;
  border:none;
}
.m-bd-t1-D2D4DE:after{
  content: '';
  position: absolute;
	top: 0;
  background: #D2D4DE;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleY(0.3);
  transform: scaleY(0.3);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.m-bd1-FFE6CD {
	position: relative;
  border:none;
}
.m-bd1-FFE6CD:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #FFE6CD;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.m-bd1-f4f4f4 {
	position: relative;
  border:none;
}
.m-bd1-f4f4f4:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #f4f4f4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: left top;
  transform-origin: left top;
	border-radius: 50%;
}

.m-bd1-999 {
	position: relative;
  border:none;
}
.m-bd1-999:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 500%;
  height: 500%;
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transform-origin: left top;
  transform-origin: left top;
	border-radius: 10px;
}

.m-news-rich-text p,
.m-news-rich-text span {
	font-size: 13px !important;
	color: #333 !important;
	line-height: 26px !important;
	word-break: break-all;
}

.m-news-rich-text img {
	max-width: 100% !important;
	height: auto !important;
}
/* 移动端首页 */
.xqTab {
	background: #fff;
	color: #666;
	position: relative;
  border:none;
}
.xqTab:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #FFE6CD;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: left top;
  transform-origin: left top;
	border-radius: 4px;
}

.xqTextContent {
	position: relative;
	z-index: 11;
	border-radius: 3px;
}

.xqTextContent:after{
  content: '';
  position: absolute;
	z-index: -1;
  bottom: -1px;
  left: -1px;
	background: linear-gradient(0deg,rgba(255, 230, 205, 1),rgba(255, 230, 205, 0));
  width: calc(100% + 2px);
  height: 100%;
	border-radius: 3px;
}

.xqTab-actived {
	background: linear-gradient(90deg,rgba(255, 107, 1, 1),rgba(254, 135, 54, 0.9)) !important;
	font-weight: 600;
	color: #fff !important;
}
.xqTab-actived:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: left top;
  transform-origin: left top;
	border-radius: 4px;
}





/* 移动端公司简介 */
.lc-area::-webkit-scrollbar {
		display: none;
}
.m-introduce-rich-text p,
.m-introduce-rich-text span {
	color: #666;
	font-size: 13px !important;
	text-align: left;
	line-height: 24px;
	font-weight: 300;
}

/* 移动端知识店铺 */
.cpbh-scroll::-webkit-scrollbar {
	display: none;
}

.skgj-scroll::-webkit-scrollbar {
	display: none;
}

.xq-scroll::-webkit-scrollbar {
	display: none;
}

.zsff-tab {
	position: relative;
  border:none;
}
.zsff-tab:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #666;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: left top;
  transform-origin: left top;
	border-radius: 20px;
}

/* 移动端亿万陪跑 */
.ywpp-desc::before {
	content: '';
	position: absolute;
	width: 3px;
	height: 14px;
	left: -10px;
	top: 3px;
	bottom: 0;
	background: #FF6B01;
}

/* 移动端功能权益价格 */
.orange-triangle {
  width: 0;
	height: 0;
	border-top: 60px solid transparent; 
	border-right: 160px solid transparent;
	border-left: 160px solid transparent;
	border-bottom: 60px solid #FFFAF5;
	position: absolute;
	bottom: 0;
	right: -54%;
}
.fp-tab {
	position: relative;
  border:none;
}
.fp-tab:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid rgba(153, 153, 153, 0.5);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 200%;
  height: 200%;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: left top;
  transform-origin: left top;
	border-radius: 20px;
}

/* 移动端案例 */
.case-swiper-pagination-item {
	width: 15px !important;
	height: 2px !important;
	border-radius: 0px !important;
}
.case-swiper-pagination .swiper-pagination-bullet-active {
	background-color: #FF6A01 !important;
}

/* 移动端大咖代言 */
.mobile-video-box {
	top: 25vh !important;
}
 /*16:9*/
.mobile-video .video-js {
	width: 100vw !important;
	height: 56vw !important;
}

/* 加入我们 */
.m-map-item-cur {
	color: #FF6B01 !important;
	font-weight: 600;
	border-bottom:1px solid #FF6B01 !important;
}
.m-map-msg p {
	line-height: 20px;
	font-size: 12px;
}

/* 设置移动端最小宽度，超过可移动，防止个别手机屏幕太小，导致看不全 */
.m_page {
	min-width: 350px;
	overflow-x: auto;
}

/* 表单 */
.mobileFormInput {  
	/* 确保input的outline不会与wrapper的边框重叠 */  
	border: none;
	outline: none;
	text-align: right;
	background: transparent;
}
.formInput:focus {
  border: none;
}

.formInput {  
	/* 确保input的outline不会与wrapper的边框重叠 */  
	/* border: none; */
	border: 1px solid #F5F5F5;
	outline: none;  
}
.formInput:focus {
  border: 1px solid #FF6B01 !important;
}

.formFixedWidth {
	width: 1200px;
}
.formFixed {
	transition: all 0.3s;
	overflow: hidden;
	transform: translateY(120px);
}
.showFormFixed .formFixed {
	transform: translateY(1px);
}

.activityFormWidth {
	width: 1254px;
}

.jiab_triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 320px 0px 0; /* 上边框宽度 右边框宽度 下边框宽度 左边框宽度 */
  border-color: transparent #713810 transparent transparent; /* 上边框颜色 右边框颜色 下边框颜色 左边框颜色 */
}
.activity_form .zeroArea {
	display: none;
}