
/*for upload form tpl*/
.layui-upload-img {
    width: 92px;
    height: 92px;
    margin: 0 10px 10px 0;
}
.weui-uploader__file {
    float: left;
    width: 92px;
    height: 92px;
    margin: 0 10px 10px 0;
    background: no-repeat center center;
    background-size: cover;
}



/*配色方案*/
.kylin-bg-1 {background-color: #EEF3F9;}
.kylin-bg-2 {background-color: #C8DDEE;}
.kylin-bg-3 {background-color: #88B7C9;}
.kylin-bg-4 {background-color: #51658A;}
.kylin-bg-5 {background-color: #8B7991;}
.kylin-bg-6 {background-color: #DFBDC7;}
.kylin-bg-7 {background-color: #17a2b8; }

.kylin-f-1 {color: #EEF3F9 !important; }
.kylin-f-2 {color: #C8DDEE !important; }
.kylin-f-3 {color: #88B7C9 !important; }
.kylin-f-4 {color: #51658A !important; }
.kylin-f-5 {color: #8B7991 !important; }
.kylin-f-6 {color: #DFBDC7 !important; }
.kylin-f-7 {color: #17a2b8 !important; }


.kylin-bg-101 {background-color: #007bff !important; }
.kylin-bg-102 {background-color: #6610f2 !important; }
.kylin-bg-103 {background-color: #6f42c1 !important; }
.kylin-bg-104 {background-color: #e83e8c !important; }
.kylin-bg-105 {background-color: #fd7e14 !important; }
.kylin-bg-106 {background-color: #ffc107 !important; }
.kylin-bg-107 {background-color: #28a745 !important; }
.kylin-bg-108 {background-color: #20c997 !important; }
.kylin-bg-109 {background-color: #6c757d !important; }
.kylin-bg-110 {background-color: #343a40 !important; }
.kylin-bg-111 {background-color: #6c757d !important; }
.kylin-bg-112 {background-color: #dc3545 !important; }
.kylin-bg-113 {background-color: #f8f9fa !important; }

.kylin-f-101 {color: #007bff !important; }
.kylin-f-102 {color: #6610f2 !important; }
.kylin-f-103 {color: #6f42c1 !important; }
.kylin-f-104 {color: #e83e8c !important; }
.kylin-f-105 {color: #fd7e14 !important; }
.kylin-f-106 {color: #ffc107 !important; }
.kylin-f-107 {color: #28a745 !important; }
.kylin-f-108 {color: #20c997 !important; }
.kylin-f-109 {color: #6c757d !important; }
.kylin-f-110 {color: #343a40 !important; }
.kylin-f-111 {color: #6c757d !important; }
.kylin-f-112 {color: #dc3545 !important; }
.kylin-f-113 {color: #f8f9fa !important; }


.kylin-noboard {
    board:0;
}

.kylin-board-radius {
    border: 1px solid #EEF3F9;
    border-radius: 6px;
}
.kylin-radius {border-radius: 5px;}
.kylin-radius5 {border-radius: 5px;}
.kylin-radius10 {border-radius: 10px;}
.kylin-radius15 {border-radius: 15px;}
.kylin-radius20 {border-radius: 20px;}

@font-face {
    font-family: price-font;
    src: url('../font/font-price.ttf');
}

.kylin-price{
    font-family: price-font
}

.kylin-num {
    font-family: price-font;
}

.kylin-letter-spacing2 {
    letter-spacing:2px;
}

.kylin-letter-spacing5 {
    letter-spacing:5px;
}


/** kylin title **/
.kylin-title {
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.kylin-title-row1 {
    -webkit-line-clamp: 1;
}
.kylin-title-row2 {
    -webkit-line-clamp: 2;
}
.kylin-title-row3 {
    -webkit-line-clamp: 2;
}

.kylin-image-square {
    width: 100%;
    height:0;padding-bottom:100%;
    overflow: hidden;
}


.v-left{
    display:flex;
}


.h-bothside {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/*垂直居中*/
.kl-h-center {
    align-items: center;
    justify-content: space-between;
}