/* box */
.border-box{
	box-sizing: border-box;
}
/*  -- 内外边距 -- */
.m-0 { margin: 0!important; }
/* #ifndef APP-PLUS-NVUE */
.m-auto{ margin: auto!important; }
/* #endif */
.m-1 { margin: 10px!important; }
.m-2 { margin: 20px!important; }
.m-3 { margin: 30px!important; }
.m-4 { margin: 40px!important; }
.m-5 { margin: 50px!important; }
.mt-0 { margin-top: 0!important; }
/* #ifndef APP-PLUS-NVUE */
.mt-auto { margin-top: auto!important; }
/* #endif */
.mt-1 { margin-top: 10px!important; }
.mt-2 { margin-top: 20px!important; }
.mt-3 { margin-top: 30px!important; }
.mt-4 { margin-top: 40px!important; }
.mt-5 { margin-top: 50px!important; }
.mb-0 { margin-bottom: 0!important; }
/* #ifndef APP-PLUS-NVUE */
.mb-auto { margin-bottom: auto!important; }
/* #endif */
.mb-1 { margin-bottom: 10px!important; }
.mb-2 { margin-bottom: 20px!important; }
.mb-3 { margin-bottom: 30px!important; }
.mb-4 { margin-bottom: 40px!important; }
.mb-5 { margin-bottom: 50px!important; }
.ml-0 { margin-left: 0!important; }
/* #ifndef APP-PLUS-NVUE */
.ml-auto { margin-left: auto!important; }
/* #endif */
.ml-1 { margin-left: 10px!important; }
.ml-2 { margin-left: 20px!important; }
.ml-3 { margin-left: 30px!important; }
.ml-4 { margin-left: 40px!important; }
.ml-5 { margin-left: 50px!important; }
.mr-0 { margin-right: 0; }
/* #ifndef APP-PLUS-NVUE */
.mr-auto { margin-right: auto!important; }
/* #endif */
.mr-1 { margin-right: 10px!important; }
.mr-2 { margin-right: 20px!important; }
.mr-3 { margin-right: 30px!important; }
.mr-4 { margin-right: 40px!important; }
.mr-5 { margin-right: 50px!important; }
.my-0 { margin-top: 0; margin-bottom: 0!important; }
/* #ifndef APP-PLUS-NVUE */
.my-auto { margin-top: auto; margin-bottom: auto; }
/* #endif */
.my-1 { margin-top: 10px!important; margin-bottom: 10px!important; }
.my-2 { margin-top: 20px!important; margin-bottom: 20px!important; }
.my-3 { margin-top: 30px!important; margin-bottom: 30px!important; }
.my-4 { margin-top: 40px!important; margin-bottom: 40px!important; }
.my-5 { margin-top: 50px!important; margin-bottom: 50px!important; }
.mx-0 { margin-left: 0!important; margin-right: 0!important; }
/* #ifndef APP-PLUS-NVUE */
.mx-auto { margin-left: auto!important; margin-right: auto!important; }
/* #endif */
.mx-1 { margin-left: 10px!important; margin-right: 10px!important;}
.mx-2 { margin-left: 20px!important; margin-right: 20px!important;}
.mx-3 { margin-left: 30px!important; margin-right: 30px!important;}
.mx-4 { margin-left: 40px!important; margin-right: 40px!important;}
.mx-5 { margin-left: 50px!important; margin-right: 50px!important;}

.p-0 { padding: 0!important; }
.p { padding: 5px!important; }
.p-1 { padding: 10px!important; }
.p-2 { padding: 20px!important; }
.p-3 { padding: 30px!important; }
.p-4 { padding: 40px!important; }
.p-5 { padding: 50px!important; }
.pt-0 { padding-top: 0!important; }
.pt { padding-top: 5px!important; }
.pt-1 { padding-top: 10px!important; }
.pt-2 { padding-top: 20px!important; }
.pt-3 { padding-top: 30px!important; }
.pt-4 { padding-top: 40px!important; }
.pt-5 { padding-top: 50px!important; }
.pb-0 { padding-bottom: 0!important; }
.pb-1 { padding-bottom: 10px!important; }
.pb { padding-bottom: 5px!important; }
.pb-2 { padding-bottom: 20px!important; }
.pb-3 { padding-bottom: 30px!important; }
.pb-4 { padding-bottom: 40px!important; }
.pb-5 { padding-bottom: 50px!important; }
.pl-0 { padding-left: 0!important; }
.pl { padding-left: 5px!important; }
.pl-1 { padding-left: 10px!important; }
.pl-2 { padding-left: 20px!important; }
.pl-3 { padding-left: 30px!important; }
.pl-4 { padding-left: 40px!important; }
.pl-5 { padding-left: 50px!important; }
.pr-0 { padding-right: 0!important; }
.pr { padding-right: 5px!important; }
.pr-1 { padding-right: 10px!important; }
.pr-2 { padding-right: 20px!important; }
.pr-3 { padding-right: 30px!important; }
.pr-4 { padding-right: 40px!important; }
.pr-5 { padding-right: 50px!important; }
.py-0 { padding-top: 0!important; padding-bottom: 0!important; }
.py { padding-top: 5px!important; padding-bottom: 5px!important; }
.py-1 { padding-top: 10px!important; padding-bottom: 10px!important; }
.py-2 { padding-top: 20px!important; padding-bottom: 20px!important; }
.py-3 { padding-top: 30px!important; padding-bottom: 30px!important; }
.py-4 { padding-top: 40px!important; padding-bottom: 40px!important; }
.py-5 { padding-top: 50px!important; padding-bottom: 50px!important; }
.px-0 { padding-left: 0!important; padding-right: 0!important; }
.px-1 { padding-left: 10px!important; padding-right: 10px!important;}
.px { padding-left: 5px!important; padding-right: 5px!important;}
.px-2 { padding-left: 20px!important; padding-right: 20px!important;}
.px-3 { padding-left: 30px!important; padding-right: 30px!important;}
.px-4 { padding-left: 40px!important; padding-right: 40px!important;}
.px-5 { padding-left: 50px!important; padding-right: 50px!important;}
/* 文字大小 */
.font-smaller { font-size: 9px;}
.font-small { font-size: 10px;}
.font-small11 {font-size: 11px;}
.font-sm { font-size: 12px;}
.font-sm13 { font-size: 13px;}
.font-default-14 {font-size: 14px;}
.font-default { font-size: 15px;}

.font-md-16 { font-size: 16px;}
.font-md-17 { font-size: 17px;}
.font-md { font-size: 18px;}
.font-lg { font-size: 20px;}
.font-lg22 { font-size: 22px;}
.font-lg25 { font-size: 25px;}
.font-lg30 { font-size: 30px;}
.font-lg56 { font-size: 56px;}
.h1{font-size:80px; line-height:1.8;}
.h2{font-size:60px; line-height:1.8;}
.h3{font-size:45px; line-height:1.8;}
.h4{font-size:32px; line-height:1.8;}
.h5{font-size:30px; line-height:1.8;}
.h6{font-size:28px; line-height:1.8;}


/* 文字粗细和斜体 */
.font-weight-light {font-weight: 300;}      /*细*/
.font-weight-lighter {font-weight: 100;}/*更细*/
.font-weight-normal { font-weight: 400;}    /*正常Regular*/
.font-weight-medium { font-weight: 500;}      /*中粗*/
.font-weight-bold { font-weight: 700;}      /*粗*/
.font-weight-bolder { font-weight: bold;} /*更粗*/
.font-italic { font-style: italic;} /*斜体*/

/* 文字颜色 */
.text-red {color: #FD3C1C;}
.text-gray99 {color: #999999;}
.text-gray88 {color: #888888;}
.text-grayc7{color: #C7C7CC;}
.text-cyan {color:#0099AD;}/*青色*/
.text-white {color: #ffffff;}
.text-primary {color: #007bff;}
.text-hover-primary { color: #0056b3;}
.text-secondary {color: #6c757d;}
.text-hover-secondary { color: #494f54;}
.text-success {color: #28a745;}
.text-hover-success{color: #19692c;}
.text-info { color: #17a2b8;}
.text-hover-info {color: #0f6674;}
.text-warning {color: #ffc107;}
.text-hover-warning { color: #ba8b00;}
.text-danger { color: #dc3545;}
.text-hover-danger { color: #a71d2a;}
.text-light { color: #f8f9fa;}
.text-hover-light { color: #cbd3da;}
.text-dark { color: #343a40;}
.text-hover-dark{ color: #121416;}
.text-body { color: #212529;}
.text-muted { color: #6c757d;}