* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, body {
    width: 100%;
    font-size: 16px;
    color: #333;
    font-family: "Microsoft YaHei","Georgia";
    overflow: auto;
}
ul,li {
    list-style: none;
}
ul {margin: 0;}
a,a:hover,a:focus {
    text-decoration: none;
    cursor: pointer;
}
a:hover,
a:active,
a:focus {color: #3c9a39;}
input, select, a, button {outline: 0;}
img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    transition: all .3s;
}
@font-face{
    font-family:'digital-7';
    src: url('font/digital-7.ttf');
}
.fl {float: left;}
.fr {float: right;}
.d-none {display: none;}
.d-block {display: block;}
.o-none {opacity: 0 !important;}
.p-r {position: relative;}
.p-ab{
    position: absolute;
    left: 0;
    top: 0;
}
.m-auto {margin: 0 auto;}
.m-show, .m-flex-show {display: none;}
.m-image {display: none;}
.overflow-hidden {
    overflow: hidden !important;
}
.overflow-visible {
    overflow: visible !important;
}

/*布局*/
/*.row {margin: 0;}*/
.flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex1 {
    -webkit-flex: 1;
    flex: 1;
}
.flex-25 {
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
}
.flex-n-25 {
    -webkit-flex: 0 1 25%;
    flex: 0 1 25%;
}
.flex-30 {
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
}
.flex-35 {
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
}
.flex-40 {
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
}
.flex-half {
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
}
.flex-60 {
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
}
.flex-65 {
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
}
.flex-70 {
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
}
.flex-75 {
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
}
.flex-100 {
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
}
.flex-just-content-center {
    -webkit-justify-content: center;
    justify-content: center;
}
.flex-just-content-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.flex-align-items-center {
    align-items: center;
    -webkit-align-items: center;
}
.w-100 {width: 100%;}
.w-80 {width: 80%;}
.w-70 {width: 70%;}
.w-60 {width: 60%;}
.w-50 {width: 50%;}
.w-40 {width: 40%;}
.w-30 {width: 30%;}
.w-25 {width: 25%;}
.h-auto {height: auto!important;}
.h-100 {height: 100%;}
.h-33 {height: 33.3333%;}
.h-50 {height: 50% !important;}
.flex-h-33 {height: calc((100% - 100px) / 3);}
.text-one-ellipsis {
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.text-two-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.text-third-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.text-left {text-align: left !important;}
.clear {clear: both;}

/*列布局*/
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8 {float: left;}
.col-1 {width: 100%;}
.col-2 {width: 50%;}
.col-3 {width: 33.3333%;}
.col-4 {width: 25%;}
.col-5 {width: 20%;}
.col-6 {width: 16.6666%;}
.col-7 {width: 14.2857%;}
.col-8 {width: 12.5%;}


/*外边距*/
.m-b-xs {margin-bottom: 8px !important;}
.m-b-s {margin-bottom: 16px !important;}
.m-b-sm {margin-bottom: 20px !important;}
.m-b-m {margin-bottom: 32px;}
.m-b-lg {margin-bottom: 10rem;}
.m-l-sm {margin-left: 1.15rem;}
.m-t-s {margin-top: 16px !important;}
.m-t-m {margin-top: 24px;}
.m-t {margin-top: 25px;}
.m-t-l {margin-top: 32px;}
.m-b-0 {margin-bottom: 0 !important;}
.m-r-s {margin-right: 16px !important;}
.m-r-sm {margin-right: 24px !important;}
.m-r-m {margin-right: 32px !important;}

/*内边距*/
.p-a-s {padding: 8px;}
.p-a-sm {padding: 16px;}
.p-b-lg {padding-bottom: 40px;}
.p-b-ml {padding-bottom: 32px;}
.p-b-m {padding-bottom: 24px;}
.p-b-sm {padding-bottom: 16px !important;}
.p-b-s {padding-bottom: 8px !important;}
.p-b-xs {padding-bottom: 4px !important;}
.p-b-0 {padding-bottom: 0 !important;}
.p-t-0 {padding-top: 0 !important;}
.p-t-s {padding-top: 16px;}
.p-t-m {padding-top: 24px;}
.p-r-s {padding-right: 8px;}
.p-r-sm {padding-right: 12px;}
.p-l-s {padding-left: 8px;}
.p-l-sm {padding-left: 12px;}
.p-l-0 {padding-left: 0 !important;}
.p-r-0 {padding-right: 0 !important;}
.p-a-0 {padding: 0 !important;}

/*边框*/
.b-t {border-top: 1px solid #eee;}
.b-r {border-right: 1px solid #eee;}
.b-b {border-bottom: 1px solid #eee;}
.b-l {border-left: 1px solid #eee;}
.b-a {border: 1px solid #eee;}
.b-b-d {border-bottom: 1px dashed #eee;}
.b-a-c {border: 1px solid #ccc;}
.b-r-c {border-right: 1px solid #ccc;}
.b-t-0 {border-top: 0 !important;}
.b-b-0 {border-bottom: 0 !important;}


/*字体颜色*/
.text-red {color: red !important;}
.text-dark-red {color: #cf0000 !important;;}
.text-pink { color: rgb(255,111,110) !important;}
.text-green, .text-green:hover {color: #3c9a39 !important;}
.text-gray {color: #ccc;}
.text-ashy {color: #444!important;}
.text-light-gray {color: #999 !important;} /*选项卡未选中字体颜色*/
.text-white {color: #fff !important;}
.text-yellow {color: #f8c301;}
.text-blue, .text-blue:hover {color: #2353a5; !important;}
.text-english-yellow {color: #f8bb01;}  /*首页banner小英文字体*/
.text-black-green{color: #557b89;}
.text-hui {color: #797878;} /*新闻摘要字体颜色*/
.text-date {color: #7d7d7d;}/*新闻时间字体颜色*/
.text-black-yellow{color: #ebb807;}/*联系我们选中时的字体颜色*/
.text-footer {color: #555555;} /*footer字体颜色*/

    /*背景色*/
.bg-green {background-color: #3c9a39;color: #fff;}
.bg-dark-green {background-color: #01913a;color: #fff;}
.bg-prasinous {background-color: #b6d32b;color: #fff;}
.bg-orange {background-color: #ffab00;color: #fff;}
.bg-light-white {background-color: #f8f8f8;}
.bg-yellow {background-color: #ccb150;}
.bg-light-yellow {background-color: #f8c301;}
.bg-yellowish-brown {background-color: rgba(136, 107, 1, .8);}
.bg-tr-black {background-color: rgba(0, 0, 0, .35);}
/*.bg-green {background-color: #03a5bd;}*/
.bg-green-blue {background-color: rgba(8, 77, 103, .8);}
.bg-tr-white {background-color: rgba(255,255,255,.5);}
.bg-blue {background-color: rgb(3,165,188);}
.bg-gray-white {background-color: #eee;}

/*背景图*/
.icon-search-gray {
    background: url("../images/icons/icon_search_gray.png") no-repeat center center;
}

/*按钮*/
.btn-green,
.btn-green:hover,
.btn-green:focus,
.btn-green:active
{background-color: #009a44;color: #fff;outline: 0;}
.btn-blue,
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active
{background-color: #2353a5;color: #fff;outline: 0;}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
/*在firefox下移除input[number]的上下箭头*/
.regis_box input[type="number"]{-moz-appearance:textfield;}
.toast {
    position: fixed;
    display: flex;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
    background-color: rgba(62, 60, 60, .9);
    opacity: 1;
    color: #fff;
    min-width: 180px;
    max-width: 350px;
    text-align: center;
    padding: 12px;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    transition: opacity .3s,transform .4s;
}