/*定义全局字体*/
body {
    /*font-family: tahoma, arial, "CNRegular", "Hiragino Sans GB", "Microsoft YaHei UI", "SimHei", \5b8b\4f53, sans-serif;*/
    font-size: 12px;
    color: #333;
}

.text-normal {
    font-size: 14px;
    color: #333;
}

.text-left{
    text-align: left !important;
}

.items-none {
    text-align: center !important;
    color: gray;
    height: 200px;
}

.item-img {
    margin-right: 0px !important;
}

/*靠左距离*/
.ml5 {
    margin-left: 5px !important;
}

.ml7 {
    margin-left: 7px !important;
}
.ml10 {
    margin-left: 10px !important;
}
.cf01{
    color: red;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}
.ml30 {
    margin-left: 30px !important;
}

/*靠左距离 END*/

/*靠右距离*/
.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

/*靠右距离 END*/

/*靠上距离*/
.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt40 {
    margin-top: 40px !important;
}

/*靠上距离 END*/

/*靠下距离*/
.mb5 {
    margin-bottom: 5px !important;
}

.mb3 {
    margin-bottom: 3px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}
/*靠下距离 END*/

/*颜色值*/
.color666 {
    color: #666666;
}

.colorRed {
    color: #E8351F;
}

.color333 {
    color: #333333;
}

.color999 {
    color: #999999;
}

.colorbbb {
    color: #bbbbbb;
}

.color-gray {
    color: gray;
}

.coloreee {
    color: #eeeeee;
}

/*变细 */
.font-no {
    font-weight: normal!important;
}

/*加粗 */
.font-yes {
    font-weight: bold;
}

.f12 {
    font-size: 12px;
}

/*悬浮变小手*/
.hover-pointer {
    cursor: pointer !important;
}

/*悬浮变小手*/
.hover-pointer {
    cursor: pointer;
}

.sui-btn.btn-bordered {
    background-color: transparent;
    border: 1px solid #8c8c8c;
    color: #666666;
    border-radius: 5px;
}
.sui-btn.btn-large {
    border-radius: 5px;
}

/*flex排列兼容*/
.flex{
    display: flex;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -webkit-flex;     /* NEW - Chrome */
}

.sui-modal{
    border: 2px solid rgba(178,178,178,0.3);
}
/*a:hover{*/
/*    text-decoration:none;*/
/*    font-weight:bold;*/
/*}*/

/*a > span:hover{*/
/*    text-decoration:none;*/
/*    font-weight:bold;*/
/*}*/
/*防闪烁，使用时在需要防闪的标签添加v-cloak即可*/
[v-cloak] {
    display: none!important;
}

/*滑动开关*/
.checke {
    position: relative;
    -webkit-appearance: none;
    width: 30px !important;
    height: 15px;
    line-height: 15px;
    background: #cccccc;
    border-radius: 30px;
    outline: none !important;
}

.checke:before {
    position: absolute;
    left: 0;
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0px 0px 5px #ddd;
    transition: all 0.2s linear;
}

.checke:checked {
    width: 30px;
    background: #2C87F1;
}

.checke:checked:before {
    left: 15px;
    transition: all 0.2s linear;
}

/*通知样式*/
.decrypt-quota{
    background-color: #FEFAEC;
    background-image: url(../../images/msg-tips.png);
    background-repeat: no-repeat;
    padding: 8px 10px 8px 40px;
    border: 1px solid #FFCF8F;
    font-size: 12px;
    color: #F99856;
    border-radius: 4px;
}
.decrypt-quota a{
    color: #409EFF;
}
.decrypt-quota i {
    font-weight: 600;
}