/*@font-face {*/
/*    font-family: "DINCond-Bold";*/
/*    src: url("../font/DINCond-Bold.otf");*/
/*}*/

/*@font-face {*/
/*    font-family: "SourceHanSansCN-Regular";*/
/*    src: url("../font/SourceHanSansCN-Regular.otf");*/
/*}*/

/* 默认有边距，都要清除 */
* {
    margin: 0;
    padding: 0;
}
html{
    font-size: 16px;
    /*--primary-color: #20a8cb;*/
    /*--primary-he-color: #1a9fc2;*/
    --primary-color: #1d7ec3;
    --primary-he-color: #2193e2;
}
img{max-width: 100%!important;}
body {
    /*background: #ffffff;*/
    background: #f5f5f5;
    /*font-family: "DINCond-Bold","SourceHanSansCN-Regular", serif;*/
    /*font-family: "SourceHanSansCN-Regular", serif;*/
}


div, a, p {
    font-size: 14px;
    color: #666666;
}

input, img {
    width: 100%;
    border: 0 none;
    outline-style: none;
    vertical-align: middle;
}

.tab-content>.tab-pane img{}

a:hover,
a:hover .color-main,
a:hover .color-content,
a:hover .color-tips
{
    text-decoration: none;
    color: #333;
}
a.color-primary:hover
{
    text-decoration: none;
    color: var(--primary-he-color);
}

form button:focus{
    box-shadow: none;
}

/*pointer*/
.pointer, .cursor-pointer {
    cursor: pointer;
}

/*pre-line*/
.pre-line{
    white-space: pre-line;
}

/*container*/
.container-xl{
    max-width: 1470px !important;
}
.container {
    max-width: 1470px !important;
}


/*badge-primary*/

/*bg*/
.bg-page{
    background: #f3f3f3;
}
.bg-primary{
    background: var(--primary-color)!important;
}
.bg-primary-he{
    background: var(--primary-he-color);
}
.bg-eee{
    background: #eeeeee;
}
.bg-th{
    background: #f7f7f7;
}

/*radius*/
.radius-base{
    border-radius: 12px;
}
.radius-base-2{
    border-radius: 18px;
}
.radius-big{
    border-radius: 30px;
}

.border, .border-top, .border-right, .border-bottom, .border-left{
    border-color: #dddddd!important;
}


/*btn-primary*/
.btn-primary{
    transition: all 0.3s;
    background: var(--primary-color);
    border-color: transparent!important;
}
.btn-outline-secondary, .btn-outline-secondary:visited, .btn-outline-secondary:focus{
    border-color: #E0E0E0;
    color: #666666;
    box-shadow: none;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-outline-secondary:hover{
    background: var(--primary-he-color);
    border-color: transparent!important;
    color: #ffffff!important;
    box-shadow: none;
}
.btn-primary.btn:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.btn-light:focus
{
    box-shadow: none;
}

.btn-outline-primary{
    color: var(--primary-color);
    border-color: var(--primary-color)!important;
}
.btn-outline-primary:hover{
    background: var(--primary-color);
}

.btn-outline-danger{
    color: #ed0505;
    border-color: #ed0505;
}

/*color*/
.color-primary{
    color: var(--primary-color);
}
.color-primary-he{
    color: var(--primary-he-color);
}
.color-red{
    color: #ed0505;
}
.color-main{
    color: #333333;
}
.color-content{
    color: #666666;
}
.color-tips{
    color: #999999;
}
.color-white-30{
    color: rgba(255, 255, 255, 0.3);
}
.color-white-50{
    color: rgba(255, 255, 255, 0.5);
}
.color-white-60{
    color: rgba(255, 255, 255, 0.6);
}
.color-white-70{
    color: rgba(255, 255, 255, 0.7);
}
.color-white-80{
    color: rgba(255, 255, 255, 0.8);
}

/*font-weight*/
.font-weight-500{
    font-weight: 500;
}
.font-weight-600{
    font-weight: 600;
}

/*font-family*/
/*.font-family-song{*/
/*    font-family: '宋体';*/
/*}*/
/*.font-family-dincond{*/
/*    font-family: "DINCond-Bold";*/
/*}*/

/*text-indent-0*/
.text-indent-0{
    text-indent: 0!important;
}

.flex-1{
    flex: 1;
}


/*font-size-12 ……*/
.font-size-12{
    font-size: 12px;
}
.font-size-14{
    font-size: 14px;
}
.font-size-16{
    font-size: 16px;
}
.font-size-18{
    font-size: 18px;
}
.font-size-20{
    font-size: 20px;
}
.font-size-22{
    font-size: 22px;
}
.font-size-24{
    font-size: 24px;
}
.font-size-26{
    font-size: 26px;
}

/*line-height*/
.line-height-h6{
    line-height: 1.4;
}
.line-height-h5{
    line-height: 1.6;
}
.line-height-h4{
    line-height: 1.8;
}
.line-height-h3{
    line-height: 2;
}
.line-height-h2{
    line-height: 2.4;
}

/*p-4d5*/
.p-4d5{
    padding: 2.0rem!important;
}
.py-4d5{
    padding-top: 2.0rem!important;
    padding-bottom: 2.0rem!important;
}
.px-4d5{
    padding-left: 2.0rem!important;
    padding-right: 2.0rem!important;
}
.pt-4d5{
    padding-top: 2.0rem!important;
}
.pr-4d5{
    padding-right: 2.0rem!important;
}
.pb-4d5{
    padding-bottom: 2.0rem!important;
}
.pl-4d5{
    padding-left: 2.0rem!important;
}

.page-padding-top{
    padding-top: 65px;
}
.page-padding-bottom{
    padding-bottom: 65px;
}

/*mb-4d5*/
.mb-4d5{
    margin-bottom: 2.0rem!important;
}

/*input::-webkit-outer-spin-button,*/
/*input::-webkit-inner-spin-button {*/
/*    -webkit-appearance: none;*/
/*}*/
/*input[type="number"] {*/
/*    -moz-appearance: textfield;*/
/*}*/

.ellipsis-1,
.ellipsis-2,
.ellipsis-3
{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.ellipsis-2{
    -webkit-line-clamp: 2;
}
.ellipsis-3{
    -webkit-line-clamp: 3;
}

.qui_single img{max-width: 100%;width: auto;height: auto!important;}

xm-select > .xm-label .xm-label-block{padding-right: 0!important;margin: 1px 2px 1px 0!important;}
xm-select > .xm-label .xm-label-block > i{margin-left: 4px!important;}