﻿@charset "utf-8";

html {
}

/* 思源宋体，加载速度慢需要四五秒 */
/* @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: .14rem;
	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: 0;
	padding: 0;
	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;
}
.c-object-cover{object-fit: cover;}
.c-object-contain{object-fit: contain;}

.hide {
	display: none;
}

.show {
	display: block;
}
.c-hide{display: none;}
.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-centers{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;}

/* gap */
.c-gap4{gap: .04rem;}
.c-gap8{gap: .08rem;}
.c-gap10{gap: .1rem;}
.c-gap12{gap: .12rem;}
.c-gap14{gap: .14rem;}
.c-gap18{gap: .18rem;}
.c-gap20{gap: .2rem;}
.c-gap24{gap: .24rem;}

/* grid */
.c-grid-c2{display: grid; grid-template-columns: repeat(2, 1fr);}

/*文字隐藏*/
.c-text-hidden{overflow: hidden;}
.c-content-scroll{overflow: scroll;}
.c-content-auto{overflow: auto;}
.c-overflow-hidden{overflow: hidden;}
.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: .01rem;
}

/*自动换行*/
.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: .06rem;}
.c-fs7{font-size: .07rem;}
.c-fs8{font-size: .08rem;}
.c-fs9{font-size: .09rem;}
.c-fs10{font-size: .10rem;}
.c-fs10p5{font-size: .105rem;}
.c-fs11{font-size: .11rem;}
/* 以上小于12px的字号，正常情况下只有移动端会用到 */
.c-fs12{font-size: .12rem;}
.c-fs13{font-size: .13rem;}
.c-fs14{font-size: .14rem;}
.c-fs15{font-size: .15rem;}
.c-fs16{font-size: .16rem;}
.c-fs17{font-size: .17rem;}
.c-fs18{font-size: .18rem;}
.c-fs19{font-size: .19rem;}
.c-fs20{font-size: .2rem;}
.c-fs21{font-size: .21rem;}
.c-fs22{font-size: .22rem;}
.c-fs22-i{font-size: .22rem !important;}
.c-fs23{font-size: .23rem;}
.c-fs24{font-size: .24rem;}
.c-fs25{font-size: .25rem;}
.c-fs26{font-size: .26rem;}
.c-fs28{font-size: .28rem;}
.c-fs30{font-size: .3rem;}
.c-fs32{font-size: .32rem;}
.c-fs34{font-size: .34rem;}
.c-fs35{font-size: .35rem;}
.c-fs36{font-size: .36rem;}
.c-fs37{font-size: .37rem;}
.c-fs38{font-size: .38rem;}
.c-fs40{font-size: .4rem;}
.c-fs42{font-size: .42rem;}
.c-fs43{font-size: .43rem;}
.c-fs46{font-size: .46rem;}
.c-fs47{font-size: .47rem;}
.c-fs48{font-size: .48rem;}
.c-fs50{font-size: .5rem;}
.c-fs52{font-size: .52rem;}
.c-fs54{font-size: .54rem;}
.c-fs56{font-size: .56rem;}
.c-fs58{font-size: .58rem;}
.c-fs60{font-size: .6rem;}
.c-fs70{font-size: .7rem;}
.c-fs80{font-size: .8rem;}
.c-fs100{font-size: 1rem;}
.c-fs128{font-size: 1.28rem;}
/* 字体加粗 */
.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-20{color: rgba(255,107,1, 0.2);}
.c-fc-orange-i{color: #FF6B01 !important;}
.c-fc-FE6C02{color: #FE6C02;}
.c-fc-000{color: #000;}
.c-fc-061327{color: #061327;}
.c-fc-1D1D1F{color: #1D1D1F;}
.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-4E5461{color: #4E5461;}
.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: .01rem;}
.c-ls-2 {letter-spacing: .02rem;}
.c-ls-3 {letter-spacing: .03rem;}
.c-ls-4 {letter-spacing: .04rem;}
.c-ls-6 {letter-spacing: .06rem;}
.c-ls-12 {letter-spacing: .12rem;}
.c-ls-16 {letter-spacing: .16rem;}

.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-F4F9FF-50 { background: rgba(244,249,255,0.5); }
.c-bg-F5F7FA { background: #F5F7FA; }
.c-bg-F5F5F7 { background: #F5F5F7; }
.c-bg-F6 { background: #F6F6F6; }
.c-bg-f8f8fa { background: #F8F8FA; }
.c-bg-ff6b01 { background: #FF6B01; }
.c-bg-fef7ea{background: #FEF7EA;}
.c-bg-fffaf5{background: #fffaf5;}
.c-bg-orange{background: #FF6B01}
.c-bg-FE6C02 { background: #FE6C02; }
.c-bg-orange50{background: rgba(248,147,93,0.5)}
.c-bg-FFF7F1{background: #FFF7F1;}
.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-FAF9F8{background: #FAF9F8;}
.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-F0F0F0{background: #F0F0F0;}
.c-bg-F3E7DF{background: #F3E7DF;}
.c-bg-FFF2E8{background: #FFF2E8;}
.c-bg-FFF7F0{background: #FFF7F0;}
.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);}
.c-box-shadow4 {box-shadow: 0px 4px 10px 0px rgba(0, 33, 71, 0.1);}
.c-bg-cover-center{background-repeat: no-repeat;background-position: center center;background-size: cover;}
.c-backdrop-blur12{backdrop-filter: blur(.12rem);-webkit-backdrop-filter: blur(.12rem);}
.c-outline-none{outline: none;}
.c-z10{z-index: 10;}

/*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-transparent{border: 1px solid transparent;}
.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-F0F0F0{border: 1px solid #F0F0F0;}
.c-bd1-F3E7DF{border: 1px solid #F3E7DF;}
.c-bd1-F5F5F5{border: 1px solid #F5F5F5;}
.c-bd1-FBFADB{border: 1px solid #FBFADB;}
.c-bd1-FDFBFA{border: 1px solid #FDFBFA;}
.c-bd1-FF8238{border: 1px solid #FF8238;}
.c-bd1-FF8A3D{border: 1px solid #FF8A3D;}
.c-bd1-FFE6CD{border: 1px solid #FFE6CD;}
.c-bd1-ff6b01{border: 1px solid #FF6B01;}
.c-bd1-ff6b01-12{border: 1px solid rgba(255,107,1,.12);}
.c-bd1-ff6b01-16{border: 1px solid rgba(255,107,1,.16);}
.c-bd1-ff6b01-50{border: 1px solid rgba(255,107,1,.5);}
.c-bd2-ff6b01{border: .02rem solid #FF6B01;}
.c-bd1-orange-50{border: 1px solid rgba(255,107,1, 0.5);}
.c-bd-t1-000b17-4{border-top: 1px solid rgba(0, 11, 23, 0.04);}
.c-bd-t1-000b17-6{border-top: 1px solid rgba(0, 11, 23, 0.06);}
.c-bd-t1-fff{border-top: 1px solid #fff;}
.c-bd-t1-ff6b01{border-top: 1px solid #FF6B01;}
.c-bd-t1-f5{border-top: 1px solid #F5F5F5;}
.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-000b17-6{border-bottom: 1px solid rgba(0, 11, 23, 0.06);}
.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-b1-orange-50{border-bottom: 1px solid rgba(255,107,1, 0.5);}
.c-bd-b2-orange{border-bottom: .02rem solid #FF6B01;}
.c-bd-b2-orange-50{border-bottom: .02rem solid rgba(255,107,1, 0.5);}
.c-bd-b2-transparent{border-bottom: .02rem solid transparent;}
.c-bd-b4-orange{border-bottom: .04rem solid #FF6B01;}
.c-bd-b4-transparent{border-bottom: .04rem 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: .02rem solid #000000;}
.c-bd-b2-orange{border-bottom: .02rem 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: .02rem solid #FD691B;}
.c-bd-l4-orange{border-left: .04rem solid #FF6B01 !important;}
.c-bd-l4-transparent{border-left: .04rem solid transparent;}
.c-bd-r1-DF{border-right: 1px solid rgba(223, 223, 223, 0.4);}

.c-bd-t3-orange{border-top: .03rem solid #FF6B01;}

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

.c-bd-t1-D1-dashed{border-top: 1px dashed #D1D1D1;}

/*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: .01rem;}
.c-br2{border-radius: .02rem;}
.c-br3{border-radius: .03rem;}
.c-br4{border-radius: .04rem;}
.c-br5{border-radius: .05rem;}
.c-br6{border-radius: .06rem;}
.c-br7{border-radius: .07rem;}
.c-br8{border-radius: .08rem;}
.c-br9{border-radius: .09rem;}
.c-br10{border-radius: .1rem;}
.c-br12{border-radius: .12rem;}
.c-br13{border-radius: .13rem;}
.c-br14{border-radius: .14rem;}
.c-br15{border-radius: .15rem;}
.c-br16{border-radius: .16rem;}
.c-br18{border-radius: .18rem;}
.c-br20{border-radius: .2rem;}
.c-br22{border-radius: .22rem;}
.c-br30{border-radius: .3rem;}
.c-br40{border-radius: .4rem;}
.c-br100{border-radius: 1rem;}
.c-br-tl10{border-top-left-radius: .1rem}
.c-br-tr10{border-top-right-radius: .1rem}
.c-br-bl10{border-bottom-left-radius: .1rem}
.c-br-br10{border-bottom-right-radius: .1rem}

/* 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: 0;}
.c-p-t2{top: .02rem;}
.c-p-t4{top: .04rem;}
.c-p-t8{top: .08rem;}
.c-p-t10{top: .1rem;}
.c-p-t20{top: .2rem;}
.c-p-t26{top: .26rem;}
.c-p-t30{top: .3rem;}
.c-p-t36{top: .36rem;}
.c-p-t38{top: .38rem;}
.c-p-t40{top: .4rem;}
.c-p-t44{top: .44rem;}
.c-p-t45{top: .45rem;}
.c-p-t52{top: .52rem;}
.c-p-t70{top: .7rem;}
.c-p-tm8{top: -.08rem;}
.c-p-tm16{top: -.16rem;}
.c-p-tm52{top: -.52rem;}
.c-p-tm58{top: -.58rem;}


.c-p-bm17{bottom: -.17rem;}
.c-p-bm16{bottom: -.16rem;}
.c-p-bm2{bottom: -.02rem;}
.c-p-bm1{bottom: -.01rem;}
.c-p-b0{bottom: 0;}
.c-p-b2{bottom: .02rem;}
.c-p-b10{bottom: .1rem;}
.c-p-b12{bottom: .12rem;}
.c-p-b14{bottom: .14rem;}
.c-p-b16{bottom: .16rem;}
.c-p-b18{bottom: .18rem;}
.c-p-b20{bottom: .2rem;}
.c-p-b26{bottom: .26rem;}
.c-p-b32{bottom: .32rem;}
.c-p-b40{bottom: .4rem;}
.c-p-b75{bottom: .75rem;}
.c-p-b80{bottom: .8rem;}
.c-p-b100{bottom: 1rem;}
.c-p-b120{bottom: 1.2rem;}
.c-p-b140{bottom: 1.4rem;}

.c-p-rm4{right: -.04rem;}
.c-p-rm8{right: -.08rem;}
.c-p-r10{right: .1rem;}
.c-p-r12{right: .12rem;}
.c-p-r14{right: .14rem;}
.c-p-r20{right: .2rem;}
.c-p-r24{right: .24rem;}
.c-p-r28{right: .28rem;}

.c-p-lm5 {left: -.05rem;}
.c-p-lm6 {left: -.06rem;}
.c-p-lm7 {left: -.07rem;}
.c-p-lm8 {left: -.08rem;}
.c-p-lm9 {left: -.09rem;}
.c-p-lm10 {left: -.1rem;}
.c-p-lm11 {left: -.11rem;}
.c-p-lm12 {left: -.12rem;}
.c-p-lm13 {left: -.13rem;}
.c-p-lm16 {left: -.16rem;}
.c-p-lp50 {left: 50%;}
.c-p-l0 {left: 0;}
.c-p-l22 {left: .22rem;}
.c-p-l28 {left: .28rem;}
.c-p-l30 {left: .3rem;}
.c-p-l36{left: .36rem !important;}
.c-p-l38 {left: .38rem;}
.c-p-l50 {left: .5rem;}
.c-p-l200 {left: 2rem;}

.c-p-r0 {right: 0;}
.c-p-rm4 {right: -.04rem;}
.c-p-rm6 {right: -.06rem;}
.c-p-rm8 {right: -.08rem;}
.c-p-rm16 {right: -.16rem;}
.c-p-rm76 {right: -.76rem;}
.c-p-rm105 {right: -1.05rem;}
.c-p-r6{right: .06rem;}
.c-p-r14{right: .14rem;}
.c-p-r16{right: .16rem;}
.c-p-r30{right: .3rem;}
.c-p-r36{right: .36rem !important;}



/* z-index  c-pz + 数值 */
.c-pzm1{z-index: -1;}
.c-pz1{z-index: 1;}
.c-pz2{z-index: 2;}
.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: .9rem;}
.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: .01rem;}
.c-ww3{width: .03rem;}
.c-ww4{width: .04rem;}
.c-ww5{width: .05rem;}
.c-ww6{width: .06rem;}
.c-ww7{width: .07rem;}
.c-ww8{width: .08rem;}
.c-ww9{width: .09rem;}
.c-ww10{width: .1rem;}
.c-ww11{width: .11rem;}
.c-ww12{width: .12rem;}
.c-ww13{width: .13rem;}
.c-ww14{width: .14rem;}
.c-ww15{width: .15rem;}
.c-ww16{width: .16rem;}
.c-ww17{width: .17rem;}
.c-ww18{width: .18rem;}
.c-ww19{width: .19rem;}
.c-ww20{width: .2rem;}
.c-ww21{width: .21rem;}
.c-ww22{width: .22rem;}
.c-ww23{width: .23rem;}
.c-ww24{width: .24rem;}
.c-ww25{width: .25rem;}
.c-ww28{width: .28rem;}
.c-ww30{width: .3rem;}
.c-ww32{width: .32rem;}
.c-ww34{width: .34rem;}
.c-ww36{width: .36rem;}
.c-ww38{width: .38rem;}
.c-ww40{width: .4rem;}
.c-ww42{width: .42rem;}
.c-ww44{width: .44rem;}
.c-ww45{width: .45rem;}
.c-ww48{width: .48rem;}
.c-ww50{width: .5rem;}
.c-ww53{width: .53rem;}
.c-ww58{width: .58rem;}
.c-ww60{width: .6rem;}
.c-ww64{width: .64rem;}
.c-ww65{width: .65rem;}
.c-ww68{width: .68rem;}
.c-ww70{width: .7rem;}
.c-ww72{width: .72rem;}
.c-ww74{width: .74rem;}
.c-ww76{width: .76rem;}
.c-ww78{width: .78rem;}
.c-ww80{width: .8rem;}
.c-ww80-i{width: .8rem !important;}
.c-ww82{width: .82rem;}
.c-ww84{width: .84rem;}
.c-ww88{width: .88rem;}
.c-ww90{width: .9rem;}
.c-ww96{width: .96rem;}
.c-ww100{width: 1rem;}
.c-ww102{width: 1.02rem;}
.c-ww103{width: 1.03rem;}
.c-ww104{width: 1.04rem;}
.c-ww105{width: 1.05rem;}
.c-ww106{width: 1.06rem;}
.c-ww112{width: 1.12rem;}
.c-ww112-i{width: 1.12rem !important;}
.c-ww114{width: 1.14rem;}
.c-ww115{width: 1.15rem;}
.c-ww120{width: 1.2rem;}
.c-ww122{width: 1.22rem;}
.c-ww125{width: 1.25rem;}
.c-ww128{width: 1.28rem;}
.c-ww130{width: 1.3rem;}
.c-ww136{width: 1.36rem;}
.c-ww138{width: 1.38rem;}
.c-ww140{width: 1.4rem;}
.c-ww142{width: 1.42rem;}
.c-ww146{width: 1.46rem;}
.c-ww150{width: 1.5rem;}
.c-ww152{width: 1.52rem;}
.c-ww155{width: 1.55rem;}
.c-ww160{width: 1.6rem;}
.c-ww162{width: 1.62rem;}
.c-ww162-i{width: 1.62rem !important;}
.c-ww164{width: 1.64rem;}
.c-ww168{width: 1.68rem;}
.c-ww170{width: 1.7rem;}
.c-ww173{width: 1.73rem;}
.c-ww175{width: 1.75rem;}
.c-ww180{width: 1.8rem;}
.c-ww190{width: 1.9rem;}
.c-ww193{width: 1.93rem;}
.c-ww198{width: 1.98rem;}
.c-ww200{width: 2rem;}
.c-ww210{width: 2.1rem;}
.c-ww204{width: 2.04rem;}
.c-ww214{width: 2.14rem;}
.c-ww220{width: 2.2rem;}
.c-ww230{width: 2.3rem;}
.c-ww225{width: 2.25rem;}
.c-ww228{width: 2.28rem;}
.c-ww228-i{width: 2.28rem !important;}
.c-ww238{width: 2.38rem;}
.c-ww240{width: 2.4rem;}
.c-ww250{width: 2.5rem;}
.c-ww252{width: 2.52rem;}
.c-ww260{width: 2.6rem;}
.c-ww260-i{width: 2.6rem !important;}
.c-ww267{width: 2.67rem;}
.c-ww270{width: 2.7rem;}
.c-ww276{width: 2.76rem;}
.c-ww277{width: 2.77rem;}
.c-ww280{width: 2.8rem;}
.c-ww286{width: 2.86rem;}
.c-ww286-i{width: 2.86rem !important;}
.c-ww290{width: 2.9rem;}
.c-ww293{width: 2.93rem;}
.c-ww300{width: 3rem;}
.c-ww304{width: 3.04rem;}
.c-ww310{width: 3.1rem;}
.c-ww315{width: 3.15rem;}
.c-ww315-i{width: 3.15rem !important;}
.c-ww320{width: 3.2rem;}
.c-ww325{width: 3.25rem;}
.c-ww330{width: 3.3rem;}
.c-ww335{width: 3.35rem;}
.c-ww340{width: 3.4rem;}
.c-ww340-i{width: 3.4rem !important;}
.c-ww350{width: 3.5rem;}
.c-ww360{width: 3.6rem;}
.c-ww366{width: 3.66rem;}
.c-ww370{width: 3.7rem;}
.c-ww375{width: 3.75rem;}
.c-ww380{width: 3.8rem;}
.c-ww400{width: 4rem;}
.c-ww400-i{width: 4rem !important;}
.c-ww406{width: 4.06rem;}
.c-ww410{width: 4.1rem;}
.c-ww420{width: 4.2rem;}
.c-ww430{width: 4.3rem;}
.c-ww430-i{width: 4.3rem !important;}
.c-ww440{width: 4.4rem;}
.c-ww450{width: 4.5rem;}
.c-ww450-i{width: 4.5rem !important;}
.c-ww460{width: 4.6rem;}
.c-ww460-i{width: 4.6rem !important;}
.c-ww476{width: 4.76rem;}
.c-ww480{width: 4.8rem;}
.c-ww480-i{width: 4.8rem !important;}
.c-ww486{width: 4.86rem;}
.c-ww490{width: 4.9rem;}
.c-ww495{width: 4.95rem;}
.c-ww500{width: 5rem;}
.c-ww520{width: 5.2rem;}
.c-ww526{width: 5.26rem;}
.c-ww536{width: 5.36rem;}
.c-ww545{width: 5.45rem;}
.c-ww550{width: 5.5rem;}
.c-ww556{width: 5.56rem;}
.c-ww558{width: 5.58rem;}
.c-ww560{width: 5.6rem;}
.c-ww574-i{width: 5.74rem !important;}
.c-ww580{width: 5.8rem;}
.c-ww582-i{width: 5.82rem !important;}
.c-ww584{width: 5.84rem;}
.c-ww584-i{width: 5.84rem !important;}
.c-ww585{width: 5.85rem;}
.c-ww590{width: 5.9rem;}
.c-ww600{width: 6rem;}
.c-ww615{width: 6.15rem;}
.c-ww620{width: 6.2rem;}
.c-ww630{width: 6.3rem;}
.c-ww656-i{width: 6.56rem !important;}
.c-ww680{width: 6.8rem;}
.c-ww710{width: 7.1rem;}
.c-ww730{width: 7.3rem;}
.c-ww780{width: 7.8rem;}
.c-ww800{width: 8rem;}
.c-ww800-i{width: 8rem !important;}
.c-ww820{width: 8.2rem;}
.c-ww900{width: 9rem;}
.c-ww920{width: 9.2rem;}
.c-ww1000{width: 10rem;}
.c-ww1020{width: 10.2rem;}
.c-ww1040{width: 10.4rem;}
.c-ww1050{width: 10.5rem;}
.c-ww1100{width: 11rem;}
.c-ww1140{width: 11.4rem;}
.c-ww1150{width: 11.5rem;}
.c-ww1160{width: 11.6rem;}
.c-ww1200{width: 12rem;}
.c-ww1210{width: 12.1rem;}
.c-ww1290{width: 12.9rem;}
.c-ww1300{width: 13rem;}
.c-ww1380{width: 13.8rem;}
.c-ww1400{width: 14rem;}
.c-maxw86{max-width: 86%;}
.c-maxw100{max-width: 100%;}
.c-maxww110{max-width: 1.1rem;}
.c-maxww210{max-width: 2.1rem;}
.c-maxww220{max-width: 2.2rem;}
.c-maxww300{max-width: 3rem;}
.c-maxww375{max-width: 3.75rem;}
.c-maxww520{max-width: 5.2rem;}
.c-maxww750{max-width: 7.5rem;}
.c-maxww1200{max-width: 12rem;}
.c-minw100{min-width: 100%}
.c-minww300{min-width: 3rem;}
.c-minww1200{min-width: 12rem;}
.c-minww1290{min-width: 12.9rem;}

/*height 跟宽度的规则一样*/
.c-h-auto{height: auto;}
.c-h0{height: 0;}

.c-maxh100{max-height: 100%;}
.c-minh100{min-height: 100%;}
.c-minh80vh{min-height: 80vh;}
.c-minh100vh{min-height: 100vh;}
.c-minhh128{min-height: 1.28rem;}
.c-minhh150{min-height: 1.5rem;}
.c-minhh400{min-height: 4rem;}
.c-minhh410{min-height: 4.1rem;}
.c-minhh490{min-height: 4.9rem;}
.c-minhh508{min-height: 5.08rem;}
.c-minhh526{min-height: 5.26rem;}
.c-minhh535{min-height: 5.35rem;}
.c-minhh555{min-height: 5.55rem;}
.c-minhh570{min-height: 5.7rem;}
.c-minhh600{min-height: 6.0rem;}
.c-minhh880{min-height: 8.8rem;}
.c-maxhh100{max-height: 1rem;}
.c-maxhh750{max-height: 7.5rem;}
.c-maxhh880{max-height: 8.8rem;}
.c-h60vh{height: 60vh;}
.c-h70vh{height: 70vh;}
.c-h80vh{height: 80vh;}
.c-h100vh{height: 100vh;}
.c-h100 {height: 100%;}

.c-hh1 {height: .01rem;}
.c-hh2 {height: .02rem;}
.c-hh3 {height: .03rem;}
.c-hh4 {height: .04rem;}
.c-hh5 {height: .05rem;}
.c-hh6 {height: .06rem;}
.c-hh7 {height: .07rem;}
.c-hh8 {height: .08rem;}
.c-hh9 {height: .09rem;}
.c-hh10 {height: .1rem;}
.c-hh11 {height: .11rem;}
.c-hh12 {height: .12rem;}
.c-hh13 {height: .13rem;}
.c-hh14 {height: .14rem;}
.c-hh15 {height: .15rem;}
.c-hh16 {height: .16rem;}
.c-hh17 {height: .17rem;}
.c-hh18 {height: .18rem;}
.c-hh20 {height: .2rem;}
.c-hh22 {height: .22rem;}
.c-hh24 {height: .24rem;}
.c-hh25 {height: .25rem;}
.c-hh26 {height: .26rem;}
.c-hh28 {height: .28rem;}
.c-hh30 {height: .3rem;}
.c-hh32 {height: .32rem;}
.c-hh34 {height: .34rem;}
.c-hh36 {height: .36rem;}
.c-hh38 {height: .38rem;}
.c-hh40 {height: .4rem;}
.c-hh42 {height: .42rem;}
.c-hh44 {height: .44rem;}
.c-hh45 {height: .45rem;}
.c-hh46 {height: .46rem;}
.c-hh48 {height: .48rem;}
.c-hh50 {height: .5rem;}
.c-hh52 {height: .52rem;}
.c-hh54 {height: .54rem;}
.c-hh58 {height: .58rem;}
.c-hh60 {height: .6rem;}
.c-hh62 {height: .62rem;}
.c-hh64 {height: .64rem;}
.c-hh65 {height: .65rem;}
.c-hh66 {height: .66rem;}
.c-hh67 {height: .67rem;}
.c-hh68 {height: .68rem;}
.c-hh70 {height: .7rem;}
.c-hh72 {height: .72rem;}
.c-hh74 {height: .74rem;}
.c-hh75 {height: .75rem;}
.c-hh76 {height: .76rem;}
.c-hh80 {height: .8rem;}
.c-hh84 {height: .84rem;}
.c-hh86 {height: .86rem;}
.c-hh88 {height: .88rem;}
.c-hh92 {height: .92rem;}
.c-hh93 {height: .93rem;}
.c-hh94 {height: .94rem;}
.c-hh95 {height: .95rem;}
.c-hh96 {height: .96rem;}
.c-hh98 {height: .98rem;}
.c-hh100 {height: 1rem;}
.c-hh104 {height: 1.04rem;}
.c-hh105 {height: 1.05rem;}
.c-hh109 {height: 1.09rem;}
.c-hh112 {height: 1.12rem;}
.c-hh115 {height: 1.15rem;}
.c-hh116 {height: 1.16rem;}
.c-hh118 {height: 1.18rem;}
.c-hh120 {height: 1.2rem;}
.c-hh124 {height: 1.24rem;}
.c-hh128 {height: 1.28rem;}
.c-hh130 {height: 1.3rem;}
.c-hh132 {height: 1.32rem;}
.c-hh134 {height: 1.34rem;}
.c-hh136 {height: 1.36rem;}
.c-hh146 {height: 1.46rem;}
.c-hh150 {height: 1.5rem;}
.c-hh156 {height: 1.56rem;}
.c-hh160 {height: 1.6rem;}
.c-hh162 {height: 1.62rem;}
.c-hh165 {height: 1.65rem;}
.c-hh168 {height: 1.68rem;}
.c-hh170 {height: 1.7rem;}
.c-hh174 {height: 1.74rem;}
.c-hh180 {height: 1.8rem;}
.c-hh180-i {height: 1.8rem !important;}
.c-hh188 {height: 1.88rem;}
.c-hh190 {height: 1.9rem;}
.c-hh196 {height: 1.96rem;}
.c-hh198 {height: 1.98rem;}
.c-hh200{height: 2rem;}
.c-hh205{height: 2.05rem;}
.c-hh206{height: 2.06rem;}
.c-hh208{height: 2.08rem;}
.c-hh210{height: 2.1rem;}
.c-hh214{height: 2.14rem;}
.c-hh214-i{height: 2.14rem !important;}
.c-hh220{height: 2.2rem;}
.c-hh225{height: 2.25rem;}
.c-hh236{height: 2.36rem;}
.c-hh240{height: 2.4rem;}
.c-hh243{height: 2.43rem;}
.c-hh254 {height: 2.54rem;}
.c-hh256 {height: 2.56rem;}
.c-hh256-i {height: 2.56rem !important;}
.c-hh258 {height: 2.58rem;}
.c-hh265{height: 2.65rem;}
.c-hh267{height: 2.67rem;}
.c-hh270{height: 2.7rem;}
.c-hh280{height: 2.8rem;}
.c-hh292{height: 2.92rem;}
.c-hh300 {height: 3rem;}
.c-hh304 {height: 3.04rem;}
.c-hh310 {height: 3.10rem;}
.c-hh316 {height: 3.16rem;}
.c-hh316-i {height: 3.16rem !important;}
.c-hh320 {height: 3.2rem;}
.c-hh330-i {height: 3.3rem !important;}
.c-hh336 {height: 3.36rem;}
.c-hh340 {height: 3.4rem;}
.c-hh345 {height: 3.45rem;}
.c-hh350 {height: 3.5rem;}
.c-hh360 {height: 3.6rem;}
.c-hh360-i {height: 3.6rem !important;}
.c-hh372 {height: 3.72rem;}
.c-hh380 {height: 3.8rem;}
.c-hh390 {height: 3.9rem;}
.c-hh400 {height: 4rem;}
.c-hh410 {height: 4.1rem;}
.c-hh412 {height: 4.12rem;}
.c-hh420 {height: 4.2rem;}
.c-hh422 {height: 4.22rem;}
.c-hh434 {height: 4.34rem;}
.c-hh450 {height: 4.5rem;}
.c-hh460 {height: 4.6rem;}
.c-hh465 {height: 4.65rem;}
.c-hh470 {height: 4.7rem;}
.c-hh474 {height: 4.74rem;}
.c-hh495 {height: 4.95rem;}
.c-hh500 {height: 5rem;}
.c-hh508 {height: 5.08rem;}
.c-hh510 {height: 5.1rem;}
.c-hh512 {height: 5.12rem;}
.c-hh526 {height: 5.26rem;}
.c-hh535 {height: 5.35rem;}
.c-hh555 {height: 5.55rem;}
.c-hh570 {height: 5.7rem;}
.c-hh586 {height: 5.86rem;}
.c-hh588 {height: 5.88rem;}
.c-hh590 {height: 5.9rem;}
.c-hh600 {height: 6rem;}
.c-hh620 {height: 6.2rem;}
.c-hh638 {height: 6.38rem;}
.c-hh675 {height: 6.75rem;}
.c-hh745 {height: 7.45rem;}
.c-hh750 {height: 7.5rem;}
.c-hh765 {height: 7.65rem;}
.c-hh880 {height: 8.8rem;}
.c-hh960 {height: 9.6rem;}
.c-hh1118 {height: 11.18rem;}
.c-hh1332 {height: 13.32rem;}
.c-hh1383 {height: 13.83rem;}

/*line-height*/
.c-lh0-i{line-height: 0 !important;}
.c-lh-n{line-height: normal;}
.c-lh{line-height: 1;}
.c-lh10{line-height: .1rem;}
.c-lh12{line-height: .12rem;}
.c-lh14{line-height: .14rem;}
.c-lh15{line-height: .15rem;}
.c-lh16{line-height: .16rem;}
.c-lh17{line-height: .17rem;}
.c-lh18{line-height: .18rem;}
.c-lh20{line-height: .2rem;}
.c-lh21{line-height: .21rem;}
.c-lh22{line-height: .22rem;}
.c-lh24{line-height: .24rem;}
.c-lh26{line-height: .26rem;}
.c-lh28{line-height: .28rem;}
.c-lh30{line-height: .3rem;}
.c-lh32{line-height: .32rem;}
.c-lh34{line-height: .34rem;}
.c-lh36{line-height: .36rem;}
.c-lh38{line-height: .38rem;}
.c-lh40{line-height: .4rem;}
.c-lh42{line-height: .42rem;}
.c-lh44{line-height: .44rem;}
.c-lh46{line-height: .46rem;}
.c-lh48{line-height: .48rem;}
.c-lh50{line-height: .5rem;}
.c-lh54{line-height: .54rem;}
.c-lh56{line-height: .56rem;}
.c-lh60{line-height: .6rem;}
.c-lh72{line-height: .72rem;}
.c-lh84{line-height: .84rem;}
.c-lh86{line-height: .86rem;}
.c-lh100{line-height: 1rem;}
.c-lh110{line-height: 1.1rem;}

/*缩放*/
.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(.5rem,1rem);-webkit-transform:translate(.5rem,1rem);-ms-transform:translate(.5rem,1rem);-moz-transform:translate(.5rem,1rem);-o-transform:translate(.5rem,1rem);}
.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: .01rem; padding-right: .01rem;}
.c-ph2{ padding-left: .02rem; padding-right: .02rem;}
.c-ph3{ padding-left: .03rem; padding-right: .03rem;}
.c-ph4{ padding-left: .04rem; padding-right: .04rem;}
.c-ph5{ padding-left: .05rem; padding-right: .05rem;}
.c-ph6{ padding-left: .06rem; padding-right: .06rem;}
.c-ph7{ padding-left: .07rem; padding-right: .07rem;}
.c-ph8{ padding-left: .08rem; padding-right: .08rem;}
.c-ph9{ padding-left: .09rem; padding-right: .09rem;}
.c-ph10{ padding-left: .1rem; padding-right: .1rem;}
.c-ph12{ padding-left: .12rem; padding-right: .12rem;}
.c-ph13{ padding-left: .13rem; padding-right: .13rem;}
.c-ph14{ padding-left: .14rem; padding-right: .14rem;}
.c-ph15{ padding-left: .15rem; padding-right: .15rem;}
.c-ph16{ padding-left: .16rem; padding-right: .16rem;}
.c-ph18{ padding-left: .18rem; padding-right: .18rem;}
.c-ph19{ padding-left: .19rem; padding-right: .19rem;}
.c-ph20{ padding-left: .2rem; padding-right: .2rem;}
.c-ph22{ padding-left: .22rem; padding-right: .22rem;}
.c-ph24{ padding-left: .24rem; padding-right: .24rem;}
.c-ph25{ padding-left: .25rem; padding-right: .25rem;}
.c-ph26{ padding-left: .26rem; padding-right: .26rem;}
.c-ph28{ padding-left: .28rem; padding-right: .28rem;}
.c-ph30{ padding-left: .3rem; padding-right: .3rem;}
.c-ph32{ padding-left: .32rem; padding-right: .32rem;}
.c-ph36{ padding-left: .36rem; padding-right: .36rem;}
.c-ph40{ padding-left: .4rem; padding-right: .4rem;}
.c-ph50{ padding-left: .5rem; padding-right: .5rem;}
.c-ph52{ padding-left: .52rem; padding-right: .52rem;}
.c-ph54{ padding-left: .54rem; padding-right: .54rem;}
.c-ph60{ padding-left: .6rem; padding-right: .6rem;}
.c-ph64{ padding-left: .64rem; padding-right: .64rem;}
.c-ph75{ padding-left: .75rem; padding-right: .75rem;}
.c-ph80{ padding-left: .8rem; padding-right: .8rem;}
.c-ph85{ padding-left: .85rem; padding-right: .85rem;}
.c-ph88{ padding-left: .88rem; padding-right: .88rem;}
.c-ph94{ padding-left: .94rem; padding-right: .94rem;}
.c-ph200{ padding-left: 2rem; padding-right: 2rem;}

.c-pv2{ padding-top: .02rem; padding-bottom: .02rem;}
.c-pv3{ padding-top: .03rem; padding-bottom: .03rem;}
.c-pv4{ padding-top: .04rem; padding-bottom: .04rem;}
.c-pv5{ padding-top: .05rem; padding-bottom: .05rem;}
.c-pv6{ padding-top: .06rem; padding-bottom: .06rem;}
.c-pv7{ padding-top: .07rem; padding-bottom: .07rem;}
.c-pv8{ padding-top: .08rem; padding-bottom: .08rem;}
.c-pv10{ padding-top: .1rem; padding-bottom: .1rem;}
.c-pv14{ padding-top: .14rem; padding-bottom: .14rem;}
.c-pv15{ padding-top: .15rem; padding-bottom: .15rem;}
.c-pv16{ padding-top: .16rem; padding-bottom: .16rem;}
.c-pv18{ padding-top: .18rem; padding-bottom: .18rem;}
.c-pv20{ padding-top: .2rem; padding-bottom: .2rem;}
.c-pv22{ padding-top: .22rem; padding-bottom: .22rem;}
.c-pv24{ padding-top: .24rem; padding-bottom: .24rem;}
.c-pv26{ padding-top: .26rem; padding-bottom: .26rem;}
.c-pv28{ padding-top: .28rem; padding-bottom: .28rem;}
.c-pv30{ padding-top: .3rem; padding-bottom: .3rem;}
.c-pv36{ padding-top: .3rem; padding-bottom: .36rem;}
.c-pv40{ padding-top: .4rem; padding-bottom: .4rem;}
.c-pv44{ padding-top: .44rem; padding-bottom: .44rem;}
.c-pv50{ padding-top: .5rem; padding-bottom: .5rem;}
.c-pv60{ padding-top: .6rem; padding-bottom: .6rem;}
.c-pv62{ padding-top: .62rem; padding-bottom: .62rem;}
.c-pv70{ padding-top: .7rem; padding-bottom: .7rem;}
.c-pv75{ padding-top: .75rem; padding-bottom: .75rem;}
.c-pv80{ padding-top: .8rem; padding-bottom: .8rem;}
.c-pv100{ padding-top: 1rem; padding-bottom: 1rem;}

.c-pt1{padding-top: .01rem;}
.c-pt2{padding-top: .02rem;}
.c-pt3{padding-top: .03rem;}
.c-pt4{padding-top: .04rem;}
.c-pt6{padding-top: .06rem;}
.c-pt8{padding-top: .08rem;}
.c-pt10{padding-top: .1rem;}
.c-pt14{padding-top: .14rem;}
.c-pt16{padding-top: .16rem;}
.c-pt18{padding-top: .18rem;}
.c-pt20{padding-top: .2rem;}
.c-pt22{padding-top: .22rem;}
.c-pt26{padding-top: .26rem;}
.c-pt30{padding-top: .3rem;}
.c-pt34{padding-top: .34rem;}
.c-pt36{padding-top: .36rem;}
.c-pt40{padding-top: .4rem;}
.c-pt46{padding-top: .46rem;}
.c-pt50{padding-top: .5rem;}
.c-pt52{padding-top: .52rem;}
.c-pt60{padding-top: .6rem;}
.c-pt70{padding-top: .7rem;}
.c-pt75{padding-top: .75rem;}
.c-pt80{padding-top: .8rem;}
.c-pt100{padding-top: 1rem;}
.c-pt135{padding-top: 1.35rem;}
.c-pt160{padding-top: 1.6rem;}
.c-pt170{padding-top: 1.7rem;}

.c-pb1{padding-bottom: .01rem;}
.c-pb2{padding-bottom: .02rem;}
.c-pb3{padding-bottom: .03rem;}
.c-pb4{padding-bottom: .04rem;}
.c-pb6{padding-bottom: .06rem;}
.c-pb8{padding-bottom: .08rem;}
.c-pb10{padding-bottom: .1rem;}
.c-pb14{padding-bottom: .14rem;}
.c-pb16{padding-bottom: .16rem;}
.c-pb18-i{padding-bottom: .18rem !important;}
.c-pb20{padding-bottom: .2rem;}
.c-pb24{padding-bottom: .24rem;}
.c-pb30{padding-bottom: .3rem;}
.c-pb34{padding-bottom: .34rem;}
.c-pb36{padding-bottom: .36rem;}
.c-pb40{padding-bottom: .4rem;}
.c-pb48{padding-bottom: .48rem;}
.c-pb50{padding-bottom: .5rem;}
.c-pb60{padding-bottom: .6rem;}
.c-pb70{padding-bottom: .7rem;}
.c-pb75{padding-bottom: .75rem;}
.c-pb80{padding-bottom: .8rem;}
.c-pb90{padding-bottom: .9rem;}
.c-pb100{padding-bottom: 1rem;}
.c-pb120{padding-bottom: 1.2rem;}
.c-pb130{padding-bottom: 1.3rem !important;}
.c-pb165{padding-bottom: 1.65rem;}
.c-pb220{padding-bottom: 2.2rem;}

.c-pl10{padding-left: .1rem;}
.c-pl12{padding-left: .12rem;}
.c-pl14{padding-left: .14rem;}
.c-pl15{padding-left: .15rem;}
.c-pl16{padding-left: .16rem;}
.c-pl18{padding-left: .18rem;}
.c-pl20{padding-left: .2rem;}
.c-pl22{padding-left: .22rem;}
.c-pl24{padding-left: .24rem;}
.c-pl26{padding-left: .26rem;}
.c-pl28{padding-left: .28rem;}
.c-pl30{padding-left: .3rem;}
.c-pl32{padding-left: .32rem;}
.c-pl40{padding-left: .4rem;}
.c-pl50{padding-left: .5rem;}
.c-pl84{padding-left: .84rem;}

.c-pr2{padding-right: .02rem;}
.c-pr10{padding-right: .1rem;}
.c-pr16{padding-right: .16rem;}
.c-pr20{padding-right: .2rem;}
.c-pr24{padding-right: .24rem;}
.c-pr30{padding-right: .3rem;}
.c-pr36{padding-right: .36rem;}
.c-pr40{padding-right: .4rem;}
.c-pr50{padding-right: .5rem;}
.c-pr60{padding-right: .6rem;}
.c-pr90{padding-right: .9rem;}
.c-pr100{padding-right: 1rem;}
.c-pr120{padding-right: 1.2rem;}

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

.c-mh2{ margin-left: .02rem; margin-right: .02rem; }
.c-mh3{ margin-left: .03rem; margin-right: .03rem; }
.c-mh4{ margin-left: .04rem; margin-right: .04rem; }
.c-mh5{ margin-left: .05rem; margin-right: .05rem; }
.c-mh10{ margin-left: .1rem; margin-right: .1rem; }
.c-mh13{ margin-left: .13rem; margin-right: .13rem; }
.c-mh14{ margin-left: .14rem; margin-right: .14rem; }
.c-mh15{ margin-left: .15rem; margin-right: .15rem; }
.c-mh16{ margin-left: .16rem; margin-right: .16rem; }
.c-mh20{ margin-left: .2rem; margin-right: .2rem; }
.c-mh22{ margin-left: .22rem; margin-right: .22rem; }
.c-mh24{ margin-left: .24rem; margin-right: .24rem; }
.c-mh30{ margin-left: .3rem; margin-right: .3rem; }
.c-mh60{ margin-left: .6rem; margin-right: .6rem; }
.c-mh94{ margin-left: .94rem; margin-right: .94rem; }

.c-mv4{ margin-top: .04rem; margin-bottom: .04rem; }
.c-mv6{ margin-top: .16rem; margin-bottom: .06rem; }
.c-mv8{ margin-top: .08rem; margin-bottom: .08rem; }
.c-mv10{ margin-top: .1rem; margin-bottom: .1rem; }
.c-mv12{ margin-top: .12rem; margin-bottom: .12rem; }
.c-mv14{ margin-top: .14rem; margin-bottom: .14rem; }
.c-mv15{ margin-top: .15rem; margin-bottom: .15rem; }
.c-mv16{ margin-top: .16rem; margin-bottom: .16rem; }
.c-mv20{ margin-top: .2rem; margin-bottom: .2rem; }
.c-mv26{ margin-top: .26rem; margin-bottom: .26rem; }
.c-mv30{ margin-top: .3rem; margin-bottom: .3rem; }
.c-mv70{ margin-top: 1rem; margin-bottom: .7rem; }
.c-mv100{ margin-top: 1rem; margin-bottom: 1rem; }

.c-mtm1{margin-top: -.01rem;}
.c-mtm2{margin-top: -.02rem;}
.c-mtm4{margin-top: -.04rem;}
.c-mtm6{margin-top: -.06rem;}
.c-mtm8{margin-top: -.08rem;}
.c-mtm10{margin-top: -.1rem;}
.c-mtm12{margin-top: -.12rem;}
.c-mtm14{margin-top: -.14rem;}
.c-mtm16{margin-top: -.16rem;}
.c-mtm18{margin-top: -.18rem;}
.c-mtm20{margin-top: -.2rem;}
.c-mtm22{margin-top: -.22rem;}
.c-mtm26{margin-top: -.26rem;}
.c-mtm30{margin-top: -.3rem;}
.c-mtm36{margin-top: -.36rem;}
.c-mtm40{margin-top: -.4rem;}
.c-mtm45{margin-top: -.45rem;}
.c-mtm50{margin-top: -.5rem;}
.c-mtm60{margin-top: -.6rem;}
.c-mtm75{margin-top: -.75rem;}
.c-mtm94{margin-top: -.94rem;}
.c-mt1{margin-top: .01rem;}
.c-mt2{margin-top: .02rem;}
.c-mt3{margin-top: .03rem;}
.c-mt4{margin-top: .04rem;}
.c-mt5{margin-top: .05rem;}
.c-mt6{margin-top: .06rem;}
.c-mt7{margin-top: .07rem;}
.c-mt8{margin-top: .08rem;}
.c-mt10{margin-top: .1rem;}
.c-mt11{margin-top: .11rem;}
.c-mt12{margin-top: .12rem;}
.c-mt13{margin-top: .13rem;}
.c-mt14{margin-top: .14rem;}
.c-mt15{margin-top: .15rem;}
.c-mt16{margin-top: .16rem;}
.c-mt18{margin-top: .18rem;}
.c-mt20{margin-top: .2rem;}
.c-mt22{margin-top: .22rem;}
.c-mt24{margin-top: .24rem;}
.c-mt25{margin-top: .25rem;}
.c-mt28{margin-top: .28rem;}
.c-mt30{margin-top: .3rem;}
.c-mt35{margin-top: .35rem;}
.c-mt38{margin-top: .38rem;}
.c-mt40{margin-top: .4rem;}
.c-mt46{margin-top: .46rem;}
.c-mt50{margin-top: .5rem;}
.c-mt52{margin-top: .52rem;}
.c-mt54{margin-top: .54rem;}
.c-mt56{margin-top: .56rem;}
.c-mt58{margin-top: .58rem;}
.c-mt60{margin-top: .6rem;}
.c-mt66{margin-top: .66rem;}
.c-mt68{margin-top: .68rem;}
.c-mt70{margin-top: .7rem;}
.c-mt75{margin-top: .75rem;}
.c-mt80{margin-top: .8rem;}
.c-mt90{margin-top: .9rem;}
.c-mt100{margin-top: 1rem;}
.c-mt110{margin-top: 1.1rem;}
.c-mt114{margin-top: 1.14rem;}
.c-mt120{margin-top: 1.2rem;}
.c-mt130{margin-top: 1.3rem;}
.c-mt135{margin-top: 1.35rem;}
.c-mt140{margin-top: 1.4rem;}
.c-mt150{margin-top: 1.5rem;}

.c-mbm2{margin-bottom: -.02rem;}
.c-mbm4{margin-bottom: -.04rem;}
.c-mbm6{margin-bottom: -.06rem;}
.c-mbm8{margin-bottom: -.08rem;}
.c-mb4{margin-bottom: .04rem;}
.c-mb5{margin-bottom: .05rem;}
.c-mb6{margin-bottom: .06rem;}
.c-mb10{margin-bottom: .1rem;}
.c-mb14{margin-bottom: .14rem;}
.c-mb15{margin-bottom: .15rem;}
.c-mb16{margin-bottom: .16rem;}
.c-mb18{margin-bottom: .18rem;}
.c-mb20{margin-bottom: .2rem;}
.c-mb21{margin-bottom: .21rem;}
.c-mb22{margin-bottom: .22rem;}
.c-mb24{margin-bottom: .24rem;}
.c-mb26{margin-bottom: .26rem;}
.c-mb28{margin-bottom: .28rem;}
.c-mb30{margin-bottom: .3rem;}
.c-mb32{margin-bottom: .32rem;}
.c-mb38{margin-bottom: .38rem;}
.c-mb40{margin-bottom: .4rem;}
.c-mb45{margin-bottom: .45rem;}
.c-mb50{margin-bottom: .5rem;}
.c-mb55{margin-bottom: .55rem;}
.c-mb60{margin-bottom: .6rem;}
.c-mb80{margin-bottom: .8rem;}
.c-mb90{margin-bottom: .9rem;}
.c-mb114{margin-bottom: 1.14rem;}
.c-mb120{margin-bottom: 1.2rem;}

.c-mlm2{margin-left: -.02rem;}
.c-mlm4{margin-left: -.04rem;}
.c-mlm5{margin-left: -.05rem;}
.c-mlm6{margin-left: -.06rem;}
.c-mlm7{margin-left: -.07rem;}
.c-mlm8{margin-left: -.08rem;}
.c-mlm10{margin-left: -.1rem;}
.c-mlm12{margin-left: -.12rem;}
.c-mlm14{margin-left: -.14rem;}
.c-mlm16{margin-left: -.16rem;}
.c-mlm18{margin-left: -.18rem;}
.c-mlm20{margin-left: -.2rem;}
.c-mlm22{margin-left: -.22rem;}
.c-mlm26{margin-left: -.26rem;}
.c-mlm29{margin-left: -.29rem;}
.c-mlm30{margin-left: -.3rem;}
.c-mlm36{margin-left: -.36rem;}
.c-mlm37{margin-left: -.37rem;}
.c-mtm60{margin-left: -.6rem;}
.c-mlm45{margin-left: -.45rem;}
.c-ml2{margin-left: .02rem;}
.c-ml4{margin-left: .04rem;}
.c-ml6{margin-left: .06rem;}
.c-ml8{margin-left: .08rem;}
.c-ml10{margin-left: .1rem;}
.c-ml12{margin-left: .12rem;}
.c-ml14{margin-left: .14rem;}
.c-ml15{margin-left: .15rem;}
.c-ml16{margin-left: .16rem;}
.c-ml20{margin-left: .2rem;}
.c-ml22{margin-left: .22rem;}
.c-ml24{margin-left: .24rem;}
.c-ml28{margin-left: .28rem;}
.c-ml30{margin-left: .3rem;}
.c-ml36{margin-left: .36rem;}
.c-ml40{margin-left: .4rem;}
.c-ml45{margin-left: .45rem;}
.c-ml50{margin-left: .5rem;}
.c-ml60{margin-left: .6rem;}
.c-ml76{margin-left: .76rem;}
.c-ml84{margin-left: .84rem;}
.c-ml86{margin-left: .86rem;}
.c-ml90{margin-left: .9rem;}
.c-ml120{margin-left: 1.2rem;}
.c-ml150{margin-left: 1.5rem;}
.c-ml287{margin-left: 2.87rem;}
.c-mlp6{margin-left: 6%;}
.c-mlp7{margin-left: 7%;}
.c-mlp23{margin-left: 23%;}

.c-mrm4{margin-right: -.04rem;}
.c-mrm10{margin-right: -.1rem;}
.c-mrm16{margin-right: -.16rem;}
.c-mrm26{margin-right: -.26rem;}
.c-mrm32{margin-right: -.32rem;}
.c-mrm40{margin-right: -.4rem;}
.c-mrm72{margin-right: -.72rem;}
.c-mr0-i{margin-right: 0 !important;}
.c-mr3{margin-right: .03rem;}
.c-mr4{margin-right: .04rem;}
.c-mr5{margin-right: .05rem;}
.c-mr6{margin-right: .06rem;}
.c-mr8{margin-right: .08rem;}
.c-mr10{margin-right: .1rem;}
.c-mr12{margin-right: .12rem;}
.c-mr15{margin-right: .15rem;}
.c-mr20{margin-right: .2rem;}
.c-mr30{margin-right: .3rem;}
.c-mr35{margin-right: .35rem;}
.c-mr40{margin-right: .4rem;}
.c-mr50{margin-right: .5rem;}
.c-mr60{margin-right: .6rem;}

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


/* 底部按钮 */
.orangeBtn{
	display: inline-block;
	font-weight: 400;
	font-size: .21rem;
	color: #FFFFFF;
	width: 1.8rem;
	height: .5rem;
	line-height: .5rem;
	border-radius: .03rem .03rem .03rem .03rem;
	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: 3.36rem;}

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

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

.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;}
.c-transition-all-300{transition: all .3s linear;}
.c-transition-color-300{transition: color .3s linear;}
.c-hover-bg-orange:hover {background: #FF6B01 !important;}
.c-hover-child-fc-fff:hover * {color: #fff !important;}
.c-hover-child-flex:hover .c-hover-show-flex,
.c-focus-child-flex:focus .c-hover-show-flex {display: flex;}

.navCom {color: #333;}
.navCom a:hover {color: #fd691b;}
.prod-popup a:hover p,
.func-popup a:hover div,
.media-popup a:hover span {
	color: #FF6B01 !important;
}
.prod-popup > div,
.func-popup > div,
.media-popup > div {
	box-shadow: -12px 18px 50px -28px rgba(0, 0, 0, .05), 12px 18px 50px -28px rgba(0, 0, 0, .05), 0 24px 50px -24px rgba(0, 0, 0, .05);
}
.navHeader {
	height: .7rem;
	background: transparent;
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	box-sizing: border-box;
	transition: background .3s ease, box-shadow .3s ease, -webkit-backdrop-filter .3s ease, backdrop-filter .3s ease;
}
.navHeader:hover,
.navHeader.navHeaderActive {
	background: hsla(0, 0%, 100%, .9);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	box-shadow: 0 0 50px rgba(0, 0, 0, .05);
}
.navCollapseIcon {
	transition: transform 0.3s ease;
}
.prod-serve:hover .navCollapseIcon,
.func-price:hover .navCollapseIcon,
.media-price:hover .navCollapseIcon {
	transform: rotate(180deg);
	color: #FF6B01;
}


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

.footer-icon:hover .footer-qr {
	height: 1rem;
}


/* 轮播 */
.banner-desc::before {
	content: '';
	position: absolute;
	width: .03rem;
	height: .2rem;
	left: -.1rem;
	top: .04rem;
	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: .34rem !important;
	height: .34rem !important;
}
.letterSwiperPrev {
	left: 0 !important;
	top: 50% !important;
	transform: translateY(-50%);
}
.letterSwiperNext {
	right: 0 !important;
	top: 50% !important;
	transform: translateY(-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: 3.5rem; height: 2.8rem;}
.letter-area {padding: .26rem .2rem;}
.letter-name {font-size: .2rem;}
.letter-company-name {height: .22rem;line-height: .22rem;width: fit-content;}
.letter-divider {margin: .2rem 0;}
.swiper-slide-active .letter-content{width: 4.6rem; height: 3.3rem;}
.swiper-slide-active .letter-area {padding: .26rem;}
.swiper-slide-active .letter-name {font-size: .24rem;}
.swiper-slide-active .letter-company-name {height: .26rem;line-height: .26rem;width: fit-content;}
.swiper-slide-active .letter-divider {margin: .24rem 0;}

.letter-headimg{width: .66rem; height: .66rem;}
.swiper-slide-active .letter-headimg{width: .8rem; height: .8rem;}

.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;
	top: calc(50% + .3rem);
}
.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;
	top: calc(50% + .3rem);
}
.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;}

.swiper-slide-prev .letter-content {
	right: 0;
	margin-right: .3rem;
}
.swiper-slide-next .letter-content {
	left: 0;
	margin-left: .3rem;
}

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

.index_news_item:hover {
	transform: translateY(-.1rem);
}
.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: 0;
	height: .03rem;
	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;}

/* 首页媒体报道卡片悬浮动画 */
.index-media-main,
.index-media-item {
	position: relative;
	overflow: hidden;
}
.index-media-main::after,
.index-media-item::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: .04rem;
	background: #ff6a01;
	border-radius: .02rem;
	transition: width 0.3s ease;
}
.index-media-main:hover::after,
.index-media-item:hover::after {
	width: 100%;
}

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

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

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

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

/* 用户代言 */
.pc-mask {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0;
	right: 0;
	bottom: -99.99rem;
	top: -.7rem;
	z-index: 99999;
}
.video-box {
	position: fixed;
	top: .8rem;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999999999;
}

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

.history-new a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	width: calc(100% - .55rem);
	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: .08rem .12rem;
	line-height: .16rem;
	text-decoration: none;
	color: #666;
	background-color: #fff;
	border: 1px solid #E1E1E1;
	margin-left: .04rem;
	margin-right: .04rem;
	font-size: .12rem;
	border-radius: .03rem;
}

.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: .08rem .16rem;
	font-size: .18rem;
	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: .02rem .08rem;
	font-size: .12rem;
	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: .2rem 0;
	list-style: none;
	text-align: center
}

.pager li {
	display: inline
}

.pager li>a,
.pager li>span {
	display: inline-block;
	padding: .05rem .14rem;
	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
}


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

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

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

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

.map-title {
	font-size: .24rem;
	margin-bottom: .3rem;
}

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

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

.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: .8rem;
	height: .3rem;
  background: conic-gradient(from 90deg at 50% 0, #FF6B01 0, #FF6B01 45deg, transparent 45.1deg);
}

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

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

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

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

.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: .01rem;
  -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: .01rem;
  -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: .01rem;
  -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: .01rem;
  -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: .01rem;
  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: .01rem;
  -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: .01rem;
  -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: .01rem;
  -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: .1rem;
}

.m-news-rich-text p,
.m-news-rich-text span {
	font-size: .13rem !important;
	color: #333 !important;
	line-height: .26rem !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: .04rem;
}

.xqTextContent {
	position: relative;
	z-index: 11;
	border-radius: .03rem;
}

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

.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: .04rem;
}





/* 移动端公司简介 */
.lc-area::-webkit-scrollbar {
		display: none;
}
.m-introduce-rich-text p,
.m-introduce-rich-text span {
	color: #666;
	font-size: .13rem !important;
	text-align: left;
	line-height: .24rem;
	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: .2rem;
}

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

/* 移动端功能权益价格 */
.orange-triangle {
  width: 0;
	height: 0;
	border-top: .6rem solid transparent; 
	border-right: 1.6rem solid transparent;
	border-left: 1.6rem solid transparent;
	border-bottom: .6rem 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: .2rem;
}

/* 移动端案例 */
.case-swiper-pagination-item {
	width: .15rem !important;
	height: .02rem !important;
	border-radius: 0 !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: .2rem;
	font-size: .12rem;
}

/* 设置移动端最小宽度，超过可移动，防止个别手机屏幕太小，导致看不全 */
.m_page {
	min-width: 3.5rem;
	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: 12rem;
}
.formFixed {
	transition: all 0.3s;
	overflow: hidden;
	transform: translateY(1.2rem);
}
.showFormFixed .formFixed {
	transform: translateY(.01rem);
}

.activityFormWidth {
	width: 12.54rem;
}

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


/* 履约图标 */
.lvyueIcon {
	top: calc(50% + .8rem)
}
.m_lvyueIcon {
	top: calc(50% + .5rem)
}
.m_lvyueIcon2 {
	top: calc(50% + .12rem)
}

