.fulled{width: 100%;}
.fulled-height{height: 100%;}


.relative {position: relative;}
.absolute {position: absolute;}
.fixed {position: fixed;z-index: 300;}

/* 圆角 */
.round-0 {border-radius: 0px !important}
.round-1 {border-radius: 5px !important}
.round-2 {border-radius: 10px !important}
.round-3 {border-radius: 15px !important}
.round-4 {border-radius: 20px !important}
.round-5 {border-radius: 25px !important}
.round-6 {border-radius: 30px !important}
.round-7 {border-radius: 35px !important}
.round-8 {border-radius: 40px !important}
.round-9 {border-radius: 45px !important}
.round-10 {border-radius: 50px !important}
.round-50 {border-radius: 50% !important}


.cursor-1{
	cursor: pointer;
}




/* 阴影 */
.shadow-none {box-shadow: none;}
.shadow-normal {
	box-shadow: 0 0 1.5px 0px #d2d2d238;
	/* border: 1px solid #fff8f8; */
}
.shadow-3 {
	box-shadow: 0 0px 6px rgba(0, 0, 0, .08)
}
.shadow-blur {
	position: relative;
}

.shadow-blur::before {
	content: " ";
	display: block;
	background: inherit;
	filter: blur(5px);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 5px;
	left: 5px;
	z-index: -1;
	opacity: 0.4;
	transform-origin: 0 0;
	border-radius: inherit;
	transform: scale(1, 1);
}


.border-size-none{box-sizing:border-box;}
.border-b-1 {border-bottom: solid 1px #f0f0f0;}
.border-t-1 {border-top: solid 1px #f0f0f0;}
.border-r-1 {border-right: solid 1px #f0f0f0;}
.border-l-1 {border-left: solid 1px #f0f0f0;}

.border-b-b1 {border-bottom: solid 1px #b1b1b1;}
.border-t-b1 {border-top: solid 1px #b1b1b1;}
.border-r-b1 {border-right: solid 1px #b1b1b1;}
.border-l-b1 {border-left: solid 1px #b1b1b1;}
.border-1 {border: solid 1px #f0f0f0;}
.border-1-blue {border: solid 1px #0256ff;}


/* flex */
/* https://www.bilibili.com/video/av968767017/ */
.flex{display: -webkit-flex;display: flex;}
.flex-1{flex: 1;}/* 占满剩余空间 */
.flex-shrink {flex-shrink: 0 !important;}/* 保持宽度不缩小 */

/* flex布局的方向 */
.flex-direction-column {flex-direction: column;}/* 列 */
.flex-direction-row {flex-direction: row;}/* 行 */
.flex-direction-column-reverse {flex-direction: column-reverse;}/* 列反转 */
.flex-direction-row-reverse {flex-direction: row-reverse;}/* 行反转 */

/* flex-flow属性是flex-direction属性和flex-wrap属性的简写⽅式，默认值是row nowrap */
/* flex容器设置换行 */
.flex-wrap {flex-wrap: wrap;}/* 换行 */
.flex-nowrap {flex-wrap: nowrap;}/* 不换行 */
.flex-column {flex-flow: column;}
.flex-row {flex-flow: row;}

/* flex容器自身垂直方向对齐方式 */
/* .flex-center {align-self: center;}
.flex-top {align-self: flex-start;}
.flex-end {align-self: flex-end;}
.flex-stretch {align-self: stretch;} */

/* flex子元素垂直方向对齐方式 */
.flex-items-center {align-items: center;}
.flex-items-baseline {align-items: baseline !important;}
.flex-items-top {align-items: flex-start !important;}
.flex-items-bottom {align-items: flex-end !important;}
.flex-items-stretch {align-items: stretch !important;}

/* flex子元素水平方向对齐方式 */
.flex-center {justify-content: center;align-items: center;}
.flex-start {justify-content: flex-start;align-items: center;}
.flex-end {justify-content: flex-end;align-items: center;}
.flex-between {justify-content: space-between;align-items: center;}
.flex-around {justify-content: space-around;align-items: center;}

.flex-center-only {justify-content: center;}
.flex-start-only {justify-content: flex-start;}
.flex-end-only {justify-content: flex-end;}
.flex-between-only {justify-content: space-between;}
.flex-around-only {justify-content: space-around;}


/* text */
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}
.text-weight-b{font-weight: bold;}
.text-weight-n{font-weight: normal;}
.text-weight-100{font-weight: 100;}
.text-weight-200{font-weight: 200;}
.text-weight-300{font-weight: 300;}
.text-weight-400{font-weight: 400;}
.text-weight-500{font-weight: 500;}
.text-delete {text-decoration: line-through;}
.text-underline {text-decoration: underline;}

.vertical-top {vertical-align: top}
.vertical-middle {vertical-align: middle}
.vertical-bottom {vertical-align: bottom}
.d-inline-block {display: inline-block}

.text-size-9 {font-size: 9px;}
.text-size-10 {font-size: 10px;}
.text-size-11 {font-size: 11px;}
.text-size-12 {font-size: 12px;}
.text-size-13 {font-size: 13px;}
.text-size-14 {font-size: 14px;}
.text-size-15 {font-size: 15px;}
.text-size-16 {font-size: 16px;}
.text-size-17 {font-size: 17px;}
.text-size-18 {font-size: 18px;}
.text-size-19 {font-size: 19px;}
.text-size-20 {font-size: 20px;}
.text-size-21 {font-size: 21px;}
.text-size-22 {font-size: 22px;}
.text-size-24 {font-size: 24px;}
.text-size-26 {font-size: 26px;}
.text-size-28 {font-size: 28px;}
.text-size-30 {font-size: 30px;}
.text-size-32 {font-size: 32px;}
.text-size-34 {font-size: 34px;}
.text-size-36 {font-size: 36px;}
.text-size-38 {font-size: 38px;}
.text-size-40 {font-size: 40px;}
.text-size-45 {font-size: 45px;}
.text-size-50 {font-size: 50px;}
.text-size-55 {font-size: 55px;}
.text-size-60 {font-size: 60px;}
.text-size-80 {font-size: 80px;}
.text-size-120 {font-size: 120px;}


.text-overflow {
	width: 100%;
	display: block;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}

.text-overflow-1 {
	width: 100%;
	display: -webkit-box;
	white-space: inherit;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	word-wrap: break-word;
}

.text-overflow-2 {
	width: 100%;
	display: -webkit-box;
	white-space: inherit;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	word-wrap: break-word;
}

.text-overflow-3 {
	width: 100%;
	display: -webkit-box;
	white-space: inherit;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.text-overflow-4 {
	width: 100%;
	display: -webkit-box;
	white-space: inherit;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}
.text-ellipsis {
	display:block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.overflow-hidden{overflow: hidden;}
.overflow-y-scroll{overflow-y: scroll;}
.z-index-1{z-index: 1;}
.z-index-2{z-index: 2;}
.z-index-3{z-index: 3;}
.z-index-4{z-index: 4;}
.z-index-5{z-index: 5;}
.z-index-6{z-index: 6;}
.z-index-7{z-index: 7;}
.z-index-8{z-index: 8;}
.z-index-9{z-index: 9;}
.z-index-888{z-index: 888;}
.z-index-999{z-index: 999;}
.z-index-888888{z-index: 888888;}
.z-index-999999{z-index: 999999;}

/* 颜色 */
.text-red {color: #f44336;}
.text-pink {color: #e91e63;}
.text-purple {color: #9c27b0;}
.text-deep-purple {color: #673ab7;}
.text-indigo {color: #3f51b5;}
.text-blue {color: #406bf5;}
.text-light-blue {color: #03a9f4;}
.text-cyan {color: #00bcd4;}
.text-teal {color: #009688;}
.text-green {color: #4caf50;}
.text-light-green {color: #8bc34a;}
.text-lime {color: #cddc39;}
.text-yellow {color: #ffeb3b;}
.text-amber {color: #ffc107;}
.text-orange {color: #ff9800;}
.text-deep-orange {color: #ff5722;}
.text-blue-grey {color: #607d8b;}
.text-grey {color: #b1b1b1 !important;}
.text-black {color: #000 !important;}
.text-white {color: #fff !important;}
.text-minor {color: #868787 !important;}
/* .text-bg-gradient-grey-accent{color:rgba(158,158,158, 1);} */

.text-grey-1 {color: #3c3c3c !important;}
.text-grey-2 {color: #4c4c4c !important;}
.text-grey-3 {color: #5c5c5c !important;}
.text-grey-4 {color: #6c6c6c !important;}
.text-grey-5 {color: #7c7c7c !important;}
.text-grey-6 {color: #8c8c8c !important;}
.text-grey-7 {color: #a3a3a3 !important;}
.text-grey-8 {color: #c5c5c5 !important;}
.text-grey {color: #b1b1b1 !important;}

/* 颜色 */
.bg-normal {background: #f3f3f3 !important;}
.bg-white {background: #ffffff !important;}
.bg-black {background: #000000 !important;}
.bg-red {background-color:rgba(244,67,54,1) !important;color:rgba(254,241,240,1);}
/* .bg-grey {background-color: #e8e8e8!important;color: #0a0a0a;} */
.bg-gray {background-color: #e8e8e8!important;color: #0a0a0a;}
.bg-gray-1 {background-color: #eaeded !important;}
.bg-gray-2 {background-color: #eef2f2 !important;}
.bg-gray-3 {background-color: #f3f7f6 !important;}


.top-d-1{top: -1px !important;}
.top-d-2{top: -2px !important;}
.top-d-3{top: -3px !important;}
.top-d-4{top: -4px !important;}
.top-d-5{top: -5px !important;}
.top-d-6{top: -6px !important;}
.top-d-7{top: -7px !important;}
.top-d-8{top: -8px !important;}
.top-d-9{top: -9px !important;}
.top-d-10{top: -10px !important;}
.top-d0{top: 0px !important;}
.top-d1{top: 1px !important;}
.top-d2{top: 2px !important;}
.top-d3{top: 3px !important;}
.top-d4{top: 4px !important;}
.top-d5{top: 5px !important;}
.top-d6{top: 6px !important;}
.top-d7{top: 7px !important;}
.top-d8{top: 8px !important;}
.top-d9{top: 9px !important;}
.top-d10{top: 10px !important;}
.top-d15{top: 15px !important;}
.top-d20{top: 20px !important;}
.top-d25{top: 25px !important;}
.top-d30{top: 30px !important;}
.top-d40{top: 40px !important;}
.top-d50{top: 50px !important;}
.top-d60{top: 60px !important;}
.top-d70{top: 70px !important;}
.top-d80{top: 80px !important;}
.top-d100{top: 100px !important;}
.bottom-d0{bottom: 0px !important;}
.bottom-d1{bottom: 1px !important;}
.bottom-d2{bottom: 2px !important;}
.bottom-d3{bottom: 3px !important;}
.bottom-d4{bottom: 4px !important;}
.bottom-d5{bottom: 5px !important;}
.bottom-d6{bottom: 6px !important;}
.bottom-d7{bottom: 7px !important;}
.bottom-d8{bottom: 8px !important;}
.bottom-d9{bottom: 9px !important;}
.bottom-d10{bottom: 10px !important;}
.bottom-d15{bottom: 15px !important;}
.bottom-d20{bottom: 20px !important;}
.bottom-d30{bottom: 30px !important;}
.bottom-d40{bottom: 40px !important;}
.bottom-d50{bottom: 50px !important;}
.bottom-d60{bottom: 60px !important;}
.bottom-d70{bottom: 70px !important;}
.bottom-d80{bottom: 80px !important;}
.bottom-d100{bottom: 100px !important;}
.left-d0{left: 0px !important;}
.left-d1{left: 1px !important;}
.left-d2{left: 2px !important;}
.left-d3{left: 3px !important;}
.left-d4{left: 4px !important;}
.left-d5{left: 5px !important;}
.left-d6{left: 6px !important;}
.left-d7{left: 7px !important;}
.left-d8{left: 8px !important;}
.left-d9{left: 9px !important;}
.left-d10{left: 10px !important;}
.left-d15{left: 15px !important;}
.left-d20{left: 20px !important;}
.right-d0{right: 0px !important;}
.right-d1{right: 1px !important;}
.right-d2{right: 2px !important;}
.right-d3{right: 3px !important;}
.right-d4{right: 4px !important;}
.right-d5{right: 5px !important;}
.right-d6{right: 6px !important;}
.right-d7{right: 7px !important;}
.right-d8{right: 8px !important;}
.right-d9{right: 9px !important;}
.right-d10{right: 10px !important;}
.right-d15{right: 15px !important;}
.right-d20{right: 20px !important;}
.right-d30{right: 30px !important;}
.pa-d1 {padding: 1px !important;}/* 间距 */
.pa-d2 {padding: 2px !important;}
.pa-d3 {padding: 3px !important;}
.pa-d4 {padding: 4px !important;}
.pa-d5 {padding: 5px !important;}
.pa-d6 {padding: 6px !important;}
.pa-d7 {padding: 7px !important;}
.pa-d8 {padding: 8px !important;}
.pa-d9 {padding: 9px !important;}
.pa-d10 {padding: 10px !important;}
.pa-d15 {padding: 15px !important;}
.pa-d20 {padding: 20px !important;}
.pa-d25 {padding: 25px !important;}
.pa-d30 {padding: 30px !important;}
.pa-d35 {padding: 35px !important;}
.pa-d50 {padding: 50px !important;}
.pa-d80 {padding: 80px !important;}
.pa-d100 {padding: 100px !important;}
.pa-d110 {padding: 110px !important;}
.pa-d120 {padding: 120px !important;}
.px-d1 {padding-left: 1px !important;padding-right: 1px !important;}
.px-d2 {padding-left: 2px !important;padding-right: 2px !important;}
.px-d3 {padding-left: 3px !important;padding-right: 3px !important;}
.px-d4 {padding-left: 4px !important;padding-right: 4px !important;}
.px-d5 {padding-left: 5px !important;padding-right: 5px !important;}
.px-d6 {padding-left: 6px !important;padding-right: 6px !important;}
.px-d7 {padding-left: 7px !important;padding-right: 7px !important;}
.px-d8 {padding-left: 8px !important;padding-right: 8px !important;}
.px-d9 {padding-left: 9px !important;padding-right: 9px !important;}
.px-d10 {padding-left: 10px !important;padding-right: 10px !important;}
.px-d15 {padding-left: 15px !important;padding-right: 15px !important;}
.px-d20 {padding-left: 20px !important;padding-right: 20px !important;}
.px-d25 {padding-left: 25px !important;padding-right: 25px !important;}
.px-d30 {padding-left: 30px !important;padding-right: 30px !important;}
.px-d35 {padding-left: 35px !important;padding-right: 35px !important;}
.px-d50 {padding-left: 50px !important;padding-right: 50px !important;}
.px-d80 {padding-left: 80px !important;padding-right: 80px !important;}
.px-d100 {padding-left: 100px !important;padding-right: 100px !important;}
.px-d110 {padding-left: 110px !important;padding-right: 110px !important;}
.px-d120 {padding-left: 120px !important;padding-right: 120px !important;}
.py-d1 {padding-top: 1px !important;padding-bottom: 1px !important;}
.py-d2 {padding-top: 2px !important;padding-bottom: 2px !important;}
.py-d3 {padding-top: 3px !important;padding-bottom: 3px !important;}
.py-d4 {padding-top: 4px !important;padding-bottom: 4px !important;}
.py-d5 {padding-top: 5px !important;padding-bottom: 5px !important;}
.py-d6 {padding-top: 6px !important;padding-bottom: 6px !important;}
.py-d7 {padding-top: 7px !important;padding-bottom: 7px !important;}
.py-d8 {padding-top: 8px !important;padding-bottom: 8px !important;}
.py-d9 {padding-top: 9px !important;padding-bottom: 9px !important;}
.py-d10 {padding-top: 10px !important;padding-bottom: 10px !important;}
.py-d15 {padding-top: 15px !important;padding-bottom: 15px !important;}
.py-d20 {padding-top: 20px !important;padding-bottom: 20px !important;}
.py-d25 {padding-top: 25px !important;padding-bottom: 25px !important;}
.py-d30 {padding-top: 30px !important;padding-bottom: 30px !important;}
.py-d35 {padding-top: 35px !important;padding-bottom: 35px !important;}
.py-d40 {padding-top: 40px !important;padding-bottom: 40px !important;}
.py-d50 {padding-top: 50px !important;padding-bottom: 50px !important;}
.py-d80 {padding-top: 80px !important;padding-bottom: 80px !important;}
.py-d100 {padding-top: 100px !important;padding-bottom: 100px !important;}
.py-d110 {padding-top: 110px !important;padding-bottom: 110px !important;}
.py-d120 {padding-top: 120px !important;padding-bottom: 120px !important;}
.pl-d1 {padding-left: 1px !important;}
.pl-d2 {padding-left: 2px !important;}
.pl-d3 {padding-left: 3px !important;}
.pl-d4 {padding-left: 4px !important;}
.pl-d5 {padding-left: 5px !important;}
.pl-d6 {padding-left: 6px !important;}
.pl-d7 {padding-left: 7px !important;}
.pl-d8 {padding-left: 8px !important;}
.pl-d9 {padding-left: 9px !important;}
.pl-d10 {padding-left: 10px !important;}
.pl-d15 {padding-left: 15px !important;}
.pl-d20 {padding-left: 20px !important;}
.pl-d25 {padding-left: 25px !important;}
.pl-d30 {padding-left: 30px !important;}
.pl-d35 {padding-left: 35px !important;}
.pl-d50 {padding-left: 50px !important;}
.pl-d80 {padding-left: 80px !important;}
.pl-d100 {padding-left: 100px !important;}
.pl-d110 {padding-left: 110px !important;}
.pl-d120 {padding-left: 120px !important;}
.pr-d1 {padding-right: 1px !important;}
.pr-d2 {padding-right: 2px !important;}
.pr-d3 {padding-right: 3px !important;}
.pr-d4 {padding-right: 4px !important;}
.pr-d5 {padding-right: 5px !important;}
.pr-d6 {padding-right: 6px !important;}
.pr-d7 {padding-right: 7px !important;}
.pr-d8 {padding-right: 8px !important;}
.pr-d9 {padding-right: 9px !important;}
.pr-d10 {padding-right: 10px !important;}
.pr-d15 {padding-right: 15px !important;}
.pr-d20 {padding-right: 20px !important;}
.pr-d25 {padding-right: 25px !important;}
.pr-d30 {padding-right: 30px !important;}
.pr-d35 {padding-right: 35px !important;}
.pr-d50 {padding-right: 50px !important;}
.pr-d80 {padding-right: 80px !important;}
.pr-d100 {padding-right: 100px !important;}
.pr-d110 {padding-right: 110px !important;}
.pr-d120 {padding-right: 120px !important;}
.pt-d1 {padding-top: 1px !important;}
.pt-d2 {padding-top: 2px !important;}
.pt-d3 {padding-top: 3px !important;}
.pt-d4 {padding-top: 4px !important;}
.pt-d5 {padding-top: 5px !important;}
.pt-d6 {padding-top: 6px !important;}
.pt-d7 {padding-top: 7px !important;}
.pt-d8 {padding-top: 8px !important;}
.pt-d9 {padding-top: 9px !important;}
.pt-d10 {padding-top: 10px !important;}
.pt-d15 {padding-top: 15px !important;}
.pt-d20 {padding-top: 20px !important;}
.pt-d25 {padding-top: 25px !important;}
.pt-d30 {padding-top: 30px !important;}
.pt-d35 {padding-top: 35px !important;}
.pt-d50 {padding-top: 50px !important;}
.pt-d50 {padding-top: 50px !important;}
.pt-d80 {padding-top: 80px !important;}
.pt-d100 {padding-top: 100px !important;}
.pt-d110 {padding-top: 110px !important;}
.pt-d120 {padding-top: 120px !important;}
.pt-d130 {padding-top: 130px !important;}
.pt-d140 {padding-top: 140px !important;}
.pb-d1 {padding-bottom: 1px !important;}
.pb-d2 {padding-bottom: 2px !important;}
.pb-d3 {padding-bottom: 3px !important;}
.pb-d4 {padding-bottom: 4px !important;}
.pb-d5 {padding-bottom: 5px !important;}
.pb-d6 {padding-bottom: 6px !important;}
.pb-d7 {padding-bottom: 7px !important;}
.pb-d8 {padding-bottom: 8px !important;}
.pb-d9 {padding-bottom: 9px !important;}
.pb-d10 {padding-bottom: 10px !important;}
.pb-d15 {padding-bottom: 15px !important;}
.pb-d20 {padding-bottom: 20px !important;}
.pb-d25 {padding-bottom: 25px !important;}
.pb-d30 {padding-bottom: 30px !important;}
.pb-d35 {padding-bottom: 35px !important;}
.pb-d50 {padding-bottom: 50px !important;}
.pb-d60 {padding-bottom: 60px !important;}
.pb-d80 {padding-bottom: 80px !important;}
.pb-d100 {padding-bottom: 100px !important;}
.pb-d110 {padding-bottom: 110px !important;}
.pb-d120 {padding-bottom: 120px !important;}
.ma-d1 {margin: 1px !important;}
.ma-d2 {margin: 2px !important;}
.ma-d3 {margin: 3px !important;}
.ma-d4 {margin: 4px !important;}
.ma-d5 {margin: 5px !important;}
.ma-d6 {margin: 6px !important;}
.ma-d7 {margin: 7px !important;}
.ma-d8 {margin: 8px !important;}
.ma-d9 {margin: 9px !important;}
.ma-d10 {margin: 10px !important;}
.ma-d15 {margin: 15px !important;}
.ma-d20 {margin: 20px !important;}
.ma-d25 {margin: 25px !important;}
.ma-d30 {margin: 30px !important;}
.ma-d35 {margin: 35px !important;}
.ma-d50 {margin: 50px !important;}
.ma-d80 {margin: 80px !important;}
.ma-d100 {margin: 100px !important;}
.ma-d110 {margin: 110px !important;}
.ma-d120 {margin: 120px !important;}
.mx-d1 {margin-left: 1px !important;margin-right: 1px !important;}
.mx-d2 {margin-left: 2px !important;margin-right: 2px !important;}
.mx-d3 {margin-left: 3px !important;margin-right: 3px !important;}
.mx-d4 {margin-left: 4px !important;margin-right: 4px !important;}
.mx-d5 {margin-left: 5px !important;margin-right: 5px !important;}
.mx-d6 {margin-left: 6px !important;margin-right: 6px !important;}
.mx-d7 {margin-left: 7px !important;margin-right: 7px !important;}
.mx-d8 {margin-left: 8px !important;margin-right: 8px !important;}
.mx-d9 {margin-left: 9px !important;margin-right: 9px !important;}
.mx-d10 {margin-left: 10px !important;margin-right: 10px !important;}
.mx-d15 {margin-left: 15px !important;margin-right: 15px !important;}
.mx-d20 {margin-left: 20px !important;margin-right: 20px !important;}
.mx-d25 {margin-left: 25px !important;margin-right: 25px !important;}
.mx-d30 {margin-left: 30px !important;margin-right: 30px !important;}
.mx-d35 {margin-left: 35px !important;margin-right: 35px !important;}
.mx-d50 {margin-left: 50px !important;margin-right: 50px !important;}
.mx-d80 {margin-left: 80px !important;margin-right: 80px !important;}
.mx-d100 {margin-left: 100px !important;margin-right: 100px !important;}
.mx-d110 {margin-left: 110px !important;margin-right: 110px !important;}
.mx-d120 {margin-left: 120px !important;margin-right: 120px !important;}
.my-d1 {margin-top: 1px !important;margin-bottom: 1px !important;}
.my-d2 {margin-top: 2px !important;margin-bottom: 2px !important;}
.my-d3 {margin-top: 3px !important;margin-bottom: 3px !important;}
.my-d4 {margin-top: 4px !important;margin-bottom: 4px !important;}
.my-d5 {margin-top: 5px !important;margin-bottom: 5px !important;}
.my-d6 {margin-top: 6px !important;margin-bottom: 6px !important;}
.my-d7 {margin-top: 7px !important;margin-bottom: 7px !important;}
.my-d8 {margin-top: 8px !important;margin-bottom: 8px !important;}
.my-d9 {margin-top: 9px !important;margin-bottom: 9px !important;}
.my-d10 {margin-top: 10px !important;margin-bottom: 10px !important;}
.my-d15 {margin-top: 15px !important;margin-bottom: 15px !important;}
.my-d20 {margin-top: 20px !important;margin-bottom: 20px !important;}
.my-d25 {margin-top: 25px !important;margin-bottom: 25px !important;}
.my-d30 {margin-top: 30px !important;margin-bottom: 30px !important;}
.my-d35 {margin-top: 35px !important;margin-bottom: 35px !important;}
.my-d50 {margin-top: 50px !important;margin-bottom: 50px !important;}
.my-d80 {margin-top: 80px !important;margin-bottom: 80px !important;}
.my-d100 {margin-top: 100px !important;margin-bottom: 100px !important;}
.my-d110 {margin-top: 110px !important;margin-bottom: 110px !important;}
.my-d120 {margin-top: 120px !important;margin-bottom: 120px !important;}
.my-d150 {margin-top: 150px !important;margin-bottom: 150px !important;}
.my-d180 {margin-top: 180px !important;margin-bottom: 180px !important;}
.my-d200 {margin-top: 200px !important;margin-bottom: 200px !important;}
.my-d250 {margin-top: 250px !important;margin-bottom: 250px !important;}
.my-d300 {margin-top: 300px !important;margin-bottom: 300px !important;}
.ml-d1 {margin-left: 1px !important;}
.ml-d2 {margin-left: 2px !important;}
.ml-d3 {margin-left: 3px !important;}
.ml-d4 {margin-left: 4px !important;}
.ml-d5 {margin-left: 5px !important;}
.ml-d6 {margin-left: 6px !important;}
.ml-d7 {margin-left: 7px !important;}
.ml-d8 {margin-left: 8px !important;}
.ml-d9 {margin-left: 9px !important;}
.ml-d10 {margin-left: 10px !important;}
.ml-d15 {margin-left: 15px !important;}
.ml-d20 {margin-left: 20px !important;}
.ml-d25 {margin-left: 25px !important;}
.ml-d30 {margin-left: 30px !important;}
.ml-d35 {margin-left: 35px !important;}
.ml-d50 {margin-left: 50px !important;}
.ml-d80 {margin-left: 80px !important;}
.ml-d100 {margin-left: 100px !important;}
.ml-d110 {margin-left: 110px !important;}
.ml-d120 {margin-left: 120px !important;}
.mr-d1 {margin-right: 1px !important;}
.mr-d2 {margin-right: 2px !important;}
.mr-d3 {margin-right: 3px !important;}
.mr-d4 {margin-right: 4px !important;}
.mr-d5 {margin-right: 5px !important;}
.mr-d6 {margin-right: 6px !important;}
.mr-d7 {margin-right: 7px !important;}
.mr-d8 {margin-right: 8px !important;}
.mr-d9 {margin-right: 9px !important;}
.mr-d10 {margin-right: 10px !important;}
.mr-d15 {margin-right: 15px !important;}
.mr-d20 {margin-right: 20px !important;}
.mr-d25 {margin-right: 25px !important;}
.mr-d30 {margin-right: 30px !important;}
.mr-d35 {margin-right: 35px !important;}
.mr-d50 {margin-right: 50px !important;}
.mr-d80 {margin-right: 80px !important;}
.mr-d100 {margin-right: 100px !important;}
.mr-d110 {margin-right: 110px !important;}
.mr-d120 {margin-right: 120px !important;}
.mt-d1 {margin-top: 1px !important;}
.mt-d2 {margin-top: 2px !important;}
.mt-d3 {margin-top: 3px !important;}
.mt-d4 {margin-top: 4px !important;}
.mt-d5 {margin-top: 5px !important;}
.mt-d6 {margin-top: 6px !important;}
.mt-d7 {margin-top: 7px !important;}
.mt-d8 {margin-top: 8px !important;}
.mt-d9 {margin-top: 9px !important;}
.mt-d10 {margin-top: 10px !important;}
.mt-d15 {margin-top: 15px !important;}
.mt-d20 {margin-top: 20px !important;}
.mt-d25 {margin-top: 25px !important;}
.mt-d30 {margin-top: 30px !important;}
.mt-d35 {margin-top: 35px !important;}
.mt-d50 {margin-top: 50px !important;}
.mt-d80 {margin-top: 80px !important;}
.mt-d100 {margin-top: 100px !important;}
.mt-d110 {margin-top: 110px !important;}
.mt-d120 {margin-top: 120px !important;}
.mb-d1 {margin-bottom: 1px !important;}
.mb-d2 {margin-bottom: 2px !important;}
.mb-d3 {margin-bottom: 3px !important;}
.mb-d4 {margin-bottom: 4px !important;}
.mb-d5 {margin-bottom: 5px !important;}
.mb-d6 {margin-bottom: 6px !important;}
.mb-d7 {margin-bottom: 7px !important;}
.mb-d8 {margin-bottom: 8px !important;}
.mb-d9 {margin-bottom: 9px !important;}
.mb-d10 {margin-bottom: 10px !important;}
.mb-d15 {margin-bottom: 15px !important;}
.mb-d20 {margin-bottom: 20px !important;}
.mb-d25 {margin-bottom: 25px !important;}
.mb-d30 {margin-bottom: 30px !important;}
.mb-d35 {margin-bottom: 35px !important;}
.mb-d50 {margin-bottom: 50px !important;}
.mb-d80 {margin-bottom: 80px !important;}
.mb-d100 {margin-bottom: 100px !important;}
.mb-d110 {margin-bottom: 110px !important;}
.mb-d120 {margin-bottom: 120px !important;}
.width-d1 {width: 1px;}/* 常用宽高 */
.width-d2 {width: 2px !important;}
.width-d3 {width: 3px !important;}
.width-d4 {width: 4px !important;}
.width-d5 {width: 5px !important;}
.width-d6 {width: 6px !important;}
.width-d7 {width: 7px !important;}
.width-d8 {width: 8px !important;}
.width-d9 {width: 9px !important;}
.width-d10{width: 10px !important;}
.width-d11{width: 11px !important;}
.width-d12{width: 12px !important;}
.width-d13{width: 13px !important;}
.width-d14{width: 14px !important;}
.width-d15{width: 15px !important;}
.width-d16{width: 16px !important;}
.width-d17{width: 17px !important;}
.width-d18{width: 18px !important;}
.width-d19{width: 19px !important;}
.width-d20{width: 20px !important;}
.width-d25{width: 25px !important;}
.width-d30{width: 30px !important;}
.width-d35{width: 35px !important;}
.width-d40{width: 40px !important;}
.width-d45{width: 45px !important;}
.width-d50{width: 50px !important;}
.width-d60{width: 60px !important;}
.width-d70{width: 70px !important;}
.width-d80{width: 80px !important;}
.width-d90{width: 90px !important;}
.width-d100{width: 100px !important;}
.width-d105{width: 105px !important;}
.width-d110{width: 110px !important;}
.width-d115{width: 115px !important;}
.width-d120{width: 120px !important;}
.width-d125{width: 125px !important;}
.width-d130{width: 130px !important;}
.width-d135{width: 135px !important;}
.width-d140{width: 140px !important;}
.width-d145{width: 145px !important;}
.width-d150{width: 150px !important;}
.width-d160{width: 160px !important;}
.width-d170{width: 170px !important;}
.width-d180{width: 180px !important;}
.width-d190{width: 190px !important;}
.width-d200{width: 200px !important;}
.width-d210{width: 210px !important;}
.width-d300{width: 300px !important;}
.height-d1 {height: 1px !important;}
.height-d2 {height: 2px !important;}
.height-d3 {height: 3px !important;}
.height-d4 {height: 4px !important;}
.height-d5 {height: 5px !important;}
.height-d6 {height: 6px !important;}
.height-d7 {height: 7px !important;}
.height-d8 {height: 8px !important;}
.height-d9 {height: 9px !important;}
.height-d10{height: 10px !important;}
.height-d20{height: 20px !important;}
.height-d25{height: 25px !important;}
.height-d30{height: 30px !important;}
.height-d35{height: 35px !important;}
.height-d40{height: 40px !important;}
.height-d45{height: 45px !important;}
.height-d50{height: 50px !important;}
.height-d60{height: 60px !important;}
.height-d70{height: 70px !important;}
.height-d80{height: 80px !important;}
.height-d90{height: 90px !important;}
.height-d100{height: 100px !important;}
.height-d105{height: 105px !important;}
.height-d110{height: 110px !important;}
.height-d115{height: 115px !important;}
.height-d120{height: 120px !important;}
.height-d125{height: 125px !important;}
.height-d130{height: 130px !important;}
.height-d135{height: 135px !important;}
.height-d140{height: 140px !important;}
.height-d145{height: 145px !important;}
.height-d150{height: 150px !important;}
.height-d160{height: 160px !important;}
.height-d170{height: 170px !important;}
.height-d180{height: 180px !important;}
.height-d190{height: 190px !important;}
.height-d200{height: 200px !important;}
.height-d210{height: 210px !important;}
.height-d300{height: 300px !important;}
.height-d500{height: 500px !important;}