.relative{position: relative!important;}
.absolute{position: absolute!important;}


.margin-left-0{margin-left:0!important;}
.margin-right-0{margin-right:0!important;}
.margin-right-xxs {margin-right:3px!important;}
.margin-right-xs {margin-right:5px!important;}
.margin-right-sm {margin-right:10px!important;}
.margin-right {margin-right:15px!important;}
.margin-right-lg{margin-right:20px!important;}
.margin-right-xl{margin-right:25px!important;}
.margin-right-xxl{margin-right:30px!important;}
.margin-right-xxxl{margin-right:40px!important;}
.margin-right-xxxxl{margin-right:50px!important;}
.margin-right-sl {margin-right:60px!important;}
.margin-right-ssl {margin-right:70px!important;}
.margin-right-sssl {margin-right:80px!important;}

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

/*
.padding-top-xxs{padding-top:5px!important;}
.padding-top-xs{padding-top:10px!important;}
.padding-top-sm{padding-top:15px!important;}
.padding-top{padding-top:20px!important;}
*/

.margin-top-0{margin-top: 0!important;}
.margin-top-xxs {margin-top:3px!important;}
.margin-top-xs {margin-top:5px!important;}
.margin-top-sm {margin-top:10px!important;}
.margin-top{margin-top: 15px!important;}
.margin-top-lg {margin-top:20px!important;}
.margin-top-xl {margin-top:25px!important;}
.margin-top-xxl {margin-top:30px!important;}
.margin-top-xxxl {margin-top:40px!important;}
.margin-top-xxxxl {margin-top:50px!important;}
/*.margin-top-sl {margin-top:60px!important;}
.margin-top-ssl {margin-top:70px!important;}
.margin-top-sssl {margin-top:80px!important;}*/

.margin-top-xxxxl {margin-top:50px!important;}
.margin-top-xxxxxl {margin-top:50px!important;}
.margin-top-xxxxxxl {margin-top:60px!important;}
.margin-top-xxxxxxxl {margin-top:70px!important;}
.margin-top-xxxxxxxxl {margin-top:80px!important;}
.margin-top-xxxxxxxxxl {margin-top:90px!important;}
.margin-top-xxxxxxxxxxl {margin-top:100px!important;}


.margin-bottom-0 {margin-bottom:0!important;}
.margin-bottom-xxs {margin-bottom:3px!important;}
.margin-bottom-xs {margin-bottom:5px;}
.margin-bottom-sm {margin-bottom:10px!important;}
.margin-bottom{margin-bottom: 15px!important;}
.margin-bottom-lg {margin-bottom:20px!important;}
.margin-bottom-xl {margin-bottom:25px!important;}
.margin-bottom-xxl {margin-bottom:30px!important;}
.margin-bottom-xxxl {margin-bottom:40px!important;}
.margin-bottom-xxxxl {margin-bottom:50px!important;}
.margin-bottom-sl {margin-bottom:60px!important;}
.margin-bottom-ssl {margin-bottom:70px!important;}
.margin-bottom-sssl {margin-bottom:80px!important;}

.margin-left-dot-5 {margin-left:0.5px!important;}
.margin-left-xxs {margin-left:5px!important;}
.margin-left-xs {margin-left:5px!important;}
.margin-left-sm {margin-left:10px!important;}
.margin-left{margin-left: 15px!important;}
.margin-left-lg {margin-left:20px!important;}
.margin-left-xl {margin-left:25px!important;}
.margin-left-xxl {margin-left:30px!important;}
.margin-left-xxxl {margin-left:40px!important;}
.margin-left-xxxxl {margin-left:50px!important;}
.margin-left-xxxxxl {margin-left:50px!important;}


.margin-lr-xs {margin-left:5px!important;margin-right:5px!important;}
.margin-lr-sm {margin-left:10px!important;margin-right:10px!important;}
.margin-lr {margin-left:15px!important;margin-right:15px!important;}
.margin-lr-lg {margin-left:20px!important;margin-right:20px!important;}
.margin-lr-xl {margin-left:25px!important;margin-right:25px!important;}
.margin-lr-xxl {margin-left:30px!important;margin-right:30px!important;}
.margin-lr-xxxl {margin-left:40px!important;margin-right:40px!important;}
.margin-lr-xxxxl {margin-left:50px!important;margin-right:50px!important;}
.margin-lr-xxxxxl {margin-left:5px!important;margin-right:5px!important;}

.padding-top-xs {padding-top:5px!important;}
.padding-top-sm {padding-top:10px!important;}
.padding-top{padding-top: 15px!important;}
.padding-top-lg {padding-top:20px!important;}
.padding-top-xl {padding-top:25px!important;}
.padding-top-xxl {padding-top:30px!important;}
.padding-top-xxxl {padding-top:35px!important;}
.padding-top-xxxxl {padding-top:40px!important;}


.padding-bottom-xs {padding-bottom:5px;}
.padding-bottom-sm {padding-bottom:10px;}
.padding-bottom{padding-bottom: 15px;}
.padding-bottom-lg {padding-bottom:20px;}
.padding-bottom-xl {padding-bottom:25px;}
.padding-bottom-xxl {padding-bottom:30px!important;}
.padding-bottom-xxxl {padding-bottom:40px!important;}
.padding-bottom-xxxxl {padding-bottom:50px;}

.padding-tb-xs {padding-top:5px!important;padding-bottom:5px!important;}
.padding-tb-xsm {padding-top:7px!important;padding-bottom:7px!important;}
.padding-tb-sm {padding-top:10px!important;padding-bottom:10px!important;}
.padding-tb{padding-top:15px!important;padding-bottom:15px!important;}
.padding-tb-lg{padding-top:20px!important;padding-bottom:20px!important;}
.padding-tb-xl {padding-top:25px!important;padding-bottom:25px!important;}
.padding-tb-xxl {padding-top:30px!important;padding-bottom:30px!important;}
.padding-tb-xxxl {padding-top:40px!important;padding-bottom:40px!important;}

.margin-tb-xs {margin-top:5px;margin-bottom:5px;}
.margin-tb-sm {margin-top:10px;margin-bottom:10px;}
.margin-tb{margin-top:15px;margin-bottom:15px;}
.margin-tb-lg{margin-top:20px;margin-bottom:20px;}
.margin-tb-xl {margin-top:25px;margin-bottom:25px;}
.margin-tb-xxl {margin-top:30px;margin-bottom:30px;}
.margin-tb-xxxl {margin-top:40px;margin-bottom:40px;}
.margin-tb-xxxxl {margin-top:50px!important;margin-bottom:50px!important;}
.margin-tb-sl {margin-top:60px!important;margin-bottom:60px!important;}
.margin-tb-ssl {margin-top:70px!important;margin-bottom:70px!important;}
.margin-tb-sssl {margin-top:80px!important;margin-bottom:80px!important;}



.padding-top-0{padding-top:0!important;}
.padding-left-xs {padding-left:5px!important;}
.padding-left-sm {padding-left:10px;}
.padding-left{padding-left:15px;}
.padding-left-lg{padding-left:20px;}
.padding-left-xl {padding-left:25px;}
.padding-left-xxl {padding-left:30px;}
.padding-left-xxxl {padding-left:40px;}
.padding-left-xxxxl {padding-left:50px;}

.padding-lr-xs {padding-left:5px!important;padding-right:5px!important;}
.padding-lr-sm {padding-left:10px!important;padding-right:10px!important;}
.padding-lr{padding-left:15px!important;padding-right:15px!important;}
.padding-lr-lg{padding-left:20px!important;padding-right:20px!important;}
.padding-lr-xl {padding-left:25px!important;padding-right:25px!important;}
.padding-lr-xxl {padding-left:30px!important;padding-right:30px!important;}
.padding-lr-xxxl {padding-left:40px!important;padding-right:40px!important;}
.padding-lr-xxxxl {padding-left:50px!important;padding-right:50px!important;}
.padding-lr-sl {padding-left:60px!important;padding-right:60px!important;}
.padding-lr-ssl {padding-left:70px!important;padding-right:70px!important;}
.padding-lr-sssl {padding-left:80px!important;padding-right:80px!important;}

.padding-right{padding-right:15px!important;}
.padding-right-lg{padding-right:20px!important;}
.padding-right-xl{padding-right:25px!important;}
.padding-right-xxl{padding-right:30px!important;}
.padding-right-xxxl{padding-right:40px!important;}
.padding-right-xxxxl{padding-right:50px!important;}


.padding-xs{padding:5px!important;}
.padding-sm{padding:10px!important;}
.padding{padding:15px!important;}
.padding-lg{padding:20px!important;}
.padding-xl{padding:25px!important;}
.padding-xxl{padding:30px!important;}
.padding-xxxl{padding:40px!important;}
.padding-xxxxl{padding:50px!important;}

.text-red{color:#e54d42!important;}
.text-orange{color:#f37b1d!important;}
.text-olive{color:#8dc63f!important;}
.text-green{color:#39b54a!important;}
.text-cyan{color:#1cbbb4!important;}
/*.text-blue{color:#0081ff!important;}*/
/*.text-blue{color:#416FB6!important;}
.text-blue{color:#416FB6!important;}*/
.text-blue{color:#155bd4!important;}
.text-blue-66b1ff{color:#66b1ff!important;}
.text-purple{color:#6739b6!important;}
.text-mauve{color:#9c26b0!important;}
.text-pink{color:#e03997!important;}
.text-brown{color:#a5673f!important;}
.text-grey{color:#8799a3!important;}
.text-black{color:#333333!important;}
.text-000{color:#000!important;}
.text-darkGray{color:#666666!important;}
.text-gray{color:#aaaaaa!important;}
.text-ghostWhite{color:#f1f1f1!important;}
.bg-blue-pantsiao-btn1{ background-color: #4177db!important;color: #ffffff!important;}
.bg-blue-pantsiao{ background-color: #416FB6!important;color: #ffffff!important;}
.bg-blue-pantsiao-btn{ background-color: #5686de!important;color: #ffffff!important;}

.text-xxxs {font-size: 6px!important;}
.text-xxs {font-size: 8px!important;}
.text-xs {font-size: 10px!important;}
.text-sm {font-size: 12px!important;}
.text-df {font-size: 14px!important;}
.text-lg {font-size: 16px!important;}
.text-xl {font-size: 18px!important;}
.text-xxl {font-size: 22px!important;}
.text-xxxl {font-size: 28px!important;}
.text-xxxxl {font-size:30px!important;}
.text-xxxxxl {font-size:34px!important;}
.text-xxxxxxl {font-size:38px!important;}
.text-sl {font-size: 40px!important;}
.text-xsl {font-size: 50px!important;}
.text-xxsl {font-size: 60px!important;}
.text-white{color:#fff!important;}
.text-bold{font-weight:bold!important;}
.text-bold-none{font-weight:normal!important;}
.text-right{text-align:right!important;}
.position-relative{position:relative!important;}
.position-absolute{position:absolute!important;}
.position-fixed{position:fixed;}

.clear-both{clear:both;}
.overflow-hidden{overflow: hidden;}

.solid,
.solid-top,
.solid-right,
.solid-bottom,
.solid-left,
.solids,
.solids-top,
.solids-right,
.solids-bottom,
.solids-left,
.dashed,
.dashed-top,
.dashed-right,
.dashed-bottom,
.dashed-left {
    position: relative;
}

.solid::after,
.solid-top::after,
.solid-right::after,
.solid-bottom::after,
.solid-left::after,
.solids::after,
.solids-top::after,
.solids-right::after,
.solids-bottom::after,
.solids-left::after,
.dashed::after,
.dashed-top::after,
.dashed-right::after,
.dashed-bottom::after,
.dashed-left::after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
    transform: scale(0.5);
    transform-origin: 0 0;
    pointer-events: none;
    box-sizing: border-box;
}

.solid::after {
    border: 1px solid #eee;
}

.solid-top::after {
    border-top:  1px solid #eee;
}

.solid-right::after {
    border-right:  1px solid #eee;
}

.solid-bottom::after {
    border-bottom:  1px solid #eee;
}

.solid-tb::after{
    border-top:  1px solid #eee;
    border-bottom:  1px solid #eee;
}

.solid-left::after {
    border-left: 1px solid #eee;
}

.solids::after {
    border: 8px solid #eee;
}

.solids-top::after {
    border-top: 8px solid #eee;
}

.solids-right::after {
    border-right: 8px solid #eee;
}

.solids-bottom::after {
    border-bottom: 8px solid #eee;
}

.solids-left::after {
    border-left: 8px solid #eee;
}

/* -- 虚线 -- */

.dashed::after {
    border: 1px dashed #ddd;
}

.dashed-top::after {
    border-top: 1px dashed #ddd;
}

.dashed-right::after {
    border-right: 1px dashed #ddd;
}

.dashed-bottom::after {
    border-bottom: 1px dashed #ddd;
}

.dashed-left::after {
    border-left: 1px dashed #ddd;
}


/*.shadow[class*='white'] {
 !*   --ShadowSize: 0 1px 6px;*!
}*/

.shadow-lg {
    --ShadowSize: 0px 40px 100px 0px;
}

.shadow-warp {
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.shadow-warp:before,
.shadow-warp:after {
    position: absolute;
    content: "";
    top: 20px;
    bottom: 30px;
    left: 20px;
    width: 50%;
    box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2);
    transform: rotate(-3deg);
    z-index: -1;
}

.shadow-warp:after {
    right: 20px;
    left: auto;
    transform: rotate(3deg);
}

.shadow-blur {
    position: relative;
}

.shadow-blur::before {
    content: "";
    display: block;
    background: inherit;
    filter: blur(10px);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    left: 10px;
    z-index: -1;
    opacity: 0.4;
    transform-origin: 0 0;
    border-radius: inherit;
    transform: scale(1, 1);
}

.bg-red {
    background-color: #e54d42!important;
    color: #ffffff;
}

.bg-orange {
    background-color: #f37b1d!important;
    color: #ffffff;
}

.bg-yellow {
    background-color: #fbbd08!important;
    color: #333333;
}

.bg-olive {
    background-color: #8dc63f!important;
    color: #ffffff;
}

.bg-green {
    background-color: #39b54a!important;
    color: #ffffff;
}

.bg-cyan {
    background-color: #1cbbb4!important;
    color: #ffffff;
}

.bg-blue {
    background-color: #0081ff!important;
    color: #ffffff!important;
}

.bg-purple {
    background-color: #6739b6!important;
    color: #ffffff;
}

.bg-mauve {
    background-color: #9c26b0!important;
    color: #ffffff;
}

.bg-pink {
    background-color: #e03997!important;
    color: #ffffff;
}

.bg-brown {
    background-color: #a5673f!important;
    color: #ffffff;
}

.bg-grey {
    background-color: #8799a3!important;
    color: #ffffff;
}

.bg-gray {
    background-color: #f0f0f0!important;
    color: #333333;
}

.bg-blue-light{
    background-color:#f1f6ff!important;

}

.bg-black {
    background-color: #333333!important;
    color: #ffffff;
}

.bg-white {
    background-color: #ffffff!important;
    color: #333;
}

.bg-shadeTop {
    background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01))!important;
    color: #ffffff;
}

.bg-shadeBottom {
    background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1))!important;
    color: #ffffff;
}

.bg-red.light {
    color: #e54d42!important;
    background-color: #fadbd9!important;
}

.bg-orange.light {
    color: #f37b1d;
    background-color: #fde6d2;
}

.bg-yellow.light {
    color: #fbbd08;
    background-color: #fef2ced2;
}

.bg-olive.light {
    color: #8dc63f;
    background-color: #e8f4d9;
}

.bg-green.light {
    color: #39b54a;
    background-color: #d7f0dbff;
}

.bg-cyan.light {
    color: #1cbbb4;
    background-color: #d2f1f0;
}

.bg-blue.light {
    color: #0081ff;
    background-color: #cce6ff;
}

.bg-purple.light {
    color: #6739b6;
    background-color: #e1d7f0;
}

.bg-mauve.light {
    color: #9c26b0;
    background-color: #ebd4ef;
}

.bg-pink.light {
    color: #e03997;
    background-color: #f9d7ea;
}

.bg-brown.light {
    color: #a5673f;
    background-color: #ede1d9;
}

.bg-grey.light {
    color: #8799a3;
    background-color: #e7ebed;
}

.bg-gradual-red {
    background-image: linear-gradient(45deg, #f43f3b, #ec008c);
    color: #ffffff;
}

.bg-gradual-orange {
    background-image: linear-gradient(45deg, #ff9700, #ed1c24);
    color: #ffffff;
}

.bg-gradual-green {
    background-image: linear-gradient(45deg, #39b54a, #8dc63f);
    color: #ffffff;
}

.bg-gradual-purple {
    background-image: linear-gradient(45deg, #9000ff, #5e00ff);
    color: #ffffff;
}

.bg-gradual-pink {
    background-image: linear-gradient(45deg, #ec008c, #6739b6);
    color: #ffffff;
}

.bg-gradual-blue {
    background-image: linear-gradient(45deg, #0081ff, #1cbbb4);
    color: #ffffff;
}
.margin-0{margin:0!important;}
.padding-left-0{padding-left:0!important;}
.border-radius-0{border-radius:0!important;}
.border-0{border:0!important;}
.display-block{display: block!important;}
.display-table-cell{display: table-cell!important;}
.float-left{float:left!important;}
.float-right{float:right!important;}
.block{display: block!important;}
.inline-block{display: inline-block!important;}
.block-inline{display: inline!important;}
.response{width:100%;}
.margin-auto{margin:0 auto;}
.text-center{text-align: center!important;}
.text-left{text-align: left!important;}
.shadow-bottom{box-shadow:0 5px 10px -1px #dee8f9!important;}
.text-decoration-underline{text-decoration: underline!important;}

/**产品的下边框阴影**/
.shadow-bottom-product{box-shadow:0 5px 15px -1px #DDE9FF!important;}

.shadow-right{box-shadow:5px 0 10px -5px #dee8f9!important;}
.shadow-left{box-shadow:-5px 0 10px -5px #dee8f9!important;}
.shadow-right{box-shadow:5px 0 10px -5px #dee8f9!important;}
.shadow-top{box-shadow:0px -5px 10px -5px #dee8f9!important;}
.shadow-left-top{box-shadow:-5px -5px 10px  -4px #dee8f9!important;}
.shadow-right-top{box-shadow:5px -5px 10px -4px #dee8f9!important;}
.shadow-left-bottom{ box-shadow:-5px 5px 10px -4px #dee8f9!important;}
.shadow-right-bottom{ box-shadow:5px 5px 10px -4px #dee8f9!important;}
.shadow-no-left{
    /* .right-bottom,.right-top组合 */
    box-shadow:5px 5px 10px -4px #dee8f9,5px -5px 10px -4px  #dee8f9!important;
}
.shadow-no-right{
    /* .left-top，.left-bottom组合 */
    box-shadow:-5px -5px 10px  -4px #dee8f9,-5px 5px 10px -4px #dee8f9!important;
}
.shadow-no-top{
    /* .left-bottom,,right-bottom组合 */
    box-shadow:-5px 5px 10px -4px  #dee8f9,5px 5px 10px -4px #dee8f9!important;
}


.shadow-no-bottom{
    /* .left-top,.right-top组合 */
    box-shadow:-5px -5px 10px  -4px #dee8f9,5px -5px 10px -4px  #dee8f9!important;
}

.shadow-top-bottom{box-shadow: 0px 0px 5px #dee8f9!important;, 0px -10px 5px #dee8f9!important;}


.shadow{
    box-shadow:0 0 10px #ccc;
}
.shadow-lg{
    box-shadow:0 0 10px #ccc;
}
.vertical-align-middle{vertical-align: middle!important;}

.radius-xs {border-radius: 2px;}
.radius-sm {border-radius: 4px;}
.radius {border-radius: 6px;}
.radius-lg{border-radius: 12px;}
.radius-xl{border-radius: 24px;}
.radius-xxl{border-radius: 48px;}
.radius-xxxl{border-radius: 60px;}


.list-style-none{list-style: none;}

.table-cell{display: table-cell!important;vertical-align: middle;}

.hide{display: none;}
.show{display: block;}

.cursor-pointer{cursor: pointer}

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

.flex-sub {flex: 1;}


/*  -- 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: flex-center;
}

.self-end {
    align-self: flex-end;
}

.self-stretch {
    align-self: stretch;
}

.align-stretch {
    align-items: 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;
}


-btn {
    position: relative;
    border: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 14px;
    height: 32px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    overflow: visible;
    margin-left: initial;
    transform: translate(0px, 0px);
    margin-right: initial;
}

.cu-btn::after {
    display: none;
}

.cu-btn:not([class*="bg-"]) {
    background-color: #f0f0f0;
}

.cu-btn[class*="line"] {
    background-color: transparent;
}

.cu-btn[class*="line"]::after {
    content: " ";
    display: block;
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid currentColor;
    transform: scale(0.5);
    transform-origin: 0 0;
    box-sizing: border-box;
    border-radius: 6px;
    z-index: 1;
    pointer-events: none;
}

.cu-btn.round[class*="line"]::after {
    border-radius: 500px;
}

.cu-btn[class*="lines"]::after {
    border: 3px solid currentColor;
}

.cu-btn[class*="bg-"]::after {
    display: none;
}

.cu-btn.sm {
    padding: 0 10px;
    font-size: 10px;
    height: 24px;
}

.cu-btn.lg {
    padding: 0 20px;
    font-size: 16px;
    height: 40px;
}

.cu-btn.cuIcon.sm {
    width: 24px;
    height: 24px;
}

.cu-btn.cuIcon {
    width: 32px;
    height: 32px;
    border-radius: 250px;
    padding: 0;
}

button.cuIcon.lg {
    width: 40px;
    height: 40px;
}

.cu-btn.shadow-blur::before {
    top: 2px;
    left: 2px;
    filter: blur(3px);
    opacity: 0.6;
}

.cu-btn.button-hover {
    transform: translate(1px, 1px);
}

.block {
    display: block;
}

.cu-btn.block {
    display: flex;
}

.cu-btn[disabled] {
    opacity: 0.6;
    color: #ffffff;
}


button{border: 0;}