html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 12px;
	vertical-align: baseline;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1; }
ol, ul { list-style: none; }
table {border-collapse: collapse; border-spacing: 0; width: 100%;}
textarea {font:inherit}
input {outline: none;}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

html,*{ font-size: 12px;}


/**
* atom style sheets
*/
/*fonts*/
.fs-12 {font-size: 12px !important}
.fs-14 {font-size: 14px !important}
.fs-16 {font-size: 16px !important}
.fs-18 {font-size: 18px !important}
.fs-20 {font-size: 20px !important}
.fs-22 {font-size: 22px !important}
.fs-24 {font-size: 24px !important}
.fs-28 {font-size: 28px !important}
.fs-30 {font-size: 30px !important}
.fw-bold{font-weight: bold !important}
.fw-100{font-weight: 100 !important}
.fw-200{font-weight: 200 !important}
.fw-300{font-weight: 300 !important}
.fw-500{font-weight: 500 !important}
.fw-600{font-weight: 600 !important}
.fw-800{font-weight: 800 !important}
.fw-900{font-weight: 900 !important}
.fw-normal{font-weight: normal !important}
.fs-normal {font-style: normal !important}
.fs-italic {font-style: italic !important}

/*text*/
.tc-primary {color: #409EFF !important}
.tc-success {color: #67C23A !important}
.tc-warning {color: #E6A23C !important}
.tc-danger {color: #F56C6C !important}
.tc-info {color: #909399 !important}
.tc-333 {color: #333 !important}
.tc-666 {color: #666 !important}
.tc-999 {color: #999 !important}
.tc-ccc {color: #ccc !important}
.tc-ddd {color: #ddd !important}
.tc-eee {color: #eee !important}
.tc-fff{color: #fff !important}
.tc-000{color: #000 !important}
.tc-label{color:#606266 !important}
.td-underline {text-decoration: underline !important}
.td-line-through {text-decoration: line-through !important}
.td-decoration-none {text-decoration: none !important}
.ta-center {text-align: center !important}
.ta-left {text-align: left !important}
.ta-right {text-align: right !important}

/*box*/
.box-sizing {box-sizing: border-box !important}
.content-sizing {box-sizing: content-box !important}
.flex {display: flex !important}
.flex-ai-center {align-items: center !important}
.flex-jc-center {justify-content: center !important}
.block-center{margin-left: auto !important; margin-right: auto !important}
.dsp-inline-block {display: inline-block;}

.pad-0 {padding: 0 !important}
.pad-5 {padding: 5px !important}
.pad-10 {padding: 10px !important}
.pad-15 {padding: 15px !important}
.pad-20 {padding: 20px !important}
.pad-30 {padding: 30px !important}
.pad-40 {padding: 40px !important}
.pt-0 {padding-top: 0 !important}
.pt-5 {padding-top: 5px !important}
.pt-10 {padding-top: 10px !important}
.pt-15 {padding-top: 15px !important}
.pt-20 {padding-top: 20px !important}
.pt-30 {padding-top: 30px !important}
.pt-40 {padding-top: 40px !important}
.pl-0 {padding-left: 0 !important}
.pl-5 {padding-left: 5px !important}
.pl-10 {padding-left: 10px !important}
.pl-15 {padding-left: 15px !important}
.pl-20 {padding-left: 20px !important}
.pl-30 {padding-left: 30px !important}
.pl-40 {padding-left: 40px !important}
.pr-0 {padding-right: 0 !important}
.pr-5 {padding-right: 5px !important}
.pr-10 {padding-right: 10px !important}
.pr-15 {padding-right: 15px !important}
.pr-20 {padding-right: 20px !important}
.pr-30 {padding-right: 30px !important}
.pr-40 {padding-right: 40px !important}
.pb-0 {padding-bottom: 0 !important}
.pb-5 {padding-bottom: 5px !important}
.pb-10 {padding-bottom: 10px !important}
.pb-15 {padding-bottom: 15px !important}
.pb-20 {padding-bottom: 20px !important}
.pb-30 {padding-bottom: 30px !important}
.pb-40 {padding-bottom: 40px !important}

.mag-0 {margin: 0 !important}
.mag-5 {margin: 5px !important}
.mag-10 {margin: 10px !important}
.mag-15 {margin: 15px !important}
.mag-20 {margin: 20px !important}
.mag-30 {margin: 30px !important}
.mag-40 {margin: 40px !important}
.mt-0 {margin-top: 0 !important}
.mt-5 {margin-top: 5px !important}
.mt-10 {margin-top: 10px !important}
.mt-15 {margin-top: 15px !important}
.mt-20 {margin-top: 20px !important}
.mt-30 {margin-top: 30px !important}
.mt-40 {margin-top: 40px !important}
.ml-0 {margin-left: 0 !important}
.ml-5 {margin-left: 5px !important}
.ml-10 {margin-left: 10px !important}
.ml-15 {margin-left: 15px !important}
.ml-20 {margin-left: 20px !important}
.ml-30 {margin-left: 30px !important}
.ml-40 {margin-left: 40px !important}
.mr-0 {margin-right: 0 !important}
.mr-5 {margin-right: 5px !important}
.mr-10 {margin-right: 10px !important}
.mr-15 {margin-right: 15px !important}
.mr-20 {margin-right: 20px !important}
.mr-30 {margin-right: 30px !important}
.mr-40 {margin-right: 40px !important}
.mb-0 {margin-bottom: 0 !important}
.mb-5 {margin-bottom: 5px !important}
.mb-10 {margin-bottom: 10px !important}
.mb-15 {margin-bottom: 15px !important}
.mb-15 {margin-bottom: 15px !important}
.mb-20 {margin-bottom: 20px !important}
.mb-30 {margin-bottom: 30px !important}
.mb-40 {margin-bottom: 40px !important}

.lh-12 {line-height: 12px !important}
.lh-14 {line-height: 14px !important}
.lh-16 {line-height: 16px !important}
.lh-18 {line-height: 18px !important}
.lh-20 {line-height: 20px !important}
.lh-24 {line-height: 24px !important}
.lh-28 {line-height: 28px !important}
.lh-30 {line-height: 30px !important}
.lh-40 {line-height: 40px !important}
.lh-60 {line-height: 60px !important}
.lh-80 {line-height: 80px !important}
.lh-100 {line-height: 100% !important}
.lh-120 {line-height: 120% !important}
.lh-140 {line-height: 140% !important}
.lh-160 {line-height: 160% !important}
.lh-180 {line-height: 180% !important}

.bg-primary {background-color: #409EFF !important}
.bg-success {background-color: #67C23A !important}
.bg-warning {background-color: #E6A23C !important}
.bg-danger {background-color: #F56C6C !important}
.bg-info {background-color: #909399 !important}
.bg-white {background-color: #fff !important}
.bg-eee {background-color: #eee !important}
.bg-f6f6f6 {background-color: #f6f6f6 !important}

.bw,.bw-1{border-width: 1px !important}
.bw-2{border-width: 2px !important}
.bw-4{border-width: 4px !important}
.bs-solid{border-style:solid !important}
.bs-dashed{border-style:dashed !important}
.bs-dotted{border-style:dotted !important}
.bs-dot-dash{border-style:dot-dash !important}
.bs-dot-dot-dash{border-style:dot-dot-dash !important}
.bc-primary {border-color: #409EFF !important}
.bc-success {border-color: #67C23A !important}
.bc-warning {border-color: #E6A23C !important}
.bc-danger {border-color: #F56C6C !important}
.bc-info {border-color: #909399 !important}
.bc-eee {border-color: #eee !important}
.bc-ddd {border-color: #ddd !important}
.bc-ccc {border-color: #ccc !important}
.br, .br-1{border-radius: 1px !important}
.br-2{border-radius: 2px !important}
.br-4{border-radius: 4px !important}
.br-5{border-radius: 5px !important}
.br-10{border-radius: 10px !important}
.br-cycle{border-radius: 50% !important}
.bp-bottom {border-top-width: 0 !important;border-left-width: 0 !important;;border-right-width: 0 !important;;}

.fr {float: right !important}
.fl {float: left !important}
.fn {float: none !important}
.cf{clear: both !important}
.cfl{clear: left !important}
.cfr{clear: right !important}

.width-p-100 {width: 100% !important}
.width-p-90 {width: 90% !important}
.width-p-80 {width: 80% !important}
.width-p-60 {width: 60% !important}
.width-p-50 {width: 50% !important}
.width-p-40 {width: 40% !important}
.width-p-20 {width: 20% !important}
.width-p-10 {width: 10% !important}

.width-100 {width: 100px !important}
.width-90 {width: 90px !important}
.width-80 {width: 80px !important}
.width-60 {width: 60px !important}
.width-50 {width: 50px !important}
.width-40 {width: 40px !important}
.width-20 {width: 20px !important}
.width-10 {width: 10px !important}
.width-120 {width: 120px !important}
.width-140 {width: 140px !important}
.width-160 {width: 160px !important}
.width-200 {width: 200px !important}
.width-250 {width: 250px !important}
.width-300 {width: 300px !important}
.width-350 {width: 350px !important}
.width-400 {width: 400px !important}
.width-450 {width: 450px !important}
.width-600 {width: 600px !important}
.width-800 {width: 800px !important}
.cursor-pointer {cursor: pointer}