/*公共属性*/
.m-auto{margin: 0 auto;}
.m0{margin: 0 !important;}
.mt0{margin-top: 0 !important;}
.mr0{margin-right: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.ml0{margin-left: 0 !important;}

.mt-1{margin-top: 0.5rem !important;}
.mr-1{margin-right: 0.5rem !important;}
.mb-1{margin-bottom: 0.5rem !important;}
.ml-1{margin-left: 0.5rem !important;}

.mt-2{margin-top: 1rem !important;}
.mr-2{margin-right: 1rem !important;}
.mb-2{margin-bottom: 1rem !important;}
.ml-2{margin-left: 1rem !important;}

.mt-3{margin-top: 1.5rem !important;}
.mr-3{margin-right:  1.5rem !important;}
.mb-3{margin-bottom:  1.5rem !important;}
.ml-3{margin-left:  1.5rem !important;}

.mt-4{margin-top: 2rem !important;}
.mr-4{margin-right:  2rem !important;}
.mb-4{margin-bottom:  2rem !important;}
.ml-4{margin-left:  2rem !important;}

.m8{margin:8px !important;}
.mt8{margin-top:8px !important;}
.mr8{margin-right:8px !important;}
.mb8{margin-bottom:8px !important;}
.ml8{margin-left:8px !important;}

.m10{margin:10px !important;}
.mt10{margin-top:10px !important;}
.mr10{margin-right:10px !important;}
.mb10{margin-bottom:10px !important;}
.ml10{margin-left:10px !important;}

.mt20{margin-top:20px !important;}
.mr20{margin-right:20px !important;}
.mb20{margin-bottom:20px !important;}
.ml20{margin-left:20px !important;}

.mt30{margin-top:30px !important;}
.mr30{margin-right:30px !important;}
.mb30{margin-bottom:30px !important;}
.ml30{margin-left:30px !important;}

.mb40{margin-bottom: 40px !important; }
.mb50{margin-bottom: 50px !important; }
.mb70{margin-bottom: 70px !important; }

.p0{padding: 0 !important;}
.pl0{padding-left: 0 !important;}
.pr0{padding-right: 0 !important;}
.pb0{padding-bottom: 0 !important;}

.p-1{padding: 0.5rem !important;}
.pt-1{padding-top: 0.5rem !important;}
.pr-1{padding-right: 0.5rem !important;}
.pb-1{padding-bottom: 0.5rem !important;}
.pl-1{padding-left: 0.5rem !important;}

.p-2{padding: 1rem !important;}
.pt-2{padding-top: 1rem !important;}
.pr-2{padding-right: 1rem !important;}
.pb-2{padding-bottom: 1rem !important;}
.pl-2{padding-left: 1rem !important;}

.p-3{padding: 1.5rem !important;}
.pt-3{padding-top: 1.5rem !important;}
.pr-3{padding-right:  1.5rem !important;}
.pb-3{padding-bottom:  1.5rem !important;}
.pl-3{padding-left:  1.5rem !important;}

.p-4{padding: 2rem !important;}
.pt-4{padding-top: 2rem !important;}
.pr-4{padding-right:  2rem !important;}
.pb-4{padding-bottom:  2rem !important;}
.pl-4{padding-left:  2rem !important;}

.p5{padding: 5px !important;}
.pt5{padding-top: 5px !important;}
.pr5{padding-right: 5px !important;}
.pb5{padding-bottom: 5px !important;}
.pl5{padding-left: 5px !important;}

.p8{padding: 8px !important;}
.pt8{padding-top: 8px !important;}
.pr8{padding-right: 8px !important;}
.pb8{padding-bottom: 8px !important;}
.pl8{padding-left: 8px !important;}

.p10{padding: 10px !important;}
.pt10{padding-top: 10px !important;}
.pr10{padding-right: 10px !important;}
.pb10{padding-bottom: 10px !important;}
.pl10{padding-left: 10px !important;}

.p15{padding: 15px !important;}
.pt15{padding-top: 15px !important;}
.pr15{padding-right: 15px !important;}
.pb15{padding-bottom: 15px !important;}
.pl15{padding-left: 15px !important;}

.p18{padding: 18px !important;}

.p20{padding: 20px !important;}
.pt20{padding-top: 20px !important;}
.pr20{padding-right: 20px !important;}
.pb20{padding-bottom: 20px !important;}
.pl20{padding-left: 20px !important;}

/*盒子*/
.flex-start{display: flex; justify-content: start; align-items: center;}
.flex-center{display: flex; justify-content: center; align-items: center;}
.flex-around{display: flex; justify-content: space-around; align-items: center;}
.flex-between{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}

/*宽高*/
.w{width: 100%;}
.w50{width:50%;}
.w120{width: 120px !important;}
.w280{width:280px !important;}
.h120{height: 120px !important;}

/*边框*/
.b0{border: 0 !important;}
.b1{border: 1px solid #DDDDDD;}
.bb1{border-bottom: 1px solid #eaeaea;}
.bb1-dashed{border-bottom: 1px dashed #DDDDDD;}

.radius{border-radius:50%;}
.radius5{border-radius:5px;}
 
 /*文本*/
.f12{font-size: 12px !important;}
.f14{font-size: 14px !important;}
.f16{font-size: 16px !important;}
.f18{font-size: 18px !important;}
.f24{font-size: 24px !important;}
.f36{font-size: 36px !important;}

.c-f{color: #FFFFFF !important;}
.c-dc,.c-up{color: #DC0000 !important;}
.c-down{color: #00dc00;}
.c3{color: #333333 !important;}
.c6{color: #666666 !important;}
.c9{color: #949eae !important;}
.c-glod{color: #d2b79c !important;;}
.text-link{color:#01AAED;}
.text-link:hover{color:#1E9FFF; text-decoration:underline;}

.v-middle{vertical-align: middle !important;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.text-center{text-align: center !important;}

.fwb{font-weight: bold !important;}

/*背景*/
.bg-f{background-color: #FFFFFF !important;}
.bg-dc,.bg-up{background-color: #DC0000 !important;}
.bg-down{background-color:#00dc00 !important;}
.bg-f6{background-color: #f6f6f6 !important;}
.bg-normal{background-color: #1E9FFF !important;}

/*布局浮动*/
.pa{position: absolute;}
.pr{position: relative;}
.pf{position: fixed;}

.fl{float: left;}
.fr{float:right;}
@media screen and (max-width: 768px){
	.fl-xs{float: left !important;}
}

.of-hidden{overflow: hidden !important;}
.db{display: block !important;}
.dn{display: none !important;}
.dl{display: inline-block !important;}

/*鼠标指针*/
.pointer{cursor: pointer;}

.clearfix{
	clear:both;
	display: table;
    content: " ";
}

/*安全级别*/
.safe{}
.safer{margin:0 auto;} 
.safer .safer-box{height: 114px;  border-radius: 50%;}
.safest{}