@charset "utf-8";
/*居中*/
.m-auto{margin: 0 auto;}

/*位置*/
.pr{position: relative;}
.pf{position:fixed;}
.pa{position: absolute;}
.ps{position: static;}

.top{top:0px}
.bot{bottom:0px}
.lef{left:0px}
.rig{right:0px}

/*文本对齐方式*/
.tc {text-align: center;}
.tl {text-align: left;}
.tr {text-align: right;}
.vm {vertical-align: middle;}
.vt {vertical-align: top;}
.vb {vertical-align: bottom;}

/*文本粗斜体*/
.fb{font-weight:bold;}
.fi{font-style:italic;}

/*文本下划线 取消下划线 删除线*/
.fu{text-decoration:underline;}
.fn{text-decoration:none;}
.ft{text-decoration:line-through;}

/*浮动*/
.fr {float: right;}
.fl {float: left;}

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

/*隐藏和显示类*/
.dn{display: none;}				/*从文档流里移除，在页面上不占据任何空间，就如同元素不存在一样*/
.vh{visibility: hidden;} 		/*让元素变得不可见，不过它依旧会在文档流中占据原本的空间*/

/*鼠标手势*/
.cp{cursor:pointer;}
.cm{cursor: move;}
.cd{cursor: default;}

/* 基础灰色透明投影样式 */
.box-shadow-single {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.0);
    transition: box-shadow 0.3s ease;
}
.box-shadow-single:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
	background: linear-gradient(180deg, #fff 0%, #E8F1FF 100%);
}

.box-shadow {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
}
.box-shadow:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

/* 卡片风格投影 */
.card-shadow {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.card-shadow:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

/* 悬浮效果投影 */
.hover-lift {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

/* 内部阴影效果 */
.inner-shadow {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
}    

/* 单行文本溢出显示省略号 */
.single-line {
	display: block;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}

/* 多行文本溢出显示省略号（WebKit 浏览器） */
.multi-line {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	}
	
 /* 多行文本溢出显示省略号（兼容大多数浏览器） */
.multi-line2 {
	position: relative;
	line-height: 1.5em;
	max-height: 3em;
	overflow: hidden;
	}
.multi-line2::after {
	content: "...";
	position: absolute;
	bottom: 0;
	right: 0;
	padding-left: 20px;
	background: linear-gradient(to right, transparent, white 50%);
	}
			
/*强制换行*/
.break-line {overflow-wrap: break-word;}
/*禁止换行*/
.keep-line {white-space: nowrap;}

 .fixed-height {
        overflow: hidden; /* 超出部分自动截断 */
    }

/*两端对齐 若单行，至少要3个字符，只有两个字符的，中间补一个空格*/
.text-justify {
	text-align: justify;text-justify: distribute-all-lines;/*ie6-8*/
	text-align-last: justify;/* ie9*/
	-moz-text-align-last: justify;/*ff*/
	-webkit-text-align-last: justify;/*chrome 20+*/
	}

/* 透明度 */
.opacity1{opacity:0.1;}
.opacity2{opacity:0.2;}
.opacity3{opacity:0.3;}
.opacity4{opacity:0.4;}
.opacity5{opacity:0.5;}
.opacity6{opacity:0.6;}
.opacity7{opacity:0.7;}
.opacity8{opacity:0.8;}
.opacity9{opacity:0.9;}

/* 黑颜色填充度 */
.bbo1{background:rgba(0,0,0,0.1);}
.bbo2{background:rgba(0,0,0,0.2);}
.bbo3{background:rgba(0,0,0,0.3);}
.bbo4{background:rgba(0,0,0,0.4);}
.bbo5{background:rgba(0,0,0,0.5);}
.bbo6{background:rgba(0,0,0,0.6);}
.bbo7{background:rgba(0,0,0,0.7);}
.bbo8{background:rgba(0,0,0,0.8);}
.bbo9{background:rgba(0,0,0,0.9);}

/* 白颜色填充度 */
.bwo1{background:rgba(255,255,255,0.1);}
.bwo2{background:rgba(255,255,255,0.2);}
.bwo3{background:rgba(255,255,255,0.3);}
.bwo4{background:rgba(255,255,255,0.4);}
.bwo5{background:rgba(255,255,255,0.5);}
.bwo6{background:rgba(255,255,255,0.6);}
.bwo7{background:rgba(255,255,255,0.7);}
.bwo8{background:rgba(255,255,255,0.8);}
.bwo9{background:rgba(255,255,255,0.9);}

/* 灰颜色填充度 */
.bgo1{background:rgba(102,102,102,0.1);}
.bgo2{background:rgba(102,102,102,0.2);}
.bgo3{background:rgba(102,102,102,0.3);}
.bgo4{background:rgba(102,102,102,0.4);}
.bgo5{background:rgba(102,102,102,0.5);}
.bgo6{background:rgba(102,102,102,0.6);}
.bgo7{background:rgba(102,102,102,0.7);}
.bgo8{background:rgba(102,102,102,0.8);}
.bgo9{background:rgba(102,102,102,0.9);}


/* 使用 display: flow-root 清除浮动 */
.clearfloat {display: flow-root;}

/*文本大小*/
.fs0{font-size:0px;}
.fs1{font-size:1px;}
.fs2{font-size:2px;}
.fs3{font-size:3px;}
.fs4{font-size:4px;}
.fs5{font-size:5px;}
.fs6{font-size:6px;}
.fs7{font-size:7px;}
.fs8{font-size:8px;}
.fs9{font-size:9px;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}

.fs20{font-size:20px;}
.fs25{font-size:25px;}
.fs30{font-size:30px;}
.fs35{font-size:35px;}
.fs40{font-size:40px;}
.fs45{font-size:45px;}

.fs50{font-size:50px;}
.fs60{font-size:60px;}
.fs70{font-size:70px;}
.fs80{font-size:80px;}
.fs90{font-size:90px;}
.fs100{font-size:100px;}
.fs110{font-size:110px;}
.fs120{font-size:120px;}
.fs130{font-size:130px;}
.fs140{font-size:140px;}
.fs150{font-size:150px;}
.fs160{font-size:160px;}
.fs170{font-size:170px;}
.fs180{font-size:180px;}
.fs190{font-size:190px;}

/* 行高 */
.lh1{line-height:1px;}
.lh2{line-height:2px;}
.lh3{line-height:3px;}
.lh4{line-height:4px;}
.lh5{line-height:5px;}
.lh6{line-height:6px;}
.lh7{line-height:7px;}
.lh8{line-height:8px;}
.lh9{line-height:9px;}
.lh10{line-height:10px;}
.lh11{line-height:11px;}
.lh12{line-height:12px;}
.lh13{line-height:13px;}
.lh14{line-height:14px;}
.lh15{line-height:15px;}
.lh16{line-height:16px;}
.lh17{line-height:17px;}
.lh18{line-height:18px;}
.lh19{line-height:19px;}

.lh20{line-height:20px;}
.lh25{line-height:25px;}
.lh30{line-height:30px;}
.lh35{line-height:35px;}
.lh40{line-height:40px;}
.lh45{line-height:45px;}

.lh50{line-height:50px;}
.lh60{line-height:60px;}
.lh70{line-height:70px;}
.lh80{line-height:80px;}
.lh90{line-height:90px;}
.lh100{line-height:100px;}
.lh110{line-height:110px;}
.lh120{line-height:120px;}
.lh130{line-height:130px;}
.lh140{line-height:140px;}
.lh150{line-height:150px;}
.lh160{line-height:160px;}
.lh170{line-height:170px;}
.lh180{line-height:180px;}
.lh190{line-height:190px;}

/*文本颜色*/
.fc-black{color:#000000;}
.fc-white{color:#FFFFFF;}

/* 灰 */
.fc-grey-a{color:#1a1a1a;}
.fc-grey-b{color:#4d4d4d;}
.fc-grey-c{color:#808080;}
.fc-grey-d{color:#b3b3b3;}
.fc-grey-e{color:#d9d9d9;}

/* 红 */
.fc-red-a{color:#990000;}
.fc-red-b{color:#cc0000;}
.fc-red-c{color:#ff1a1a;}
.fc-red-d{color:#ff4c4c;}
.fc-red-e{color:#ff7f7f;}

/* 蓝色 */
.fc-blue-a{color:#0d3a6b;}
.fc-blue-b{color:#1e4f78;}
.fc-blue-c{color:#3f6baf;}
.fc-blue-d{color:#6a9bd9;}
.fc-blue-e{color:#a0c4ff;}

/* 浅蓝色 */
.fc-blue-light-a{color:#0288D1;}
.fc-blue-light-b{color:#03A9F4;}
.fc-blue-light-c{color:#ACD6FF;}
.fc-blue-light-d{color:#B3E5FC;}
.fc-blue-light-e{color:#DEF3FE;}

/* 靛蓝 */
.fc-indigo-a{color:#2c3a8f;}
.fc-indigo-b{color:#4d5bbf;}
.fc-indigo-c{color:#757efb;}
.fc-indigo-d{color:#aab7ff;}
.fc-indigo-e{color:#e0e3ff;}

/* 蓝绿色 */
.fc-cyan-a{color:#007f8a;}
.fc-cyan-b{color:#3a9bb8;}
.fc-cyan-c{color:#5dbcd1;}
.fc-cyan-d{color:#7fd1d8;}
.fc-cyan-e{color:#a2e0e5;}

/* 粉色 */
.fc-pink-a{color:#a5346d;}
.fc-pink-b{color:#d55b85;}
.fc-pink-c{color:#f17f99;}
.fc-pink-d{color:#f1a7b1;}
.fc-pink-e{color:#f7e1e9;}

/* 紫色 */
.fc-purple-a{color:#4e1f6d;}
.fc-purple-b{color:#7c3b9b;}
.fc-purple-c{color:#9b5cb6;}
.fc-purple-d{color:#b78dd4;}
.fc-purple-e{color:#e1c6e7;}

/* 青色 */
.fc-teal-a{color:#1b7474;}
.fc-teal-b{color:#2b9a9a;}
.fc-teal-c{color:#4ec2c2;}
.fc-teal-d{color:#7bd3d3;}
.fc-teal-e{color:#a5dbdb;}

/* 绿色 */
.fc-green-a{color:#2e593a;}
.fc-green-b{color:#3b7a3b;}
.fc-green-c{color:#5da65d;}
.fc-green-d{color:#88c88b;}
.fc-green-e{color:#b2e0b2;}

/* 浅绿色 */
.fc-green-light-a{color:#2e7d32;}
.fc-green-light-b{color:#4caf50;}
.fc-green-light-c{color:#66c266;}
.fc-green-light-d{color:#99d699;}
.fc-green-light-e{color:#b2e0b2;}

/* 青橙绿色 */
.fc-lime-a{color:#AFB42B;}
.fc-lime-b{color:#CDDC39;}
.fc-lime-c{color:#DBE776;}
.fc-lime-d{color:#F0F4C3;}
.fc-lime-e{color:#F8FAE0;}

/* 黄色 */
.fc-yellow-a{color:#ff8f00;}
.fc-yellow-b{color:#ffb300;}
.fc-yellow-c{color:#ffd54f;}
.fc-yellow-d{color:#ffec8b;}
.fc-yellow-e{color:#fff8b1;}

/* 琥珀色 黄色和咖啡色之间 */
.fc-amber-a{color:#7d5c00;}
.fc-amber-b{color:#cc8a00;}
.fc-amber-c{color:#ffb300;}
.fc-amber-d{color:#ffcc33;}
.fc-amber-e{color:#ffeb99;}

/* 橘色 */
.fc-orange-a{color:#d35400;}
.fc-orange-b{color:#e67e22;}
.fc-orange-c{color:#fb8c00;}
.fc-orange-d{color:#ffa726;}
.fc-orange-e{color:#ffb74d;}

/* 棕色 */
.fc-brown-a{color:#4a2c2a;}
.fc-brown-b{color:#6b3c2f;}
.fc-brown-c{color:#9f7b55;}
.fc-brown-d{color:#8b5b3a;}
.fc-brown-e{color:#d9c8b8;}


/*背景颜色*/
.bg-black{background-color:#000000;}
.bg-white{background-color:#FFFFFF;}

/* 灰 */
.bg-grey-a{background-color:#1a1a1a;}
.bg-grey-b{background-color:#4d4d4d;}
.bg-grey-c{background-color:#808080;}
.bg-grey-d{background-color:#b3b3b3;}
.bg-grey-e{background-color:#F0F0EE;}

/* 红 */
.bg-red-a{background-color:#990000;}
.bg-red-b{background-color:#cc0000;}
.bg-red-c{background-color:#ff1a1a;}
.bg-red-d{background-color:#ff4c4c;}
.bg-red-e{background-color:#ff7f7f;}

/* 蓝色 */
.bg-blue-a{background-color:#0d3a6b;}
.bg-blue-b{background-color:#1e4f78;}
.bg-blue-c{background-color:#3f6baf;}
.bg-blue-d{background-color:#6a9bd9;}
.bg-blue-e{background-color:#a0c4ff;}

/* 浅蓝色 */
.bg-blue-light-a{background-color:#0288D1;}
.bg-blue-light-b{background-color:#03A9F4;}
.bg-blue-light-c{background-color:#ACD6FF;}
.bg-blue-light-d{background-color:#B3E5FC;}
.bg-blue-light-e{background-color:#DEF3FE;}

/* 靛蓝 */
.bg-indigo-a{background-color:#2c3a8f;}
.bg-indigo-b{background-color:#4d5bbf;}
.bg-indigo-c{background-color:#757efb;}
.bg-indigo-d{background-color:#aab7ff;}
.bg-indigo-e{background-color:#e0e3ff;}

/* 蓝绿色 */
.bg-cyan-a{background-color:#007f8a;}
.bg-cyan-b{background-color:#3a9bb8;}
.bg-cyan-c{background-color:#5dbcd1;}
.bg-cyan-d{background-color:#7fd1d8;}
.bg-cyan-e{background-color:#a2e0e5;}

/* 粉色 */
.bg-pink-a{background-color:#a5346d;}
.bg-pink-b{background-color:#d55b85;}
.bg-pink-c{background-color:#f17f99;}
.bg-pink-d{background-color:#f1a7b1;}
.bg-pink-e{background-color:#f7e1e9;}

/* 紫色 */
.bg-purple-a{background-color:#4e1f6d;}
.bg-purple-b{background-color:#7c3b9b;}
.bg-purple-c{background-color:#9b5cb6;}
.bg-purple-d{background-color:#b78dd4;}
.bg-purple-e{background-color:#e1c6e7;}

/* 青色 */
.bg-teal-a{background-color:#1b7474;}
.bg-teal-b{background-color:#2b9a9a;}
.bg-teal-c{background-color:#4ec2c2;}
.bg-teal-d{background-color:#7bd3d3;}
.bg-teal-e{background-color:#a5dbdb;}

/* 绿色 */
.bg-green-a{background-color:#2e593a;}
.bg-green-b{background-color:#3b7a3b;}
.bg-green-c{background-color:#5da65d;}
.bg-green-d{background-color:#88c88b;}
.bg-green-e{background-color:#b2e0b2;}

/* 浅绿色 */
.bg-green-light-a{background-color:#2e7d32;}
.bg-green-light-b{background-color:#4caf50;}
.bg-green-light-c{background-color:#66c266;}
.bg-green-light-d{background-color:#99d699;}
.bg-green-light-e{background-color:#b2e0b2;}

/* 青橙绿色 */
.bg-lime-a{background-color:#AFB42B;}
.bg-lime-b{background-color:#CDDC39;}
.bg-lime-c{background-color:#DBE776;}
.bg-lime-d{background-color:#F0F4C3;}
.bg-lime-e{background-color:#F8FAE0;}

/* 黄色 */
.bg-yellow-a{background-color:#ff8f00;}
.bg-yellow-b{background-color:#ffb300;}
.bg-yellow-c{background-color:#ffd54f;}
.bg-yellow-d{background-color:#ffec8b;}
.bg-yellow-e{background-color:#fff8b1;}

/* 琥珀色 黄色和咖啡色之间 */
.bg-amber-a{background-color:#7d5c00;}
.bg-amber-b{background-color:#cc8a00;}
.bg-amber-c{background-color:#ffb300;}
.bg-amber-d{background-color:#ffcc33;}
.bg-amber-e{background-color:#ffeb99;}

/* 橘色 */
.bg-orange-a{background-color:#d35400;}
.bg-orange-b{background-color:#e67e22;}
.bg-orange-c{background-color:#fb8c00;}
.bg-orange-d{background-color:#ffa726;}
.bg-orange-e{background-color:#ffb74d;}

/* 棕色 */
.bg-brown-a{background-color:#4a2c2a;}
.bg-brown-b{background-color:#6b3c2f;}
.bg-brown-c{background-color:#9f7b55;}
.bg-brown-d{background-color:#8b5b3a;}
.bg-brown-e{background-color:#d9c8b8;}

/*边框颜色*/

.border-none{border:0;}
.border-black{border:1px solid #000000;}
.border-white{border:1px solid #FFFFFF;}
.border-grey{border:1px solid #BDBDBD;}
.border-purple{border:1px solid #e1c6e7;}

/*上下左右灰 */
.border-grey-top{border-top:1px solid #BDBDBD;}
.border-grey-bottom{border-bottom:1px solid #BDBDBD;}
.border-grey-left{border-left:1px solid #BDBDBD;}
.border-grey-right{border-right:1px solid #BDBDBD;}

/*上下左右蓝 */
.border-blue-top{border-top:1px solid #E0E7F0;}
.border-blue-bottom{border-bottom:1px solid #E0E7F0;}
.border-blue-left{border-left:1px solid #E0E7F0;}
.border-blue-right{border-right:1px solid #E0E7F0;}

/*边框粗细 */
.border-px1{border:1px;}
.border-px2{border:2px;}
.border-px3{border:3px;}
.border-px4{border:4px;}
.border-px5{border:5px;}
.border-px6{border:6px;}
.border-px7{border:7px;}
.border-px8{border:8px;}
.border-px9{border:9px;}
.border-px10{border:10px;}


/* 边4条框圆角 */
.br1{ border-radius:1px;}
.br2{ border-radius:2px;}
.br3{ border-radius:3px;}
.br4{ border-radius:4px;}
.br5{ border-radius:5px;}
.br6{ border-radius:6px;}
.br7{ border-radius:7px;}
.br8{ border-radius:8px;}
.br9{ border-radius:9px;}
.br10{ border-radius:10px;}

/* 顶部2条边框圆角 */
.brt1{ border-radius:1px 1px 0 0;}
.brt2{ border-radius:2px 2px 0 0;}
.brt3{ border-radius:3px 3px 0 0;}
.brt4{ border-radius:4px 3px 0 0;}
.brt5{ border-radius:5px 5px 0 0;}
.brt6{ border-radius:6px 6px 0 0;}
.brt7{ border-radius:7px 7px 0 0;}
.brt8{ border-radius:8px 8px 0 0;}
.brt9{ border-radius:9px 9px 0 0;}
.brt10{ border-radius:10px 10px 0 0;}

/* 底部2条边框圆角 */
.brb1{ border-radius:0 0 1px 1px;}
.brb2{ border-radius:0 0 2px 2px;}
.brb3{ border-radius:0 0 3px 3px;}
.brb4{ border-radius:0 0 4px 3px;}
.brb5{ border-radius:0 0 5px 5px;}
.brb6{ border-radius:0 0 6px 6px;}
.brb7{ border-radius:0 0 7px 7px;}
.brb8{ border-radius:0 0 8px 8px;}
.brb9{ border-radius:0 0 9px 9px;}
.brb10{ border-radius:0 0 10px 10px;}

/* 边距 */
.m1 {margin:1px;}
.m2 {margin:2px;}
.m3 {margin:3px;}
.m4 {margin:4px;}
.m5 {margin:5px;}
.m6 {margin:6px;}
.m7 {margin:7px;}
.m8 {margin:8px;}
.m9 {margin:9px;}
.m10 {margin:10px;}

.m15 {margin:15px;}
.m20 {margin:20px;}
.m25 {margin:25px;}
.m30 {margin:30px;}
.m35 {margin:35px;}
.m40 {margin:40px;}
.m45 {margin:45px;}
.m50 {margin:50px;}
.m55 {margin:55px;}
.m60 {margin:60px;}
.m65 {margin:65px;}
.m70 {margin:70px;}
.m75 {margin:75px;}
.m80 {margin:80px;}
.m85 {margin:85px;}
.m90 {margin:90px;}
.m95 {margin:95px;}
.m100 {margin:100px;}

/* 左边距 */
.ml1 {margin-left:1px;}
.ml2 {margin-left:2px;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px;}
.ml6 {margin-left:6px;}
.ml7 {margin-left:7px;}
.ml8 {margin-left:8px;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px;}

.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}
.ml65 {margin-left:65px;}
.ml70 {margin-left:70px;}
.ml75 {margin-left:75px;}
.ml80 {margin-left:80px;}
.ml85 {margin-left:85px;}
.ml90 {margin-left:90px;}
.ml95 {margin-left:95px;}
.ml100 {margin-left:100px;}

/* 右边距 */
.mr1 {margin-right:1px;}
.mr2 {margin-right:2px;}
.mr3 {margin-right:3px;}
.mr4 {margin-right:4px;}
.mr5 {margin-right:5px;}
.mr6 {margin-right:6px;}
.mr7 {margin-right:7px;}
.mr8 {margin-right:8px;}
.mr9 {margin-right:9px;}
.mr10 {margin-right:10px;}

.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}
.mr55 {margin-right:55px;}
.mr60 {margin-right:60px;}
.mr65 {margin-right:65px;}
.mr70 {margin-right:70px;}
.mr75 {margin-right:75px;}
.mr80 {margin-right:80px;}
.mr85 {margin-right:85px;}
.mr90 {margin-right:90px;}
.mr95 {margin-right:95px;}
.mr100 {margin-right:100px;}

/* 上边距 */
.mt1 {margin-top:1px;}
.mt2 {margin-top:2px;}
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}
.mt6 {margin-top:6px;}
.mt7 {margin-top:7px;}
.mt8 {margin-top:8px;}
.mt9 {margin-top:9px;}
.mt10 {margin-top:10px;}

.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mt65 {margin-top:65px;}
.mt70 {margin-top:70px;}
.mt75 {margin-top:75px;}
.mt80 {margin-top:80px;}
.mt85 {margin-top:85px;}
.mt90 {margin-top:90px;}
.mt95 {margin-top:95px;}
.mt100 {margin-top:100px;}

/* 下边距 */
.mb1 {margin-bottom:1px;}
.mb2 {margin-bottom:2px;}
.mb3 {margin-bottom:3px;}
.mb4 {margin-bottom:4px;}
.mb5 {margin-bottom:5px;}
.mb6 {margin-bottom:6px;}
.mb7 {margin-bottom:7px;}
.mb8 {margin-bottom:8px;}
.mb9 {margin-bottom:9px;}
.mb10 {margin-bottom:10px;}

.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb65 {margin-bottom:65px;}
.mb70 {margin-bottom:70px;}
.mb75 {margin-bottom:75px;}
.mb80 {margin-bottom:80px;}
.mb85 {margin-bottom:85px;}
.mb90 {margin-bottom:90px;}
.mb95 {margin-bottom:95px;}
.mb100 {margin-bottom:100px;}

/* 间距 */
.p1 {padding:1px;}
.p2 {padding:2px;}
.p3 {padding:3px;}
.p4 {padding:4px;}
.p5 {padding:5px;}
.p6 {padding:6px;}
.p7 {padding:7px;}
.p8 {padding:8px;}
.p9 {padding:9px;}
.p10 {padding:10px;}

.p15 {padding:15px;}
.p20 {padding:20px;}
.p25 {padding:25px;}
.p30 {padding:30px;}
.p35 {padding:35px;}
.p40 {padding:40px;}
.p45 {padding:45px;}
.p50 {padding:50px;}
.p55 {padding:55px;}
.p60 {padding:60px;}
.p65 {padding:65px;}
.p70 {padding:70px;}
.p75 {padding:75px;}
.p80 {padding:80px;}
.p85 {padding:85px;}
.p90 {padding:90px;}
.p95 {padding:95px;}
.p100 {padding:100px;}

/* 上间距 */
.pl1 {padding-left:1px;}
.pl2 {padding-left:2px;}
.pl3 {padding-left:3px;}
.pl4 {padding-left:4px;}
.pl5 {padding-left:5px;}
.pl6 {padding-left:6px;}
.pl7 {padding-left:7px;}
.pl8 {padding-left:8px;}
.pl9 {padding-left:9px;}
.pl10 {padding-left:10px;}

.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}
.pl55 {padding-left:55px;}
.pl60 {padding-left:60px;}
.pl65 {padding-left:65px;}
.pl70 {padding-left:70px;}
.pl75 {padding-left:75px;}
.pl80 {padding-left:80px;}
.pl85 {padding-left:85px;}
.pl90 {padding-left:90px;}
.pl95 {padding-left:95px;}
.pl100 {padding-left:100px;}

/* 右间距 */
.pr1 {padding-right:1px;}
.pr2 {padding-right:2px;}
.pr3 {padding-right:3px;}
.pr4 {padding-right:4px;}
.pr5 {padding-right:5px;}
.pr6 {padding-right:6px;}
.pr7 {padding-right:7px;}
.pr8 {padding-right:8px;}
.pr9 {padding-right:9px;}
.pr10 {padding-right:10px;}

.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr45 {padding-right:45px;}
.pr50 {padding-right:50px;}
.pr55 {padding-right:55px;}
.pr60 {padding-right:60px;}
.pr65 {padding-right:65px;}
.pr70 {padding-right:70px;}
.pr75 {padding-right:75px;}
.pr80 {padding-right:80px;}
.pr85 {padding-right:85px;}
.pr90 {padding-right:90px;}
.pr95 {padding-right:95px;}
.pr100 {padding-right:100px;}

/* 上间距 */
.pt1 {padding-top:1px;}
.pt2 {padding-top:2px;}
.pt3 {padding-top:3px;}
.pt4 {padding-top:4px;}
.pt5 {padding-top:5px;}
.pt6 {padding-top:6px;}
.pt7 {padding-top:7px;}
.pt8 {padding-top:8px;}
.pt9 {padding-top:9px;}
.pt10 {padding-top:10px;}

.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}
.pt55 {padding-top:55px;}
.pt60 {padding-top:60px;}
.pt65 {padding-top:65px;}
.pt70 {padding-top:70px;}
.pt75 {padding-top:75px;}
.pt80 {padding-top:80px;}
.pt85 {padding-top:85px;}
.pt90 {padding-top:90px;}
.pt95 {padding-top:95px;}
.pt100 {padding-top:100px;}

/* 下间距 */
.pb1 {padding-bottom:1px;}
.pb2 {padding-bottom:2px;}
.pb3 {padding-bottom:3px;}
.pb4 {padding-bottom:4px;}
.pb5 {padding-bottom:5px;}
.pb6 {padding-bottom:6px;}
.pb7 {padding-bottom:7px;}
.pb8 {padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10 {padding-bottom:10px;}

.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}
.pb55 {padding-bottom:55px;}
.pb60 {padding-bottom:60px;}
.pb65 {padding-bottom:65px;}
.pb70 {padding-bottom:70px;}
.pb75 {padding-bottom:75px;}
.pb80 {padding-bottom:80px;}
.pb85 {padding-bottom:85px;}
.pb90 {padding-bottom:90px;}
.pb95 {padding-bottom:95px;}
.pb100 {padding-bottom:100px;}

/* 高度 */
.hpx1{height:1px;}
.hpx2{height:2px;}
.hpx3{height:3px;}
.hpx4{height:4px;}
.hpx5{height:5px;}
.hpx6{height:6px;}
.hpx7{height:7px;}
.hpx8{height:8px;}
.hpx9{height:9px;}

.hpx10{height:10px;}
.hpx15{height:15px;}
.hpx20{height:20px;}
.hpx25{height:25px;}
.hpx30{height:30px;}
.hpx35{height:35px;}
.hpx40{height:40px;}
.hpx45{height:45px;}
.hpx50{height:50px;}
.hpx55{height:55px;}
.hpx60{height:60px;}
.hpx65{height:65px;}
.hpx70{height:70px;}
.hpx75{height:75px;}
.hpx80{height:80px;}
.hpx85{height:85px;}
.hpx90{height:90px;}
.hpx95{height:95px;}

.hpx100{height:100px;}
.hpx110{height:110px;}
.hpx120{height:120px;}
.hpx130{height:130px;}
.hpx140{height:140px;}
.hpx150{height:150px;}
.hpx160{height:160px;}
.hpx170{height:170px;}
.hpx180{height:180px;}
.hpx190{height:190px;}
.hpx200{height:200px;}
.hpx210{height:210px;}
.hpx220{height:220px;}
.hpx230{height:230px;}
.hpx240{height:240px;}
.hpx250{height:250px;}
.hpx260{height:260px;}
.hpx270{height:270px;}
.hpx280{height:280px;}
.hpx290{height:290px;}
.hpx300{height:300px;}
.hpx310{height:310px;}
.hpx320{height:320px;}
.hpx330{height:330px;}
.hpx340{height:340px;}
.hpx350{height:350px;}
.hpx360{height:360px;}
.hpx370{height:370px;}
.hpx380{height:380px;}
.hpx390{height:390px;}

.hpx400{height:400px;}
.hpx450{height:450px;}
.hpx500{height:500px;}
.hpx550{height:550px;}
.hpx600{height:600px;}
.hpx650{height:650px;}
.hpx700{height:700px;}
.hpx750{height:750px;}
.hpx800{height:800px;}
.hpx850{height:850px;}
.hpx900{height:900px;}
.hpx950{height:950px;}
.hpx1000{height:1000px;}



/* 宽度像素 */
.wpx1{width:1px;}
.wpx2{width:2px;}
.wpx3{width:3px;}
.wpx4{width:4px;}
.wpx5{width:5px;}
.wpx6{width:6px;}
.wpx7{width:7px;}
.wpx8{width:8px;}
.wpx9{width:9px;}

.wpx10{width:10px;}
.wpx15{width:15px;}
.wpx20{width:20px;}
.wpx25{width:25px;}
.wpx30{width:30px;}
.wpx35{width:35px;}
.wpx40{width:40px;}
.wpx45{width:45px;}
.wpx50{width:50px;}
.wpx55{width:55px;}
.wpx60{width:60px;}
.wpx65{width:65px;}
.wpx70{width:70px;}
.wpx75{width:75px;}
.wpx80{width:80px;}
.wpx85{width:85px;}
.wpx90{width:90px;}
.wpx95{width:95px;}

.wpx100{width:100px;}
.wpx120{width:120px;}
.wpx140{width:140px;}
.wpx160{width:160px;}
.wpx180{width:180px;}
.wpx200{width:200px;}
.wpx220{width:220px;}
.wpx240{width:240px;}
.wpx260{width:260px;}
.wpx280{width:280px;}

.wpx300{width:300px;}
.wpx350{width:350px;}
.wpx400{width:400px;}
.wpx450{width:450px;}
.wpx500{width:500px;}
.wpx550{width:550px;}
.wpx600{width:600px;}
.wpx650{width:650px;}
.wpx700{width:700px;}
.wpx750{width:750px;}
.wpx800{width:800px;}
.wpx850{width:850px;}
.wpx900{width:900px;}
.wpx950{width:950px;}

/* 宽度百分比 */
.w5{width: 5%;}
.w10{width: 10%;}
.w15{width: 15%;}
.w20{width: 20%;}
.w25{width: 25%;}
.w30{width: 30%;}
.w35{width: 35%;}
.w40{width: 40%;}
.w45{width: 45%;}
.w50{width: 50%;}
.w55{width: 55%;}
.w60{width: 60%;}
.w65{width: 65%;}
.w70{width: 70%;}
.w75{width: 75%;}
.w80{width: 80%;}
.w85{width: 85%;}
.w90{width: 90%;}
.w95{width: 95%;}
.w100{width: 100%;}

/* 高度百分比 */
.h5{height: 5%;}
.h10{height: 10%;}
.h15{height: 15%;}
.h20{height: 20%;}
.h25{height: 25%;}
.h30{height: 30%;}
.h35{height: 35%;}
.h40{height: 40%;}
.h45{height: 45%;}
.h50{height: 50%;}
.h55{height: 55%;}
.h60{height: 60%;}
.h65{height: 65%;}
.h70{height: 70%;}
.h75{height: 75%;}
.h80{height: 80%;}
.h85{height: 85%;}
.h90{height: 90%;}
.h75{height: 95%;}
.h100{height: 100%;}