.header-bg,
.claim-container {
    min-width: 1200px;
    margin: 0 auto;
}

.header .h-tap-l {
	margin-right: 35px !important;
}

.header {
	max-width: 1300px !important;
}

.claim-container {
    background-color: #fff;
    font-family: PingFangSC-Medium, PingFang SC;
}

.claim-container .banner {
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('https://images.dby.cn/%E7%9F%A9%E5%BD%A2%402x%202022-07-11%2017_53_13.png');
    display: flex;
    /* padding: 0 312px 0 136px; */

}
/* https://images.dby.cn/%E7%9F%A9%E5%BD%A2%402x%202022-06-27%2019_49_20.png */

.claim-container .banner .left{
    width: 950px;
    height: 500px;
    display: flex;
    position: relative;
}

.claim-container .banner .left-icon{
    width: 100%;
    object-fit: cover;
}

.claim-container .banner .center{
    width: 244px;
    object-fit: contain;
    position: absolute;
    right: 43px;
    top: 50%;
    transform: translateY(-50%);
}

.claim-container .banner .banner-box {
    /* max-width: 1248px;
    margin: 0 auto; 
    height: 100%;
    position: relative;*/
    /* padding: 36px 0; */
    display: flex;
    max-width: 1320px;
    margin: 0 auto;
    padding-right: 65px;
}

.claim-container .banner .qrcode-info {
    margin-top: 36px;
    width: 392px;
    height: 444px;
    text-align: center;
    background: #fff;
    box-shadow: 0px 2px 10px 0px rgba(86, 75, 241, 0.5);
    border-radius: 8px;
    padding: 40px 48px;
    flex: 0 0 auto;
    margin: 28px 0;
}

.claim-container .banner .qrcode-info img {
    width: 200px;
    height: 200px;
    margin: 20px auto;
}

.qrcode-title {
    font-size: 22px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 24px;
}

.qrcode-desc {
    padding-top: 24px;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: 28px;
    text-align: left;
}

.qrcode-desc p{
    white-space: nowrap;
}

/* .claim-container .banner img {
    display: block;
    width: 100%;
    height: 560px;
} */

.claim-container .after-settling-first {
    width: 1190px;
    text-align: center;
    margin: 0 auto;
}

.claim-container .after-settling-first .title {
    padding: 100px 0 40px;
}

.claim-container .after-settling-first .title-desc {
    width: 880px;
    height: 56px;
    margin: 0 auto 60px;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    position: relative;
}

.before,
.after {
    width: 74px;
    height: 46px;
}

.before {
    position: absolute;
    left: -37px;
    top: -18px;
}

.after {
    position: absolute;
    right: -40px;
    bottom: 26px;
}

.after-settling-second {
    padding-bottom: 120px;
}

.after-settling-second .title {
    width: 1190px;
    margin: 0 auto;
    font-size: 30px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 30px;
    text-align: center;
    padding-bottom: 40px;
}

.after-settling-second .container {
    display: flex;
    width: 1200px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.07);
}

.container-list,
.container-item {
    display: flex;
    align-items: center;
}

.container .after-settling-list {
    width: 400px;
    height: 250px;
    padding: 30px 20px;
}

.container .after-settling-list:hover,
.after-settling-item:hover {
    background: rgba(90, 97, 255, 0.9);
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.07);
}

.container .after-settling-list:hover .title,
.after-settling-item:hover .title,
.container .after-settling-list:hover .desc,
.after-settling-item:hover .desc {
    color: #fff;
}

.container .after-settling-list:hover .serial-number,
.after-settling-item:hover .serial-number {
    text-shadow: 0px 2px 20px rgba(0, 0, 0, 0.07);
    color: rgba(235, 234, 255, 0.5);
}

.container .after-settling-list .title,
.after-settling-item .title {
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    text-align: left;
    padding-bottom: 20px;
}

.container .after-settling-list .desc,
.after-settling-item .desc {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 28px;
    padding-top: 20px;
}

.container .after-settling-list .serial-number,
.after-settling-item .serial-number {
    text-align: right;
    font-size: 64px;
    font-family: DINAlternate-Bold, DINAlternate;
    font-weight: bold;
    color: #EBEAFF;
    padding-top: 30px;
    /* text-shadow: 0px 2px 20px rgba(0, 0, 0, 0.07); */
}

.container-item {
    border-top: 1px solid #f4f4f4;
}

.container-item .after-settling-item {
    width: 300px;
    height: 314px;
    padding: 30px 20px;
}

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

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

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

.after-settling-item .desc {
    height: 140px;
    line-height: 28px;
}

.after-settling-item .serial-number {
    padding-top: 10px;
}


/* 常见问题 */
.common-problem {
    background-color: #f8f8f8;
    text-align: center;
    padding-bottom: 120px;
}

.common-problem .first-title {
    padding: 100px 0 60px 0;
}

.common-problem .first-title span {
    font-size: 40px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
}

.common-problem .first-title .desc {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    padding-top: 12px;
}

.problem {
    width: 1200px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.07);
    padding: 20px 50px;
}

.problem-item {
    text-align: left;
    padding: 36px 0 30px;
}

.problem-item .title {
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 20px;
    display: flex;
    align-items: center;
}

.problem-item-content .desc {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: 28px;
    padding: 14px 0 0 42px;
    text-align: justify;
}

.problem-item .title .problem-icon {
    width: 32px;
    height: 32px;
    background-image: url('https://images.dby.cn/%E4%BA%A7%E5%93%81%E8%AF%A6%E6%83%85%402x%202022-06-24%2016_21_28.png');
    background-size: 100% 100%;
    margin-right: 10px;
}

.column-title {
    font-size: 40px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 40px;
}

.claim-case {
    height: 979px;
    background: #F8F8F8;
}

.claim-case .top-nav {
    width: 1190px;
    margin: 0 auto;
    text-align: center;
}

.claim-case .top-nav .title {
    padding: 100px 0 20px 0;
}

.claim-case .top-nav .click-case {
    font-size: 20px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #7C75FF;
    line-height: 20px;
    cursor: pointer;
    position: relative;
}

.claim-case .top-nav .click-case a {
    color: #7C75FF;
}

/* 大于号实现  */
.claim-case .top-nav .click-case .gl {
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: -1px;
    border-left: 1px solid #7C75FF;
    border-bottom: 1px solid #7C75FF;
    -webkit-transform: translate(0, -50%) rotate(-135deg);
    transform: translate(0, -50%) rotate(-135deg);
    margin-left: 4px;
}

.claim-case .bottom-content {
    padding: 60px 0 120px;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.claim-case .bottom-content .case-list {
    width: 380px;
    height: 619px;
    background: #FFFFFF;
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.07);
    position: relative;
    overflow: hidden;
}

.claim-case .bottom-content .case-list:hover .case-detail-info{
    /* bottom: 0;
    -webkit-transition: bottom 0.3s;
    transition: bottom 0.3s; */

    right: 0;
    -webkit-transition: right 0.3s;
    transition: right 0.3s;
}

.claim-case .bottom-content .case-list:nth-of-type(2n) {
    margin: 0 30px;
}

.claim-case .bottom-content .case-list .case-base-info .avatar {
    width: 380px;
    height: 240px;
    position: relative;
    text-align: center;
}

.case-detail-info {
    position: absolute;
    /* bottom: -100%;
    left: 0; */
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(90, 97, 255, 0.94);
    /* position: relative; */
    padding: 0 30px;
    overflow: hidden;
}

.case-detail-info .right-top-amount {
    position: absolute;
    right: 0;
    top: 0;
    width: 144px;
    /* height: 44px; */
    background: linear-gradient(180deg, #E3E4FF 0%, #C2C5FF 100%);
    border-radius: 0px 0px 0px 12px;
    text-align: center;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #7C75FF;
    font-size: 16px;
    line-height: normal;
    /* display: inline-flex;
    align-items: center;
    justify-content: center; */
    padding: 5px 0;
}

.case-detail-info .right-top-amount span {
    line-height: normal;
    font-weight: 600;
    font-size: 24px;
    padding: 0 0 2px 5px;
}

.case-detail-info .case-title {
    padding: 40px 0 20px 0;
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 24px;
}
.case-detail-info .case-container{
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 16px;
}

.case-detail-info .case-container {
   
}

.pt20{
    padding-top: 20px;
}
.pt18{
    padding-top: 18px;
}

.line-height24{
    line-height: 24px;
}

.pt60{
    padding-top: 60px !important;
}

.avatar .top {
    width: 84px;
    height: 38px;
    background: #7C75FF;
    border-radius: 0px 0px 8px 0px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 38px;
}

.avatar .yiliao {
    background: #00CDB1;
}

.avatar .yiwai {
    background: #FB4266;
}

.avatar .bottom {
    width: 141px;
    height: 38px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 8px 0px 0px 0px;
    /* opacity: 0.5; */
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 38px;
}

.zhongji-avatar {
    background-image: url('https://images.dby.cn/%E7%9F%A9%E5%BD%A2%402x%202022-06-27%2017_44_57.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.yiliao-avatar {
    background-image: url('https://images.dby.cn/%E7%9F%A9%E5%BD%A2%402x%202022-06-27%2017_49_23.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.yiwai-avatar {
    background-image: url('https://images.dby.cn/%E7%9F%A9%E5%BD%A2%402x%202022-06-27%2017_51_04.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.case-base-info .infos {
    padding: 30px 30px 40px;
}

.case-base-info .infos .insurance-type {
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 24px;
}

.recognizee {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 18px;
    padding-top: 15px;
}

.case-base-info .infos .info-item {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: 18px;
    padding-top: 15px;
}

.case-base-info .infos p:nth-child(3) {
    padding-top: 20px !important;
}

.case-base-info .btn {
    width: 152px;
    height: 42px;
    border-radius: 4px;
    border: 1px solid #7C75FF;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #7C75FF;
    text-align: center;
    line-height: 42px;
    margin: 0 auto;
}

/* 保鱼赔 */
.dby-claim-settlement {
    position: relative;
}

.dby-claim-settlement .container {
    width: 1200px;
    height: 1900px;
    margin: 0 auto;
    text-align: center;
}

.dby-claim-settlement .container .dby-compensate {
    width: 1200px;
    height: 1430px;
    background-image: url('https://images.dby.cn/grid%402x%202022-06-27%2013_56_22.png');
    background-size: 100% 100%;
}

.dby-claim-settlement .container .dby-compensate .title {
    padding: 100px 0 60px 0;
}

.dby-claim-settlement .container .dby-compensate .dby-compensate-desc {
    width: 942px;
    height: 56px;
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 28px;
    margin: 0 auto;
    position: relative;
}

.dby-claim-settlement .container .dby-compensate .dby-compensate-desc .before {
    position: absolute;
}

.dby-claim-settlement .container .dby-compensate .dby-compensate-desc .after {
    position: absolute;
}

.dby-claim-settlement .container .dby-compensate .card {
    padding-top: 60px;
}

.dby-claim-settlement .container .dby-compensate .card .card-base-edition {
    height: 274px;
    background: rgba(124, 117, 255, 0.04);
    border-radius: 8px;
    padding: 20px 40px 20px 20px;
}

.dby-claim-settlement .bottom-right {
    width: 465px;
    height: 584px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.dby-claim-settlement .left-top {
    width: 360px;
    height: 800px;
    position: absolute;
    left: 0;
    top: 0;
}

.card .card-base-edition .left-card-entity,
.card .card-upgrades .right-card-entity {
    width: 370px;
    height: 234px;
    /* box-shadow: 0 2px 20px 0 rgba(124, 117, 255, 0.1); */
    position: relative;
}

/* .card .card-base-edition .left-card-entity {
    background-image: url('https://images.dby.cn/%E7%90%86%E8%B5%94%E6%9C%8D%E5%8A%A1%E5%AE%9E%E4%BD%93%E5%8D%A1-%E8%BD%AC%E6%9B%B2_%E7%94%BB%E6%9D%BF%201%402x%202022-06-27%2018_56_53.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
} */

.card-on {
    transition: all .8s ease;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 234px;
    width: 370px;
    backface-visibility: hidden;
    overflow: hidden;
    box-shadow: 0 2px 20px 0 rgb(124 117 255 / 10%)
}

.card-on img {
    width: 100%;
    height: 100%;
}

.card-in {
    transform: rotateY(180deg);
}

.left-card-entity:hover .card-on2,
.right-card-entity:hover .card-on2 {
    transform: rotateY(-180deg);
}

.left-card-entity:hover .card-in,
.right-card-entity:hover .card-in {
    transform: rotateY(0deg);
}

/* .card .card-upgrades .right-card-entity {
    background-image: url('https://images.dby.cn/%E7%90%86%E8%B5%94%E6%9C%8D%E5%8A%A1%E5%AE%9E%E4%BD%93%E5%8D%A1-%E8%BD%AC%E6%9B%B2_%E7%94%BB%E6%9D%BF%201%20%E5%89%AF%E6%9C%AC%204%402x%202022-06-27%2019_00_01.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
} */

.card .card-base-edition .right-card-desc {
    padding-left: 60px;
}

.card .card-upgrades .left-card-desc {
    padding-right: 60px;
}

.card .card-base-edition .right-card-desc .base-title,
.card .card-upgrades .left-card-desc .base-title {
    height: 28px;
    font-size: 28px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333333;
    line-height: 28px;
    text-align: left;
}

.card .card-base-edition .right-card-desc .bottom,
.card-upgrades .left-card-desc .bottom {
    margin-top: 40px;
}

.bottom .left-cost {
    padding-right: 24px;
}

.bottom .cost {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    /* line-height: 14px; */
    text-align: left;
}

.bottom .cost-value {
    font-size: 64px;
    font-family: DINAlternate-Bold, DINAlternate;
    font-weight: bold;
    color: #7C75FF;
    /* line-height: 64px; */
}

.bottom .cost-value span {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 16px;
}

.card .card-base-edition .right-card-desc .right {
    width: 551px;
    padding-left: 24px;
    text-align: left;
    border-left: 1px solid #e9e9e9;
}

.card .card-upgrades .left-card-desc .right {
    width: 546px;
    text-align: left;
    font-size: 18px;
    padding-left: 24px;
}

.card .card-base-edition .right-card-desc .right .first,
.card .card-upgrades .left-card-desc .right .first {
    line-height: 18px;
}

.card .card-base-edition .right-card-desc .right .second,
.card .card-upgrades .left-card-desc .right .second {
    margin-top: 20px;
    line-height: 24px;
}

.card .card-base-edition .right-card-desc .service-list,
.card .card-upgrades .left-card-desc .service-list {
    font-size: 18px;
    font-family: PingFangSC-Medium, PingFang SC;
    color: #666666;
    line-height: 18px;
    color: #999;
    font-weight: normal;
}

.card .card-base-edition .right-card-desc .service-list .label,
.card .card-upgrades .left-card-desc .service-list .label {
    font-weight: 500 !important;
    color: #666;
}

.card .card-upgrades {
    height: 274px;
    background: rgba(124, 117, 255, 0.04);
    border-radius: 8px;
    padding: 20px 20px 20px 40px;
    margin: 40px 0 39px 0;
}

.card-upgrades .left-card-desc .left-cost {
    border-right: 1px solid #e9e9e9;
}

.flex-align-center {
    display: flex;
    align-items: center;
}

.dby-compensate .rulebook {
    text-align: left;
}

.dby-compensate .rulebook .rulebook-title {
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #666666;
    line-height: 14px;
}

.dby-compensate .rulebook .rulebook-container {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: 24px;
    padding-top: 11px;
}

.service-progress .service-progress-title {
    padding: 120px 0 60px 0;
}

.service-progress-container {
    width: 1200px;
    height: 464px;
    margin: 0 auto;
    /* padding-bottom: 120px; */
    background-image: url('https://images.dby.cn/%E7%BC%96%E7%BB%84%2028%402x%202022-06-27%2019_05_42.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;

}
.text-opacity{
    opacity: .7;
}
.h-tap-main {
    z-index: 99 !important;
}