/* Write your styles */
/*----- Global style-全局 -----*/
a hr dl, dt, s, dd, ul, img, h1, h2, h3, h4, h5, h6, input, button, p, th, td {
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
}

a {
    text-decoration: none;
}

button, input, select {
    outline: none !important;
}

html, body {
    margin: 0;
    padding: 0;
    background-color: #f8f8f8;
    color: #333;
    font-size: 1rem;
    line-height: 1.55;
}

/*----- Scroll bar style-滚动条样式 -----*/
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #d9d9d9;
    -webkit-box-shadow: inset 0 0 3px #d9d9d9;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #b6b5b5;
    -webkit-box-shadow: inset 0 0 3px #b6b5b5;
}

/*----- The font size -----*/

.yxg-text-xs {
    font-size: 0.75rem
}

.yxg-text-xxs {
    font-size: 0.8125rem
}

.yxg-text-sm {
    font-size: 0.875rem
}

.yxg-text-ssm {
    font-size: 0.9375rem
}

.yxg-text-default {
    font-size: 1rem
}

.yxg-text-lg {
    font-size: 1.125rem
}

.yxg-text-lgg {
    font-size: 1.25rem
}

.yxg-text-xl {
    font-size: 1.375rem
}

.yxg-text-xll {
    font-size: 1.75rem
}

.yxg-text-lx {
    font-size: 2rem
}


/*----- margin-居中 -----*/
.yxg-margin-auto {
    margin: 0 auto;
}

/*----- 上下左右-划线 -----*/
.yxg-solid-border-top {
    border-top: 1px solid #d9d9d9;
}

.yxg-solid-border-right {
    border-right: 1px solid #d9d9d9;
}

.yxg-solid-border-bottom {
    border-bottom: 1px solid #d9d9d9;
}

.yxg-solid-border-left {
    border-left: 1px solid #d9d9d9;
}

.yxg-solid-border {
    border: 1px solid #d9d9d9;
}

/*----- 两端对齐 -----*/
.text-align-justify {
    text-align: justify;
}

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

/*----- 圆形 -----*/
.border-radius {
    border-radius: 50%;
}

/*  元素垂直居中 */
.flex-center {
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
}

.yxg-text-middle {
    vertical-align: middle !important;
}

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

/* 垂直居中 */
.yxg-flex-center {
    display: -webkit-flex; /* Safari */
    -webkit-align-items: flex-start; /* Safari 7.0+ */
    display: flex;
    align-items: flex-start;
}

.yxg-flex-center div {
    -webkit-flex: 1; /* Safari 6.1+ */
    flex: 1;
}

.yxg-align-self-center {
    -webkit-align-self: center; /* Safari 7.0+ */
    align-self: center;
}

/* 转行内元素 */
.display-inline {
    display: inline;
}

/* 单行文字截取 */
.yxg-text-truncate1 {
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* 单行文字截取 */
.yxg-text-truncate2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 阴影 */
.yxg-shadow-xs {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .05) !important;
}

.yxg-shadow-sm {
    box-shadow: 0 .3rem .5rem rgba(0, 0, 0, .075) !important;
}

.yxg-shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.yxg-shadow-lg {
    box-shadow: 0 .75rem 2rem rgba(0, 0, 0, .175) !important;
}

.yxg-shadow-xl {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .2) !important;
}

.yxg-shadow-none {
    box-shadow: none !important;
}

/* 宽度 */
.w-100 {
    width: 100% !important;
}

.w-95 {
    width: 95% !important;
}

.w-90 {
    width: 90% !important;
}

.w-85 {
    width: 85% !important;
}

.w-80 {
    width: 80% !important;
}

.w-75 {
    width: 75% !important;
}

.w-70 {
    width: 70% !important;
}

.w-65 {
    width: 65% !important;
}

.w-60 {
    width: 60% !important;
}

.w-55 {
    width: 55% !important;
}

.w-50 {
    width: 50% !important;
}

.w-45 {
    width: 45% !important;
}

.w-40 {
    width: 40% !important;
}

.w-35 {
    width: 35% !important;
}

.w-30 {
    width: 30% !important;
}

.w-25 {
    width: 25% !important;
}

.w-20 {
    width: 20% !important;
}

/* 颜色 */
/*----- one-two-three-four-five-six-seven-eight-nine-ten -----*/
/*----- 白色one -----*/
.yxg-bg-white {
    background-color: #fff;
}

.yxg-text-white {
    color: #fff;
}

/*----- 灰色one -----*/
.yxg-bg-grey {
    background-color: #ebebeb;
}

.yxg-text-grey {
    color: #999;
}

/*----- 绿色one -----*/
.yxg-bg-green {
    background-color: #09bb07;
}

.yxg-text-green {
    color: #09bb07;
}

/*----- 蓝色one -----*/
.yxg-bg-blue {
    background-color: #10aeff;
}

.yxg-text-blue {
    color: #10aeff;
}

/*----- 红色one -----*/
.yxg-bg-red {
    background-color: #f76260;
}

.yxg-text-red {
    color: #f76260;
}

/*----- 黄色one -----*/
.yxg-bg-yellow {
    background-color: #ffbe00;
}

.yxg-text-yellow {
    color: #ffbe00;
}

.yxg-bg-blue-two {
    background-color: #6177fa;
}

.yxg-text-blue-two {
    color: #6177fa !important;
}


.yxg-bg-yellow-two {
    background-color: #D1A765;
}

.yxg-text-yellow-two {
    color: #D1A765;
}

/* 默认按钮 */
.yxg-btn {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #17a6dd;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

/* 大型按钮 */
.yxg-btn-lg {
    height: 44px;
    line-height: 44px;
    padding: 0 25px;
    font-size: 1rem;
}

/* 小型按钮 */
.yxg-btn-sm {
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    font-size: 0.875rem;
}

/* 迷你型按钮 */
.yxg-btn-xs {
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    font-size: 0.75rem;
}

/* 圆角按钮 */
.yxg-btn-radius {
    border-radius: 100px;
}

.yxg-btn-radius-5 {
    border-radius: 5px;
}

/* 按钮颜色 */
.yxg-btn-green {
    background-color: #4bc779;
}

.yxg-btn-green:hover {
    opacity: .8;
}

.yxg-btn-green:active {
    opacity: 1;
}

/*----- 栅格-去掉边距 -----*/
.row {
    margin-right: 0;
    margin-left: 0;
}

/*.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0;
    padding-left: 0;
}*/

/* 删栏格 */
.yxg-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.yxg-xs-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.yxg-xs-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.yxg-xs-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.yxg-xs-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.yxg-xs-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.yxg-xs-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.yxg-xs-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.yxg-xs-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.yxg-xs-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.yxg-xs-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.yxg-xs-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.yxg-xs-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

/*----- 内外边距 -----*/
.yxg-margin {
    margin: 0.9375rem;
}

.yxg-margin-0 {
    margin: 0 !important;
}

.yxg-margin-xs {
    margin: 0.3125rem;
}

.yxg-margin-sm {
    margin: 0.625rem;
}

.yxg-margin-lg {
    margin: 1.25rem;
}

.yxg-margin-xl {
    margin: 1.5625rem;
}

.yxg-margin-xxl {
    margin: 1.875rem;
}

.yxg-margin-horizontal {
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
}

.yxg-margin-horizontal-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.yxg-margin-horizontal-xs {
    margin-left: 0.3125rem;
    margin-right: 0.3125rem;
}

.yxg-margin-horizontal-sm {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
}

.yxg-margin-horizontal-lg {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}

.yxg-margin-horizontal-xl {
    margin-left: 1.5625rem;
    margin-right: 1.5625rem;
}

.yxg-margin-horizontal-xxl {
    margin-left: 1.875rem;
    margin-right: 1.875rem;
}

.yxg-margin-vertical {
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
}

.yxg-margin-vertical-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.yxg-margin-vertical-xs {
    margin-top: 0.3125rem;
    margin-bottom: 0.3125rem;
}

.yxg-margin-vertical-sm {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}

.yxg-margin-vertical-lg {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.yxg-margin-vertical-xl {
    margin-top: 1.5625rem;
    margin-bottom: 1.5625rem;
}

.yxg-margin-vertical-xxl {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
}

.yxg-margin-top {
    margin-top: 0.9375rem;
}

.yxg-margin-top-0 {
    margin-top: 0 !important;
}

.yxg-margin-top-xs {
    margin-top: 0.3125rem;
}

.yxg-margin-top-sm {
    margin-top: 0.625rem;
}

.yxg-margin-top-lg {
    margin-top: 1.25rem;
}

.yxg-margin-top-xl {
    margin-top: 1.5625rem;
}

.yxg-margin-top-xxl {
    margin-top: 1.875rem;
}

.yxg-margin-bottom {
    margin-bottom: 0.9375rem;
}

.yxg-margin-bottom-0 {
    margin-bottom: 0 !important;
}

.yxg-margin-bottom-xs {
    margin-bottom: 0.3125rem;
}

.yxg-margin-bottom-sm {
    margin-bottom: 0.625rem;
}

.yxg-margin-bottom-lg {
    margin-bottom: 1.25rem;
}

.yxg-margin-bottom-xl {
    margin-bottom: 1.5625rem;
}

.yxg-margin-bottom-xxl {
    margin-bottom: 1.875rem;
}

.yxg-margin-left {
    margin-left: 0.9375rem;
}

.yxg-margin-left-0 {
    margin-left: 0 !important;
}

.yxg-margin-left-xs {
    margin-left: 0.3125rem;
}

.yxg-margin-left-sm {
    margin-left: 0.625rem;
}

.yxg-margin-left-lg {
    margin-left: 1.25rem;
}

.yxg-margin-left-xl {
    margin-left: 1.5625rem;
}

.yxg-margin-left-xxl {
    margin-left: 1.875rem;
}

.yxg-margin-right {
    margin-right: 0.9375rem;
}

.yxg-margin-right-0 {
    margin-right: 0 !important;
}

.yxg-margin-right-xs {
    margin-right: 0.3125rem;
}

.yxg-margin-right-sm {
    margin-right: 0.625rem;
}

.yxg-margin-right-lg {
    margin-right: 1.25rem;
}

.yxg-margin-right-xl {
    margin-right: 1.5625rem;
}

.yxg-margin-right-xxl {
    margin-right: 1.875rem;
}

.yxg-padding {
    padding: 0.9375rem;
}

.yxg-padding-0 {
    padding: 0 !important;
}

.yxg-padding-xs {
    padding: 0.3125rem;
}

.yxg-padding-sm {
    padding: 0.625rem;
}

.yxg-padding-lg {
    padding: 1.25rem;
}

.yxg-padding-xl {
    padding: 1.5625rem;
}

.yxg-padding-xxl {
    padding: 1.875rem;
}

.yxg-padding-horizontal {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

.yxg-padding-horizontal-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.yxg-padding-horizontal-xs {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
}

.yxg-padding-horizontal-sm {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.yxg-padding-horizontal-lg {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.yxg-padding-horizontal-xl {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
}

.yxg-padding-horizontal-xxl {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}

.yxg-padding-vertical {
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
}

.yxg-padding-vertical-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.yxg-padding-vertical-xs {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
}

.yxg-padding-vertical-sm {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.yxg-padding-vertical-lg {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.yxg-padding-vertical-xl {
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
}

.yxg-padding-vertical-xxl {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
}

.yxg-padding-top {
    padding-top: 0.9375rem;
}

.yxg-padding-top-0 {
    padding-top: 0 !important;
}

.yxg-padding-top-xs {
    padding-top: 0.3125rem;
}

.yxg-padding-top-sm {
    padding-top: 0.625rem;
}

.yxg-padding-top-lg {
    padding-top: 1.25rem;
}

.yxg-padding-top-xl {
    padding-top: 1.5625rem;
}

.yxg-padding-top-xxl {
    padding-top: 1.875rem;
}

.yxg-padding-bottom {
    padding-bottom: 0.9375rem;
}

.yxg-padding-bottom-0 {
    padding-bottom: 0 !important;
}

.yxg-padding-bottom-xs {
    padding-bottom: 0.3125rem;
}

.yxg-padding-bottom-sm {
    padding-bottom: 0.625rem;
}

.yxg-padding-bottom-lg {
    padding-bottom: 1.25rem;
}

.yxg-padding-bottom-xl {
    padding-bottom: 1.5625rem;
}

.yxg-padding-bottom-xxl {
    padding-bottom: 1.875rem;
}

.yxg-padding-left {
    padding-left: 0.9375rem;
}

.yxg-padding-left-0 {
    padding-left: 0 !important;
}

.yxg-padding-left-xs {
    padding-left: 0.3125rem;
}

.yxg-padding-left-sm {
    padding-left: 0.625rem;
}

.yxg-padding-left-lg {
    padding-left: 1.25rem;
}

.yxg-padding-left-xl {
    padding-left: 1.5625rem;
}

.yxg-padding-left-xxl {
    padding-left: 1.875rem;
}

.yxg-padding-right {
    padding-right: 0.9375rem;
}

.yxg-padding-right-0 {
    padding-right: 0 !important;
}

.yxg-padding-right-xs {
    padding-right: 0.3125rem;
}

.yxg-padding-right-sm {
    padding-right: 0.625rem;
}

.yxg-padding-right-lg {
    padding-right: 1.25rem;
}

.yxg-padding-right-xl {
    padding-right: 1.5625rem;
}

.yxg-padding-right-xxl {
    padding-right: 1.875rem;
}

/*----- /Global style-全局 -----*/