/*#region 初始化*/
* { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch; }
img { border: none; vertical-align: middle; }
li { list-style: none; }
a { text-decoration: none; }
.clearfix { zoom: 1; }
    .clearfix:after { content: "."; clear: both; line-height: 0; display: block; height: 0; overflow: hidden; }
.f_r { float: right; }
.f_l { float: left; }
html { font: 5.34vw/1.5 "Microsoft Yahei","微软雅黑"; position: relative; letter-spacing: 0; }
body { background-color: #fff; position: relative; }
table { border-collapse: collapse; border-spacing: 0; }
.white { color: #fff; }
.black { color: #000; }
.red { color: Red; }
.bold { font-weight: bold; }
.txt_center { text-align: center; }
.txt_right { text-align: right; }
.txt_left { text-align: left; }
.ab { position: absolute; }
.re { position: relative; }
.hide { display: none; }
.thide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
input[type="submit"], input[type="reset"], input[type="button"], input[type="tel"], input[type="text"], input[type="password"], button { -webkit-appearance: none; border-radius: 0; }
select { -webkit-appearance: none; }
audio { position: absolute; top: -5000px; left: -5000px; width: 1px; height: 1px; }
.vm { display: inline-block; height: 100%; width: 1px; margin-left: -1px; vertical-align: middle; }
#__bs_notify__ { display: none !important; }
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
    .slick-slider * { outline: none; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
    .slick-list:focus { outline: 0; }
    .slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
    .slick-track:after, .slick-track:before { display: table; content: ''; }
    .slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { /* display:none; */ float: left; height: 100%; min-height: 1px; }
[dir=rtl] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.p100 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.w100 { display: block; width: 100%; }
.mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 50; }
.pcenter { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); width: 100%; }
.oh { overflow: hidden; }
/*#endregion*/
.share{position: absolute;
    right: 0.6rem;
    top: 2.5rem;
    width: 2.6rem;
    z-index: 9;}
.share img{width: 100%;display: block;}
.main { position: relative; overflow: hidden; background: url(../images/bg.jpg) #fff no-repeat top center; background-size: 100% auto;  padding: 4.175rem 0 2rem; }
.logo{position: absolute; top: 0.875rem; width: 16.925rem; left: 0; right: 0; margin: auto;}
.banner_t{ width: 17.075rem; margin: 0 auto 0.25rem; display: flex; flex-direction: column; justify-content: center; align-items: center;}

.c1 { overflow: hidden; }
    .c1 .slider_main { position: relative; }
    .c1 .card { display: block; width: 7.6rem; margin: 0.65rem auto 0; }
    .c1 .slick-dots { text-align: center; position: relative; font-size: 0; height: 0.3rem; position: absolute; top: 14.8rem; left: 0; width: 100%; }
        .c1 .slick-dots li { display: inline-block; width: 0.3rem; height: 0.3rem; border-radius: 50%; background-color: #DBDBDB; margin: 0 0.15rem; -webkit-transition: background-color 0.5s 0s; vertical-align: top; }
            .c1 .slick-dots li.slick-active { background-color: #E6C089; }
            .c1 .slick-dots li button { display: none; }
    .c1 .btn_prev { position: absolute; width: 1.225rem; height: 1.625rem; background: url(../images/arr_left.png); background-size: 100% 100%; left: 2.55rem; top: 7.35rem; }
    .c1 .btn_next { position: absolute; width: 1.225rem; height: 1.625rem; background: url(../images/arr_left.png); background-size: 100% 100%; right: 2.55rem; top: 7.35rem; -webkit-transform: scaleX(-1); }
    .c1 .t1 { text-align: center; margin-top: 1.5rem;}
        .c1 .t1 .sp1 { display: inline-block; position: relative; font-size: 0.65rem; color: #464646; font-weight: bold; }
        .c1 .t1 .sp2 { position: absolute; font-size: 0.55rem; color: #fff; background: -webkit-linear-gradient(top, #A1DDFB 0%, #0898DB 100%); line-height: 0.85rem; white-space: nowrap; padding: 0 0.55rem; border-radius: 0.425rem; border-bottom-left-radius: 0; top: -0.95rem; left: 100%; margin-left: -0.85rem; }
    .c1 .btn1 { display: block; width: 10.2rem; height: 2.1rem; line-height: 2.1rem; background: url(../images/btn1.png); background-size: 100% 100%; text-align: center; font-size: 0.9rem; color: #583d14; margin: 0.7rem auto 0; }
    .c1 .t2 { text-align: center; font-size: 0.55rem; color: #868686; margin-top: 0.5rem; }
    .c1 .t3 { text-align: center; height: 1.75rem; }
        .c1 .t3 span { display: inline-block; line-height: 1.75rem; vertical-align: top; position: relative; padding: 0 0.45rem; font-size: 0.75rem; color: #fff; }
            .c1 .t3 span:before { content: ""; position: absolute; width: 1.175rem; height: 0.05rem; top: 50%; margin-top: -0.025rem; right: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255,0) 0%, #fff 100%); }
            .c1 .t3 span:after { content: ""; position: absolute; width: 1.175rem; height: 0.05rem; top: 50%; margin-top: -0.025rem; left: 100%; background: -webkit-linear-gradient(left, #fff 0%, rgba(255, 255, 255,0) 100%); }
.c2 { margin: 1rem 1rem; border-radius: 0.625rem; box-shadow: 0rem 0rem 1rem 0rem rgba(193, 193, 193, 0.3); background-color: #fff; padding: 1.1rem; }
    .c2 .list { display: -webkit-box; -webkit-box-align: center; }
        .c2 .list .i1 { display: block; width: 1.5rem; margin-right: 0.6rem; }
        .c2 .list .list_r { -webkit-box-flex: 1; }
        .c2 .list .t1 { font-size: 0.8rem; color: #464646; font-weight: bold; }
            .c2 .list .t1 span { color: #dbb883; }
        .c2 .list .t2 { font-size: 0.6rem; color: #a2a2a2; margin-top: 0.2rem; }
        .c2 .list + .list { margin-top: 1rem; }
.rule_main { text-align: center; margin-top: 1rem; }
    .rule_main .btn_rule1 { font-size: 0.65rem; color: #488bb7; display: inline-block; vertical-align: top; }
.title { text-align: center; height: 1.75rem; margin-top: 1rem; }
    .title span { display: inline-block; height: 1.75rem; line-height: 1.75rem; vertical-align: top; position: relative; font-size: 1.05rem; color: #464646; font-weight: bold; padding: 0 0.375rem; }
        .title span:before { content: ""; position: absolute; width: 1.45rem; height: 0.45rem; right: 100%; top: 50%; margin-top: -0.225rem; background: url(../images/i2.png); background-size: 100% 100%; }
        .title span:after { content: ""; position: absolute; width: 1.45rem; height: 0.45rem; left: 100%; top: 50%; margin-top: -0.225rem; background: url(../images/i2.png); background-size: 100% 100%; -webkit-transform: scaleX(-1); }
.list2_ct { margin: 0.85rem 0.95rem 0; display: -webkit-box; -webkit-box-align: start; -webkit-box-pack: justify; }
    .list2_ct .list2 { display: block; width: 8.1rem; border-radius: 0.6rem; overflow: hidden; background-color: #F7F7F7; }
        .list2_ct .list2 .i3 { display: block; width: 100%; }
        .list2_ct .list2 .list2_t { text-align: center; font-size: 0.7rem; color: #464646; font-weight: bold; padding: 0.375rem 0; }
        .list3_ct {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; text-align: center; font-size: 0; margin: 0.25rem 0 -0.75rem; }
    .list3_ct .list3 { display: inline-block; width: 7.9923rem; height: 3.45rem; background-color: #F4F4F4; border-radius: 0.5rem; margin: 0 0.375rem 0.75rem; }
    .list3_ct .list_main { height: 100%; display: -webkit-box; -webkit-box-align: center; }
    .list3_ct .i4 { display: block; width: 1.3rem; margin: 0 0.475rem 0 0.725rem; }
    .list3_ct .list3_t { -webkit-box-flex: 1; font-size: 0.7rem; color: #464646; text-align: left; margin-right: 0.375rem; }
.tt1 { font-size: 0.95rem; color: #4597d5; text-align: center; font-weight: bold; }
.tt2 { text-align: center; }
    .tt2 span { color: #464646; font-size: 0.65rem; vertical-align: middle; }
    .tt2 .i8 { width: 0.45rem; }
.tt3 { text-align: center; font-size: 0.65rem; color: #5A5A5A; margin-bottom: -0.5rem; position:relative;}
.i7 { display: block; width: 14.85rem; margin: -1.25rem auto -0.75rem; }

.btn_rule { display: block; font-size: 0.65rem; color: #3C8CBB; text-decoration: underline; }
.rule_ct { background-color: #CBEFFF; width: 17.75rem; max-height: 85%; border-radius: 0.4rem; display: -webkit-box; -webkit-box-orient: vertical; position: relative; }
    .rule_ct .btn_close { position: absolute; top: -1.5rem; right: 0; width: 1.275rem; height: 1.275rem; background: url(../images/btn_close.png); background-size: 100% 100%; }
    .rule_ct .rule_title { margin: 0.3rem auto; text-align: center; }
        .rule_ct .rule_title span { position: relative; display: inline-block; font-size: 0.9rem; color: #4684ab; font-weight: bold; padding: 0 0.5rem; vertical-align: top; }
            .rule_ct .rule_title span:before { content: ""; position: absolute; width: 1.075rem; height: 0.475rem; right: 100%; top: 50%; margin-top: -0.225rem; background: url(../images/i5.png); background-size: 100% 100%; }
            .rule_ct .rule_title span:after { content: ""; position: absolute; width: 1.075rem; height: 0.475rem; left: 100%; top: 50%; margin-top: -0.225rem; background: url(../images/i5.png); background-size: 100% 100%; -webkit-transform: scaleX(-1); }
    .rule_ct .scroll_ct { -webkit-box-flex: 1; display: -webkit-box; -webkit-box-orient: vertical; margin: 0 0.5rem 0.75rem; background-color: #fff; border-radius: 0.5rem; }
    .rule_ct p + .oh { margin-top: 0.5rem; }
    .rule_ct .border { height: 0.7rem; }
    .rule_ct .scroll_detail { -webkit-box-flex: 1; overflow-y: auto; padding: 0 0.875rem; }
    .rule_ct p { font-size: 0.6rem; color: #323232; text-align: justify; }
    .rule_ct p .sp1 { display: inline-block; color: #FF7040; border: 1px solid #FF7040; padding: 0 0.2rem; margin: 0 0.1rem; }
    .rule_ct p b { margin-top: 0.3rem; display: inline-block; }
    .rule_ct p span{ color: #4183AE; font-weight: bold; }
    .rule_ct .txt-more{ margin: 0.75rem auto 0; font-size: 0.75rem; font-weight: bold; color: #0286B2; text-align: center;}
    .rule_ct .rule_t1 { float: left; font-size: 0.6rem; color: #fff; background-color: #2985AF; line-height: 1rem; border-radius: 0.15rem; padding: 0 0.35rem; margin-top: 0.5rem; margin-bottom: 0.2rem; }
    .rule_ct .a1 { font-size: 0.6rem; color: #4483AF; }
.c3 { height: 17.725rem; position: relative; }

.title{ margin: 0.5rem auto;font-size: 1.05rem; display: flex;justify-content: center;align-items: center;font-weight: bold; color: #474747; letter-spacing: 0.05rem;}
.title .line{background-size: 100% 100%;width:1.45rem;height: 0.45rem;margin:0 0.025rem; background-position: center; background-repeat: no-repeat;background-image: url('../images/i3.png');}
.title .line-r{transform: scale(-1);}
.title .arrow{background-size: 100% 100%;width:0.325rem;height: 0.325rem; background-position: center; background-repeat: no-repeat;}
.title .arrow-l{margin-right: 0.275rem;}
.title .arrow-r{transform: scale(-1); margin-left: 0.275rem;}
.title-mt{margin-top: 1.5rem;}

.digest{font-size: 0.6rem;color:#666666;max-width: 82%;margin: 1rem auto 0;}
.digest-black{color: #000;max-width: 92%;margin-top:1.25rem}
.card-1{ width: 16.5rem; margin: 0 auto 1rem; padding: 1rem 0 0.75rem; background-color: #fff; border-radius: 0.75rem; box-shadow: 0px 7px 14px 14px rgba(248,248,248,1); }
.card-1 .list {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.8rem; }
.card-1 .list .item{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 0.875rem; width: 14.65rem; height: 3.125rem; background-color: #F4F4F4; border-radius: 0.975rem; }
.card-1 .list .item .icon{ margin-left: 1.25rem; width: 2.55rem; height: 2.55rem; border-radius: 50%; flex-shrink: 0; display: flex; justify-content: center; align-items: center;}
.card-1 .list .item .icon img{ width: 1.925rem;}
.card-1 .list .item .txt{ display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.card-1 .list .item .txt b{ font-size: 0.8rem; font-weight: bold; color: #464646;}
.card-1 .list .item .txt span{color: #A2A2A2; font-size: 0.6rem;}
.card-1-p0{padding: 0 0 0.75rem;}


.card-2{ width: 16.3rem;height: 6.225rem;background-image: url(../images/item-bg-1-2.png);}
.card-2 .list{width:5.4335rem;display: flex;flex-direction: column;align-items: center;justify-content: center;gap:0.1rem;}
.card-2 .list img{width: 2.4rem;height: 1.95rem;}
.card-2 .list p{position: relative;z-index: 1;color:#fff;font-size: 0.65rem;text-align: center; font-weight: bold;}
.card-2 .list:first-child p{background-image: linear-gradient(to right, #5CA5D9, #5CA5D9,#5CA5D9); color: transparent; -webkit-background-clip: text; font-weight: bold;}
.card-2 .list:last-child img{width: 6.15rem;height: 4.95rem; margin-top: -0.65rem;margin-left: 0.15rem;}
.card-2 .list:last-child p{font-size: 0.8rem;margin-top: -0.875rem;}

.card-3 {flex-direction: column;border-radius: 0;background-color: transparent;margin: 0.5rem; }
.card-3 .list{display: flex;flex-direction: row;align-items: flex-start;gap:0.55rem;margin:0.5rem 0;}
.card-3 .list .l{width: 1.4rem;margin-top: 0.375rem; background: linear-gradient(331deg, rgba(236,208,164,1) 0%, rgba(216,173,105,1) 48%);}
.card-3 .list .r{width: 13rem;}
.card-3 .list .txt{font-size: 0.65rem;}
.card-3 .list .txt .p1{font-size: 0.75rem;}
.card-3 .list .txt span{color:#DEB87B;font-size: 0.65rem;font-weight: bold;}

.card-4{ box-shadow: none;}
.card-4 .flex{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.card-4 .flex .list{padding:0.875rem 0;width: 7.571rem;background-color: #F4F4F4;border-radius: 0.25rem;justify-content: center;align-items: center;margin-bottom: 0;}
.card-4 .flex .list .l{display: flex;justify-content: center;align-items: center;margin-top:0;border-radius: 0.2rem;width: 1.4rem;}
.card-4 .flex .list .l img{ width: 100%;}
.card-4 .flex .list .r{width: 4.7rem;}
.card-4 .flex .list .r .txt{font-size: 0.6rem;text-align: center;}
.card-4 .flex .list-c .r{width: 3.625rem;}
.card-4 .flex .list-c-ml .r{width: 4rem; margin-left: -0.25rem;}
.card-4 .flex .list-mx .r{margin-left: -0.25rem;}
.card-4 .flex .list-fb{flex-basis: 100%;gap:0.75rem;padding:1.125rem 0;}
.card-4 .flex .list-fb .l{margin-left: 1.15rem;}
.card-4 .flex .list-fb .r{width: 13.75rem; margin-left: -0.3rem;}
.card-4 .flex .list-fb .r .txt{  max-width: 87%; text-align: left; letter-spacing: -0.025rem;}
.card-4 .flex .list-fb .r .txt span{ font-size: 0.6rem;}
.card-4 .flex .list-fb-fs{ align-items: flex-start; height: auto; padding: 0.5rem 0;}
.card-4 .flex .list-fb-fs .r{margin-top: -0.05rem;}






/**/