@charset "utf-8";

html {
    scroll-behavior: smooth;
}



@media (min-width: 375px) {
  
}
/*会保留在所绑定的元素上，直到相关组件实例被挂载后才移除*/
[v-cloak] {
  display: none;
}


/*消除浏览器底部*/

#tip-arrow-top,
#tip-arrow-bottom,
#trans-tooltip {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

:root {
    --swiper-theme-color: #2873d1 !important;
    --Base: #2873d1;
    --Aide: #ed0116;
    --grey1: #282828;
    --grey2: #666666;
    --grey3: #a1a1a1;
    --gradualBase: linear-gradient(45deg, #0552bc, #0876d1);
}

::-webkit-scrollbar {
    width: 9px;
    background-color: #f4f6f8
}

::-webkit-scrollbar-thumb {
    border: solid 2px #f4f6f8;
    width: 5px;
    border-radius: 4px;
    background-color: var(--Base)
}

::-webkit-scrollbar-corner {
    background-color: #f4f6f8
}

::-webkit-scrollbar:horizontal {
    height: 9px
}

::-webkit-selection {
    background: var(--Base);
    color: #fff
}

::-moz-selection {
    background: var(--Base);
    color: #fff
}

::selection {
    background: var(--Base);
    color: #fff
}

.text-grey1 {
    color: var(--grey1) !important;
}
.text-grey2 {
    color: var(--grey2) !important;
}
.text-grey3 {
    color: var(--grey3) !important;
}

.text-base {
    color: var(--Base) !important;
}

.text-base-light { color: #d3f0e9; }

.text-aide {
    color: var(--Aide) !important;
}

.bg-base {
    transition: all 0.3s;
    background-color: var(--Base);
}

.bg-aide {
    transition: all 0.3s;
    background-color: var(--Aide);
}

.bg-gradual-base {
    background-image: var(--gradualBase);
    color: var(--white);
}

.pointer {
    cursor: pointer;
}

.hover_color,.hover_color * {
    transition: all 0.3s;
}

.hover_color:hover,
.hover_color:hover * {
    color: var(--Base) !important;
}


@keyframes pulsate {
    50% {
        background-position: 0 180px;
    }
}

a:focus {
    outline: none;
    -moz-outline: none;
}

button, .button {
    -webkit-tap-highlight-color: transparent;
    background-color: #f8f8f8;
    border-radius: 5px;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 1rem /* 28/28 */;
    line-height: 2.55555556;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding-left: 1rem /* 28/28 */;
    padding-right: 1rem /* 28/28 */;
    position: relative;
    text-align: center;
    text-decoration: none;
}

input ,textarea, button  { border: 0;}

.block { width: 100%; }
.position-relative { position: relative; }
.position-absolute { position: absolute; }
img {
    border: 0px;
}

#baguetteBox-overlay .full-image img {
    background-color: #ffffff;
}

input,
textarea,
button,
div {
    outline: none !important;
}


input, textarea {
    caret-color: var(--grey1);
    caret-color: var(--grey1);
}


h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .75em 0 }
h3 { font-size: 1.17em; margin: .83em 0 }
h4 { font-size: 1em; margin: 1.12em 0 }
h5 { font-size: .83em; margin: 1.5em 0 }
h6 { font-size: .75em; margin: 1.67em 0 }


ul,
li,
dl,
dt,
dd {
    list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

canvas {
    margin: 0;
    padding: 0;
    display: block;
    border: none;
}

.cover {
    z-index: 1;
}

.imgBox {
    position: relative;
    overflow: hidden;
    box-sizing: content-box
}

.imgBox:after {
    content: '';
    display: block;
}


.imgBox img,
.imgBox video,
.imgBox div.contbox {
    transition: all 0.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.imgBox img {
    height: 100%;
    object-fit: cover;
}

.imgBox_3_1 {
    background-color: #ff0;
}


.imgBox_3_1:after {
    margin-top: 33.3333%;
}

.imgBox_5_2:after {
    margin-top: 40%;
}

.imgBox_2_1:after {
    margin-top: 50%;
}

.imgBox_16_9:after {
    margin-top: 56.25%;
}

.imgBox_5_3:after {
    margin-top: 60%;
}

.imgBox_3_2:after {
    margin-top: 66.66%;
}

.imgBox_4_3:after {
    margin-top: 75%;
}

.imgBox_1_1:after {
    margin-top: 100%;
}

.imgBox_3_4:after {
    margin-top: 133.33%;
}

.imgBox_4_3 video {
    width: 100% !important;
    margin: 0 auto;
    display: block;
}

.linear {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4));
    top: 0;
    left: 0;
    z-index: 2;
}

.reflect {
    -webkit-box-reflect: below 0px -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.2) 0%, transparent 100%);
    position: relative;
}

.clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.clamp-1 { -webkit-line-clamp: 1;}
.clamp-2 { -webkit-line-clamp: 2;}
.clamp-3 { -webkit-line-clamp: 3;}
.clamp-4 { -webkit-line-clamp: 4;}
.clamp-5 { -webkit-line-clamp: 5;}
.clamp-6 { -webkit-line-clamp: 6;}
.clamp-7 { -webkit-line-clamp: 7;}
.clamp-8 { -webkit-line-clamp: 8;}

.layui-layer {
    max-width: 96%;
}

.shadow-z {
    box-shadow: 0 0 0.357143rem #ccc;
}

.singleInfo,
.mainInfo {
    font-size: 1.071429rem /* 30/28 */;
    line-height: 2;
    color: #444444;
}

.singleInfo iframe,
.mainInfo iframe {
    max-width: 100%;
    max-height: 100%;
    width: 42.857143rem;
    height: 34.285714rem;
}

.singleInfo img,
.mainInfo img {
    max-width: 100% !important;
    height: auto !important;
}

.icon_img {
    width: 4.0rem;
    height: 4.0rem;
}

.scrolling {
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.scrolling>li {
    display: inline-block;
}

.scrolling::-webkit-scrollbar {
    display: none;
}


.d-none { display: none; }


.lineT_3 {
    border-left: 3px solid var(--Base);
    padding-left: 10px;
}

.lineT_5 {
    border-left: 5px solid var(--Base);
    padding-left: 10px;
}


.padding-0 { padding: 0; }
.padding-lr-25 { padding-left: .892857rem /* 25/28 */; padding-right: .892857rem /* 25/28 */; }
.w-0 { width: 0; }
.w-100 { width: 100%; }
.h-100 { height: 100%; }
.img-fluid { max-width: 100%; height: auto; }

.bg_fixed { background-position: center top; background-repeat: no-repeat; background-attachment: fixed; }

.swiper-pagination-bullet { outline: none; width: 0.75rem !important; height: 0.75rem !important; }


.bg-grba { background-color: rgba(0,0,0,0.5); color: #ffffff;}

.radius-12 { border-radius: .428571rem /* 12/28 */; }
.radius-20 { border-radius: .714286rem /* 20/28 */}
.radius-24 { border-radius: .857143rem /* 24/28 */; }

/* _______________________ */

.weui-btn { font-weight: normal; z-index: 99999; }
.weui-btn:hover { color: #ffffff; }

/*当前样式*/

#activity .weui-form__text-area .page__hd { padding: 1rem 0; font-size: 1.125rem; }

.weui-grid { width: 50% !important; position: relative; }

.weui-grid p { color: var(--weui-RED); }
.weui-grid img { position: absolute; top: 0.375rem; right: 0.375rem; width: 3.125rem; visibility: hidden; opacity: 0; }

.weui-grid.active p { color: var(--weui-BRAND); }
.weui-grid.active img.ypj { visibility: visible; opacity: 1; }
.weui-grid.active img.dpj { visibility: hidden; opacity: 0; }

.weui-grid img.dpj { visibility: visible; opacity: 1; }
.weui-grid.none img.dpj { visibility: hidden; opacity: 0; }

.weui-grid.none p { color: #cccccc !important; }

.weui-cell__bd { line-height: 1.6; }
.weui-grid__label { font-size: 1.5rem; font-weight: bold; }
.weui-cell { font-size: 1.0625rem; }
.weui-form__title { font-size: 1.5rem; }
.weui-cells__group_form { margin-top: 1.25rem; }

.weui-cells__group_form .weui-cell { padding: 1rem; }

.weui-cells_radio .weui-cell__ft {
    border-radius: 0.1875rem;
    overflow: hidden;
    border: 0.0625rem solid #cccccc !important;
    padding-left: 0;
}

.weui-form__opr-area:last-child { margin-bottom: 3.0rem; }

.weui-btn_disabled:hover { color: rgba(0,0,0,.2); }


.lh-lg { line-height: 2.0;}
.lh-base { line-height: 1.6;}
.lh-sm { line-height: 1.4; }

.text-justify { text-align: justify; }
.mainInfo p img { display: block; margin: 0 auto; max-width: 100%; }

.warnToast .weui-icon_toast {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    width: 4em;
    height: 4em;
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    background-color: currentColor;
    -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.763-15.864l.11%207.596h1.305l.11-7.596h-1.525zm.759%2010.967c.512%200%20.902-.383.902-.882%200-.5-.39-.882-.902-.882a.878.878%200%2000-.896.882c0%20.499.396.882.896.882z%22%2F%3E%3C%2Fsvg%3E);
    mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.763-15.864l.11%207.596h1.305l.11-7.596h-1.525zm.759%2010.967c.512%200%20.902-.383.902-.882%200-.5-.39-.882-.902-.882a.878.878%200%2000-.896.882c0%20.499.396.882.896.882z%22%2F%3E%3C%2Fsvg%3E);
}
.weui-toast { z-index: 99999; }
.textToast .weui-toast {
    width: auto;
    height: auto;
    min-width: 152px;
    max-width: 216px;
    padding: 12px 0;
    border-radius: 8px;
}

.textToast i { display: none !important; }

.weui-agree__checkbox { width: 2rem; height: 2rem; font-size: .642857rem /* 18/28 */; }

.container { max-width: 100%; margin: 0 auto; }
#app.container { max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; }
#app >.container { max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; }
#nav { max-width: 100%; width: 100%; }
#tabbar.container { max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; }
#tabbar { left: 50%; transform: translateX(-50%);}

.cu-bar.foot {  max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; left: 50% !important; transform: translateX(-50%); }

.floatButton { position: fixed; z-index: 1025; left: 5%; top: 50%; transform: translateY(-50%); }
.floatButton .btn { width: 3rem; height: 3rem; display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.5); border-radius: 50%; overflow: hidden; margin-bottom: .357143rem /* 10/28 */; }

.floatButton .text { color: white; text-shadow: 0 0 2px #000; }

.floatButton .btn .icon i { color: white; }
.floatButton .btn .active .icon i { color: orange; }

#tabbar img { width: 1.5rem /* 42/28 */; height: 1.5rem /* 42/28 */; }
#tabbar .active { color: var(--Base); }

.over-hide { overflow: hidden; }
.shrink-0 { flex-shrink: 0;}
.shrink-1 { flex-shrink: 1;}
.grow-0 { flex-grow: 0; }
.grow-1 { flex-grow: 1; }
.list>li:last-child { margin-bottom: 0 !important;}

.opacity-1 { opacity: 1; }
.opacity-0 { opacity: 0; }