/*reset start*/
html,body{margin:0;padding:0;max-width: 750px;margin: 0 auto;}
h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu,a{font-size: 14px;margin:0;padding:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}
body{font-family:"微软雅黑",arial,sans-serif;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-style: normal;font-weight: normal;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{color:#333;outline:0;}
body *{-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}
.clearfix:after{content:".";display:block;overflow:hidden;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
input,textarea,select{outline: none; -webkit-appearance:none;}
.clearOver{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.theme-bg-color{background: #3AAC59;}
.theme-text-color{color: #3AAC59;}
.theme-border{border: 1px solid #3AAC59;}

/* 定义行块级 */
.d-none{display: none;}
.d-block{display: block;}
.d-inline{display: inline;}
.d-inline-block{display: inline-block;}
.d-table{display: table;}
.d-inline-table{display: inline-table;}
.d-table-row{display: table-row;} /*<tr><*/
.d-table-cell{display: table-cell;} /*<td><th>*/
.d-table-column{display: table-column;} /*<col>*/

/* 盒子限制 */
.overflow-hidden{overflow: hidden;}
.overflow-x{overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;}
.overflow-y{overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}

/* 宽高-s */
.w-auto{width: auto !important;}
.w-100{width: 100%;}
.w-50{width: 50%;}
.w-33{width: 33.33%;}
.w-30{width: 30%;}
.w-25{width: 25%;}
.w-20{width: 20%;}
.wp-10{width: 10px;}
.wp-20{width: 20px;}
.wp-30{width: 30px;}
.wp-40{width: 40px;}
.wp-50{width: 50px;}
.wp-60{width: 60px;}
.wp-70{width: 70px;}
.wp-80{width: 80px;}
.wp-90{width: 90px;}
.wp-100{width: 100px;}
.wp-120{width: 120px;}
.wp-140{width: 140px;}
.h-auto{height: auto !important;}
.h-100{height: 100%;}
.hp-10{height: 10px;}
.hp-20{height: 20px;}
.hp-30{height: 30px;}
.hp-40{height: 40px;}
.hp-50{height: 50px;}
.hp-60{height: 60px;}
.hp-70{height: 70px;}
.hp-80{height: 80px;}
.hp-90{height: 90px;}
.hp-100{height: 100px;}

/* 浮动 */
.f-left{float: left;}
.f-right{float: right;}

/* 字体颜色 */
.text-white,.text-white *{color: #FFFFFF;}
.text-dark{color: #333333;}
.text-danger{color: #dc3545;}
.text-primary{color: #007bff;}
.text-success{color: #28a745;}
.text-info { color: #17a2b8;}
.text-warning {color: #ffc107;}
.text-light { color: #f8f9fa;}
.text-gray { color: #989898;}
.text-nowrap{white-space: nowrap;}

/* 背景颜色 */
.bg-none{background: none !important;}
.bg-primary { background-color: #007bff;}
.bg-secondary { background-color: #6c757d;}
.bg-success { background-color: #28a745;}
.bg-info { background-color: #17a2b8;}
.bg-warning { background-color: #ffc107;}
.bg-danger { background-color: #dc3545;}
.bg-light { background-color: #f8f9fa;}
.bg-gray { background-color: #F5F6FA;}
.bg-dark { background-color: #343a40;}
.bg-white { background-color: #ffffff;}
.bg-transparent { background-color: transparent;}

/* 字体排版 */
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-top{vertical-align: top;}
.text-middle{vertical-align: middle;}
.text-bottom{vertical-align: bottom;}
.text-shadow{text-shadow: 1px 1px 1px #222222;}
.text-indent{text-indent: 2em;}

/* 字体缩进 */
.text-hidden{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.text-hidden2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.text-hidden3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

/* 字体换行 */
.word-nowrap{white-space: nowrap;}
.word-break{white-space:normal; word-break:break-all;}

/* 边框 */
.border { border-width: 1px;border-style: solid;border-color: #dee2e6;}
.border-top {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #dee2e6;
}
.border-right {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #dee2e6;
}
.border-bottom {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dee2e6;
}
.border-left {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #dee2e6;
}
.border-0 { border-width: 0 !important;}
.border-top-0 { border-top-width: 0 !important;}
.border-right-0 {border-right-width: 0 !important;}
.border-bottom-0 {border-bottom-width: 0 !important;}
.border-left-0 {border-left-width: 0 !important;}
.border-primary { border-color: #007bff;}
.border-secondary {border-color: #6c757d;}
.border-light-secondary {border-color: #E9E8E5;}
.border-success {border-color: #28a745;}
.border-info {border-color: #17a2b8;}
.border-warning {border-color: #ffc107;}
.border-danger {border-color: #dc3545;}
.border-light {border-color: #f8f9fa;}
.border-dark {border-color: #343a40;}
.border-white {border-color: #FFFFFF;}

/* 圆角 */
.radius{border-radius: 5px;}
.radius-1{border-radius: 10px;}
.radius-2{border-radius: 20px;}
.radius-circle{border-radius: 50%;}

/* 阴影 */
.shadow { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);}
.shadow-lg { box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.175);}
.shadow-none { box-shadow: none !important;}

/* 定位 */
.position-fixed{position: fixed;}
.position-relative{position: relative;}
.position-absolute{position: absolute;}
.position-{position: static !important;}
.top-0{top: 0;}
.left-0{left: 0;}
.right-0{right: 0;}
.bottom-0{bottom: 0;}

/* 层级 */
.z-index-back{z-index: -1;}
.z-index-1{z-index: 1;}
.z-index-2{z-index: 2;}

/* 外边距 */
.m-0{margin: 0 !important;}
.ml-0{margin-left: 0 !important;}
.mr-0{margin-right: 0 !important;}
.mt-0{margin-top: 0 !important;}
.mb-0{margin-bottom: 0 !important;}

.m-10{margin: 10px;}
.m-15{margin: 15px;}
.m-20{margin: 20px;}
.m-30{margin: 30px;}
.m-40{margin: 40px;}
.m-50{margin: 50px;}
.m-60{margin: 60px;}
.m-70{margin: 70px;}
.m-80{margin: 80px;}
.m-90{margin: 90px;}
.m-100{margin: 100px;}

.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-100{margin-top: 100px;}

.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-50{margin-bottom: 50px;}
.mb-100{margin-bottom: 100px;}

.ml-5{margin-left: 5px;}
.ml-10{margin-left: 10px;}
.ml-15{margin-left: 15px;}
.ml-20{margin-left: 20px;}
.ml-30{margin-left: 30px;}
.ml-40{margin-left: 40px;}
.ml-50{margin-left: 50px;}
.ml-60{margin-left: 60px;}
.ml-70{margin-left: 70px;}
.ml-80{margin-left: 80px;}
.ml-90{margin-left: 90px;}
.ml-100{margin-left: 100px;}

.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-15{margin-right: 15px;}
.mr-20{margin-right: 20px;}
.mr-30{margin-right: 30px;}
.mr-40{margin-right: 40px;}
.mr-50{margin-right: 50px;}
.mr-60{margin-right: 60px;}
.mr-70{margin-right: 70px;}
.mr-80{margin-right: 80px;}
.mr-90{margin-right: 90px;}
.mr-100{margin-right: 100px;}

.mx-0{margin-left: 0;margin-right: 0 !important;}
.mx-5{margin-left: 5px;margin-right: 5px;}
.mx-10{margin-left: 10px;margin-right: 10px;}
.mx-15{margin-left: 15px;margin-right: 15px;}
.mx-20{margin-left: 20px;margin-right: 20px;}
.mx-30{margin-left: 30px;margin-right: 30px;}
.mx-40{margin-left: 40px;margin-right: 40px;}
.mx-50{margin-left: 50px;margin-right: 50px;}
.mx-100{margin-left: 100px;margin-right: 100px;}

.my-0{margin-top: 0;margin-bottom: 0 !important;}
.my-5{margin-top: 5px;margin-bottom: 5px;}
.my-10{margin-top: 10px;margin-bottom: 10px;}
.my-15{margin-top: 15px;margin-bottom: 15px;}
.my-20{margin-top: 20px;margin-bottom: 20px;}
.my-30{margin-top: 30px;margin-bottom: 30px;}
.my-40{margin-top: 40px;margin-bottom: 40px;}
.my-50{margin-top: 50px;margin-bottom: 50px;}
.my-100{margin-top: 100px;margin-bottom: 100px;}

/* 内边距 */
.pl-0{padding-left: 0 !important;}
.pr-0{padding-right: 0 !important;}
.pt-0{padding-top: 0 !important;}
.pb-0{padding-bottom: 0 !important;}
.p-0{padding: 0 !important;}
.p-5{padding: 5px;}
.p-10{padding: 10px;}
.p-15{padding: 15px;}
.p-20{padding: 20px;}
.p-30{padding: 30px;}
.p-40{padding: 40px;}
.p-50{padding: 50px;}
.p-100{padding: 100px;}

.pt-5{padding-top: 5px;}
.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.pt-30{padding-top: 30px;}
.pt-40{padding-top: 40px;}
.pt-50{padding-top: 50px;}
.pt-100{padding-top: 100px;}

.pb-5{padding-bottom: 5px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pb-30{padding-bottom: 30px;}
.pb-40{padding-bottom: 40px;}
.pb-50{padding-bottom: 50px;}
.pb-100{padding-bottom: 100px;}

.pl-5{padding-left: 5px;}
.pl-10{padding-left: 10px;}
.pl-15{padding-left: 15px;}
.pl-20{padding-left: 20px;}
.pl-30{padding-left: 30px;}
.pl-40{padding-left: 40px;}
.pl-50{padding-left: 50px;}
.pl-100{padding-left: 100px;}

.pr-5{padding-right: 5px;}
.pr-10{padding-right: 10px;}
.pr-15{padding-right: 15px;}
.pr-20{padding-right: 20px;}
.pr-30{padding-right: 30px;}
.pr-40{padding-right: 40px;}
.pr-50{padding-right: 50px;}
.pr-60{padding-right: 60px;}
.pr-70{padding-right: 70px;}
.pr-80{padding-right: 80px;}
.pr-90{padding-right: 90px;}
.pr-100{padding-right: 100px;}

.px-0{padding-left: 0 !important;padding-right: 0 !important;}
.px-5{padding-left: 5px;padding-right: 5px;}
.px-10{padding-left: 10px;padding-right: 10px;}
.px-15{padding-left: 15px;padding-right: 15px;}
.px-20{padding-left: 20px;padding-right: 20px;}
.px-30{padding-left: 30px;padding-right: 30px;}
.px-40{padding-left: 40px;padding-right: 40px;}
.px-50{padding-left: 50px;padding-right: 50px;}
.px-60{padding-left: 60px;padding-right: 60px;}
.px-70{padding-left: 70px;padding-right: 70px;}
.px-80{padding-left: 80px;padding-right: 80px;}
.px-90{padding-left: 90px;padding-right: 90px;}
.px-100{padding-left: 100px;padding-right: 100px;}

.py-0{padding-top: 0 !important;padding-bottom: 0 !important;}
.py-5{padding-top: 5px;padding-bottom: 5px;}
.py-10{padding-top: 10px;padding-bottom: 10px;}
.py-15{padding-top: 15px;padding-bottom: 15px;}
.py-20{padding-top: 20px;padding-bottom: 20px;}
.py-30{padding-top: 30px;padding-bottom: 30px;}
.py-40{padding-top: 40px;padding-bottom: 40px;}
.py-50{padding-top: 50px;padding-bottom: 50px;}
.py-60{padding-top: 60px;padding-bottom: 60px;}
.py-70{padding-top: 70px;padding-bottom: 70px;}
.py-80{padding-top: 80px;padding-bottom: 80px;}
.py-90{padding-top: 90px;padding-bottom: 90px;}
.py-100{padding-top: 100px;padding-bottom: 100px;}

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

/* 字体大小 */
.font-12{font-size: 12px;}
.font-14{font-size: 14px;}
.font-16{font-size: 16px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-22{font-size: 22px;}
.font-24{font-size: 24px;}
.font-26{font-size: 26px;}
.font-30{font-size: 30px;}
.font-36{font-size: 36px;}
.font-42{font-size: 42px;}

/* 弹性布局 */
.d-flex{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.d-flex-center{
    display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-box-pack: center;-moz-justify-content: center;-webkit-justify-content: center;justify-content: center;
    -webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center;
}
.d-flex-between{
    display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-box-pack: justify;-moz-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;
    -webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center;
}

.justify-start{
    -webkit-box-pack: start;-moz-justify-content: start;-webkit-justify-content: start;justify-content: start;
}
.justify-center{
    -webkit-box-pack: center;-moz-justify-content: center;-webkit-justify-content: center;justify-content: center;
}
.justify-end{
    -webkit-box-pack: end;-moz-justify-content: flex-end;-webkit-justify-content: flex-end;justify-content: flex-end;
}
.justify-between{
    -webkit-box-pack: justify;-moz-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;
}

.align-start{
    -webkit-box-align: start;-moz-align-items: start;-webkit-align-items: start;align-items: start;
}
.align-center{
    -webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center;
}
.align-end{
    -webkit-box-align: end;-moz-align-items: flex-end;-webkit-align-items: flex-end;align-items: flex-end;
}

.flex-wrap{flex-wrap: wrap;}
.flex-nowrap{flex-wrap: nowrap;}

.flex-row{
    -webkit-box-direction: normal;-webkit-box-orient: horizontal;-moz-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;
}
.flex-column{
    -webkit-box-direction: normal;-webkit-box-orient: vertical;-moz-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;
}
.flex-1{
    -webkit-box-flex: 1.0;-moz-flex-grow: 1;-webkit-flex-grow: 1;flex-grow: 1;
}

/* 图片 */
.img-fit{object-fit: cover;}
.img-fill{object-fit: fill;}
.img-auto{object-fit: contain;}