﻿.settled-bg { background-color: #172c44; background-image: url(../images/settled-bg.png); background-size: cover; background-repeat: no-repeat; padding-top: 32.86969253%; position: relative; min-width: 900px; }
.settled-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 257px; margin: auto 0; text-align: center; }
.settled-sub-title { font-weight: 500; opacity: .88; color: var(--gray0); font-size: 23px; margin-bottom: 9pt; }
.settled-title { width: 25pc; margin: 0 auto 22px; display: block; font-size: 60px; }
.settled-categories { opacity: .6; font-size: 1pc; color: #232323; margin-bottom: 42px; font-weight: 400; }
.btn-settled { border-radius: 8px; display: inline-block; width: 200px; height: 3pc; line-height: 3pc; font-weight: 500; font-size: 1pc; color: #111; background-image: linear-gradient(-90deg, #ff2300 100%, #ff2300 100%); box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); font-size: 20px; color: var(--white); }
.btn-settled:hover { opacity: 0.8; color: var(--white); }
@-webkit-keyframes waterRipple { 0% {
 background-position-x: 0
}
to { background-position-x: 418px }
}
 @keyframes waterRipple { 0% {
 background-position-x: 0
}
to { background-position-x: 418px }
}
.panel-box { display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; min-height: 382px; padding-top: 50px; padding-bottom: 70px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.panel-box .panel-join { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 30%; border-radius: 18px; padding: 30px 60px; position: relative; -webkit-transition: background-color .3s ease, margin-top .3s ease-in-out, -webkit-transform .5s ease-out, -webkit-box-shadow .4s ease; transition: background-color .3s ease, margin-top .3s ease-in-out, -webkit-transform .5s ease-out, -webkit-box-shadow .4s ease; transition: transform .5s ease-out, background-color .3s ease, box-shadow .4s ease, margin-top .3s ease-in-out; transition: transform .5s ease-out, background-color .3s ease, box-shadow .4s ease, margin-top .3s ease-in-out, -webkit-transform .5s ease-out, -webkit-box-shadow .4s ease; -webkit-box-shadow: 0 5px 5px 0 rgba(41,26,204,.06); box-shadow: 0 5px 35px 0 rgba(41,26,204,0.06); background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #fff), to(#eef0f3)); background: -webkit-linear-gradient(top, #fff 80%, #eef0f3); background: linear-gradient(180deg, #fff 80%, #eef0f3); }
.panel-box .panel-join:hover { background: url(../images/bolang.png) repeat-x bottom, -webkit-gradient(linear, left top, left bottom, from(#fc0), to(var(--orange-f90))); background: url(../images/bolang.png) repeat-x bottom, -webkit-linear-gradient(#fc0, var(--orange-f90)); background: url(../images/bolang.png) repeat-x bottom, linear-gradient(#fc0, var(--orange-f90)); background-size: 416.24px; margin-top: -10px; background-position: 0 110%; -webkit-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); -webkit-animation: waterRipple 7s linear; animation: waterRipple 7s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; color: var(--white); cursor: pointer; }
/*.panel-box .panel-join:hover:after {
                content: "";
                position: absolute;
                bottom: -7px;
                left: 50%;
                margin-left: -12px;
                width: 24px;
                height: 24px;
                background: #ff2300;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                border-radius: 5px;
            }*/
.panel-box .panel-join .panel-icon { width: 84px; height: 82px; margin: 0 auto; }
.panel-box .panel-join .panel-title { font-size: 24px; margin: 10px 0; color: var(--gray3); font-weight: 700; text-align: center; }
.panel-box .panel-join .panel-icon .img { width: 84px; height: 82px; background-position: 0; background-repeat: no-repeat; background-size: cover; }
.panel-box .panel-join .panel-icon .img, .panel-box .panel-join .panel-icon .img.attr-id-1 { background-image: url(../images/tps-168-1641.png); }
.panel-box .panel-join .panel-icon .img.attr-id-2 { background-image: url(../images/tps-168-1642.png); }
.panel-box .panel-join .panel-icon .img.attr-id-3 { background-image: url(../images/tps-168-1643.png); }
.panel-box .panel-join .panel-body { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100px; letter-spacing: 0; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 14px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; color: var(--gray9); -webkit-transition: all .5s ease-out; transition: all .5s ease-out; }
.panel-box .panel-join .panel-body p { font-size: 14px; line-height: 28px; text-align: center; overflow: hidden; text-overflow: ellipsis; }
.panel-box .panel-join:hover .panel-icon { -webkit-transform: scale(.79); -ms-transform: scale(.79); transform: scale(.79); }
.panel-box .panel-join:hover .panel-icon .img.attr-id-1 { background-image: url(../images/tps-120-1201.png); }
.panel-box .panel-join:hover .panel-icon .img.attr-id-2 { background-image: url(../images/tps-120-1202.png); }
.panel-box .panel-join:hover .panel-icon .img.attr-id-3 { background-image: url(../images/tps-120-1203.png); }
.panel-box .panel-join:hover .panel-title { color: var(--white); }
.panel-box .panel-join:hover .panel-body { color: var(--white); -webkit-transform: scale(.88); -ms-transform: scale(.88); transform: scale(.88); }
.landing-process { background-image: url(../images/XXa-1920-529.png); background-position: top; background-repeat: no-repeat; background-size: auto; background-color: var(--white); padding: 0px 0 40px; }
.qy-title { display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 36px; color: #111; padding-top: 70px; }
.qy-title:after, .qy-title:before { content: ""; display: block; transform: rotate(-315deg); background-color: var(--orange-f60); width: 10px; height: 10px; margin: 0 20px; }
.landing-process-body { text-align: center; margin-top: 60px; margin-bottom: 60px; }
.entry-process-list { position: relative; width: 1004px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; padding-top: 42px; }
.entry-process-item { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-top: 10px; }
.entry-process-item:before { background-size: 34px; background-repeat: no-repeat; background-image: url(../images/tps-72-721.png); content: ""; width: 50px; height: 50px; display: block; left: 50%; position: absolute; top: -60px; margin-left: -20px; z-index: 1; background-color: var(--white); background-position-x: center; }
.entry-process-item:after { content: ""; display: block; position: absolute; top: -42px; left: 0; width: 100%; height: 0; border: 1px dashed #ff1e08; z-index: 0; }
.entry-process-item.icon-a:before { content: ""; background-size: 34px; background-image: url(../images/tps-72-721.png); }
.btn-wrp { text-align: center; padding: 25px 0; }
.btn-claim { background-image: linear-gradient(135deg, #ff2300 0, #ff2300 100%); border-radius: 8px; display: inline-block; width: 200px; height: 3pc; line-height: 3pc; font-weight: 500; font-size: 1pc; color: var(--white); }
.btn-claim:hover { background-image: linear-gradient(135deg, #ffd000 0, #ffbd00 100%); color: #111; }
.landing-required { background-image: url(../images/Xa-1920-1063.png); background-position: top; background-repeat: no-repeat; background-size: 100% 1054px; background-color: #ffb606; padding: 139px 0 100px; margin-top: -1px; position: relative; }
.landing-required .landing-required-head { color: var(--gray3); }
.landing-required .landing-required-head h2 { text-align: center; font-size: 36px; color: inherit; font-weight: bold; }
.landing-required .landing-required-head p { text-align: center; font-size: 18px; margin-top: 12px; line-height: 25px; }
.landing-required .landing-required-body { margin: 38px auto 0; padding: 60px 45px; border-radius: 18px; background-color: var(--white); }
.landing-guide .landing-guide-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: var(--gray3); padding: 30px 0; border-bottom: 1px solid hsla(0,20%,20%,.1); }
.landing-guide .landing-guide-item-left { width: 192px; text-align: center; }
.landing-guide .landing-guide-item-right { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.landing-guide .landing-guide-step { font-size: 50px; font-weight: 700; color: var(--gray-c); ; }
.landing-guide .landing-guide-step-t { font-size: 22px; color: var(--gray-c); ; }
.landing-guide .landing-guide-item-right .ul-style { list-style-type: disc; }
.landing-guide .landing-guide-item-right li { margin-bottom: 20px; }
::marker {
 unicode-bidi: isolate;
 font-variant-numeric: tabular-nums;
 text-transform: none;
 text-indent: 0px !important;
 text-align: start !important;
 text-align-last: start !important;
}
.landing-guide .landing-guide-item-right p { font-size: 14px; line-height: 22px; margin-top: 0; margin-bottom: 10px; }
.landing-guide .landing-guide-item-right .beizhu { color: var(--gray9); }
.landing-guide .landing-guide-item-right .landing-guide-item-title { font-size: 18px; line-height: 30px; }
.landing-guide .landing-guide-item a { color: #fb6b22; }
