@font-face {font-family: "iconfont";src: url('../fonts/iconfont.ttf') }
@font-face { font-family: "DS-DIGIB-2";src: url('../fonts/DS-DIGIB-2.ttf') }


:root{
	--color: #007aff;
    --bg-color:#399bff;
    --border-color:#399bff;
}


body{
	height: 100%;
	overflow-x: hidden; 
	overflow-y: visible;
	font-size: 16px;
	font-family: "Microsoft Yahei", Arial, sans-serif;
    background-color: #f5f5f5;
}

a{
	text-decoration: none;
}
ul{
	list-style: none;
	margin: 0;
}

.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width: 100%;}

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths{position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; text-align: center;}
@media ( min-width : 411px){.col-xs-5ths{width: 20%; float: left;}}
@media ( min-width : 768px){.col-sm-5ths{width: 20%; float: left;}}
@media ( min-width : 992px){.col-md-5ths{width: 20%; float: left;}}
@media ( min-width : 1200px){.col-lg-5ths{width: 20%; float: left;}}

/* --- footer -------------------------------- */
#footer{
	background-color: #1492FF;
	color: rgba(255, 255, 255, 0.9);
	
}
#footer a{
	color: #fff;
}

@media (min-width: 1366px) {
    .container {
        width: 1280px;
    }
}

@media (min-width: 1500px) {
    .container {
        width: 1440px;
    }
}
/* --- flex布局 -------------------------------- */
.flex           { display: flex;                    }
.basis-xs       { flex-basis: 20%;                  }
.basis-sm       { flex-basis: 40%;                  }
.basis-df       { flex-basis: 50%;                  }
.basis-lg       { flex-basis: 60%;                  }
.basis-xl       { flex-basis: 80%;                  }
.flex-sub       { flex: 1;                          }
.flex-twice     { flex: 2;                          }
.flex-treble    { flex: 3;                          }
.flex-direction { flex-direction: column;           }
.flex-wrap      { flex-wrap: wrap;                  }
.align-start    { align-items: flex-start;          }
.align-end      { align-items: flex-end;            }
.align-center   { align-items: center;              }
.align-stretch  { align-items: stretch;             }
.self-start     { align-self: flex-start;           }
.self-center    { align-self: center;               }
.self-end       { align-self: flex-end;             }
.self-stretch   { align-self: stretch;              }
.justify-start  { justify-content: flex-start;      }
.justify-end    { justify-content: flex-end;        }
.justify-center { justify-content: center;          }
.justify-between{ justify-content: space-between;   }
.justify-around { justify-content: space-around;    }

/* --- 字体大小 -------------------------------- */
.font-10  { font-size: 10px;  }
.font-12  { font-size: 12px;  }
.font-14  { font-size: 14px;  }
.font-15  { font-size: 15px;  }
.font-16  { font-size: 16px;  }
.font-17  { font-size: 17px;  }
.font-18  { font-size: 18px;  }
.font-19  { font-size: 19px;  }
.font-20  { font-size: 20px;  }
.font-22  { font-size: 22px;  }
.font-24  { font-size: 24px;  }
.font-26  { font-size: 26px;  }
.font-28  { font-size: 28px;  }
.font-30  { font-size: 30px;  }
.font-35  { font-size: 35px;  }
.font-40  { font-size: 40px;  }
.font-50  { font-size: 50px;  }
.font-60  { font-size: 60px;  }
.font-70  { font-size: 70px;  }
.font-80  { font-size: 80px;  }
.font-90  { font-size: 90px;  }
.font-100 { font-size: 100px; }

/* --- 内间距与外间距 -------------------------- */
.padding-5          { padding: 5px  !important; }
.padding-10         { padding: 10px !important; }
.padding-15         { padding: 15px !important; }
.padding-20         { padding: 20px !important; }
.padding-25         { padding: 25px !important; }
.padding-30         { padding: 30px !important; }
.padding-35         { padding: 35px !important; }
.padding-40         { padding: 40px !important; }
.padding-45         { padding: 45px !important; }
.padding-50         { padding: 50px !important; }
.padding-top-5      { padding-top: 5px    !important; }
.padding-top-10     { padding-top: 10px   !important; }
.padding-top-15     { padding-top: 15px   !important; }
.padding-top-20     { padding-top: 20px   !important; }
.padding-top-25     { padding-top: 25px   !important; }
.padding-top-30     { padding-top: 30px   !important; }
.padding-top-35     { padding-top: 35px   !important; }
.padding-top-40     { padding-top: 40px   !important; }
.padding-top-45     { padding-top: 45px   !important; }
.padding-top-50     { padding-top: 50px   !important; }
.padding-bottom-5   { padding-bottom: 5px   !important; }
.padding-bottom-10  { padding-bottom: 10px  !important; }
.padding-bottom-15  { padding-bottom: 15px  !important; }
.padding-bottom-20  { padding-bottom: 20px  !important; }
.padding-bottom-25  { padding-bottom: 25px  !important; }
.padding-bottom-30  { padding-bottom: 30px  !important; }
.padding-bottom-35  { padding-bottom: 35px  !important; }
.padding-bottom-40  { padding-bottom: 40px  !important; }
.padding-bottom-45  { padding-bottom: 45px  !important; }
.padding-bottom-50  { padding-bottom: 50px  !important; }
.padding-left-5     { padding-left: 5px   !important; }
.padding-left-10    { padding-left: 10px  !important; }
.padding-left-15    { padding-left: 15px  !important; }
.padding-left-20    { padding-left: 20px  !important; }
.padding-left-25    { padding-left: 25px  !important; }
.padding-left-30    { padding-left: 30px  !important; }
.padding-left-35    { padding-left: 35px  !important; }
.padding-left-40    { padding-left: 40px  !important; }
.padding-left-45    { padding-left: 45px  !important; }
.padding-left-50    { padding-left: 50px  !important; }
.padding-right-5    { padding-right: 5px  !important; }
.padding-right-10   { padding-right: 10px !important; }
.padding-right-15   { padding-right: 15px !important; }
.padding-right-20   { padding-right: 20px !important; }
.padding-right-25   { padding-right: 25px !important; }
.padding-right-30   { padding-right: 30px !important; }
.padding-right-35   { padding-right: 35px !important; }
.padding-right-40   { padding-right: 40px !important; }
.padding-right-45   { padding-right: 45px !important; }
.padding-right-50   { padding-right: 50px !important; }

/* margin */
.margin-5           { margin: 5px  !important; }
.margin-10          { margin: 10px !important; }
.margin-15          { margin: 15px !important; }
.margin-20          { margin: 20px !important; }
.margin-25          { margin: 25px !important; }
.margin-30          { margin: 30px !important; }
.margin-35          { margin: 35px !important; }
.margin-40          { margin: 40px !important; }
.margin-45          { margin: 45px !important; }
.margin-50          { margin: 50px !important; }
.margin-top-5       { margin-top: 5px    !important; }
.margin-top-10      { margin-top: 10px   !important; }
.margin-top-15      { margin-top: 15px   !important; }
.margin-top-20      { margin-top: 20px   !important; }
.margin-top-25      { margin-top: 25px   !important; }
.margin-top-30      { margin-top: 30px   !important; }
.margin-top-35      { margin-top: 35px   !important; }
.margin-top-40      { margin-top: 40px   !important; }
.margin-top-45      { margin-top: 45px   !important; }
.margin-top-50      { margin-top: 50px   !important; }
.margin-bottom-5    { margin-bottom: 5px   !important; }
.margin-bottom-10   { margin-bottom: 10px  !important; }
.margin-bottom-15   { margin-bottom: 15px  !important; }
.margin-bottom-20   { margin-bottom: 20px  !important; }
.margin-bottom-25   { margin-bottom: 25px  !important; }
.margin-bottom-30   { margin-bottom: 30px  !important; }
.margin-bottom-35   { margin-bottom: 35px  !important; }
.margin-bottom-40   { margin-bottom: 40px  !important; }
.margin-bottom-45   { margin-bottom: 45px  !important; }
.margin-bottom-50   { margin-bottom: 50px  !important; }
.margin-left-5      { margin-left: 5px   !important; }
.margin-left-10     { margin-left: 10px  !important; }
.margin-left-15     { margin-left: 15px  !important; }
.margin-left-20     { margin-left: 20px  !important; }
.margin-left-25     { margin-left: 25px  !important; }
.margin-left-30     { margin-left: 30px  !important; }
.margin-left-35     { margin-left: 35px  !important; }
.margin-left-40     { margin-left: 40px  !important; }
.margin-left-45     { margin-left: 45px  !important; }
.margin-left-50     { margin-left: 50px  !important; }
.margin-right-5     { margin-right: 5px  !important; }
.margin-right-10    { margin-right: 10px !important; }
.margin-right-15    { margin-right: 15px !important; }
.margin-right-20    { margin-right: 20px !important; }
.margin-right-25    { margin-right: 25px !important; }
.margin-right-30    { margin-right: 30px !important; }
.margin-right-35    { margin-right: 35px !important; }
.margin-right-40    { margin-right: 40px !important; }
.margin-right-45    { margin-right: 45px !important; }
.margin-right-50    { margin-right: 50px !important; }

/* 去除margin */
.no-margin         { margin: 0 !important; }
.no-margin-left    { margin-left: 0 !important; }
.no-margin-right   { margin-right: 0 !important; }
.no-margin-top     { margin-top: 0 !important; }
.no-margin-bottom  { margin-bottom: 0 !important; }

/* 去除padding */
.no-padding        { padding: 0 !important; }
.no-padding-left   { padding-left: 0 !important; }
.no-padding-right  { padding-right: 0 !important; }
.no-padding-top    { padding-top: 0 !important; }
.no-padding-bottom { padding-bottom: 0 !important; }

.margin-auto       { margin-left: auto !important; margin-right: auto !important; }

/* border */
.no-border         { border: 0 !important; }
.no-border-left    { border-left: 0 !important; }
.no-border-right   { border-right: 0 !important; }
.no-border-top     { border-top: 0 !important; }
.no-border-bottom  { border-bottom: 0 !important; }

.border-radius     { border-radius: 3px; background-clip: padding-box; }
.no-border-radius  { border-radius: 0; }
.border-solid      { border-width: 1px; border-style: solid; }
.border-dashed     { border-width: 1px; border-style: dashed; }

.border-color-success { border-color: #53a93f !important; }
.border-color-primary { border-color: #427fed !important; }
.border-color-warning { border-color: #f4b400 !important; }
.border-color-danger  { border-color: #d73d32 !important; }
.border-color-orange  { border-color: #fb6e52 !important; }
.border-color-white   { border-color: white !important; }
.border-color-gray    { border-color: gray !important; }
.border-color-pink    { border-color: #e75b8d !important; }

/* 字体颜色 */
.text-danger   { color: #d73d32 !important; }
.text-warning  { color: #f4b400 !important; }
.text-primary  { color: #427fed !important; }
.text-success  { color: #53a93f !important; }
.text-info     { color: #57b5e3 !important; }
.text-pink     { color: #e75b8d !important; }
.text-orange   { color: #fb6e52 !important; }
.text-black    { color: black !important; }
.text-white    { color: white !important; }
.text-red      { color: red !important; }
.text-gray     { color: gray !important; }
.text-silver   { color: silver !important; }

a.text-info:hover { color: #0088cc !important; }

/* 背景颜色 */
.no-bg-color    { background-color: transparent !important; }
.bg-white       { background-color: #fff !important; }
.bg-snow        { background-color: #fbfbfb !important; }
.bg-f5          { background-color: #f5f5f5 !important; }
.bg-f3          { background-color: #f3f3f3 !important; }
.bg-eee         { background-color: #eee !important; }
.bg-ccc         { background-color: #ccc !important; }
.bg-ddd         { background-color: #ddd !important; }
.bg-999         { background-color: #999 !important; }
.bg-777         { background-color: #777 !important; }
.bg-666         { background-color: #666 !important; }
.bg-555         { background-color: #555 !important; }
.bg-444         { background-color: #444 !important; }
.bg-333         { background-color: #333 !important; }
.bg-gray        { background-color: gray !important; }
.bg-blue        { background-color: #5db2ff !important; }
.bg-info        { background-color: #57b5e3 !important; }
.bg-sky         { background-color: #11a9cc !important; }
.bg-primary     { background-color: #4374e0 !important; }
.bg-success     { background-color: #53a93f !important; }
.bg-green       { background-color: #8cc474 !important; }
.bg-yellow      { background-color: #ffce55 !important; }
.bg-warning     { background-color: #f4b400 !important; }
.bg-gold        { background-color: #f9b256 !important; }
.bg-orange      { background-color: #fb6e52 !important; }
.bg-lightred    { background-color: #e46f61 !important; }
.bg-darkorange  { background-color: #ed4e2a !important; }
.bg-red         { background-color: #df5138 !important; }
.bg-danger      { background-color: #d73d32 !important; }
.bg-pink        { background-color: #e75b8d !important; }
.bg-darkpink    { background-color: #cc324b !important; }
.bg-magenta     { background-color: #bc5679 !important; }
.bg-purple      { background-color: #7e3794 !important; }
.bg-maroon      { background-color: #981b48 !important; }