/****************** 通用CSS、快速布局 *******************/
*{box-sizing:border-box}
html{line-height:1.5}
body{margin:0;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}
ul,ol,li,p,pre,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
a{text-decoration:none;cursor:pointer}
i{font-style:normal}
li{list-style-type:none}
table{border-collapse:collapse}
img,svg{vertical-align:middle}

input[type=button],
input[type=checkbox],
input[type=file],
input[type=hidden],
input[type=image],
input[type=radio],
input[type=reset],
input[type=submit],
button{margin:0;padding:0;border:0;outline:0;cursor:pointer}
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,textarea{width:100%;outline:0;font-family:inherit;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance: none !important}/* chrome 去掉箭头 */
input:-webkit-autofill{transition: background-color 3600s ease-in-out 0s}
input[type="number"]{-moz-appearance:textfield /* firefox 去掉箭头 */}

:root{
	--main-color:#30b08f;	/* 主色 */
}

.hv-mc:hover{color:var(--main-color)}
.hv-red:hover{color:red}

.us-n{user-select:none}
.pe-n{pointer-events:none}

.sb-s{scroll-behavior:smooth}
.ts-400ms{transition:all 400ms}
.ts-500ms{transition:all 500ms}
/* tap */
.tp-dim:active{background-image:linear-gradient(0deg,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%)}
.tp-dim-less:active{background-image:linear-gradient(0deg,rgba(240,240,240,0.1) 0%,rgba(240,240,240,0.1) 100%)}
.tp-f0:active{background-color: #f0f0f0}
.tp-op7:active{opacity: 0.7;}

/***************************************************** HTML基准字体大小 100px **************************************************************/
.fs-0{font-size:0}
.fs-10{font-size:10px}
.fs-12{font-size:12px}
.fs-14{font-size:14px}
.fs-16{font-size:16px}
.fs-18{font-size:18px}
.fs-20{font-size:20px}
.fs-22{font-size:22px}
.fs-24{font-size:24px}
.fs-26{font-size:26px}
.fs-28{font-size:28px}
.fs-30{font-size:30px}
.fs-32{font-size:32px}
.fs-34{font-size:34px}
.fs-36{font-size:36px}
.fs-38{font-size:38px}
.fs-40{font-size:40px}
.fs-42{font-size:42px}
.fs-44{font-size:44px}
.fs-46{font-size:46px}
.fs-48{font-size:48px}
.fs-50{font-size:50px}
.fs-52{font-size:52px}
.fs-54{font-size:54px}
.fs-56{font-size:56px}
.fs-58{font-size:58px}
.fs-60{font-size:60px}

.ws-n{white-space:nowrap}
.ws-w{white-space:pre-wrap}
.ws-b{word-break:break-word}
.ws-a{word-break:break-all}

.lh-ih{line-height:inherit}
.lh-nm{line-height:normal}
.lh-1x{line-height:1}/* 字体的 1 倍 */
.lh-1x2{line-height:1.2}
.lh-1x4{line-height:1.4}
.lh-1x5{line-height:1.5}
.lh-1x6{line-height:1.6}
.lh-1x8{line-height:1.8}
.lh-2x{line-height:2}
.lh-3x{line-height:3}
.lh-4x{line-height:4}
.lh-5x{line-height:5}

.va-m{vertical-align:middle}
.va-t{vertical-align:top}
.va-tt{vertical-align:text-top}

.cs-d{cursor:default}
.cs-p{cursor:pointer}
.cs-m{cursor:move}
.cs-t{cursor:text}
.cs-w{cursor:wait}
.cs-h{cursor:help}

/* flex 盒子布局 */
.fx-c{display:-webkit-box;display:flex;flex-direction:column}
.fx-r{display:-webkit-box;display:flex;flex-direction:row}
.fx-vc{display:-webkit-box;display:flex;flex-direction:column;justify-content:center}/*垂直布局时，垂直居中*/
.fx-hc{display:-webkit-box;display:flex;flex-direction:row;align-items:center}/*水平布局时，垂直居中*/
.fx-ja{justify-content:space-around}/* 主轴 */
.fx-jb{justify-content:space-between}
.fx-jc{justify-content:center}
.fx-je{justify-content:flex-end}
.fx-js{justify-content:stretch}
.fx-ab{align-items:baseline}/*交叉轴：垂直居中，水平居中*/
.fx-ac{align-items:center}
.fx-ae{align-items:flex-end}
.fx-as{align-items:stretch}
.fx-ca{align-content:space-around}/* 多根主轴的对齐方式 */
.fx-cb{align-content:space-between}
.fx-cv{align-content:space-evenly}/* e【v】enly */
.fx-cc{align-content:center}
.fx-ce{align-content:flex-end}
.fx-cs{align-content:stretch}
.fx-ct{align-content:flex-start} /* 顶部 top */
.fx-mc{align-items:center;justify-content:center} /* middle ceenter */
.fx-wp{flex-wrap:wrap}
.fx-wn{flex-wrap:nowrap}
.fx-wr{flex-wrap:wrap-reverse}
.fx-g1{flex:1 1 0}
.fx-g2{flex:2 1 0}
.fx-g3{flex:3 1 0}
.fx-g4{flex:4 1 0}
.fx-g5{flex:5 1 0}
.fx-g6{flex:6 1 0}
.fx-g7{flex:7 1 0}
.fx-g8{flex:8 1 0}
.fx-g9{flex:9 1 0}
.fx-gx{flex:10 1 0}
.fx-g1a{flex:1 1 auto}
.fx-g2a{flex:2 1 auto}
.fx-g3a{flex:3 1 auto}
.fx-g4a{flex:4 1 auto}
.fx-g5a{flex:5 1 auto}
.fx-g6a{flex:6 1 auto}
.fx-g7a{flex:7 1 auto}
.fx-g8a{flex:8 1 auto}
.fx-g9a{flex:9 1 auto}
.fx-gxa{flex:10 1 auto}
.fx-sc{align-self:center}
.fx-se{align-self:flex-end}
.fx-ss{align-self:stretch}
.fx-ba{flex-basis:auto}
.fx-b0{flex-basis:0}
.fx-b1{flex-basis:8.333333%}
.fx-b2{flex-basis:16.666666%}
.fx-b3{flex-basis:25%}
.fx-b4{flex-basis:33.333333%}
.fx-b5{flex-basis:41.666666%}
.fx-b6{flex-basis:50%}
.fx-b7{flex-basis:58.333333%}
.fx-b8{flex-basis:66.666666%}
.fx-b9{flex-basis:75%}
.fx-b10{flex-basis:83.333333%}
.fx-b11{flex-basis:91.666666%}
.fx-b12{flex-basis:100%}

.hi-0{height:0;overflow:hidden}
.hi-f{height:100%}/* height full */
.hi-h{height:50%}/* height half */
.hi-a{height:auto}
.hi-s{height:100vh}/* height stretch */
.hi-min-a{min-height:auto}
.hi-min-f{min-height:100%}
.hi-min-s{min-height:100vh}
.hi-max-n{max-height:none}
.hi-max-0{max-height:0;overflow:hidden}
.hi-max-s{max-height:100vh} /* stretch */

.wi-0{width:0;overflow:hidden}
.wi-f{width:100%}/* width full */
.wi-fx{width:100% !important}/* width full */
.wi-h{width:50%}/* width half */
.wi-a{width:auto}
.wi-s{width:100vw}/* width stretch */
.wi-min-a{min-width:auto}
.wi-min-f{min-width:100%}
.wi-min-s{min-width:100vw}
.wi-max-n{max-width:none}
.wi-max-0{max-width:0;overflow:hidden}
.wi-max-s{max-width:100vw} /* stretch */
.wi-col-1{width:8.333333%}
.wi-col-2{width:16.666666%}
.wi-col-3{width:25%}
.wi-col-4{width:33.333333%}
.wi-col-5{width:41.666666%}
.wi-col-6{width:50%}
.wi-col-7{width:58.333333%}
.wi-col-8{width:66.666666%}
.wi-col-9{width:75%}
.wi-col-10{width:83.333333%}
.wi-col-11{width:91.666666%}
.wi-col-12{width:100%}

.wh-a{width:auto;height:auto}
.wh-f{width:100%;height:100%}
.wh-same-wi{position:relative}/*让盒子的高度等于宽度，【注：不是让宽度等于高度，而是让高度等于宽度】*/
.wh-same-wi:before{content:"";display:block;width:100%;padding-top:100%;}

.of-h{overflow:hidden}
.of-a{overflow:auto}
.of-v{overflow:visible}
.of-s{overflow:scroll}
.of-xs{overflow-x:scroll}
.of-xa{overflow-x:auto}
.of-xh{overflow-x:hidden}
.of-ys{overflow-y:scroll}
.of-ya{overflow-y:auto}
.of-yh{overflow-y:hidden}
.of-vs{overflow-x:hidden;overflow-y:auto} /* vertical scrollable */
.of-hs{overflow-x:auto;overflow-y:hidden} /* horizontal scrollable */
.of-te{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/* 文本溢出显示省略号 */
.of-lc1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.of-no-sb::-webkit-scrollbar{display:none}

.fl-n{float:none}
.fl-r{float:right}
.fl-l{float:left}
.fl-c::after{content:"";display:table;clear:both}/* float clear */

.fi-mc{fill:var(--main-color)}
.fi-66{fill:#666}
.fi-99{fill:#999}
.fi-cc{fill:#ccc}
.fi-ff{fill:#fff}
.fi-cuco{fill:currentColor}

.fw-i{font-weight:inherit}
.fw-b{font-weight:bold}
.fw-n{font-weight:normal}

.br-0{border-radius:0}
.br-5{border-radius:5px}
.br-10{border-radius:10px}
.br-15{border-radius:15px}
.br-20{border-radius:20px}
.br-25{border-radius:25px}
.br-30{border-radius:30px}
.br-35{border-radius:35px}
.br-40{border-radius:40px}
.br-45{border-radius:45px}
.br-50{border-radius:50px}
.br-100{border-radius:100px}
.br-ih{border-radius:inherit}
.br-h{border-radius:50%} /* border-radius half*/

.bs-5-cc{box-shadow:0 0 5px 0 #ccc}
.bs-10-cc{box-shadow:0 0 10px 0 #ccc}
.bs-15-cc{box-shadow:0 0 15px 0 #ccc}
.bs-20-cc{box-shadow:0 0 20px 0 #ccc}
.bs-5-99{box-shadow:0 0 5px 0 #999}
.bs-10-99{box-shadow:0 0 10px 0 #999}
.bs-15-99{box-shadow:0 0 15px 0 #999}
.bs-20-99{box-shadow:0 0 20px 0 #999}
.bs-5-66{box-shadow:0 0 5px 0 #666}
.bs-10-66{box-shadow:0 0 10px 0 #666}
.bs-15-66{box-shadow:0 0 15px 0 #666}
.bs-20-66{box-shadow:0 0 20px 0 #666}

.ta-c{text-align:center}
.ta-r{text-align:right}
.ta-l{text-align:left}
.ta-j{text-align:justify;text-align-last:justify}/*两端对齐*/
.ta-m{text-align:match-parent}

.tc-00{color:#000}/* text color */
.tc-33{color:#333}
.tc-66{color:#666}
.tc-77{color:#777}
.tc-88{color:#888}
.tc-99{color:#999}
.tc-aa{color:#aaa}
.tc-cc{color:#ccc}
.tc-ff{color:#fff}
.tc-a6{color:#a6a6a6}
.tc-o0{color:#E6A23C}/*Orange*/
.tc-o1{color:#F5AE3B}
.tc-o2{color:#ffff00}
.tc-g0{color:#00ab28}/* Green */
.tc-g1{color:#A6DB11}
.tc-g2{color:#67c23a}
.tc-g3{color:#0a5913}
.tc-g4{color:#cee8d0}
.tc-g5{color:#0EFF51}
.tc-b0{color:#23b0c4}
.tc-b1{color:#126FFF}
.tc-p0{color:#FF4B93}/*Purple*/
.tc-p1{color:#663399}
.tc-red{color:#fa5252}
.tc-mc{color:var(--main-color)}

.bg-mc{background-color:var(--main-color)}
.bg-mc-ff{background-color:var(--main-color);color:#fff}
.bg-ih{background-color:inherit}
.bg-ff{background-color:#ffffff}
.bg-fc{background-color:#fcfcfc}
.bg-f9{background-color:#f9f9f9}
.bg-f6{background-color:#f6f6f6}
.bg-f5{background-color:#f5f5f5}
.bg-f3{background-color:#f3f3f3}
.bg-f0{background-color:#f0f0f0}
.bg-00{background-color:#000000}
.bg-g0{background-color:#cee8d0}/* green 0 */
.bg-g1{background-color:#009241}
.bg-g2{background-color:#69b059}
.bg-o0{background-color:#fd9210}
.bg-tl{background-color:rgba(0,0,0,0.5)} /* translucent 半透明*/
.bg-tp{background-color:transparent}
.bg-sz-fit{background-size:100% 100%;background-position:center center;background-repeat:no-repeat} /* 大小适应元素宽高 */
.bg-lg-l1{background-image:linear-gradient(90deg,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.0) 100%)} /* linear gradient left light 1*/

.bd-n{border:0px none transparent}
.bd-0{border:0px solid transparent}
.bd-f0{border:1px solid #f0f0f0}
.bd-cc{border:1px solid #ccc}
.bd-aa{border:1px solid #aaa}
.bd-66{border:1px solid #666}
.bd-99{border:1px solid #999}
.bd-dd{border:1px solid #ddd}
.bd-s{border:1px solid}
.bd-mc{border:1px solid var(--main-color)}
.bd-red{border:1px solid red}
.bd-t-dd{border-top:1px solid #ddd}
.bd-b-dd{border-bottom:1px solid #ddd}
.bd-l-dd{border-left:1px solid #ddd}
.bd-r-dd{border-right:1px solid #ddd}
.bd-t-cc{border-top:1px solid #ccc}
.bd-b-cc{border-bottom:1px solid #ccc}
.bd-l-cc{border-left:1px solid #ccc}
.bd-r-cc{border-right:1px solid #ccc}
.bd-t-aa{border-top:1px solid #aaa}
.bd-b-aa{border-bottom:1px solid #aaa}
.bd-l-aa{border-left:1px solid #aaa}
.bd-r-aa{border-right:1px solid #aaa}
.bd-t-f0{border-top:1px solid #f0f0f0}
.bd-b-f0{border-bottom:1px solid #f0f0f0}
.bd-l-f0{border-left:1px solid #f0f0f0}
.bd-r-f0{border-right:1px solid #f0f0f0}
.bd-lr-dd{border-width:0 1px 0 1px;border-style:solid;border-color:#ddd}/* 左、右 */
.bd-blr-dd{border-width:0 1px 1px 1px;border-style:solid;border-color:#ddd}/* 下、左、右 */
.bd-tlr-dd{border-width:1px 1px 0 1px;border-style:solid;border-color:#ddd}/* 上、左、右 */

.dp-hx{display:none !important}
.dp-hd{display:none} /* hide */
.dp-il{display:inline}
.dp-ib{display:inline-block}
.dp-bx{display:block !important}
.dp-bk{display:block}

.op-h{visibility:hidden} /* 把它归在此类，opacity=0 可以触发事件，但这个不会触发事件 */
.op-d{opacity:0.5;pointer-events:none} /* disabled */
.op-0{opacity:0.0}
.op-1{opacity:0.1}
.op-2{opacity:0.2}
.op-3{opacity:0.3}
.op-4{opacity:0.4}
.op-5{opacity:0.5}
.op-6{opacity:0.6}
.op-7{opacity:0.7}
.op-8{opacity:0.8}
.op-9{opacity:0.9}
.op-x{opacity:1.0}

.ps-f{position:fixed;z-index:1}
.ps-a{position:absolute;z-index:1}
.ps-s{position:sticky;z-index:1;top:0}
.ps-r{position:relative}

.po-f{top:0;right:0;bottom:0;left:0} /* position full */
.po-1{top:1px;right:1px;bottom:1px;left:1px}
.po-n1{top:-1px;right:-1px;bottom:-1px;left:-1px} /* position full negative -1 */
.po-tb-0{top:0;bottom:0}
.po-lr-0{left:0;right:0}
.po-tl-0{top:0;left:0}
.po-tr-0{top:0;right:0}
.po-bl-0{bottom:0;left:0}
.po-br-0{bottom:0;right:0}
.po-mc{left:50%;top:50%;transform:translate(-50%,-50%)} /* middle center */
.po-tlr-0{top:0;left:0;right:0}
.po-blr-0{bottom:0;left:0;right:0}
.po-t-n1{top:-1px}
.po-t-0{top:0}
.po-t-c{top:50%;transform:translateY(-50%)} /* top center */
.po-t-f{top:100%} /* top full */
.po-t-s{top:100vh} /* top stretch */
.po-t-a{top:auto}
.po-r-n1{right:-1px}
.po-r-0{right:0}
.po-r-f{right:100%} /* right full */
.po-r-s{right:100vw} /* right stretch */
.po-r-a{right:auto}
.po-b-n1{bottom:-1px}
.po-b-0{bottom:0}
.po-b-f{bottom:100%} /* bottom full */
.po-b-s{bottom:100vh} /* bottom stretch */
.po-b-a{bottom:auto}
.po-l-n1{left:-1px}
.po-l-0{left:0}
.po-l-c{left:50%;transform:translateX(-50%)} /* left center */
.po-l-f{left:100%} /* left full */
.po-l-s{left:100vw} /* left stretch */
.po-l-a{left:auto}

.zi-a{z-index:auto}
.zi-b{z-index:-1} /* back */
.zi-0{z-index:0}
.zi-1{z-index:1}
.zi-x0{z-index:10}
.zi-x1{z-index:100} /* x后面的数字表示 10后面有多少个0 */
.zi-x2{z-index:1000}
.zi-x3{z-index:10000}
.zi-x4{z-index:100000}
.zi-x5{z-index:1000000}
.zi-x6{z-index:10000000}
.zi-x7{z-index:100000000}
.zi-x8{z-index:1000000000}
.zi-x9{z-index:10000000000}
.zi-xx{z-index:100000000000}

.pd-0{padding:0}
.pd-1{padding:1px}
.pd-2{padding:2px}
.pd-3{padding:3px}
.pd-4{padding:4px}
.pd-5{padding:5px}
.pd-6{padding:6px}
.pd-7{padding:7px}
.pd-8{padding:8px}
.pd-9{padding:9px}
.pd-10{padding:10px}
.pd-15{padding:15px}
.pd-20{padding:20px}
.pd-25{padding:25px}
.pd-30{padding:30px}
.pd-35{padding:35px}
.pd-40{padding:40px}
.pd-45{padding:45px}
.pd-50{padding:50px}
.pd-60{padding:60px}
.pd-70{padding:70px}
.pd-80{padding:80px}
.pd-90{padding:90px}
.pd-100{padding:100px}
.pd-l-0{padding-left:0}
.pd-l-1{padding-left:1px}
.pd-l-2{padding-left:2px}
.pd-l-3{padding-left:3px}
.pd-l-4{padding-left:4px}
.pd-l-5{padding-left:5px}
.pd-l-6{padding-left:6px}
.pd-l-7{padding-left:7px}
.pd-l-8{padding-left:8px}
.pd-l-9{padding-left:9px}
.pd-l-10{padding-left:10px}
.pd-l-15{padding-left:15px}
.pd-l-20{padding-left:20px}
.pd-l-25{padding-left:25px}
.pd-l-30{padding-left:30px}
.pd-l-35{padding-left:35px}
.pd-l-40{padding-left:40px}
.pd-l-45{padding-left:45px}
.pd-l-50{padding-left:50px}
.pd-l-60{padding-left:60px}
.pd-l-70{padding-left:70px}
.pd-l-80{padding-left:80px}
.pd-l-90{padding-left:90px}
.pd-l-100{padding-left:100px}
.pd-r-0{padding-right:0}
.pd-r-1{padding-right:1px}
.pd-r-2{padding-right:2px}
.pd-r-3{padding-right:3px}
.pd-r-4{padding-right:4px}
.pd-r-5{padding-right:5px}
.pd-r-6{padding-right:6px}
.pd-r-7{padding-right:7px}
.pd-r-8{padding-right:8px}
.pd-r-9{padding-right:9px}
.pd-r-10{padding-right:10px}
.pd-r-15{padding-right:15px}
.pd-r-20{padding-right:20px}
.pd-r-25{padding-right:25px}
.pd-r-30{padding-right:30px}
.pd-r-35{padding-right:35px}
.pd-r-40{padding-right:40px}
.pd-r-45{padding-right:45px}
.pd-r-50{padding-right:50px}
.pd-r-60{padding-right:60px}
.pd-r-70{padding-right:70px}
.pd-r-80{padding-right:80px}
.pd-r-90{padding-right:90px}
.pd-r-100{padding-right:100px}
.pd-t-f{padding-top:100%}
.pd-t-0{padding-top:0}
.pd-t-1{padding-top:1px}
.pd-t-2{padding-top:2px}
.pd-t-3{padding-top:3px}
.pd-t-4{padding-top:4px}
.pd-t-5{padding-top:5px}
.pd-t-6{padding-top:6px}
.pd-t-7{padding-top:7px}
.pd-t-8{padding-top:8px}
.pd-t-9{padding-top:9px}
.pd-t-10{padding-top:10px}
.pd-t-15{padding-top:15px}
.pd-t-20{padding-top:20px}
.pd-t-25{padding-top:25px}
.pd-t-30{padding-top:30px}
.pd-t-35{padding-top:35px}
.pd-t-40{padding-top:40px}
.pd-t-45{padding-top:45px}
.pd-t-50{padding-top:50px}
.pd-t-60{padding-top:60px}
.pd-t-70{padding-top:70px}
.pd-t-80{padding-top:80px}
.pd-t-90{padding-top:90px}
.pd-t-100{padding-top:100px}
.pd-b-f{padding-bottom:100%}
.pd-b-0{padding-bottom:0}
.pd-b-1{padding-bottom:1px}
.pd-b-2{padding-bottom:2px}
.pd-b-3{padding-bottom:3px}
.pd-b-4{padding-bottom:4px}
.pd-b-5{padding-bottom:5px}
.pd-b-6{padding-bottom:6px}
.pd-b-7{padding-bottom:7px}
.pd-b-8{padding-bottom:8px}
.pd-b-9{padding-bottom:9px}
.pd-b-10{padding-bottom:10px}
.pd-b-15{padding-bottom:15px}
.pd-b-20{padding-bottom:20px}
.pd-b-25{padding-bottom:25px}
.pd-b-30{padding-bottom:30px}
.pd-b-35{padding-bottom:35px}
.pd-b-40{padding-bottom:40px}
.pd-b-45{padding-bottom:45px}
.pd-b-50{padding-bottom:50px}
.pd-b-60{padding-bottom:60px}
.pd-b-70{padding-bottom:70px}
.pd-b-80{padding-bottom:80px}
.pd-b-90{padding-bottom:90px}
.pd-b-100{padding-bottom:100px}
.pd-lr-0{padding-left:0;padding-right:0}
.pd-lr-1{padding-left:1px;padding-right:1px}
.pd-lr-2{padding-left:2px;padding-right:2px}
.pd-lr-3{padding-left:3px;padding-right:3px}
.pd-lr-4{padding-left:4px;padding-right:4px}
.pd-lr-5{padding-left:5px;padding-right:5px}
.pd-lr-6{padding-left:6px;padding-right:6px}
.pd-lr-7{padding-left:7px;padding-right:7px}
.pd-lr-8{padding-left:8px;padding-right:8px}
.pd-lr-9{padding-left:9px;padding-right:9px}
.pd-lr-10{padding-left:10px;padding-right:10px}
.pd-lr-15{padding-left:15px;padding-right:15px}
.pd-lr-20{padding-left:20px;padding-right:20px}
.pd-lr-25{padding-left:25px;padding-right:25px}
.pd-lr-30{padding-left:30px;padding-right:30px}
.pd-lr-35{padding-left:35px;padding-right:35px}
.pd-lr-40{padding-left:40px;padding-right:40px}
.pd-lr-45{padding-left:45px;padding-right:45px}
.pd-lr-50{padding-left:50px;padding-right:50px}
.pd-lr-60{padding-left:60px;padding-right:60px}
.pd-lr-70{padding-left:70px;padding-right:70px}
.pd-lr-80{padding-left:80px;padding-right:80px}
.pd-lr-90{padding-left:90px;padding-right:90px}
.pd-lr-100{padding-left:100px;padding-right:100px}
.pd-tb-0{padding-top:0;  padding-bottom:0}
.pd-tb-1{padding-top:1px;padding-bottom:1px}
.pd-tb-2{padding-top:2px;padding-bottom:2px}
.pd-tb-3{padding-top:3px;padding-bottom:3px}
.pd-tb-4{padding-top:4px;padding-bottom:4px}
.pd-tb-5{padding-top:5px;padding-bottom:5px}
.pd-tb-6{padding-top:6px;padding-bottom:6px}
.pd-tb-7{padding-top:7px;padding-bottom:7px}
.pd-tb-8{padding-top:8px;padding-bottom:8px}
.pd-tb-9{padding-top:9px;padding-bottom:9px}
.pd-tb-10{padding-top:10px;padding-bottom:10px}
.pd-tb-15{padding-top:15px;padding-bottom:15px}
.pd-tb-20{padding-top:20px;padding-bottom:20px}
.pd-tb-25{padding-top:25px;padding-bottom:25px}
.pd-tb-30{padding-top:30px;padding-bottom:30px}
.pd-tb-35{padding-top:35px;padding-bottom:35px}
.pd-tb-40{padding-top:40px;padding-bottom:40px}
.pd-tb-45{padding-top:45px;padding-bottom:45px}
.pd-tb-50{padding-top:50px;padding-bottom:50px}
.pd-tb-60{padding-top:60px;padding-bottom:60px}
.pd-tb-70{padding-top:70px;padding-bottom:70px}
.pd-tb-80{padding-top:80px;padding-bottom:80px}
.pd-tb-90{padding-top:90px;padding-bottom:90px}
.pd-tb-100{padding-top:100px;padding-bottom:100px}
.mg-a{margin:auto}
.mg-n1{margin:-1px}
.mg-0{margin:0}
.mg-1{margin:1px}
.mg-2{margin:2px}
.mg-3{margin:3px}
.mg-4{margin:4px}
.mg-5{margin:5px}
.mg-6{margin:6px}
.mg-7{margin:7px}
.mg-8{margin:8px}
.mg-9{margin:9px}
.mg-10{margin:10px}
.mg-15{margin:15px}
.mg-20{margin:20px}
.mg-25{margin:25px}
.mg-30{margin:30px}
.mg-35{margin:35px}
.mg-40{margin:40px}
.mg-45{margin:45px}
.mg-50{margin:50px}
.mg-60{margin:60px}
.mg-70{margin:70px}
.mg-80{margin:80px}
.mg-90{margin:90px}
.mg-100{margin:100px}
.mg-l-n1{margin-left:-1px}
.mg-l-0{margin-left:0}
.mg-l-1{margin-left:1px}
.mg-l-2{margin-left:2px}
.mg-l-3{margin-left:3px}
.mg-l-4{margin-left:4px}
.mg-l-5{margin-left:5px}
.mg-l-6{margin-left:6px}
.mg-l-7{margin-left:7px}
.mg-l-8{margin-left:8px}
.mg-l-9{margin-left:9px}
.mg-l-10{margin-left:10px}
.mg-l-15{margin-left:15px}
.mg-l-20{margin-left:20px}
.mg-l-25{margin-left:25px}
.mg-l-30{margin-left:30px}
.mg-l-35{margin-left:35px}
.mg-l-40{margin-left:40px}
.mg-l-45{margin-left:45px}
.mg-l-50{margin-left:50px}
.mg-l-60{margin-left:60px}
.mg-l-70{margin-left:70px}
.mg-l-80{margin-left:80px}
.mg-l-90{margin-left:90px}
.mg-l-100{margin-left:100px}
.mg-r-n1{margin-right:-1px}
.mg-r-0{margin-right:0}
.mg-r-1{margin-right:1px}
.mg-r-2{margin-right:2px}
.mg-r-3{margin-right:3px}
.mg-r-4{margin-right:4px}
.mg-r-5{margin-right:5px}
.mg-r-6{margin-right:6px}
.mg-r-7{margin-right:7px}
.mg-r-8{margin-right:8px}
.mg-r-9{margin-right:9px}
.mg-r-10{margin-right:10px}
.mg-r-15{margin-right:15px}
.mg-r-20{margin-right:20px}
.mg-r-25{margin-right:25px}
.mg-r-30{margin-right:30px}
.mg-r-35{margin-right:35px}
.mg-r-40{margin-right:40px}
.mg-r-45{margin-right:45px}
.mg-r-50{margin-right:50px}
.mg-r-60{margin-right:60px}
.mg-r-70{margin-right:70px}
.mg-r-80{margin-right:80px}
.mg-r-90{margin-right:90px}
.mg-r-100{margin-right:100px}
.mg-t-n1{margin-top:-1px} /* top negative 1 */
.mg-t-0{margin-top:0}
.mg-t-1{margin-top:1px}
.mg-t-2{margin-top:2px}
.mg-t-3{margin-top:3px}
.mg-t-4{margin-top:4px}
.mg-t-5{margin-top:5px}
.mg-t-6{margin-top:6px}
.mg-t-7{margin-top:7px}
.mg-t-8{margin-top:8px}
.mg-t-9{margin-top:9px}
.mg-t-10{margin-top:10px}
.mg-t-15{margin-top:15px}
.mg-t-20{margin-top:20px}
.mg-t-25{margin-top:25px}
.mg-t-30{margin-top:30px}
.mg-t-35{margin-top:35px}
.mg-t-40{margin-top:40px}
.mg-t-45{margin-top:45px}
.mg-t-50{margin-top:50px}
.mg-t-60{margin-top:60px}
.mg-t-70{margin-top:70px}
.mg-t-80{margin-top:80px}
.mg-t-90{margin-top:90px}
.mg-t-100{margin-top:100px}
.mg-b-n1{margin-bottom:-1px} /* bottom negative 1 */
.mg-b-0{margin-bottom:0}
.mg-b-1{margin-bottom:1px}
.mg-b-2{margin-bottom:2px}
.mg-b-3{margin-bottom:3px}
.mg-b-4{margin-bottom:4px}
.mg-b-5{margin-bottom:5px}
.mg-b-6{margin-bottom:6px}
.mg-b-7{margin-bottom:7px}
.mg-b-8{margin-bottom:8px}
.mg-b-9{margin-bottom:9px}
.mg-b-10{margin-bottom:10px}
.mg-b-15{margin-bottom:15px}
.mg-b-20{margin-bottom:20px}
.mg-b-25{margin-bottom:25px}
.mg-b-30{margin-bottom:30px}
.mg-b-35{margin-bottom:35px}
.mg-b-40{margin-bottom:40px}
.mg-b-45{margin-bottom:45px}
.mg-b-50{margin-bottom:50px}
.mg-b-60{margin-bottom:60px}
.mg-b-70{margin-bottom:70px}
.mg-b-80{margin-bottom:80px}
.mg-b-90{margin-bottom:90px}
.mg-b-100{margin-bottom:100px}
.mg-lr-a{margin-left:auto;margin-right:auto}
.mg-lr-n1{margin-left:-1px;margin-right:-1px}
.mg-lr-0{margin-left:0;margin-right:0}
.mg-lr-1{margin-left:1px;margin-right:1px}
.mg-lr-2{margin-left:2px;margin-right:2px}
.mg-lr-3{margin-left:3px;margin-right:3px}
.mg-lr-4{margin-left:4px;margin-right:4px}
.mg-lr-5{margin-left:5px;margin-right:5px}
.mg-lr-6{margin-left:6px;margin-right:6px}
.mg-lr-7{margin-left:7px;margin-right:7px}
.mg-lr-8{margin-left:8px;margin-right:8px}
.mg-lr-9{margin-left:9px;margin-right:9px}
.mg-lr-10{margin-left:10px;margin-right:10px}
.mg-lr-15{margin-left:15px;margin-right:15px}
.mg-lr-20{margin-left:20px;margin-right:20px}
.mg-lr-25{margin-left:25px;margin-right:25px}
.mg-lr-30{margin-left:30px;margin-right:30px}
.mg-lr-35{margin-left:35px;margin-right:35px}
.mg-lr-40{margin-left:40px;margin-right:40px}
.mg-lr-45{margin-left:45px;margin-right:45px}
.mg-lr-50{margin-left:50px;margin-right:50px}
.mg-lr-60{margin-left:60px;margin-right:60px}
.mg-lr-70{margin-left:70px;margin-right:70px}
.mg-lr-80{margin-left:80px;margin-right:80px}
.mg-lr-90{margin-left:90px;margin-right:90px}
.mg-lr-100{margin-left:100px;margin-right:100px}
.mg-tb-a{margin-top:auto;margin-bottom:auto}
.mg-tb-n1{margin-top:-1px;margin-bottom:-1px}
.mg-tb-0{margin-top:0;margin-bottom:0}
.mg-tb-1{margin-top:1px;margin-bottom:1px}
.mg-tb-2{margin-top:2px;margin-bottom:2px}
.mg-tb-3{margin-top:3px;margin-bottom:3px}
.mg-tb-4{margin-top:4px;margin-bottom:4px}
.mg-tb-5{margin-top:5px;margin-bottom:5px}
.mg-tb-6{margin-top:6px;margin-bottom:6px}
.mg-tb-7{margin-top:7px;margin-bottom:7px}
.mg-tb-8{margin-top:8px;margin-bottom:8px}
.mg-tb-9{margin-top:9px;margin-bottom:9px}
.mg-tb-10{margin-top:10px;margin-bottom:10px}
.mg-tb-15{margin-top:15px;margin-bottom:15px}
.mg-tb-20{margin-top:20px;margin-bottom:20px}
.mg-tb-25{margin-top:25px;margin-bottom:25px}
.mg-tb-30{margin-top:30px;margin-bottom:30px}
.mg-tb-35{margin-top:35px;margin-bottom:35px}
.mg-tb-40{margin-top:40px;margin-bottom:40px}
.mg-tb-45{margin-top:45px;margin-bottom:45px}
.mg-tb-50{margin-top:50px;margin-bottom:50px}
.mg-tb-60{margin-top:60px;margin-bottom:60px}
.mg-tb-70{margin-top:70px;margin-bottom:70px}
.mg-tb-80{margin-top:80px;margin-bottom:80px}
.mg-tb-90{margin-top:90px;margin-bottom:90px}
.mg-tb-100{margin-top:100px;margin-bottom:100px}