.plus-layout-wrap.gray {
    background: #F9FAFB;
}

.Plus-Activate{
    margin: 0 auto;
    padding-top: 59px;
    transition: all 0.2s;
}

.ActivateStep{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.ActivateStep p{
    margin-bottom: 0;
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFB311;
}

.ActivateStep-box-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

p.ActivateStep-title{
    text-align: center;
    margin-bottom: 35px;
}

.ActivateStep-box-content span{
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border-radius: 50%;
    background: #2A2B33;
    color: #999999;
}

.ActivateStep-boxs {
    display: flex;
    /*justify-content: space-between;*/
    /*align-items: baseline;*/
    overflow: hidden;
}
.ActivateStep-boxs h5{
    margin-top: 14px;
    color: #999999;
}

.ActivateStep-box-content.active span{
    background: #2A2B33;
    border: 1px solid #FFB311;
    color: #FFB311;
}

.ActivateStep-box-content span.ActivateStep-box-choosed{
    width: 42px;
    height: 42px;
    background-color: #FFB311;
}

.ActivateStep-box-content span.ActivateStep-box-choosed i{
    font-size: 30px;
    font-weight: 700;
    color: #21232B ;
}

.ActivateStep-box-content.active h5{
    color: #FFB311;
}

.ActivateStep-line{
    width: 279px;
    height: 4px;
    background: #2A2B33;
    border-radius: 2px;
    margin-top: 19px;
}

.ActivateStep-line.active{
    height: 4px;
    background: #FFB311;
    border-radius: 2px;
}

.ActivateStep-box-content .icon-vip{
    font-size: 19px;
}

.ActivateStep-box-content .icon-a-hetong1{
    font-size: 21px;
}

.ActivateStep-box-content .icon-gift{
    font-size: 21px;
}
.Plus-Activate-atOnce p{
    margin-bottom: 10px;
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #FFB311;
}

.Plus-Activate-atOnce {
    width: 1080px;
    height: 560px;
    background: #2A2B33;
    border-radius: 16px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    align-items: center;
    padding-top: 49px;
}

.Plus-Activate-atOnce .activate-not-img{
    width: 295px;
    /*cursor: pointer;*/
}

.Plus-Activate-atOnce button{
    width: 240px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
    border-radius: 30px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #613C14;
    margin-top: 60px;
    transition: all 0.3s;
}

.Plus-Activate-atOnce button:hover{
    box-shadow: 0px 0px 8px 0px rgba(247,211,147,0.32);
}

/*base code*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
/*the animation definition*/
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        -ms-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

.Plus-Activate-application-box{
    width: 1080px;
    height: 560px;
    background: #2A2B33;
    border-radius: 16px;
    margin-top: 23px;
    padding-top: 49px;
}

.ActivateStep-boxs h5.active{
    color: #FFB311;
}

.Plus-Activate-loading{

}

.activate-loading-box{
    width: 220px;
    height: 220px;
    background-color: #30313A;
    border-color: #8690AC;
    z-index: 1;
    position: relative;
    font-size: inherit;
    font-family: inherit;
    padding: 0.5em 1em;
    outline: none;
    overflow: hidden;
   border-radius: 10px;
    margin-top: 30px;
    margin-bottom: 25px;
}

/*激活授权 v2*/
.Plus-ActivateNew{
    margin: 0 auto;
    padding-top: 59px;
    transition: all 0.2s;
}

.Plus-ActivateNew h4{
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    color: #333333;
    margin-bottom: 50px;
    transition: all 0.2s;
}

.plus-ActivateNew-accredit{
    position: relative;
    width: 1080px;
    height: 624px;
    background: #fff;
    box-shadow: 0px 6px 16px 0px rgba(102,102,102,0.04);
    border-radius: 16px;
    transition: all 0.2s;
}

.plus-ActivateNew-accredit-title{
    position: relative;
    height: 98px;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    color: #333333;
    padding-top: 34px;
}

.plus-ActivateNew-accredit-title::after{
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 760px;
    height: 1px;
    background: linear-gradient(90deg, rgba(242,242,242,0.2) 0%, rgba(242,242,242,0.99) 50%, rgba(242,242,242,0.2) 100%);
    border-radius: 1px;
}

.plus-ActivateNew-accredit-content{
    width: 720px;
    margin: 0 auto;
    margin-top: 40px;
}

.plus-ActivateNew-accredit-content .ant-table-wrapper{
    width: 800px;
    /*max-height: 180px;*/
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
}

.plus-ActivateNew-accredit-content .ant-table .ant-table-body{
    border: 1px solid #F2F2F2;
    border-top: none;
    border-radius: 0 0 8px 8px;
}

.plus-ActivateNew-accredit-content .ant-table .ant-table-body tr:last-child td{
    border-bottom: none !important;
}


.plus-ActivateNew-accredit-content .ant-table-header,
.plus-ActivateNew-accredit-content  .ant-table-thead{
    width: 720px;
    background: linear-gradient(90deg, rgba(254, 226, 182, 0.5) 0%, rgba(254, 200, 110, 0.5) 99%);
    border-radius: 8px 8px 0px 0px;
    font-size: 14px;
    font-weight: 400;
    color: #613C14;
}

.plus-ActivateNew-accredit-content .ant-table-thead > tr > th{
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    color: #613C14;
    height: 37px;
    border-bottom: none;
}

.plus-ActivateNew-accredit-content .ant-table-thead > tr > th{
    padding: 8px 16px;
}

.plus-ActivateNew-accredit-content .ant-table-tbody > tr > td{
    padding: 12px 16px;
}


.ActivateNew-accreditRow .ant-table-cell{
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    background: transparent;
    font-weight: 400;
    font-size: 14px;
    color: #333;
    padding-left: 15px;
}



.plus-ActivateNew-accredit-content .ant-table-tbody > tr.ant-table-row-selected > td{
    background: transparent;
}

.plus-ActivateNew-accredit-content .ant-table-tbody > tr.ant-table-row:hover > td,
.plus-ActivateNew-accredit-content .ant-table-tbody > tr > td.ant-table-cell-row-hover{
    background-color: transparent;
}

.plus-ActivateNew-accredit-content .ant-table-tbody > tr > td{
    border-bottom: 1px solid #F2F2F2;
}



tr.plus-ActivateNew-accredit-content-all > td,
tr.plus-ActivateNew-accredit-content-all:hover > td{
    /* background: #393A42; */
    /* color: #999999; */
    padding-left: 44px;
}

.plus-ActivateNew-accredit-content .ant-table-thead .ant-checkbox-wrapper{
    opacity: 0;
}

.ActivateNew-accreditRow .ant-table-tbody > tr > td {
    height: 42px;
}

.ActivateNew-accreditRow .ant-checkbox-inner{
    background-color: transparent;
}


.plus-ActivateNew-accredit-content .ant-table-empty .ant-table-tbody > tr.ant-table-placeholder,
.plus-ActivateNew-accredit-content .ant-table-tbody > tr.ant-table-placeholder:hover > td{
    background-color: #2A2B33;
    color: rgba(204, 204, 204, 1);
}

.plus-ActivateNew-accredit-content .ant-radio-inner{
    border-color: #E6E6E6;
    background: transparent;
}
.plus-ActivateNew-accredit-content .ant-radio-checked .ant-radio-inner,
.plus-ActivateNew-accredit-content  .ant-radio-input:focus + .ant-radio-inner{
    border-color: #FFB311;

}

.plus-ActivateNew-accredit-content .ant-radio-inner::after{
    background: #FFB311;
}


/*.plus-ActivateNew-accredit-content .ant-radio-inner::after{*/
/*    background-color: rgba(153, 153, 153, 1);*/
/*}*/

.plus-ActivateNew-accredit-content  .ant-radio-wrapper {
    color: #E6E6E6;
}

.plus-ActivateNew-accredit-content  .ant-radio-wrapper:hover .ant-radio,
.plus-ActivateNew-accredit-content  .ant-radio:hover .ant-radio-inner{
    border-color: rgba(153, 153, 153, 1);
}

.plus-ActivateNew-accredit-content .ant-radio-input:focus + .ant-radio-inner{
    box-shadow: none !important;
}

.plus-ActivateNew-accredit-tips{
    width: 720px;
    margin: 25px auto;
    font-weight: 400;
    font-size: 14px;
    color: #F6AA07;
    margin-bottom: 0;
}

.plus-ActivateNew-accredit-btns{
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 720px;
    display: flex;
    justify-content: center;
}

.plus-ActivateNew-accredit-btns button{
    width: 220px;
    height: 52px;
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
    border-radius: 26px;
    font-weight: 400;
    font-size: 16px;
    color: #613C14;
    display: flex;
    align-items: center;
    justify-content: center;
}
.plus-ActivateNew-accredit-empty,
.plus-ActivateNew-accredit-success{
    display: flex;
    flex-direction: column;
    align-items: center;
}


.plus-ActivateNew-accredit-empty .accredit-empty{
    width: 334px;
    margin-top: 80px;
}

.plus-ActivateNew-accredit-success .accredit-success{
    width:240px;
    margin-top: 112px;
}

.plus-ActivateNew-accredit-empty p{
    font-weight: 400;
    font-size: 16px;
    color: #CCCCCC;
    margin-top: 24px;
    margin-bottom: 0;
}

.plus-ActivateNew-accredit-empty .plus-ActivateNew-accredit-emptyBtns{
    margin-top: 85px;
}

.plus-ActivateNew-accredit-emptyBtns button{
    width: 220px;
    height: 52px;
    background: #E6EAED;
    border-radius: 26px;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    line-height: 52px;
    text-align: center;
    cursor: not-allowed;
}

.plus-ActivateNew-accredit-successBtns{
    margin-top: 100px;
}

.plus-ActivateNew-accredit-successBtns button{
    width: 220px;
    height: 52px;
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
    border-radius: 26px;
    font-weight: 400;
    font-size: 16px;
    color: #613C14;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Plus-ActivateNew-receives{
    margin: 0 auto;
    padding-top: 120px;
    transition: all 0.2s;
}

.Plus-receives-content{
    width: 1080px;
    height: 624px;
    background: #fff;
    border-radius: 16px;
    transition: all 0.2s;
    box-shadow: 0px 6px 16px 0px rgba(102,102,102,0.04);
}


.Plus-receives-content h4{
    position: relative;
    text-align: center;
    height: 98px;
    font-weight: 600;
    font-size: 20px;
    color: #FFB311;
    padding-top: 37px;
    margin-bottom: 0;
}

.Plus-receives-content h4::after{
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 760px;
    height: 1px;
    background: linear-gradient(90deg, rgba(242,242,242,0.2) 0%, rgba(242,242,242,0.99) 50%, rgba(242,242,242,0.2) 100%);
    border-radius: 1px;
}

.Plus-receives-content,
.Plus-receives-module{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Plus-receives-content p{
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    margin-bottom: 0;
    margin-top: -5px;
    text-align: center;
}

.Plus-receives-giveaway{
    margin-top: 50px;
}

.Plus-receives-giveaway img{
    width: 273px;
}

.Plus-receives-giveawayBtns{
    margin-top: 70px;
}

.Plus-receives-giveawayBtns button{
    width: 220px;
    height: 52px;
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
    border-radius: 26px;
    font-weight: 400;
    font-size: 16px;
    color: #613C14;
}

.Plus-receives-success-module{
    margin-top: 130px;
}

.Plus-receives-success-module img{
   width: 143px;
}

.Plus-receives-success-module p{
    font-weight: 400;
    font-size: 16px;
    color: #CCCCCC;
    margin-top: 30px;
}

@keyframes rotatingEffect {
    0% {
        transform: translate3d(-525%, 0, 0) rotate(35deg);
    }
    100% {
        transform: translate3d(900%, 0, 0) rotate(35deg);
    }
}

.Plus-receives-none-module img{
    width: 250px;
    margin-top: 123px;
}

.Plus-receives-none-module p{
    margin-top: 29px;
}

.plus-ActivateNew-accredit-content .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before{
    width: 0;
    height: 0;
}

.Plus-ActivateNew-loading .plus-ActivateNew-accredit{
    display: flex;
    justify-content: center;
    align-items: center;
}

.dots {
    width: 100px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}

.dots div {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #FFB311;
    animation: fade 0.8s ease-in-out alternate infinite;
}

.dots div:nth-of-type(1) {
    animation-delay: -0.4s;
}

.dots div:nth-of-type(2) {
    animation-delay: -0.2s;
}

@keyframes fade {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.Plus-ActivateNew-failed img.accredit-failed{
    width: 273px;
    margin-top: 28px;
}

.Plus-ActivateNew-failed p.Plus-ActivateNew-failed-tit{
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    margin-bottom: 0;
    text-align: center;
    margin-top: 20px;
}

.Plus-ActivateNew-failed p.Plus-ActivateNew-failed-tit em{
    color: #F6AA07;
    font-weight: normal;
    margin: 0 3px;
}

.Plus-ActivateNew-failed button{
    width: 220px;
    height: 52px;
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
    border-radius: 26px;
    font-weight: 400;
    font-size: 16px;
    color: #613C14;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.Plus-ActivateNew-failed button:hover{
    box-shadow: 0px 0px 8px 0px rgba(247, 211, 147, 0.32);
}


.plus-ActivateNew-accredit-failedBtns{
    margin-top: 32px;
}

.plus-ActivateNew-accredit-reChoose{
    display: inline-block;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    color: #FFB311;
    text-decoration-line: underline;
    text-align: center;
    margin-top: 18px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.plus-ActivateNew-accredit-reChoose:hover{
    opacity: 0.8;
}

.plus-ActivateNew-accredit-Canvas .accreditCanvas-tit{
    font-weight: 500;
    font-size: 18px;
    color: #FFB311;
    text-align: center;
}

.plus-ActivateNew-accredit-Canvas{
    background-image: url('//js.ibaotu.com/revision/plus/img/activate/accredit-failed-bgc.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}

.plus-ActivateNew-accredit-Canvas .accreditCanvas-img{
    width: 194px;
}

.plus-ActivateNew-accredit-Canvas .plus-ActivateNew-accredit-success{
    margin-top: 47px;
}

.plus-ActivateNew-accredit-Canvas-tips p:nth-child(1){
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 0;
    margin-top: 10px;
}

.plus-ActivateNew-accredit-Canvas-tips p:nth-child(2){
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    margin-bottom: 20px;
    margin-top: 7px;
}


@media screen and (max-width: 1680px) {
    .Plus-Activate{
        padding-top: 30px;
    }
  .ActivateStep,
  .Plus-Activate-atOnce{
      transform: scale(0.9);
  }

    .Plus-Activate-atOnce{
        margin-top: -20px;
    }

    .Plus-Activate-application-box{
        transform: scale(0.9);
        margin-top: -20px;
    }

}

@media screen and (max-width: 1440px) {
    .Plus-ActivateNew{
        padding-top: 30px;
    }

    .Plus-ActivateNew h4{
        font-size: 22px;
        margin-bottom: -10px;
    }

    .plus-ActivateNew-accredit{
        transform: scale(0.9);
    }

    .Plus-ActivateNew-receives{
        padding-top: 20px;
    }

    .Plus-receives-content{
        transform: scale(0.9);
    }

}


.plus-orderModal .ant-modal-content,
.plus-orderModal-success .ant-modal-content{
    background: #fff;
    box-shadow: none;
    border-radius: 16px;
}

.plus-orderModal .ant-modal{
    width: 640px !important;
}
.plus-orderModal-success .ant-modal-content{
    padding-top: 30px;
}
.plus-orderModal .uploader .ant-upload {
    margin: 0 auto;
    float: none;
    width: 260px;
    height: 150px;
    background: #FFFFFF;
    border: 1px dashed #EBEBEB;
    border-radius: 8px;
    overflow: hidden;
}
.uploader .anticon-plus {
    font-size: 16px;
    display: block;
    color: #333;
}
.uploader .ant-upload-list-picture-card-container {
    float: none;
    width: 100%;
    height: 100%;
    margin: 0;
}
.uploader .ant-upload-list-item-info .ant-upload-list-item-name {
    display: none;
}
.uploader .ant-upload-list-picture-card .ant-upload-list-item {
    float: none;
    width: 200px;
    height: 140px;
    margin: 0;
    z-index: 10;
    padding: 0 !important;
}
.uploader .ant-upload-list-picture-card {
    /*position: absolute;*/
    border-radius: 0;
    border: none;
    /*top: 50px*/
}

.uploader .ant-upload-list-item-list-type-picture-card {
    position: absolute;
    border-radius: 0;
    border: none;
    /*top: 36%;*/
    /*transform: translate(-50%,-48%);*/
    transform: translate(15%,3%);
    /*left: 73%;*/
}

.uploader .ant-upload-list-item-actions a {
    display: none;
}
.uploader .ant-upload-list-picture-card-container {
    display: block;
}

.attention {
    width: 557px;
    margin: 0 auto;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #999999;
    margin-top: 30px;
    /*margin-bottom: 40px;*/
}
.plus-orderModal .ant-modal-header,
.plus-orderModal-success .ant-modal-header{
    border: none;
    /* background: #34343C; */
    border-radius: 16px;
    padding: 0;
}
.plus-orderModal .ant-modal-title,
.plus-orderModal-success .ant-modal-title{
    color: #333333;
    min-width: 100px;
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
}
.plus-orderModal .ant-modal-footer,
.plus-orderModal-success .ant-modal-footer{
    text-align: center;
    border-radius: 0 0 10px 10px;
    border: none;
    padding: 0;
    padding-top: 10px;
}


.plus-orderModal .ant-modal-footer div,
.plus-orderModal-success .ant-modal-footer div {
    width: 160px;
    margin: 0 auto;
}

.plus-orderModal .ant-modal-footer button,
.plus-orderModal-success .ant-modal-footer button{
    width: 160px;
    height: 40px;
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
    border-radius: 8px;
    border: none;
    font-size: 14px;
    line-height: 28px;
    font-weight: 500;
    font-family: PingFang SC;
    color: #613C14;
    transition: all 0.3s;
}

.ant-modal-footer button:hover {
    opacity: 0.9;
}
.uploadCertText {
    color: #333;
}
.supportFormat {
    margin-top: 9px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #999999;
}

.plus-payment-onUpload-headers{
    display: flex;
    justify-content: center;
    align-items: center;
}

.uploader .ant-upload:hover .feedback-delete {
    display: block;
}
.feedback-delete {
    display: none;
    width: 358px;
    height: 144px;
    position: absolute;
    top: 101px;
    left: 81px;
    z-index: 2;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    line-height: 80px;
    border-radius: 10px;
    cursor: pointer;
}
.feedback-delete i {
    font-size: 24px;
    color: #fff;
    display: inline-block;
    margin-top: 25px;
}

.plus-orderModal .ant-modal-content .ant-modal-body{
    height: auto;
    padding: 27px 44px 28px 44px;
}

.plus-payment-invoiceContent{
    display: flex;
}


.plus-orderModal .ant-upload.ant-upload-select-picture-card{
    border: none ;
    /*margin-top: 50px;*/
}

.plus-orderModal .ant-modal-close,
.plus-orderModal-success  .ant-modal-close{
    display: inline-block;
}

.plus-orderModal .ant-modal-close-x,
.plus-orderModal-success .ant-modal-close-x{
    color: rgba(153, 153, 153, 1);
    font-size: 18px;
    transition: all 0.3s;
}
.plus-orderModal .ant-modal-close-x:hover,
.plus-orderModal-success .ant-modal-close-x:hover{
    color: #666;
}


.plus-orderModal .ant-modal-content{
    padding: 30px 0px;
    width: 640px;
    height: auto;
    background: #FFFFFF;
    border-radius: 12px;
}

/*上传成功modal框*/
.plus-orderModal-success  .ant-modal-content{
    width: 446px;
    height: 360px;
    background: #fff;
    border-radius: 16px;
}

.plus-orderModal-success .ant-modal-footer{
    margin-top: -30px;
}

.plus-orderModal-success-tips{
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #666;
    line-height: 28px;
    margin-top: 50px;
}
.plus-orderModal-success-content{
    text-align: center;
}

.plus-orderModal .ant-modal-footer button:hover,
.plus-orderModal-success .ant-modal-footer button:focus{
    color: #613C14;
    background: linear-gradient(90deg, #FFD692 20%, #FDBB4C 90%);
    opacity: 0.8;
}

.plus-orderModal  .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item{
    background: #34343C;
}

.invoice-test{
    cursor: pointer;
    width: 260px;
    height: 150px;
    border-radius: 8px;
    margin-right:40px;
    position: relative;
    border: 1px solid #EBEBEB;
}

.invoice-test img{
    width: 100%;
    height: 100%;
}

.invoice-test::after{
    position: absolute;
    top: 15px;
    left: 15px;
    content: "\793A\4F8B";
    display: block;
    width: 46px;
    height: 22px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    line-height: 22px;
}

.duigong-faliled-reason{
    width: 560px;
    height: 26px;
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding: 0 6px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #613C14;
    margin-bottom: 15px;
}

.duigong-faliled-reason span{
    display: block;
    max-width: 410px;
    overflow: hidden;
    white-space:nowrap;
    /*文字超出宽度则显示ellipsis省略号*/
    text-overflow:ellipsis;
}

.duigong-faliled-reason i{
    font-size: 19px;
    margin-right: 5px;
}
.plus-payment-error-uploadImg{
    position: relative;
    width: 100%;
    height: 100%;
}
.plus-payment-error-uploadImg img{
    /*width: 100%;*/
    height: 100%;
}

.plus-payment-error-uploadImg::after{
    content: '\91CD\65B0\4E0A\4F20';
    width: 260px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    text-shadow: 0px 0px 6px #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes closeWindow {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.ril__outer {
  background-color: rgba(0, 0, 0, 0.85);
  outline: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  -ms-content-zooming: none;
  -ms-user-select: none;
  -ms-touch-select: none;
  touch-action: none;
}

.ril__outerClosing {
  opacity: 0;
}

.ril__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ril__image,
.ril__imagePrev,
.ril__imageNext {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: none;
  -ms-content-zooming: none;
  -ms-user-select: none;
  -ms-touch-select: none;
  touch-action: none;
}

.ril__imageDiscourager {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ril__navButtons {
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 34px;
  padding: 40px 30px;
  margin: auto;
  cursor: pointer;
  opacity: 0.7;
}
.ril__navButtons:hover {
  opacity: 1;
}
.ril__navButtons:active {
  opacity: 0.7;
}

.ril__navButtonPrev {
  left: 0;
  background: rgba(0, 0, 0, 0.2)
    url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDE5LDMgLTIsLTIgLTE2LDE2IDE2LDE2IDEsLTEgLTE1LC0xNSAxNSwtMTUgeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==')
    no-repeat center;
}

.ril__navButtonNext {
  right: 0;
  background: rgba(0, 0, 0, 0.2)
    url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDEsMyAyLC0yIDE2LDE2IC0xNiwxNiAtMSwtMSAxNSwtMTUgLTE1LC0xNSB6IiBmaWxsPSIjRkZGIi8+PC9zdmc+')
    no-repeat center;
}

.ril__downloadBlocker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
  background-size: cover;
}

.ril__caption,
.ril__toolbar {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
}

.ril__caption {
  bottom: 0;
  max-height: 150px;
  overflow: auto;
}

.ril__captionContent {
  padding: 10px 20px;
  color: #fff;
}

.ril__toolbar {
  top: 0;
  height: 50px;
}

.ril__toolbarSide {
  height: 50px;
  margin: 0;
}

.ril__toolbarLeftSide {
  padding-left: 20px;
  padding-right: 0;
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ril__toolbarRightSide {
  padding-left: 0;
  padding-right: 20px;
  flex: 0 0 auto;
}

.ril__toolbarItem {
  display: inline-block;
  line-height: 50px;
  padding: 0;
  color: #fff;
  font-size: 120%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ril__toolbarItemChild {
  vertical-align: middle;
}

.ril__builtinButton {
  width: 40px;
  height: 35px;
  cursor: pointer;
  border: none;
  opacity: 0.7;
}
.ril__builtinButton:hover {
  opacity: 1;
}
.ril__builtinButton:active {
  outline: none;
}

.ril__builtinButtonDisabled {
  cursor: default;
  opacity: 0.5;
}
.ril__builtinButtonDisabled:hover {
  opacity: 0.5;
}

.ril__closeButton {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJtIDEsMyAxLjI1LC0xLjI1IDcuNSw3LjUgNy41LC03LjUgMS4yNSwxLjI1IC03LjUsNy41IDcuNSw3LjUgLTEuMjUsMS4yNSAtNy41LC03LjUgLTcuNSw3LjUgLTEuMjUsLTEuMjUgNy41LC03LjUgLTcuNSwtNy41IHoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=')
    no-repeat center;
}

.ril__zoomInButton {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PHBhdGggZD0iTTEyIDV2NiIvPjwvZz48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+')
    no-repeat center;
}

.ril__zoomOutButton {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PC9nPjxjaXJjbGUgY3g9IjEyIiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=')
    no-repeat center;
}

.ril__outerAnimating {
  animation-name: closeWindow;
}

@keyframes pointFade {
  0%,
  19.999%,
  100% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}

.ril__loadingCircle {
  width: 60px;
  height: 60px;
  position: relative;
}

.ril__loadingCirclePoint {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.ril__loadingCirclePoint::before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 11%;
  height: 30%;
  background-color: #fff;
  border-radius: 30%;
  animation: pointFade 800ms infinite ease-in-out both;
}
.ril__loadingCirclePoint:nth-of-type(1) {
  transform: rotate(0deg);
}
.ril__loadingCirclePoint:nth-of-type(7) {
  transform: rotate(180deg);
}
.ril__loadingCirclePoint:nth-of-type(1)::before,
.ril__loadingCirclePoint:nth-of-type(7)::before {
  animation-delay: -800ms;
}
.ril__loadingCirclePoint:nth-of-type(2) {
  transform: rotate(30deg);
}
.ril__loadingCirclePoint:nth-of-type(8) {
  transform: rotate(210deg);
}
.ril__loadingCirclePoint:nth-of-type(2)::before,
.ril__loadingCirclePoint:nth-of-type(8)::before {
  animation-delay: -666ms;
}
.ril__loadingCirclePoint:nth-of-type(3) {
  transform: rotate(60deg);
}
.ril__loadingCirclePoint:nth-of-type(9) {
  transform: rotate(240deg);
}
.ril__loadingCirclePoint:nth-of-type(3)::before,
.ril__loadingCirclePoint:nth-of-type(9)::before {
  animation-delay: -533ms;
}
.ril__loadingCirclePoint:nth-of-type(4) {
  transform: rotate(90deg);
}
.ril__loadingCirclePoint:nth-of-type(10) {
  transform: rotate(270deg);
}
.ril__loadingCirclePoint:nth-of-type(4)::before,
.ril__loadingCirclePoint:nth-of-type(10)::before {
  animation-delay: -400ms;
}
.ril__loadingCirclePoint:nth-of-type(5) {
  transform: rotate(120deg);
}
.ril__loadingCirclePoint:nth-of-type(11) {
  transform: rotate(300deg);
}
.ril__loadingCirclePoint:nth-of-type(5)::before,
.ril__loadingCirclePoint:nth-of-type(11)::before {
  animation-delay: -266ms;
}
.ril__loadingCirclePoint:nth-of-type(6) {
  transform: rotate(150deg);
}
.ril__loadingCirclePoint:nth-of-type(12) {
  transform: rotate(330deg);
}
.ril__loadingCirclePoint:nth-of-type(6)::before,
.ril__loadingCirclePoint:nth-of-type(12)::before {
  animation-delay: -133ms;
}
.ril__loadingCirclePoint:nth-of-type(7) {
  transform: rotate(180deg);
}
.ril__loadingCirclePoint:nth-of-type(13) {
  transform: rotate(360deg);
}
.ril__loadingCirclePoint:nth-of-type(7)::before,
.ril__loadingCirclePoint:nth-of-type(13)::before {
  animation-delay: 0ms;
}

.ril__loadingContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ril__imagePrev .ril__loadingContainer,
.ril__imageNext .ril__loadingContainer {
  display: none;
}

.ril__errorContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.ril__imagePrev .ril__errorContainer,
.ril__imageNext .ril__errorContainer {
  display: none;
}

.ril__loadingContainer__icon {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.BeInvited{
    width: 100%;
    height: 100%;
    padding-top: 88px;
}

.BeInvited-title{
    margin: 0 auto;
    display: flex;
    width: 720px;
    height: 70px;
    background: #F9FAFB;
    border: 1px solid #EBEBEB;
    border-radius: 10px;
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #333333;
    overflow: hidden;
}
.BeInvited-title-step{
    position: relative;
    width: 265px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 10px;
}

.BeInvited-title-step-active{
    color: rgba(97, 60, 20, 1);
    cursor: pointer;
    background-image: url('//js.ibaotu.com/revision/plus/img/member/new/beInvited-bgc.png');
    /*background-size: 238px  82px;*/
    background-position: center;
    background-repeat: no-repeat;
}
.BeInvited-title-stepTwo-active{
    color: rgba(97, 60, 20, 1);
    cursor: pointer;
    background-image: url('//js.ibaotu.com/revision/plus/img/member/new/beInvited-bgc-stepTwo.png');
    background-size: 260px  82px;
    background-position: center;
    background-repeat: no-repeat;
}
.BeInvited-title-step-active-final{
    color: rgba(97, 60, 20, 1);
    cursor: pointer;
    background: linear-gradient(166deg, #EACCA3, #EBAB43);
}

.BeInvited-title-step-active-not{
    background-image: url('//js.ibaotu.com/revision/plus/img/member/new/beInvited-bgc-not.png');
    background-size: 260px  82px;
    background-position: center;
    background-repeat: no-repeat;
    color: #613C14;
}
.BeInvited-title-stepTwo-active-not{
    background-image: url('//js.ibaotu.com/revision/plus/img/member/new/beInvited-bgc-stepTwo-other.png');
    background-size: 260px  82px;
    background-position: center;
    background-repeat: no-repeat;
    color: #613C14;
}

.BeInvited-title-stepThree-active{
    background-image: url('//js.ibaotu.com/revision/plus/img/member/new/beInvitedFinal-bgc-not.png');
    background-size: 260px  82px;
    background-position: center;
    background-repeat: no-repeat;
    color: #613C14;
}

.BeInvited-title-step img{
    width: 44px;
    height: 50px;
    margin-right: 13px;
}
.BeInvited-title-step:first-child  img{
    margin-right: 0px;
}


.BeInvited-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 34px;
}

.BeInvited-content p{
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;
    margin: 20px auto 40px;
}

.BeInvited-content img{
    display: block;
    margin-top: 10px;
    width: 465px;
    height: 241px;
}

.BeInvited-content .ApplyJoin-btn{
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
    border-radius: 25px;
    font-size: 20px;
    font-family: PingFang SC;
    color: #613C14;
    transition: all .3s;
    margin-top: 30px;
}
.BeInvited-content button:hover{
    opacity: 0.9;
}

.viewResult-btn{
    width: 240px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
    border-radius: 25px;
    font-size: 20px;
    font-family: PingFang SC;
    color: #613C14;
}

.BeInvited-content-failed{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 40px;
}

.BeInvited-content-failed img{
    width: 465px;
    height: 250px;
}

.BeInvited-content-failed p{
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    margin-top: 20px;
    margin-bottom: 0;
}

.BeInvited-content-failed span{
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    opacity: 0.4;
    margin-top: 6px;
}

.BeInvited-content-failed button{
    display: block;
    width: 240px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
    border-radius: 25px;
    font-size: 20px;
    font-family: PingFang SC;
    color: #613C14;
    transition: all 0.3s;
    margin-top: 44px;
}

.BeInvited-content-failed button:hover{
    opacity: 0.9;
}
.BeInvited-title{
    position: relative;
}
.BeInvited-title div:nth-child(1){
    position: absolute;
    left: -8px;
    top: 0;
    z-index: 2;
}
.BeInvited-title div:nth-child(2){
    position: absolute;
    left: 226px;
    top: 0;
    z-index: 3;
}
.BeInvited-title div:nth-child(3){
    position: absolute;
    left: 458px;
    top: 0;
    z-index: 4;
}

.BeInvited-content-remark-input{
    text-align: center;
    width: 350px;
    height: 50px;
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    padding-left: 10px;
    margin-bottom: 60px;
}

.BeInvited-content-remark-input::placeholder{
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
}

@media screen and (max-width: 1680px) {
    .BeInvited{
        padding-top: 40px;
    }

}

.ant-message-notice-content{
    display: inline-block;
    padding: 10px 16px;
}


.plus-CooperationCaseHeader{
    width: 100%;
    height: 85px;
    background: #FFFFFF;
    box-shadow: 0px 0px 12px 0px rgba(51,51,51,0.1);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 200;
    padding: 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.plus-CooperationCaseHeader-left{
    height: 100%;
    display: flex;
    align-items: center;
}
.plus-CooperationCaseHeader-left img.plus-CooperationCaseHeader-logo{
    width: 131px;
    cursor: pointer;
}
.plus-CooperationCaseHeader-left img.plus-CooperationCaseHeader-tips{
    width: 188px;
    margin-left: 30px;
}

.CooperationCaseHeader-VIP-identification{
    position: relative;
    cursor: pointer;
    width: 107px;
    height: 36px;
    background: linear-gradient(90deg, #4C4C4C 0%, #363635 100%);
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #F7D394;
    display: flex;
    align-items: center;
    justify-content: center;
}

.CooperationCaseHeader-VIP-identification span{
    width: 80px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background: linear-gradient(90deg, #EC8335 0%, #E8544D 100%);
    border-radius: 12px 11px 11px 0px;
    position: absolute;
    top: -18px;
    right: -8px;
    font-size: 12px;
    font-weight: 500;
    color: #FFFFFF;
    transition: all 0.2s;
}
.CooperationCaseHeader-VIP-identification:hover span{
    top: -19px;
}

.CooperationCaseHeader-VIP-identification .iconfont {
    font-size: 18px;
    margin-right: 8px;
}

.plus-CooperationCaseHeader-right{
    height: 100%;
    display: flex;
    align-items: center;
}

.plus-cooperationCase-layout{
    width: 100%;
    height: 100%;
    background: #fff;
}

.plus-cooperationCase-firstScreen{
    width: 100%;
    height: auto;
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/cooperationCase/cooperationCase-bgc-1-2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    text-align: center;
}



.plus-cooperationCase-firstScreen h3,
.plus-cooperationCase-secondScreen h3,
.plus-cooperationCase-thirdScreen h3,
.plus-cooperationCase-fourScreen h3{
    width: 580px;
    position: relative;
    font-weight: 600;
    font-size: 32px;
    color: #333333;
    line-height: 20px;
    margin: 0 auto;
    margin-top: 204px;
}

.plus-cooperationCase-firstScreen h3 {
    color: #FFFFFF;
    text-shadow: 0px 4px 16px rgba(0,0,0,0.35);
}

.plus-cooperationCase-firstScreen h3::after,
.plus-cooperationCase-secondScreen h3::after,
.plus-cooperationCase-thirdScreen h3::after,
.plus-cooperationCase-fourScreen h3::after{
    content: '';
    position: absolute;
    right: 105%;
    top: 10px;
    width: 240px;
    height: 2px;
    background: linear-gradient(-90deg, #333333 0%, rgba(51,51,51,0.01) 100%);
    border-radius: 1px;
    opacity: 0.2;
}

.plus-cooperationCase-firstScreen h3::after {
    background: linear-gradient(-90deg, #FFFFFF 0%, rgba(255,255,255,0.01) 100%);
}

.plus-cooperationCase-secondScreen h3::after{
    right: 94%;
}

.plus-cooperationCase-thirdScreen h3::after{
    right: 79%;
}

.plus-cooperationCase-fourScreen h3::after{
    right: 100%;
}

.plus-cooperationCase-firstScreen h3::before,
.plus-cooperationCase-secondScreen h3::before,
.plus-cooperationCase-thirdScreen h3::before,
.plus-cooperationCase-fourScreen h3::before{
    content: '';
    position: absolute;
    left: 105%;
    top: 10px;
    width: 240px;
    height: 2px;
    background: linear-gradient(90deg, #333333 0%, rgba(51,51,51,0.01) 100%);
    border-radius: 1px;
    opacity: 0.2;
}

.plus-cooperationCase-firstScreen h3::before {
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255,255,255,0) 99%);
}

.plus-cooperationCase-secondScreen h3::before{
    left: 94%;
}

.plus-cooperationCase-fourScreen h3::before{
    left: 100%;
}

.plus-cooperationCase-thirdScreen h3::before{
    left: 79%;
}
.plus-cooperationCase-firstScreen p,
.plus-cooperationCase-secondScreen p,
.plus-cooperationCase-thirdScreen p{
    margin-top: 39px;
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 34px;
}

.plus-cooperationCase-firstScreen>p {
    color: #fff;
    text-shadow: 0px 4px 16px rgba(0,0,0,0.35);
}

.plus-cooperationCase-endorsement{
    display: flex;
    justify-content: center;
    margin-top: 46px;
    margin-bottom: 94px;
}

.plus-cooperationCase-endorsement img{
    width: 690px;
}

.plus-cooperationCase-endorsement .plus-cooperation-endorsement-left,
.plus-cooperationCase-endorsement .plus-cooperation-endorsement-right{
    display: flex;
    flex-direction: column;
}

.plus-cooperation-endorsement-left a{
    width: 200px;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    text-decoration-line: underline;
    transition: all 0.2s ease;
    height: 34px;
    line-height: 34px;
    margin: 0 auto;
}

.plus-cooperation-endorsement-left a:hover{
    opacity: 0.85;
}

.plus-cooperation-endorsement-right p{
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    margin-bottom: 0;
    margin-top: 0;
    height: 34px;
    line-height: 34px;
}

.plus-cooperationCase-secondScreen,
.plus-cooperationCase-thirdScreen{
    text-align: center;
}
.plus-cooperationCase-secondScreen p,
.plus-cooperationCase-thirdScreen p{
    margin-top: 40px;
}

.plus-cooperationCase-secondScreen h3,
.plus-cooperationCase-thirdScreen h3{
    margin-top: 18px;
}

.plus-cooperationCase-carousels,
.plus-cooperationCase-carousels-1,
.plus-cooperationCase-carousels-2,
.plus-cooperationCase-carousels-3,
.swiper-container{
    width: 100%;
}

.plus-cooperationCase-carousels {
    overflow: hidden;
}

.plus-cooperationCase-carousels-1,
.plus-cooperationCase-carousels-2,
.plus-cooperationCase-carousels-3{
    margin-bottom: 40px;
}

.plus-cooperationCase-carousels .swiper-container .swiper-slide{
    width: 270px;
    height: 194px;
    background-color: #333333;
    color: rgba(255, 255, 255, 1);
    border-radius: 10px;
    overflow: hidden;
}

.plus-cooperationCase-carousels .swiper-container .swiper-slide span{
    color: rgba(255, 255, 255, 1);
    line-height: 36px;
}

.plus-cooperationCase-carousels .swiper-container img{
    width: 100%;
    height: 160px;
    object-fit: cover;
}

.plus-cooperationCase-thirdScreen{
    margin-top: 120px;
}
.Infringement-case-group{
    width: 100%;
    height: auto;
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/cooperationCase/cooperationCase-bgc-3-2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 74px;
}

.Infringement-case-1{
    width:760px;
    height: 520px;
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/cooperationCase/Infringement-case-1-2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    padding: 79px 67px 0 67px;
    text-align: left;
}
.Infringement-case-2{
    width:760px;
    height: 520px;
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/cooperationCase/Infringement-case-2-2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    padding: 79px 67px 0 67px;
    text-align: left;
}
.Infringement-case-group h5{
    position: relative;
    font-weight: 600;
    font-size: 24px;
    color: #FFD791;
}

.Infringement-case-group h5::after{
    content: '';
    position: absolute;
    width: 264px;
    height: 1px;
    background: #FFD791;
    bottom: -6px;
    left: 0;
}

.Infringement-case-group .Infringement-case-2 h5::after{
    width: 310px;
}

.Infringement-case-group p{
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    margin-top: 29px;
    margin-bottom: -9px;
}

.Infringement-case-result{
    width: 616px;
    height: 89px;
    display: block;
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/cooperationCase/Infringement-red-2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 43px;
    overflow: hidden;
    padding-top: 12px;
    padding-left: 17px;
}

.Infringement-case-result em:nth-child(1){
    font-weight: 600;
    font-size: 20px;
    color: #FFE1AC;
}
.Infringement-case-result em:nth-child(2){
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: #FFE1AC;
    margin-top: 10px;
}

.plus-cooperationCase-fourScreen-content{
    width: 100%;
    height: auto;
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/cooperationCase/cooperationCase-bgc-4-2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 23px;
    padding-top: 6px;
}

.plus-cooperationCase-fourScreen h3{
    text-align: center;
    margin-top: 126px;
}

.plus-cooperationCase-fourScreen p{
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: #333;
    line-height: 34px;
}

.plus-cooperationCase-advantages {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 77px;
}

.plus-cooperationCase-advantages li{
    width: 200px;
    height: 200px;
    background: rgba(255,255,255,0.8);
    box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.06);
    border-radius: 10px;
    border: 1px solid #FFFFFF;
    margin-right: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 0 0 0;
    overflow: hidden;
}

.plus-cooperationCase-advantages li:last-child{
    margin-right: 0;
}

.plus-cooperationCase-fourScreen-bottom{
    display: flex;
    justify-content: center;
    margin-top: 65px;

}

.plus-cooperationCase-fourScreen-bottom button{
    width: 300px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg, #FFDC9E 0%, #FDC251 100%);
    border-radius: 10px;
    margin-bottom: 140px;
    font-weight: 500;
    font-size: 18px;
    color: #613C14;
}

.plus-cooperationCase-fourScreen-bottom button i{
    font-size: 16px;
    font-weight: 700;
    margin-left: 5px;
    transition: all 0.3s;
}

.plus-cooperationCase-fourScreen-bottom button:hover i{
    margin-left: 10px;
}

.plus-cooperationCase-advantages .plus-cooperationCase-advantages-imgBox{
    display: inline-block;
    width: 66px;
    height: 66px;
    background: #2E2E2E;
    border-radius: 8px;
}

.plus-cooperationCase-advantages-imgBox img{
    width: 66px;
}

.plus-cooperationCase-advantages li em{
    font-weight: 500;
    font-size: 18px;
    color: #613C14;
    margin-top: 25px;
}
.plus-cooperationCase-advantages li span:last-child{
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    margin-top: 6px;
}

.plus-cooperationCase-VisualWindow {
    width: 100%;
    height: 195px;
    margin-bottom: 40px;
}

.VisualWindow-boxs{
    display: inline-flex;
    white-space: nowrap;
    animation: translating 50s linear infinite;
}


.plus-cooperationCase-VisualWindow .VisualWindow-boxs-li{
    width: 270px;
    height: 194px;
    background: #F6F9F9;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.14);
    color: #333333;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    margin-right: 40px;
    flex-shrink: 0;
}

.plus-cooperationCase-VisualWindow .VisualWindow-boxs-li img{
    width: 100%;
    height: 160px;
    object-fit: cover;
}
.plus-cooperationCase-VisualWindow .VisualWindow-boxs-li span{
    color: #333333;
    line-height: 36px;
}


@keyframes translating {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.plus-cooperationCase-VisualWindow.first{
    margin-top: 70px;
}

.plus-cooperationCase-VisualWindow.second{
    padding-left: 150px;
}
.section_Details {
  width: 100%;
  height: auto;
  padding: 20px 0 55px;
  background: #F7F8F9;
}

.section_Details .details_w1200 {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  background: #ffffff;
  box-shadow: 0px 15px 30px 0px rgba(237, 240, 241, 0.5);
  border: 1px solid #EDF0F1;
}

.details_w1200 .details_w1200_cont {
  padding: 44px 40px 38px;
}

.details_w1200 .details_left {
  width: 800px;
  height: auto;
  float: left;
}

/* title */
.details_title {
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  color: #272728;
  text-align: left;
}

.title_question {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.title_question .icon-wenhao {
  display: inline-block;
  font-size: 20px;
  margin-left: 3px;
  color: rgba(39, 39, 40, 0.4);
}

.title_question .title_answer {
  display: none;
  width: 300px;
  height: auto;
  padding: 15px;
  background: rgba(39, 39, 40, 0.8);
  font-weight: normal;
  position: absolute;
  top: 2px;
  left: 23px;
  font-size: 12px;
  color: #ffffff;
  z-index: 10;
  border-radius: 0 6px 6px 6px;
}

.title_answer span {
  display: block;
  width: 100%;
  height: 17px;
  line-height: 17px;
  font-size: 12px;
  margin-bottom: 5px;
}

.title_question:hover .title_answer {
  display: block;
}

.title_question:hover .icon-wenhao {
  color: #272728;
}

/* text */
.details_text {
  display: block;
  width: 100%;
  height: auto;
  font-size: 14px;
  color: #666666;
  line-height: 22px;
  margin: 16px 0 20px;
}

.details_left .details_list {
  width: 100%;
  height: auto;
  padding: 25px 0 62px;
  border-top: 1px solid #F0F1F3;
  text-align: center;
  margin: 0;
}

.details_list .list_title {
  display: block;
  width: 336px;
  height: 1px;
  position: relative;
  background: #EFEFEF;
  margin: 0 auto 28px;
}

.details_list .list_title span {
  display: block;
  width: 96px;
  height: 25px;
  background: #ffffff;
  line-height: 25px;
  font-size: 18px;
  color: #272728;
  position: absolute;
  top: -13px;
  left: 0;
  right: 0;
  margin: auto;
}

.details_list .list_title span::after,
.details_list .list_title span::before {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border: 1px solid #EFEFEF;
  position: absolute;
  top: 9px;
  border-radius: 50%;
}

.details_list .list_title span::after {
  left: 0px;
}

.details_list .list_title span::before {
  right: 0px;
}

/* 图片 */
.details_list li {
  margin: 0 auto 42px;
}

.details_list li img, .details_list li video {
  display: block;
  width: 100%;
  margin: 0 auto;
}

/* right */
.details_right {
  width: 265px;
  height: auto;
  float: right;
}

.details_right_kefu {
  width: 100%;
  height: 110px;
  background: #ffffff;
  position: relative;
  border: 1px solid #F0F1F3;
  padding-top: 18px;
}

.details_right_kefu img {
  display: block;
  position: absolute;
  bottom: 0;
  right: 5px;
}

.details_right_kefu .title {
  display: block;
  width: 140px;
  height: 22px;
  text-align: center;
  background: #ffffff;
  line-height: 22px;
  font-size: 16px;
  color: #CCAC5C;
  position: absolute;
  top: -11px;
  left: 10px;
  font-weight: 500;
}

.details_right_kefu span {
  display: block;
  text-align: left;
  padding-left: 18px;
  font-size: 12px;
  color: #999999;
  line-height: 20px;
}

.details_right_kefu span em {
  color: #CCAC5C;
  font-size: 15px;
}

.details_right_kefu a {
  display: block;
  width: 90px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  font-size: 12px;
  color: #FFFFFF;
  background: #CCAC5C;
  border-radius: 13px;
  margin: 5px 0 0 16px;
}

.details_right_kefu a i {
  display: inline-block;
  vertical-align: -2px;
  transform: rotateY(180deg);
  margin-right: 2px;
}

.details_right_kefu a:hover {
  color: #ffffff;
  opacity: 0.9;
}

/* 右侧锚点 */
.div_right_case {
  width: 100%;
  height: auto;
  background: #ffffff;
  border: 1px solid #F0F1F3;
  padding: 24px 0 20px 20px;
  margin-top: 40px;
}

.div_right_case .ant-anchor-wrapper {
  margin: 0;
  padding: 0;
}

.div_right_case .ant-anchor {
  border: 0px;
  padding: 0;
}

.div_right_case .ant-anchor-ink {
  display: none;
}

.div_right_case .title {
  display: block;
  width: 100%;
  height: 16px;
  line-height: 16px;
  text-align: left;
  color: #272728;
  margin-bottom: 13px;
}

.div_right_case .ant-anchor-link {
  display: block;
  padding: 0;
  height: 38px;
  line-height: 38px;
  text-align: left;
  position: relative;
}

.div_right_case .ant-anchor-link i {
  position: absolute;
  left: -10px;
  top: 0px;
  color: #EFEFEF;
  font-size: 30px;
}

.div_right_case .ant-anchor-link .icon-point {
  display: block;
}

.div_right_case .ant-anchor-link .icon-xiaosanjiao {
  display: none;
  font-size: 16px;
  left: -5px;
}

.div_right_case .ant-anchor-link-active .icon-point {
  display: none;
}

.div_right_case .ant-anchor-link-active .icon-xiaosanjiao {
  display: block;
  color: #CCAC5C;
}

.div_right_case .ant-anchor-link-title {
  margin-bottom: 0px;
  padding-left: 17px;
}

.div_right_case .ant-anchor-link-title:hover {
  color: #CCAC5C;
}

.div_right_case .ant-anchor-link-active .ant-anchor-link-title {
  color: #CCAC5C;
}

/* 精选 */
.div_featured {
  width: 100%;
  height: auto;
  padding: 40px 40px 38px;
  background: rgba(247, 248, 249, 0.6);
}

.div_featured .title {
  display: block;
  width: 100%;
  height: 22px;
  line-height: 22px;
  font-size: 22px;
  color: #272728;
  text-align: left;
  margin-bottom: 22px;
}

.div_featured ul {
  width: 100%;
  height: 240px;
}

.div_featured ul li {
  width: 265px;
  height: 100%;
  float: left;
  margin-right: 19px;
  background: #ffffff;
}

.div_featured ul li:nth-child(4) {
  margin-right: 0px;
}

.div_featured .img_wrap {
  display: block;
  width: 100%;
  height: 166px;
  position: relative;
}

.div_featured .img_wrap img {
  display: block;
  width: 100%;
}

.div_featured .img_wrap p {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  background: rgba(3, 0, 23, 0.7);
  text-align: center;
  color: #fff;
  font-size: 14px;
  z-index: 2;
}

.div_featured .text_wrap {
  display: block;
  width: 100%;
  height: 48px;
  font-size: 13px;
  color: #272728;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 11px;
  padding: 0 16px;
  line-height: 24px;
}

/*右侧二维码*/
.details_right .custom_Right_code {
  position: unset;
}

.plus_Header_custom .header_Center {
    position: relative;
}

.plus_Header_custom .plus_Logo {
    display: block;
    width: 257px;
    height: 26px;
    margin-right: 0;
    position: absolute;
    top: 27px;
}

.plus_Header_custom .plus_Logo img {
    display: block;
    width: 100%;
}

.plus_Header_custom .plus_Nav {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.plus_Header_custom .plus_Nav a {
    display: inline-block;
    vertical-align: top;
    float: unset;
    margin: 0 30px;
}

.plus_Header_custom .header_Button {
    position: absolute;
    top: 22px;
    right: 0;
}

/* start */
.section_Custom {
    width: 100%;
    height: auto;
    border-top: 2px solid #CCAC5C;
    border-bottom: 2px solid #CCAC5C;
}

.module_Title {
    width: 100%;
    line-height: 45px;
    font-weight: 400;
    color: rgba(204, 172, 92, 0.1);
    text-align: center;
    font-size: 60px;
    position: relative;
    letter-spacing: 1px;
    margin: 0;
}

.module_Title_small {
    width: 100%;
    height: 43px;
    line-height: 25px;
    font-size: 18px;
    text-align: center;
    color: #CCAC5C;
    margin-top: 18px;
    letter-spacing: 1px;
}

.module_Title span {
    width: 100%;
    font-size: 30px;
    color: #CCAC5C;
    font-weight: bold;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    letter-spacing: 4px;
}

.module_Title::after {
    display: block;
    content: "";
    width: 100px;
    height: 1px;
    background: #CCAC5C;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    margin: auto;
}

.a_Open_new {
    display: block;
    width: 256px;
    height: 56px;
    background-color: transparent;
    border: 2px solid #CCAC5C;
    border-radius: 28px;
    text-align: center;
    line-height: 52px;
    color: #ffffff;
    font-size: 21px;
    margin: 90px auto 0;
    letter-spacing: 1px;
    transition: all 0.2s ease-in;
}

.a_Open_new:hover {
    background-color: #CCAC5C;
}

.section_Custom .div_custom1170 {
    width: 1170px;
    height: auto;
    margin: 0 auto;
}

/* banner */
.section_Custom .custom_banner {
    height: 31.2vw;
    position: relative;
    padding-top: 215px;
    overflow: hidden;
}

.custom_banner .banner_img {
    width: 399.36vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    animation: translating 20s linear infinite;
}

.custom_banner .banner_img::after {
    display: block;
    content: "";
    width: 100%;
    height: 31.2vw;
    background: rgba(13, 22, 44, 0.7);
    position: absolute;
    top: 0;
    left: 0;
}

.custom_banner .banner_img img {
    width: 199.68vw;
    height: 100%;
    left: 0px;
    top: 0;
    position: absolute;
}

.custom_banner .banner_img img:last-child {
    left: 199.68vw;
}

/* banner滚动 */
@keyframes translating {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-199.68vw);
    }
}

/* banner提示文案 */
.custom_banner .title,
.custom_banner .text {
    display: block;
    color: #ffffff;
    text-align: center;
    font-weight: 400;
    position: relative;
    text-shadow: 0px 2px 2px rgba(13, 22, 44, 0.6);
}

.custom_banner .title {
    height: 72px;
    line-height: 72px;
    font-size: 72px;
    color: #CCAC5C;
    letter-spacing: 5px;
    margin: 0;
}

.custom_banner .text {
    height: 30px;
    line-height: 30px;
    font-size: 30px;
    margin: 35px 0 0;
    letter-spacing: 2px;
}

/* 服务介绍 */
.section_Custom .custom_intro {
    width: 100%;
    background: #0D162C;
    padding: 80px 0 20px;
}

.custom_intro .module_Title_small {
    color: #ffffff;
}

.custom_intro .module_Title::after {
    bottom: -90px;
}

.custom_intro .ul_List {
    width: 100%;
    height: auto;
    margin-top: 67px;
}

.custom_intro .ul_List li {
    width: 196px;
    float: left;
    margin-right: 10.99%;
    margin-bottom: 15px;
}

.custom_intro .ul_List li:nth-child(4n) {
    margin-right: 0;
}

.custom_intro .ul_List .p_Img {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    margin: 0 auto 5px;
}

.custom_intro .ul_List .p_Img .iconfont {
    display: block;
    color: #CCAC5C;
    font-size: 80px;
}

.custom_intro .ul_List .p_Img .icon-pinzhi {
    font-size: 65px;
}

.custom_intro .ul_List .p_Img .icon-pinlei {
    font-size: 87px;
    margin-left: -4px;
}

.custom_intro .ul_List .p_Img .icon-shengxin {
    font-size: 60px;
}

.custom_intro .ul_List .p_Img .icon-renzheng {
    font-size: 65px;
}

.custom_intro .ul_List .p_Img .icon-shangyong_nor {
    font-size: 62px;
}

.custom_intro .ul_List .p_Img .icon-A {
    font-size: 65px;
}

.custom_intro .ul_List .p_Img .icon-baoxiao {
    font-size: 75px;
}

.custom_intro .ul_List span {
    display: block;
    text-align: center;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    color: #ffffff;
    letter-spacing: 1px;
}

.custom_intro .ul_List em {
    display: block;
    width: 100%;
    margin: 13px auto 0;
    text-align: center;
    font-size: 14px;
    color: #808080;
    font-weight: normal;
}

/* 服务类目 */
.section_Custom .custom_category {
    width: 100%;
    height: auto;
    padding: 80px 0 100px;
    background: #0D162C;
}

.custom_category .div_Card_wrap {
    width: 970px;
    height: 460px;
    background: #ffffff;
    margin: 90px auto 45px;
    border-radius: 8px;
    overflow: hidden;
}

/* 左侧边栏 */
.div_Card_wrap .ant-card {
    border: none;
}

.div_Card_wrap .ant-tabs>.ant-tabs-nav {
    width: 200px;
    height: 460px;
    background: #CCAC5C;
    float: left;
    border: none;
    margin: 0;
    padding: 40px 0 0;
}

.div_Card_wrap .ant-tabs>.ant-tabs-nav .ant-tabs-nav-list {
    display: block;
    width: 100%;
    overflow: hidden;
    text-align: center;
    white-space: initial;
    margin: 0;
}

.div_Card_wrap .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
    display: inline-block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    margin: 0px;
    font-size: 22px;
    color: #ffffff;
    border: none;
    cursor: pointer;
    overflow: hidden;
    vertical-align: top;
    text-align: left;
    letter-spacing: 1px;
}

.div_Card_wrap .ant-tabs-tab .ant-tabs-tab-btn {
    text-indent: 23px;
}

.div_Card_wrap .ant-tabs-tab .ant-tabs-tab-btn .iconfont {
    font-size: 22px;
    vertical-align: -1px;
    margin-right: 4px;
}

/* 鼠标移入效果 */
.div_Card_wrap .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:hover,
.div_Card_wrap .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active,
.div_Card_wrap .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,
.div_Card_wrap .ant-tabs-tab-btn:focus {
    background: #E6C87C;
    color: #ffffff;
    font-weight: normal;
    text-shadow: none;
}

.div_Card_wrap .ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar {
    display: none;
}

/* 右侧主体内容 */
.div_Card_wrap .ant-tabs-left>.ant-tabs-content-holder {
    width: 770px;
    height: 460px;
    background: #ffffff;
    float: right;
    border: none;
    margin: 0;
    padding: 0;
}

.div_Card_wrap .ant-tabs-left>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane {
    padding: 0;
}

.div_Card_wrap .div_List_wrap {
    width: 100%;
    height: 100%;
    padding: 35px 0 0 30px;
}

.div_List_wrap a {
    display: block;
    width: 343px;
    height: 181px;
    margin: 0 25px 28px 0;
    background: #ffffff;
    border-radius: 8px;
    float: left;
    overflow: hidden;
    position: relative;
}

.div_List_wrap a img {
    display: block;
    width: 100%;
    height: 100%;
}

.div_List_wrap a .p-bottom {
    display: block;
    width: 100%;
    height: 55px;
    line-height: 55px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    font-size: 18px;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 15px;
    font-weight: normal;
}

.div_List_wrap a .p-bottom span {
    display: block;
    width: 100px;
    height: 28px;
    line-height: 28px;
    background: #CCAC5C;
    border-radius: 14px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    float: right;
    margin: 13.5px 0;
}

/* 宣传物料 */
.div_List_wrap_02 a {
    width: 220px;
    height: 181px;
}

.div_List_wrap_02 a .p-bottom {
    padding-left: 15px;
}

/* 5折提示 */
.custom_category .div_prompt_text {
    width: 100%;
    height: 36px;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    line-height: 1;
}

.custom_category .div_prompt_text em {
    font-size: 36px;
    color: #CCAC5C;
    margin: 0 2px;
}

.custom_category .div_prompt_text span {
    font-size: 16px;
}

.custom_category .a_Open_new {
    margin-top: 30px;
}

.custom_category .a_Open_new:hover {
    color: #ffffff;
}

/* 会员卡 */
.section_Custom .custom_member {
    width: 100%;
    height: auto;
    padding: 40px 0 100px;
    background: #0D162C;
}

.custom_member .module_Title span {
    color: #CCAC5C;
}

.custom_member .module_Title::after {
    bottom: -66px;
}

.custom_member .ul_List {
    margin: 40px auto 0;
}

.custom_member .ul_List li {
    width: 25%;
    float: left;
    margin: 0 4%;
}

.custom_member .ul_List .p_Img {
    width: 100%;
    height: 286px;
    line-height: 286px;
    text-align: center;
    margin: 0;
    position: relative;
}

.custom_member .ul_List .p_Img img {
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    transform: scale(0.8);
}

.custom_member .ul_List .span_levitate {
    display: inline-block;
    padding: 0 5px 0 9px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    background: #FF0000;
    position: absolute;
    top: 29px;
    right: 0px;
    letter-spacing: 1px;
    margin: 0;
    border-radius: 5px;
}

.span_levitate::after {
    display: block;
    content: "";
    position: absolute;
    left: 15px;
    bottom: -7px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 15px solid transparent;
    border-top: 10px solid #FF0000;
}

.custom_member .ul_List span {
    display: block;
    text-align: center;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    color: #ffffff;
    letter-spacing: 2px;
    margin: 0px 0 12px;
}

.custom_member .ul_List em {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #808080;
    font-weight: normal;
}

/* 价格提示 */
.custom_member .ul_List .div_Price {
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    color: #CCAC5C;
    margin: 29px 0 0;
    text-align: center;
    padding-left: 20px;
}

.custom_member .ul_List .div_Price span {
    display: inline-block;
    height: 100%;
    line-height: 40px;
    font-size: 50px;
    margin: 0;
    position: relative;
    letter-spacing: 0px;
    color: #ffffff;
}

.custom_member .ul_List .div_Price span::after {
    display: block;
    content: "\FFE5";
    position: absolute;
    top: -10px;
    left: -20px;
    font-size: 20px;
    color: #CCAC5C;
}

/* 套餐列表对比 */
.div_Member .dl_Vip_list {
    width: 100%;
    height: auto;
    margin: 90px auto 80px;
    background: #ffffff;
    box-shadow: 0px 20px 59px 0px rgba(0, 0, 0, 0.2),
        0px 25px 40px 0px rgba(0, 0, 0, 0.55);
    border-radius: 16px;
    overflow: hidden;
}

/* dt */
.div_Member .dl_Vip_list dt {
    width: 100%;
    height: 237px;
}

.div_Member .dl_Vip_list dt .dt {
    height: 100%;
    float: left;
}

.div_Member .dl_Vip_list .div_dt01 {
    width: 270px;
    background: #ffffff;
    line-height: 179px;
    text-align: center;
    font-size: 24px;
    color: #2B2B2B;
    letter-spacing: 1px;
    padding-top: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.dl_Vip_list .div_dt02 {
    background: #E3D1A6;
}

.dl_Vip_list .div_dt03 {
    background: #D9C185;
}

.dl_Vip_list .div_dt04 {
    background: #CCAC5C;
    position: relative;
}

.dl_Vip_list .div_dt02,
.dl_Vip_list .div_dt03,
.dl_Vip_list .div_dt04 {
    width: 300px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* top */
.dl_Vip_list .div_dt01_top {
    width: 100%;
    height: 120px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 20px;
}

.dl_Vip_list .dt p,
.dl_Vip_list .dt span {
    display: block;
    width: 100%;
    text-align: center;
    color: #2B2B2B;
}

.div_Member .dl_Vip_list .dt p {
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    margin: 0 0 20px;
    letter-spacing: 1px;
}

/* 价格 */
.dl_Vip_list .dt span {
    height: 36px;
    line-height: 36px;
    font-size: 21px;
    margin: 15px 0 25px;
}

.dl_Vip_list .dt span em {
    font-size: 36px;
    font-weight: bold;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 2px;
}

.dl_Vip_list .dt span b {
    display: inline-block;
    vertical-align: 6px;
    font-weight: normal;
}

.dl_Vip_list .dt em.yuanjia {
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    color: #2B2B2B;
    font-weight: normal;
    text-align: center;
    position: relative;
    padding-left: 10px;
}

.dl_Vip_list .dt em.yuanjia::after {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    background: #FF0000;
    position: absolute;
    top: 9px;
    left: 0;
    right: 0;
    margin: auto;
}

.dl_Vip_list .dt em.yuanjia::before {
    content: "\FFE5";
    display: block;
    color: #2B2B2B;
    font-size: 14px;
    position: absolute;
    top: -2px;
    left: 107px;
}

.dl_Vip_list .dt.div_dt03 em.yuanjia::before {
    left: 102px;
}

.dl_Vip_list .dt.div_dt04 em.yuanjia::before {
    left: 101px;
}

.div_Member .dl_Vip_list dd .dd img {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: top;
    margin-right: 5px;
}

.div_Member .dl_Vip_list dd .dd.div_ddBold {
    font-weight: bold;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.div_Member .dl_Vip_list dd .dd.div_ddBold .top {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    margin: 15px 0 6px;
}

.div_Member .dl_Vip_list dd .dd.div_ddBold .bottom {
    display: block;
    width: 65px;
    height: 18px;
    line-height: 16px;
    font-size: 14px;
    color: #2b2b2b;
    text-align: center;
    margin: 0 auto;
    border-bottom: 1px solid #2b2b2b;
    font-weight: normal;
}

.div_Member .dl_Vip_list dd .dd.div_ddBold .bottom:hover {
    opacity: 0.8;
    font-weight: bold;
}

/* 表格第一行第一列 */
.div_Member .dl_Vip_list .div_dt01 p {
    display: block;
    height: 20px;
    line-height: 20px;
    color: #2B2B2B;
    font-size: 20px;
    margin: 28px 0 30px;
    font-weight: 400;
}

/* 推荐标签 */
.dl_Vip_list .div_dt04 .icon-biaoqian {
    display: block;
    width: 53px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    font-size: 55px;
    color: #FF0000;
    position: absolute;
    top: 0;
    right: 13px;
}

.dl_Vip_list .div_dt04 .icon-biaoqian::after {
    display: block;
    content: "\8350";
    color: #ffffff;
    width: 53px;
    height: 55px;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 24px;
}

.custom_member .div_Member .dl_Vip_list .dt .a_Open_new {
    width: 150px;
    height: 40px;
    border: none;
    border-radius: 20px;
    margin-top: 20px;
    line-height: 40px;
    font-size: 16px;
    color: #2B2B2B;
    background: #0D162C;
    color: #FFFFFF;
}

.custom_member .div_Member .dl_Vip_list .dt .a_Open_new:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #CCAC5C;
}

/* dd */
.div_Member .dl_Vip_list dd {
    height: 70px;
    line-height: 70px;
    overflow: hidden;
    margin: 0;
}

.div_Member .dl_Vip_list dd .dd {
    height: 100%;
    float: left;
    text-align: center;
    color: #2B2B2B;
    letter-spacing: 1px;
    font-size: 21px;
    position: relative;
}

.div_Member .dl_Vip_list .service-right dd .dd {
    font-size: 18px;
}

.dl_Vip_list .div_dd01 {
    width: 270px;
    background: #F3F3F4;
}

.dl_Vip_list .div_dd02 {
    background: #D8C7A0;
}

.dl_Vip_list .div_dd03 {
    background: #CFB880;
}

.dl_Vip_list .div_dd04 {
    background: #C2A45A;
}

.dl_Vip_list .div_dd05 {
    width: 270px;
    background: #FFFFFF;
}

.dl_Vip_list .div_dd06,
.dl_Vip_list .div_dd_diff01 {
    background: #E3D1A6;
}

.dl_Vip_list .div_dd07,
.dl_Vip_list .div_dd_diff02 {
    background: #D9C185;
}

.dl_Vip_list .div_dd08,
.dl_Vip_list .div_dd_diff03 {
    background: #CCAC5C;
}

.dl_Vip_list .div_dd02,
.dl_Vip_list .div_dd03,
.dl_Vip_list .div_dd04,
.dl_Vip_list .div_dd06,
.dl_Vip_list .div_dd07,
.dl_Vip_list .div_dd08 {
    width: 300px;
}

/* 对勾 */
.div_Member .dl_Vip_list dd .icon-gou {
    font-size: 20px;
    color: #22AC38;
    vertical-align: -2px;
}

.div_Member .dl_Vip_list dd .div_dd_diff {
    line-height: 22px;
    font-size: 16px;
}

.div_Member .dl_Vip_list dd .div_dd_diff {
    padding: 24px 50px;
}

.div_Member .dl_Vip_list dd .div_dd_diff2 {
    padding: 24px 66px;
}

.div_Member .dl_Vip_list dd .icon-cha {
    font-size: 22px;
    color: #E60012;
    vertical-align: -3px;
}

.custom_member .a_Open_new {
    color: #ffffff;
}

/* 服务介绍悬浮 */
.div_Member .dl_Vip_list .div-service-three {
    width: 100%;
    height: 210px;
}

.div-service-three .service-left {
    width: 85px;
    height: 210px;
    line-height: 24px;
    padding: 55px 32px 0;
    font-size: 20px;
    color: #2B2B2B;
    font-weight: bold;
    float: left;
}

.div-service-three .service-right {
    width: 1085px;
    float: left;
}

.div_Member .dl_Vip_list .dd-service {
    overflow: unset;
    cursor: pointer;
}

.div_Member .dl_Vip_list .dd-service:nth-of-type(2) .dd {
    border-top: 1px solid rgba(13, 22, 44, 0.05);
    border-bottom: 1px solid rgba(13, 22, 44, 0.05);
}

.div_Member .dl_Vip_list .dd-service .div_dd01,
.div_Member .dl_Vip_list .dd-service .div_dd05 {
    width: 185px;
    background: #ffffff;
}

.div_Member .dl_Vip_list .dd-service .icon-wenhao {
    font-size: 18px;
    color: #808080;
    vertical-align: -0.5px;
    margin-left: 1px;
}

.div_Member .dl_Vip_list .dd .service-intro {
    display: none;
    width: 300px;
    height: auto;
    background: rgba(0, 0, 0, 0.6);
    padding: 12px;
    font-size: 12px;
    color: #FFFFFF;
    position: absolute;
    top: 28px;
    left: 138px;
    z-index: 2;
    line-height: 20px;
    text-align: left;
    font-weight: normal;
}

.div_Member .dl_Vip_list .dd-service:hover .service-intro {
    display: block;
}

/* 设计师加盟 */
.section_Custom .custom_join {
    display: none;
    width: 100%;
    height: auto;
    padding: 40px 0;
    background: #0D162C;
}

.custom_join .ul_join_list {
    width: 100%;
    height: auto;
    margin: 90px auto 0;
}

.ul_join_list li {
    width: 570px;
    height: 310px;
    float: left;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.7);
    margin-right: 30px;
    margin-bottom: 50px;
}

.ul_join_list li:nth-child(2n) {
    margin-right: 0px;
}

.ul_join_list .join_li_left {
    width: 270px;
    height: 100%;
    padding-top: 40px;
    float: left;
}

.join_li_left .user_Name {
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    color: #0D162C;
    margin: 0 0 15px;
    text-align: center;
    display: block;
    letter-spacing: 1px;
}

.join_li_left .user_Job {
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    color: #CCAC5C;
    text-align: center;
    display: block;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.join_li_left .user_Words {
    display: block;
    width: 215px;
    height: auto;
    font-size: 14px;
    color: #898989;
    margin: 0 auto;
    text-align: left;
    text-indent: 1em;
    overflow: hidden;
    line-height: 24px;
    font-weight: 400;
}

.join_li_left i.icon-icon-copy {
    display: block;
    font-size: 20px;
    line-height: 18px;
    color: #D4D4D4;
    text-align: center;
    margin-top: 15px;
}

.ul_join_list .join_li_right {
    width: 300px;
    height: 100%;
    float: right;
    border-radius: 0 6px 6px 0;
    overflow: hidden;
}

.ul_join_list .join_li_right img {
    display: block;
    width: 100%;
    height: 100%;
}

.custom_join .a_Open_new {
    margin: 10px auto 0;
}

.custom_join .a_Open_new:hover {
    color: #ffffff;
    margin: 10px auto 0;
}

/* 合作企业 */
.custom_cooperation {
    width: 100%;
    height: auto;
    padding: 80px 0 100px;
    background: #0D162C;
}

.custom_cooperation img {
    margin: 90px auto 80px;
}

.custom_cooperation .a_Open_new {
    background: #CCAC5C;
    margin: 0 auto;
    font-weight: bold;
    position: relative;
}

.custom_cooperation .a_Open_new:hover {
    color: #ffffff;
    opacity: 0.8;
}

.custom_cooperation .a_Open_new p {
    display: block;
    width: 155px;
    height: 24px;
    line-height: 24px;
    background: #FF0000;
    border-radius: 8px 8px 8px 0px;
    position: absolute;
    top: -8px;
    right: -125px;
    font-size: 12px;
    text-align: center;
}

.custom_cooperation .a_Open_new p span {
    font-weight: bold;
    font-size: 14px;
    margin-left: 2px;
}

/* 客服 */
.custom_Right_kefu {
    display: block;
    width: 210px;
    height: 115px;
    background: #CCAC5C;
    border-radius: 5px;
    position: fixed;
    right: 7%;
    bottom: 20%;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 1px;
    animation: up_down_bottom 2s ease-in-out infinite;
}

.custom_Right_kefu img {
    display: block;
    width: 115.5px;
    height: 115.5px;
    margin: -65px auto 5px;
}

.custom_Right_kefu:hover {
    color: #ffffff;
}

/*二维码*/
.custom_Right_code {
    width: 210px;
    height: 240px;
    background: linear-gradient(90deg, #6e79a4, #3d4a70);
    padding-top: 12px;
}

.custom_Right_code p,
.custom_Right_code span {
    display: block;
    color: #fff;
}

.custom_Right_code p.one {
    width: 100%;
    height: 15px;
    line-height: 15px;
    font-size: 14px;
    text-align: center;
    margin-bottom: 0;
}

.custom_Right_code img {
    display: block;
    width: 156px;
    height: 146px;
    margin: 15px auto 0;
}

.custom_Right_code p.two {
    text-align: right;
    height: 17px;
    line-height: 17px;
    padding-right: 16px;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.custom_Right_code span.three {
    width: 100%;
    text-align: right;
    height: 13px;
    line-height: 13px;
    font-size: 12px;
    padding-right: 14px;
    font-weight: normal;
}

/* 底部新增首页跳转位置 */
.custom_Footer_update {
    height: 210px;
}

.custom_Footer_update .footer_Center {
    padding-top: 25px;
}

.customHome_link {
    display: block;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: #808080;
    margin-bottom: 8px;
}

.customHome_link a {
    display: inline-block;
    height: 100%;
    line-height: 24px;
    color: #808080;
    vertical-align: top;
    margin-right: 10px;
}

.customHome_link a:hover {
    color: #CCAC5C;
}

/*底部新增红包定制广告位*/
.red_Custom_wrap {
    width: 100%;
    height: 120px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

.red_Envelope_custom {
    display: block;
    width: 100%;
    height: 100%;
    background: url('//js.ibaotu.com/revision/plus/img/custom/img_plus_hongbao.png') center bottom no-repeat;
    background-size: 100%;
}

.red_Custom_wrap .iconfont {
    font-size: 32px;
    color: #CCCCCC;
    position: absolute;
    top: -50px;
    right: 7px;
    padding: 0 10px;
    cursor: pointer;
}

.red_Custom_wrap .iconfont:hover {
    color: #FFFFFF;
}

/*弹窗*/
.code-pop-ups {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    margin: 0 auto;
    z-index: 102;
}

.code-pop-ups .child {
    width: 370px;
    height: 420px;
    background: url('//js.ibaotu.com/revision/plus/img/custom/img_code_alert.png') center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.code-pop-ups .child i {
    display: block;
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.4);
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: -10px;
    right: -30px;
    border-radius: 50%;
    cursor: pointer;
}

/* 底部上下浮动*/
@-webkit-keyframes up_down_bottom {
    0% {
        bottom: 20%;
    }

    50% {
        bottom: 18%;
    }

    100% {
        bottom: 20%;
    }
}

@keyframes up_down_bottom {
    0% {
        bottom: 20%;
    }

    50% {
        bottom: 18%;
    }

    100% {
        bottom: 20%;
    }
}

/* 响应式 */
@media all and (max-width: 1440px) {
    .section_Custom .custom_banner {
        padding-top: 170px;
    }

    .custom_Right_kefu {
        right: 1%;
        bottom: 5%;
        transform: scale(0.9);
        animation: up_down_bottom 2s ease-in-out infinite;
    }

    .custom_Right_kefu {
        transform: scale(1);
    }

    .red_Custom_wrap .iconfont {
        top: 25px;
        color: #FFFFFF;
    }

    /* 底部上下浮动*/
    @-webkit-keyframes up_down_bottom {
        0% {
            bottom: 18%;
        }

        50% {
            bottom: 16%;
        }

        100% {
            bottom: 18%;
        }
    }

    @keyframes up_down_bottom {
        0% {
            bottom: 18%;
        }

        50% {
            bottom: 16%;
        }

        100% {
            bottom: 18%;
        }
    }
}

 /*邮箱注册*/
 .plus-email-register{
     position: relative;
     height: 980px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding-left: 210px;
     transition: all 0.2s ease;
 }


 .plus-email-register .ul-home-slider-wrapper{
     transform:scale(0.8);
     transform-origin: left center;
     margin-top: 40px;
 }

 .plus-email-register .div-home-swiper-ep{
     margin-top: -20px;
 }

 .plus-email-register .div-home-swiper-ep .ep-item .item-bg{
     width: 900px;
 }
 .plus-email-register .div-home-swiper-ep .ep-item .item-t {
     width: 600px;
     height: 550px;
     position: absolute;
     right: -47px;
     top: -5px;
 }

.plus-email-register .layout-copyright-slider{
    margin: initial;
    width: 900px;
    padding-top: 100px;
}

 .plus-email-register .layout-copyright-slider h3,
 .plus-email-register .layout-copyright-slider p{
     color: rgba(247, 211, 148, 1);
     position: relative;
 }

 .plus-email-register .layout-copyright-slider p::after{
     content: '';
     display: block;
     position: absolute;
     bottom: -40px;
     width: 100%;
     height: 2px;
     background: linear-gradient(90deg, rgba(40,42,52,0) 0%, rgba(40,42,52,0.98) 49%, rgba(40,42,52,0.03) 100%);
 }

 .plus_Email_registerBoxs p{
     display: block;
     width: 100%;
     font-size: 24px;
     font-weight: 500;
     color: #FFFFFF;
     padding-left: 90px;
     margin-bottom: 29px;
 }

 .plus-email-registerContent{
     width: 600px;
     height: 100%;
     background-image: url('//js.ibaotu.com/revision/img/plus/home/emailRes-bgc.png');
     background-size: cover;
     background-repeat: no-repeat;
     background-position:center;
     transition: all 0.2s;
     padding-top: 180px;
 }

.plus_Email_registerBoxs{
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*overflow: hidden;*/
}

.plus-email-registerContent .ant-input-affix-wrapper{
    width: 420px;
    height: 48px;
    background: #2A2C34;
    border: 1px solid #666666;
    border-radius: 8px;
    color: #2d2d2d;
    font-size: 14px;
    letter-spacing: 1px;
    overflow: hidden;
    padding-left: 20px;
}

 .plus-email-registerContent .ant-input{
     background-color: transparent;
 }

.plus_Email_registerBoxs-emailAdr{
    position: relative;
}

 .plus-email-register .sm-pop-inner{
     width: 420px;
     height: 48px;
     border-radius: 8px;
     /*padding: 0 4px;*/
 }

 .plus-email-register .layout-div-slide-diff .nc-container .nc_scale .scale_text span{
     color: #fff !important;
 }


.plus_Email_register_getPhone .registerBoxs-emailAdr-error,
.plus_Email_registerBoxs-emailAdr .registerBoxs-emailAdr-error{
    display: inline;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: auto;
    color: #ff4848;
    font-size: 12px;
}


 .plus_Email_registerBoxs-emailAdr.error .ant-input-affix-wrapper{
     border: 1px solid #FF4848;
 }

 .plus_Email_register_setPassword .registerBoxs-emailAdr-error{
     display: inline;
     position: absolute;
     left: 4px;
     width: auto;
     color: #ff4848;
     font-size: 12px;
     bottom: 10px;
 }

 .plus_Email_registerBoxs-phone .registerBoxs-emailAdr-error{
     display: inline;
     position: absolute;
     left: 4px;
     width: auto;
     color: #ff4848;
     font-size: 12px;
     bottom: 10px;
 }


.plus-email-registerBoxs-bottom .registerBoxs-emailAdr-error{
    display: inline;
    position: absolute;
    left: 0;
    width: auto;
    color: #ff4848;
    font-size: 12px;
    bottom: -26px;
}

 .plus_Email_registerBoxs .ant-input-affix-wrapper i{
     font-size: 17px;
     color: rgba(255, 255, 255, 1);
 }

 .plus_Email_registerBoxs .ant-input-affix-wrapper > .ant-input{
     color: rgba(255, 255, 255, 1);
 }

 .plus_Email_registerBoxs .ant-input-affix-wrapper i.icon-youxiang{
     font-size: 23px;
 }

 .plus_Email_registerBoxs .ant-input-affix-wrapper i.icon-renzheng{
     font-weight: 600;
 }

 .plus-email-registerContent .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{
     border-color: #e2e2e2;
 }

 .plus-email-registerContent .ant-input-affix-wrapper:focus,
 .plus-email-registerContent .ant-input-affix-wrapper-focused{
     box-shadow: none;
 }

 .plus-email-register-verify-SkipStep{
     margin-top: 20px;
     width: 28px;
     height: 14px;
     font-size: 14px;
     font-family: PingFang SC;
     font-weight: 400;
     color: #999999;
     line-height: 24px;
     cursor: pointer;
     transition: all 0.2s;
 }

 .plus-email-register-verify-SkipStep:hover{
     color: #B2B2B2;
 }

.plus-email-registerBoxs-bottom{
    position: relative;
    display: flex;
    justify-content: space-between;
}

 .plus-email-registerBoxs-bottom .ant-input-affix-wrapper{
     width: 260px;
 }

 .plus-email-registerBoxs-bottom button{
     display: block;
     width: 140px;
     height: 48px;
     line-height: 48px;
     background: linear-gradient(90deg, #EBCCA1 0%, #EBAC47 99%);
     border-radius: 8px;
     text-align: center;
     font-size: 14px;
     font-weight: 400;
     color: #613C14;
     cursor: pointer;
     transition: all 0.15s ease-in;
     margin-left: 10px;
 }

 .plus-email-register-verifyBtn{
     display: block;
     margin: 18px auto 0;
     width: 420px;
     height: 48px;
     background: linear-gradient(90deg, #EBCCA1 0%, #EBAC47 99%);
     border-radius: 48px;
     line-height: 42px;
     font-size: 16px;
     font-weight: 500;
     color: #613C14;
     text-align: center;
     letter-spacing: 1px;
     transition: all 0.3s ease;
 }

 .plus-email-register-verifyBtn i{
     font-size: 18px;
     display: inline-block;
     animation: turn 1s linear infinite;
     margin-right: 10px;
 }

 @keyframes turn {
     0% {
         -webkit-transform: rotate(0deg);
     }
     25% {
         -webkit-transform: rotate(90deg);
     }
     50% {
         -webkit-transform: rotate(180deg);
     }
     75% {
         -webkit-transform: rotate(270deg);
     }
     100% {
         -webkit-transform: rotate(360deg);
     }
 }

 .plus-email-register-verifyBtn:hover{
     transition: all 0.4s ease;
     opacity: 0.85;
 }

 .plus-email-registerBoxs-bottom button[disabled] {
     cursor: not-allowed;
     background-color: rgba(76, 76, 87, 0.9);
 }

 .plus_Email_register_setPassword .ant-input-affix-wrapper{
     margin-bottom: 30px;
 }

 .plus_Email_register_setPassword button{
     display: block;
     margin: 16px auto 0;
     width: 420px;
     height: 48px;
     background: linear-gradient(90deg, #EBCCA1 0%, #EBAC47 99%);
     border-radius: 24px;
     line-height: 42px;
     font-size: 16px;
     font-weight: 500;
     color: #613C14;
     text-align: center;
     letter-spacing: 1px;
     transition: all 0.3s ease;
 }

 .plus-email-registerBoxs-bottom button:hover{
     opacity: 0.9;
 }

 .plus_Email_register_setPassword-password,
 .plus_Email_register_setPassword-passwordRepeat{
     position: relative;
     height: auto;
 }

 .plus_Email_register_setPassword-password.error .ant-input-affix-wrapper{
     border: 1px solid #FF4848;
 }



 .plus_Email_register_setPassword button:hover{
     opacity: 0.85;
 }

 .plus_Email_registerBoxs{
     position: relative;
 }

 .plus-email-registerContent .email-protocol-link-first{
     margin-top: 56px;
 }

 .plus-email-registerContent .email-protocol-link-phone{
     margin-top: 58px;
 }

 .plus-email-registerContent .email-protocol-link,
 .plus-email-registerContent .email-protocol-link a{
     font-size: 12px;
     font-weight: 400;
     color: #999999;
     line-height: 24px;
 }

 .plus-email-registerContent .email-protocol-link a:hover{
     color: #B2B2B2;
 }

.plus-email-registerContent .layout-div-slide-diff{
    width: 420px;
    height: 42px;
    background: #1D1F26;
    border-radius: 8px;
    margin: 30px auto;
 }

 .plus-email-registerContent .nc-container .nc_scale .scale_text{
     background: transparent !important;
     height:48px;
     line-height: 48px;
     border-radius: 8px;
 }

 .plus-email-registerContent .layout-div-slide-diff .nc-container .nc_wrapper{
     width: 420px !important;
     height:48px !important;
     line-height: 48px !important;
 }

 .plus-email-registerContent  .layout-div-slide-diff .nc_scale{
     height:48px !important;
     background: #1D1F26 !important;
 }

 .plus-email-registerContent .layout-div-slide-diff .nc-container .nc_scale .btn_slide{
     width: 64px !important;
     /*height: 42px;*/
     /*line-height: 42px !important;*/
     /*top: 3px;*/
     background: #393A44 !important;
     border-radius: 4px;
     color: rgba(204, 204, 204, 1) !important;
 }

 .plus-email-registerContent .layout-div-slide-diff .nc-container .nc_scale .nc_bg{
     background: #00c14f !important;
 }

 .plus-email-registerContent  .layout-div-slide-diff .nc-container .nc_scale .btn_ok{
     width: 64px !important;
     /*height: 42px;*/
     /*top: 3px !important;*/
     border-radius: 6px;
     background: #393A44 !important;
     color: rgba(204, 204, 204, 1) !important;
 }

 p.plus_Email_registerBoxs-phone{
     font-size: 16px;
     font-weight: 500;
     color: #CCCCCC;
     line-height: 24px;
 }

 .plus_Email_registerBoxs .ant-input-prefix{
     margin-right: 8px;
 }

 .plus-email-registerContent .email-protocol-link-psw{
     margin-top: 29px;
 }


 @media screen and (max-width: 1680px) {
     .plus-email-register{
         padding-left: 50px;
     }

     .plus-email-registerContent{
         padding-top: 150px;
     }


 }

 @media screen and (max-width: 1440px){
     .plus-email-registerContent{
         width: 500px;
         padding-top: 60px;
     }

     .plus-email-register{
         padding-left: 10px;
     }

     .plus-email-register .layout-copyright-slider{
         padding-top: 40px;
     }
 }

 @media screen and (min-width: 2000px) {
     .plus-email-register .layout-copyright-slider{
         width: 1200px;
     }

     .plus-email-register{
         padding-left: 10%;
         height: 1100px;
     }

     .plus-email-register .ul-home-slider-wrapper{
         scale: 1;
     }
 }
/*字体授权页样式*/
.layout-Ibaotu-Font {
  background: #1b1b1b;
}

.layout-Ibaotu-Font .plus_Footer {
  background: none;
}

.ibaotu-font-wrapper {
  width: 100%;
  height: 100%;
  padding-top: 72px;
  position: relative;
}

.ibaotu-font01,
.ibaotu-font02,
.ibaotu-font03 {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}

.ibaotu-font01 {
  height: 754px;
  background-image: url('//js.ibaotu.com/revision/plus/img/font/01/bg01.png');
}

.ibaotu-font02 {
  height: 1000px;
  background-image: url('//js.ibaotu.com/revision/plus/img/font/01/bg02.png');
}

.ibaotu-font03 {
  height: 1147px;
  background-image: url('//js.ibaotu.com/revision/plus/img/font/01/bg03.png');
}

.ibaotu-font01 p,
.ibaotu-font02 p,
.ibaotu-font03 p {
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: 0;
  animation: floatings ease-in-out infinite alternate
}

.ibaotu-font01 .p-icon01 {
  width: 134px;
  height: 169px;
  top: 129px;
  left: 208px;
  background-image: url('//js.ibaotu.com/revision/plus/img/font/01/floag_bg01.png');
  animation-duration: 1.57s;
}

.ibaotu-font01 .p-icon02 {
  width: 118px;
  height: 131px;
  top: 453px;
  left: 238px;
  background-image: url('//js.ibaotu.com/revision/plus/img/font/01/floag_bg02.png');
  animation-duration: 1.4s;
}

.ibaotu-font01 .p-icon03 {
  width: 103px;
  height: 146px;
  top: 117px;
  right: 222px;
  background-image: url('//js.ibaotu.com/revision/plus/img/font/01/floag_bg03.png');
  animation-duration: 1.46s;
}

.ibaotu-font01 .p-icon04 {
  width: 167px;
  height: 146px;
  top: 438px;
  right: 298px;
  background-image: url('//js.ibaotu.com/revision/plus/img/font/01/floag_bg04.png');
  animation-duration: 2s;
}

.ibaotu-font02 .p-icon01 {
  width: 154px;
  height: 178px;
  top: 580px;
  left: 96px;
  background-image: url('//js.ibaotu.com/revision/plus/img/font/01/floag_bg05.png');
}

.ibaotu-font02 .p-icon02 {
  width: 189px;
  height: 149px;
  top: 320px;
  right: 74px;
  background-image: url('//js.ibaotu.com/revision/plus/img/font/01/floag_bg06.png');
}

.ibaotu-font03 .p-icon01 {
  width: 200px;
  height: 200px;
  bottom: 270px;
  left: 50px;
  background-image: url('//js.ibaotu.com/revision/plus/img/font/01/floag_bg07.png');
}

.ibaotu-font03 .p-icon02 {
  width: 140px;
  height: 163px;
  bottom: 739px;
  right: 74px;
  background-image: url('//js.ibaotu.com/revision/plus/img/font/01/floag_bg08.png');
}

/*主体内容*/
.ibaotu-main-body {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 72px;
}

.ibaotu-main-body h1 {
  width: 100%;
  height: 42px;
  margin: 0 auto 520px;
  border-bottom: 1px solid #fff;
  background: url('//js.ibaotu.com/revision/plus/img/font/01/header.png');
}

/*立即使用按钮*/
.ibaotu-banner-button {
  display: flex;
  width: 236px;
  height: 62px;
  margin: 0 auto;
  align-items: center;
  position: relative;
}

.ibaotu-banner-button a,
.ibaotu-banner-button p {
  display: block;
}

.ibaotu-banner-button p {
  width: 31px;
  height: 52px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: 0;
  position: absolute;
  transition: all 0.2s ease;
}

.ibaotu-banner-button p:nth-of-type(1) {
  left: -50px;
  background-image: url('//js.ibaotu.com/revision/plus/img/font/01/icon_right.png');
}

.ibaotu-banner-button p:last-child {
  right: -50px;
  background-image: url('//js.ibaotu.com/revision/plus/img/font/01/icon_left.png');
}

.ibaotu-banner-button a {
  width: 100%;
  height: 100%;
  background: url('//js.ibaotu.com/revision/plus/img/font/01/button.png') center no-repeat;
  background-size: cover;
}

.ibaotu-banner-button a:hover {
  opacity: 0.9;
}

.ibaotu-banner-button a:hover+p:nth-of-type(1) {
  transform: translateX(10px);
}

.ibaotu-banner-button a:hover~p:nth-of-type(2) {
  transform: translateX(-10px);
}

/*滚动*/
.ibaotu-scroll-list01,
.ibaotu-scroll-list02 {
  width: 100%;
  height: 50px;
  overflow: hidden;
  position: relative;
}

.ibaotu-scroll-list01 {
  background: #1f47F9;
  margin-top: 80px;
  transform: rotate3d(0, 1, 1, -5deg);
}

.ibaotu-scroll-list02 {
  background: #ff8500;
  margin-top: -50px;
  transform: rotate3d(2, 1, 1, 5deg);
}

.ibaotu-scroll-list01 ul,
.ibaotu-scroll-list02 ul {
  width: 399.36vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}

.ibaotu-scroll-list01 ul {
  animation: translating01 20s linear infinite;
}

.ibaotu-scroll-list02 ul {
  animation: translating02 20s linear infinite;
}

.ibaotu-scroll-list01 ul li,
.ibaotu-scroll-list02 ul li {
  width: 199.68vw;
  height: 20px;
  position: absolute;
  top: 15px;
  left: 0;
}

.ibaotu-scroll-list01 ul li {
  background: url('//js.ibaotu.com/revision/plus/img/font/01/text02.png');
}

.ibaotu-scroll-list01 ul li:last-child {
  left: 199.68vw;
}

.ibaotu-scroll-list02 ul li {
  background: url('//js.ibaotu.com/revision/plus/img/font/01/text01.png');
}

.ibaotu-scroll-list02 ul li:last-child {
  left: -199.68vw;
}

/*箭头*/
.ibaotu-arrow {
  width: 100%;
  height: 70px;
  background: url('//js.ibaotu.com/revision/plus/img/font/01/bg_arrow.png') center no-repeat;
  background-size: cover;
  margin: 30px auto 0;
}

/*页面标题*/
.ibaotu-style-title {
  width: 800px;
  height: 268px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
}

.ibaotu-style-title01 {
  margin-top: -54px;
  background-image: url('//js.ibaotu.com/revision/plus/img/font/01/title01.png');
}

.ibaotu-style-title02 {
  background-image: url('//js.ibaotu.com/revision/plus/img/font/01/title02.png');
}

/*tab 切换*/
.ibaotu-style-tab {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ibaotu-style-tab a {
  display: block;
  height: 100%;
  margin: 0 9px;
}

.ibaotu-style-tab a img {
  display: none;
  height: 100%;
}

.ibaotu-style-tab a.active img:nth-of-type(1),
.ibaotu-style-tab a:hover img:nth-of-type(1){
  display: none;
}

.ibaotu-style-tab a img:nth-of-type(1),
.ibaotu-style-tab a:hover img:nth-of-type(2),
.ibaotu-style-tab a.active img:nth-of-type(2) {
  display: block;
}

.ibaotu-style-content {
  width: 1200px;
  height: 422px;
  margin: 40px auto 90px;
  justify-content: center;
  padding-left: 37px;
}

.ibaotu-style-content li {
  display: none;
}

.ibaotu-style-content li.active {
  display: block;
}

.ibaotu-style-content span,
.ibaotu-style-content em {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
}

.ibaotu-style-content span {
  width: 592px;
  height: 422px;
  margin-right: 63px;
}

.ibaotu-style-content em {
  width: 498px;
  height: 84px;
  margin-top: 32px;
  margin-bottom: 66px;
}

.ibaotu-style-content p {
  display: block;
  line-height: 26px;
  margin-bottom: 25px;
  font-size: 26px;
  color: #fff;
  text-align: left;
}

.ibaotu-style-content a,
.font-check-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 62px;
  background: #ff8500;
  box-shadow: 6px 7px 0 0 rgba(6, 6, 6, 0.19);
  border-radius: 31px;
  margin-top: 60px;
  font-size: 28px;
  color: #101010;
  font-weight: bold;
}

.ibaotu-style-content a b,
.font-check-more b {
  width: 16px;
  height: 28px;
  background: url('//js.ibaotu.com/revision/plus/img/font/01/icon_buy.png') center no-repeat;
  background-size: cover;
  margin-left: 20px;
  transition: all 0.2s ease;
}

.ibaotu-style-content a:hover,
.font-check-more:hover {
  color: #101010;
  opacity: 0.9;
}

.ibaotu-style-content a:hover b,
.font-check-more:hover b {
  margin-left: 25px;
}

.font-check-more {
  margin: 0 auto;
}

/*授权字体*/
.ibaotu-authorize-list {
  width: 1080px;
  height: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto 16px;
}

.ibaotu-authorize-list a {
  width: 240px;
  height: 210px;
  background: #f5f5f5;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 30px;
}

.ibaotu-authorize-list a,
.ibaotu-authorize-list a span,
.ibaotu-authorize-list a img,
.ibaotu-authorize-list a p {
  display: block;
}

.ibaotu-authorize-list a span {
  height: 160px;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}

.ibaotu-authorize-list a img {
  height: 100%;
  transition: all 0.26s ease-in-out;
}

.ibaotu-authorize-list a:hover img {
  transform: scale(1.08);
}

.ibaotu-authorize-list a p {
  height: 50px;
  line-height: 50px;
  background: #fff;
  color: #101010;
  font-size: 20px;
  text-align: center;
  margin: 0;
}

/* 文字滚动 */
@keyframes translating01 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-199.68vw);
  }
}

@keyframes translating02 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(199.68vw);
  }
}

/*浮动*/
@keyframes floatings {
  0% {
    transform: translateY(0)
  }

  to {
    transform: translateY(22%)
  }
}

/*响应式*/
@media all and (max-width: 1440px) {
  .ibaotu-font01 .p-icon01 {
    left: 28px;
  }

  .ibaotu-font01 .p-icon02 {
    left: 70px;
  }

  .ibaotu-font01 .p-icon03 {
    right: 22px;
  }

  .ibaotu-font01 .p-icon04 {
    right: 90px;
  }

  .ibaotu-font02 .p-icon01,
  .ibaotu-font03 .p-icon01 {
    left: 20px;
  }

  .ibaotu-font02 .p-icon02,
  .ibaotu-font03 .p-icon02 {
    right: 20px;
  }
}

/*融媒体专属搜索页*/
.plus_Content{
    min-width: 1400px;
}
.plus_gover_search{
    padding-top: 124px;
    background-color: rgba(255, 247, 247, 1);
    padding-bottom: 70px;
}

.plus_gover_search-content{
    /*width: 1450px;*/
    /*margin: 0 auto;*/
}

.plus_gover_search-banner{
    padding-top: 20px;
    width: 1450px;
    height: 525px;
    background: #FFFFFF;
    box-shadow: 0px 0px 24px 0px rgba(219,28,36,0.1);
    border-radius: 18px;
    margin: 0 auto;
}

.plus_gover_search-banner-FirstScreen{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    position: relative;
}

.plus_gover_search-bannerImg{
    width: 1410px;
    height: auto;
}

.plus_gover_search-inputContent{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
    z-index: 10;
}

.plus_gover_search-input-BtnGroups{
    position: absolute;
    left: 64%;
    transform: translateX(-50%);
    bottom: 43px;
    z-index: 11;
    display: flex;
    justify-content: center;
    align-items: center;
}

.plus_gover_search-input-BtnGroups button{
    width: 122px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 20px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    background: rgba(255, 255, 255, 0.8);
    color: #FF9323;
    transition: all 0.3s;
}

.plus_gover_search-input-BtnGroups button:nth-child(2){
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FD3B3B;
    margin-left: 3px;
    color: #FFFFFF;
}
.plus_gover_search-input-BtnGroups button:nth-child(2) i{
    font-size: 19px;
    margin-left: 3px;
}


 .plus_gover_search-input-BtnGroups button:nth-child(1):hover{
    background: rgba(255, 147, 35, 1);
    color: #FFFFFF;
}

.plus_gover_search-input-BtnGroups button:nth-child(2):hover{
    opacity: 0.9;
}


.plus_gover_search-inputContent input{
    padding-left: 30px;
    width: 660px;
    height: 46px;
    background: #FFFFFF;
    box-shadow: 0px 0px 18px 0px rgba(122,0,0,0.2);
    opacity: 0.9;
    border-radius: 23px;
    font-size: 16px;
    transition: all 0.3s;
}

/*.plus_gover_search-inputContent input:hover{*/
/*    box-shadow: 8px 9px 12px 0px rgba(255, 255, 255, 0.1);*/
/*}*/

.plus_gover_search-inputContent input::placeholder{
    font-weight: 400;
    color: #999999;
}

.plus-gover-filtrate{
    width: 100%;
    padding-left: 38px;
    padding-top: 36px;
}

.plus-gover-filtrate-title{
    display: flex;
    font-weight: 600;
    color: #DB1C24;
}
.plus-gover-filtrate-item p{
    width: 80px;
    font-size: 16px;
    font-family: PingFang SC;
    text-align-last: justify;
    text-align: justify;
    margin-bottom: 0;
}

.plus-gover-filtrate-item{
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}

.plus-gover-filtrate-item-content{
    padding-left: 13px;
}

.plus-gover-filtrate-boxs{
    cursor: pointer;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    margin: 0 10px;
    width: auto;
    padding: 0 14px;
    height: 30px;
    border-radius: 15px;
    color: #333333;
    transition: all 0.3s;
}

.avtive.plus-gover-filtrate-boxs,
.plus-gover-filtrate-boxs:hover{
    color: #FFFFFF;
    background: linear-gradient(90deg, #FB9619 0%, #F42614 100%);
}

.plus_gover_search-Recommended-keywords{
    padding-left: 10px;
    display: flex;
    /*align-items: center;*/
    /*flex-wrap: wrap;*/
    width: 1450px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #999999;
}
.plus_gover_search-Recommended-keywords p{
    margin-bottom: 0;
    width: 100px;
    margin-right: 5px;
}

.plus_gover_search-Recommended-keywords a{
    font-weight: 400;
    color: #999999;
    font-size: 15px;
    /*margin-left: 31px;*/
    margin-right: 31px;
    margin-bottom: 2px;
    transition: all 0.3s;
}


.plus_gover_search-keywords-item{
    display: flex;
    flex-wrap: wrap;
    width: 1330px;
}

.plus_gover_search-Recommended-keywords a:hover{
    color: #767984;
    text-decoration: underline;
    /*font-weight: 500;*/
}

.plus_gover_search-result{
    width: 1450px;
    height: auto;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 0px 24px 0px rgba(219,28,36,0.1);
    border-radius: 18px;
    margin-top: 20px;
    padding-top: 26px;
    padding-bottom: 29px;
}

.plus_gover_search-result-bottom{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 67px;
    width: 100%;
    border-top: 1px solid rgba(255, 245, 245, 1);
}

.plus_gover_search-result-bottom button{
    width: 86px;
    height: 26px;
    background: linear-gradient(90deg, #FB9619 0%, #F42714 100%);
    border-radius: 13px;
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    margin-right: 5px;
    transition: all 0.3s;
}

.plus_gover_search-result-bottom button:hover{
    opacity: 0.8;
}
.plus_gover_search-sort{
    display: flex;
    align-items: center;
    padding-left: 21px;
}

.plus_gover_search-sort p{
    margin-bottom: 0;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #333333;
}

.plus_gover_search-sort-Content{
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
}

.plus_gover_search-sort-Content .plus_gover_search-sort-item{
    cursor: pointer;
    transition: all 0.3s;
    margin-left: 30px;
}

.plus_gover_search-sort-item.avtive,
.plus_gover_search-sort-item:hover{
    font-weight: 600;
    color: #DB1C24;
}

.plus_gover_search-result-Boxs{
    display: flex;
    flex-wrap: wrap;
    padding-left: 20px;
}


.plus-gover-searchResult-box{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #ECECEC;
    width: 330px;
    height: 498px;
    margin: 30px 30px 0px 0px;
    border-radius: 13px;
    box-shadow: 0px 0px 24px 0px rgba(219,28,36,0.1);
    cursor: pointer;
    transition: all 0.3s;
    overflow: hidden;
}
.plus-gover-searchResult-boxContain{
    display: flex;
    align-items: center;
    justify-content: center;
}
.plus-gover-searchResult-box-img{
    width: 100%;
    height: auto;
}


.plus_gover_search-result-Boxs .plus-gover-searchResult-box:nth-child(4n) {
    margin-right: 0px;
}


.plus-toGover-albumDetail-AngleMark{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    visibility: visible;
    opacity: 1;
    background-image: url('//js.ibaotu.com/revision/img/rongMedia/bianji-tipsBgc_v1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 7px 0px 0px 7px;
    transition: all 0.3s;
    border-radius: 10px 0px 10px 0px;
    cursor: pointer;
}


.plus-toGover-albumDetail-AngleMark img{
    width: 24px;
    height: 24px;
    margin-left: 2px;
}

.plus-gover-searchResult-box:hover .plus-toGover-albumDetail-AngleMark{
    visibility: hidden;
    opacity: 0;
}

.plus-gover-boxShadow-top{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0px;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background: linear-gradient(180deg,rgba(0,0,0,.5),transparent);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: hidden;
}
.plus-gover-searchResult-box:hover .plus-gover-boxShadow-top{
    height: 70px;
    transition: all 0.3s ease-in-out;
}

.plus-gover-boxShadow-top{
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
}

.plus-gover-searchResult-box-Collect i{
    transition: all 0.3s ease-in-out;
}
.plus-gover-searchResult-box-Collect i:hover{
    color: #ebab43;
}

.plus-gover-boxShadow-top h5{
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    max-width: 52%;
    overflow: hidden;
    white-space:nowrap;
    /*文字超出宽度则显示ellipsis省略号*/
    text-overflow:ellipsis;
    margin-bottom: 0;
}

.plus-gover-boxShadow-top-itemRight{
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.plus-gover-searchResult-box-Collect{
    width: 28px;
    height: 28px;
    background: #E6E6E6;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 1px;
}

.plus-gover-searchResult-box-Collect i{
    color: #999999;
    font-size: 20px;
}

.plus-gover-searchResult-box-Collect i.avtive{
    color: rgb(255, 138, 0);
}

.plus-gover-searchResult-box-shouquanCard{
    width: 80px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86F 100%);
    border-radius: 4px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #935800;
    padding-left: 3px;
    margin-left: 10px;
    transition: all 0.3s;
}

.plus-gover-searchResult-box-shouquanCard:hover{
    box-shadow: 0px 0px 8px 0px rgba(247,211,147,0.6);
}


.plus-gover-searchResult-box-shouquanCard i{
    font-size: 13px;
}
img.plus-gover-searchResult-box-img{
    transition: all 0.4s;
}
.plus-gover-searchResult-box:hover img.plus-gover-searchResult-box-img{
    transform: scale(1.05);
}

.plus-gover-boxShadow-bottom{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: auto;
    padding: 50px 0;
    border-radius: 8px;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.3)),to(transparent));
    background: linear-gradient(0deg,rgba(0,0,0,.3),transparent);
    opacity: 0;
}

.plus-gover-searchResult-box:hover .plus-gover-boxShadow-bottom{
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.plus-gover-boxShadow-bottom button{
    width: 234px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 28px;
    font-size: 28px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    transition: all 0.3s;
}

.plus-gover-boxShadow-bottom .online-edite-btn{
    background: linear-gradient(90deg, #F63941 0%, #F96E65 99%);
}
.plus-gover-boxShadow-bottom .gover-downLoad-btn{
    margin-top: 20px;
    background: linear-gradient(90deg, #F07D18 0%, #FFAD12 100%);
}

.plus-gover-boxShadow-bottom .online-edite-btn:hover{
    box-shadow: 0px 0px 8px 0px rgba(249, 110, 101, 0.9);
    background: linear-gradient(20deg, #F63941 0%, #F96E65 99%);
}
.plus-gover-boxShadow-bottom .gover-downLoad-btn:hover{
    background: linear-gradient(20deg, #F07D18 0%, #FFAD12 100%);
}


.plus_gover_search-banner,
.plus_gover_search-Recommended-keywords,
.plus_gover_search-result,
.plus_gover_search{
    transition: all 0.3s;
}


.plus-gover-searchResult-VideoBox{
    position: relative;
    width: 330px;
    height: 182px;
    margin: 30px 30px 0px 0px;
    border-radius: 13px;
    box-shadow: 0px 0px 24px 0px rgba(219,28,36,0.1);
    cursor: pointer;
    transition: all 0.3s;
    overflow: hidden;
}

.plus_gover_search-result-Boxs .plus-gover-searchResult-VideoBox:nth-child(4n){
    margin-right: 0;
}

.plus-gover-searchResult-VideoBox .content-video,
.plus-gover-searchResult-VideoBox .video-box{
    width: 100%;
    /*height: 100%;*/
}

.plus-gover-searchResult-VideoBox a.video-box-hand{
    display: inline-block;
    width: 100%;
    height: 100%;
}

.plus-gover-searchResult-VideoBox a.video-box-hand video{
    width: 100%;
    height: 100%;
}

.plus-gover-searchResult-VideoBox .video-sound .video-close-btn,
.plus-gover-searchResult-VideoBox .video-sound .video-play-btn {
    width: 24px;
    height: 24px;
    font-size: 20px;
    position: absolute;
    bottom: 17px;
    left: 12px;
    z-index: 9;
    color: #fff;
}


.plus-gover-searchResult-VideoBox .video-sound .video-play-btn {
    display: none;
}

.plus-gover-searchResult-VideoBox .video-sound .video-close-btn p,
.plus-gover-searchResult-VideoBox .video-sound .video-play-btn p {
    display: none;
    width: 60px;
    padding: 3px 5px;
    text-align: center;
    background-color: #fff;
    color: grey;
    font-size: 12px;
    border: 1px solid grey;
    position: absolute;
    top: 2px;
    left: 22px;
    z-index: 10;
}

.plus-gover-searchResult-VideoBox .video-sound .video-close-btn:hover,
.plus-gover-searchResult-VideoBox .video-sound .video-play-btn:hover {
    color: #E3B970;
}

.plus-gover-searchResult-VideoBox .video-sound .video-close-btn:hover p,
.plus-gover-searchResult-VideoBox .video-sound .video-play-btn:hover p {
    display: block;
}

/*鼠标移入声音开关显示*/
.plus-gover-searchResult-VideoBox .video-box:hover .video-sound {
    display: block;
}

/*鼠标移入下载收藏显示*/
.plus-gover-searchResult-VideoBox .video-box:hover .video-two-box {
    opacity: 1;
    top: 10px;
}

.plus-gover-searchResult-VideoBox .video-box{
    position: relative;
}

.plus-gover-searchResult-VideoBox .video-other-box{
    opacity: 0;
}

.plus-gover-searchResult-VideoBox:hover .video-other-box{
    opacity: 1;
}

.plus-gover-searchResult-VideoBox .video-other-box p{
    margin-bottom: 0;
    width: 61.8%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.plus-gover-VideoBoxShadow-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    color: #fff;
    font-size: 12px;
    padding: 0 17px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
    background: #000;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8));
    border-radius: 8px;
    opacity: 1;
    transition: all 0.1s;
}


.plus-gover-searchResult-VideoBox:hover .plus-gover-VideoBoxShadow-bottom{
    opacity: 0;
    transition:all 0.2s;
}

.plus-gover-VideoBoxShadow-bottom p{
    margin-bottom: 0;
}

/*.plus-gover-VideoBoxShadow-bottom .plus-gover-Video-time{*/

/*}*/

.plus-gover-VideoBoxShadow-top-Primitive{
    width: 100%;
    height: 50px;
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0px;
    left: 0px;
    z-index: 2;
    padding: 0 17px;
}

.plus-gover-VideoBoxShadow-top-Primitive p{
    margin-bottom: 0;
    width: 42px;
    height: 28px;
    line-height: 28px;
    color: #71481b;
    background: linear-gradient(90deg, #eacca3, #ebab43);
    text-align: center;
    font-size: 13px;
    border-radius: 4px;
}

.plus-gover-video-resolution{
    display: block;
    width: auto;
    padding: 0 8px;
    height: 22px;
    line-height: 22px;
    border-radius: 12px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    background: rgba(0, 0, 0, 0.4);
}

.plus-gover-searchResult-VideoBox:hover .plus-gover-VideoBoxShadow-top-Primitive{
    opacity: 0;
}

.plus-gover-VideoBoxShadow-top-After{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 0;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    padding: 0 17px;
}
.plus-gover-searchResult-VideoBox:hover .plus-gover-VideoBoxShadow-top-After{
    height: 50px;
    opacity: 1;
    transition: all 0.3s;
}


.plus-gover-VideoBoxShadow-top-After p{
    margin-bottom: 0;
    display: block;
    width: 78px;
    height: 28px;
    padding-left: 6px;
    line-height: 28px;
    text-align: center;
    font-size: 13px;
    color: #71481b;
    background: linear-gradient(90deg, #eacca3, #ebab43);
    border-radius: 4px;
    letter-spacing: 0;
    transition: all 0.3s;
}
.plus-gover-VideoBoxShadow-top-After p:hover,
.plus-gover-VideoBoxShadow-top-After button:hover{
    box-shadow: 0px 0px 8px 0px rgba(247,211,147,0.6);
}


.plus-gover-VideoBoxShadow-top-After button{
    display: block;
    width: 80px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 15px;
    color: #71481b;
    background: linear-gradient(90deg, #eacca3, #ebab43);
    border-radius: 4px;
    transition: all 0.3s;
}
.plus-gover-VideoBoxShadow-top-AfterRight{
    display: flex;
    /*justify-content: center;*/
    align-items: center;
}
.plus-gover-VideoBoxShadow-top-After .gover-shoucang{
    display: block;
    width: 28px;
    height: 28px;
    float: right;
    background: #fff;
    line-height: 28px;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    margin-left: 5px;
    color: #999;
}
.gover-shoucang i{
    transition: all 0.3s;
}

.gover-shoucang i:hover{
    color: #ebab43;
}

.plus_gover_search-result-Pagination{
    height: 120px;
    display: flex;
    justify-content: center;
    padding-top: 10px;
    align-items: center;
}

.plus_gover_search-result-Pagination .ant-pagination li{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.plus_gover_search-result-Pagination .ant-pagination .ant-pagination-item{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #CCCCCC;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
    /*background: linear-gradient(90deg, #FB9619 0%, #F42714 100%);*/
    border-radius: 8px;
    overflow: hidden;
}

.plus_gover_search-result-Pagination .ant-pagination-prev .ant-pagination-item-link,
.plus_gover_search-result-Pagination .ant-pagination-next .ant-pagination-item-link{
    border-radius: 8px;
    border: none;
    line-height: 40px;
    text-align: center;
    color: rgba(153, 153, 153, 1);
    font-size: 19px;
    transition: all 0.3s;
}

.plus_gover_search-result-Pagination .ant-pagination-prev .ant-pagination-item-link:hover,
.plus_gover_search-result-Pagination .ant-pagination-next .ant-pagination-item-link:hover{
    color: rgba(251, 150, 25, 1);
}

.plus_gover_search-result-Pagination .ant-pagination-item-active{
    border: none !important;
    background: linear-gradient(90deg, #FB9619 0%, #F42714 100%);
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
}

.plus_gover_search-result-Pagination .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.plus_gover_search-result-Pagination  .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon{
    color: rgba(251, 150, 25, 1);
}

.plus_gover_search-result-Pagination .plus_gover_search-result-Pagination .ant-pagination-item-active a,
.plus_gover_search-result-Pagination .ant-pagination-item-active a{
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
}

.plus_gover_search-result-Pagination .ant-pagination-item:hover{
    background: linear-gradient(90deg, #FB9619 0%, #F42714 100%);
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
}

.plus_gover_search-result-Pagination .ant-pagination-item:hover a {
    transition: all 0.1s;
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
}

.plus_gover_search-result .material-recommend-list-s p{
    font-size: 18px;
    color: #b2b3b4;
    margin-bottom: 5px;
    font-weight: 500;
}

.plus_gover_search-result .material-recommend-list-s img{
    width: 252px;
    margin-bottom: 10px;
}

.plus_gover_search-result .material-recommend-list-s{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px;
}

.plus_gover_search-result .material-recommend-list-s .span-null-text{
    color:#A2A3A3;
}

.plus_gover_search-result .material-recommend-list-s .span-null-text a{
    color: #FB9619;
    transition: all 0.2s;
}

.plus_gover_search-result .material-recommend-list-s .span-null-text a:hover{
    opacity: 0.9;
}

.gover_registration_transition-enter {
    opacity: 0;
    transform: scale(0.3);
}

.gover_registration_transition-enter-active {
    opacity: 1;
    transform: scale(1);
    transition: opacity 300ms ease-in, transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.gover_registration_transition-exit {
    opacity: 1;
    transform: scale(1);
}

.gover_registration_transition-exit-active {
    opacity: 0;
    transform: scale(0.7);
    transition: opacity 300ms ease-out, transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.plus-gover-notRongMedia-mask{


    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 300;
}

.plus-gover-notRongMedia{
    width: 480px;
    height: 210px;
    background: #FFFFFF;
    box-shadow: 0px 0px 26px 0px rgba(51,51,51,0.1);
    border-radius: 16px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    align-items: center;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
    padding: 15px 0 30px 0;
}
.plus-gover-notRongMedia h5{
    margin-bottom: 0;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333333;
}
.plus-gover-notRongMedia p{
    margin-top: 28px;
    margin-bottom: 0;
}

.plus-gover-notRongMedia button{
    margin-top: 50px;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: linear-gradient(90deg, #FB9619 0%, #F42614 100%);
    border-radius: 20px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    transition: all 0.2s;
}

.plus-gover-notRongMedia button:hover{
    opacity: 0.8;
}

.plus-gover-notRongMedia i{
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 14px;
    color: rgba(204, 204, 204, 1);
    font-weight: 500;
    font-size: 25px;
    transition: all 0.2s;
}

.plus-gover-notRongMedia i:hover{
    color: #767984;
}

.plus-gover-searchResult-box-music{
    width: 100%;
    height: 100%;
    background-image: url('//js.ibaotu.com/revision/img/public/img_MusicBg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.plus-gover-searchResult-box-music img{
    width: 188px;
    height: 188px;
    margin-bottom: 77px;
}

.plus-gover-searchResult-box-Collect i.active,
.gover-shoucang i.active{
    color: rgb(255, 138, 0);
}

.plus-gover-searchLoading{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}

.plus-gover-searchLoading p{
    font-size: 18px;
    color: #999999;
}
.material-recommend-list-s-goverImg{
    width: 100%;
    display: flex;
    justify-content: center;
    padding-left: 70px;
}


@media screen and (max-width: 1680px){

    .plus_gover_search-Recommended-keywords{
        width: 1305px;
        font-size: 15px;
    }

    .plus-gover-filtrate{
        padding-top: 23px;
    }

    .plus-gover-filtrate-item-content{
        padding-left: 10px;
    }

    .plus-gover-filtrate-item{
        font-size: 14px !important;
        margin-bottom: 12px;
    }

    .plus_gover_search-bannerImg{
        width: 1269px;
    }

    .plus_gover_search-input-BtnGroups {
        left: 65%;
        transform: translateX(-47%);
    }


    .plus_gover_search{
        padding-top: 72px;
        padding-bottom: 10px;
    }


    .plus_gover_search-result{
        width: 1305px;
    }


    .plus_gover_search-banner{
        width: 1305px;
        height: 470px;
    }

    .plus-gover-boxShadow-top h5{
        font-size: 15px;
    }

    .plus-gover-searchResult-box{
        width: 297px;
        height: 448px;
        margin: 20px 20px 0px 0px;
    }

    .plus-gover-boxShadow-bottom{
        padding: 30px 0;
    }
    .gover-downLoad-btn{
        transform:scale(0.9);
    }

    .plus_gover_search-result-Boxs{
        padding-left: 30px;
    }

    .plus-gover-searchResult-VideoBox{
        width: 297px;
        height: 167px;
        margin: 20px 20px 0px 0px;
    }

    .plus_gover_search-keywords-item{
        width: 1200px;
    }


}
.plus_Content .plus-layout-wrap-image {
  width: 100%;
  height: 100%;
}

/*左侧侧边栏*/
.layout_wrapper_diff .left_wrapper_child {
  right: -120px;
}

.layout_wrapper_diff.active {
  left: -302px;
}

/*右侧公共部分*/


.plus-layout-right.active {
  margin-left: 0;
}

/*以图搜图*/
.layout-Search-Image {
  width: 100%;
  min-height: 100vh;
  position: relative;
}

.layout-Search-Image .bg-Image {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("//js.ibaotu.com/revision/plus/img/tool/img_upload-2.png") center no-repeat;
  background-size: cover;
  padding-top: 180px;
  padding-bottom: 340px;
}

.layout-Search-Image .bg-Image h2 {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 36px;
  letter-spacing: 1px;
  color: #333333;
  text-align: center;
  font-weight: normal;
}

.search-Image-Wrapper {
  width: 500px;
  height: 250px;
  margin: 55px auto 0;
  position: relative;
  background: rgba(255,255,255,0.8);
  box-shadow: 0px 6px 32px 0px rgba(0,0,0,0.1);
  border-radius: 8px;
  border: 2px solid #FFFFFF;
}

.search-Image-Wrapper .ant-upload.ant-upload-drag {
  background: none;
  border: none;
  padding: 62px 0 0;
}

.search-Image-Wrapper .ant-upload.ant-upload-drag .ant-upload,
.search-Image-Wrapper .ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: block;
  padding: 0;
}

.search-Image-Wrapper .ant-upload-drag-icon {
  display: block;
  width: 63px;
  height: 49px;
  margin: 0 auto 20px;
}

.search-Image-Wrapper .ant-upload-drag-icon img {
  display: block;
  width: 100%;
}

.search-Image-Wrapper .ant-upload.ant-upload-drag .ant-upload-text {
  display: block;
  font-size: 18px;
  color: #333333;
  line-height: 22px;
  margin: 0 0 16px;
}

.ant-upload-text span {
  border-bottom: 1px solid #333333;
}

.search-Image-Wrapper .ant-upload.ant-upload-drag .ant-upload-hint {
  font-size: 16px;
  line-height: 18px;
  color: #999999;
}

/*上传等待*/
.search-Image-Wrapper .div-uploading {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.95);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8px;
}

.search-Image-Wrapper .div-uploading img {
  display: block;
  width: 120px;
  margin: 30px auto 0;
}

.search-Image-Wrapper .div-uploading p {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #ffb311;
  text-align: center;
}
/*页面以图搜图样式 END*/

/*以图搜图弹窗样式*/
.search-By-Image .search-by-image {
    background: rgba(0, 0, 0, 0.4);
}

.layout-Search-Image-Alert {
  width: 520px;
  height: 348px;
  min-height: unset;
  background: #FFFFFF;
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.layout-Search-Image-Alert .bg-Image h2 {
  color: #333333;
  background: none;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  font-size: 20px;
  margin: 0 auto 20px;
}

.layout-Search-Image-Alert .bg-Image {
  width: 100%;
  height: 100%;
  background: none;
  position: unset;
  padding: 40px;
}

.layout-Search-Image-Alert .search-Image-Wrapper {
    width: 440px;
    height: 210px;
    border: 1px dashed #EBEBEB;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: none;
    margin: 0;
}

.layout-Search-Image-Alert .search-Image-Wrapper .ant-upload.ant-upload-drag {
    padding-top: 40px;
}

.layout-Search-Image-Alert .search-Image-Wrapper .ant-upload-drag-icon {
    margin-bottom: 29px;
}

.layout-Search-Image-Alert .ant-upload.ant-upload-drag .ant-upload-text {
  color: #333333;
  font-size: 16px;
}

.layout-Search-Image-Alert .ant-upload.ant-upload-drag .ant-upload-hint {
    color: #999999;
    font-size: 14px;
}

.layout-Search-Image-Alert .ant-upload-text span {
  border-bottom: 1px solid #333333;
}

.layout-Search-Image-Alert .icon-cha {
  display: block;
  width: 30px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  position: absolute;
  top: 20px;
  right: 20px;
  color: #999999;
  cursor: pointer;
}

.layout-Search-Image-Alert .icon-cha:hover {
    opacity: 0.9;
}

/*样式开始*/
.plus_Content .Toastify__toast--default {
  z-index: 1000;
}

.plus-layout-wrap {
  width: 100%;
  height: auto;
  background: #fff;
}


.plus-layout-banner {
  width: 100%;
  position: relative;
  z-index: 9;
  margin-bottom: 40px;
}

.plus-layout-right.index {
    padding-top: 0;
}

.plus-layout-right.seo .plus-layout-banner {
    height: 361px;
}

.plus-layout-right.seo .plus-layout-banner .slider-content {
    background-size: 800px auto;
    background-position: center 0;
}
.plus-layout-right.seo .div-slider-wrapper {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.plus-layout-banner:hover  .swiper-container .swiper-prev,
.plus-layout-banner:hover  .swiper-container .swiper-next{
   display: flex;
}

.plus-layout-banner .swiper-container {
    width: 100%;
    height: 400px;
    z-index: unset;
    min-width: 1236px;
}
.plus-layout-banner .swiper-slide {
      background: url(//s.ibaotu.com/next/img/new/b11.8672.png) center bottom no-repeat;
      background-size: cover;
      cursor: auto;
      
    }
.plus-layout-banner .swiper-slide::before {
    content: '';
    height: 100%;
    width: 570px;
    background: url(//s.ibaotu.com/next/img/new/b.0283.png) center bottom no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.plus-layout-banner .swiper-slide-item {
    position: absolute;
    top: 0;
    right: calc((100vw - 1410px)/2 - 95px);
    width: 850px;
    height: 400px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}

.plus-layout-banner .swiper-prev,
.plus-layout-banner .swiper-next {
    width: 32px;
    height: 32px;
    background: rgba(0,0,0,0.1);
    border-radius: 50%;
    position: absolute;
    right: calc((100vw - 1410px)/2 - 109px);
    top: unset;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    display: none;
    color: #fff;
    transition: opacity 0.3s ease;
    box-shadow: none;
    transform: none;
    cursor: pointer;
}
.plus-layout-banner .swiper-prev:hover,
.plus-layout-banner .swiper-next:hover {
    background: rgba(0,0,0,0.25);
}
.plus-layout-banner .swiper-prev .icon,
.plus-layout-banner .swiper-next .icon {
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.plus-layout-banner .icon::before {
    content: none;
}
.plus-layout-banner .icon-shangla1 {
    background-image: url(//s.ibaotu.com/img/icons/icon-shang.svg);
}
.plus-layout-banner .icon-xiala {
    background-image: url(//s.ibaotu.com/img/icons/icon-xia.svg);
}

.plus-layout-banner  .swiper-prev {
    top: calc((100% - 94px)/2);
}

.plus-layout-banner  .swiper-next {
    bottom: calc((100% - 94px)/2);
}

.plus-layout-banner .swiper-container-horizontal>.swiper-pagination-bullets {
    width: auto;
    right: calc((100vw - 1410px)/2 - 57px);
    left: unset;
    bottom: unset;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
  }

.plus-layout-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #FFFFFF;
    box-shadow: 0px 1px 5px 0px rgba(172,172,172,0.14);
    border-radius: 50%;
    margin: 5px auto;
    transition: all 0.3s ease;
    outline: none;
    opacity: 1;
}
.plus-layout-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover {
    background: #FF9100;
}
.plus-layout-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 8px;
    height: 20px;
    background: #FF9100;
    box-shadow: 0px 1px 5px 0px rgba(172,172,172,0.14);
    border-radius: 4px;
    background: #FF9100;
}
.plus-layout-banner  .swiper-pagination {   
    cursor: pointer;
}

.plus-layout-banner .slick-slider,
.plus-layout-banner .slick-list {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.plus-layout-banner .slider-content {
  display: block;
  width: 100%;
  height: 500px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  bottom: 110px;
}

.plus-layout-banner .slider-content01 {
  background-image: url("https://js.ibaotu.com/act/21/04/19/607ce126b6028.jpg");
}

.plus-layout-banner .slider-content02 {
  background-image: url("https://js.ibaotu.com/act/21/04/09/60702e3db6393.jpg");
}

.plus-layout-banner .slider-content03 {
  background-image: url("https://js.ibaotu.com/act/21/04/12/6073aef52ebdf.jpg");
}

.plus-layout-banner .slider-content04 {
  background-image: url("https://js.ibaotu.com/act/21/04/08/606e6d3cb8d34.jpg");
}

/*轮播点*/
.plus-layout-banner .slick-dots {
  display: flex;
  width: auto;
  height: 28px;
  z-index: 10;
  left: auto;
  bottom: 80px;
  right: 100px;
  background: rgba(0,0,0,.2);
  border-radius: 8px 8px 0 0;
  justify-content: space-around;
  padding: 0 10px;
  cursor: pointer;
}

.plus-layout-banner .slick-dots li {
  width: 15px;
  height: 20px;
  background: none;
  transition: all .2s ease;
  margin: 5px 10px 0;
}

.plus-layout-banner .slick-dots li a {
  width: 100%;
  height: 100%;
  line-height: 20px;
  text-align: center;
  color: #eceef5;
  font-weight: 400;
  transition: all .2s ease;
  letter-spacing: -1px;
}

.plus-layout-banner .slick-dots .slick-active,
.plus-layout-banner .slick-dots li a:hover {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  border-bottom: 1px solid #fff;
}

.plus-layout-banner .slider-text {
  width: 250px;
  height: 50px;
  line-height: 50px;
  background: rgba(0,0,0,.2);
  border-radius: 10px 0 10px 10px;
  position: absolute;
  bottom: 30px;
  right: 100px;
  z-index: 1;
}

.plus-layout-banner .slider-text a {
  display: none;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 1px;
  color: #fff;
}

.plus-layout-banner .slider-text .active {
  display: block;
}

/*搜索输入框*/
.b-banner-search-input-area {
  width: 720px;
  height: 60px;
  background: #fff;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  position: absolute;
  bottom: 35px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.b-banner-search-wrap {
    position: absolute;
    bottom: 44px;
    left: 0;
    right: 0;
    padding: 0;
    z-index: 2;
    pointer-events: none;
    width: 1410px;
    margin: 0 auto;
}
.b-banner-search-wrap .b-banner-search-input-area {
  display: flex;
  width: 598px;
  height: 69px;
  line-height: 69px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 2px 8px 30px 0 rgba(57, 60, 67, .1);
  border-radius: 4px;
  color: #2d2d2d;
  backdrop-filter: blur(20px);
  pointer-events: auto;
  position: relative;
  left: unset;
  right: unset;
  bottom: unset;
  margin: 0;
}
.b-banner-search-wrap .b-banner-search-input-area::before {
    content: '';
    width: 544px;
    height: 109px;
    background: url(//s.ibaotu.com/next/img/new/t3.ccd9.png) center no-repeat;
    background-size: cover;
    position: absolute;
    left: -24px;
    bottom: calc(100% + 27px);
    pointer-events: none;
}

/*左侧下拉*/
.b-banner-search-input-area .layout-drop-down-wrapper {
  width: 120px;
  height: 100%;
  line-height: 69px;
  background: #fff;
  color: rgba(0,0,0,0.9);
  font-size: 18px;
  float: left;
  border-radius: 4px 0 0 4px;
}

.plus-layout-right.seo .b-banner-search-input-area .layout-drop-down-wrapper {
    line-height: 59px;
}

.b-banner-search-input-area .layout-drop-down-list {
  background: #fff;
  z-index: 1000;
  box-shadow: 0 10px 16px 0 rgba(43, 45, 48, 0.3);
  border-radius: 4px;
  position: absolute;
  top: calc(100% + 1px);
}

.b-banner-search-input-area .layout-drop-down-list li {
  color: #474A51;
  font-size: 16px;
  text-align: left;
  padding-left: 24px;
}

.b-banner-search-input-area .layout-drop-down-list li:hover {
  background: #F2F2F2;
}

.b-banner-search-input-area .b-banner-search-input {
  width: 420px;
  height: 100%;
  border: none;
  padding: 0;
  font-size: 16px;
  color: #333;
  border-radius: 10px 0 0 10px;
  float: left;
  flex: 1;
}

.b-banner-search-input-area .b-banner-search-input:focus,
.ant-input-focused {
  border: none!important;
  box-shadow: none;
}

/*以图搜图相机*/
.search-img-wrap {
  display: none;
  width: 50px;
  height: 100%;
  line-height: 60px;
  float: left;
  position: relative;
  padding-left: 4px;
}

.search-img-wrap .icon-sheyingtu {
  font-size: 28px;
  color: #d5dae8;
}

.search-img-wrap:hover .icon-sheyingtu {
  color: #fdba48;
}

.search-img-wrap .icon-xiangji::after {
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  background: rgba(188, 188, 188, 0.37);
  position: absolute;
  top: 12px;
  right: 0;
}

.search-img-wrap:before {
  content: "";
  display: block;
  position: absolute;
  border-color: rgba(0,0,0,.5) transparent;
  border-style: solid dashed dashed;
  border-width: 5px 5px 0;
  left: 12px;
  top: 10px;
  opacity: 0;
}

.search-img-wrap:after {
  content: "\4EE5\56FE\641C\56FE";
  position: absolute;
  width: 70px;
  height: 22px;
  color: #fff;
  line-height: 24px;
  font-size: 12px;
  text-align: center;
  top: -12px;
  left: -18px;
  background: rgba(0,0,0,.5);
  border-radius: 8px;
  opacity: 0;
}

.search-img-wrap:hover:after,
.search-img-wrap:hover:before {
  opacity: 1;
}

/*搜索按钮*/
.b-banner-search-btn {
    width: 122px;
    height: 100%;
    flex: 0 0 auto;
    background: linear-gradient( 90deg, #FFAB2C 0%, #FF5B00 100%);
    border-radius: 0px 4px 4px 0px;
    color: #fff;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s;
}

.b-banner-search-btn .icon-sousuo1 {
    font-size: 27px;
    font-weight: 500;
    margin-right: 2px;
    line-height: 1;
    margin-top: -1px;
}

/* .b-banner-search-btn span {
  font-size: 20px;
  font-weight: 400;
  color: #8B4800;
  line-height: 60px;
  margin-left: 2px;
} */

.b-banner-search-btn:hover {
  opacity: 0.85;
  color: #fff;
}

/* .b-banner-search-input-area:hover .icon-sousuo1 {
  animation: searchAnimation 1s 0s forwards;
} */

/*搜索下拉框*/
.b-banner-search-input-area .search-tips-banner {
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
  box-shadow: 1px 7px 10px 0 rgba(94, 94, 94, 0.5);
  border-radius: 4px;
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  z-index: 102;
  padding: 20px 0 21px;
}

.b-banner-search-input-area .search-tips-banner ul {
  margin: 0;
}

/*搜索历史*/
.b-banner-search-input-area .search-history {
  width: 100%;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
  color: #ccc;
  margin: 8px 0;
  padding: 0 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.b-banner-search-input-area .search-history>a {
  margin-left: 25px;
  color: #ccc;
}

.b-banner-search-input-area .search-history>a:hover {
  color: #ff9100;
}

/*搜索热词*/
.b-banner-search-input-area .recommend-wrap li {
  width: 100%;
  height: 38px;
  line-height: 38px;
  overflow: hidden;
  letter-spacing: 1px;
}

.b-banner-search-input-area .recommend-wrap .every-record {
  display: block;
  width: 100%;
  height: 100%;
  letter-spacing: 0;
  font-size: 14px;
  color: #333;
  padding: 0 30px;
}

.b-banner-search-input-area .recommend-wrap li:nth-of-type(1)>a>.record-name,
.b-banner-search-input-area .recommend-wrap li:nth-of-type(2)>a>.record-name,
.b-banner-search-input-area .recommend-wrap li:nth-of-type(3)>a>.record-name {
  color: #ff9100;
}

.b-banner-search-input-area .recommend-wrap .record-number-wrap {
  float: right;
  color: #ccc;
}

.b-banner-search-input-area .recommend-wrap .every-record:hover {
  background-color: #f5f5f5;
  color: #ff8a00;
}

/*搜索热词*/
.b-banner-search-history {
  display: block;
  width: 439px;
  position: absolute;
  top: 220px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10;
  height: 26px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
}

.b-banner-search-text {
  margin: 0 3px;
  display: inline-block;
  width: auto;
  max-width: 130px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 26px;
  line-height: 24px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
  padding: 0 15px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.b-banner-search-text:hover {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.7);
}

.b-banner-search-vip-button {
  line-height: 24px;
  border: 1px solid #f4b041;
  background: rgba(0, 0, 0, 0.3);
  color: #e3b970;
  font-weight: 700;
}

.b-banner-search-vip-button:hover {
  color: #e3b970;
}

/*主体内容*/
.plus-layout-content {
  width: 1410px;
  height: auto;
  margin: 0 auto;
  padding-top: 22px;
}

/*9大分类金刚位*/
.plus-category-content {
  width: 100%;
  height: 120px;
  border-radius: 10px;
  margin: 0 auto 22px;
}

/*左边全球精选入口*/
.category-content-left {
  display: block;
  float: left;
  width: 260px;
  height: 100%;
  background: url("//js.ibaotu.com/revision/plus/img/home/h1125-1.png") center no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 10px;
}

.category-content-left::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  opacity: 0;
  transition: all 0.15s ease-in;
}

.category-content-left:hover::after {
  opacity: 1;
}

/*右侧金刚位合集*/
.category-content-right {
  width: 1130px;
  height: 100%;
  float: right;
  padding: 6px 12px;
  background: #F9FAFB;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.category-item-top {
  width: 195px;
  height: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 8px;
}

.category-item-top:not(:last-child) {
    margin-right: 16px;
}

.category-item-top:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 20px;
    background: #F0F2F3;
    border-radius: 2px;
    right: -10px;
}

.category-item-top:hover {
    background: url(//js.ibaotu.com/revision/plus/img/home/h1125-b.png) center no-repeat;
    background-color: #fff;
    background-size: cover;
}

.category-item-top:last-child {
  margin-right: 0;
  border: none;
}

.category-item-top img {
  width: 59px;
  margin-right: 10px;
}

.category-item-top .item-right {
    flex: 0 0 auto;
}

.category-item-top .item-right p {
  display: block;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 4px;
  transition: all 0.1s ease-in;
}

.category-item-top .item-right span {
  display: block;
  line-height: 16px;
  font-size: 12px;
  color: #CCCCCC;
  transition: all 0.1s ease-in;
}


/*素材列表*/
.plus-layout-category-list {
  width: 100%;
  height: auto;
  padding: 26px 25px 8px;
  background: #F9FAFB;
  border-radius: 10px;
  margin-bottom: 36px;
}

/*title*/
.list-title-wrapper {
  height: 28px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
}

.list-title-left {
  display: flex;
}

.list-title-left .a-title-big {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  margin-right: 16px;
  cursor: pointer;
}

.list-title-left .a-title-button {
  display: block;
  color: #545B6F;
  height: 24px;
  padding: 0 14px;
  line-height: 24px;
  background: #fff;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  margin-right: 9px;
  margin-top: 2px;
  cursor: pointer;
}
.list-title-left .a-title-button:hover {
    color: #613C14;
    background: linear-gradient(90deg, #FFDC9E 0%, #FDC251 100%);
}

/*更多*/
.list-title-wrapper .a-title-more {
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  cursor: pointer;
}

.list-title-wrapper .a-title-more .icon-you {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  margin-left: -1px;
}

.list-title-left .a-title-big:hover,
.list-title-wrapper .a-title-more:hover {
  color: #FFB311;
}

/*list*/
.list-category-wrapper {
  width: 100%;
  height: auto;
  margin: 0;
}

.list-category-wrapper li {
  display: block;
  width: 325px;
  height: 488px;
  float: left;
  border-radius: 12px;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  transition: 0.3s ease-in;
}

.list-category-wrapper li.sc-home-ad {
    overflow: visible;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.04);
}
.list-category-wrapper li.sc-home-ad-wrap {
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
    height: 100%;
}

.list-category-wrapper li:nth-of-type(4n) {
  margin-right: 0;
}

.list-category-wrapper .jump-details {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: all .5s ease;
  border-radius: 10px;
  overflow: hidden;
}

.jump-details img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all .5s ease;
}

.jump-details object {
  display: block;
  width: 32px;
  height: 32px;
  background: #f4da90;
  background: linear-gradient(135deg, #f4da90, #d2aa4d);
  border-radius: 4px;
  position: absolute;
  top: 16px;
  right: 14px;
  z-index: 3;
}

.jump-details .ava-com-btn {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 32px;
  text-align: center;
  color: #fff;
  padding-right: 1px;
}

.jump-details .ava-com-btn .iconfont {
  font-size: 24px;
}

/*图片加载gif*/
.scrollLoading {
  background: #cccccc url("//js.ibaotu.com/revision/img/loading.gif") center no-repeat;
}

/*hover显示素材名称*/
/*下载按钮*/
.list-category-wrapper .hover-pop {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  border-radius: 10px;
  overflow: hidden;
}

.list-category-wrapper .pop-tit,
.list-category-wrapper .pop-bot {
  position: absolute;
  left: 0;
  z-index: 2;
  border-radius: 8px;
}

.list-category-wrapper .pop-bot,
.list-category-wrapper .pop-tit,
.list-category-wrapper .pop-bot .down-btn,
.list-category-wrapper .pop-tit .tit-name {
  transition: 0.2s ease-in;
  opacity: 0;
}

/*顶部素材名称*/
.list-category-wrapper .pop-tit {
  width: 100%;
  height: 75px;
  padding: 20px 15px 20px 15px;
  top: -30px;
}

.list-category-wrapper .pop-tit .tit-name {
  display: block;
  width: 220px;
  color: #fff;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*底部下载按钮*/
.list-category-wrapper .pop-bot {
  width: 100%;
  height: 75px;
  bottom: 0;
}

.list-category-wrapper .pop-bot .down-btn {
  display: block;
  width: 232px;
  height: 56px;
  overflow: hidden;
  border-radius: 28px;
  color: #613C14;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  font-size: 25px;
  text-align: center;
  line-height: 56px;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-weight: normal;
  letter-spacing: 1px;
}

.list-category-wrapper .pop-bot .pop-bot-editor {
  bottom: 85px;
  background: rgba(255, 255, 255, 0.9);
  color: #E3B970;
}

.list-category-wrapper .pop-bot .pop-bot-editor:hover {
  background: #fff;
}

.list-category-wrapper li:hover .pop-bot .down-btn {
  bottom: 50px;
}

.list-category-wrapper li:hover .pop-bot .pop-bot-editor {
  bottom: 116px;
}

/*鼠标移入*/
.list-category-wrapper li:hover .pop-bot,
.list-category-wrapper li:hover .pop-bot .down-btn,
.list-category-wrapper li:hover .pop-tit,
.list-category-wrapper li:hover .pop-tit .tit-name {
  opacity: 1;
}

.list-category-wrapper li:hover .pop-tit {
  top: 0;
}

.list-category-wrapper li:hover .jump-details img {
  transform: scale(1.05);
}

/*视频素材样式*/
.list-category-wrapper-video li {
  height: 184px;
  margin: 0 20px 20px 0;
}

.list-category-wrapper-video .content-index {
  width: 100%;
  height: 100%;
  padding: 0;
}

.video-box {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
  border-radius: 4px;
}

.video-box .video-tit-box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  border-radius: 4px;
}

.video-box-hand {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 4px;
}

.video-play,
.video-play video {
  height: 100%;
  border-radius: 4px;
  position: relative;
}

.video-play {
  overflow: hidden;
}

.show-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
  overflow: hidden;
}

.show-image img {
  width: 100%;
  height: 100%;
  image-rendering: auto;
}

/*左上角清晰度*/
.video-quality {
  display: block;
  width: 48px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 2;
}

/*左上角小摄像机*/
.video-img {
  display: block;
  width: 28px;
  height: 20px;
  position: absolute;
  top: 15px;
  left: 20px;
  z-index: 10;
}

/*右上角下载按钮*/
.video-box .mask-box {
  display: block;
  width: 78px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #613C14;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  border-radius: 4px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 2;
  opacity: 0;
  transition: .23s;
}

.video-box .mask-box .iconfont,
.collect-words {
  display: inline-block;
  vertical-align: top;
}

.video-box .mask-box .iconfont {
  font-weight: bold;
  font-size: 15px;
}

.collect-words {
  font-size: 14px;
  margin-left: 2px;
  letter-spacing: 1px;
}

/*底部视频信息以及时长*/
.shade-box {
  width: 100%;
  height: 60px;
  position: absolute;
  bottom: 0;
  color: #fff;
  font-size: 12px;
  padding: 0 15px;
  z-index: 2;
  background: #000;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8));
  opacity: 1;
  border-radius: 4px;
}

.video-box .video-title {
  width: 61.8%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.shade-box span {
  position: absolute;
  bottom: 12px;
}

.video-time {
  right: 20px;
}

/*声音开关*/
.video-box .video-btn {
  display: none;
  cursor: pointer;
}

.video-close-btn,
.video-play-btn {
  width: 24px;
  height: 24px;
  font-size: 18px;
  position: absolute;
  bottom: 12px;
  left: 12px;
  z-index: 9;
  color: #fff;
}

.video-play-btn {
  display: none;
}

.video-close-btn p,
.video-play-btn p {
  display: none;
  width: 60px;
  padding: 3px 5px;
  text-align: center;
  background-color: #fff;
  color: grey;
  font-size: 12px;
  border: 1px solid grey;
  position: absolute;
  top: 2px;
  left: 22px;
  z-index: 10;
}

.video-close-btn:hover,
.video-play-btn:hover {
  color: #E3B970;
}

.video-close-btn:hover p,
.video-play-btn:hover p {
  display: block;
}

/*鼠标移入声音开关显示*/
.video-box:hover .video-btn {
  display: block;
}

.video-box:hover .mask-box {
  opacity: 1;
  top: 10px;
  color: #71481b;
}

.video-box:hover .video-img,
.video-box:hover .video-quality {
  display: none;
}

.video-box:hover .shade-box {
  opacity: 0;
}

/*配乐素材样式*/
.list-category-wrapper-music li {
  height: 170px;
  background: #fff;
  margin: 0 18px 18px 0;
  overflow: visible;
  box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.04);
}

.sc-home-music .content-index {
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 18px;
}

.sc-home-music .top-Proto {
  width: 100%;
  height: auto;
  padding-top: 20px;
}

/*素材名字*/
.top-Proto .name-Proto {
  display: block;
  width: 220px;
  height: 20px;
  float: left;
  line-height: 20px;
  font-size: 17px;
  color: #545B6F;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}

.top-Proto .name-Proto:hover {
  color: #ebab43;
}

/*右上角保角标*/
.top-Proto .icon-Proto {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 16px;
  right: 16px;
}

.top-Proto .ava-com-btn {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  background: #e0bf73;
  background: linear-gradient(135deg, #f4da90, #d2aa4d);
  color: #fff;
  border-radius: 4px;
  text-align: center;
  padding-right: 1px;
}

.top-Proto .ava-com-btn i {
  font-size: 24px;
}

/*下载收藏盒子*/
.top-Proto .audio-info {
  float: left;
  margin-top: 20px;
}

.top-Proto .audio-infos {
  margin-right: 30px;
}

/*下载按钮*/
.top-Proto .info-Proto {
  display: block;
  float: left;
}

.audio-info .free-down {
  display: block;
  width: 93px;
  height: 30px;
  line-height: 30px;
  letter-spacing: 1px;
  overflow: hidden;
  text-align: center;
  border-radius: 4px;
  font-size: 15px;
  color: #613C14;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  position: relative;
  font-weight: normal;
}

/*收藏按钮*/
.audio-info .icon-shoucang2 {
  display: block;
  width: 30px;
  height: 30px;
  float: left;
  font-size: 15px;
  line-height: 30px;
  text-align: center;
  background: #fff;
  margin-left: 13px;
  color: #9e9e9e;
  border-radius: 8px;
  cursor: pointer;
}

.audio-info .icon-shoucang2.active,
.audio-info .icon-shoucang2:hover {
  color: #E3B970;
}

/*配乐操作盒子*/
.sc-home-music .bottom-Proto {
  height: auto;
  padding-top: 22px;
  position: relative;
  margin-top: 0;
}

/*播放按钮*/
.bottom-Proto.music-content-box .iconfont {
  width: 34px;
  height: 34px;
  line-height: 34px;
  float: left;
  color: #fff;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  border-radius: 5px;
  margin: 3px 13px 0 0;
  padding-left: 2px;
}

.bottom-Proto.music-content-box .iconfont::before {
  display: block;
}

.bottom-Proto .iconfont:hover {
  opacity: 0.9;
}

/*进度条*/
.bottom-Proto .gress-Proto {
  width: 200px;
  height: 16px;
  float: left;
  margin: 12px 0 10px 5px;
  cursor: pointer;
  position: relative;
}

.bottom-Proto .gress-Proto:before {
  display: block;
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  top: 6px;
  background: #F2F2F2;
  border-radius: 2px;
}

/*播放时进度条*/
.gress-Proto .move-color {
  display: block;
  width: 0;
  height: 4px;
  max-width: 100%;
  background: #ebab43;
  position: absolute;
  top: 6px;
  left: -1px;
  z-index: 2;
  border-radius: 2px;
}

/*播放进度小圆点*/
.time-bar .move-color b.dot {
  display: block;
  width: 8px;
  height: 8px;
  cursor: pointer;
  border-radius: 50%;
  background: #ebab43;
  position: absolute;
  right: -3px;
  top: -2px;
}

/*时间*/
.timeProto {
  display: inline-block;
  font-size: 12px;
  color: #999;
  line-height: 36px;
  margin-left: 10px;
  margin-top: 2px;
}

/*鼠标移入显示进度时间*/
.audio-box .timeTip {
  width: 40px;
  text-align: center;
  font-size: 12px;
  color: #E3B970;
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 3;
}

/*素材名称*/
/*下载按钮盒子背景色*/
.gradient-ver-wb {
  background: #000;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0, transparent 100%);
}

.gradient-ver-bw {
  background: #000;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0, transparent 100%);
}

.gradient-hor-og {
  background: #eacca3;
  background: linear-gradient(90deg, #eacca3, #ebab43);
}

/*hover公共效果*/
.gradient-hor-og::before,
.graHover::before {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
}

.gradient-hor-og:hover::before,
.graHover:hover::before {
  display: block;
}

/*友情链接 START*/
.plus-firendly-link {
  width: 100%;
  height: auto;
  background: #2A2B32;
  margin-top: 60px;
  padding-top: 50px;
}

.plus-firendly-safety {
  width: 1495px;
  height: auto;
  margin: 0 auto;
}

.plus-firendly-safety a {
  color: #8B8B8E;
  font-size: 14px;
  line-height: 26px;
  margin-right: 26px;
}

.plus-firendly-safety .div-nav-switch {
  margin-bottom: 15px;
}

.plus-firendly-safety .div-nav-switch a {
  margin-right: 18px;
}

.plus-firendly-safety a:hover {
  color: #E3B970;
}

.plus-firendly-safety .div-nav-switch a:hover {
  color: #8B8B8E;
}

.div-nav-switch .active {
  font-weight: bold;
}

.plus-firendly-safety .nav-bottom {
  display: none;
}

.plus-firendly-safety .nav-yq-s {
  display: block;
}
/*友情链接 END*/

/*首页底部样式 START*/
/*底部*/
.plus-layout-bottom {
  width: 100%;
  height: auto;
  background: #2A2B32;
  padding-bottom: 20px;
}

.plus-layout-bottom .bot-top {
  width: 1495px;
  height: 100px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.plus-layout-bottom .content-item {
  display: flex;
  height: 100%;
  line-height: 100px;
  align-items: center;
}

.plus-layout-bottom .content-item .content-item-icon {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.content-item-icon01 {
  background-image: url("//js.ibaotu.com/revision/img/public/bottom/01.svg");
}

.content-item-icon02 {
  background-image: url("//js.ibaotu.com/revision/img/public/bottom/02.svg");
}

.content-item-icon03 {
  background-image: url("//js.ibaotu.com/revision/img/public/bottom/03.svg");
}

.content-item-icon04 {
  background-image: url("//js.ibaotu.com/revision/img/public/bottom/04.svg");
}

.content-item-icon05 {
  background-image: url("//js.ibaotu.com/revision/img/public/bottom/05.svg");
}

.content-item-icon06 {
  background-image: url("//js.ibaotu.com/revision/img/public/bottom/06.svg");
}

.plus-layout-bottom .content-item p {
  height: 100px;
  line-height: 100px;
  font-size: 16px;
  font-weight: 400;
  color: #8B8B8E;
  margin: 0 0 0 11px;
}

/*底部中间*/
.plus-layout-bottom .bot-center {
  width: 1495px;
  height: 75px;
  margin: 0 auto;
}

.bot-center-left {
  float: left;
  padding-top: 12px;
}

.bot-center-left>img {
  display: block;
  width: 140px;
  height: 40px;
}

.bot-center-right {
  float: right;
}

.bot-center-right .bot-list {
  float: left;
  height: auto;
  text-align: center;
  padding-top: 28px;
}

.bot-center-right .bot-list li {
  float: left;
  height: 16px;
  line-height: 16px;
  padding: 0 14px;
  font-size: 14px;
  border-right: 1px solid #8B8B8E;
}

.bot-center-right .bot-list li a {
  color: #8B8B8E;
}

.bot-center-right .bot-list li a:hover {
  color: #E3B970;
}

.bot-center-right .bot-about {
  width: 80px;
  height: auto;
  float: left;
  padding-top: 20px;
  margin-left: 50px;
}

.bot-center-right .bot-about dl {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  margin-left: 20px;
  margin-bottom: 0;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.bot-center-right .bot-about dl:first-child {
  margin-left: 0;
}

.bot-center-right .bot-about dl dt {
  height: 100%;
}

.bot-center-right .bot-about dl dt a {
  display: block;
  height: 100%;
  line-height: 24px;
  text-align: center;
  color: #999;
}

.bot-center-right .bot-about dl dt a i {
  position: relative;
  top: 2px;
  left: 0;
  color: #999;
  font-size: 18px;
}

.bot-center-right .bot-about dl dd {
  display: none;
  width: 110px;
  height: 110px;
  line-height: 110px;
  position: absolute;
  top: -122px;
  left: -42px;
  margin: auto;
  text-align: center;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.bot-center-right .bot-about dl:first-child dd {
  top: -130px;
  left: -130px;
}

.bot-center-right .bot-about .wx-area dd:after {
  z-index: 102;
  content: "";
  position: absolute;
  top: -67px;
  right: -107px;
  width: 148px;
  height: 33px;
  background: url("//s.ibaotu.com/img/revision/img/weixin_tip.png") no-repeat center;
  background-size: contain;
}

.bot-center-right .bot-about dl dd::before {
  position: absolute;
  left: 48px;
  bottom: -14px;
  content: "";
  margin: auto;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top-color: #fff;
}

.bot-center-right .bot-about dl.wx-area dd::before {
  left: 136px;
  bottom: -19px;
}

.bot-center-right .bot-about .wx-area .wx-img {
  width: auto;
  height: auto;
  max-width: 320px;
  position: absolute;
  top: -52px;
  left: -103px;
  z-index: 102;
  margin: auto;
}

.bot-center-right .bot-about dl:nth-of-type(1):hover {
  border-color: #62b900;
}

.bot-center-right .bot-about dl:hover .icon-weixin {
  color: #62b900;
}

.bot-center-right .bot-about dl:nth-of-type(2):hover {
  border-color: #da251c;
}

.bot-center-right .bot-about dl:hover dd {
  display: block;
}

.bot-center-right .bot-about dl:hover .icon-weibo {
  color: #da251c;
}

/*底部相关版权文案*/
.plus-layout-bottom .bot-bottom {
  width: 1495px;
  height: 78px;
  font-size: 0;
  margin: 0 auto;
  padding-top: 13px;
}

.plus-layout-bottom .bot-bottom ul {
  text-align: left;
  width: 100%;
  height: 100%;
}

.plus-layout-bottom .bot-bottom ul li {
  display: inline-block;
  height: auto;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  text-align: left;
}

.plus-layout-bottom .bot-bottom ul li a {
  display: block;
  color: #999999;
  float: left;
}

.plus-layout-bottom .bot-bottom ul li a:hover {
  color: #E3B970;
}

.plus-layout-bottom .bot-bottom ul li span {
  display: block;
  font-size: 12px;
  color: #999999;
  float: left;
  margin-left: 15px;
}

.plus-layout-bottom .bot-bottom .u-beian2 {
  margin-left: 18px;
}

.plus-layout-bottom .bot-bottom ul li a.gbTV {
  margin-right: 14px;
}

.plus-layout-bottom .bot-bottom .icons-guohui {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("//js.ibaotu.com/revision/img/public/sp_public.png") -235px -40px no-repeat;
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 4px;
}

.plus-layout-bottom .bot-bottom ul li a img {
  vertical-align: middle;
  width: 15px;
  height: 15px;
  margin-left: 15px;
  margin-top: -4px;
}

.plus-layout-bottom .bot-bottom .icons-gongshang {
  display: inline-block;
  width: 15px;
  height: 18px;
  background: url("//js.ibaotu.com/revision/img/public/sp_public.png") -385px 0 no-repeat;
  margin-top: -8px;
  margin-left: 12px;
  vertical-align: middle;
  position: relative;
  top: 2px;
}
/*首页底部样式 END*/

/*底部*/
.plus-layout-right .plus_Footer {
  background: none;
}

/*版权护航轮播 START*/
.layout-copyright-slider {
  /* width: 1410px; */
  height: auto;
  margin: 0 auto 40px;
  padding: 50px 20px 0;
}

.layout-copyright-slider .h3,
.layout-copyright-slider .p2 {
  display: block;
  width: 100%;
  text-align: center;
  color: #333333;
  letter-spacing: 1px;
}

.layout-copyright-slider .h3 {
  height: 32px;
  line-height: 30px;
  font-size: 30px;
  margin-bottom: 20px;
}

.layout-copyright-slider .p2 {
  height: 18px;
  line-height: 18px;
  font-size: 16px;
  margin-bottom: 20px;
}

/*轮播点*/
.ul-home-slider-wrapper {
  display: flex;
  width: 1065px;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
}

.ul-home-slider-wrapper li {
  width: 160px;
  height: 160px;
  line-height: 160px;
  text-align: center;
  cursor: pointer;
}

.ul-home-slider-wrapper li.li-active {
  border: 2px solid rgba(235, 206, 149, 0.5);
  border-radius: 50%;
  line-height: 156px;
}

.ul-home-slider-wrapper li img {
  display: inline-block;
  width: 79px;
  height: 79px;
  vertical-align: middle;
  margin: 0 auto;
}

.ul-home-slider-wrapper li.li-active img {
  width: 134px;
  height: 134px;
  background: transparent;
  border: 2px solid rgba(235, 206, 149, 0.5);
  box-shadow: 0 5px 12px rgba(235, 206, 149, 0.1);
  border-radius: 50%;
  padding: 12px;
}

/*图片*/
.div-home-swiper-ep {
  width: 100%;
  height: 566px;
}

.div-home-swiper-ep .ep-item {
  display: none;
  height: 566px;
  position: relative;
  overflow: hidden;
}

.div-home-swiper-ep .ep-item.item-active {
  display: block;
}

.div-home-swiper-ep .ep-item img {
  display: block;
}

.div-home-swiper-ep .ep-item .item-bg {
  margin-top: 60px;
  border-radius: 16px;
  width: 100%;
}

.div-home-swiper-ep .ep-item .item-t {
  position: absolute;
  right: -20px;
  top: 10px;
  height: 540px;
}
/*版权护航轮播 END*/

/*底部两个按钮*/
.div-home-bottom-btn {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-top: 30px;
}

.div-home-bottom-btn a {
  display: inline-block;
  vertical-align: top;
  width: 180px;
  height: 50px;
  line-height: 50px;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  border-radius: 25px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #613C14;
  text-align: center;
  margin: 0 20px;
  transition: all 0.2s;
}

.div-home-bottom-btn a:hover {
  opacity: 0.9;
}

/*企业专享专辑 START*/
#featured-Albums {
  padding-bottom: 30px;
}

#featured-Albums .list-title-left .a-title-big {
  cursor: unset;
}

#featured-Albums .list-title-left .a-title-big:hover {
  color: #333333;
}

.enter-exclusive {
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  margin-left: 6px;
  position: relative;
  color: #e3ba75;
}

.enter-exclusive::after {
  display: block;
  content: "";
  width: 4px;
  height: 4px;
  background: #e3ba75;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  left: -11px;
}

.ul-switchTab, .ul-switchTab-seo {
  max-width: 1100px;
  overflow: hidden;
  height: 28px;
  margin: 0;
  padding-left: 33px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ul-switchTab li, .ul-switchTab-seo a {
  display: inline-block;
  color: #545B6F;
  height: 24px;
  padding: 0 13px;
  line-height: 24px;
  background: #FFFFFF;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  margin-right: 9px;
  margin-top: 2px;
  cursor: pointer;
  vertical-align: top;
  overflow: hidden;
}

.ul-switchTab li.on, .ul-switchTab-seo a.on {
    color: #613C14;
    background: linear-gradient(90deg, #FFDC9E 0%, #FDC251 100%);
}

.featured-albums-list {
  width: 100%;
  height: 184px;
  overflow: hidden;
}

.featured-albums-list ul {
  width: 100%;
  height: 100%;
}

.featured-albums-list ul li {
  display: block;
  width: 325px;
  height: 100%;
  border-radius: 10px;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
  float: left;
}

.featured-albums-list ul li:nth-of-type(4) {
  margin-right: 0;
}

.featured-albums-list a {
  display: block;
  width: 100%;
  height: 100%;
}

.featured-albums-list .image-wrapper {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.36s ease;
}

.featured-albums-list a:hover .image-wrapper {
  transform: scale(1.08);
}

.image-bottom-albums {
  width: 100%;
  height: 52px;
  background: rgba(0, 0, 0, 0.6);
  padding: 8px 0 0 22px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.image-bottom-albums.seo {
    display: flex;
    align-items: center;
}

.image-bottom-albums span,
.image-bottom-albums p {
  display: block;
  text-align: left;
}

.image-bottom-albums span {
  display: block;
  line-height: 18px;
  font-size: 16px;
  color: #fff;
}

.image-bottom-albums p {
  display: block;
  line-height: 12px;
  font-size: 12px;
  color: #999;
  margin: 7px 0 0;
}

.image-bottom-albums em {
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #999;
  padding-right: 10px;
  margin-right: 10px;
  font-weight: normal;
}

.image-bottom-albums span em {
  margin-right: 3px;
  padding: 0;
  font-weight: normal;
  border: none;
}

.image-bottom-albums b {
  display: inline-block;
  color: #fff;
  font-weight: normal;
  margin: 0 1px;
}

.image-bottom-albums .div-album {
  display: block;
  width: 32px;
  height: 32px;
  background: rgba(112, 113, 118, 0.4);
  text-align: center;
  line-height: 30px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  position: absolute;
  top: 11px;
  right: 20px;
}

.div-album i {
  font-size: 14px;
  color: #fff;
}
/*企业专享专辑 END*/

/*底部授权书提醒 START*/
.power-attorney-bottom {
  width: 100%;
  height: 100px;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 210;
}

.a-power-attorney {
  display: block;
  width: 100%;
  height: 100%;
  background: url("//js.ibaotu.com/revision/plus/img/home/img_sq_bottom.png") center no-repeat;
  background-size: cover;
}

.attorney-center {
  width: 1200px;
  height: 100%;
  padding: 20px 50px 0 0;
  margin: 0 auto;
}

.attorney-center span {
  display: block;
  width: 280px;
  height: 58px;
  background: linear-gradient(90deg, #3d3835, #2a282b);
  box-shadow: 0 3px 8px 0 rgba(166, 127, 92, 0.5);
  border-radius: 30px;
  text-align: center;
  line-height: 58px;
  font-size: 22px;
  color: #feecd2;
  float: right;
}

.power-attorney-bottom p {
  display: block;
  width: 30px;
  height: 30px;
  background: rgba(32, 34, 41, 0.5);
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  position: absolute;
  top: 12px;
  right: 15px;
  cursor: pointer;
}

.power-attorney-bottom p i {
  color: #fff;
  font-size: 18px;
}
/*底部授权书提醒 END*/

/*新增正版标签*/
.new-copyright-label,
.new-authorization-label {
  display: block;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 13px;
  color: #613C14;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 4px;
  margin: 0;
  transition: all 0.15s ease-in;
  z-index: 5;
}

.new-copyright-label {
  width: 42px;
  opacity: 1;
}

/*版权授权标签*/
.new-authorization-label {
  width: 78px;
  padding-left: 5px;
  opacity: 0;
}

.new-authorization-label .icon-you {
  display: inline-block;
  font-size: 13px;
  margin-left: -1px;
}

.new-authorization-label:hover {
  opacity: 0.9;
  color: #71481b;
}

/*视频鼠标移入出现版权授权标签*/
.video-box:hover .new-copyright-label {
  opacity: 0;
}

.video-box:hover .new-authorization-label {
  opacity: 1;
}

.video-box .new-authorization-label:hover {
  opacity: 0.9;
}

.new-copyright-labels,
.new-authorization-labels {
  left: unset;
  right: 15px;
  top: 18px;
}

.sc-home-music .new-copyright-labels,
.sc-home-music .new-authorization-labels {
  top: 15px;
}

.sc-home-ad:hover .new-copyright-labels,
.sc-home-music:hover .new-copyright-labels {
  opacity: 0;
}

.sc-home-ad:hover .new-authorization-labels,
.sc-home-music:hover .new-authorization-labels {
  opacity: 1;
}

.sc-home-ad .new-authorization-labels:hover,
.sc-home-music .new-authorization-labels:hover {
  opacity: 0.9;
}

/*UI分类新增企业正版标签*/
.new-copyright-ui {
  width: 88px;
}

.new-copyright-ui .icon-huiyuan {
  display: inline-block;
  font-size: 19px;
  vertical-align: -2px;
}

.new-copyright-ui em {
  display: inline-block;
  width: 1px;
  height: 11px;
  background: #a07e58;
  vertical-align: -1px;
  margin: 0 4px 0 3px;
}

/*动画*/
@keyframes searchAnimation {
  0% {
    transform: scale(1);
    -webkit-animation-timing-function: cubic-bezier(.165, .84, .44, 1);
    animation-timing-function: cubic-bezier(.165, .84, .44, 1)
  }

  30% {
    transform: scale(1.1)
  }

  40% {
    transform: scale(1.1) rotate(10deg);
    -webkit-animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
  }

  55% {
    transform: scale(1.1) rotate(-10deg)
  }

  70% {
    transform: scale(1.1) rotate(10deg)
  }

  85% {
    transform: scale(1.1) rotate(-10deg)
  }

  to {
    transform: scale(1.1) rotate(0)
  }
}

.plus-home-friendLink{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #808080;
  margin-bottom: -35px;
  z-index: 10;
}

.plus-home-friendLink .footerLinkVis{
  display: flex;
  align-items: center;
  justify-content: center;
}


/* 子账号超限提示 */
.plus-account-tips {
    position: fixed;
    top: 72px;
    left: 0;
    z-index: 198;
    width: 100%;
    height: 60px;
    background: url(//js.ibaotu.com/revision/plus/img/home/tips-account.png) center no-repeat;
    background-size: cover;
    cursor: pointer;
}
.plus-account-tips .icon-guanbi {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 70px;
    color: #613C14;
    font-size: 25px;
    cursor: pointer;
    opacity: 0.6;
}
.plus-account-tips .icon-guanbi:hover {
    opacity: 0.8;
}
.plus-account-tips-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12.29vw;
    width: 110px;
    height: 36px;
    padding-left: 3px;
    background: linear-gradient(90deg, #FFDCA3 0%, #FFCA72 100%);
    box-shadow: 0px 2px 8px 0px rgba(153,76,0,0.25);
    border-radius: 6px;
    border: 1px solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #613C14;
    pointer-events: none;
}
.plus-account-tips-btn .iconfont {
    font-size: 12px;
    margin-left: 5px;
}

/* 改色后底部 */
.ep-logo {
    width: 670px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto
}

.ep-logo-img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #d5dae8
}

.ep-logo-active,.ep-logo-img:hover {
    border: 2px solid #ffc046
}

body .search-img-wrap:hover i {
    color: #ffc046
}

.ep-demo {
    position: relative;
    width: 1200px;
    height: 480px;
    
    margin: 41px auto 0;
    border-radius: 16px
}

.ep-demo .swiper-container {
    padding-top: 60px;
    height: 480px;
}

.ep-demo .swiper-container .swiper-slide {
    width: 1000px;
	height: 360px;
}

.ep-demo .swiper-container .swiper-slide-item {
    width: 100%;
    height: 100%;
    border-radius: 16px
}

.ep-demo .swiper-container .swiper-next,.ep-demo .swiper-container .swiper-prev {
    width: 50px;
    height: 50px;
    background: hsla(0,0%,100%,.8);
    -webkit-box-shadow: 0 8px 15px 0 rgba(57,60,67,.1);
    box-shadow: 0 8px 15px 0 rgba(57,60,67,.1);
    border-radius: 25px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    outline: none
}

.ep-demo .swiper-container .swiper-next:hover,.ep-demo .swiper-container .swiper-prev:hover {
    background: #fff
}

.ep-demo .swiper-container .swiper-prev {
    left: 150px;
    z-index: 4
}

.ep-demo .swiper-container .swiper-next {
    right: 150px;
    z-index: 4
}

.ep-demo .swiper-pagination {
    cursor: pointer
}

.ep-demo .swiper-slide-active .swiper-slide-item {
    -webkit-box-shadow: 0 16px 36px 4px rgba(45,45,45,.34);
    box-shadow: 0 16px 36px 4px rgba(45,45,45,.34)
}

.swiper-img-phone {
    display: none;
    position: absolute;
    right: 120px;
    top: 0;
    z-index: 3;
    pointer-events: none
}

.plus-layout-right.seo {
    padding-top: 72px;
}


/*1680响应式*/
@media screen and (max-width: 1680px) {

  /*!* 解决宽度减小页面留白问题 *!*/
  /*body{*/
  /*    background-color: #20232B;*/
  /*}*/

    .b-banner-search-wrap {
        width: 1140px;
    }

    .plus-layout-banner .swiper-container .swiper-slide-item{
        right: calc((100vw - 1220px)/2 - 128px);
    }
    .plus-layout-banner .b-banner-search-input-area {
        width: 506px;
    }
    .plus-layout-banner .swiper-container-horizontal>.swiper-pagination-bullets {
        right: 118px;
    }
    .plus-layout-banner .swiper-container .swiper-prev {
        right: 68px;
    }
    .plus-layout-banner .swiper-container .swiper-next {
        right: 68px;
    }

  /*整体宽度减小*/
  .plus-layout-content {
    width: 1140px;
  }

  /*分类金刚位响应*/
  .plus-category-content {
    height: 90px;
  }

  /*左侧全球精选位置*/
  .category-content-left {
    width: 225px;
  }

  /*右侧金刚位集合*/
  .category-content-right {
    width: 895px;
  }

  .category-item-top {
    width: 149px;
  }

  .category-item-top img {
    width: 44px;
    margin-right: 8px;
  }

  .category-item-top .item-right {
    padding-top: 1px;
  }

  .category-item-top .item-right p {
    font-size: 14px;
  }

  .category-item-top .item-right span {
    font-size: 12px;
    transform: scale(0.95);
    margin-left: -1px;
  }

  /*素材响应式*/
  .plus-layout-category-list {
    padding: 26px 27px 8px;
  }

  .list-category-wrapper li {
    width: 256px;
    height: 385px;
  }

  .list-category-wrapper .pop-tit .tit-name {
    width: 150px;
    font-size: 14px;
  }

  .list-category-wrapper .pop-bot .down-btn {
    width: 142px;
    height: 36px;
    line-height: 36px;
    font-size: 17px;
  }

  .list-category-wrapper li:hover .pop-bot .down-btn {
    bottom: 40px;
  }

  .list-category-wrapper li:hover .pop-bot .pop-bot-editor {
    bottom: 80px;
  }

  /*视频响应式*/
  .list-category-wrapper-video li {
    width: 256px;
    height: 144px;
  }

  /*配乐响应式*/
  .list-category-wrapper-music li {
    height: 148px;
  }

  .sc-home-music .content-index {
    padding-left: 15px;
  }

  .top-Proto .name-Proto {
    width: 145px;
    font-size: 14px;
  }

  .top-Proto .audio-info {
    margin-top: 15px;
  }

  .audio-info .free-down {
    width: 74px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
  }

  .audio-info .icon-shoucang2 {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    padding-left: 1px;
  }

  .sc-home-music .bottom-Proto {
    padding-top: 18px;
  }

  .audio-box.music-content-box .iconfont {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    margin-top: 0;
  }

  .bottom-Proto.music-content-box .gress-Proto {
    width: 145px;
    margin: 7px 0 7px 3px;
  }

  .audio-box .timeProto {
    line-height: 13px;
    margin-top: 9px;
    margin-left: 5px;
  }

  .audio-box .timeTip {
    top: 6px;
  }

  /*底部*/
  .plus-layout-bottom {
    padding-bottom: 40px;
  }

  .plus-firendly-safety,
  .plus-layout-bottom .bot-top,
  .plus-layout-bottom .bot-center,
  .plus-layout-bottom .bot-bottom {
    width: 1100px;
  }

  /*精选专辑响应式*/
  .ul-switchTab {
    max-width: 860px;
  }

  .featured-albums-list {
    height: 145px;
  }

  .featured-albums-list ul li {
    width: 256px;
  }

  /* 成员超限提示 */
  .plus-account-tips-btn {
    right: 10.29vw;
  }

  /* 底部版权轮播 */
  .ep-demo {
    width: 1100px;
  }

  .ep-demo .swiper-container .swiper-slide {
    width: 916px;
    height: 330px;
  }
}

/*年终调研*/
.plus-yearEnd-survey{
  position: fixed;
  left: 24px;
  bottom: 123px;
  cursor: pointer;
  z-index: 100;
}

.plus-yearEnd-survey img{
  animation: surveyjump 1s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95); /* 应用动画，持续循环 */
}

.plus-yearEnd-survey i{
  position: absolute;
  bottom: -35px;
  left: 50%;
  font-size: 26px;
  transform: translateX(-50%);
  color: #ccc;
  transition: all 0.3s;
}

.plus-yearEnd-survey i:hover{
  color: #B2B2B2;
}

.plus-yearEnd-survey img{
  width: 145px;
  height: auto;
}

@keyframes surveyjump {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.plus-home-banner-btns{

}

.plus-home-banner-btns button{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 30;

  width: 40px;
  height: 40px;
  background: hsla(0,0%,100%,.8);
  box-shadow: 0 8px 15px 0 rgba(57,60,67,.1);
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

.plus-home-banner-btns button:hover{
  background: #fff
}

.plus-layout-banner .plus-home-banner-Next i,
.plus-layout-banner .plus-home-banner-Previous i{
  font-size: 16px;
  font-style: normal;
}

.plus-layout-banner .plus-home-banner-Next{
  right: 5%;
}

.plus-layout-banner .plus-home-banner-Previous {
  left: 5%;
}
body {
	font-family: -apple-system, system-ui, PingFang SC, 'Hiragino Sans GB', 'Microsoft YaHei', 'u5faeu8f6fu96c5u9ed1', '\5FAE\8F6F\96C5\9ED1', Arial, sans-serif;
}
/*主体内容区域*/
.plus_Section {
	width: 100%;
	height: 100%;
}

/*安全区域公用*/
.plus_Section .section_Home {
	width: 100%;
	height: auto;
}

.section_Home .div_Module {
	width: 1170px;
	height: auto;
	margin: 0 auto;
}

/* 模块标题 */
.module_Title {
	width: 100%;
	line-height: 45px;
	font-weight: 400;
	color: rgba(204, 172, 92, 0.1);
	text-align: center;
	font-size: 60px;
	position: relative;
	letter-spacing: 1px;
	margin: 0;
}

.module_Title::after {
	display: block;
	content: "";
	width: 100px;
	height: 1px;
	background: #CCAC5C;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	margin: auto;
}

.module_Title span {
	width: 100%;
	font-size: 30px;
	color: #CCAC5C;
	font-weight: bold;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	letter-spacing: 4px;
}

/* 包图PLUS */
#Home01 {
	background: #0D1930;
}

#Home01 .div_Module01 {
	padding: 75px 0 60px;
}

/* title文本 */
.div_Module01 .h2_Title,
.div_Module01 .p_Text,
.div_Module01 .span_text {
	display: block;
	width: 100%;
	color: #CCAC5C;
	text-align: center;
}

.div_Module01 .h2_Title {
	line-height: 50px;
	font-size: 48px;
	letter-spacing: 5px;
}

.div_Module01 .p_Text {
  display: block;
  width: 830px;
  height: 1px;
  background: #B2B2B2;
  margin: 48px auto 117px;
  position: relative;
}

.div_Module01 .p_Text span {
  display: block;
  width: 400px;
  height: 26px;
	line-height: 26px;
	font-size: 24px;
  letter-spacing: 2px;
  color: #B2B2B2;
  position: absolute;
  left: 0;
  right: 0;
  top: -13px;
  margin: 0 auto;
  background: #0D1930;
}

.div_Module01 .span_text {
	width: 100%;
	font-size: 16px;
	color: #B3B3B3;
	margin: 0 auto;
	font-weight: 400;
	line-height: 23px;
  letter-spacing: 1px;
  margin-top: 60px;
}

.div_Module01 .ul_Plus_list {
	width: 100%;
	height: auto;
	padding: 0;
	margin-top: 58px;
}

.div_Module01 .ul_Plus_list li {
	width: 33.333%;
	height: auto;
	float: left;
}

.div_Module01 .ul_Plus_list li:nth-child(2) {
	margin: 0;
}

.div_Plus_content {
	width: 100%;
	padding-top: 40px;
	cursor: pointer;
}

.div_Plus_content a {
  display: block;
  width: 100%;
  height: 192px;
  line-height: 192px;
  text-align: center;
  position: relative;
  margin-bottom: 10px;
}

.div_Plus_content a img {
  display: inline-block;
  vertical-align: middle;
}

.div_Plus_content p {
	display: block;
	width: 100%;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-size: 28px;
	color: #ffffff;
	margin-bottom: 10px;
}

.div_Plus_content span {
	display: block;
	width: 100%;
	height: 14px;
	line-height: 14px;
	text-align: center;
	font-size: 14px;
	color: #808080;
	margin: 14px 0 0;
}

.section_Home .div_Module01 .div_Plus_content .a_Open_new {
	width: 150px;
	height: 40px;
	border: 2px solid rgba(204, 172, 92, 1);
	border-radius: 20px;
	margin: 30px auto 0;
	color: #ffffff;
	font-size: 16px;
	line-height: 36px;
}

.section_Home .div_Module01 .div_Plus_content .a_Open_new:hover {
	background: rgba(204, 172, 92, 1);
}

/* 五项独家优势 */
#Home02 {
	background: #0D162C;
}

#Home02 .div_Module02,
#Home03 .div_Module03,
#Home04 .div_Module04 {
	padding: 80px 0 100px;
}

.div_Module02 .ul_List,
.div_Module03 .ul_List,
.div_Module04 .ul_List {
	width: 100%;
	height: auto;
	margin-top: 67px;
}

.div_Module02 .ul_List li,
.div_Module03 .ul_List li {
	width: 196px;
	float: left;
	margin-right: 4.061%;
}

.div_Module02 .ul_List li {
	margin-right: 45px;
}

.div_Module02 .ul_List li:last-child,
.div_Module03 .ul_List li:last-child {
	margin-right: 0;
}

.div_Module02 .ul_List .p_Img,
.div_Module03 .ul_List .p_Img {
	width: 100%;
	height: 120px;
	line-height: 120px;
	text-align: center;
}

.div_Module02 .ul_List .p_Img img,
.div_Module03 .ul_List .p_Img img {
	display: inline-block;
	vertical-align: middle;
}

.div_Module02 .ul_List span,
.div_Module02 .ul_List em,
.div_Module03 .ul_List span,
.div_Module03 .ul_List em,
.div_Module04 .ul_List span,
.div_Module04 .ul_List em {
	display: block;
	font-weight: normal;
}

.div_Module02 .ul_List span,
.div_Module03 .ul_List span {
	text-align: center;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
	color: #ffffff;
	letter-spacing: 1px;
}

.div_Module02 .ul_List em,
.div_Module03 .ul_List em {
	width: 100%;
	margin: 13px auto 0;
	text-align: center;
	font-size: 14px;
	color: #808080;
	font-weight: normal;
}

/* 四项会员权益 */
#Home03 {
	background: #0D1930;
}

.div_Module03 .ul_List li {
	margin-right: 10.99%;
}

/* PLUS会员卡 */
#Home04 {
	background: #0D162C;
}

.div_Module04 .module_Title_small {
	width: 100%;
	height: 18px;
	line-height: 18px;
	font-size: 18px;
	text-align: center;
	color: #CCAC5C;
	margin-top: 18px;
	letter-spacing: 1px;
}

.div_Module04 .module_Title::after {
	bottom: -66px;
}

.div_Module04 .ul_List {
	margin-top: 60px;
	padding: 0 7px;
}

.div_Module04 .ul_List li {
	width: 385px;
	float: left;
}

.div_Module04 .ul_List .p_Img {
	width: 100%;
	height: 286px;
	line-height: 286px;
	text-align: center;
}

.div_Module04 .ul_List .p_Img img {
	display: inline-block;
	vertical-align: bottom;
	transform: scale(0.8);
}

.div_Module04 .ul_List span {
	text-align: center;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
	color: #ffffff;
	letter-spacing: 2px;
	margin: 0px 0 12px;
}

.div_Module04 .ul_List em {
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #808080;
	font-weight: normal;
}

.div_Module04 .ul_List .div_Price {
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	color: #AC9455;
	margin: 29px 0 0;
	text-align: center;
	padding-left: 20px;
}

.div_Module04 .ul_List .div_Price span {
	display: inline-block;
	height: 100%;
	line-height: 40px;
	font-size: 50px;
	margin: 0;
	position: relative;
	letter-spacing: 0px;
}

.div_Module04 .ul_List .div_Price span::after {
	display: block;
	content: "\FFE5";
	position: absolute;
	top: -10px;
	left: -20px;
	font-size: 20px;
	color: #AC9455;
}

.section_Home .div_Module04 .a_Open_new {
	width: 170px;
	height: 46px;
	line-height: 42px;
	font-size: 18px;
	margin: 35px auto 0;
}

/* 权益范围对比 */
#Home05 {
	background: #0D162C;
}

#Home05 .div_Module05 {
	padding-bottom: 100px;
}

/* VIP对比列表 */
.div_Module05 .dl_Vip_list {
	width: 100%;
	height: auto;
	margin: 90px auto 80px;
	background: #ffffff;
	box-shadow: 0px 20px 59px 0px rgba(0, 0, 0, 0.2),
			0px 25px 40px 0px rgba(0, 0, 0, 0.55);
	border-radius: 16px;
	overflow: hidden;
}

/* dt */
.div_Module05 .dl_Vip_list dt {
	width: 100%;
	height: 237px;
}

.div_Module05 .dl_Vip_list dt .dt {
	height: 100%;
	float: left;
}

.dl_Vip_list .div_dt01 {
	width: 270px;
	background: #ffffff;
	line-height: 179px;
	text-align: center;
	font-size: 24px;
	color: #2B2B2B;
	letter-spacing: 1px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.dl_Vip_list .div_dt02 {
	background: #E3D1A6;
}

.dl_Vip_list .div_dt03 {
	background: #D9C185;
}

.dl_Vip_list .div_dt04 {
	background: #CCAC5C;
	position: relative;
}

.dl_Vip_list .div_dt02,
.dl_Vip_list .div_dt03,
.dl_Vip_list .div_dt04 {
    width: 300px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* top */
.dl_Vip_list .div_dt01_top {
    width: 100%;
    height: 120px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 20px;
}

.dl_Vip_list .dt p,
.dl_Vip_list .dt span {
	display: block;
	width: 100%;
	text-align: center;
	color: #2B2B2B;
}

.dl_Vip_list .dt p {
	height: 24px;
	line-height: 24px;
	font-size: 24px;
	margin: 0 0 20px;
	letter-spacing: 1px;
}

/* 价格 */
.dl_Vip_list .dt span {
	height: 36px;
	line-height: 36px;
	font-size: 21px;
	margin: 15px 0 25px;
}

.dl_Vip_list .dt span em {
	font-size: 36px;
	font-weight: bold;
	display: inline-block;
	vertical-align: -2px;
	margin-right: 2px;
}

.dl_Vip_list .dt span b {
	display: inline-block;
	vertical-align: 6px;
	font-weight: normal;
}

.dl_Vip_list .dt em.yuanjia {
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 20px;
	color: #2B2B2B;
	font-weight: normal;
	text-align: center;
	position: relative;
}

.dl_Vip_list .dt em.yuanjia::after {
	content: "";
	display: block;
	width: 100px;
	height: 1px;
	background: #FF0000;
	position: absolute;
	top: 9px;
	left: 0;
	right: 0;
	margin: auto;
}

/* 表格第一行第一列 */
.dl_Vip_list .div_dt01 p {
	display: block;
	height: 20px;
	line-height: 20px;
	color: #2B2B2B;
	font-size: 20px;
	margin: 28px 0 30px;
	font-weight: 400;
}


/* 推荐标签 */
.dl_Vip_list .div_dt04 .icon-biaoqian {
	display: block;
	width: 53px;
	height: 55px;
	text-align: center;
	line-height: 55px;
	font-size: 55px;
	color: #FF0000;
	position: absolute;
	top: 0;
	right: 13px;
}

.dl_Vip_list .div_dt04 .icon-biaoqian::after {
	display: block;
	content: "\8350";
	color: #ffffff;
	width: 53px;
	height: 55px;
	text-align: center;
	line-height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 24px;
}

.section_Home .div_Module05 .dl_Vip_list .dt .a_Open_new {
	width: 150px;
	height: 40px;
	border: none;
	border-radius: 20px;
	margin-top: 20px;
	line-height: 40px;
	font-size: 16px;
	background: #0D162C;
	color: #fff;
}

.section_Home .div_Module05 .dl_Vip_list .dt .a_Open_new:hover {
	background: #fff;
	border-color: #fff;
	color: #CCAC5C;
}

/* dd */
.div_Module05 .dl_Vip_list dd {
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	margin: 0;
}

.div_Module05 .dl_Vip_list dd .dd {
	height: 100%;
	float: left;
	text-align: center;
	color: #2B2B2B;
	letter-spacing: 1px;
	font-size: 21px;
	position: relative;
}

.div_Module05 .dl_Vip_list .service-right dd .dd {
    font-size: 18px;
}

.dl_Vip_list .div_dd01 {
	width: 270px;
	background: #F3F3F4;
}

.dl_Vip_list .div_dd02 {
	background: #D8C7A0;
}

.dl_Vip_list .div_dd03 {
	background: #CFB880;
}

.dl_Vip_list .div_dd04 {
	background: #C2A45A;
}

.dl_Vip_list .div_dd05 {
	width: 270px;
	background: #FFFFFF;
}

.dl_Vip_list .div_dd06,
.dl_Vip_list .div_dd_diff01 {
    background: #E3D1A6;
}

.dl_Vip_list .div_dd07,
.dl_Vip_list .div_dd_diff02 {
    background: #D9C185;
}

.dl_Vip_list .div_dd08,
.dl_Vip_list .div_dd_diff03 {
	background: #CCAC5C;
}

.dl_Vip_list .div_dd02,
.dl_Vip_list .div_dd03,
.dl_Vip_list .div_dd04,
.dl_Vip_list .div_dd06,
.dl_Vip_list .div_dd07,
.dl_Vip_list .div_dd08 {
    width: 300px;
}

/* 对勾 */
.div_Module05 .dl_Vip_list dd .icon-gou {
	font-size: 20px;
	color: #22AC38;
	vertical-align: -2px;
}

.div_Module05 .dl_Vip_list dd .div_dd_diff {
	line-height: 22px;
	font-size: 16px;
}

.div_Module05 .dl_Vip_list dd .div_dd_diff {
	padding: 24px 50px;
}

.div_Module05 .dl_Vip_list dd .div_dd_diff2 {
	padding: 24px 66px;
}

.div_Module05 .dl_Vip_list dd .icon-cha {
	font-size: 22px;
	color: #E60012;
	vertical-align: -3px;
}

.section_Home .div_Module05 .a_Open_new {
	margin: 38px auto 0;
}

/* 服务悬浮详情 */
.div_Module05 .dl_Vip_list .div-service-three {
    width: 100%;
    height: 210px;
}

.div-service-three .service-left {
    width: 85px;
    height: 210px;
    line-height: 24px;
    padding: 55px 32px 0;
    font-size: 20px;
    color: #2B2B2B;
    font-weight: bold;
    float: left;
}

.div-service-three .service-right {
    width: 1085px;
    float: left;
}

.div_Module05 .dl_Vip_list .dd-service {
	overflow: unset;
	cursor: pointer;
}

.div_Module05 .dl_Vip_list .dd-service:nth-of-type(2) .dd {
    border-top: 1px solid rgba(13, 22, 44, 0.05);
    border-bottom: 1px solid rgba(13, 22, 44, 0.05);
}

.div_Module05 .dl_Vip_list .dd-service .div_dd01,
.div_Module05 .dl_Vip_list .dd-service .div_dd05 {
    width: 185px;
    background: #ffffff;
}

.div_Module05 .dl_Vip_list .dd-service .icon-wenhao {
	font-size: 18px;
    color: #808080;
    vertical-align: -0.5px;
    margin-left: 1px;
}

.dl_Vip_list .dd .service-intro {
	display: none;
	width: 300px;
	height: auto;
	background: rgba(0, 0, 0, 0.6);
	padding: 12px;
	font-size: 12px;
	color: #FFFFFF;
	position: absolute;
	top: 27px;
	left: 138px;
	z-index: 2;
	line-height: 20px;
	text-align: left;
	font-weight: normal;
}

.div_Module05 .dl_Vip_list .dd-service:hover .icon-wenhao {
	color: #2B2B2B;
}

.div_Module05 .dl_Vip_list .dd-service:hover .service-intro {
	display: block;
}

/* 适用场景 */
.div_Module05 .dl_Vip_list dd.dd-scenes {
	height: 90px;
	line-height: 90px;
}

.div_Module05 .dl_Vip_list dd .dd.div_ddBold {
    font-weight: bold;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.div_Module05 .dl_Vip_list dd .dd.div_ddBold img {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: top;
    margin-right: 5px;
}

.div_Module05 .dl_Vip_list dd .dd.div_ddBold .top {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    margin: 15px 0 6px;
}

.div_Module05 .dl_Vip_list dd .dd.div_ddBold .bottom {
    display: block;
    width: 65px;
    height: 18px;
    line-height: 16px;
    font-size: 14px;
    color: #2b2b2b;
    text-align: center;
    margin: 0 auto;
    border-bottom: 1px solid #2b2b2b;
    font-weight: normal;
}

.div_Module05 .dl_Vip_list dd .dd.div_ddBold .bottom:hover {
    opacity: 0.8;
    font-weight: bold;
}


/* 会员收益 */
#Home06 {
	/*background: #0D1930;*/
	background: #0D162C;
}

#Home06 .div_Module06 {
	padding: 80px 0 100px;
}

.div_Module06 .ul_List {
	margin: 100px auto 0;
}

.div_Module06 .ul_List li {
	width: 213px;
	float: left;
	margin-right: 9%;
}

.div_Module06 .ul_List li:last-child {
	margin-right: 0;
}

.div_Module06 .ul_List .p_Percent {
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color: #808080;
	text-align: center;
}

.div_Module06 .ul_List .p_Percent span {
	display: inline-block;
	height: 100%;
	line-height: 40px;
	font-size: 38px;
	margin: 0;
	position: relative;
	letter-spacing: 0px;
	color: #CCAC5C;
}

.div_Module06 .ul_List span {
	display: block;
	text-align: center;
	height: 24px;
	line-height: 24px;
	font-size: 24px;
	color: #ffffff;
	letter-spacing: 2px;
	margin: 15px 0 10px;
}

.div_Module06 .ul_List span i {
	display: inline-block;
	font-size: 22px;
	vertical-align: 1px;
}

.div_Module06 .ul_List em {
	display: block;
	width: 100%;
	font-size: 14px;
	color: #808080;
	text-align: center;
	font-weight: normal;
}

.section_Home .div_Module06 .a_Open_new {
	margin: 58px auto 0;
}

/* 服务保障 */
#Home07 {
	/*background: #0D162C;*/
	background: #0D1930
}

#Home07 .div_Module07 {
	width: 100%;
	padding: 80px 0 100px;
}

.div_Module07 .div_Baozhang_bg {
	width: 100%;
	height: 456px;
	background: url('//js.ibaotu.com/revision/plus/img/home/img_baozhang.png') center no-repeat;
	background-size: cover;
	margin-top: 70px;
}

.div_Baozhang_bg ul {
	width: 1100px;
	height: auto;
	margin: 0 auto;
}

.ul_Baozhang_list li {
	display: block;
	height: auto;
	float: left;
}

.ul_Baozhang_list li:nth-child(1),
.ul_Baozhang_list li:nth-child(3) {
	padding-top: 260px;
}

.ul_Baozhang_list li:nth-child(1) {
	margin-left: -19px;
}

.ul_Baozhang_list li:nth-child(2) {
	margin: 0 152px;
	padding-top: 110px;
}

.ul_Baozhang_list li p {
	display: block;
	width: 100%;
	height: 22px;
	font-size: 22px;
	line-height: 22px;
	text-align: center;
	color: #ffffff;
	margin-bottom: 20px;
}

.ul_Baozhang_list li span {
	display: block;
	width: 100%;
	line-height: 21px;
	font-size: 14px;
	color: #808080;
	text-align: center;
}

.section_Home .div_Module07 .a_Open_new {
	margin: 0 auto;
}

/* 特邀用户评价 */
#Home08 {
	/*background: #0D1930;*/
	background: #0D162C
}

#Home08 .div_Module08 {
	padding: 80px 0 100px;
}

/* 轮播 */
.div_Module08 .home_User_slider {
	width: 100%;
	height: auto;
	margin: 90px auto 0;
	padding: 0 30px;
}

.home_User_slider .slick-list {
	width: 100%;
	height: 350px;
}

.home_User_slider .div_Slider {
	width: 100%;
	height: 100%;
}

.home_User_slider .div_Slider .user_Img {
	display: block;
	width: 130px;
	height: 130px;
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
}

.div_Slider .user_Img img {
	display: block;
	width: 100%;
	height: 100%;
}

.div_Slider p,
.div_Slider span,
.div_Slider em,
.div_Slider b {
	display: block;
	text-align: center;
}

.div_Slider p {
	height: 18px;
	line-height: 18px;
	font-size: 18px;
	color: #ffffff;
	margin: 39px 0 9px;
}

.div_Slider span {
	height: 14px;
	line-height: 14px;
	font-size: 14px;
	color: #CCAC5C;
	position: relative;
}

.div_Slider span::after {
	display: block;
	content: "";
	width: 50px;
	height: 2px;
	background: #333333;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
	margin: auto;
}

.div_Slider em {
	width: 70%;
	height: 60px;
	font-size: 14px;
	color: #B3B3B3;
	margin: 40px auto 20px;
	font-weight: normal;
}

.div_Slider i.icon-icon-copy {
	display: block;
	font-size: 35px;
	line-height: 18px;
	color: #3B3B3B;
	text-align: center;
}

.home_User_slider .slick-next,
.home_User_slider .slick-prev {
	top: 45%;
	width: 30px;
	height: 50px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.home_User_slider .slick-prev {
	background-image: url(//js.ibaotu.com/revision/plus/img/home/img_left.png);
	left: 0;
}

.home_User_slider .slick-next {
	background-image: url(//js.ibaotu.com/revision/plus/img/home/img_right.png);
	right: 0;
}

.home_User_slider .slick-prev:before,
.home_User_slider .slick-next:before {
	display: none;
}

/* 服务保障 */
#Home09 {
	/*background: #0D162B;*/
	background: #0D1930;
}

#Home09 .div_Module09 {
	padding: 80px 0 100px;
}

.div_Module09 img {
	margin: 90px auto;
}

.div_Module09 span.text {
	display: block;
	width: 100%;
	height: 24px;
	line-height: 24px;
	color: #CCAC5C;
	font-size: 24px;
	text-align: center;
	letter-spacing: 1px;
}

.section_Home .div_Module09 .a_Open_new {
	margin: 0 auto;
}

/* 常见付费问题 */
#Home10 {
	/*background: #0D1930;*/
	background: #0D162C;
}

#Home10 .div_Module10 {
	padding: 80px 0 100px;
}

.div_Module10 .ul_Question_list {
  width: 100%;
  height: auto;
  margin: 70px auto 10px;
}

.ul_Question_list li {
  display: block;
  width: 570px;
  height: 130px;
  float: left;
  border: 2px solid #CCAC5C;
  border-radius: 10px;
  padding: 24px 46px 0 40px;
  margin: 0 30px 30px 0;
}

.ul_Question_list li:nth-of-type(2n) {
  margin-right: 0;
}

.ul_Question_list li p {
  display: block;
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: left;
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 15px;
  letter-spacing: 1px;
}

.ul_Question_list li span {
  display: block;
  width: 100%;
  line-height: 24px;
  font-size: 14px;
  color: #808080;
  text-align: left;
}

/* 联系客服 */
.customer_Service {
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
}

.customer_Service a {
  margin-left: 8px;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

.customer_Service a:hover {
  color: #CCAC5C;
  border-bottom: 1px solid #CCAC5C;
}


/* 立即开通按钮 */
.section_Home .a_Open_new {
	display: block;
	width: 230px;
	height: 56px;
	background-color: transparent;
	border: 2px solid #CCAC5C;
	border-radius: 28px;
	text-align: center;
	line-height: 52px;
	color: #ffffff;
	font-size: 20px;
	margin: 90px auto 0;
	letter-spacing: 1px;
	transition: all 0.2s ease-in;
}

.section_Home .a_Open_new:hover {
	background-color: #CCAC5C;
}
/*邀请有礼页面*/
.layout-introduce-wrapper {
  width: 100%;
  height: auto;
  background: #141414;
  margin-top: 84px;
}

.layout-introduce-wrapper .plus_Footer {
  background: none;
}

/*banner*/
.introduce-banner {
  width: 100%;
  height: 440px;
  background: url("//js.ibaotu.com/revision/plus/img/recommend/img_bg01.png") center no-repeat;
  background-size: cover;
  margin: 0 auto -35px;
  padding-top: 190px;
}

.introduce-banner .title {
  display: block;
  width: 490px;
  margin: 0 auto 44px;
  line-height: 18px;
  font-size: 16px;
  color: #FFE9D7;
  position: relative;
  text-align: center;
}

.introduce-banner .title::after,
.introduce-banner .title::before {
  display: block;
  content: "";
  width: 80px;
  height: 2px;
  position: absolute;
  top: 8px;
}

.introduce-banner .title::after {
  left: -80px;
  background: linear-gradient(-90deg, rgba(255, 218, 163, 0.3) 0%, #141414 100%);
}

.introduce-banner .title::before {
  right: -80px;
  background: linear-gradient(90deg, rgba(255, 218, 163, 0.3) 0%, #141414 100%);
}

.introduce-button {
  display: block;
  width: 240px;
  height: 54px;
  line-height: 54px;
  background: linear-gradient(90deg, #ffc983, #ffeccf);
  box-shadow: 0 5px 7px #000000;
  border-radius: 2px;
  font-size: 20px;
  color: #422323;
  text-align: center;
  margin: 0 auto;
  transition: all 0.15s ease-in;
  -webkit-animation: small_Big 0.5s linear alternate infinite;
  animation: small_Big 0.5s linear alternate infinite;
}

.introduce-button:hover {
  opacity: 0.8;
  color: #422323;
}

.introduce-title {
  display: block;
  text-align: center;
  font-size: 30px;
  color: #4A2504;
}

/*活动规则*/
.introduce-rule {
  width: 1038px;
  height: 298px;
  background: url("//js.ibaotu.com/revision/plus/img/recommend/img_box01.png") center no-repeat;
  background-size: cover;
  margin: 0 auto 42px;
  padding: 85px 60px 0;
  font-size: 16px;
  color: #b5b5b5;
  text-align: left;
  line-height: 38px;
}

/*我的奖励*/
.introduce-award {
  width: 1038px;
  height: 388px;
  background: url("//js.ibaotu.com/revision/plus/img/recommend/img_box02.png") center no-repeat;
  background-size: cover;
  margin: 0 auto 50px;
  overflow: hidden;
}

/*没有兑换码*/
.not-redemption-code {
  width: 100%;
  padding: 70px 0 0 85px;
}

.not-redemption-code img {
  display: block;
  width: 280px;
  margin: 0 auto;
}

/*有兑换码*/
.have-redemption-code {
  width: 100%;
  height: 100%;
  padding-top: 75px;
  position: relative;
}

.ul-redemption-list {
  width: 101%;
  height: auto;
  max-height: 210px;
  overflow-y: scroll;
}

.ul-redemption-list .row-three {
  width: 100%;
  height: 48px;
  padding: 0 85px;
  position: relative;
  margin-bottom: 15px;
}

.ul-redemption-list li .left {
  float: left;
  height: 100%;
  text-align: left;
}

.ul-redemption-list li .userphoto {
  display: inline-block;
  vertical-align: top;
  width: 48px;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}

.ul-redemption-list li .username {
  height: 100%;
  line-height: 48px;
  font-size: 16px;
  color: #b5b5b5;
  margin-left: 10px;
}

.ul-redemption-list li .center {
  width: 300px;
  height: 48px;
  line-height: 48px;
  font-size: 16px;
  color: #b5b5b5;
  position: absolute;
  top: 0;
  left: -8px;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.ul-redemption-list li .right {
  float: right;
  text-align: right;
  font-size: 16px;
  color: #b5b5b5;
  line-height: 48px;
}

/*底部提示文案*/
.init-bottom-text {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 15px;
  color: #b5b5b5;
  position: absolute;
  left: 0;
  bottom: 60px;
}

/*弹窗*/
.pop-introduce-wrapper {
  width: 100%;
  height: 100%;
  background: rgba(20, 20, 20, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1002;
}

.pop-introduce-wrapper .pop-child {
  width: 500px;
  height: 310px;
  background: #3e3f48;
  box-shadow: 6px 0 20px 0 rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.pop-introduce-wrapper .pop-child .icon-cha {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 24px;
  color: #7e7f8b;
  text-align: center;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

/*没有奖励弹窗*/
.pop-introduce-wrapper .pop-child .icon-gantanhao1 {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 50px;
  margin: 70px auto 0;
  color: #ffc85e;
}

.pop-introduce-wrapper .pop-child span {
  display: block;
  width: 350px;
  line-height: 36px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  margin: 30px auto 0;
}

/*获得奖励弹窗*/
.pop-introduce-wrapper .pop-child .icon-kongxinduigou {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 50px;
  margin: 67px auto 0;
  color: #60b969;
}

.pop-introduce-wrapper .pop-child p {
  display: block;
  font-size: 20px;
  color: #fff;
  line-height: 20px;
  margin: 30px auto 34px;
  text-align: center;
}

.pop-introduce-wrapper .pop-child a {
  display: block;
  width: 260px;
  height: 42px;
  line-height: 42px;
  background: linear-gradient(90deg, #ffc983, #ffeccf);
  border-radius: 4px;
  font-size: 18px;
  color: #422323;
  text-align: center;
  margin: 0 auto;
  transition: all 0.15s ease-in;
}

.pop-introduce-wrapper .pop-child a:hover {
  opacity: 0.8;
  color: #422323;
}

/*被邀请人页面*/
.layout-introduce-wrapper02 {
  padding-bottom: 0;
}

.introduce-banner02 {
  height: 500px;
  background: url("//js.ibaotu.com/revision/plus/img/recommend/img_bg02.png") center no-repeat;
  background-size: cover;
  margin: 0 auto -210px;
}

.introduce-banner02 .title {
  width: 320px;
}

.introduce-doing,
.introduce-opening,
.introduce-interests {
  width: 1238px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*做什么*/
.introduce-doing {
  height: 795px;
  background-image: url("//js.ibaotu.com/revision/plus/img/recommend/img_box03.png");
  margin: 0 auto;
  padding-top: 100px;
}

.introduce-doing .one,
.introduce-doing .two {
  display: block;
  width: 100%;
  line-height: 18px;
  font-size: 16px;
  text-align: center;
  color: #b5b5b5;
  margin-bottom: 10px;
}

/*轮播图*/
.material-slide-box01,
.material-slide-box02 {
  display: flex;
  flex-flow: wrap;
  width: 1040px;
  position: relative;
  margin: 50px auto;
}

.material-slide-box01::after,
.material-slide-box02::after,
.material-slide-box01::before,
.material-slide-box02::before {
  display: block;
  content: "";
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}

.material-slide-box01::after,
.material-slide-box02::after {
  left: -25px;
  background: linear-gradient(90deg, #1f1f20 0%, rgba(31, 31, 32, 0.01) 100%);
}

.material-slide-box01::before,
.material-slide-box02::before {
  right: -25px;
  background: linear-gradient(-90deg, #1f1f20 0%, rgba(31, 31, 32, 0.01) 100%);
}

.material-slide-box02 {
  height: 132px;
  margin: 0 auto;
}

.div-material-children01,
.div-material-children02,
.ul-material-topic {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ul-material-topic li {
  width: 220px;
  margin-right: 23px;
}

.material-slide-box01 .ul-material-topic li {
  height: 332px;
}

.material-slide-box02 .ul-material-topic li {
  height: 132px;
}

.ul-material-topic li a {
  display: block;
  width: 100%;
  height: 100%;
  background: #1d1d1e url("//js.ibaotu.com/revision/plus/img/user/loading-2.svg") center no-repeat;
  background-size: 30%;
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid #636363;
  position: relative;
  cursor: default;
}

.ul-material-topic li.fonts a {
  border: none;
}

.ul-material-topic li a .zb {
  display: block;
  width: 36px;
  height: 18px;
  position: absolute;
  top: 10px;
  right: 10px;
  background: linear-gradient(90deg, #fee2b6, #fec86e);
  border-radius: 4px;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
  color: #5b352a;
  overflow: hidden;
}

.ul-material-topic li a img {
  display: block;
  width: 100%;
  height: 100%;
}

.ul-material-topic li a .right {
  display: block;
  width: 48px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  text-align: center;
  font-size: 12px;
  color: #ffffef;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}

.ul-material-topic li a .bottom {
  width: 100%;
  height: 28px;
  position: absolute;
  bottom: 0;
  color: #ffffef;
  font-size: 12px;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0.4);
}

.ul-material-topic li a .title {
  width: 61.8%;
  height: 100%;
  line-height: 28px;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ul-material-topic li a .time {
  float: right;
  height: 100%;
  line-height: 28px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*开通*/
.introduce-opening {
  height: 582px;
  background-image: url("//js.ibaotu.com/revision/plus/img/recommend/img_box04.png");
  margin: 52px auto;
  padding-top: 100px;
}

.introduce-opening .one,
.introduce-opening .two {
  display: block;
  width: 100%;
  line-height: 18px;
  font-size: 16px;
  text-align: center;
  color: #b5b5b5;
  margin-bottom: 10px;
}

.introduce-opening-card {
  width: 100%;
  height: auto;
  margin: 40px auto 85px;
}

.introduce-opening-card .card-wrapper {
  width: 100%;
  height: 252px;
  padding: 0 35px;
  margin-bottom: 15px;
}

.introduce-opening-card .sec-card {
  width: 490px;
  height: 100%;
  margin: 0 47px;
  background: #2d2d2d;
  box-shadow: 2px 5px 10px 0 rgba(0, 0, 0, 0.1);
  float: left;
  padding: 0 30px;
}

.introduce-opening-card .sec-card .title {
  display: block;
  height: 70px;
  line-height: 24px;
  font-size: 24px;
  font-weight: 500;
  color: #d6b37c;
  text-align: left;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(214, 179, 124, 0.2);
  padding-top: 26px;
  letter-spacing: 1px;
}

.introduce-opening-card .sec-card .row {
  width: 100%;
  text-align: left;
  line-height: 18px;
  font-size: 18px;
  color: #fff;
  margin-bottom: 30px;
  font-weight: 400;
}

.introduce-opening-card .sec-card .row span,
.introduce-opening-card .sec-card .row-diff {
  color: #CFAA71;
}

.introduce-opening-card .sec-card .row i {
  display: inline-block;
  vertical-align: -2px;
  color: #CFAA71;
  margin-right: 5px;
  font-size: 20px;
}

.introduce-opening-card .div-bottom-text {
  width: 100%;
  height: 13px;
  line-height: 13px;
  font-size: 12px;
  color: #CFAA71;
  padding-right: 80px;
  text-align: right;
  font-weight: 400;
}

.introduce-opening-card .span-bottom-text {
  display: block;
  width: 100%;
  line-height: 15px;
  font-size: 14px;
  color: #b5b5b5;
  text-align: center;
  margin-top: 38px;
}

/*十大权益*/
.introduce-interests {
  height: 688px;
  background-image: url("//js.ibaotu.com/revision/plus/img/recommend/img_box05.png");
  margin: 0 auto 80px;
  padding-top: 50px;
}

.ul-beneficial-list {
  width: 100%;
  height: auto;
  margin: 50px auto 0;
  padding: 0 50px 0 30px;
}

.ul-beneficial-list li {
  width: 20%;
  height: auto;
  float: left;
}

.ul-beneficial-list li .title,
.ul-beneficial-list li .text {
  display: block;
  width: 100%;
  text-align: center;
}

.ul-beneficial-list li .title {
  width: 172px;
  height: 183px;
  line-height: 32px;
  font-size: 20px;
  background: url('//js.ibaotu.com/revision/img/qyvip/icon-bg.png') center no-repeat;
  background-size: cover;
  color: #fac76e;
  margin-left: 48px;
  padding-top: 45px;
  padding-right: 26px;
  font-weight: 500;
  letter-spacing: 1px;
  position: relative;
}

.ul-beneficial-list li .title span {
  display: block;
  width: 45px;
  height: 22px;
  line-height: 22px;
  background: linear-gradient(135deg, #ee8044, #dd462d);
  border-radius: 11px 11px 11px 0;
  text-align: center;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  padding-left: 3px;
  position: absolute;
  top: 36px;
  right: 8px;
}

.ul-beneficial-list li .text {
  font-size: 16px;
  color: #e5e5e5;
  line-height: 24px;
  margin-top: -40px;
}

.ul-beneficial-list li .text a {
  color: #d6b37c;
  border-bottom: 1px solid #d6b37c;
}

.ul-beneficial-list li .text a i {
  font-size: 14px;
}

.ul-beneficial-list li .text a:hover {
  opacity: 0.9;
}

/*底部*/
.introduce-footer {
  width: 100%;
  height: 280px;
  background: url("//js.ibaotu.com/revision/plus/img/recommend/img_bottom.png") center no-repeat;
  background-size: cover;
}

.introduce-footer-child {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding: 40px 0 0 170px;
}

.introduce-footer-left {
  text-align: center;
  font-size: 16px;
  color: #b5b5b5;
  float: left;
}

.introduce-footer-left .image-wrapper {
  width: 170px;
  margin: 0 auto 10px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #575454;
  padding: 4px;
}

.introduce-footer-left img {
  display: block;
  width: 160px;
}

.introduce-footer-right {
  float: left;
  padding-top: 17px;
  margin-left: 86px;
}

.introduce-footer-right ul {
  text-align: left;
}

.introduce-footer-right ul li {
  display: inline-block;
}

.introduce-footer-right ul li:nth-of-type(2) {
  margin: 0 120px 0 130px;
}

.introduce-footer-right ul li img {
  display: block;
  margin: 0 auto 18px;
  width: 54px;
}

.introduce-footer-right ul li span {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
}

.introduce-footer-right p {
  display: block;
  text-align: center;
  font-size: 28px;
  line-height: 28px;
  margin-top: 40px;
  color: #ffc777;
}

/* 放大缩小 */
@-webkit-keyframes small_Big {
  0% {
    -webkit-transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.95);
  }
}

@keyframes small_Big {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.95);
  }
}

/* 数据营销首页 */
.marketing-home {
  width: 100%;
  height: auto;
  border-top: 1px solid #3377FF;
  border-bottom: 1px solid #3377FF;
}

.section-marketing {
  width: 100%;
  height: auto;
}

.section-marketing .div-market {
  width: 1170px;
  height: auto;
  margin: 0 auto;
  opacity: 0;
}

.module-Title {
  width: 100%;
  line-height: 45px;
  font-weight: 400;
  color: rgba(51, 119, 255, 0.1);
  text-align: center;
  font-size: 60px;
  position: relative;
  letter-spacing: 1px;
  margin: 0;
}

.module-Title span {
  width: 100%;
  font-size: 30px;
  color: #2B2B2B;
  font-weight: bold;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  letter-spacing: 4px;
}

.module-Title::after {
  display: block;
  content: "";
  width: 100px;
  height: 1px;
  background: #3377FF;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  margin: auto;
}

.free-trial-button {
  display: block;
  width: 230px;
  height: 56px;
  border: 2px solid #3377FF;
  color: #ffffff;
  font-size: 21px;
  text-align: center;
  letter-spacing: 1px;
  line-height: 50px;
  border-radius: 28px;
  margin: 0 auto;
  transition: all 0.3s ease-in;
}

.free-trial-button:hover {
  color: #ffffff;
  background-color: #3377FF;
}

/* banner */
#marketHome01 {
  height: 600px;
  background-color: #0D162C;
  position: relative;
  background: url(//js.ibaotu.com/revision/plus/img/marketing/banner.png)center no-repeat;
  background-size: cover;
}

#container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#container canvas {
  position: absolute;
  left: 10%;
  bottom: 4%;
}

.section-marketing .div-market01 {
  padding-top: 120px;
}

.div-market01 .title {
  display: block;
  height: 60px;
  line-height: 60px;
  font-size: 60px;
  color: #ffffff;
  text-align: left;
  font-weight: 400;
  letter-spacing: 5px;
  margin: 0;
  position: relative;
}

.div-market01 .text {
  display: block;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  color: #ffffff;
  letter-spacing: 2px;
  margin: 40px 0 130px;
  letter-spacing: 2px;
  position: relative;
  font-weight: 400;
}

.div-market01 .text::after {
  display: block;
  content: "";
  width: 180px;
  height: 1px;
  background: #ffffff;
  position: absolute;
  left: 0;
  bottom: -60px;
}

.div-market01 .button {
  display: block;
  width: 230px;
  height: 56px;
  line-height: 56px;
  font-size: 21px;
  color: #ffffff;
  text-align: center;
  letter-spacing: 2px;
  position: relative;
  background: #3377FF;
  border-radius: 28px;
}

.div-market01 .button::after {
  opacity: 0;
  content: "";
  width: 230px;
  height: 56px;
  border-radius: 28px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease-in;
}

.div-market01 .button:hover::after {
  opacity: 1;
}

/* 服务介绍 */
#marketHome02 {
  height: auto;
  padding: 80px 0 100px;
  background-color: #ffffff;
}

.div-market02 .module-Title-small {
  width: 100%;
  line-height: 25px;
  font-size: 18px;
  text-align: center;
  color: #808080;
  margin-top: 15px;
  letter-spacing: 1px;
}

.div-market02 .module-Title::after {
  bottom: -90px;
}

.div-market02 .ul-fuwu-list {
  width: 100%;
  height: auto;
  margin: 60px auto 0;
}

.div-market02 .ul-fuwu-list li {
  width: 196px;
  float: left;
  margin-right: 10.99%;
}

.div-market02 .ul-fuwu-list li:last-child {
  margin-right: 0;
}

.div-market02 .ul-fuwu-list li .p_Icon {
  width: 100%;
  height: 126px;
  line-height: 126px;
  text-align: center;
}

.ul-fuwu-list li .p_Icon i {
  font-size: 75px;
  color: #3377FF;
}

.ul-fuwu-list li .p_Icon .icon-yingshouqushi {
  font-size: 80px;
}

.ul-fuwu-list li .p_Icon .icon-pinpaitisheng {
  font-size: 72px;
}

.ul-fuwu-list li .p_Icon .icon-jiqiren {
  font-size: 78px;
}

.div-market02 .ul-fuwu-list li span {
  text-align: center;
  display: block;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  color: #2B2B2B;
  letter-spacing: 1px;
}

.div-market02 .ul-fuwu-list li em {
  width: 100%;
  display: block;
  margin: 13px auto 0;
  text-align: center;
  font-size: 14px;
  color: #808080;
  font-weight: normal;
}

/* 营销对比 */
#marketHome03 {
  height: auto;
  padding: 80px 0 100px;
  background-color: #0D162C;
}

.div-market03 .title,
.div-market03 .text {
  display: block;
  text-align: center;
  color: #ffffff;
}

.div-market03 .title {
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
  letter-spacing: 4px;
  margin-bottom: 0;
}

.div-market03 .text {
  font-size: 18px;
  line-height: 18px;
  margin: 20px auto 30px;
  letter-spacing: 1px;
}

.div-market03 .title2 {
  margin-top: 80px;
}

.div-market03 .div-market-list {
  width: 100%;
  text-align: left;
  margin-bottom: 60px;
}

.div-market03 .div-market-list .left div,
.div-market03 .div-market-list .right div {
  border-radius: 8px;
  overflow: hidden;
  float: left;
}

.div-market03 .div-market-list .left div img,
.div-market03 .div-market-list .right div img {
  display: block;
  width: 100%;
  border-radius: 8px;
}

/* left */
.div-market03 .div-market-list .left {
  float: left;
  width: 628px;
  margin-right: 16px;
}

.div-market03 .div-market-list .left .one {
  width: 270px;
  height: 300px;
  margin-bottom: 16px;
  margin-right: 16px;
}

.div-market03 .div-market-list .left .two {
  width: 342px;
  height: auto;
  float: left;
}

.div-market03 .div-market-list .left .two img {
  height: 142px;
}

.div-market03 .div-market-list .left .two img:nth-of-type(1) {
  margin-bottom: 16px;
}

.div-market03 .div-market-list .left .three {
  width: 628px;
  height: 200px;
  float: left;
}

/* right */
.div-market03 .div-market-list .right {
  width: 526px;
  height: auto;
  float: left;
}

.div-market03 .div-market-list .right .one {
  width: 260px;
  height: 516px;
  margin-right: 16px;
}

.div-market03 .div-market-list .right .two {
  width: 250px;
  height: auto;
  float: left;
}

.div-market03 .div-market-list .right .two img:nth-of-type(1) {
  margin-bottom: 16px;
}

/* 数据增长 */
#marketHome04 {
  height: auto;
  padding: 80px 0 100px;
  background-color: #ffffff;
}

.div-market04 .title {
  display: block;
  font-size: 30px;
  line-height: 30px;
  color: #2B2B2B;
  text-align: center;
  letter-spacing: 2px;
}

/* 树状图 */
.div-market04 .ul-data-list {
  width: 100%;
  height: 400px;
  padding: 0 100px;
  margin: 30px auto 0;
}

.div-market04 .li-column {
  display: inline-block;
  vertical-align: bottom;
  width: 135px;
  height: 100%;
  margin-right: 143px;
  position: relative;
}

.div-market04 .li-column:last-child {
  margin-right: 0px;
}

.div-market04 .li-column .column {
  width: 120px;
  background: linear-gradient(180deg, rgba(51, 119, 255, 1) 0%, rgba(51, 119, 255, 0) 100%);
  border-radius: 8px 8px 0 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
}

.div-market04 .li-column .column span,
.div-market04 .li-column .column p {
  display: block;
  width: 135px;
  text-align: center;
  color: #2B2B2B;
  position: absolute;
  left: -7px;
  right: 0;
  margin: auto;
}

.div-market04 .li-column .column span {
  line-height: 18px;
  font-size: 18px;
  top: -80px;
}

.div-market04 .li-column .column p {
  line-height: 30px;
  font-size: 30px;
  top: -50px;
  font-weight: bold;
}

.div-market04 .li-column .column01.columnadd {
  height: 55.5%;
  animation-name: height_add1;
  -webkit-animation-name: height_add1;
  -moz-animation-name: height_add1;
  -o-animation-name: height_add1;
}

.div-market04 .li-column .column02.columnadd {
  height: 39.25%;
  animation-name: height_add2;
  -webkit-animation-name: height_add2;
  -moz-animation-name: height_add2;
  -o-animation-name: height_add2;
}

.div-market04 .li-column .column03.columnadd {
  height: 49%;
  animation-name: height_add3;
  -webkit-animation-name: height_add3;
  -moz-animation-name: height_add3;
  -o-animation-name: height_add3;
}

.div-market04 .li-column .column04.columnadd {
  height: 75%;
  animation-name: height_add4;
  -webkit-animation-name: height_add4;
  -moz-animation-name: height_add4;
  -o-animation-name: height_add4;
}

.div-market04 .free-trial-button {
  color: #2B2B2B;
  margin-top: 60px;
}

.div-market04 .free-trial-button:hover {
  color: #ffffff;
}

.div-market04 .title2 {
  margin-top: 80px;
}

.div-market04 .div-image {
  width: 1067px;
  margin: 40px auto 60px;
}

.div-market04 .div-image img {
  display: block;
  width: 100%;
}

/* 功能介绍 */
#marketHome05 {
  height: auto;
  padding: 80px 0 100px;
  background-color: #0D162C;
}

.div-market05 .module-Title span {
  color: #ffffff;
}

/* 功能轮播 */
.div-market05 .function-carousel {
  width: 970px;
  height: 474px;
  background-color: #0D162C;
  border: 1px solid rgba(51, 119, 255, 0.4);
  margin: 120px auto 80px;
  position: relative;
  overflow: hidden;
}

.div-market05 .function-carousel .slick-slide {
  width: 100%;
  height: 474px;
  overflow: hidden;
  position: relative;
}

/* 轮播点 */
.div-market05 .function-carousel .slick-dots {
  width: 130px;
  height: 310px;
  top: 318px;
  right: 0px;
  background-color: #0D162C;
  padding-top: 130px;
}

.div-market05 .function-carousel .slick-dots li {
  width: 16px;
  height: 16px;
  margin: 0 70px 10px 44px;
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 50%;
  background: none;
  vertical-align: top;
  position: relative;
}

.div-market05 .function-carousel .slick-dots li button,
.div-market05 .function-carousel .slick-dots li.slick-active button {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
}

.div-market05 .function-carousel .slick-dots li button {
  background: none;
  border: 1px solid rgba(255, 255, 255, 1);
}

.div-market05 .function-carousel .slick-dots li button:before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 16px;
  height: 16px;
  content: '';
  text-align: center;
  border-radius: 50%;
}

/* 数字0 */
.div-market05 .function-carousel .zero {
  display: block;
  color: #ffffff;
  font-size: 80px;
  position: absolute;
  top: 70px;
  right: 80px;
  margin: 0;
}

.div-market05 .function-carousel .slick-slide h3 {
  display: block;
  position: absolute;
  top: 70px;
  right: 30px;
  color: #ffffff;
  font-size: 80px;
  margin: 0;
}

.div-market05 .function-carousel .slider-content {
  width: 837px;
  height: 320px;
  padding-left: 70px;
  position: relative;
}

.function-carousel .slider-content .title {
  display: inline-block;
  font-size: 30px;
  color: #ffffff;
  line-height: 30px;
  position: relative;
  margin-top: 134px;
  margin-bottom: 38px;
}

.function-carousel .slider-content .title::before {
  display: block;
  content: '';
  width: 100px;
  height: 4px;
  background-color: #3377FF;
  position: absolute;
  top: -64px;
  left: 0;
}

.function-carousel .slider-content .text {
  display: block;
  width: 395px;
  height: auto;
  font-size: 18px;
  line-height: 25px;
  color: #ffffff;
  text-align: left;
}

.function-carousel .slider-content img {
  display: block;
  width: 225px;
  position: absolute;
  bottom: -20px;
  right: 85px;
}

.function-carousel .button-wrap {
  width: 838px;
  height: 131px;
  position: absolute;
  left: 0;
  bottom: 0;
  padding-left: 70px;
  padding-top: 5px;
  background-color: #0D162C;
}

.function-carousel .button-wrap a {
  display: block;
  width: 200px;
  height: 46px;
  line-height: 46px;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  letter-spacing: 2px;
  position: relative;
  background: #3377FF;
  border-radius: 23px;
}

.function-carousel .button-wrap a::after {
  opacity: 0;
  content: "";
  width: 200px;
  height: 46px;
  border-radius: 23px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease-in;
}

.function-carousel .button-wrap a:hover::after {
  opacity: 1;
}

.div-market05 p.text {
  display: block;
  width: 100%;
  font-size: 24px;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 38px;
  text-align: center;
  letter-spacing: 1px;
}

/* 特邀用户评价 */
#marketHome06 {
  height: auto;
  padding: 80px 0 100px;
  background-color: #ffffff;
}

/* 轮播 */
.div-market06 .home-User-slider {
  width: 100%;
  height: auto;
  margin: 90px auto 0;
  padding: 0 30px;
}

.home-User-slider .slick-list {
  width: 100%;
  height: 350px;
}

.home-User-slider .div-Slider {
  width: 100%;
  height: 100%;
}

.home-User-slider .div-Slider .user-Img {
  display: block;
  width: 130px;
  height: 130px;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
}

.div-Slider .user-Img img {
  display: block;
  width: 100%;
  height: 100%;
}

.div-Slider p,
.div-Slider span,
.div-Slider em,
.div-Slider b {
  display: block;
  text-align: center;
}

.div-Slider p {
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  color: #2B2B2B;
  margin: 39px 0 9px;
}

.div-Slider span {
  height: 14px;
  line-height: 14px;
  font-size: 14px;
  color: #2B2B2B;
  position: relative;
}

.div-Slider span::after {
  display: block;
  content: "";
  width: 50px;
  height: 2px;
  background: #333333;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  margin: auto;
}

.div-Slider em {
  width: 70%;
  height: 60px;
  font-size: 14px;
  color: #2B2B2B;
  margin: 40px auto 20px;
  font-weight: normal;
}

.div-Slider i.icon-icon-copy {
  display: block;
  font-size: 35px;
  line-height: 18px;
  color: #808080;
  text-align: center;
}

.home-User-slider .slick-next,
.home-User-slider .slick-prev {
  top: 45%;
  width: 30px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-User-slider .slick-prev {
  background-image: url(//js.ibaotu.com/revision/plus/img/marketing/icon_left.png);
  left: 0;
}

.home-User-slider .slick-next {
  background-image: url(//js.ibaotu.com/revision/plus/img/marketing/icon_right.png);
  right: 0;
}

.home-User-slider .slick-prev:before,
.home-User-slider .slick-next:before {
  display: none;
}

.div-market06 .free-trial-button {
  color: #2B2B2B;
  margin-top: 60px;
}

.div-market06 .free-trial-button:hover {
  color: #ffffff;
}

/* 合作企业 */
#marketHome07 {
  height: auto;
  padding: 80px 0 100px;
  background-color: #0D162C;
}

#marketHome07 .div-market07 {
  opacity: 1;
}

.div-market07 .module-Title span {
  color: #ffffff;
}

.div-market07 img {
  margin: 90px auto 0;
}

/* 数据增长动画 */
@keyframes height_add1 {
  from {
    height: 0;
  }

  to {
    height: 55.5%;
  }
}

@keyframes height_add2 {
  from {
    height: 0;
  }

  to {
    height: 39.25%;
  }
}

@keyframes height_add3 {
  from {
    height: 0;
  }

  to {
    height: 49%;
  }
}

@keyframes height_add4 {
  from {
    height: 0;
  }

  to {
    height: 75%;
  }
}
/* start */
.Marketing {
  width: 100%;
  height: auto;
  background-color: #080C16;
}

.marketing1200 {
  width: 1200px;
  height: auto;
  margin: 0 auto;
  padding: 30px 0;
}

/* 作品信息 */
.marketing1200 .market-infor {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

/* left */
.market-infor-left {
  width: 780px;
  height: auto;
  min-height: 650px;
  float: left;
  padding: 40px;
  background-color: #131A2A;
  border: 1px solid #29304D;
}

.market-infor-left img {
  display: block;
  width: 100%;
}

/* right */
.market-infor-right {
  width: 360px;
  height: auto;
  float: right;
  padding-top: 20px;
}

/* 下载 */
.market-download {
  display: block;
  width: 100%;
  height: 60px;
  background-color: #00DDC2;
  border-radius: 30px;
  color: #080C16;
  font-size: 20px;
  text-align: center;
  line-height: 60px;
  margin: 0 auto 30px;
  transition: all 0.2s ease-in;
}

.market-download:hover {
  background-color: #00CBB2;
  color: #080C16;
}

/* 评分 */
.market-score {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
  border-bottom: 1px solid #1E2A44;
}

.market-score .text {
  display: block;
  font-size: 14px;
  color: #ffffff;
  text-align: left;
}

.market-score .fraction {
  width: 100%;
  height: 50px;
}

.market-score .fraction .left {
  display: block;
  float: left;
  line-height: 50px;
  font-size: 50px;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 0;
}

.market-score .fraction .right {
  height: 50px;
  float: left;
  margin-left: 10px;
}

.market-score .fraction .right .star-ratings {
  width: 100%;
}

.market-score .fraction .market-star {
  width: auto;
  height: 16px;
  margin-top: 8px;
  margin-bottom: 2px;
}

.market-star li {
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  margin-right: 8px;
}

/* 评分规则 */
.market-score .fraction .rule {
  display: inline-block;
  font-size: 12px;
  color: #889AAD;
  line-height: 18px;
  position: relative;
}

.market-score .fraction .icon-wenhao {
  display: inline-block;
  vertical-align: -1px;
  margin-left: 4px;
  cursor: pointer;
}

.market-score .fraction .answer {
  display: none;
  width: 200px;
  height: auto;
  padding: 10px;
  background-color: rgba(30, 42, 68, 0.8);
  position: absolute;
  top: 2px;
  left: 70px;
  color: #ffffff;
  border-radius: 0 6px 6px 6px;
  z-index: 10;
}

.market-score .fraction .rule:hover .answer {
  display: block;
}

/* 作品的详细信息 */
.market-infor-right .infor-right {
  width: 100%;
  padding: 32px 0;
  border-bottom: 1px solid #1E2A44;
}

.market-infor-right .infor-right .infor-row {
  width: 100%;
  height: 30px;
}

.market-infor-right .infor-row span {
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #ffffff;
}

.market-infor-right .infor-row .open-plus-button {
  display: block;
  width: 170px;
  height: 30px;
  background-color: #CCAC5C;
  border-radius: 18px;
  text-align: center;
  line-height: 30px;
  color: #080C16;
  font-size: 14px;
  line-height: 30px;
  float: left;
  transition: all 0.2s ease-in;
}

.market-infor-right .infor-row .open-plus-button:hover {
  background-color: #B49340;
  color: #080C16;
}

.market-trend p {
  color: #fff;
  font-size: 16px;
  padding-top: 30px;
}

.market-trend .legend {
  position: relative;
  top: -150px;
}

.market-trend .legend b {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.market-trend .legend li {
  padding-bottom: 15px;
}

.legend li:first-child b {
  background: #0095FF;
}

.legend li:nth-child(2) b {
  background: linear-gradient(180deg, rgba(0, 237, 220, 1) 0%, rgba(0, 215, 183, 1) 100%);
}

.legend li:nth-child(3) b {
  background: linear-gradient(135deg, rgba(255, 91, 154, 1) 0%, rgba(255, 46, 97, 1) 100%);
}

.legend li:last-child b {
  background: linear-gradient(180deg, rgba(255, 201, 0, 1) 0%, rgba(255, 125, 0, 1) 100%);
}

.market-trend .legend p {
  display: inline-block;
  padding-top: 0;
  font-size: 14px;
  color: #889AAD;
}

.market-trend .legend p span {
  color: #D9E5F1;
  margin: 0 20px 0 8px;
}

/* 相似推荐 */
.similar-recommend {
  width: 100%;
  height: auto;
  margin: 40px auto 0;
}

.similar-recommend .similar-content {
  width: 100%;
  height: auto;
  position: relative;
}

.marketing1200 .similar-content .title {
  display: inline-block;
  font-size: 22px;
  color: #ffffff;
  font-weight: 500;
  position: absolute;
  top: 3px;
  left: 0;
}

.similar-content .similar-list {
  width: 100%;
  height: auto;
}

/* 导航 */
.similar-content .similar-list .ant-tabs-nav {
  padding-left: 100px;
}

.similar-content.similar-content-detail .ant-tabs>.ant-tabs-nav .ant-tabs-nav-list {
  margin: 0;
}

.similar-content.similar-content-detail .similar-list .ant-tabs.ant-tabs-top .ant-tabs-nav .ant-tabs-tab {
  border: none;
  background: none;
  font-size: 16px;
  padding: 0 15px;
  margin-right: 0px;
  color: rgba(255, 255, 255, 0.8);
}

.similar-content.similar-content-detail .similar-list .ant-tabs-card.ant-tabs-top .ant-tabs-nav .ant-tabs-tab:hover {
  color: #ffffff;
  font-weight: bold;
}

.similar-content.similar-content-detail .similar-list .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active {
  color: #00DDC2;
  background: none;
  font-weight: bold;
}

.similar-content-detail .similar-list .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active::after {
  display: block;
  content: "";
  width: 28px;
  height: 1.5px;
  background-color: #00DDC2;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.similar-recommend .similar-content-detail {
  padding-top: 8px;
}

.similar-content-detail .ant-tabs-top>.ant-tabs-nav::before {
  border: 0px;
}

.similar-content.similar-content-detail .similar-list .ant-tabs.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active,
.similar-content.similar-content-detail .similar-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,
.similar-content.similar-content-detail .similar-list .ant-tabs.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active:hover {
  background: none;
  color: #ffffff;
}

/* 素材列表 */
.similar-content .similar-list .material-list {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.material-list li {
  width: 285px;
  height: 429px;
  border-radius: 6px;
  background: #1E2A44 url("//js.ibaotu.com/revision/plus/img/public/logo_loading2.gif")center no-repeat;
  background-size: 23%;
  float: left;
  margin: 0 20px 20px 0;
  position: relative;
  overflow: hidden;
}

.material-list li:nth-of-type(4n) {
  margin-right: 0px;
}

.material-list li:hover .list-img {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 429px;
  text-align: center;
  transition: all 0.1s ease-in;
}

x .material-list .list-img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

.material-list a.download {
  display: inline-block;
  width: 200px;
  height: 50px;
  line-height: 50px;
  background-color: #00DDC2;
  border-radius: 28px;
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  color: #080C16;
  transition: all 0.2s ease-in;
  position: relative;
  top: 195px;
  left: 42px;
  z-index: 10;
  display: none;
}

.material-list li:hover a.download {
  display: block;
}

.material-list a.download:hover {
  background-color: #00CBB2;
}

/* 右下角 */
.material-list li .list-right {
  display: block;
  width: 64px;
  height: 24px;
  background: url(//js.ibaotu.com/revision/plus/img/marketing/img_right.png)center no-repeat;
  background-size: cover;
  font-size: 14px;
  color: #080C16;
  line-height: 24px;
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 0;
  padding-left: 12px;
}

.similar-content .ant-modal-content .ant-modal-body {
  display: none;
}

.similar-content .ant-modal-header {
  padding: 40px 0 20px;
  text-align: center;
  border: none;
}

.similar-content .ant-modal-footer {
  border: none;
  text-align: center;
  padding-bottom: 40px;
}

.similar-content .ant-btn {
  width: 120px;
  height: 34px;
  border-radius: 20px;
  border: 1px solid rgba(172, 148, 85, 1);
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  padding: 0;
  margin: 0 10px;
  color: #AC9455;
}

.similar-content .ant-btn:hover {
  color: #B49340;
  border-color: #B49340;
}

.similar-content .ant-btn-primary {
  background: #CCAC5C;
  color: #080C16;
  border-color: #CCAC5C;
}

.similar-content .ant-btn-primary:hover {
  background: #B49340;
  color: #080C16;
}

/* 弹窗样式 */
.ant-modal.download_Judge {
  height: 160px;
  border-radius: 8px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.ant-modal.download_Judge .similar-content .ant-modal-footer {
  padding: 10px;
}
.head-wrap {
  height: 760px;
  background: url('https://js.ibaotu.com/revision/plus/img/marketing/bg.png');
}

.head-wrap .wrap {
  width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
}

.head-wrap .left {
  width: 742px;
  float: left;
}

.head-wrap .left .title {
  height: 100px;
  text-align: center;
  background: url('https://js.ibaotu.com/revision/plus/img/marketing/titbg.png');
}

.head-wrap .left .title p {
  font-size: 20px;
  font-weight: bold;
  padding: 26px 0 10px;
  margin: 0;
  line-height: 1;
  color: rgba(255, 255, 255, 1);
  background: linear-gradient(180deg, rgba(0, 237, 220, 1) 0%, rgba(0, 215, 183, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.style-wrap a {
  color: #AAC1D8;
}

.style-wrap .ant-btn-primary {
  background: none;
  color: #00DFC5;
  width: 65px;
  height: 22px;
  text-align: center;
  line-height: 18px;
  border-radius: 11px;
  font-size: 14px;
  margin-left: 20px;
  border: 1px solid #00DDC2;
  display: none;
  padding: 0;
}

.left .title:hover .ant-btn-primary {
  display: inline;
}

.style-wrap .ant-btn-primary:hover {
  border: 1px solid #00CBB2;
}

.style .ant-modal-header {
  text-align: center;
  font-size: 18px;
  color: #272728;
  border: none;
  padding: 40px 0 30px;
}

.style .ant-modal-content .ant-modal-body {
  padding: 0 54px 80px 74px;
}

.style .ant-modal-close-x {
  font-size: 14px;
  color: #999;
}

.style .ant-modal-close {
  display: block;
}

.style .ant-modal-body span {
  display: inline-block;
  width: 68px;
  height: 34px;
  font-size: 14px;
  color: #272728;
  line-height: 34px;
  text-align: center;
  background: rgba(240, 241, 243, 1);
  border-radius: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
  cursor: pointer;
}

.style .ant-modal-body span:hover,
.style .ant-modal-body span.active:hover {
  background: #00DDC2;
}

.style .ant-modal-body p {
  font-size: 12px;
  color: #999999;
  text-align: center;
}

.head-wrap .left .datalist {
  height: 568px;
  padding: 23px 20px;
  margin-top: 20px;
  background: url('https://js.ibaotu.com/revision/plus/img/marketing/leftbg.png');
}

.left .datalist .name,
.right .name {
  overflow: hidden;
}

.left .datalist .name p,
.right .name p {
  padding: 0;
  margin: 0;
  font-size: 20px;
  color: rgba(255, 255, 255, 1);
  background: linear-gradient(180deg, rgba(0, 237, 220, 1) 0%, rgba(0, 215, 183, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.right .name p {
  font-size: 20px;
  margin: 0;
  line-height: 1;
}

.left .datalist .name span,
.right .name span {
  display: block;
  font-size: 12px;
  color: #26C5AB;
  opacity: 0.75;
  padding-top: 5px;
}

.right .name span {
  padding: 2px;
  margin-top: 5px;
}

.left .datalist .name b {
  display: block;
  font-size: 12px;
  color: #889AAD;
  float: right;
  position: relative;
  top: -24px;
  font-weight: normal;
}

.left .datalist ul {
  margin-top: 20px;
  overflow: hidden;
}

.left .datalist ul li {
  float: left;
  width: 124px;
  height: 70px;
  margin-right: 20px;
  text-align: center;
  color: #FF3E75;
  padding-top: 11px;
  background: url('https://js.ibaotu.com/revision/plus/img/marketing/databg1.png')
}

.left .datalist ul li:nth-child(2) {
  background: url('https://js.ibaotu.com/revision/plus/img/marketing/databg2.png')
}

.left .datalist ul li:nth-child(3) {
  background: url('https://js.ibaotu.com/revision/plus/img/marketing/databg3.png')
}

.left .datalist ul li:nth-child(4) {
  background: url('https://js.ibaotu.com/revision/plus/img/marketing/databg4.png')
}

.left .datalist ul li:nth-child(5) {
  margin-right: 0;
  background: url('https://js.ibaotu.com/revision/plus/img/marketing/databg5.png')
}

.left .datalist ul li span {
  font-size: 14px;
  color: #fff;
}

.left .datalist ul li p {
  font-size: 22px;
}

.left .datalist ul li:nth-child(2) p {
  color: #26C5AB;
}

.left .datalist ul li:nth-child(3) p {
  color: #F3BC00;
}

.left .datalist ul li:nth-child(4) p {
  color: #0095FF;
}

.left .datalist ul li:nth-child(5) p {
  color: #8F83FF;
}





/*data-right*/
.head-wrap .right {
  width: 438px;
  height: 688px;
  float: right;
  padding: 24px 20px;
  background: url('https://js.ibaotu.com/revision/plus/img/marketing/rightbg.png');
}

.head-wrap .right .title {
  font-size: 16px;
  color: #D9E5F1;
  padding-top: 36px;
}

.market-trend p {
  color: #fff;
  font-size: 16px;
  padding-top: 30px;
}

.market-trend .legend {
  position: relative;
  top: -150px;
}

.market-trend .legend b {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.market-trend .legend li {
  padding-bottom: 15px;
}

.legend li:first-child b {
  background: #0095FF;
}

.legend li:nth-child(2) b {
  background: linear-gradient(180deg, rgba(0, 237, 220, 1) 0%, rgba(0, 215, 183, 1) 100%);
}

.legend li:nth-child(3) b {
  background: linear-gradient(135deg, rgba(255, 91, 154, 1) 0%, rgba(255, 46, 97, 1) 100%);
}

.legend li:last-child b {
  background: linear-gradient(180deg, rgba(255, 201, 0, 1) 0%, rgba(255, 125, 0, 1) 100%);
}

.market-trend .legend p {
  display: inline-block;
  padding-top: 0;
  font-size: 14px;
  color: #889AAD;
}

.market-trend .legend p span {
  color: #D9E5F1;
  margin: 0 20px 0 8px;
}


/* 相似推荐 */
.delicate-wrap {
  padding-top: 25px;
  background: #131A2A;
}

.delicate-wrap .similar-recommend {
  width: 1200px;
  height: auto;
  margin: 0px auto;
  text-align: center;
}

.similar-recommend .similar-content {
  width: 100%;
  height: auto;
  position: relative;
}

.similar-recommend .title {
  display: inline-block;
  font-size: 22px;
  color: #ffffff;
  font-weight: 500;
  position: relative;
}

.similar-recommend .title span {
  font-size: 12px;
  color: #fff;
  position: absolute;
  bottom: -20px;
  left: -10px;
  width: 110px;
  opacity: 0.5;
}

.similar-content .similar-list.home-list {
  width: 100%;
  height: auto;
}

/* 导航 */
.similar-content .similar-list.home-list .ant-tabs,
.similar-content .similar-list.home-list .ant-tabs-bar {
  background: #101523;
  border: 1px solid rgba(32, 43, 69, 1)
}

.similar-content .ant-tabs>.ant-tabs-nav .ant-tabs-nav-list,
.similar-content .similar-list.home-list .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-list {
  margin: 0 auto;
}

.similar-content .ant-tabs-top>.ant-tabs-nav::before {
  display: none;
}

.similar-content .similar-list.home-list .ant-tabs {
  margin-bottom: 20px;
  text-align: center;
  height: 62px;
  padding-top: 18px;
}

.similar-content .similar-list.home-list .ant-tabs .ant-tabs-card.ant-tabs-top>.ant-tabs-nav {
  display: inline-block;
  white-space: nowrap;
}

.similar-content .totab .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab {
  background: none;
  border: none;
  font-size: 16px;
  padding: 0 15px;
  margin: 0;
  color: #ffffff;
}

.similar-content .totab .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active {
  color: #00DDC2;
  font-weight: bold;
}

.similar-content .totab .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active::after {
  display: block;
  content: "";
  width: 26px;
  height: 1px;
  background-color: #00DDC2;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  margin: auto;
  z-index: 10;
}

/* 二级标签 */
.similar-content .similar-list .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab {
  border: none;
  background: none;
  font-size: 14px;
  padding: 0 15px;
  margin: 0 8px;
  color: #889AAD;
  height: 26px;
  line-height: 26px;
  background: rgba(30, 42, 68, 1);
  border-radius: 13px;
}

.similar-content .similar-list .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab:hover {
  color: #889AAD;
  background: #2A4465;
}

.similar-content .similar-list .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active,
.similar-content .similar-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,
.similar-content .similar-list .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active:hover {
  color: #080C16;
  background: #00DDC2;
}

.similar-content .totab .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,
.similar-content .totab .ant-tabs-tab-btn:focus {
  color: #ffffff;
}

.similar-content .similar-list .ant-tabs-tab-btn:focus {
  color: #889AAD;
}

.home-list .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {
  height: 62px;
  padding-top: 18px;
}

.home-list .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  border: none;
  background: none;
  font-size: 14px;
  padding: 0 15px;
  margin: 0 10px;
  color: #889AAD;
  height: 26px;
  line-height: 26px;
  background: rgba(30, 42, 68, 1);
  border-radius: 13px;
}

.home-list .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover {
  color: #889AAD;
  background: #2A4465;
}

.home-list .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  color: #080C16;
  background: #00DDC2;
}

.home-list .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active:hover {
  color: #080C16;
  background: #00DDC2;
}

.home-list .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::after {
  content: "";
  display: none;
  /* height: 0px; */
}

/* 素材列表 */
.similar-content .similar-list.home-list .material-list {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.material-list li {
  width: 285px;
  height: 429px;
  border-radius: 6px;
  background: #1E2A44 url("//js.ibaotu.com/revision/plus/img/public/logo_loading2.gif")center no-repeat;
  background-size: 23%;
  float: left;
  margin: 0 20px 20px 0;
  position: relative;
  overflow: hidden;
}

.material-list li:nth-of-type(4n) {
  margin-right: 0px;
}

.material-list li:hover .list-img {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 429px;
  text-align: center;
  transition: all 0.1s ease-in;
}

.material-list .list-img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

.material-list a.download {
  display: inline-block;
  width: 200px;
  height: 50px;
  line-height: 50px;
  background-color: #00DDC2;
  border-radius: 28px;
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  color: #080C16;
  transition: all 0.2s ease-in;
  position: relative;
  top: 195px;
  left: 42px;
  z-index: 10;
  display: none;
}

.material-list li:hover a.download {
  display: block;
}

.material-list a.download:hover {
  background-color: #00CBB2;
}

/* 右下角 */
.material-list li .list-right {
  display: block;
  width: 64px;
  height: 24px;
  background: url(//js.ibaotu.com/revision/plus/img/marketing/img_right.png)center no-repeat;
  background-size: cover;
  font-size: 14px;
  color: #080C16;
  line-height: 24px;
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 0;
  padding-left: 12px;
}

.similar-content .totab {
  text-align: center;
}

.totab a {
  font-size: 16px;
  color: #fff;
  margin: 0 15px;
}

.totab a.active {
  color: #00DDC2;
  border-bottom: 1px solid #00DDC2;
}

.totab a:hover {
  color: #00DDC2;

}

.totab .ant-tabs-bar {
  border: none;
}

.totab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  color: #fff;
  background: none;
}

.totab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  color: #00DDC2;
  background: none;
}

.totab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover {
  color: #00DDC2;
  background: none;
}


.similar-content .ant-modal-content .ant-modal-body {
  display: none;
}

.similar-content .ant-modal-header {
  padding: 40px 0 20px;
  text-align: center;
  border: none;
}

.similar-content .ant-modal-footer {
  border: none;
  text-align: center;
  padding-bottom: 40px;
}

.similar-content .ant-btn {
  width: 120px;
  height: 34px;
  border-radius: 20px;
  border: 1px solid rgba(172, 148, 85, 1);
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  color: #AC9455;
}

.similar-content .ant-btn:hover {
  color: #B49340;
  border-color: #B49340;
}

.similar-content .ant-btn-primary {
  background: #CCAC5C;
  color: #080C16;
  border-color: #CCAC5C;
}

.similar-content .ant-btn-primary:hover {
  background: #B49340;
  color: #080C16;
}

/*颜色搜索结果页*/
.plus-layout-wrap-color {
  width: 100%;
  height: auto;
  background: #fff;
}

.plus-layout-wrap-color .plus_Footer {
  background: none;
}


/*头部*/
.layout-header-wrapper-search {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

/*颜色搜索头部*/
.color-search-header {
  width: 100%;
  height: auto;
  background: #F9FAFB;
  /*position: fixed;*/
  /*top: 84px;*/
  /*left: 0;*/
  /*z-index: 10;*/
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); */
  padding: 30px 0;
}

.color-search-header .color-search-child {
  width: 1450px;
  height: auto;
  margin: 0 auto;
}

.color-search-child .color-table {
  width: 100%;
  height: 70px;
  background: #FFFFFF;
  margin: 0 auto 20px;
  border: 1px dashed #EBEBEB;
  padding: 19px 20px;
  border-radius: 8px;
}

/*取消选择*/
.span-Cancel-Select {
  display: block;
  width: 30px;
  height: 30px;
  float: left;
  text-align: center;
  line-height: 30px;
  background: #CCCCCC;
  border-radius: 2px;
  cursor: pointer;
}

.span-Cancel-Select i {
  color: #fff;
  font-size: 20px;
}

/*默认颜色选择*/
.color-search-child .color-table .color-Selector {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-left: 12px;
  border-radius: 4px;
  float: left;
}

.color-Selector i {
  opacity: 0;
  font-size: 23px;
  color: #fff;
  transition: all 0.15s ease-in;
}

.color-Selector.active i {
  opacity: 1;
}

/*颜色筛选器*/
.div-Selector-Wrapper {
  width: 30px;
  height: 30px;
  float: left;
  position: relative;
  margin-left: 12px;
  z-index: 10;
}

.selector-More {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 26px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #FFB311;
}

.selector-More span {
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #FFB311;
  border-radius: 50%;
  vertical-align: middle;
  margin: 0 1px;
}

.selector-More:hover span {
  opacity: 0.9;
}

/*更多颜色背景板遮罩*/
.div-Selector-Wrapper .colorClose {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
}

/*更多颜色选择板*/
.selector-Template {
  width: 220px;
  height: 270px;
  position: absolute;
  top: 32px;
  left: 0;
}

.selector-Template .sketch-picker {
  height: 275px;
}

.selector-Template .saturation-white>div:nth-of-type(2) div {
  width: 8px!important;
  height: 8px!important;
}

.selector-Template .sketch-picker .flexbox-fix:nth-of-type(2)>div:nth-of-type(1) {
  padding: 10px 0 0!important;
}

.selector-Template .sketch-picker .flexbox-fix:nth-of-type(2)>div:nth-of-type(1)>div:nth-of-type(1) {
  height: 24px!important;
}

.selector-Template .sketch-picker .flexbox-fix:nth-of-type(2) .hue-horizontal div div {
  height: 22px!important;
}

.selector-Template .sketch-picker .flexbox-fix:nth-of-type(2)>div:nth-of-type(2) {
  margin-top: 10px!important;
  margin-left: 8px!important;
}

.selector-Template .sketch-picker .flexbox-fix:nth-of-type(2)>div:nth-of-type(1) div:nth-of-type(2) {
  display: none;
}

.selector-Template .sketch-picker .flexbox-fix:nth-of-type(3) {
  padding-top: 10px!important;
}

.selector-Template .sketch-picker .flexbox-fix:nth-of-type(3)>div:nth-of-type(1) label {
  display: none!important;
}

.selector-Template .sketch-picker .flexbox-fix:nth-of-type(3)>div:nth-of-type(2),
.selector-Template .sketch-picker .flexbox-fix:nth-of-type(3)>div:nth-of-type(3),
.selector-Template .sketch-picker .flexbox-fix:nth-of-type(3)>div:nth-of-type(4),
.selector-Template .sketch-picker .flexbox-fix:nth-of-type(3)>div:nth-of-type(5){
  display: none;
}

/*颜色警号键*/
.selector-Template .siren-Key {
  display: block;
  width: 18px;
  height: 26px;
  position: absolute;
  bottom: 40px;
  left: 10px;
  line-height: 25px;
  font-size: 15px;
  padding-left: 8px;
}

/*按钮操作*/
.sketch-Picker-Button {
  height: 25px;
  position: absolute;
  left: 0;
  bottom: 4px;
  padding: 0 10px;
}

.sketch-Picker-Button a {
  display: block;
  width: 58px;
  height: 100%;
  line-height: 25px;
  font-size: 13px;
  float: left;
  margin-right: 15px;
  text-align: center;
  border-radius: 2px;
  transition: all 0.15s ease-in;
}

.sketch-Picker-Button .a-Cancel {
  background: #dcdcdc;
  color: #999;
}

.sketch-Picker-Button .a-Cancel:hover {
  background: linear-gradient(90deg, #FFDC9E 0%, #FDC251 100%);
  color: #71481B;
}

.sketch-Picker-Button .a-Confirm {
  background: linear-gradient(90deg, #FFDC9E 0%, #FDC251 100%);
  color: #71481B;
}

.sketch-Picker-Button .a-Confirm:hover {
  opacity: 0.92;
}

/*选中的颜色*/
.match-Colors-Wrapper {
  display: none;
  width: 100%;
  height: 70px;
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}

.match-Colors-Wrapper p {
  width: 150px;
  height: 100%;
  line-height: 68px;
  padding-left: 20px;
  font-size: 18px;
  color: #fff;
  position: absolute;
  top: 0;
  margin: 0;
  text-transform: uppercase
}

.match-Colors-Wrapper a {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  position: absolute;
  right: 4px;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  border-radius: 50%;
  transition: all 0.15s ease-in;
}

.match-Colors-Close {
  top: 2px;
}

.match-Colors-Close i {
  font-size: 18px;
}

.match-Colors-Select {
  bottom: 2px;
}

.match-Colors-Wrapper a:hover {
  background: rgba(0, 0, 0, 0.6);
}

/*搜索框*/
.layout-Colors-Location {
  width: 100%;
  height: 36px;
  line-height: 36px;
  text-align: left;
  font-size: 12px;
  color: #999;
  margin-top: 25px;
}

.layout-Colors-Location span {
  display: inline-block;
  height: 100%;
  line-height: 36px;
  font-size: 12px;
  color: #fff;
  vertical-align: top;
}

.layout-Colors-Location .location-input {
  display: inline-block;
  width: 260px;
  height: 100%;
  border-radius: 30px;
  background: #fff;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin-left: 10px;
}

.location-input input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 60px 0 15px;
  font-size: 14px;
  color: #333333;
  background: none;
}

.location-button {
  display: block;
  width: 55px;
  height: 100%;
  line-height: 36px;
  color: #71481B;
  padding-left: 17px;
  background: linear-gradient(90deg, #FFDC9E 0%, #FDC251 100%);
  position: absolute;
  top: 0;
  right: 0;
}

.location-button i {
  font-size: 18px;
  color: #71481B;
}

.location-button:hover {
  opacity: 0.9;
}

.location-button:hover i {
  color: #71481B;
}

/*分类*/
.colors-Category-Wrapper {
  width: 100%;
  height: 28px;
  text-align: left;
  font-size: 14px;
  color: #333333;
  margin-top: 20px;
}

.colors-Category-Wrapper a {
  display: inline-block;
  height: 100%;
  line-height: 28px;
  padding: 0 12px;
  font-size: 14px;
  color: #666;
  text-align: center;
  border-radius: 16px;
  margin-left: 10px;
  letter-spacing: 1px;
}

.colors-Category-Wrapper a:hover,
.colors-Category-Wrapper a.active {
  color: #71481B;
  background: linear-gradient(90deg, #FFDC9E 0%, #FDC251 100%);
}

/*搜索结果*/
.layout-color-search {
  width: 1450px;
  height: auto;
  margin: 0 auto;
  padding-top: 30px;
}

/*搜索结果为空 START*/
.material-recommend-null {
  display: block;
  width: 252px;
  margin: 120px auto 0;
}

.material-recommend-list-s .p-null-title,
.material-recommend-list-s .span-null-text {
  display: block;
  width: 100%;
  color: #999999;
  text-align: center;
  letter-spacing: 1px;
}

.material-recommend-list-s .p-null-title {
  font-size: 16px;
  margin: 26px 0 5px 0;
}

.material-recommend-list-s .span-null-text {
  font-size: 15px;
}

.material-recommend-list-s .span-null-text a {
  color: #E3B970;
  border-bottom: 1px solid #E3B970;
  margin: 0 3px;
}
/*搜索结果为空 END*/

/*搜索等待状态 START*/
.material-search-loading {
  width: 100%;
  height: auto;
  padding-top: 30px;
  padding-right: 50px;
  text-align: center;
  font-size: 18px;
  color: #FFB311;
}

.material-search-loading img {
  display: block;
  margin: 0 auto;
}
/*搜索等待状态 END*/

/*有搜索结果*/
.layout-color-search .material-recommend-list-s {
  width: 100%;
  max-width: unset;
  margin: 0 auto;
}

.material-search-list {
  width: 100%;
  margin: 0 auto;
}

.layout-color-search .material-search-list .item {
  width: 347px;
  height: 521px;
  float: left;
  margin: 0 20px 20px 0;
  overflow: hidden;
  background: #fff;
  position: relative;
  border-radius: 8px;
  padding: 0;
  border: none;
}

.material-search-list .item:nth-of-type(4n) {
  margin-right: 0;
}

.material-search-list .item::after {
  display: block;
  content: '';
  width: 100px;
  height: 100px;
  background: url('//js.ibaotu.com/revision/plus/img/user/loading-2.svg') center no-repeat;
  background-size: 78%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.material-search-list .item-image,
.material-search-list .item-image .lazyload-wrapper,
.material-search-list .item-image img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-in;
}

.material-search-list .item-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.material-search-list .item-image .lazyload-wrapper {
  position: relative;
}

.material-search-list .item-image::after,
.material-search-list .item-image .lazyload-wrapper::after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
}

/*创意Pro*/
.left-subscript-wrapper.subscript-pro {
  background: linear-gradient(90deg, #f28462, #e24b42);
  line-height: 28px;
  color: #fef4a1;
}

/*top*/
.material-search-list .item-top {
  display: block;
  width: 100%;
  height: 54px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0, transparent 100%);
  border-radius: 0 0 8px 8px;
  letter-spacing: 1px;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 5;
  transition: all 0.1s ease-in;
  padding-right: 10px;
}

.material-search-list .item-top a {
  display: block;
  float: left;
}

.material-search-list .item-top .item-title {
  width: 185px;
  height: 100%;
  line-height: 54px;
  padding-left: 10px;
  font-size: 15px;
  color: #fff;
  text-align: left;
  letter-spacing: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.material-search-list .item-top .item-collect {
  width: 28px;
  height: 28px;
  line-height: 28px;
  float: right;
  background: #fff;
  text-align: center;
  padding-left: 1px;
  margin-top: 12px;
  border-radius: 4px;
}

.material-search-list .item-top .item-collect i {
  font-size: 19px;
  color: #999;
}

.material-search-list .item-top .item-collect i:hover,
.material-search-list .item-top .item-collect i.active {
  color: #ebab43;
}

.material-search-list .item:hover .item-top {
  opacity: 1;
}

/*bottom*/
.material-search-list .item-bottom {
  display: block;
  width: 100%;
  height: 100px;
  line-height: 100px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0, transparent 100%);
  border-radius: 0 0 8px 8px;
  padding-left: 8px;
  padding-right: 6px;
  letter-spacing: 1px;
  font-size: 16px;
  color: #fff;
  text-align: left;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.1s ease-in;
  z-index: 5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.material-search-list .item-down {
  display: block;
  width: 220px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  font-size: 18px;
  border-radius: 48px;
  color: #71481b;
  background: linear-gradient(90deg, #eacca3, #ebab43);
  position: relative;
  margin: 20px auto;
}

/*.material-search-list .item-down::after {*/
/*  display: block;*/
/*  content: "";*/
/*  width: 220px;*/
/*  height: 48px;*/
/*  background: rgba(0, 0, 0, 0.1);*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  opacity: 0;*/
/*  transition: all 0.15s ease-in;*/
/*}*/

.material-search-list .item-down:hover::after {
  opacity: 1;
}

.material-search-list .item:hover .item-bottom {
  opacity: 1;
}

.material-search-list .item:hover .left-subscript-wrapper {
  display: none;
}

/*横图样式*/
.picture-new-horizontal {
  width: 100%;
  height: 100%;
  background: rgba(234, 234, 234, 1);
  position: relative;
}

.picture-new-hor-top,
.picture-new-hor-bottom {
  width: 100%;
  overflow: hidden;
}

.picture-new-hor-top {
  height: 55%;
  background: linear-gradient(0deg, rgba(234, 234, 234, 1), rgba(236, 236, 236, 1), rgba(215, 215, 215, 1));
}

.picture-new-hor-top .stencil {
  width: 90.14%;
  height: 73.19%;
  background: #ffffff;
  margin: 10% auto 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  position: relative;
}

.picture-new-hor-top .stencil .stencil-img {
  width: 96.53%;
  height: 94.71%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.picture-new-hor-top .stencil .stencil-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.picture-new-hor-bottom {
  height: 45%;
  background: #fff;
}

.picture-new-hor-bottom .stencil {
  width: 100%;
  height: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.picture-new-hor-bottom .stencil img {
  display: block;
  width: 100%;
  height: 100%;
}

.picture-new-hor-bottom .stencil i {
  display: block;
  width: 26.27%;
  height: 33.97%;
  background: url('//js.ibaotu.com/revision/img/classify/191025/icon_photo.png') center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.picture-new-hor-top .stencil::after,
.picture-new-hor-bottom .stencil::after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
}
/*横图样式END*/

/*竖图样式 START*/
.picture-new-vertical,
.picture-new-vertical .stencil {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.picture-new-vertical {
  width: 90.42%;
  height: 88.88%;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.picture-new-vertical .stencil {
  width: 96.79%;
  height: 97.83%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.picture-new-vertical .stencil img {
  display: block;
  width: 100%;
  height: 100%;
}
/*竖图样式 END*/

/*特殊竖图 START*/
.picture-special-vertical {
  position: absolute;
  width: 74%;
  margin: 0 13%;
  height: 74%;
  bottom: 13%;
  overflow: hidden;
  box-shadow: -15px 0 15px -15px #000, 0 15px 15px -15px #000;
}

.picture-special-vertical .stencil {
  width: 100%;
  height: 100%;
}

.picture-special-vertical .stencil .pbg {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  filter: blur(10px);
}

.picture-special-vertical .stencil .pic {
  position: absolute;
  left: 5%;
  top: 5%;
  width: 90%;
  height: 90%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.picture-new-vertical .stencil::after,
.picture-special-vertical .stencil::after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/*特殊竖图 END*/

/*颜色筛选顶部悬浮*/
/*.colors-Header-Fixed .ant-affix .layout-Colors-Location,*/
/*.colors-Header-Fixed .ant-affix .colors-Category-Wrapper {*/
/*  display: none;*/
/*}*/

/*.colors-Header-Fixed .ant-affix {*/
/*  height: 240px!important;*/
/*}*/

.material-recommend-list-s p.plus-search-text{
  font-size: 16px;
  margin: 26px 0 5px 0;
  color: #999;
  text-align: center;
  letter-spacing: 1px;
}

.material-recommend-list-s .plus-search-text em{
  color: #FFB311;
  border-bottom: 1px solid #FFB311;
  margin: 0 3px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.material-recommend-list-s .plus-search-text em:hover{
  opacity: 0.9;
}

/*角标*/
.material-search-list .left-subscript-wrapper,
.material-search-list-music .left-subscript-wrapper,
.material-font-list .left-subscript-wrapper {
  height: 28px;
  line-height: 28px;
  color: #613C14;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  text-align: center;
  font-size: 13px;
  letter-spacing: 0;
  position: absolute;
  top: 12px;
  right: 10px;
  z-index: 10;
  border-radius: 4px;
}

.material-search-list .item:hover .left-subscript-wrapper {
  display: none;
}
/*包图自产*/
.left-subscript-wrapper.subscript-zc {
  width: 42px;
}

/*全球精选*/
.left-subscript-wrapper.subscript-qx {
  width: 86px;
  padding-right: 1px;
}

.subscript-qx .icon-huiyuan {
  display: inline-block;
  font-size: 19px;
  vertical-align: -2px;
}

.subscript-qx em {
  display: inline-block;
  width: 1px;
  height: 11px;
  background: #a07e58;
  vertical-align: -1px;
  margin: 0 3px;
}

/*创意Pro*/
.left-subscript-wrapper.subscript-pro {
  width: 64px;
  top: 12px;
  right: 10px;
  color: #fef4a1;
  background: linear-gradient(90deg, #fc835f, #ef3d2d);
}

/*版权授权按钮*/
.search-authorization-label {
  display: block;
  width: 78px;
  height: 28px;
  padding-left: 6px;
  line-height: 28px;
  text-align: center;
  font-size: 13px;
  color: #613C14;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  border-radius: 4px;
  margin: 12px 0 0 10px;
  z-index: 3;
  letter-spacing: 0;
}

.material-search-list .item-top .search-authorization-label {
  float: right;
}

.search-authorization-label .icon-you {
  display: inline-block;
  font-size: 13px;
  margin-left: -2px;
}

.search-authorization-label:hover {
  opacity: 0.9;
  color: #613C14;
}

/*响应式*/
@media screen and (max-width: 1680px) {
  /*整体盒子宽度*/
  .color-search-header .color-search-child,
  .layout-color-search {
    width: 1200px;
  }

  /*图片样机尺寸*/
  .layout-color-search .material-search-list .item {
    width: 285px;
    height: 430px;
  }

  /*立即下载按钮*/
  .material-search-list .item-down {
    width: 200px;
    height: 46px;
    line-height: 46px;
  }

  /*视频*/
  .material-search-content .list-video-wrapper li {
    width: 270px;
    height: 153px;
  }

  /*标题宽度*/
  .material-search-list .item-top .item-title {
    width: 130px;
  }
}

/*充值页样式 START*/
/*底部*/
.plus-layout-recharge .plus_Footer {
  background: #fff;
}

.plus-layout-recharge {
  width: 100%;
  height: auto;
  background: #fff url("//js.ibaotu.com/revision/plus/img/recharge/img_recharge_bg.png") top no-repeat;
  background-size: cover;
  margin-top: 83px;
}

.layout-recharge-top {
  width: 100%;
  height: auto;
  padding-top: 80px;
  margin-bottom: 100px;
}

/*title*/
.plus-layout-recharge h2.title,
.plus-layout-recharge p.small-title {
  display: block;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  letter-spacing: 1px;
}

.plus-layout-recharge h2.title {
  height: 36px;
  line-height: 36px;
  font-size: 36px;
  margin-bottom: 19px;
}

.plus-layout-recharge p.small-title {
  height: 24px;
  line-height: 24px;
  font-size: 22px;
  opacity: 0.8;
}

/*主体内容*/
.layout-recharge-safety {
  width: 1000px;
  height: auto;
  margin: 0 auto;
  padding-top: 60px;
}

/*切换按钮*/
.recharge-switch {
  width: 568px;
  height: 50px;
  background: #fff;
  border-radius: 28px;
  margin: 0 auto 50px;
  padding: 2px;
}

.recharge-switch a {
  display: block;
  width: 188px;
  height: 46px;
  line-height: 46px;
  float: left;
  font-size: 22px;
  color: #333333;
  text-align: center;
  letter-spacing: 2px;
  border-radius: 28px;
}

.recharge-switch a.active,
.recharge-switch a:hover {
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  color: #613C14;
}

/*套餐列表*/
.recharge-image-wrapper,
.recharge-video-wrapper {
  width: 1000px;
  height: auto;
}

.recharge-image-wrapper .ul-image-list,
.recharge-video-wrapper .ul-image-list,
.recharge-music-wrapper .ul-image-list {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: stretch;
}

.ul-image-list li {
  display: block;
  float: left;
  width: 320px;
  height: 100%;
  background: #fff;
  /* box-shadow: 6px 5px 30px 0 rgba(43, 41, 41, 0.1); */
  border-radius: 10px;
  transition: all 0.15s ease-in;
  position: relative;
  padding-bottom: 30px;
  margin: 0 20px;
}

.ul-image-list li::before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border-radius: 14px;
    border: 5px solid rgba(255, 255, 255, 0.3);
}

/* .ul-image-list li:nth-of-type(2) {
  margin: 0 20px;
} */

.ul-image-list li:hover {
  transform: translateY(-10px);
}

/*套餐列表头部*/
.li-set-meal .top {
  width: calc(100% - 20px);
  height: 53px;
  background: #FFF1F0 url(//js.ibaotu.com/revision/plus/img/recharge/bg-1.png) center no-repeat;
  background-size: cover;
  border-radius: 10px;
  /* padding-top: 18px; */
  margin: 10px 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.li-set-meal .top p,
.li-set-meal .top span {
  display: block;
  letter-spacing: 1px;
  text-align: center;
  color: #333333;
}

.li-set-meal .top p {
  height: 24px;
  line-height: 24px;
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}

.li-set-meal .top span {
  height: 14px;
  line-height: 14px;
  font-size: 12px;
}

/*年度套餐*/
.li-set-meal .title {
  display: block;
  width: 100px;
  height: 2px;
  background: rgba(51, 51, 51, 0.6);
  margin: 20px auto 24px;
  position: relative;
}

.li-set-meal .title span {
  display: block;
  width: 66px;
  height: 21px;
  line-height: 21px;
  font-size: 14px;
  text-align: center;
  color: #333333;
  background: #fff;
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.li-set-meal .text {
  height: 34px;
  margin: 0 21px 10px;
  padding-top: 20px;
  border-top: 1px solid rgba(230, 230, 230, 0.5);
  font-size: 14px;
  color: #333;
}

.li-set-meal .text span {
  display: block;
  width: 50%;
  height: 100%;
  float: left;
  line-height: 14px;
  font-size: 14px;
  color: #333333;
  text-align: left;
}

.li-set-meal .text span:nth-of-type(2) {
  text-align: right;
}

/*套餐选择*/
.li-set-meal .radio-set-meal {
  width: 100%;
  height: auto;
}

.radio-set-meal .ant-radio-wrapper {
  display: block;
  width: 100%;
  height: 66px;
  line-height: 66px;
  padding: 0 21px;
  margin-bottom: 8px;
  margin-right: 0;
}

.radio-set-meal .ant-radio-wrapper:hover,
.radio-set-meal .ant-radio-wrapper-checked {
  background: rgba(245, 245, 245, 0.8);
}

.radio-set-meal .ant-radio-wrapper .ant-radio-inner {
  background-color: unset;
  border-color: #999;
}

.radio-set-meal .ant-radio-wrapper .ant-radio {
  display: block;
  float: left;
  position: relative;
  top: 25px;
}

.radio-set-meal .ant-radio-wrapper:hover .ant-radio,
.radio-set-meal .ant-radio:hover .ant-radio-inner,
.radio-set-meal .ant-radio-input:focus + .ant-radio-inner,
.radio-set-meal .ant-radio-checked .ant-radio-inner,
.radio-set-meal .ant-radio-checked::after {
  border-color: #EF3D2D;
}

.radio-set-meal .ant-radio-inner::after {
  background-color: #EF3D2D;
  width: 10px;
  height: 10px;
  top: 2px;
  left: 2px;
  transform: none;
  border-radius: 50%;
  margin: 0;
}

.radio-set-meal .ant-radio-input:focus + .ant-radio-inner {
  box-shadow: none;
}

.radio-set-meal span.ant-radio + * {
  padding-left: 8px;
}

/*套餐对应张数*/
.radio-set-meal .ant-radio-wrapper .em-number {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  line-height: 66px;
  font-weight: normal;
  color: #333;
}

/*右侧信息*/
.radio-set-meal .ant-radio-wrapper .set-meal-news {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  line-height: 66px;
  font-weight: normal;
  float: right;
  padding-top: 12px;
}

.set-meal-news p,
.set-meal-news em {
  text-align: right;
  font-weight: normal;
  margin: 0;
}

.set-meal-news .p-price {
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  color: #333;
}

.set-meal-news .p-price em {
  font-size: 20px;
}

.set-meal-news .em-text {
  display: block;
  margin-top: -24px;
  font-size: 12px;
  color: #999;
}

/*推荐*/
.radio-recommend {
  position: relative;
}

.radio-recommend-text {
  display: none;
  width: 44px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  font-size: 12px;
  color: #fff;
  background: #ff0000;
  border-radius: 9px 9px 9px 0;
  position: absolute;
  top: 0;
  left: 72px;
}

.radio-recommend .radio-recommend-text {
  display: block;
}

/*立即购买按钮*/
.li-set-meal .buy-button {
  display: block;
  width: 220px;
  height: 52px;
  line-height: 52px;
  letter-spacing: 1px;
  text-align: center;
  font-size: 18px;
  color: #613C14;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  border-radius: 26px;
  margin: 20px auto 0;
  transition: all 0.15s ease-in;
  position: relative;
  z-index: 9;
}

.li-set-meal .buy-button:hover {
  opacity: 0.9;
}

/*联系客服*/
.div-contact-kf {
  width: 1000px;
  height: 135px;
  background: url('//js.ibaotu.com/revision/plus/img/recharge/img_kefu_bg.png') center no-repeat;
  background-size: cover;
  margin: 60px auto 20px;
  padding-top: 35px;
}

.div-contact-kf .p-title {
  text-align: center;
  height: 26px;
  line-height: 26px;
  font-size: 24px;
  color: #373333;
  letter-spacing: 1px;
}

.div-contact-kf .p-title span {
  margin: 0 2px;
  cursor: pointer;
  border-bottom: 2px solid #373333;
}

.div-contact-kf .p-title span:hover {
  opacity: 0.8;
}

.div-contact-kf .small-text {
  display: block;
  text-align: center;
  color: #373333;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
  margin-top: 15px;
}

/*联系客服按钮*/
.customer-service-button {
  display: block;
  width: 200px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: linear-gradient(90deg, #F2DFBD 0%, #EFC57B 100%);
  border-radius: 22px;
  font-size: 22px;
  color: #373333;
  margin: 0 auto;
  transition: all 0.15s ease-in;
}

.customer-service-button:hover {
  opacity: 0.9;
  color: #373333;
}

/*套餐列表*/
.scope-of-authorization {
  width: 1000px;
  height: auto;
  margin: 0 auto 100px;
  padding-top: 60px;
}

.scope-of-authorization .title {
  display: block;
  width: 176px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 26px;
  color: #fff;
  margin: 0 auto;
  position: relative;
  padding-left: 2px;
}

.scope-of-authorization .title::after,
.scope-of-authorization .title::before {
  display: block;
  content: '';
  width: 36px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 14px;
}

.scope-of-authorization .title::after {
  left: -36px;
}

.scope-of-authorization .title::before {
  right: -36px;
}

/*列表*/
.authorization-list {
  width: 1000px;
  height: auto;
  background: #fff;
  box-shadow: 0 4px 9px 0 rgba(43, 41, 41, 0.1);
  border-radius: 8px;
  margin: 38px auto 0;
  overflow: hidden;
}

.authorization-header {
  height: 60px;
  background: linear-gradient(90deg, rgba(254, 226, 182, 0.5) 0%, rgba(254, 200, 110, 0.5) 99%);
  border-radius: 8px 8px 0 0;
}

.authorization-header span {
  display: block;
  line-height: 60px;
  text-align: center;
  float: left;
  font-size: 18px;
  color: #613C14;
}

.authorization-header span {
  width: 215px;
  border-right: 1px solid rgba(255, 255, 255, 0.6);
}

.authorization-header span:nth-of-type(1) {
  width: 570px;
  padding-left: 80px;
}

.authorization-header span:nth-of-type(4),
.authorization-header-music span:nth-of-type(3) {
  border-right: none;
}

.authorization-content,
.authorization-content-top {
  width: 100%;
  height: auto;
}

.authorization-content-top .left,
.authorization-content-content .left {
  width: 80px;
  line-height: 22px;
  text-align: center;
  float: left;
  background: #fff;
  font-size: 16px;
  color: #333;
  border-right: 1px solid #F5F5F5;
}

.authorization-content-top .left {
  padding-top: 100px;
}

.authorization-content-content,
.authorization-content-top {
    display: flex;
    align-items: stretch;
}

.authorization-content-content .left {
  border-top: 1px solid #F5F5F5;
  padding-top: 200px;
}

.authorization-content-diff .left {
  /* height: 540px; */
  padding-top: 200px;
}

.authorization-content-top .right,
.authorization-content-content .right {
  width: 920px;
  float: left;
  margin: 0;
}

.authorization-content-content .right {
    width: 490px;
}

.authorization-content-top .right li,
.authorization-content-content .right li {
  height: 70px;
  display: flex;
  align-items: center;
}

.authorization-content-top .right li:nth-child(odd),
.authorization-content-content .right li:nth-child(odd) {
  background: #fff;
}

.authorization-content-top .right li:nth-child(even),
.authorization-content-content .right li:nth-child(even) {
  background: #FBFBFB;
}

.authorization-content-content .content-range {
    display: flex;
    align-items: stretch;
}
.authorization-content-content .content-range .content-range-list {
    width: 215px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #333333;
    font-size: 14px;
    line-height: 22px;
}
.authorization-content-content .content-range .content-range-list:nth-child(1) {
    border-right: 1px solid #F5F5F5;
}

.authorization-content-content .content-range .content-range-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

/*.authorization-content-diff .right li:nth-child(even) {*/
/*  background: #F6F7FA;*/
/*}*/

/*.authorization-content-diff .right li:nth-child(odd) {*/
/*  background: #fff;*/
/*}*/

.authorization-content-top .right li span,
.authorization-content-content .right li span {
  display: block;
  height: 100%;
  float: left;
  line-height: 60px;
  font-size: 14px;
  color: #333;
}

.authorization-content-top .right li span {
    text-align: center;
}

.authorization-content-content .right li span em {
  height: 100%;
}

.authorization-content-content .right li .icon-mianxingduigou {
    color: #70E200;
    font-size: 18px;
    margin-left: 20px;
}

.authorization-content-top .right li span:nth-of-type(1),
.authorization-content-content .right li span:nth-of-type(1) {
  width: 490px;
  border-right: 1px solid #F5F5F5;
  padding-left: 20px;
  flex: 0 0 auto;
}

.authorization-content-content .right li span:nth-of-type(1) {
    width: 452px;
  line-height: 21px;
  padding-top: 15px;
  padding-right: 20px;
  color: #808080;
  font-weight: normal;
}

.authorization-content-content .right li.li-diff span:nth-of-type(1) {
  padding: 0 0 0 20px;
  line-height: 60px;
}

.authorization-content-content .right li span:nth-of-type(1) em {
  color: #333;
  font-weight: 400;
}

.authorization-content-top .right li span:nth-of-type(2),
.authorization-content-content .right li span:nth-of-type(2) {
  width: 430px;
  text-align: center;
}

.authorization-content-content .right li span:nth-of-type(2) em,
.authorization-content-top-diff .right li span:nth-of-type(2) em {
  width: 159px;
  float: left;
  font-weight: 500;
}

.authorization-content-content .right li span:nth-of-type(2) em:nth-of-type(1),
.authorization-content-content .right li span:nth-of-type(2) em:nth-of-type(2),
.authorization-content-top-diff .right li span:nth-of-type(2) em:nth-of-type(1),
.authorization-content-top-diff .right li span:nth-of-type(2) em:nth-of-type(2) {
  border-right: 1px solid #F5F5F5;
}
.authorization-content-music .right {
    width: 920px;
}
.authorization-content-music .right li span:nth-of-type(1) {
    width: 490px;
}

.authorization-content-music .right li span:nth-of-type(2) em {
  width: 215px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.authorization-content-music .right li span:nth-of-type(2) em:nth-of-type(2) {
  border: none;
}

.authorization-content-content.authorization-content-music .right li .icon-mianxingduigou {
  color: #70E200;
  font-size: 20px;
  font-weight: normal;
  margin: 0;
}

.authorization-content-content.authorization-content-music .right li .icon-guanbixiao {
  color: #EF3D2D;
  font-size: 18px;
  font-weight: normal;
}

/*问号更多*/
.permanent-question i {
  display: inline-block;
  color: rgba(0, 0, 0, 0.2);
  vertical-align: -1px;
  cursor: pointer;
  position: relative;
}

.permanent-question em {
  display: none;
  font-weight: normal;
  color: #fff;
  width: 200px;
  height: auto;
  line-height: 20px;
  background: rgba(0, 0, 0, 0.8);
  padding: 10px;
  font-size: 12px;
  text-align: left;
  position: absolute;
  top: 38px;
  left: 0;
  border-radius: 4px;
}

.permanent-question i:hover em {
  display: block;
}

/*右侧悬浮客服*/
.recharge_right_kf {
  width: 180px;
  height: 100px;
  background: #fff;
  box-shadow: 0 4px 15px #E6E6E6;
  border-radius: 8px;
  position: fixed;
  right: 8%;
  bottom: 100px;
  z-index: 10;
}

.recharge_right_kf img {
  display: block;
  width: 104px;
  height: 104px;
  position: absolute;
  left: 0;
  right: 0;
  top: -45%;
  margin: 0 auto;
  border-radius: 50%;
}

.recharge_right_kf p {
  line-height: 18px;
  padding-top: 62px;
  color: #d7a967;
  font-size: 16px;
  text-align: center;
  margin: 0;
}
/*充值页样式 END*/

/*支付页样式 START*/
.layout-defray-wrapper {
  width: 1000px;
  height: auto;
  background: #fff;
  box-shadow: 0 4px 9px rgba(43, 41, 41, 0.1);
  border-radius: 8px;
  padding: 30px;
  margin: 0 auto;
}

.layout-defray-wrapper .title {
  display: block;
  width: 100%;
  height: 26px;
  line-height: 26px;
  text-align: left;
  font-size: 24px;
  color: #333;
}

.layout-defray-wrapper .title i {
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 24px;
  text-align: center;
  font-size: 18px;
  color: #09BB07;
  border: 1px solid #09BB07;
  border-radius: 50%;
  vertical-align: top;
  margin-right: 10px;
}

/*列表*/
.ul-layout-defray {
  width: 100%;
  background: #FBFCFF;
  border-radius: 8px;
  padding: 20px 0 18px 20px;
  margin-bottom: 40px;
}

.ul-layout-defray .li-defray-top,
.ul-layout-defray .li-defray-content {
  width: 100%;
}

.ul-layout-defray .li-defray-top {
  height: 20px;
  margin-bottom: 10px;
}

.ul-layout-defray .li-defray-content {
  height: 24px;
}

.li-defray-top span,
.li-defray-content span {
  display: block;
  width: 160px;
  text-align: left;
  float: left;
}

.li-defray-top span {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #666;
}

.li-defray-content span {
  height: 24px;
  line-height: 24px;
  font-size: 18px;
  color: #D4A554;
}

.li-defray-top span:last-child,
.li-defray-content span:last-child {
  width: 280px;
}

/*充值盒子*/
.defray-recharge-wrapper {
  width: 710px;
  height: auto;
  border-radius: 8px;
  margin: 0 auto;
  border: 1px dashed #e6e6e6;
  padding-top: 30px;
}

.defray-recharge-wrapper .price {
  display: block;
  width: 100%;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  text-align: center;
  color: #666;
}

.defray-recharge-wrapper .price span {
  display: inline-block;
  vertical-align: -2px;
  font-size: 40px;
  color: #D4A554;
  margin-right: 8px;
}

/*支付方式*/
.defray-method-double {
  width: 100%;
  height: auto;
  text-align: center;
  margin: 40px auto 0;
  padding: 0 60px 40px;
}

.defray-method-double .method-WeChat,
.defray-method-double .method-Alipay {
  display: inline-block;
  width: 220px;
  height: auto;
  vertical-align: top;
}

.defray-method-double .method-WeChat>p,
.defray-method-double .method-Alipay>p {
  display: block;
  width: 100%;
  height: 220px;
  background: #fff;
  line-height: 220px;
  border-radius: 8px;
  padding: 30px;
  margin-bottom: 15px;
}

.defray-method-double .method-WeChat>p>img,
.defray-method-double .method-Alipay>p>img {
  display: inline-block;
  vertical-align: middle;
}

.defray-method-double .method-WeChat>span,
.defray-method-double .method-Alipay>span {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 20px;
}

/*微信支付*/
.defray-method-double .method-WeChat {
  margin-right: 148px;
}

.defray-method-double .method-WeChat>p {
  border: 1px solid #4aaf1a;
  position: relative;
  overflow: hidden;
}

.defray-method-double .method-WeChat>p>span.span-refresh {
  display: block;
  width: 100%;
  height: 100%;
  background: url("//js.ibaotu.com/revision/plus/img/recharge/wechat.png") center center no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  animation: move 1.5s ease-in-out infinite ;
}

.defray-method-double .method-WeChat>p>canvas {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.defray-method-double .method-WeChat>span {
  color: #09BB07;
}

.defray-method-double .method-WeChat>span>img {
  display: inline-block;
  width: 28px;
  height: 26px;
  vertical-align: -6px;
  margin-right: 8px;
}

/*支付宝支付*/
.defray-method-double .method-Alipay>p {
  line-height: 160px;
  border: 1px solid #02aaef;
  position: relative;
  overflow: hidden;
}

.defray-method-double .method-Alipay>span {
  line-height: 36px;
  color: #fff;
  background: #009FE8;
  border-radius: 4px;
  overflow: hidden;
}

.defray-method-double .method-Alipay>a:hover,
.defray-method-double .method-Alipay>span:hover {
  color: #FFFFFF;
}

.defray-method-double .method-Alipay>p>span.span-refresh {
  display: block;
  width: 100%;
  height: 100%;
  background: url("//js.ibaotu.com/revision/plus/img/recharge/zfb.jpg") center center no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  animation: move 1.5s ease-in-out infinite ;
}

/*支付页样式 END*/

/*新版客服盒子*/
.recharge-Kfu-wrapper {
  display: none;
  width: 100%;
  height: 170px;
  background: url("//js.ibaotu.com/revision/plus/img/pro/img_pro_bg.png") center no-repeat;
  background-size: cover;
  padding: 15px 0 15px 170px;
  margin: 20px auto 0;
}

.recharge-Kfu-wrapper img {
  display: block;
  height: 100%;
  box-shadow: 0 4px 10px 0 rgba(188, 114, 28, 0.3);
  border-radius: 8px;
}

/*新版右侧客服*/
.recharge_right_kf2 {
  width: 213px;
  height: 269px;
  background: url("//js.ibaotu.com/revision/plus/img/pro/img_pro_right.png") center no-repeat;
  background-size: cover;
  position: fixed;
  right: 7.1%;
  bottom: 140px;
  z-index: 10;
  padding: 82px 36px 0;
}

.recharge_right_kf2 img {
  display: block;
  width: 100%;
  box-shadow: 0 4px 10px 0 rgba(188, 114, 28, 0.3);
  border-radius: 8px;
}

/*支付即同意协议*/
.defray-recharge-agree {
  width: 710px;
  height: 18px;
  margin: 10px auto 0;
  line-height: 18px;
  color: #979797;
  font-size: 12px;
}

.defray-recharge-agree span {
  padding: 0;
}

.defray-recharge-agree a {
  color: #979797;
}

.defray-recharge-agree a:hover {
  color: #D4A554;
  border-bottom: 1px solid #D4A554;
}

.defray-recharge-agree .ant-checkbox-wrapper {
  margin-right: 4px;
}

.defray-recharge-agree .ant-checkbox-inner {
  width: 14px;
  height: 14px;
  border-color: #979797;
}

.defray-recharge-agree .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.defray-recharge-agree .ant-checkbox:hover .ant-checkbox-inner {
  border-color: #979797;
}

.defray-recharge-agree .ant-checkbox-checked .ant-checkbox-inner::after {
  border: 1px solid #fff;
  top: 45%;
  border-top: 0;
  border-left: 0;
}

.defray-recharge-agree .ant-checkbox-checked .ant-checkbox-inner {
  border-color: #1890ff;
}

/*协议弹窗*/
.service_Alert_box {
  height: 750px;
  position: relative;
  overflow: visible;
}

.service_Alert_box .ant-modal-body {
  padding: 0;
  width: 100%;
  height: 100%;
}

/* 关闭按钮 */
.service_Alert_box .icon-cha {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 22px;
  color: #ffffff;
  text-align: center;
  line-height: 30px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
}

.service_Alert_box article {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 500px;
  height: 750px;
  padding: 15px 30px;
  overflow: auto;
  box-sizing: border-box;
  background: #ffffff;
}

.service_Alert_box article h2,
.service_Alert_box article h4 {
  color: #333;
  margin-top: 10px;
}

.service_Alert_box article h2 {
  line-height: 36px;
  font-size: 18px;
  text-align: center;
}

.service_Alert_box article p {
  text-indent: 2em;
  margin: 0;
  display: inline-block;
}

/*动画*/
@keyframes move {
  /*网格移动到显示区域的外面*/
  from{
    top: -220px;
  }
  to{
    top: 0;
  }
}

/*响应式*/
@media screen and (max-width: 1680px) {
  .recharge_right_kf {
    right: 4%;
  }

  .recharge_right_kf2 {
    right: 3.1%;
  }
}

@media screen and (max-width: 1440px) {
  .recharge_right_kf {
    right: 1.2%;
  }

  .recharge_right_kf2 {
    width: 180px;
    height: 227px;
    right: 1.2%;
  }
}

.plus-layout-right .plus_Footer {
    background: none;
}

.TukuList-content{
   padding-left: 50px;
   padding-right: 50px;
}

.TukuList-content h2{
    margin-top: 20px;
    padding-bottom: 10px;
    font-size: 28px;
    color: #fffaf3;
    text-align: left;
    border-bottom: 2px solid #3c3c3c;
}

.TukuList-content .TukuList-content-main{
    display: flex;
    flex-wrap: wrap;

}
.TukuList-content .TukuList-content-main a{
    /*height: 46px;*/
    margin-right: 45px;
    font-size: 18px;
    color: #8c8c8c;
    line-height: 46px;
    transition: all 0.3s;
}

.TukuList-content .TukuList-content-main a:hover{
    color: #fffaf3;
}

/*分页器*/
.TukuList-content .pagination-list{
    margin-top: 20px;
    text-align: end;
    padding-right: 30px;
}

.TukuList-content .ant-pagination-options button{
    width: auto;
    padding: 0 10px;
    margin-left: 10px;
    color: black;
}

.TukuList-content .ant-pagination-options-quick-jumper{
    color: #B2B2B2;
}
/*以图搜图结果页*/
.search-By-Image {
  width: 100%;
  height: auto;
  background: #fff;
  padding-top: 72px;
}

.search-By-Image .plus_Footer {
  background: none;
}

/*安全区域*/
.search-By-Center {
  width: 1440px;
  height: auto;
  margin: 0 auto 50px;
}

/*title*/
.search-By-Title {
  width: 100%;
  height: 40px;
  line-height: 20px;
  margin: 0 auto 30px;
  color: #333333;
  font-size: 20px;
  font-weight: normal;
  border-bottom: 1px solid #EBE8E3;
}

/*原图片盒子*/
.search-Image-Itself {
  width: 340px;
  height: 340px;
  margin: 30px 0 40px;
  background: #F9FAFB url(//js.ibaotu.com/revision/plus/img/user/loading-2.svg) center no-repeat;
  background-size: 30%;
  border-radius: 10px;
  position: relative;
}

.search-Image-Itself img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}

.search-Image-Itself .button {
  display: block;
  width: 150px;
  height: 40px;
  line-height: 40px;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  text-align: center;
  border-radius: 8px;
  font-size: 16px;
  color: #613C14;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 17px;
  margin: 0 auto;
  transition: all 0.15s ease-in;
}

.search-Image-Itself .button:hover {
  opacity: 0.9;
}

/*搜索结果*/
.search-Image-Result {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0 0 30px 0;
}

.search-Image-Result .item {
  width: 345px;
  height: 521px;
  float: left;
  margin: 0 20px 20px 0;
  overflow: hidden;
  background: #fff;
  position: relative;
  border-radius: 8px;
  padding: 0;
  border: none;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.04);
}

.search-Image-Result .item:nth-of-type(4n) {
  margin-right: 0;
}

.search-Image-Result .item::after {
  display: block;
  content: '';
  width: 100px;
  height: 100px;
  background: url('//js.ibaotu.com/revision/plus/img/user/loading-2.svg') center no-repeat;
  background-size: 78%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.search-Image-Result .item-image,
.search-Image-Result .item-image .lazyload-wrapper,
.search-Image-Result .item-image img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-in;
}

.search-Image-Result .item-image img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.search-Image-Result .item-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.search-Image-Result .item-image .lazyload-wrapper {
  position: relative;
}

.search-Image-Result .item-image::after,
.search-Image-Result .item-image .lazyload-wrapper::after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
}

/*top*/
.search-Image-Result .item-top {
  display: block;
  width: 100%;
  height: 54px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0, transparent 100%);
  border-radius: 0 0 8px 8px;
  letter-spacing: 1px;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 5;
  transition: all 0.1s ease-in;
  padding-right: 10px;
}

.search-Image-Result .item-top a {
  display: block;
  float: left;
}

.search-Image-Result .item-top .item-title {
  width: 185px;
  height: 100%;
  line-height: 54px;
  padding-left: 10px;
  font-size: 15px;
  color: #fff;
  text-align: left;
  letter-spacing: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.search-Image-Result .item-top .item-collect {
  width: 30px;
  height: 30px;
  line-height: 30px;
  float: right;
  background: #fff;
  text-align: center;
  padding-left: 1px;
  margin-top: 12px;
  border-radius: 4px;
}

.search-Image-Result .item-top .item-collect i {
  font-size: 20px;
  color: #999;
}

.search-Image-Result .item-top .item-collect i:hover,
.search-Image-Result .item-top .item-collect i.active {
  color: #ffb311;
}

.search-Image-Result .item:hover .item-top {
  opacity: 1;
}

/*bottom*/
.search-Image-Result .item-bottom {
  display: block;
  width: 100%;
  height: 100px;
  line-height: 100px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0, transparent 100%);
  border-radius: 0 0 8px 8px;
  padding-left: 8px;
  padding-right: 6px;
  letter-spacing: 1px;
  font-size: 16px;
  color: #fff;
  text-align: left;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.1s ease-in;
  z-index: 5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search-Image-Result .item-down {
  display: block;
  width: 220px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  font-size: 18px;
  border-radius: 48px;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  position: unset;
  margin: 20px auto;
  color: #613C14;
}

.search-Image-Result .item-down:hover {
  /* background: #D4A554;
  background: linear-gradient(90deg, #F4DA90, #D2AA4D); */
  opacity: 0.9;
}

.search-Image-Result .item:hover .item-bottom {
  opacity: 1;
}

/*横图样式*/
.picture-new-horizontal {
  width: 100%;
  height: 100%;
  background: rgba(234, 234, 234, 1);
  position: relative;
}

.picture-new-hor-top,
.picture-new-hor-bottom {
  width: 100%;
  overflow: hidden;
}

.picture-new-hor-top {
  height: 55%;
  background: linear-gradient(0deg, rgba(234, 234, 234, 1), rgba(236, 236, 236, 1), rgba(215, 215, 215, 1));
}

.picture-new-hor-top .stencil {
  width: 90.14%;
  height: 73.19%;
  background: #ffffff;
  margin: 10% auto 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  position: relative;
}

.picture-new-hor-top .stencil .stencil-img {
  width: 96.53%;
  height: 94.71%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.picture-new-hor-top .stencil .stencil-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.picture-new-hor-bottom {
  height: 45%;
  background: #fff;
}

.picture-new-hor-bottom .stencil {
  width: 100%;
  height: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.picture-new-hor-bottom .stencil img {
  display: block;
  width: 100%;
  height: 100%;
}

.picture-new-hor-bottom .stencil i {
  display: block;
  width: 26.27%;
  height: 33.97%;
  background: url('//js.ibaotu.com/revision/img/classify/191025/icon_photo.png') center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.picture-new-hor-top .stencil::after,
.picture-new-hor-bottom .stencil::after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
}
/*横图样式END*/

/*竖图样式*/
.picture-new-vertical,
.picture-new-vertical .stencil {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.picture-new-vertical {
  width: 90.42%;
  height: 88.88%;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.picture-new-vertical .stencil {
  width: 96.79%;
  height: 97.83%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.picture-new-vertical .stencil img {
  display: block;
  width: 100%;
  height: 100%;
}

/*特殊竖图*/
.picture-special-vertical {
  position: absolute;
  width: 74%;
  margin: 0 13%;
  height: 74%;
  bottom: 13%;
  overflow: hidden;
  box-shadow: -15px 0 15px -15px #000, 0 15px 15px -15px #000;
}

.picture-special-vertical .stencil {
  width: 100%;
  height: 100%;
}

.picture-special-vertical .stencil .pbg {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  filter: blur(10px);
}

.picture-special-vertical .stencil .pic {
  position: absolute;
  left: 5%;
  top: 5%;
  width: 90%;
  height: 90%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.picture-new-vertical .stencil::after,
.picture-special-vertical .stencil::after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/*搜索结果为空 START*/
.search-Image-Null {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 40px 0;
}

.material-recommend-null {
  display: block;
  width: 252px;
  margin: 120px auto 0;
}

.search-Image-Null .p-null-title,
.search-Image-Null .span-null-text {
  display: block;
  width: 100%;
  color: #999999;
  text-align: center;
  letter-spacing: 1px;
}

.search-Image-Null .p-null-title {
  font-size: 16px;
  margin: 26px 0 5px 0;
}

.search-Image-Null .span-null-text {
  font-size: 15px;
}

.search-Image-Null .span-null-text a {
  color: #ffb311;
  border-bottom: 1px solid #ffb311;
  margin: 0 3px;
}
/*搜索结果为空 END*/

/*搜索等待状态 START*/
.search-Image-Loading {
  width: 100%;
  height: auto;
  padding-top: 30px;
  text-align: center;
  font-size: 18px;
  color: #ffb311;
}

.search-Image-Loading img {
  display: block;
  margin: 0 auto;
}
/*搜索等待状态 END*/

/*1680响应式*/
@media screen and (max-width: 1680px) {
  /*整体盒子宽度*/
  .search-By-Center {
    width: 1200px;
  }

  /*图片样机尺寸*/
  .search-Image-Result .item {
    width: 285px;
    height: 430px;
  }

  /*立即下载按钮*/
  .search-Image-Result .item-down {
    width: 200px;
    height: 46px;
    line-height: 46px;
  }
}

.user-custom-button {
  display: block;
  width: 250px;
  height: 60px;
  background: #CCAC5C;
  border-radius: 30px;
  overflow: hidden;
  text-align: center;
  line-height: 60px;
  color: #fff;
  font-size: 18px;
  margin: 40px auto;
  cursor: pointer;
}

.user-custom-button:hover {
  color: #fff;
  opacity: 0.9;
}


/* VipLayout Start */
.user-custom-vip {
  margin-top: 30px;
}

.user-custom-vip-type {
  display: grid;
  grid-template-columns: repeat(2, 343px);
  grid-column-gap: 47px;
  grid-row-gap: 30px;
}

.user-custom-vip-item {
  width: 343px;
  height: 150px;
  background-size: 363px 150px;
  background-repeat: no-repeat;
  background-position: -10px 0;
  box-sizing: border-box;
  padding: 20px 24px;
}

.user-custom-vip-item-top {
  margin-bottom: 35px;
  display: flex;
  justify-content: space-between;
}

.vip-item-top-left {
  cursor: auto;
  user-select: none;
}

.vip-item-top-left > span {
  font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #2b2b2b;
}

.vip-item-top-left .icon-wenhao {
  font-size: 18px;
  color: #2b2b2b;
  margin-left: 4px;
  position: relative;
}

.vip-item-top-left:hover .user-custom-vip-hover-text {
  display: block;
}

.user-custom-vip-hover-text {
  position: absolute;
  width: 250px;
  top: 22px;
  left: 0;
	background-color: rgba(0, 0, 0, 0.7);
  padding: 13px 20px 16px 14px;
  display: none;
}

.user-custom-vip-hover-text span {
  color: #fff;
  font-size: 12px;
  display: block;
  line-height: 1.5;
}

.user-custom-vip-hover-text span:first-child {
  line-height: 22px;
}

.vip-item-top-right span:first-child {
  font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
  color: #2b2b2b;
  vertical-align: 4px;
}

.vip-item-top-right span:last-child {
  display: inline-block;
  width: 36px;
	height: 36px;
	background-color: #e3c478;
  border-radius: 8px;
  font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
  color: #2b2b2b;
  text-align: center;
  line-height: 36px;
}

.user-custom-vip-item-bottom p{
  margin-bottom: 9px;
  font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #2b2b2b;
}

/* VipLayout End */


/* NotVipLayout Start */

.user-custom-notvip-desc {
  display: none;
  margin: 58px 72px 63px;
  display: flex;
}

.notvip-desc-item {
  flex: auto;
  text-align: center;
}

.notvip-desc-item:first-child {
  margin-right: 36px;
}

.notvip-desc-item:nth-child(2) {
  margin-right: 48px;
}

.notvip-desc-item:nth-child(3) {
  margin-right: 54px;
}

.notvip-desc-item .iconfont {
  display: inline-block;
  width: 55px;
  height: 50px;
  font-size: 60px;
  margin-bottom: 14px;
  color: #ccac5c;
}

.notvip-desc-item:first-child,
.notvip-desc-item:nth-child(2) {
  margin-top: -11px;
}

.notvip-desc-item:last-child .iconfont {
  font-size: 46px;
}

.notvip-desc-item:nth-child(3) .iconfont {
  font-size: 46px;
}

.notvip-desc-item-text {
  font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
  color: #2b2b2b;
  text-align: center;
  margin-bottom: 8px;
}

.notvip-desc-item-desc {
  font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #808080;
}

.user-custom-notvip-example {
  display: flex;
  margin-bottom: 36px;
}

.notvip-example-item {
  width: 110px;
  text-align: center;
}

.notvip-example-item:not(:last-child) {
  margin-right: 7px;
}

.notvip-example-item-img {
  width: 110px;
  height: 165px;
  overflow: hidden;
  position: relative;
  margin-bottom: 13px;
}

.notvip-example-item img {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.notvip-example-item p {
  font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0px;
	color: #2b2b2b;
}

.user-custom-notvip-text {
  font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
  color: #b3b3b3;
  text-align: center;
}

.user-custom-notvip .user-custom-button {
  margin-top: 26px;
}
/* NotVipLayout Start */

.Portrait{
    min-width: 1380px;
}

.Portrait-firstScreen{
    width: 100%;
    /*height: auto;*/

    transition: all 0.3s;
    position: relative;
    display: flex;
}

.Portrait p{
    margin-bottom: 0em;
}
.Portrait-firstScreen video{
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.Portrait-firstScreen img{
    width: 100%;
    height: 100%;
}
.Portrait-tab{
    width: 100%;
    height: 100px;
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/Portrait/tab-bgc.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.Portrait-firstScreen-titleGroups{
    width: 690px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s;
}
.Portrait-firstScreen-titleGroups p{
    margin-bottom: 0em;
    /*font-family: selfFont !important;*/
}

.Portrait-firstScreen-titleGroups p:nth-child(1){
    font-size: 100px;
    font-weight: 400;
    font-family: PingFang SC;
    color: #FFFFFF;
    text-shadow: 0px 0px 14px rgba(0,0,0,0.6);
    margin-top: -15px;
    margin-bottom: 17px;
    transition: all .3s;
}

.Portrait-firstScreen-titleGroups p:nth-child(2){
    font-size: 40px;
    font-family: port;
    font-weight: 400;
    color: #FFFFFF;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.6);
    transition: all .3s;
}

.Portrait-firstScreen-tips{
    position: absolute;
    top: 49px;
    right: 49px;
    font-size: 30px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    text-shadow: 0px 0px 8px rgba(0,0,0,0.6);
}

.Portrait-firstScreen-tips .iconfont{
    font-size: 28px;
    font-weight: 400;
    margin-right: 8px;
}

.Portrait-tab{
    display: flex;
    justify-content: center;
    transition: all .2s;
}
.Portrait-tab-title{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 600px;
    height: 100%;
    border-bottom: 7px solid rgba(255, 255, 255, 0.4);
    padding-top: 26px;
    cursor: pointer;
    transition: all .2s;
}

.Portrait-tab-title:hover{
    border-bottom: 7px solid rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, .25);
}
.Portrait-tab-title p{
    margin-bottom: 0em;
}
.Portrait-tab-title p:nth-child(1){
    font-size: 30px;
    font-family: port;
    font-weight: 400;
    color: #FFFFFF;
}

.Portrait-tab-title p:nth-child(2){
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 24px;
    opacity: 0.5;
    margin-top: 6px;
}

.Portrait-tab-active{
    border-bottom: 7px solid rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, .25);
}

.Portrait-content{
    width: 100%;
    height: 3306px;
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/Portrait/Portrait-BGC.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 150px;
    transition: all .3s;
    overflow: hidden;
}

.Portrait-Btn{
    width: 503px;
    height: 103px;
    background: rgba(255,255,255,0.6);
    border: 3px solid #FFFFFF;
    box-shadow: 0px 0px 32px 0px rgba(51,51,51,0.08);
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    transition: all .3s;
    cursor: pointer;
    margin-bottom: 95px;
    padding-top: 10px;
}
.Portrait-Btn p:nth-child(1){
    font-size: 36px;
    font-family: port;
    font-weight: 400;
    color: #333333;
}
.Portrait-Btn p:nth-child(2){
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(0, 0, 0, .5);
}


.Portrait-content-card-one{
    width: 1368px;
    height: 1388px;
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/Portrait/Portrait-contentBGC.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    transition: all .3s;
}

.Portrait-groupsBtn{
    display: flex;
    justify-content: center;
}

.Portrait-groupsBtn button{
    width: 196px;
    height: 80px;
    text-align: center;
    background: rgba(255,255,255,0.6);
    border-radius: 16px;
    font-size: 28px;
    font-family: yixinyuzhouhei;
    font-weight: 400;
    color: rgba(51, 51, 51, 0.5);
    line-height: 80px;
    margin-right: 30px;
    border: 2px solid #FFFFFF;
    transition: all .3s;
}
.Portrait-groupsBtn button:last-child{
    margin-right: 0px;
    padding-right:7px;
}

.Portrait-groupsBtn button:hover{
    /*color: rgba(51, 51, 51, 1);*/
    background: rgba(255,255,255,1);
}

button.Portrait-groupsBtn-Active{
    color: rgba(51, 51, 51, 1);
    background: rgba(255,255,255,1);
}

.Portrait-tabFix{
    position: sticky;
    top: 0;
    z-index: 10;
    transition: all 1s;
}

.Portrait-tab-not{
    position: relative;
    transition: all .3s;
}

.Portrait-videoContent{
    width: 100%;
    height: auto;
}

.Portrait-videoContent-top{
    display: flex;
    justify-content: center;
    padding-left: 15px;
}

.videoContent-top-left{
    width: 795px;
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/Portrait/video-big-bgc.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.videoContent-box{
    display: block;
    width: 409px;
    height: 309px;
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/Portrait/video-small-bgc.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.videoContent-top-left{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
}
.videoContent-top-left p{
    position: absolute;
    top: 44px;
    left: 58px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
}
.videoContent-box{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 39px;
}
.videoContent-box p{
    position: absolute;
    top: 41px;
    left: 60px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
}

.Portrait-videoBox{
    display: block;
    width: 330px;
    height: 183px;
    overflow: hidden;
    border-radius: 12px;
    transition: all 0.3s;
}
.Portrait-videoBox-img{
    transition: all 0.5s;
 }
.Portrait-videoBox:hover .Portrait-videoBox-img{
    transform: scale(1.05);
}

.Portrait-videoBox img{
    width: 100%;
    height: auto;
    object-fit: fill;
}

.videoContent-top-left a{
    position: relative;
    display: block;
    width: 716px;
    height: 478px;
    display: flex;
    justify-content: center;
    border-radius: 12px;
    overflow: hidden;
}

.videoContent-top-left .Portrait-boxA{
    width: 100%;
    height: 100%;
    object-fit: fill;
    border-radius: 12px;
    transition: all .5s;
}

.videoContent-top-left a:hover .Portrait-boxA{
    transform: scale(1.05);
}

.bofang-btn img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
}

.Portrait-videoBox{
    position: relative;
}

.videoContent-top-right .bofang-btn img,
.Portrait-videoContent-bottom .bofang-btn img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
}

.Portrait-videoContent-bottom{
    display: flex;
    justify-content: center;
    margin-top: -20px;
}

.Portrait-videoContent-btn{
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
.Portrait-videoContent button{
    width: 323px;
    height: 89px;
    text-align: center;
    line-height: 87px;
    background: rgba(255,255,255,0.6);
    border: 3px solid #FFFFFF;
    box-shadow: 0px 0px 32px 0px rgba(51,51,51,0.08);
    border-radius: 43px;
    font-size: 28px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
    transition: all 0.3s;
    margin: 0 auto;
}

.Portrait-videoContent button:hover{
    opacity: 0.8;
}

.Portrait-videoContent{
    transition: all 0.3s;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.activeVideoVis{
    visibility: visible;
    opacity: 1;
}

.activeVideoHidden{
    visibility: hidden;
    opacity: 0;
}

.Portrait-content-card-two{
    margin-top: 100px;
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/Portrait/Portrait-contentBGCtwo.png');
}

.Portrait-content-lastBtnVip{
    display: flex;
    justify-content: center;
}
.Portrait-content-lastBtnVip button{
    width: 167px;
    height: 27px;
    width: 402px;
    height: 92px;
    border: 2px solid #FFFFFF;
    background: linear-gradient(-19deg, #C1EBF3 0%, #F7D5EA 100%);
    box-shadow: 0px 0px 26px 0px rgba(51,51,51,0.08);
    border-radius: 45px;
    font-size: 28px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
    margin-top: 69px;
    /*-webkit-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);*/
    /*transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);*/
    transition: 1s background cubic-bezier(0.2, 0.0, 0.2, 1), 1s width cubic-bezier(0.2, 0.0, 0.2, 1);
}

.Portrait-content-lastBtnVip button:hover{
    /*transition: 0.6s linear;*/
    transition: 1s background cubic-bezier(0.2, 0.0, 0.2, 1), 1s width cubic-bezier(0.2, 0.0, 0.2, 1);
    background: linear-gradient(-18deg, #C1EBF3 0%, #F7D5EA 86%);
}

.Portrait-float-one{
    cursor: pointer;
    position: fixed;
    right: 0;
    bottom: 100px;
    width: 221px;
    height: 82px;
    line-height: 82px;
    font-size: 24px;
    font-family: yixinyuzhouhei;
    font-weight: 400;
    color: #333333;
    text-align: center;
    border: 2px solid #FFFFFF;
    background: linear-gradient(-19deg, #C1EBF3 0%, #F7D5EA 100%);
    box-shadow: 0px 0px 26px 0px rgba(51,51,51,0.08);
    border-radius: 40px 0px 0px 40px;
    padding-left: 10px;
    transition: 0.3s linear;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Portrait-float-one:hover{
    background: linear-gradient(-19deg, #C1EBF3 20%, #F7D5EA 100%);
}
.Portrait-floatVis{
    visibility: visible;
    opacity: 1;
}

.Portrait-floatHidden{
    visibility: hidden;
    opacity: 0;
}

.Portrait-float-two{
    cursor: pointer;
    position: fixed;
    right: 20px;
    bottom: 100px;
    transition: 0.3s linear;
    width: 177px;
    height: 178px;
}
.Portrait-float-two img{
    width: 100%;
    height: 100%;
}

.Portrait-float-two img:hover{
    animation: sucaijPortraitFloat 1s .2s ease both;
}
@keyframes sucaijPortraitFloat {
    0% {
        -webkit-transform: scale(1)
    }

    10%, 20% {
        -webkit-transform: scale(0.8) rotate(-2deg)
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(2deg)
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-2deg)
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}

.Portrait-content-card-two .videoContent-top-left{
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/Portrait/img-big-bgc.png');
}

.Portrait-floatVis .iconfont{
    font-size: 22px;
    margin-left: 6px;
}

.Portrait-tab-textOne{
    width:117px;
    height: 28px;
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/Portrait/text_v1.png');
    background-position: 0px 0px;
    background-size: 665px;
}

.Portrait-tab-textTwo{
    width:120px;
    height: 28px;
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/Portrait/text_v1.png');
    background-position: -271px 0px;
    background-size: 665px;
}

.Portrait-float-one span{
    display: block;
    width: 143px;
    height: 25px;
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/Portrait/text_v1.png');
    background-position: -520px -2px;
    background-size: 665px;
}

.Portrait-Btn-text{
    width: 145px;
    height: 34px;
    margin: 0 auto;
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/Portrait/text_v1.png');
    background-position: -251px -65px;
    background-size: 642px;
    margin-top: 10px;
}

.Portrait-Btn-textTwo{
    width: 145px;
    height: 34px;
    margin: 0 auto;
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/Portrait/text_v1.png');
    background-position: -251px -626px;
    background-size: 642px;
    margin-top: 10px;
}

.Portrait-Btn p:nth-child(2){
    margin-top: 7px;
}

/*共同样式*/
.Portrait-groupsBtn button span{
    display: block;
    width: 114px;
    height: 28px;
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/Portrait/text_v1.png');
    background-size: 600px;
    margin: 0 auto;
}

.Portrait-groupsBtn-Active-one span{
    background-position: 0px -108px;
}

/*非此模块*/
.Portrait-groupsBtn-not-one span{
    background-position: 0px -152px;
}
.Portrait-groupsBtn-not-one:hover span{
    background-position: 0px -108px;
}


.Portrait-groupsBtn-Active-two span{
    background-position: -117px -108px;
}
/* 非此模块*/
.Portrait-groupsBtn-not-two span{
    background-position: -117px -152px;
}
.Portrait-groupsBtn-not-two:hover span{
    background-position: -117px -108px;
}

.Portrait-groupsBtn-Active-three span{
    display: block;
    width: 114px;
    height: 28px;
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/Portrait/text_v1.png');
    background-position: -241px -108px;
    background-size: 600px;
    margin: 0 auto;
}

/* 非此模块*/
.Portrait-groupsBtn-not-three span{
    background-position: -241px -152px;
}
.Portrait-groupsBtn-not-three:hover span{
    background-position: -241px -108px;
}

.Portrait-groupsBtn-Active-four span{
    display: block;
    width: 114px;
    height: 28px;
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/Portrait/text_v1.png');
    background-position: -365px -108px;
    background-size: 600px;
    margin: 0 auto;
}
/* 非此模块*/
.Portrait-groupsBtn-not-four span{
    background-position: -365px -152px;
}
.Portrait-groupsBtn-not-four:hover span{
    background-position: -365px -108px;
}


.Portrait-groupsBtn-Active-five span{
    display: block;
    width: 114px;
    height: 28px;
    background-image: url('//js.ibaotu.com/revision/plus/img/activity/Portrait/text_v1.png');
    background-position: -487px -108px;
    background-size: 600px;
    margin: 0 auto;
}
/* 非此模块*/
.Portrait-groupsBtn-not-five span{
    background-position: -487px -152px;
}
.Portrait-groupsBtn-not-five:hover span{
    background-position: -487px -108px;
}

/*创意图片*/
.Portrait-picActive-btnOne span{
    background-position: 0px -987px;
}
.Portrait-picActive-notOne span{
    background-position: 0px -1030px;
}
.Portrait-picActive-notOne:hover span{
    background-position: 0px -987px;
}

.Portrait-picActive-btnTwo span{
    background-position: -117px -987px;
}
.Portrait-picActive-notTwo span{
    background-position: -117px -1030px;
}
.Portrait-picActive-notTwo:hover span{
    background-position: -117px -987px;
}

.Portrait-picActive-btnThree span{
    background-position: -241px -987px;
}
.Portrait-picActive-notThree span{
    background-position: -241px -1030px;
}
.Portrait-picActive-notThree:hover span{
    background-position: -241px -987px;
}

.Portrait-picActive-btnFour span{
    background-position: -365px -987px;
}
.Portrait-picActive-notFour span{
    background-position: -365px -1030px;
}
.Portrait-picActive-notFour:hover span{
    background-position: -365px -987px;
}

.Portrait-picActive-btnFive span{
    background-position: -487px -987px;
}
.Portrait-picActive-notFive span{
    background-position: -487px -1030px;
}
.Portrait-picActive-notFive:hover span{
    background-position: -487px -987px;
}
button.Portrait-groupsBtn-Active-one,
button.Portrait-groupsBtn-Active-two,
button.Portrait-groupsBtn-Active-three,
button.Portrait-groupsBtn-Active-four,
button.Portrait-groupsBtn-Active-five{
    background: #FFFFFF;
}

button.Portrait-picActive-btnOne,
button.Portrait-picActive-btnTwo,
button.Portrait-picActive-btnThree,
button.Portrait-picActive-btnFour,
button.Portrait-picActive-btnFive{
    background: #FFFFFF;
}
.videoContent-top-right video,
.Portrait-videoContent-bottom video{
    width: 100%;
    height: auto;
    object-fit: fill;
}

.videoContent-top-left video{
    height: 100%;
    object-fit: fill;
}

.Portrait .video-box{
    display: flex;
    align-items: center;
    justify-content: center;
}

.Portrait .video-play .plus-video-showImage{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 4px;
    z-index: 1;
}

@media screen and (max-width: 1440px) {
    .Portrait-firstScreen-titleGroups p:nth-child(1){
        font-size: 80px;
    }
    .Portrait-firstScreen-titleGroups p:nth-child(2){
        font-size: 30px;
    }

    .Portrait-firstScreen-titleGroups{
        width: 600px;
    }


    .Portrait-content-card-one{
        transform: scale(0.8);
        margin-top: -50px;
    }

    .Portrait-content{
        padding-top: 0px;
    }

    .Portrait-firstScreen-tips{
        top: 30px;
        right: 30px;
        font-size: 23px;
    }

    .Portrait-firstScreen-tips .iconfont{
        font-size: 22px;
    }

    .Portrait-content{
        height: 2600px;
    }

    .Portrait-content-card-two{
        margin-top: -200px;
    }

    .Portrait-content-lastBtnVip button{
        margin-top: -100px;
    }

    .Portrait-tab{
        height: 80px;
    }

    .Portrait-tab-title{
        padding-top: 15px;
    }
}
body {
    margin: 0;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    font-variant: tabular-nums;
    line-height: 1.5715;
    background-color: #fff;
    font-feature-settings: 'tnum';
}

.CreditsPage-screen{
    width: 3840px;
    height: 2160px;
    transform-origin: 0 0;
    position: absolute;
    left: 50%;
    background-color: #183E65;
}


.CreditsPage-haveContent{
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    background-image: url("//js.ibaotu.com/revision/plus/img/activity/credits/credits-month-bgc_v3.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



.CreditsPage-left{
    position: relative;
    display: flex;
    flex-direction: column;
}


.real-time-transaction{
    position: relative;
    width: 1380px;
    height: 380px;
    background-image: url("//js.ibaotu.com/revision/plus/img/activity/credits/real-time-transaction.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.real-time-transaction::before{
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 1240px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.98) 52%, rgba(255, 255, 255, 0.03) 100%);
    opacity: 0.6;
}


.real-time-transaction img.text{
    margin-top: 116px;
    width: 603px;
    margin-left: 110px;
}

.real-time-transaction img.real-time-transaction-img{
    position: absolute;
    width: 530px;
    right: 40px;
    bottom: 80px;
}

.real-time-transaction-desc{
    display: flex;
    margin-left: 140px;
    margin-top: 20px;
}

.real-time-transaction-desc span:nth-child(1){
    width: 28px;
    height: 28px;
    background: #F5B24B;
    border-radius: 50%;
    margin-right: 7px;
}

.real-time-transaction-desc span:nth-child(2){
    width: 28px;
    height: 28px;
    background: #B7BEFF;
    border-radius: 50%;
    margin-right: 7px;
}

.real-time-transaction-desc span:nth-child(3){
    width: 28px;
    height: 28px;
    background: #FC5878;
    border-radius: 50%;
}

.CreditsPage-ranksContent{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 9px;
}
.CreditsPage-screen .swiper-container {
    height: 1400px;  /* 设置容器高度为 500 像素 */
}

/*.CreditsPage-screen .swiper-slide {*/
/*    height: 100%;  !* 设置轮播图内容区域高度为 100%，以适应容器高度 *!*/
/*}*/

.CreditsPage-rank-5{
    background-image: url("//js.ibaotu.com/revision/plus/img/activity/credits/Ranking-5.png");
}

.CreditsPage-rank-4{
    background-image: url("//js.ibaotu.com/revision/plus/img/activity/credits/Ranking-4.png");
}
.CreditsPage-rank-3{
    background-image: url("//js.ibaotu.com/revision/plus/img/activity/credits/Ranking-3.png");
}
.CreditsPage-rank-2{
    background-image: url("//js.ibaotu.com/revision/plus/img/activity/credits/Ranking-2.png");
}
.CreditsPage-rank-1{
    background-image: url("//js.ibaotu.com/revision/plus/img/activity/credits/Ranking-1.png");
}

.CreditsPage-ranksContent .item{
    display: flex;
    justify-content: left;
    align-items: center;
    position: relative;
    width: 1287px;
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -15px;
}

.CreditsPage-ranksContent .item img{
    width: 118px;
    height: 118px;
    border-radius: 20px;
}

.CreditsPage-ranksContent .item .CreditsPage-rank-userInfo{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-top: 49px;
    padding-left: 60px;
}

.CreditsPage-ranksContent .item .CreditsPage-rank-userInfo em{
    font-weight: 500;
    font-size: 40px;
    color: #FFFFFF;
    text-shadow: 0px 0px 12px rgba(37,37,37,0.28);
    margin-left: 38px;
}


.CreditsPage-ranksContent .item p{
    position: absolute;
    left: 388px;
    bottom: 20px;
    font-weight: 600;
    font-size: 35px;
    color: #FFFFFF;
    text-shadow: 0px 0px 12px rgba(37,37,37,0.18);
    max-width: 52%;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.CreditsPage-ranksContent .item .item-timeUpdate{
    position: absolute;
    top: 40%;
    right: 32%;
    font-weight: 500;
    font-size: 30px;
    color: #FFFFFF;
    opacity: 0.7;
}


.CreditsPage-right{
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 140px;
}

.CreditsPage-right-main{
    width: 2120px;
    height: 1880px;
    background-image: url("//js.ibaotu.com/revision/plus/img/activity/credits/Ranking-points_v2.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


.CreditsPage-right-content{
    display: flex;
    justify-content: space-evenly;
    position: relative;
    padding: 0 6%;
    /*padding-top: 6%;*/
    align-items: end;
}



.CreditsPage-contentItem{
    position: relative;
    z-index: 100;
    display: grid;
    grid-template-rows: 1fr; /* 定义三行，中间的行占据剩余空间 */
    align-items: end; /* 将所有子元素在容器的末尾对齐 */
    justify-items: center;
}

.CreditsPage-contentItem-Ranking{
    position: relative;
    width: 205px;
    height: 64px;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    z-index: 1;
}


.CreditsPage-contentItem-name{
    width: 240px;
    height: 75px;
    line-height: 75px;
    font-weight: 500;
    font-size: 44px;
    color: #FFFFFF;
    position: relative;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 40px;
    text-shadow: 0px 4px 10px rgba(0,3,116,0.75);
}

.CreditsPage-contentItem-name-1{
    font-weight: 500;
    text-shadow: 0px 4px 10px rgba(143,81,0,0.75);
    background-image: url("//js.ibaotu.com/revision/plus/img/activity/credits/name-1.png");
}
.CreditsPage-contentItem-name-2{
    font-weight: 500;
    text-shadow: 0px 4px 10px rgba(146,45,0,0.75);
    background-image: url("//js.ibaotu.com/revision/plus/img/activity/credits/name-2.png");
}
.CreditsPage-contentItem-name-3{
    font-weight: 500;
    text-shadow: 0px 4px 10px rgba(190,116,0,0.88);
    background-image: url("//js.ibaotu.com/revision/plus/img/activity/credits/name-3.png");
}
.CreditsPage-contentItem-name-all{
    background-image: url("//js.ibaotu.com/revision/plus/img/activity/credits/name-all.png");
}
.CreditsPage-contentItem-RankingImg{
    position: relative;
}

.CreditsPage-contentItem-RankingImg .Ranking-rhomboid{
    width: 56px;
    height: 58px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
    /*background: linear-gradient(135deg, #B0FBFE, #C9FBFF);*/

    background: linear-gradient(-30deg, #9CEFEF 0%, #FFF4D8 100%);
    font-weight: 600;
    font-size: 40px;
    color: rgba(0, 58, 165, 0.6);
}

.CreditsPage-contentItem:nth-child(-n+3) .CreditsPage-contentItem-RankingImg{
    width: 95px;
    height: 60px;
}

.CreditsPage-contentItem:nth-child(n+4) .CreditsPage-contentItem-RankingImg{
    width: 60px;
    height: 68px;
    margin-right: 18px;
}

.CreditsPage-contentItem-RankingImg img{
    width: 100%;
    height: 100%;
}


.CreditsPage-contentItem.flicker .CreditsPage-contentItem-Ranking.hoverRanking .CreditsPage-contentItem-RankingImg::after{
    content: '';
    position: absolute;
    left: -10%;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
    transform: skewx(-25deg);
    animation: RankingImgshine 0.6s infinite ease-in-out;
}


.CreditsPage-contentItem-avatar .CreditsPage-contentItem-avatar-img{
    width: 145px;
    height: auto;
    border-radius: 50%;
}

.CreditsPage-contentItem-histogram{
    position: relative;
    height: 1000px;
    /*display: flex;*/
    /*align-items: end;*/
    margin-bottom: 50px;
    width: 150px;

    display: grid;
    grid-template-rows: 1fr; /* 只需要定义一行，因为我们要垂直排列 */
    align-items: end; /* 垂直方向上，所有子元素靠下对齐 */
    justify-items: center; /* 水平方向上，所有子元素居中对齐 */
}

.Q-content .CreditsPage-contentItem-histogram{
    width: 2041px;
}


.CreditsPage-contentItem-score{
    position: relative;
    width: 100%;
    height: 1190px;
    border-radius: 12px;
    border: 2px solid #FFF7D9;
}

.Q-content .CreditsPage-contentItem-score{
    height: 56px;
}

.CreditsPage-contentItem-histogram .CreditsPage-contentItem-score-text{
    display: block;
    width: 300px;
    padding: 0 5px;
    text-align: center;
    position: absolute;
    top: -85px;
    transform: translateX(-50%);
    font-weight: 600;
    left: 50%;
    font-size: 30px;
    color: #FFFFFF;
}


.CreditsPage-contentItem-histogram #score-0{
    border-radius: 30px 30px 6px 6px;
    border: 4px solid #FFF7D9;
    background: linear-gradient(0deg, #DFFFFF 0%, #FFC63C 51%, #FD1E58 100%);
}
.CreditsPage-contentItem-histogram #score-1{
    border-radius: 30px 30px 6px 6px;
    border: 4px solid #FFF7D9;
    background: linear-gradient(0deg, #DFFFFF 0%, #FFD93E 50%, #FF912F 100%);
}
.CreditsPage-contentItem-histogram #score-2{
    border-radius: 30px 30px 6px 6px;
    border: 4px solid #FFF7D9;
    background: linear-gradient(0deg, #DFFFFF 0%, #FFEB68 51%, #FFF721 100%);
}

.CreditsPage-contentItem-histogram #score-3,
.CreditsPage-contentItem-histogram #score-4,
.CreditsPage-contentItem-histogram #score-5,
.CreditsPage-contentItem-histogram #score-6{
    background: linear-gradient(0deg, rgba(207,254,255,0.95), rgba(97,227,255,0.95), rgba(98,252,152,0.95));
    border-radius: 30px 30px 6px 6px;
    border: 4px solid #FFF7D9;
}

.CreditsPage-contentItem-histogram #score-7,
.CreditsPage-contentItem-histogram #score-8,
.CreditsPage-contentItem-histogram #score-9,
.CreditsPage-contentItem-histogram #score-10,
.CreditsPage-contentItem-histogram #score-11{
    background: linear-gradient(0deg, #FFFFFF 0%, #99F6EC 51%, #35E9FF 100%);
    border-radius: 30px 30px 6px 6px;
    border: 4px solid #FFF7D9;
}


.CreditsPage-contentItem-isNew{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 45px;
    height: 75px;
    text-align: center;
    background: linear-gradient(-30deg, #9CEFEF 0%, #FFF4D8 100%);
    border-radius: 0px 10px 10px 0px;
    border: 1px solid #EDE6DE;
    border-left: none;
    font-weight: 500;
    font-size: 25px;
    color: rgba(43, 135, 195, 1);
    line-height: 31px;
    padding-top: 13px;
}

.Q-content .CreditsPage-contentItem-isNew{
    width: 38px;
    height: 64px;
    background: linear-gradient(-30deg, #9CEFEF 0%, #FFF4D8 100%);
    border-radius: 10px;
    border: 1px solid #EDE6DE;
    padding-top: 7px;
    padding-bottom: 3px;
}

.CreditsPage-right-title{
    position: relative;
    display: flex;
    align-items: center;
}

.CreditsPage-right-title em{
    font-weight: 500;
    font-size: 34px;
    color: #FFFFFF;
    background: linear-gradient(0deg, #FFFDF8 0%, #F9E192 49.853515625%, #93F1F9 100%);
    opacity: 0.9;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 40px;
    font-style: normal;
}

.CreditsPage-right-title .Ranking-of-points-title{
    width: 406px;
    margin-top: 40px;
}
.Ranking-of-points-formattedDate{
    position: absolute;
    font-weight: 500;
    font-size: 30px;
    color: #FFFFFF;
    opacity: 0.6;
    bottom: 0;
    right: 8%;
    z-index: 101;
}

.Ranking-of-points-title-tips{
    position: absolute;
    width: 380px;
    right: 0;
}

.CreditsPage-right-update{
    position: absolute;
    bottom: -65px;
    right: 80px;
    font-weight: 500;
    font-size: 30px;
    color: #FFFFFF;
    opacity: 0.6;
}

.Q-content .CreditsPage-right-update{
    bottom: 120px;
}

.CreditsPage-right-content.empty{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 10%;
}

.CreditsPage-right-content.empty p{
    font-weight: 500;
    font-size: 38px;
    color: #FFFFFF;
    opacity: 0.8;
}

.CreditsPage-right-content.empty img{
    width: 20%;
}

.Quarter-content-main{
    width: 2930px;
    position: relative;
}

.Quarter-content-main-title img.Quarter-title{
    height: 130px;
}

.Quarter-content-main-title{
    width: 100%;
    display: flex;
    align-items: end;
    position: relative;
    margin-top: 200px;
}

.Quarter-content-main-title::after{
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.98) 52%, rgba(255, 255, 255, 0.03) 100%);
}

.Quarter-content-main-title .Quarter-title-tips{
    width: 425px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.Quarter-content-main-title em{
    font-weight: 500;
    font-size: 34px;
    color: #FFFFFF;
    background: linear-gradient(0deg, #FFFDF8 0%, #F9E192 49.853515625%, #93F1F9 100%);
    opacity: 0.8;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 30px;
}

.Quarter-details{
    width: 100%;
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding-left: 62px;
    position: relative;
}


.CreditsPage-screen .offDuty{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
}
.CreditsPage-screen .offDuty img{
    width: 100%;
    height: 100%;

}

.Quarter-content-main-titleLeft{
    display: flex;
    align-items: end;
}

.CreditsPage-title{
    width: 100%;
    text-align: center;
    padding-top: 33px;
    position: relative;
}

.CreditsPage-title img{
    width: 1400px;
    height: auto;
}

.CreditsPage-contentItem-avatar{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.CreditsPage-contentItem-avatar-Frame{
    width: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-left: 5px;
    padding-bottom: 8px;
}

.CreditsPage-contentItem-avatar-1{
    margin-bottom: 20px;
}

.CreditsPage-contentItem-avatar-2{
    margin-bottom: 22px;
}

.CreditsPage-contentItem-avatar-3{
    margin-bottom: 20px;
}

.CreditsPage-contentItem-avatar-1 img.CreditsPage-contentItem-avatar-img{
    width: 180px;
    height: auto;
    border-radius: 25px;
}

.CreditsPage-contentItem-avatar-1 .CreditsPage-contentItem-avatar-Frame{
    width: 237px;
    /*height: 200px;*/
    height: auto;
    padding-left: 12px;
    padding-bottom: 10px;
    z-index: 10;
}

.CreditsPage-contentItem-avatar-2 img.CreditsPage-contentItem-avatar-img{
    width: 160px;
    height: auto;
    border-radius: 25px;
}

.CreditsPage-contentItem-avatar-2 .CreditsPage-contentItem-avatar-Frame{
    width: 215px;
    height: auto;
    padding-left: 10px;
    padding-bottom: 13px;
}

.CreditsPage-contentItem-avatar-3 img.CreditsPage-contentItem-avatar-img{
    width: 146px;
    height: auto;
    border-radius: 25px;
}

.CreditsPage-contentItem-avatar-3 .CreditsPage-contentItem-avatar-Frame{
    width: 198px;
    height: auto;
    padding-left: 10px;
    padding-bottom: 13px;
}

.CreditsPage-contentItem-Infos{
    height: 340px;
    width: 100%;
    display: grid;
    grid-template-rows: 1fr; /* 只需要定义一行，因为我们要垂直排列 */
    align-items: end; /* 垂直方向上，所有子元素靠下对齐 */
    justify-items: center; /* 水平方向上，所有子元素居中对齐 */
}
.plus-layout-wrap {
  width: 100%;
  height: auto;
  background: #fff;
}

.plus-layout-right .plus_Footer {
  background: none;
}


.plus-layout-right.active {
  margin-left: 0;
}

/*主体内容开始*/
.material-search-content {
  width: 1500px;
  height: auto;
  margin: 0 auto;
  padding: 0 0 60px;
}

/*搜索框*/
.material-search-input {
  width: 706px;
  height: 60px;
  background: #34353C;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 20px;
}

.material-search-input .search-input {
  display: block;
  width: 574px;
  height: 100%;
  float: left;
  color: #fff;
  background: none;
  border: none;
  line-height: 60px;
  font-size: 16px;
  text-align: left;
  padding: 0 26px;
}

.material-search-input .search-input:focus,
.material-search-input .ant-input-focused {
  box-shadow: none;
}

.material-search-input .search-input:-moz-placeholder {
  /* placeholder颜色 */
  color: #CCCCCC;
  /* placeholder字体大小 */
  font-size: 16px;
}

.material-search-input .search-input::-moz-placeholder {
  /* placeholder颜色 */
  color: #CCCCCC;
  /* placeholder字体大小 */
  font-size: 16px;
}

/*搜索按钮*/
.material-search-input .search-button {
  width: 132px;
  height: 60px;
  background: linear-gradient(90deg, #F2CD8C, #D4A554);
  float: left;
  line-height: 60px;
  font-size: 18px;
  color: #20232B;
  cursor: pointer;
  text-align: center;
  transition: all 0.1s ease-in;
}

.material-search-input .search-button:hover {
  opacity: 0.8;
}

.material-search-input .search-button i {
  display: inline-block;
  font-size: 24px;
  color: #20232B;
  vertical-align: -2px;
  margin-right: 8px;
}

/*当前位置*/
.material-current-position {
  display: flex;
  align-items: center;
  height: 50px;
  line-height: 50px;
  margin: 0 0 25px;
  font-size: 12px;
}

.material-current-position span {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  vertical-align: top;
  color: #999;
  margin-right: 2px;
}

.material-current-position .icon-you {
  display: inline-block;
  color: #999;
  font-size: 14px;
  margin-left: 4px;
  margin-right: 4px;
}

.material-current-position .classify-label {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  vertical-align: top;
  color: #2D2D2D;
}

.current-position-font {
  height: 30px;
  margin-bottom: 15px;
}

/*当前位置搜索框*/
.position-search-wrapper {
  width: 520px;
  height: 100%;
  border-radius: 25px;
  background: #FFFFFF;
  overflow: hidden;
  margin-left: 25px;
}

.position-input-wrapper {
  width: 400px;
  height: 100%;
  float: left;
  font-size: 14px;
  color: #999999;
  background: #FFFFFF;
  border: none;
  padding: 0 20px;
  margin: 0;
  box-shadow: none;
}

.position-input-wrapper:focus,
.position-input-wrapper.ant-input-focused {
  box-shadow: none;
}

/*输入框初始显示字体颜色设置*/
.position-input-wrapper::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999;
  opacity: 1; /* Firefox */
}

.position-input-wrapper:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #999;
}

.position-input-wrapper::-ms-input-placeholder { /* Microsoft Edge */
  color: #999;
}

.position-button-wrapper {
  display: flex;
  width: 120px;
  height: 100%;
  float: left;
  font-size: 15px;
  letter-spacing: 1px;
  color: #613C14;
  background: linear-gradient(90deg, #FFDC9E 0%, #FDC251 100%);
  align-items: center;
  justify-content: center;
}

.position-button-wrapper i {
  font-size: 18px;
  margin-right: 3px;
}

.position-button-wrapper:hover {
  opacity: 0.95;
  color: #613C14;
}

/*标签*/
.material-label-list {
  width: 100%;
  height: auto;
  background: #F9FAFB;
  border-radius: 8px;
  margin: 30px auto 0;
  padding: 26px 30px 10px;
}

.material-classify-list {
  display: flex;
  margin-bottom: 5px;
}

.material-classify-list span {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  vertical-align: top;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  white-space: nowrap;
}

.material-classify-list .right-wrap {
  float: left;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  /*overflow: hidden;*/
  /*padding-right: 60px;*/
  position: relative;
}

.material-classify-list .right-wrap.active {
  max-height: 42px;
}

.material-classify-list .right-wrap a {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
  font-size: 14px;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #666;
  vertical-align: middle;
  text-align: center;
  letter-spacing: 1px;
  border-radius: 16px;
  transition: all 0.15s ease-in;
}

.material-classify-list .right-wrap a.active,
.material-classify-list .right-wrap a:hover {
  color: #613C14;
  background: linear-gradient(90deg, #FFDC9E 0%, #FDC251 100%);
}

/*更多按钮*/
.right-more-wrapper {
  display: none;
  width: 60px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}

.right-more-wrapper i {
  display: inline-block;
  font-size: 15px;
  transition: all 0.12s ease-in;
}

.right-more-wrapper.active i {
  transform: rotate(180deg);
}

.right-more-wrapper.active,
.right-more-wrapper:hover {
  color: #e3b970;
}

/*热门专题*/
.popular-topics_swiper {
  width: 100%;
  padding: 0 200px;
  margin: 0 auto;
  box-sizing: border-box;
}

.swiper_content {
  width: 100%;
  position: relative;
}

.swiper_content .swiper-wrapper {
  min-width: 0;
}

.swiper_slide {
  width: 200px !important;
  height: 124px;
  border-radius: 4px;
  background: red;
  position: relative;
  overflow: hidden;
}

.swiper_slide a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 30px;
  color: black;
}

/*搜索结果*/
.material-search-result-wrapper {
  width: 100%;
  height: auto;
  background: #F9FAFB;
  border-radius: 8px;
  padding: 26px 30px 40px;
  margin: 20px auto 40px;
}

.material-search-title {
  width: 100%;
  height: auto;
}

.material-search-title-diff {
  padding: 0;
}

.material-search-title .title,
.material-search-title .text {
  display: block;
  text-align: left;
  padding-left: 8px;
  letter-spacing: 1px;
}

.material-search-title .title {
  height: 22px;
  line-height: 22px;
  float: left;
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 0;
  border-left: 3px solid #D4A554;
  margin-right: 20px;
  display: flex;
}

.material-search-title .title h1{
  height: 22px;
  line-height: 22px;
  float: left;
  font-size: 18px;
  color: #333333;
  font-weight: bold;
}

.material-search-title .text {
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  color: rgba(212, 165, 84, 0.1);
  margin: 0;
}

.material-search-title-old {
  margin-bottom: -8px;
}

.material-search-title-old .title,
.material-search-title-old .text {
  float: none;
}

.material-search-title-old .title {
  width: 100%;
}

.material-search-title-old .text {
  padding-left: 10px;
  margin-top: 3px;
}

.search-select-wrapper {
  float: left;
}

.search-select-wrapper a {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  padding: 0 10px;
  vertical-align: top;
  color: #fff;
  margin: 0 5px;
  border-radius: 4px;
}

.search-select-wrapper a:hover,
.search-select-wrapper a.active {
  color: #E3B970;
  background: #3D3E46;
}

.material-recommend-list-s {
  width: 100%;
  max-width: unset;
  margin: 36px auto 0;
}

/*搜索结果页样式*/
.material-search-list {
  width: 100%;
  margin: 0 auto;
}

.material-search-list .item {
  width: 345px;
  height: 521px;
  float: left;
  margin: 0 20px 20px 0;
  overflow: hidden;
  background: #fff;
  position: relative;
  border-radius: 8px;
  padding: 0;
  border: none;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.04);
}

.material-search-list .item:nth-of-type(4n) {
  margin-right: 0;
}

.material-search-list .item::after {
  display: block;
  content: '';
  width: 100px;
  height: 100px;
  background: url('//js.ibaotu.com/revision/plus/img/user/loading-2.svg') center no-repeat;
  background-size: 78%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.material-search-list .item-image,
.material-search-list .item-image .lazyload-wrapper,
.material-search-list .item-image img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-in;
}

.material-search-list .item-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.material-search-list .item-image .lazyload-wrapper {
  position: relative;
}

.material-search-list .item-image::after,
.material-search-list .item-image .lazyload-wrapper::after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
}

/*top*/
.material-search-list .item-top {
  display: block;
  width: 100%;
  height: 54px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0, transparent 100%);
  border-radius: 0 0 8px 8px;
  letter-spacing: 1px;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 5;
  transition: all 0.1s ease-in;
  padding-right: 10px;
}

.material-search-list .item-top a {
  display: block;
  float: left;
}

.material-search-list .item-top .item-title {
  width: 185px;
  height: 100%;
  line-height: 54px;
  padding-left: 10px;
  font-size: 15px;
  color: #fff;
  text-align: left;
  letter-spacing: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.material-search-list .item-top .item-collect {
  width: 28px;
  height: 28px;
  line-height: 28px;
  float: right;
  background: #fff;
  text-align: center;
  padding-left: 1px;
  margin-top: 12px;
  border-radius: 4px;
}

.material-search-list .item-top .item-collect i {
  font-size: 20px;
  color: #999;
}

.material-search-list .item-top .item-collect i:hover,
.material-search-list .item-top .item-collect i.active {
  color: #ebab43
}

.material-search-list .item:hover .item-top {
  opacity: 1;
}

/*bottom*/
.material-search-list .item-bottom {
  display: block;
  width: 100%;
  height: 100px;
  line-height: 100px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0, transparent 100%);
  border-radius: 0 0 8px 8px;
  padding-left: 8px;
  padding-right: 6px;
  letter-spacing: 1px;
  font-size: 16px;
  color: #fff;
  text-align: left;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.1s ease-in;
  z-index: 5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.material-search-list .item-down {
  display: block;
  width: 220px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  font-size: 18px;
  border-radius: 48px;
  margin: 20px auto;
  color: #613C14;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  overflow: hidden;
  position: relative;
}

/*.material-search-list .item-down::after {*/
/*  display: block;*/
/*  content: "";*/
/*  width: 220px;*/
/*  height: 48px;*/
/*  background: rgba(0, 0, 0, 0.1);*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  opacity: 0;*/
/*  transition: all 0.15s ease-in;*/
/*}*/

.material-search-list .item-down:hover::after {
  opacity: 1;
}

.material-search-list .item:hover .item-bottom {
  opacity: 1;
}

/*gif 动图样式 START*/
.item-image-template-gif {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 15px;
}

.item-image-template-gif::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 120%;
  height: 120%;
  margin: auto;
  margin-left: -10%;
  background: inherit;
  filter: blur(18px);
}

.item-image-template-gif .gif-mask-layer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to bottom, rgba(246, 246, 246, 1) 0, rgba(246, 246, 246, 0.4) 100%);
}

.item-image-template-gif .p-icon-gif {
  display: block;
  width: 50px;
  height: 28px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 28px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 14px;
  margin: 0 auto 13px;
  position: relative;
  letter-spacing: 0.5px;
}

.item-image-template-gif .div-gif-wrapper {
  position: relative;
  width: 88.24%;
  height: 66.4%;
  margin: 14px auto 0;
  z-index: 1;
}

.item-image-template-gif .div-gif-wrapper > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  border-radius: 12px;
  box-shadow: 0 10px 27px rgba(0, 0, 0, 0.15);
}

.material-search-list .item-image-template-gif .div-gif-wrapper > img {
  width: unset;
  height: unset;
}

.item-image-template-gif .div-gif-wrapper .gif-vertical {
  display: none;
}

.item-image-template-gif:hover .p-icon-gif {
  opacity: 0;
}

.item-image-template-gif:hover .div-gif-wrapper .gif-vertical {
  display: block;
}

.material-search-list .item-image-template-gif:hover img {
  transform: unset;
}

/*gif 动图样式 END*/

/*搜索结果页-有样机 START*/
/*横图样式*/
.picture-new-horizontal {
  width: 100%;
  height: 100%;
  background: rgba(234, 234, 234, 1);
  position: relative;
}

.picture-new-hor-top,
.picture-new-hor-bottom {
  width: 100%;
  overflow: hidden;
}

.picture-new-hor-top {
  height: 55%;
  background: linear-gradient(0deg, rgba(234, 234, 234, 1), rgba(236, 236, 236, 1), rgba(215, 215, 215, 1));
}

.picture-new-hor-top .stencil {
  width: 90.14%;
  height: 73.19%;
  background: #ffffff;
  margin: 10% auto 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  position: relative;
}

.picture-new-hor-top .stencil .stencil-img {
  width: 96.53%;
  height: 94.71%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.picture-new-hor-top .stencil .stencil-img img {
  display: block;
  width: auto;
  height: 100%;
}

.picture-new-hor-bottom {
  height: 45%;
  background: #fff;
}

.picture-new-hor-bottom .stencil {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.picture-new-hor-bottom .stencil img {
  display: block;
  width: auto;
  height: 100%;
}

.picture-new-hor-bottom .stencil i {
  display: block;
  width: 26.27%;
  height: 33.97%;
  background: url('//js.ibaotu.com/revision/img/classify/191025/icon_photo.png') center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.picture-new-hor-top .stencil::after,
.picture-new-hor-bottom .stencil::after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
}
/*横图样式END*/

/*竖图样式*/
.picture-new-vertical,
.picture-new-vertical .stencil {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.picture-new-vertical {
  width: 90.42%;
  height: 88.88%;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.picture-new-vertical .stencil {
  width: 96.79%;
  height: 97.83%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.picture-new-vertical .stencil img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*特殊竖图*/
.picture-special-vertical {
  position: absolute;
  width: 74%;
  margin: 0 13%;
  height: 74%;
  bottom: 13%;
  overflow: hidden;
  box-shadow: -15px 0 15px -15px #000, 0 15px 15px -15px #000;
}

.picture-special-vertical .stencil {
  width: 100%;
  height: 100%;
}

.picture-special-vertical .stencil .pbg {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  filter: blur(10px);
}

.picture-special-vertical .stencil .pic {
  position: absolute;
  left: 5%;
  top: 5%;
  width: 90%;
  height: 90%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.picture-new-vertical .stencil::after,
.picture-special-vertical .stencil::after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/*搜索结果页-无样机效果 END*/

/*搜索结果为空 START*/
.material-recommend-null {
  display: block;
  width: 252px;
  margin: 120px auto 0;
}

.material-recommend-list-s .p-null-title,
.material-recommend-list-s .span-null-text {
  display: block;
  width: 100%;
  color: #999999;
  text-align: center;
  letter-spacing: 1px;
}

.material-recommend-list-s .p-null-title {
  font-size: 16px;
  margin: 26px 0 5px 0;
}

.material-recommend-list-s .span-null-text {
  font-size: 15px;
}

.material-recommend-list-s .span-null-text a {
  color: #E3B970;
  border-bottom: 1px solid #E3B970;
  margin: 0 3px;
}

/*搜索结果为空 END*/

/*搜索等待状态 START*/
.material-search-loading {
  width: 100%;
  height: auto;
  padding-top: 30px;
  padding-right: 50px;
  text-align: center;
  font-size: 18px;
  color: #FFB311;
}

.material-search-loading img {
  display: block;
  margin: 0 auto;
}

/*搜索等待状态 END*/

/*搜索页-视频素材样式 START*/
.material-search-list-video {
  width: 100%;
  margin: 0 auto;
}

.search-video-wrapper {
  width: 100%;
  height: auto;
  margin: 20px auto 0;
}

.list-video-wrapper {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.list-video-wrapper li {
  width: 345px;
  height: 194px;
  float: left;
  border-radius: 10px;
  margin: 0 20px 20px 0;
}

.list-video-wrapper li:nth-of-type(4n) {
  margin-right: 0;
}

.list-video-wrapper .content-video {
  width: 100%;
  height: 100%;
}

.list-video-wrapper .video-box {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
  border-radius: 8px;
}

/*视频操作盒子*/
.list-video-wrapper .video-other-box {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  position: absolute;
  top: 0;
}

/*左上角摄像机*/
.material-search-list-video .video-other-box .video-camera {
  display: block;
  width: 28px;
  height: 20px;
  position: absolute;
  top: 13px;
  left: unset;
  right: 15px;
  z-index: 10;
  transform: scale(0.9);
}

.video-other-box .video-camera img {
  display: block;
  width: 100%;
  height: 100%;
}

/*右上角视频分辨率*/
.material-search-list-video .video-other-box .video-resolution {
  display: block;
  width: 54px;
  height: 22px;
  line-height: 22px;
  border-radius: 12px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 12px;
  right: 10px;
  z-index: 2;
}

/*底部视频信息以及时长*/
.video-other-box .a-title-box {
  opacity: 1;
  width: 100%;
  height: 40px;
  color: #fff;
  font-size: 12px;
  padding: 0 20px;
  z-index: 2;
  background: #000;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.4));
  border-radius: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.video-other-box .a-title-box .video-title {
  width: 61.8%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.video-other-box .a-title-box span {
  position: absolute;
  bottom: 10px;
}

.video-other-box .a-title-box .video-time {
  right: 20px;
}

/*右上角下载按钮*/
.video-other-box .video-two-box {
  width: auto;
  height: auto;
  position: absolute;
  top: 10px;
  right: 0;
  padding-right: 10px;
  z-index: 2;
  opacity: 0;
  transition: .23s;
}

.video-other-box .video-two-box .a-download-box {
  display: block;
  width: 80px;
  height: 28px;
  float: right;
  line-height: 28px;
  text-align: center;
  font-size: 15px;
  color: #613C14;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  border-radius: 4px;
}

.a-download-box .iconfont {
  display: inline-block;
  vertical-align: top;
  margin-right: 3px;
}

.video-other-box .video-two-box .a-download-box:hover {
  opacity: 0.95;
}

/*收藏*/
.video-other-box .video-two-box .a-collect-box {
  display: block;
  width: 28px;
  height: 28px;
  float: right;
  background: #fff;
  line-height: 28px;
  text-align: center;
  font-size: 16px;
  border-radius: 4px;
  margin-left: 5px;
  color: #999;
}

.video-other-box .video-two-box .a-collect-box:hover,
.video-other-box .video-two-box .a-collect-box.active {
  color: #ebab43;
}

/*声音开关*/
.video-other-box .video-sound {
  display: none;
  cursor: pointer;
}

.video-sound .video-close-btn,
.video-sound .video-play-btn {
  width: 24px;
  height: 24px;
  font-size: 20px;
  position: absolute;
  bottom: 11px;
  left: 12px;
  z-index: 9;
  color: #fff;
}

.video-sound .video-play-btn {
  display: none;
}

.video-sound .video-close-btn p,
.video-sound .video-play-btn p {
  display: none;
  width: 60px;
  padding: 3px 5px;
  text-align: center;
  background-color: #fff;
  color: grey;
  font-size: 12px;
  border: 1px solid grey;
  position: absolute;
  top: 2px;
  left: 22px;
  z-index: 10;
}

.video-sound .video-close-btn:hover,
.video-sound .video-play-btn:hover {
  color: #E3B970;
}

.video-sound .video-close-btn:hover p,
.video-sound .video-play-btn:hover p {
  display: block;
}

/*鼠标移入声音开关显示*/
.list-video-wrapper .video-box:hover .video-sound {
  display: block;
}

/*鼠标移入下载收藏显示*/
.list-video-wrapper .video-box:hover .video-two-box {
  opacity: 1;
  top: 10px;
}

/*鼠标移入摄像机、分辨率隐藏*/
.list-video-wrapper .video-box:hover .video-camera,
.list-video-wrapper .video-box:hover .video-resolution {
  display: none;
}

/*鼠标移入底部标题不显示*/
.list-video-wrapper .video-box:hover .a-title-box {
  opacity: 0;
}

/*视频盒子*/
.list-video-wrapper .video-content-box,
.list-video-wrapper .lazyload-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.video-content-box .video-play,
.video-content-box .video-play video {
  height: 100%;
  background-color: black;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.video-content-box .video-play {
  overflow: hidden;
}

.video-content-box .video-play video {
    height: 101%;
}

.video-content-box .show-image {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.video-content-box .show-image img {
  width: auto;
  height: 101%;
  image-rendering: auto;
}

/*搜索页-视频样式 END*/

/*搜索页-配乐素材样式 START*/
.material-search-list-music {
  width: 100%;
  margin: 0 auto;
}

.search-music-wrapper {
  width: 100%;
  height: auto;
  margin: 20px auto 0;
}

.search-music-wrapper .list-music-wrapper {
  width: 100%;
  margin: 0 auto;
}

.list-music-wrapper .li-search-music {
  width: 345px;
}
/*搜索页配乐素材样式 END*/

/*搜索页 字体样式 START*/
.material-search-fonts {
  width: 100%;
  margin: 20px auto 0;
}

.material-search-fonts .item {
  float: left;
  width: 345px;
  height: 390px;
  margin: 0 20px 20px 0;
  overflow: hidden;
  background: #FFF;
  position: relative;
  border-radius: 8px;
  transition: 0.2s ease-in;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.04);
}

.material-search-fonts .item .search-authorization-label {
  position: absolute;
  top: 12px;
  right: 10px;
  margin: 0;
  display: none;
}

.material-search-fonts .item:hover {
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
}

.material-search-fonts .item:nth-of-type(4n) {
  margin-right: 0;
}

.material-search-fonts .material-search-list .item::after {
  display: none;
}

.material-search-fonts .a-font-wrapper {
  display: block;
  width: 100%;
  height: 100%;
}

/*字体展示区*/
.a-font-wrapper .font-show-title {
  height: 200px;
  font-size: 40px;
  line-height: 60px;
  padding: 52px 40px 0;
  background: #FCFCFC;
  margin: 0;
  text-align: center;
  color: #000000;
}

.a-font-wrapper .font-info {
  height: auto;
  width: 100%;
  padding: 20px;
}

.a-font-wrapper .font-info .font-name {
  display: block;
  height: 16px;
  line-height: 16px;
  font-size: 14px;
  color: #333333;
  font-weight: 400;
  margin: 0;
}

.a-font-wrapper .font-info .font-zku {
  display: block;
  height: 14px;
  line-height: 14px;
  font-size: 12px;
  color: #aaa;
  font-weight: 400;
  margin: 14px 0;
}

/*字体关键词*/
.a-font-wrapper .font-info .font-keywords {
  height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.font-keywords a {
  display: inline-block;
  vertical-align: top;
  padding: 0 6px;
  height: 22px;
  line-height: 20px;
  color: #999;
  font-size: 12px;
  text-align: center;
  border: 1px solid #eee;
  border-radius: 2px;
  margin-right: 1px;
  cursor: default;
}

/*.font-keywords a:hover {*/
/*    color: #E3B970;*/
/*    border-color: #E3B970;*/
/*}*/

.font-info .font-download {
  display: block;
  width: 180px;
  height: 42px;
  margin: 20px auto 0;
}

.font-info .font-download a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #613C14;
  background: linear-gradient(90deg, #FFDC9E 0%, #FDC251 100%);
  font-weight: 400;
  border-radius: 20px;
  letter-spacing: 1px;
  transition: all 0.2s ease-in;
}

.font-info .font-download a:hover {
  opacity: 0.9;
}
/*搜索页 字体样式 END*/

/*搜索页新增分类大标题*/
.material-search-content .ant-affix {
  z-index: 30;
}

.material-classify-list-new {
  display: block;
  height: auto;
  padding-top: 20px;
  padding-bottom: 16px;
  margin: 0 auto;
  border-bottom: 1px solid #F0F0F0;
  background: #fff;
}

.material-classify-list-new .right-wrap {
  display: block;
  text-align: center;
  float: none;
  overflow: unset;
}

.material-classify-list-new .right-wrap a {
  font-size: 14px;
  margin: 0 15px;
  position: relative;
}

.material-classify-list-new .right-wrap a::after {
  display: none;
  content: '';
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #f2cd8c, #ebab43);
  border-radius: 4px 4px 0 0;
  z-index: 10;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -16px;
}

.material-classify-list-new .classify-wrap .iconfont {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #767984;
}

.classify-wrap .icon-quanbu {
  vertical-align: -1px;
}

.classify-wrap .icon-moban1 {
  font-size: 18px;
  vertical-align: -1px;
}

.classify-wrap .icon-sheyingtu {
  font-size: 18px;
  margin-right: 3px;
  vertical-align: -1px;
}

.classify-wrap .icon-shipin2 {
  font-size: 19px;
  vertical-align: -1px;
  margin-right: 2px;
}

.classify-wrap .icon-yinpin {
  font-size: 20px;
  vertical-align: -1px;
  margin-right: 2px;
}

.classify-wrap .icon-wendang {
  font-size: 19px;
  vertical-align: -1px;
  margin-right: 2px;
}

.classify-wrap .icon-ziti {
  font-size: 15px;
  margin-right: 2px;
}

.material-classify-list-new .right-wrap a.active::after,
.material-classify-list-new .right-wrap a:hover::after {
  display: block;
}

.material-classify-list-new .right-wrap a.active,
.material-classify-list-new .right-wrap a:hover,
.material-classify-list-new .right-wrap a.active .iconfont,
.material-classify-list-new .right-wrap a:hover .iconfont {
  color: #ebab43;
  background: none;
}

/*筛选样式*/
.material-classify-list-filter .right-wrap {
  overflow: unset;
}

.material-classify-list-filter .right-wrap a {
  margin-right: 20px;
  position: relative;
  z-index: 20;
}

.material-classify-list-filter .classify-wrap .iconfont {
  display: inline-block;
  font-size: 18px;
  vertical-align: -1px;
  margin-left: -3px;
  transition: all 0.15s ease-in;
}

.material-classify-list-filter .right-wrap a:hover {
  color: #e3b970;
  background: none;
}

.material-classify-list-filter .right-wrap a:hover i {
  color: #fff;
  transform: rotate(180deg);
}

/*筛选下拉选项*/
.drop-down-selection {
  display: none;
  width: 128px;
  height: auto;
  background: #3B3C45;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.30);
  border-radius: 4px;
  padding: 8px 0;
  margin: 0;
  position: absolute;
  top: 28px;
  left: calc(50% - 70px);
}

.drop-down-selection li {
  display: block;
  height: 32px;
  line-height: 32px;
  padding-left: 20px;
  font-size: 14px;
  text-align: left;
}

.material-classify-list-filter .right-wrap a:hover .drop-down-selection {
  color: #fff;
}

.material-classify-list-filter .right-wrap a:hover .drop-down-selection {
  display: block;
}

.drop-down-selection li.active,
.drop-down-selection li:hover {
  background: linear-gradient(90deg, #F2CD8C, #D4A554);
  color: #20232B;
}

/*版权来源不同的选中效果*/
/*包图自产*/
.drop-down-selection-copyright li:nth-of-type(2).active,
.drop-down-selection-copyright li:nth-of-type(2):hover {
  background: url("//js.ibaotu.com/revision/plus/img/search/img_01.png") center no-repeat;
  background-size: cover;
  color: #99391E;
}

/*海外精选*/
.drop-down-selection-copyright li:nth-of-type(3).active,
.drop-down-selection-copyright li:nth-of-type(3):hover {
  background: url("//js.ibaotu.com/revision/plus/img/search/img_02.png") center no-repeat;
  background-size: cover;
  color: #fff;
}

/*全球精选*/
.drop-down-selection-copyright li:nth-of-type(4).active,
.drop-down-selection-copyright li:nth-of-type(4):hover {
  background: url("//js.ibaotu.com/revision/plus/img/search/img_03.png") center no-repeat;
  background-size: cover;
  color: #E3B970;
}

/*创意pro*/
/*暂时隐藏*/
.drop-down-selection-copyright li:nth-of-type(5) {
  display: none;
}

.drop-down-selection-copyright li:nth-of-type(5).active,
.drop-down-selection-copyright li:nth-of-type(5):hover {
  background: url("//js.ibaotu.com/revision/plus/img/search/img_04.png") center no-repeat;
  background-size: cover;
  color: #FFE4A2;
}

/*搜索结果页横向瀑布流样式 START*/
.material-waterfalls-flow .item {
  float: left;
  margin: 5px;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
}

.material-waterfalls-flow .item-image,
.material-waterfalls-flow .item-image img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-in;
}

.material-waterfalls-flow .item-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.material-waterfalls-flow .item-icon {
  width: 20px;
  height: 20px;
  line-height: 25px;
  text-align: center;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 5;
}

.material-waterfalls-flow .item-icon i {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.8);
}

.material-waterfalls-flow .item-down {
  display: block;
  width: 90px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 17px;
  position: absolute;
  top: 12px;
  right: 16px;
  opacity: 0;
  transition: all 0.1s ease-in;
  z-index: 5;
}

.material-waterfalls-flow .item-down i {
  font-size: 17px;
  margin-right: 5px;
}

.material-waterfalls-flow .item:hover .item-down {
  opacity: 1;
}

.material-waterfalls-flow .item-down:hover {
  background: rgba(0, 0, 0, 0.6);
}

.material-waterfalls-flow .item-bottom {
  display: block;
  width: 100%;
  height: 54px;
  line-height: 54px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0, transparent 100%);
  border-radius: 0 0 8px 8px;
  padding-left: 8px;
  padding-right: 6px;
  letter-spacing: 1px;
  font-size: 16px;
  color: #fff;
  text-align: left;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.1s ease-in;
  z-index: 5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.material-waterfalls-flow .item:hover .item-bottom {
  opacity: 1;
}

/*搜索结果页横向瀑布流样式 END*/

/*搜索结果页-配乐样机 START*/
.material-search-list .item-music {
  background: #fafbfd;
}

.material-search-list .item-music::after {
  display: none;
}

.material-search-list .item-music .item-image {
  width: 100%;
  height: 96%;
  background: #fff url("//js.ibaotu.com/revision/img/public/img_MusicBg.png") center no-repeat;
  background-size: cover;
}

.item-image .item-image-cd {
  width: 188px;
  height: 188px;
  background: url("//js.ibaotu.com/revision/img/public/img_MusciCd.png") center no-repeat;
  background-size: cover;
  position: absolute;
  top: -17.2%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*底部标题*/
.item-bottom-title {
  width: 85%;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8.5%;
  margin: 0 auto;
  background: none;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 2;
}

.item-bottom-title i {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("//js.ibaotu.com/revision/img/public/music-score-erji.png") center no-repeat;
  background-size: cover;
  vertical-align: -3px;
  margin-right: 4px;
}

/*搜索结果页-配乐样机 END*/

/*搜索结果页-视频样机 START*/
.item-image .item-video-resolution {
  display: block;
  width: 50px;
  height: 28px;
  background: rgba(0, 0, 0, 0.4);
  line-height: 28px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  border-radius: 14px;
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
}

.material-search-list .item:hover .item-video-resolution {
  display: none;
}

/*创意Pro素材视频样机*/
.material-search-list .item-video-pro {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.item-video-pro::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 120%;
  height: 120%;
  margin: auto auto auto -10%;
  background: inherit;
  filter: blur(18px);
}

.item-video-pro::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(246, 246, 246, 1) 0, rgba(246, 246, 246, 0.4) 100%);
}

.item-video-pro .acting-child {
  z-index: 1;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 88%;
  height: 68%;
}

.item-video-pro .acting-child img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  text-align: center;
  object-fit: contain;
  border-radius: 12px;
  box-shadow: 0 10px 27px rgba(0, 0, 0, 0.15);
}

/*搜索结果页-视频样机 END*/

/*搜索结果页-排序方式样式调整*/
.sortBy-wrapper,
.materialType-wrapper,
.colorType-wrapper {
  float: left;
  margin: 5px 20px 10px 0;
  position: relative;
}

.materialType-wrapper {
  padding-right: 10px;
}

.sortBy-wrapper::after {
  display: block;
  content: "";
  width: 1px;
  height: 20px;
  background: #F7F9FA;
  position: absolute;
  top: 4px;
  right: 0;
  visibility: unset;
}

.colorType-wrapper::after {
  display: block;
  content: "";
  width: 1px;
  height: 20px;
  background: #F7F9FA;
  position: absolute;
  top: 4px;
  left: -20px;
  visibility: unset;
}

.sortBy-wrapper-diff::after,
.materialType-wrapper-diff::after {
  display: none;
}

.sortBy-wrapper span,
.sortBy-wrapper .right-wrap,
.materialType-wrapper span,
.materialType-wrapper .right-wrap {
  float: left;
}

.materialType-wrapper span {
  margin-right: 10px;
}

.material-classify-list .sortBy-wrapper .right-wrap a {
  margin-bottom: 0;
  position: relative;
}

.material-classify-list .sortBy-wrapper .right-wrap a.plus-search-tagsSpe {
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  background: linear-gradient(0deg, #F99F49 0%, #FF5677 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shineTag 2s infinite; /* 应用闪光动画 */
}


.material-classify-list .sortBy-wrapper .right-wrap a.active,
.material-classify-list .sortBy-wrapper .right-wrap a:hover {
  color: #ffb311;
  background: none;
}

.material-classify-list .sortBy-wrapper .right-wrap a.active{
  animation: none;
}

.material-classify-list .sortBy-wrapper .right-wrap .plus-search-tagsSpe:hover,
.material-classify-list .sortBy-wrapper .right-wrap .plus-search-tagsSpe.active{
  color: #ffb311 !important;
  background: none !important;
  -webkit-text-fill-color: initial !important;
}


.material-classify-list .sortBy-wrapper .plus-search-tagsSpe::after{
  content: 'NEW';
  position: absolute;
  top: -16px;
  right: 0px;
  display: flex;
  line-height: 20px;
  width: auto;
  font-size: 11px;
  color: #fffaf3;
  height: auto;
  padding: 0 4px;
  background: linear-gradient(90deg, #F48635 0%, #EC554D 100%);
  border-radius: 10px 10px 11px 0px;
  -webkit-text-fill-color: initial;
  font-weight: normal;
}


@keyframes shineTag {
  0% {
    /*background-color: #F7D394;*/
    text-shadow: 0 0 5px rgba(255, 211, 168, 0.3);
  }
  50% {
    /*background-color: #FFD700; !* 闪光时的颜色 *!*/
    text-shadow: 0 0 10px rgba(255, 211, 168, 0.7);
  }
  100% {
    /*background-color: #F7D394;*/
    text-shadow: 0 0 5px rgba(255, 211, 168, 0.2);
  }
}

.materialType-wrapper .ant-checkbox-group {
  margin-right: 20px;
}

.material-classify-list .materialType-wrapper .right-wrap a {
  padding: 0;
  background: none;
  color: #666;
}

.material-classify-list .materialType-wrapper .right-wrap a:hover {
  color: #E3B970;
  background: none;
}

.materialType-wrapper .right-wrap a p {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border: 1px solid #666;
  border-radius: 4px;
  vertical-align: 0;
  margin-right: 8px;
  padding-left: 1px;
}

.materialType-wrapper .right-wrap a p i {
  display: inline-block;
  color: #666;
  font-size: 12px;
  transform: scale(0.9);
  vertical-align: top;
  opacity: 0;
}

.materialType-wrapper .right-wrap a.active p {
  border: 1px solid #EBAB43;
}

.materialType-wrapper .right-wrap a.active p i {
  opacity: 1;
  color: #EBAB43;
}

/*搜索结果页复选改单选*/
.materialType-wrapper .ant-radio-group {
  height: 28px;
}

.materialType-wrapper .ant-radio-button-wrapper,
.materialType-wrapper .ant-radio-button-wrapper-checked {
  height: 100%;
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
  margin-right: 20px;
}

.materialType-wrapper .ant-radio-button-wrapper:nth-of-type(1) {
  margin-right: 28px;
}

.materialType-wrapper .ant-radio-button-wrapper span {
  font-size: 14px;
  color: #ccc;
  line-height: 28px;
  margin: 0;
}

.materialType-wrapper .ant-radio-button-wrapper:hover span,
.materialType-wrapper .ant-radio-button-wrapper-checked span {
  color: #E3B970;
}

.materialType-wrapper .ant-radio-button-wrapper::before,
.materialType-wrapper .ant-radio-button-wrapper-checked::before {
  display: none;
}

.materialType-wrapper .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: none;
}

/*单选小圆圈*/
.materialType-wrapper .div-radio-round {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 12px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  vertical-align: 1px;
  margin-right: 6px;
  /*padding-left: 1px;*/
}

.materialType-wrapper .div-radio-round .icon-gou {
  display: inline-block;
  opacity: 0;
  font-size: 12px;
  font-weight: bold;
  transform: scale(0.95);
}

.materialType-wrapper .ant-radio-button-wrapper-checked .div-radio-round {
  border: 1px solid #E3B970;
  background: #E3B970;
}

.materialType-wrapper .ant-radio-button-wrapper-checked .div-radio-round i {
  opacity: 1;
  color: #fff;
}

/*颜色筛选*/
.color-button-wrapper {
  display: inline-block;
  width: 50px;
  height: 18px;
  background-image: url("//js.ibaotu.com/revision/plus/img/search/img_color_button.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: -7px;
  cursor: pointer;
  position: relative;
  z-index: 10;
  border-radius: 4px;
}

.color-button-wrapper.active {
  background-image: none;
}

/*颜色筛选*/
.color-select-wrapper {
  width: 188px;
  height: auto;
  position: absolute;
  top: 26px;
  left: 3px;
  background: #fff;
  box-shadow: 0px 0px 12px 0px rgba(51,51,51,0.1);
  border-radius: 5px;
  padding: 12px 0 2px 12px;
}

.color-select-wrapper a {
  display: block;
  width: 48px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 4px;
  float: left;
  margin: 0 10px 10px 0;
}

.color-select-wrapper a:nth-of-type(1) {
  background: url("//js.ibaotu.com/revision/plus/img/search/img_color_default.png") center no-repeat;
  background-size: cover;
}

.color-select-wrapper a i {
  opacity: 0;
  font-size: 26px;
  color: #fff;
  transition: all 0.15s ease-in;
}

.color-select-wrapper a.active i {
  opacity: 1;
}

/*搜索关联词 START*/
.search-related-wrapper {
  width: 100%;
  line-height: 24px;
  text-align: left;
  margin-top: 20px;
  margin-bottom: -4px;
}

.search-related-wrapper span,
.search-related-wrapper a {
  height: 100%;
  line-height: 16px;
  font-size: 14px;
  color: #B4B4B4;
  vertical-align: top;
}

.search-related-wrapper span {
  margin-right: 6px;
}

.search-related-wrapper a {
  margin-right: 12px;
}

.search-related-wrapper a:hover {
  color: #ffb311;
  /* border-bottom: 1px solid #ffb311; */
}
/*搜索关联词 END*/

/*角标*/
.material-search-list .left-subscript-wrapper,
.material-search-list-music .left-subscript-wrapper,
.material-font-list .left-subscript-wrapper {
  height: 28px;
  line-height: 28px;
  color: #613C14;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  text-align: center;
  font-size: 13px;
  letter-spacing: 0;
  position: absolute;
  top: 12px;
  right: 10px;
  z-index: 10;
  border-radius: 4px;
}

.material-search-list .item:hover .left-subscript-wrapper {
  display: none;
}

/*包图自产*/
.left-subscript-wrapper.subscript-zc {
  width: 42px;
}

/*全球精选*/
.left-subscript-wrapper.subscript-qx {
  width: 86px;
  padding-right: 1px;
}

.subscript-qx .icon-huiyuan {
  display: inline-block;
  font-size: 19px;
  vertical-align: -2px;
}

.subscript-qx em {
  display: inline-block;
  width: 1px;
  height: 11px;
  background: #a07e58;
  vertical-align: -1px;
  margin: 0 3px;
}

/*创意Pro*/
.left-subscript-wrapper.subscript-pro {
  width: 64px;
  top: 12px;
  right: 10px;
  color: #fef4a1;
  background: linear-gradient(90deg, #fc835f, #ef3d2d);
}

/*版权授权按钮*/
.search-authorization-label {
  display: block;
  width: 78px;
  height: 28px;
  padding-left: 6px;
  line-height: 28px;
  text-align: center;
  font-size: 13px;
  color: #613C14;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  border-radius: 4px;
  margin: 12px 0 0 10px;
  z-index: 3;
  letter-spacing: 0;
}

.material-search-list .item-top .search-authorization-label {
  float: right;
}

.search-authorization-label .icon-you {
  display: inline-block;
  font-size: 13px;
  margin-left: -2px;
}

.search-authorization-label:hover {
  opacity: 0.9;
  color: #613C14;
}

/*视频角标位置调整*/
.li-search-video .left-subscript-wrapper {
  top: 10px;
  left: 10px;
  right: unset;
}

.li-search-video .search-authorization-label {
  opacity: 0;
  position: absolute;
  top: 10px;
  left: 10px;
  margin: 0;
  z-index: 1;
}

.li-search-video:hover .search-authorization-label {
  opacity: 1;
}

.li-search-video:hover .left-subscript-wrapper {
  display: none;
}

/*配乐角标调整*/
.li-search-music .left-subscript-wrapper {
  top: 20px;
  right: 18px;
}

.li-search-music .search-authorization-label {
  display: none;
  position: absolute;
  top: 20px;
  right: 18px;
  margin: 0;
}

.material-search-list .item:hover .subscript-pro,
.li-search-music:hover .left-subscript-wrapper {
  display: none;
}

.li-search-music:hover .subscript-pro,
.li-search-music:hover .search-authorization-label {
  display: block;
}

/*字体角标调整*/
.material-search-fonts .item:hover .left-subscript-wrapper {
  display: none;
}

.material-search-fonts .item:hover .search-authorization-label {
  display: block;
}

/*动画*/
@keyframes searchAnimation {
  0% {
    transform: scale(1);
    -webkit-animation-timing-function: cubic-bezier(.165, .84, .44, 1);
    animation-timing-function: cubic-bezier(.165, .84, .44, 1)
  }

  30% {
    transform: scale(1.1)
  }

  40% {
    transform: scale(1.1) rotate(10deg);
    -webkit-animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
  }

  55% {
    transform: scale(1.1) rotate(-10deg)
  }

  70% {
    transform: scale(1.1) rotate(10deg)
  }

  85% {
    transform: scale(1.1) rotate(-10deg)
  }

  to {
    transform: scale(1.1) rotate(0)
  }
}


.plus-search-clickToTop{
  position: fixed;
  right: 20px;
  bottom: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.08);
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.plus-search-clickToTop img{
  width: 30px;
  opacity: 0.6;
}


.plus-search-clickToTop:hover img {
  opacity: 1;
}




/*1680响应式*/
@media screen and (max-width: 1680px) {
  /*整体盒子宽度*/
  .material-search-content {
    width: 1200px;
  }

  /*导航栏*/
  .material-classify-list a {
    margin-bottom: 10px;
  }

  /*图片样机尺寸*/
  .material-search-list .item {
    width: 270px;
    height: 408px;
  }



  /*标题*/
  .material-search-list .item-top .item-title {
    width: 130px;
  }

  /*立即下载按钮*/
  .material-search-list .item-down {
    width: 200px;
    height: 46px;
    line-height: 46px;
  }

  /*视频*/
  .material-search-content .list-video-wrapper li {
    width: 270px;
    height: 153px;
  }

  /*配乐*/
  .list-music-wrapper .li-search-music {
    width: 270px;
  }

  /*字体响应式*/
  .material-search-fonts .item {
    width: 270px;
    height: 360px;
  }

  .material-search-fonts .item:nth-of-type(4n) {
    margin-right: 0;
  }

  .a-font-wrapper .font-show-title {
    height: 170px;
    padding: 40px 30px 0;
    font-size: 32px;
    line-height: 50px;
  }

  /*搜索相关响应式*/
  .search-related-wrapper span,
  .search-related-wrapper a {
    font-size: 13px;
  }

  .search-related-wrapper a {
    margin-right: 10px;
  }
}

@media screen and (max-width: 1440px){

}

.classify-wrap-spe i {
    font-size: 24px;
    margin-right: 5px;
    vertical-align: middle;
    margin-bottom: 3px;
}

.threeMaterial-detail .sortBy-wrapper::after  {
    width: 0px;
}

.material-recommend-list-s p.plus-search-text{
  font-size: 16px;
  margin: 26px 0 5px 0;
  color: #b2b3b4;
  text-align: center;
  letter-spacing: 1px;
}

.material-recommend-list-s .plus-search-text em{
  color: #E3B970;
  border-bottom: 1px solid #E3B970;
  margin: 0 3px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.material-recommend-list-s .plus-search-text em:hover{
  opacity: 0.9;
}

/*关闭按钮不显示*/
.landingPage .loginwrap .icon-cha {
    display: none;
  }
  
  /*企业站-下载确认页*/
  .layout-download-wrapper {
    width: 100%;
    height: 100%;
    min-height: 300px;
    background: #F9FAFB;
    padding-top: 130px;
  }
  
  .layout-download-wrapper .plus_Footer {
    background: none;
  }
  
  /*中间安全区域*/
  .download-content-wrapper {
    width: 1200px;
    height: auto;
    min-height: 400px;
    /*padding: 0 0 20px;*/
    background: #FFFFFF;
    box-shadow: 0px 6px 16px 0px rgba(102,102,102,0.04);
    border-radius: 16px;
    margin: 0 auto 50px;
  }
  
  .download-content-wrapper .header {
    display: block;
    width: 100%;
    height: 90px;
    background: url('//js.ibaotu.com/revision/plus/img/download/header-img_v3-2.png') center no-repeat;
    background-size: cover;
    margin: 0;
  }


  .plus-downLoadInfos-box{
    width: 440px;
    height: 131px;
    background: #FFFFFF;
    border-radius: 12px;
    border: 1px solid #F2F2F2;
  }
  
  /*素材加载状态 START*/
  .material-download-loading {
    width: 100%;
    height: auto;
    min-height: 500px;
    padding-top: 150px;
    text-align: center;
    font-size: 18px;
    color: #FFB311;
  }
  
  .material-download-loading img {
    display: block;
    margin: 0 auto;
  }
  
  /*样机*/
  .down-prototype-wrapper {
    width: 100%;
    height: auto;
    padding: 50px 0 60px 0;
  }

  .down-prototype-wrapper-content{
    display: flex;
    justify-content: center;
  }
  
  /*左边区域*/
  .prototype-left {
    width: 252px;
    height: 383px;
    border-radius: 12px;
    background: #F9FAFB url('//js.ibaotu.com/revision/plus/img/user/loading-2.svg') center no-repeat;
    background-size: 40%;
    float: left;
    margin-right: 40px;
    overflow: hidden;
  }
  
  /*右边区域*/
  .prototype-right {
    width: auto;
    float: left;
    padding-top: 10px;
  }
  
  .prototype-right .title {
    width: 100%;
    height: 32px;
  }
  
  .prototype-right .text {
    display: block;
    width: auto;
    max-width: 360px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #fff;
    text-align: left;
    padding-right: 20px;
  }

.plus-downLoadInfos-box{
  padding:18px 20px 0 20px;
  position: relative;
}

  .plus-downLoadInfos-box_title{
    position: relative;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333;
    margin-bottom: 17px;
  }

.plus-downLoadInfos-box_title::after{
  content: '';
  width: 300px;
  height: 1px;
  background: #F2F2F2;
  position: absolute;
  right: -5px;
  bottom: 5px;
}

.plus-downLoadInfos-box_title.video::after{
    display: none;
}

.plus-downLoadInfos-box_title i{
  margin-right: 3px;
}

.plus-downLoadInfos-box_tips{
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}

.plus-downLoadInfos-box_tips.left{
  margin-right: 61px;
}

.plus-downLoadInfos-box_tags {
    position: absolute;
    top: 16px;
    right: 20px;
    width: 86px;
    height: 29px;
    background: #FFF8EA;
    border-radius: 6px;
    border: 1px solid #FFB311;
    text-align: center;
    line-height: 27px;
    color: #F7A609;
    font-size: 13px;
}

p.plus-downLoadInfos-box_name{
  font-size: 14px;
  font-weight: 400;
  color: #333;
  max-width: 390px;
  overflow: hidden;
  white-space:nowrap;
  /*文字超出宽度则显示ellipsis省略号*/
  text-overflow:ellipsis;
  margin-bottom: 13px;
}

.plus-downLoadInfos-interest{
  position: relative;
  width: 440px;
  /*height: 232px;*/
  height: auto;
  background: #FFFFFF;
  border-radius: 12px;
  border: 1px solid #F2F2F2;
  margin-top: 19px;
  padding: 18px 20px 12px 20px;
}

.plus-downLoadInfos-interest_title{
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}

.plus-downLoadInfos-interest_title::after{
  content: '';
  width: 300px;
  height: 1px;
  background: #F2F2F2;
  position: absolute;
  right: -5px;
  bottom: 5px;
}

.plus-downLoadInfos-interest_title i{
  font-size: 18px;
  margin-right: 5px;
}

.plus-down-Custom-select{
  font-size: 14px;
  font-weight: 400;
  color: #333;
  margin-top: 14px;
}

.plus-down-Custom-select .ant-select{
  width: 220px;
  height: 30px;
  line-height: 30px;
  background: #fff;
  color: #333;
  border-radius: 6px;
}

.plus-down-Custom-select .ant-select:not(.ant-select-customize-input) .ant-select-selector{
  width: 220px;
  height: 30px;
  line-height: 30px;
  background: #fff;
  border: 1px solid #EBEBEB;
  border-radius: 6px;
}

.plus-down-Custom-select .ant-select-arrow{
  color: rgba(153, 153, 153, 1);
  font-weight: 500;
}

.plus-down-Custom-select .ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  border: 1px solid #FFB311 !important;
  box-shadow: none;
}

.ant-select.plus-down-Custom-select.ant-select-single.ant-select-show-arrow.ant-select-disabled{
  border: 1px solid #3E3F47;
  color: #999999;
}

.plus-down-Custom-select-popup.ant-select-dropdown{
  background-color: #F9FAFB;
}

.plus-down-Custom-select-popup .ant-select-item-empty{
  color: #B2B2B2;
}

.plus-down-Custom-select-popup .ant-select-item-option-selected:not(.ant-select-item-option-disabled){
  color: #333;
  font-weight: normal;
  transition: all 0.2s;
}

.plus-down-Custom-select-popup .ant-select-item-option-active:not(.ant-select-item-option-disabled){
  color: #FFB311;
  font-weight: normal;
  background-color: #F2F4F5;
  transition: all 0.2s;
}

.plus-down-Custom-select-popup .ant-select-item{
  color: #999999;
}

.plus-downLoadInfos-download-tip{
  width: 35px;
  height: auto;
  margin-left: 8px;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}
.plus-downLoadInfos-download-tip img{
  width: 35px;
  height: auto;
}

.plus-downLoadInfos-download-tip span{
  position: absolute;
  display: inline-block;
  width: 107px;
  bottom: 0px;
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  background: rgba(0,0,0,0.4);
  border: 1px solid #FFD67C;
  opacity: 0;
  visibility: hidden;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 400;
  color: #FFD67C;
  transition: all 0.2s ease;
}

.plus-downLoadInfos-interest .down_nonmember-img{
  width: 300px;
  height: auto;
  position: absolute;
  top: 38px;
  right: 0;
  z-index: 1;
}

.plus-downLoadInfos-interest_nonmember-btnGroups{
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
}

.plus-downLoadInfos-interest_nonmember-btnGroups button{
  width: 190px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 23px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.plus-downLoadInfos-interest_nonmember-btnGroups button:nth-child(1){
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  font-size: 16px;
  font-weight: 500;
  color: #613C14;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
  transition: all 0.15s ease;
}

.plus-downLoadInfos-interest_nonmember-btnGroups button:nth-child(2){
  background: linear-gradient(90deg, #4C4C4C 0%, #363635 100%);
  border: 1px solid #F7D394;
  font-size: 16px;
  font-weight: 500;
  color: #F7D394;
  transition: all 0.15s ease;
}

.plus-downLoadInfos-interest_nonmember-btnGroups button:nth-child(2):hover{
  opacity: 0.9;
}

.plus-downLoadInfos-interest_nonmember-btnGroups button:nth-child(1):hover {
  opacity: 0.9;
}


.plus-downLoadInfos-interest_nonmember p{
  margin-top: 45px;
  margin-bottom: 43px;
  font-size: 16px;
  font-weight: 500;
  color: #808080;
  text-align: center;
}

.plus-downLoadInfos-interest_originality-proBTNS{
  display: flex;
  justify-content: center;
}

.plus-downLoadInfos-interest_originality-proBTNS button{
  position: relative;
  z-index: 2;
  width: 300px;
  height: 46px;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  border-radius: 23px;
  font-size: 16px;
  font-weight: 500;
  color: #613C14;
  overflow: hidden;
  transition: all 0.2s ease;
}

.plus-downLoadInfos-interest_hasDownInfo{
  padding-left: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  margin-bottom: 0;
  width: 259px;
  height: 107px;
  border-left: 1px solid #F1F1F1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*align-items: center;*/
}

.plus-downLoadInfos-interest_hasDownInfo li{
  margin-bottom: 12px;
}

.plus-downLoadInfos-interest_hasDownInfo li:last-child{
  margin-bottom: 0;
  display: flex;
}


.plus-downLoadInfos-interest_hasDownInfo li:last-child p em{
  color: #FFB311;
  font-weight: normal;
  text-decoration: underline;
  cursor: pointer;
}

.plus-downLoadInfos-interest_hasDown .has-down-img{
  position: absolute;
  top: 30px;
  left: 15px;
  width: 110px;
  height: auto;
}

.plus-downLoadInfos-interest_originality-proBTNS button:hover{
  box-shadow: 0px 0px 8px 0px rgba(247,211,147,0.32);
}

.plus-downLoadInfos-interest_hasDown{
  margin-top: 20px;
  width: 400px;
  height: 147px;
  background: #FAFBFC;
  border-radius: 12px;
  display: flex;
  justify-content: flex-end;
  position: relative;
  align-items: center;
}


.plus-downLoadInfos-download-tip:hover span{
  opacity: 1;
  bottom: 8px;
  visibility: visible;
}

.plus-down-Custom-select-popup .ant-select-item{
  height: 40px;
  line-height: 30px;
}

.plus-down-Custom-select .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
  border-color: #8B8B8E;
  border-right-width: 1px;
}

.downFont-prototype-wrapper{
  display: flex;
  justify-content: end;
  padding: 50px 0 60px 0;
}

.plus-downLoadInfos-companyName{
  margin-top: 10px;
  margin-bottom: 7px;
  height: 38px;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  display: flex;
  align-items: center;
}

.plus-downLoadInfos-companyName em{
  transition: all 0.2s ease;
  cursor: pointer;
  color: #F7D394;
  font-weight: 400;
  text-decoration: underline;
}

.plus-downLoadInfos-companyName em:hover{
  opacity: 0.9;
}

.plus-downLoadInfos-companyName.isPackage{
  margin-bottom: 15px;
  margin-top: 17px;
}

.plus-downLoadInfos-authorizationScope p{
  padding-top: 6px;
  margin-bottom: 0;
}

.plus-downLoadInfos-companyName p{
  max-width: 280px;
  overflow: hidden;
  white-space:nowrap;
  /*文字超出宽度则显示ellipsis省略号*/
  text-overflow:ellipsis;
  font-size: 14px;
  font-weight: 400;
  color: #333;
  margin-bottom: 0;
}

.plus-downLoadInfos-authorizationScope{
  font-size: 14px;
  font-weight: 400;
  color: #333;
  display: flex;
}

.plus-downLoadInfos-authorizationScope-ul{
  display: flex;
  margin-bottom: 0;
}

.plus-downLoadInfos-authorizationScope-ul li{
  width: 50px;
  height: 73px;
  background: #F9FAFB;
  border-radius: 6px;
  border: 1px solid #EBEBEB;
  margin-right: 15px;
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease;
  padding-bottom: 3px;
}

.plus-downLoadInfos-authorizationScope-ul li.active{
  background: #FFF8EA;
  border: 1px solid #FFB311;
  color: #FFB311;
}
/*.plus-downLoadInfos-authorizationScope-ul li:hover{*/
/*  background: #383943;*/
/*  border: 1px solid #F7D394;*/
/*  color: rgba(247, 211, 148, 1);*/
/*}*/

/*.plus-downLoadInfos-authorizationScope-ul li:hover i,*/
/*.plus-downLoadInfos-authorizationScope-ul li:hover em{*/
/*  color: rgba(247, 211, 148, 1);*/
/*}*/

.plus-downLoadInfos-authorizationScope-ul li.hovered{
  background: #FFF8EA;
  border: 1px solid #FFB311;
  color: #FFB311;
  cursor: pointer;
}

.plus-downLoadInfos-authorizationScope-ul li.hovered i,
.plus-downLoadInfos-authorizationScope-ul li.hovered em{
  color: #FFB311;
}

.plus-downLoadInfos-authorizationScope-ul li.active i{
  color: #FFB311;
}

.plus-downLoadInfos-authorizationScope-ul li i.icon-xiangyou{
  font-size: 18px;
}

.plus-downLoadInfos-authorizationScope-ul li.active em{
  color: #FFB311;
}

.plus-downLoadInfos-authorizationScope-ul li:last-child{
  margin-right: 0;
}

.plus-downLoadInfos-authorizationScope-ul li i{
  color: #808080;
  margin-bottom: 2px;
}

.plus-downLoadInfos-authorizationScope-ul li em{
  font-size: 13px;
  font-weight: 400;
  color: #808080;
  line-height: 14px;
}
  
  /*信息*/
  .prototype-info {
    width: 100%;
    min-width: 600px;
    height: auto;
    padding-top: 20px;
  }
  
  .prototype-info li {
    display: block;
    width: 40%;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    color: #999;
    float: left;
    text-align: left;
  }
  
  /*立即下载按钮*/
  .prototype-download {
    display: block !important;
    width: 360px;
    height: 48px !important;
    text-align: center !important;
    line-height: 48px !important;
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%) !important;
    border-radius: 27px !important;
    font-size: 18px !important;
    color: #613C14 !important;
    margin-top: 60px  !important;
  }
  
  .prototype-download p {
      display: inline-block;
      width: 100px;
  }
  
  .prototype-download i {
    display: inline-block;
    vertical-align: 0;
    font-size: 20px;
    margin-right: 3px;
  }
  
  .prototype-download:hover {
    opacity: 0.95;
    color: #20232B;
  }
  
  /*没有创意Pro的素材包*/
  .prototype-download.pro-not {
    color: #FDF5AB;
    background: linear-gradient(90deg, #F3845C, #DE4040);
  }
  
  .download_button span {
    display: block;
    width: 360px;
    height: 36px;
    line-height: 36px;
    background: #F9FAFB;
    border-radius: 4px;
    text-align: center;
    color: #666666;
    margin-top: 20px;
  }
  
  .download_button.buy span {
    color: #ECDBC7;
  }
  
  .download_button span i {
    display: inline-block;
    margin-right: 2px;
  }
  
  .download_button span .icon-anquanbaozhang {
    color: #CDA761;
    vertical-align: -1px;
  }
  
  .download_button span .icon-sucai2 {
    font-size: 18px;
    vertical-align: -2px;
    color: #D1564A;
  }
  
  .download_button span a {
    display: inline-block;
    color: #CDA761;
    line-height: 17px;
    border-bottom: 1px solid #CDA761;
    margin: 0 3px;
  }
  
  .download_button span a:hover {
    opacity: 0.9;
  }
  
  /*素材包样式 START*/
  .set-meal-wrapper {
    width: auto;
    padding-top: 30px;
  }
  
  .prototype-right .set-meal-wrapper h2 {
    font-weight: normal;
    height: 15px;
    line-height: 15px;
    font-size: 14px;
    color: #fff;
    text-align: left;
    margin-bottom: 10px;
  }
  
  .set-meal-wrapper .set-meal-list {
    height: auto;
    padding: 0 0 10px;
    max-height: 150px;
    overflow-y: scroll;
    margin-bottom: 30px;
  }
  
  .set-meal-list .ant-radio-wrapper {
    display: block;
    width: 610px;
    height: 48px;
    background: #20222a;
    border-radius: 4px;
    line-height: 48px;
    margin: 10px 0 0;
    padding-left: 10px;
    color: #fff;
  }
  
  .set-meal-list.music .ant-radio-wrapper {
    width: 700px;
  }
  
  .set-meal-list .ant-radio-wrapper .ant-radio {
    vertical-align: -3px;
    display: block;
    float: left;
    position: relative;
    top: 17px;
    margin-right: 2px;
  }
  
  .set-meal-list .ant-radio-wrapper .ant-radio-inner {
    background-color: unset;
  }
  
  .set-meal-list .ant-radio-wrapper:hover .ant-radio,
  .set-meal-list .ant-radio:hover .ant-radio-inner,
  .set-meal-list .ant-radio-input:focus + .ant-radio-inner,
  .set-meal-list .ant-radio-checked .ant-radio-inner,
  .set-meal-list .ant-radio-checked::after {
    border-color: #D4A554;
  }
  
  .set-meal-list .ant-radio-inner::after {
    background-color: #D4A554;
  }
  
  .set-meal-list .ant-radio-input:focus + .ant-radio-inner {
    box-shadow: none;
  }
  
  .set-meal-wrapper .set-meal-list span {
    float: left;
  }
  
  .set-meal-list .ant-radio-wrapper p {
    display: inline-block;
    height: 100%;
    line-height: 48px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    margin: 0;
  }
  
  .set-meal-list .ant-radio-wrapper .set_meal_name {
    width: 200px;
    height: 24px;
    line-height: 24px;
    padding-left: 0;
    text-align: left;
    border-right: 1px solid #43444A;
  }
  
  .set-meal-list.music .ant-radio-wrapper .set_meal_name {
    width: 230px;
  }
  
  .set-meal-list .ant-radio-wrapper .set_meal_number {
    width: 130px;
  }
  
  .set-meal-list .ant-radio-wrapper .set_meal_days {
    width: 125px;
  }
  
  .set-meal-list .ant-radio-wrapper .set_meal_user {
    width: 110px;
  }
  
  .set-meal-list .ant-radio-wrapper p em {
    font-weight: normal;
    margin: 0 5px;
  }
  
  .set_meal_user {
    position: relative;
  }
  
  .set_meal_user i {
    display: inline-block;
    vertical-align: -1px;
    color: #707179;
    margin-left: 3px;
    position: relative;
    z-index: 10;
  }
  
  .set_meal_user i em {
    display: none;
    width: auto;
    height: 20px;
    padding: 0 10px;
    background: #707179;
    color: #fff;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: 36px;
    right: -27px;
    font-size: 12px;
    border-radius: 2px;
  }
  
  .set_meal_user i em span {
    display: block;
    white-space: nowrap;
  }
  
  .set_meal_user i:hover em {
    display: block;
  }
  
  .set-meal-wrapper .prototype-download {
    margin-top: 0;
  }
  
  .prototype-download.active {
    position: relative;
  }
  
  .prototype-download.active::after {
    display: block;
    content: "";
    width: 610px;
    height: 30px;
    background: linear-gradient(-360deg, rgba(32, 34, 32, 0.6), rgba(32, 34, 32, 0.02));
    position: absolute;
    left: 0;
    bottom: 84px;
    border-radius: 4px;
  }
  /*素材包样式 END*/
  
  /*图片样机*/
  .prototype-image-wrapper {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  /*横图样式 START*/
  .picture-new-horizontal {
    width: 100%;
    height: 100%;
    background: rgba(234, 234, 234, 1);
    position: relative;
  }
  
  .picture-new-hor-top,
  .picture-new-hor-bottom {
    width: 100%;
    overflow: hidden;
  }
  
  .picture-new-hor-top {
    height: 55%;
    background: linear-gradient(0deg, rgba(234, 234, 234, 1), rgba(236, 236, 236, 1), rgba(215, 215, 215, 1));
  }
  
  .picture-new-hor-top .stencil {
    width: 90.14%;
    height: 73.19%;
    background: #ffffff;
    margin: 10% auto 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    position: relative;
  }
  
  .picture-new-hor-top .stencil .stencil-img {
    width: 96.53%;
    height: 94.71%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  
  .picture-new-hor-top .stencil .stencil-img img {
    display: block;
    width: 100%;
    height: 100%;
  }
  
  .picture-new-hor-bottom {
    height: 45%;
    background: #fff;
  }
  
  .picture-new-hor-bottom .stencil {
    width: 100%;
    height: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  
  .picture-new-hor-bottom .stencil img {
    display: block;
    width: 100%;
    height: 100%;
  }
  
  .picture-new-hor-bottom .stencil i {
    display: block;
    width: 26.27%;
    height: 33.97%;
    background: url('//js.ibaotu.com/revision/img/classify/191025/icon_photo.png') center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  
  .prototype-left .picture-new-hor-top-font .stencil .stencil-img,
  .prototype-left .picture-new-hor-bottom-font .stencil {
    background-size: contain;
  }
  /*横图样式 END*/
  
  /*竖图样式 START*/
  .picture-new-vertical,
  .picture-new-vertical .stencil {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  
  .picture-new-vertical {
    width: 90.42%;
    height: 88.88%;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  }
  
  .picture-new-vertical .stencil {
    width: 96.79%;
    height: 97.83%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .picture-new-vertical .stencil img {
    display: block;
    width: 100%;
    height: 100%;
  }
  /*竖图样式 END*/
  
  /*配乐样机 START*/
  .prototype-audio-wrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: url('//js.ibaotu.com/revision/img/dl_audio_bg.png') center no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
  }
  
  /*背景波纹图*/
  .prototype-audio-wrapper .audio-cd {
    width: 100%;
    height: 90%;
    background: url(//js.ibaotu.com/revision/img/public/img_MusicBg.png) center no-repeat;
    background-size: cover;
    position: relative;
    top: 4%;
  }
  
  /*cd图片*/
  .prototype-audio-wrapper .jump-details-cd {
    width: 160px;
    height: 160px;
    background: url(//js.ibaotu.com/revision/img/public/img_MusciCd.png) center no-repeat;
    background-size: cover;
    position: absolute;
    top: -17.2%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  /*配乐样机 END*/
  
  /*下载限制弹窗*/
  .downloadHint-wrapper {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1002;
  }
  
  .downloadHint-child {
    width: 580px;
    height: 380px;
    background: url("//js.ibaotu.com/revision/plus/img/download/img_download_bg.png") center no-repeat;
    background-size: cover;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
  
  /*关闭按钮*/
  .downloadHint-child .icon-cha {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 15px;
    right: 15px;
    text-align: center;
    font-size: 22px;
    color: #ccc;
    cursor: pointer;
  }
  
  .downloadHint-child .title {
    display: block;
    width: 100%;
    line-height: 24px;
    font-size: 22px;
    color: #FFB311;
    margin: 55px 0 25px;
    text-align: center;
    font-weight: 500;
  }
  
  .downloadHint-child .text {
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 22px;
    color: #fff;
    font-weight: 500;
    text-align: center;
  }
  
  .downloadHint-child .text em {
    color: #FFB311;
  }
  
  .downloadHint-child .image-wrapper {
    width: 360px;
    height: auto;
    text-align: center;
    margin: 0 auto;
    padding-top: 30px;
  }
  
  .downloadHint-child .image-wrapper a {
    display: block;
    width: 120px;
    height: 60px;
    float: left;
    transition: all 0.15s ease-in;
  }
  
  .downloadHint-child .image-wrapper a:hover {
    background: #262c38;
  }
  
  .downloadHint-child .image-wrapper a img {
    display: block;
    width: 100%;
  }
  
  .downloadHint-child .icon-gantanhao {
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 58px;
    color: #FFB311;
    margin: 100px auto 40px;
  }
  
  .downloadHint-child .diff-title {
    display: block;
    width: 100%;
    line-height: 24px;
    font-size: 22px;
    color: #FFB311;
    margin: 0 auto;
    text-align: center;
  }
  
  /*新增提示*/
  .download_button .down-copyright-init {
    width: 360px;
    padding: 8px 20px 0;
    background: #424149;
    border-radius: 4px;
    margin-top: 20px;
  }
  
  .download_button .down-copyright-init span {
    width: 100%;
    color: #e3c182;
    background: none;
    text-align: left;
    margin: 0;
  }
  
  .down-copyright-init .company-list {
    width: 100%;
    text-align: left;
    font-size: 12px;
    color: #999;
    padding: 0 0 10px 0;
    position: relative;
  }
  
  .down-copyright-init .company-list em,
  .down-copyright-init .company-list p {
    display: inline-block;
    font-weight: normal;
  }
  
  .down-copyright-init .company-list em {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    background: #424149;
  }
  
  .down-copyright-init .company-list p {
    margin-bottom: 5px;
  }
  
  .down-copyright-init .company-list p {
    text-indent: 72px;
  }
  
  /*未填写信息提示*/
  .authorized-fill-in {
    width: 360px;
    padding-top: 20px;
    font-size: 13px;
    color: #fff;
    text-align: center;
  }
  
  .authorized-fill-in a {
    display: block;
    text-align: center;
    margin: 5px auto;
    color: #e9c177;
    font-size: 13px;
    text-decoration: underline;
  }
  
  .authorized-fill-in a:hover {
    color: #e9c177;
    opacity: 0.8;
    text-decoration: underline;
  }
  
  /*未开通企业VIP下载按钮修改*/
  .not-enterprise-update,
  .single-purchase {
    float: left;
    width: 260px;
    margin-right: 20px;
    position: relative;
    font-size: 16px;
  }
  
  .single-purchase {
    width: 240px;
    line-height: 46px;
    background: none;
    border: 1px solid #d4af6b;
    color: #d4af6b;
    transition: all 0.36s ease;
  }
  
  .single-purchase:hover {
    background: linear-gradient(90deg, #F2CD8C, #D4A554);
    color: #20232B;
  }
  
  .not-enterprise-update .icon-vip {
    font-size: 18px;
    margin-right: 5px;
  }
  
  .single-purchase .icon-balance {
    color: #d4af6b;
    vertical-align: -1px;
    margin-right: 5px;
  }
  
  .single-purchase:hover .icon-balance {
    color: #20232B;
  }
  
  .not-enterprise-update span {
    display: block;
    width: 170px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    padding: 0 10px;
    background: linear-gradient(90deg, #ff7800, #e92a10);
    border-radius: 6px;
    position: absolute;
    top: -30px;
    left: 50%;
    font-size: 12px;
    color: #fef0b1;
    transform: translateX(-50%);
    margin: 0;
  }
  
  .not-enterprise-update span::before {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 23px;
    border-color: #f4520c transparent transparent transparent;
    border-style: solid;
    border-width: 6px;
    transform: translateX(-50%);
  }
  
  .not-enterprise-update span.active {
    width: 200px;
    padding: 0;
  }
  
  /*新增全球精选下载按钮*/
  .global-free-download .not-enterprise-update,
  .global-free-download .single-purchase {
    width: 262px;
    height: 50px;
  }
  
  .global-free-download .not-enterprise-update {
    color: #6a440a;
    background: linear-gradient(90deg, #ebd2aa, #ebb33e);
  }
  
  
  .global-free-download .not-enterprise-update span {
    width: 544px;
    height: auto;
    line-height: 24px;
    background: #20232b;
    border: 1px solid #393b41;
    border-radius: 10px;
    top: 70px;
    left: 0;
    transform: none;
    padding: 15px 25px;
    font-size: 12px;
    color: #999;
    text-align: left;
  }
  
  .global-free-download .not-enterprise-update span::before {
    border-width: 10px;
    left: 136px;
    top: -20px;
    border-color: transparent transparent #393b41 transparent;
  }
  
  .global-free-download .not-enterprise-update span::after {
    display: block;
    content: "";
    position: absolute;
    left: 126px;
    top: -19px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #20232b transparent;
  }
  
  .global-pop-ups {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 202;
  }
  
  .global-pop-ups.active {
    z-index: -1;
  }
  
  .global-pop-ups .icon-cha {
    display: block;
    width: 26px;
    height: 26px;
    font-size: 24px;
    color: #5e5d6a;
    text-align: center;
    line-height: 26px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
  }
  
  .global-pop-ups h3 {
    display: block;
    text-align: center;
    color: #ebba6f;
    font-weight: normal;
    margin: 0;
  }

  /*  loading效果 */
  .loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.8)
}

.loading-img {
    width: 5.556vw;
    height: 5.556vw;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(90deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(270deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.prototype-download .icon-loading1,
.plus-down-3D-btns .icon-loading1,
.downLoadBtn_vip .icon-loading1{
    display: inline-block;
    animation: turn 1s linear infinite;
}

.loading-none {
    display: none;
}
  
.custom-class-checkout .ant-message-notice-content{
    position: relative;
    top: -200px;
    width: 300px;
    height: 40px;
    line-height: 10px;
}

.custom-class-checkout-b .ant-message-notice-content{
    position: relative;
    top: 111px;
    width: 300px;
    height: 40px;
    line-height: 10px;
}

.custom-class-message .ant-message-notice-content{
    position: relative;
    top: 202px;
    width: auto;
    height: auto;
    line-height: 22px;
}

.amyContent .ant-message-notice-content{
  width: auto !important;
  height: 48px !important;
  line-height: 31px;
}

.ant-message{
  top: 6% !important;
}


.plus-down-3D-btns{
  display: flex;
}

.plus-down-3D-btns button{
  position: relative;
  width: 200px;
  height: 48px;
  line-height: 48px;
  background: linear-gradient(90deg, #F2CD8C 0%, #D4A554 100%);
  border-radius: 24px;
  transition: all 0.3s;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #613C14;
  display: flex;
  justify-content: center;
  align-items: center;
}

.plus-down-3D-btns button:nth-child(1){
  margin-right: 20px;
}

.plus-down-3D-btns button i{
  display: block;
  font-size: 20px;
  margin-right: 15px;
  vertical-align: middle;
}

.plus-down-3D-btns button i.icon-biaodan1{
  font-size: 19px;
}

.plus-down-3D-btns button:hover{
  opacity: 0.9;
}


.plus-down-3D-btns.active {
  position: relative;
}
.plus-down-3D-btns.active::after {
  display: block;
  content: "";
  width: 610px;
  height: 30px;
  background: linear-gradient(-360deg, rgba(32, 34, 32, 0.6), rgba(32, 34, 32, 0.02));
  position: absolute;
  left: 0;
  bottom: 84px;
  border-radius: 4px;
}

/*下载按钮*/
.down-prototype-wrapper-downLoadBtn{
  margin-top: 50px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.down-prototype-wrapper-downLoadBtn .download-tips {
    width: 360px;
    height: 36px;
    line-height: 36px;
    background: #F9FAFB;
    border-radius: 4px;
    text-align: center;
    color: #808080;
    margin-top: 20px;
}
.down-prototype-wrapper-downLoadBtn .download-tips .icon-anquanbaozhang {
    display: inline-block;
    margin-right: 2px;
    color: #FFB311;
    vertical-align: -1px;
}
.down-prototype-wrapper-downLoadBtn .download-tips a {
    display: inline-block;
    color: #FFB311;
    line-height: 17px;
    border-bottom: 1px solid #FFB311;
    margin: 0 3px;
}

.down-prototype-wrapper-downLoadBtn.isVIP .downLoadBtn_vip{
  position: relative;
  z-index: 1;
  width: 300px;
  height: 52px;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  border-radius: 26px;
  font-size: 16px;
  font-weight: 500;
  color: #613C14;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.down-prototype-wrapper-downLoadBtn.isVIP .downLoadBtn_vip i{
  margin-right: 10px;
  font-size: 17px;
  margin-top: -1px;
}


/* .down-prototype-wrapper-downLoadBtn.isVIP .downLoadBtn_vip::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 5px;
  background-color: #e5bf8e;
  background-image: linear-gradient(to left, #e5bf8e, #d7a967);
  box-shadow:
          -7px -7px 20px 0px #fff9,
          -4px -4px 5px 0px #fff9,
          7px 7px 20px 0px #0002,
          4px 4px 5px 0px #0001;
  transition: all 0.3s ease;
} */
.down-prototype-wrapper-downLoadBtn.isVIP .downLoadBtn_vip:hover {
  /*color: #fff;*/
  opacity: 0.9;
}

/* .down-prototype-wrapper-downLoadBtn.isVIP .downLoadBtn_vip:hover::after {
  top: 0;
  height: 100%;
}

.down-prototype-wrapper-downLoadBtn.isVIP .downLoadBtn_vip:active {
  top: 2px;
  transition: all 0.3s ease;
} */

.plus-downLoadInfos-interest_hasDownInfo li:nth-child(3) p{
  display: flex;
  margin-bottom: 0;
}

.plus-downLoadInfos-interest_hasDownInfo li:nth-child(3) p span{
  max-width: 150px;
  overflow: hidden;
  white-space:nowrap;
  /*文字超出宽度则显示ellipsis省略号*/
  text-overflow:ellipsis;
}


.down-prototype-wrapper-applyTips{
  transition: all 0.3s ease;
  width: 220px;
  font-size: 12px;
  font-weight: 400;
  text-decoration: underline;
  color: #F7D394;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: -20px;
  cursor: pointer;
}

.down-prototype-wrapper-applyTips:hover{
  opacity: 0.9;
}

.plus-downLoadInfos-ballsLoading{
  width: 440px;
  height: 232px;
  display: flex;
  justify-content: center;
  align-items: center;
}



.plus-downLoadInfos-balls {
  width: 3.5em;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}

.plus-downLoadInfos-balls div {
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  background-color: #F7D394;
  transform: translateY(-100%);
  animation: wave 0.8s ease-in-out alternate infinite;
}

.plus-downLoadInfos-balls div:nth-of-type(1) {
  animation-delay: -0.4s;
}

.plus-downLoadInfos-balls div:nth-of-type(2) {
  animation-delay: -0.2s;
}

@keyframes wave {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(100%);
  }
}


.plus-down-RedPackage{
  width: 100%;
  margin-top: 19px;
  position: relative;
}

.plus-down-RedPackage .plus-down-RedPackage-text{
  font-size: 14px;
  font-weight: 400;
  color: #F7D394;
}

.plus-down-RedPackage .plus-down-RedPackage-text i{
  margin-right: 8px;
}

.plus-down-RedPackage .plus-down-RedPackage-text em{
  text-decoration: underline;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 600;
}

.plus-down-RedPackage .plus-down-RedPackage-text em:hover{
  text-shadow: 0 0 2px rgba(247, 211, 148, 0.5);
}

.plus-down-RedPackage .down-RedPackage-canvas{
  width: 159px;
  height: auto;
  position: absolute;
  bottom: 11px;
  right: -20px;

  opacity: 0;
  visibility: hidden;
  z-index: -2;
  transition: all .5s cubic-bezier(0.58, -0.55, 0.265, 1.55);
}

.plus-down-RedPackage:hover .down-RedPackage-canvas{
  width: 259px;
  visibility: visible;
  opacity: 1;
  bottom: 21px;
  z-index: 99;
}

.plus-PurchaseIndividual{
  position: relative;
}

.plus-PurchaseIndividual .plus-PurchaseIndividual-box{
  position: absolute;
  top: -50px;
  left: -79px;
  width: 345px;
  height: 375px;
  border-radius: 9px;
  text-align: center;
  background-image: url(//js.ibaotu.com//revision/video/erweima-new-all.png);
  background-size: cover;
  transform: scale(0.7);
  transition: all .6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  z-index: -1;
  visibility: hidden;
  opacity: 0;
}

.plus-PurchaseIndividual-box img{
  margin: 0 auto;
  width: 167px;
  height: 167px;
  margin-top: 134px
}

.plus-PurchaseIndividual:hover .plus-PurchaseIndividual-box{
  z-index: 100;
  top: -14px;
  visibility: visible;
  opacity: 1;
}

.download-information-fontInfo{
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  margin-top: 29px;
  margin-bottom: -20px;
}

.download-information-fontInfo em{
  text-decoration: underline;
  font-weight: 400;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #613C14;
}

.download-information-fontInfo strong {
    font-weight: 400;
    color: #613C14;
}

.download-information-fontInfo em:hover{
  color: #FFB311;
}


/*下载限制弹窗*/
.plus-down-adviceCode {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1002;
}

.plus-down-adviceCode-content {
  width: 400px;
  height: 258px;
  background: #2A2B34;
  box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.16);
  border-radius: 12px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
}

.plus-down-adviceCode-content img{
  width: 121px;
  margin-top: 43px;
}

.plus-down-adviceCode-content .diff-title{
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  margin-top: 29px;
  margin-bottom: 36px;
}

.plus-down-adviceCode-content em{
  font-weight: 400;
  font-size: 14px;
  color: #B3B3B3;
}

.plus-down-adviceCode-content i{
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
  color: rgba(127, 128, 133, 1);
  cursor: pointer;
  transition: all 0.3s;
}

.plus-down-adviceCode-content i:hover{
  color: #FFFFFF;
}

.Plus-CollectionModal-pop{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.Plus-CollectionModalMask{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 500px;
    height: 350px;
}

.Plus-CollectionModal{
    position: relative;
    width: 460px;
    height: auto;
    background: #FFFFFF;
    border-radius: 12px;
    transition: all 0.2s;
    overflow: hidden;
}

.Plus-CollectionModal h4{
    height: 62px;
    line-height: 66px;
    width: 90%;
    margin: 0 auto;
    font-size: 18px;
    color: #333333;
    font-weight: normal;
    border-bottom: 1px solid #E6E6E6;
    font-weight: 600;
}

.Plus-CollectionModal h4 i{
    margin-right: 5px;
}

.Plus-CollectionModal-content{
    position: relative;
    width: 100%;
    margin: 0 auto;
    min-height: 136px;
    max-height: 208px;
    overflow-y: scroll;
    padding-top: 10px;
    /*transition: all 0.2s ease;*/
}

.Plus-CollectionModal-loading{
    width: 20%;
    height: 136px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
}


.Plus-CollectionModal-loading div {
    width: 0.8em;
    height: 0.8em;
    border-radius: 50%;
    background-color: #FFB311;
    animation: fade 0.8s ease-in-out alternate infinite;
}

.Plus-CollectionModal-loading div:nth-of-type(1) {
    animation-delay: -0.4s;
}

.Plus-CollectionModal-loading div:nth-of-type(2) {
    animation-delay: -0.2s;
}

@keyframes fade {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}




.CollectionModal-item{
    width: 95%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*width: 100%;*/
    height: 40px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    margin: 0 auto;
    margin-bottom: 4px;
    padding: 0 14px 0 15px;
}

.CollectionModal-item.chosen,
.CollectionModal-item:hover{
    transition: all 0.2s ease-in-out;
    background: linear-gradient(90deg, #F2F4F5 0%, rgba(242,244,245,0) 100%);
}

.CollectionModal-item p{
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.CollectionModal-item p i{
    color: #FFB311;
    margin-right: 15px;
}

.CollectionModal-item button{
    width: 78px;
    height: 30px;
    line-height: 30px;
    background: transparent;
    font-weight: 400;
    font-size: 14px;
    color: #F7D394;
    transition: all 0.2s;
    text-align: center;
}

.CollectionModal-item button.collected{
    color: #999999;
    text-align: end;
}


.CollectionModal-item button.collected {
    z-index: 1;
    position: relative;
    outline: none;
}

.CollectionModal-item button.collected::before {
    content: '\53D6\6D88\6536\85CF';
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 30px;
    background: #E6E6E6;
    transform-origin: center bottom;
    transform: scaleY(0);
    color: #666666;
    text-align: center;
    border-radius: 6px;
}



.CollectionModal-item:hover button.collected::before{
    transition: transform 0.25s ease;
    transform-origin: center top;
    transform: scaleY(1);
    z-index: 2;
}

button.chooseCollect{
    position: relative;
    z-index: 1;
}


button.chooseCollect::after{
    content: '\6DFB\52A0';
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 30px;
    transform-origin: center bottom;
    transform: scaleY(0);
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
    border-radius: 6px;
    color: #613C14;
}

.CollectionModal-item:hover button.chooseCollect::after{
    transition: transform 0.25s ease;
    transform-origin: center top;
    transform: scaleY(1);
}

.Plus-CollectionModal-bottom{
    border-top: 1px solid rgba(50, 51, 61, 0.8);
    width: 90%;
    height: 78px;
    background: #2A2B34;
    border-radius: 0px 0px 12px 12px;
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    padding-top: 20px;
    margin: 0 auto;
}

.Plus-CollectionModal-bottom button{
    width: 180px;
    height: 36px;
    background: linear-gradient(90deg, #EBCCA1 0%, #EBAC48 100%);
    border-radius: 8px;
    color: rgba(97, 60, 20, 1);
    font-size: 14px;
    transition: all 0.2s;
}

.Plus-CollectionModal-bottom button:nth-child(1){
    background: #393A44;
    color: rgba(255, 255, 255, 1);
    margin-right: 40px;
}

.Plus-CollectionModal-bottom button:nth-child(1):hover{
    opacity: 0.8;
}

.Plus-CollectionModal-bottom button:nth-child(2):hover{
    box-shadow: 0px 0px 10px 0px rgba(247,211,147,0.32);
}

.Plus-CollectionModal i.icon-cha{
    position: absolute;
    top: 10px;
    right: 15px;
    color: #999;
    font-size: 21px;
    cursor: pointer;
    transition: all 0.2s;
    opacity: 0.4;
}

.Plus-CollectionModal i.icon-cha:hover{
    opacity: 1;
}
.Plus-CollectionModal-content-create{
    border-top: 1px solid #E6E6E6;
    width: 90%;
    height: 60px;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    margin: 0 auto;
    position: relative;
    line-height: 40px;
    font-weight: 400;
    font-size: 16px;
    color: #FFB311;
    cursor: pointer;
    transition: all 0.2s;
}

.Plus-CollectionModal-content-create i{
    margin-right: 11px;
    font-size: 20px;
    vertical-align: bottom;
}

.Plus-CollectionModal-content::-webkit-scrollbar {
    width: 0px; /* 滚动条宽度 */
}
/*弹窗出现消息动效*/

.Authorization_registration_transition-enter {
    opacity: 0;
    transform: scale(0.3);
}

.Authorization_registration_transition-enter-active {
    opacity: 1;
    transform: scale(1);
    transition: opacity 300ms ease-in, transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.Authorization_registration_transition-exit {
    opacity: 1;
    transform: scale(1);
}

.Authorization_registration_transition-exit-active {
    opacity: 0;
    transform: scale(1);
    transition: opacity 100ms ease,transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}


.Authorization-comparison-pop{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.Authorization-comparison{
    position: absolute;
    top: -10%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 1200px;
    height: calc(100vh - 260px);
    background-color: #34353E;
    box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.3);
    border-radius: 16px;
    overflow-y: auto;
    transition: all 0.2s;
}

.Authorization-comparison-bottomAd{
    width: 1200px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    transition: all 0.2s;
}

.Authorization-comparison-bottomAd img{
    width: 100%;
}



.Authorization-comparison-title{
    padding-left: 20px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 50px;
    background: #30323D;
    border-radius: 16px 16px 0 0;
    font-size: 16px;
    font-weight: 400;
    color: #F7D394;
    position: sticky;
    top: 0;
    z-index: 9;
}


.Authorization-comparison-title i{
    margin-right: 8px;
    font-size: 18px;
    margin-top: -2px;
}

.Authorization-comparison-content{
    padding-top: 25px;
    padding-bottom: 26px;
    background-image: url('//js.ibaotu.com/revision/plus/img/download/Authorization-comparison-bgc.png?v=20231013');
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: scroll; /* 背景固定 */
}

.Authorization-comparison-Version{
    width: 1140px;
    height: 968px;
    border: 1px solid #3F414E;
    box-shadow: 0px 0px 22px 0px rgba(51,51,51,0.15);
    border-radius: 16px;
    background-image: url('//js.ibaotu.com/revision/plus/img/download/AuthorizationVersion.png?v=20231013');
    background-repeat: no-repeat;
    background-position:center;
    margin:0 auto;
    display: flex;
    overflow: hidden;

}

.Authorization-comparison-contentTit{
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    color: #F7D394;
    margin-bottom: 20px;
}



.AuthorizationCom-table-item{
    display: flex;
    flex-direction: column;
    width: 190px;
}

.AuthorizationCom-subTitle{
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    height: 46px;
    padding-left: 26px;
    background-color: rgba(46, 47, 57, 1);
    display: flex;
    align-items: center;
}

.AuthorizationCom-table-item-title{
    position: relative;
    height: 77px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
}

.AuthorizationCom-table-item.AuthorizationCom-table-item-col1 li{
    width: 80px;
}


.AuthorizationCom-table-item-ul{
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 22px 0 22px 0;
    align-items: center;
    list-style: none;
    font-size: 14px;
    font-weight: 400;
    color: #CCCCCC;
    margin-bottom: 0;
}

.AuthorizationCom-table-item-ul li{
    height: 13px;
    font-size: 14px;
    font-weight: 400;
    /*color: #CCCCCC;*/
    margin-bottom: 20px;
}

.AuthorizationCom-table-item-ul li:last-child{
    margin-bottom: 0;
}

.Authorization-comparison-Version .AuthorizationCom-table-item-active .AuthorizationCom-table-item-title{
    color: rgba(247, 211, 148, 1);
    position: relative;
}

.Authorization-comparison-Version .AuthorizationCom-table-item-active .AuthorizationCom-table-item-ul{
    color: rgba(247, 211, 148, 1);
}

.AuthorizationCom-table-item-title-tip{
    position: absolute;
    top: 0;
    opacity: 0;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(0deg, #F35047 0%, #EF8335 100%);
    border-radius: 0px 0px 10px 10px;
    font-size: 12px;
    font-weight: 500;
    color: #FFFFFF;
    width: 72px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.AuthorizationCom-table-item-active .AuthorizationCom-table-item-title-tip{
    opacity: 1;

}

/*.Authorization-comparison-Version .ul-1,*/
/*.Authorization-comparison-Version .ul-2{*/
/*    height: 128px;*/
/*}*/

/*.Authorization-comparison-Version .ul-3,*/
/*.Authorization-comparison-Version .ul-4,*/
/*.Authorization-comparison-Version .ul-5,*/
/*.Authorization-comparison-Version .ul-6{*/
/*    height: 92px;*/
/*}*/

.AuthorizationCom-table-item-ul .i_ReactNode{
    line-height: 50px;
}

.AuthorizationCom-table-item-ul .i_ReactNode i{
    font-size: 20px;
    color: rgba(153, 153, 153, 1);
}

.Authorization-comparison-Version .AuthorizationCom-table-item-col1 .ul-2 li,
.Authorization-comparison-Version .AuthorizationCom-table-item-col1 .ul-6 li,
.Authorization-comparison-Version .AuthorizationCom-table-item-col1 .ul-5 li,
.Authorization-comparison-Version .AuthorizationCom-table-item-col1 .ul-4 li,
.Authorization-comparison-Version .AuthorizationCom-table-item-col1 .ul-3 li{
    line-height: normal;
}

.Authorization-comparison-Version.ul-2 li,
.AuthorizationCom-table-item-ul.ul-2 li{
    line-height: 83px;
}

.AuthorizationCom-table-item-ul.ul-6 li,
.AuthorizationCom-table-item-ul.ul-5 li,
.AuthorizationCom-table-item-ul.ul-4 li,
.AuthorizationCom-table-item-ul.ul-3 li{
    line-height: 47px;
}


.Authorization-comparison-Version .AuthorizationCom-table-item-col3 .ul-3 li,
.Authorization-comparison-Version .AuthorizationCom-table-item-col4 .ul-3 li,
.Authorization-comparison-Version .AuthorizationCom-table-item-col5 .ul-3 li{
    line-height:  normal;
    margin-bottom: 10px;
}

.Authorization-comparison-Version .AuthorizationCom-table-item-col2 .ul-2 li,
.Authorization-comparison-Version .AuthorizationCom-table-item-col3 .ul-2 li{
    line-height: 48px;
}

.element::-webkit-scrollbar { width: 0 !important }
.element { -ms-overflow-style: none; }

/*::-webkit-scrollbar {display:none}*/


.Authorization-comparison .icon-cha{
    cursor: pointer;
    font-size: 25px;
    position: absolute;
    right: 14px;
    top: 5px;
    color: rgb(153, 153, 153);
    transition: all 0.2s ease-in-out;
}
.Authorization-comparison .icon-cha:hover{
    color: #B2B2B2;
}

.Authorization-comparison-Version .AuthorizationCom-table-item-col5 .ul-5 li{
    width: 129px;
    text-align: center;
    line-height:  normal;
    margin-bottom: 10px;
}

.AuthorizationCom-table-item-col2 .ul-2 li:nth-child(1),
.AuthorizationCom-table-item-col3 .ul-2 li:nth-child(1){
    line-height: 60px;
}

.AuthorizationCom-table-item-col2 .ul-2 li:nth-child(2),
.AuthorizationCom-table-item-col3 .ul-2 li:nth-child(2){
    line-height: 30px;
}

@media screen and (max-width: 1680px) {
    .Authorization-comparison{
        transform: scale(0.9);
        height: calc(100vh - 210px);
    }
    .Authorization-comparison-bottomAd{
        width: 1080px;
    }
}

@media screen and (max-width: 1440px) {
    .Authorization-comparison{
        transform: scale(0.9);
    }
}


/*创意Pro音频专辑*/
.ProMusicAlbums{
    padding: 45px 0 0;
    width: 1200px;
    height: auto;
    margin: 0 auto;

}
.ProMusicAlbums-title{
    display: flex;
    position: relative;
}
.ProMusicAlbums-title img{
    display: block;
    width: 184px;
    height: 36px;
    margin-top: -10px;
}
.ul-proMusic-switchTab{
    display: flex;
    max-width: 960px;
    overflow: hidden;
}
.ul-proMusic-switchTab li:first-child{
    margin-left: 24px;
}

.ul-proMusic-switchTab li{
    display: block;
    width: auto;
    padding: 0 10px;
    height: 24px;
    background: #F9FAFB;
    border-radius: 6px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #808080;
    text-align: center;
    line-height: 24px;
    margin-left: 15px;
    cursor: pointer;
}

.hd .ul-proMusic-switchTab li.on{
    background: linear-gradient(90deg, #EF785C 0%, #E65748 100%);
    color: #FFFFFF;
}
.ProMusicAlbums .a-title-more{
    color: #999999;
    position: absolute;
    right: 0;
}

.ProMusicAlbums .a-title-more:hover{
    color: #666;
}

.por-music-img{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#ProMusicAlbums .album-audio-detail ul{
    margin-top: -11px;
}

.por-music-img{
    width: 220px;
    height: 220px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.ProMusicAlbums-update{
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: center;
    display: block;
    width: 82px;
    height: 24px;
    background-color: rgba(0,0,0,0.3);
    border-radius: 12px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(246, 247, 250, 1);
    line-height: 24px;
}
.ProMusicAlbums-update img{
    vertical-align: sub;
    margin-right: 5px;
}
.music-erji-album{
    width: 18px;
    height: 16px;
    margin-top: -5px;
    margin-right: 8px;
}

.pro-albums-music-end{
    display: flex;
    align-items: center;
    justify-content: left;
    width: 100%;
    height: 40px;
    background: rgba(0, 0, 0, 0.6);
    padding-left: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.pro-albums-music-end p{
    margin-bottom: 0;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #BBBBBB;
    margin-left: 5px;
    margin-top: 5px;
}

.pro-albums-music-end span{
    display: block;
    border-right: 1px solid rgba(255, 255, 255, .6);
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    height: 18px;
    line-height: 18px;
    padding-right: 5px;
    max-width: 127px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#proAlbum-musicUL li{
    width: 240px;
    margin-right: 0px;
}

#proAlbum-musicUL li:last-child{
    margin-right: 0px;
}

#proAlbum-musicUL .por-music-img{
    width: 190px;
    height: 190px;
}

#proAlbum-musicUL .music-cd{
    width: 230px;
    height: 230px;
    top: 9px;
    right: -7px;
}

#proAlbum-musicUL .music-cd img{
    top: 26px;
    left: 26px;
    width: 180px;
}




/*404页面样式*/
.plusError{
    width: 100%;
    height: 100vh;
}

.plusError a{
    text-decoration: none !important;
}
.layout-error-wrapper{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
    padding-left: 100px;
}

.layout-error-wrapper-left{
    display: flex;
    flex-direction: column;
}

.layout-error-wrapper-left p{
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
    margin-top: 140px;
    margin-bottom: 60px;
}

.layout-error-wrapper-left img{
    width:534px;
}

.layout-error-wrapper-left .error-button{
    width: 261px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #333333;
    border-radius: 8px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #333333;
    transition: all 0.3s;
}

.layout-error-wrapper-left .error-button:hover{
    opacity: 0.8;
}

.layout-error-wrapper-right img{
    width: 777px;
}
.email-loginHome-groups{
    display: flex;
    justify-content: center;
    margin-top: 42px;
}
.email-loginHome-groups-loginBTN{
    width: 220px;
    height: 42px;
    line-height: 42px;
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
    border-radius: 21px;
    font-size: 16px;
    font-weight: 500;
    color: #613C14;
    transition: all 0.3s;
    text-align: center;
}

.email-loginHome-groups-loginBTN:hover{
    opacity: 0.9;
}

.plusError-detail{
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.plusError-detail h4{
    font-weight: 500;
    font-size: 36px;
    color: #333333;
    margin-bottom: 120px;
    line-height: 60px;
    margin-top: 0;
}

.plusError-detail h5{
    font-weight: 400;
    font-size: 18px;
    color: #333333;
}

.plusError-detail p{
    font-weight: 400;
    font-size: 18px;
    color: #333333;
}

.plusError-detail-right img{
    width: 720px;
    height: auto;
}

.plusError-detail-left{
    margin-right: 170px;
}

.plusError-detail-left a{
    display: block;
    text-align: center;
    margin-top: 100px;
    width: 220px;
    height: 54px;
    line-height: 54px;
    background: linear-gradient(90deg, #FFB73D 0%, #FF7209 100%);
    border-radius: 27px;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    text-shadow: 0px 2px 10px rgba(181,51,0,0.35);
    border: none;
    cursor: pointer;
    transition: all 0.2s;
}

.plusError-detail-left a:hover{
    box-shadow: 0px 2px 8px 0px rgba(255, 183, 61, 0.8);
}

@keyframes turnEmail {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(90deg);
    }
    50% {
        transform: rotate(180deg);
    }
    75% {
        transform: rotate(270deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.email-loginHome-groups .icon-loading1{
    display: inline-block;
    animation: turnEmail 1s linear infinite;
    margin-right: 6px;
}

.emial-resetPSW-wrapper-btn .icon-loading1{
    display: inline-block;
    animation: turnEmail 1s linear infinite;
    margin-right: 6px;
}

.layout-error-wrapper-left p em{
    font-size: 15px;
    font-style: normal;
}


@media screen and (max-width: 1680px) {
    .layout-error-wrapper{
        transform: scale(0.9);
    }
}
@media screen and (max-width: 1440px) {
    .layout-error-wrapper{
        transform: scale(0.8);
    }
    .plusError-detail-left{
        margin-right: 100px;
    }
    .plusError-detail-right img{
        width: 600px;
        height: auto;
    }

    .plusError-detail h4{
        font-size: 30px;
        line-height: 50px;
    }

    .plusError-detail-left a{
        margin-top: 60px;
    }

    .plusError-detail h5{
        margin-bottom: 20px;
    }

}

/*配乐-公共样机*/
/*包括有：搜索结果页、详情页、全球精选首页、创意Pro首页*/

/*配乐 START------------------------------------*/
/*配乐容器*/
.music-prototype-wrapper {
    width: 335px;
    height: 190px;
    background: #FFFFFF;
    float: left;
    border-radius: 8px;
    margin: 0 20px 20px 0;
    position: relative;
    overflow: hidden;
    transition: all 0.26s ease-in;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.04);
}

/* .music-prototype-wrapper:hover {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
} */

.music-prototype-wrapper:nth-of-type(4n) {
  margin-right: 0;
}

/* .music-prototype-wrapper:hover {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
} */

.content-music-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    position: relative;
    z-index: 2;
}

/*标题*/
.music-name-wrapper {
    display: block;
    width: 200px;
    height: 18px;
    line-height: 18px;
    margin: 25px 0 0;
    font-size: 16px;
    color: #333333;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.music-name-wrapper:hover {
    color: #FFB311;
}

/*播放操作容器*/
.music-content-box {
    width: 100%;
    height: auto;
    margin-top: 20px;
    position: relative;
}

/*播放按钮*/
.music-content-box .iconfont {
    display: block;
    width: 44px;
    height: 44px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 15px 0 0;
}

.music-content-box .iconfont::before {
    display: none;
}

/*暂停*/
.music-content-box .icon-bofang2 {
    background-image: url("//js.ibaotu.com/revision/plus/img/public/icon/icon-play.png");
}

/*播放*/
.music-content-box .icon-zanting {
    background-image: url("//js.ibaotu.com/revision/plus/img/public/icon/icon-pause.png");
}

/*初始播放进度条*/
.music-time-bar {
    width: 186px;
    height: 16px;
    float: left;
    margin: 14px 0;
    cursor: pointer;
    position: relative;
}

.music-time-bar:before {
    display: block;
    content: "";
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    top: 6px;
    background: #EEF0F2;
    border-radius: 2px;
}

/*播放开始进度条*/
.music-content-box .music-move-color {
    display: block;
    width: 0;
    height: 4px;
    max-width: 100%;
    background: #FAC76E;
    background: linear-gradient(90deg, #eacca3, #FAC76E);
    position: absolute;
    top: 6px;
    left: -1px;
    z-index: 2;
    border-radius: 2px;
}

/*播放进度小圆点*/
.music-content-box .music-move-color .dot {
    display: block;
    width: 8px;
    height: 8px;
    cursor: pointer;
    border-radius: 50%;
    background: #FAC76E;
    position: absolute;
    right: -3px;
    top: -2px;
}

/*音乐总时长*/
.music-time-wrapper {
    display: inline-block;
    line-height: 44px;
    font-size: 12px;
    color: #333;
    margin: 0 0 0 12px;
}

.timeProto.music-time-wrapper {
    margin-top: 0;
}

/*鼠标移入显示进度时间*/
.music-content-box .timeTip {
    width: 40px;
    line-height: 12px;
    text-align: center;
    font-size: 12px;
    color: #FAC76E;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    margin: 0;
}

/*下载收藏盒子*/
.music-info-wrapper {
    width: 100%;
    height: 36px;
    margin-top: 20px;
}

.music-download,
.music-collect {
    display: block;
    float: left;
    height: 36px;
}

/*配乐下载按钮*/
.music-download {
    display: block;
    width: 140px;
    height: 100%;
    float: left;
    line-height: 36px;
    letter-spacing: 1px;
    overflow: hidden;
    text-align: center;
    border-radius: 18px;
    font-size: 16px;
    color: #71481b;
    background: linear-gradient(90deg, #FFDC9E 0%, #FDC251 100%);
    position: relative;
}

.music-download:hover {
    opacity: 0.95;
    color: #71481b;
}

/*配乐收藏按钮*/
.music-collect {
    display: block;
    width: 36px;
    height: 100%;
    float: left;
    line-height: 33px;
    text-align: center;
    border: 1px solid #c5c5c5;
    border-radius: 50%;
    background: none;
    margin-left: 8px;
    color: #c5c5c5;
    cursor: pointer;
}

.music-collect i {
    font-size: 18px;
}

.music-collect.active,
.music-collect:hover {
    color: #FFB311;
    border: 1px solid #FFB311;
}

/*音乐背景装饰*/
.music-background-decorate {
  width: 230px;
  height: 230px;
  text-align: center;
  background: rgba(255, 204, 112, 0.1);
  position: absolute;
  top: -20px;
  right: -115px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.music-background-decorate p,
.music-background-decorate span {
  display: block;
  border-radius: 50%;
  margin: 0;
}

.music-background-decorate p {
  width: 142px;
  height: 142px;
  background: rgba(255, 204, 112, 0.2);
  justify-content: center;
  align-items: center;
  display: flex;
}

.music-background-decorate span {
  width: 65px;
  height: 65px;
  background: rgba(255, 255, 255, 0.6);
}

/*全球精选配乐标签*/
.qy-prototype-label,
.qy-authorization-label {
    height: 28px;
    line-height: 28px;
    letter-spacing: 0;
    text-align: center;
    font-size: 13px;
    color: #613C14;
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
    border-radius: 4px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 3;
}

.qy-authorization-label:hover {
    color: #613C14;
    opacity: 0.9;
}

.qy-prototype-label {
    width: auto;
    padding: 0 8px;
}

.qy-prototype-label .icon-huiyuan {
    display: inline-block;
    font-size: 19px;
    vertical-align: -2px;
}

.qy-prototype-label em {
    display: inline-block;
    width: 1px;
    height: 11px;
    background: #a07e58;
    vertical-align: -1px;
    margin: 0 4px 0 3px;
}

.qy-authorization-label {
    display: none;
    width: 78px;
    padding-left: 7px;
}

.qy-authorization-label .icon-you {
    display: inline-block;
    font-size: 13px;
    margin-left: -2px;
}

.music-prototype-wrapper:hover .qy-prototype-label {
    display: none;
}

.music-prototype-wrapper:hover .qy-authorization-label {
    display: block;
}

/*创意Pro配乐标签*/
.qy-creative-pro {
    display: block;
    width: 58px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    text-align: center;
    color: #fef4a1;
    background: linear-gradient(90deg, #fc835f, #ef3d2d);
    border-radius: 4px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
}
/*配乐 END--------------------------------------*/



/*视频-公共样机*/
/*包括有：搜索结果页、详情页、全球精选首页、创意Pro首页*/

/*视频 START------------------------------------*/
/*视频 END--------------------------------------*/


/*响应式*/
/*1680响应式*/
@media screen and (max-width: 1680px) {
    /*配乐*/
    .music-prototype-wrapper {
        width: 272px;
        height: 174px;
    }

    .content-music-wrapper {
        padding: 0 18px;
    }

    .music-name-wrapper {
        width: 140px;
    }

    .music-content-box {
        margin-top: 15px;
    }

    .music-name-wrapper {
        width: 140px;
    }

    .music-content-box .iconfont {
        width: 40px;
        height: 40px;
    }

    .music-info-wrapper {
        margin-top: 16px;
    }

    .music-time-bar {
        width: 124px;
        margin: 12px 0;
    }

    .music-time-wrapper {
        line-height: 40px;
    }

    .music-info-wrapper .music-download {
        width: 130px;
        height: 34px;
        line-height: 34px;
    }

    .music-info-wrapper .music-collect {
        width: 34px;
        height: 34px;
        line-height: 30px;
    }
}

/*详情页下方的音频专辑*/
.album-music-box .image-text .icon_EJ{
    display: block;
    width: 18px;
    height: 17px;
    background: url(//js.ibaotu.com/revision/plus/img/pro/icon_ej.png) center no-repeat;
    background-size: cover;
    margin-right: 12px;
}

.featured-albums-layout{
    padding: 60px 0 0;
}

.music-collect{
    z-index: 40 !important;
}
.content-music-wrapper{
    cursor: pointer;
}
.music-collect .active{
    color: #FFB311;
}
.album-music-featured .music-cd{
    background-image: url(//js.ibaotu.com/revision/img/qyvip/balck-bowen-2.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    right: -10px !important;
}

.music-cd img{
    position: absolute;
    top: 26px;
    left: 26px;
    width: 197px;
}

.album-music-box:hover .music-cd{
    background-image: url(//js.ibaotu.com/revision/img/qyvip/black-bgc-2.gif) !important;
}

.music-prototype-wrapper{
    padding: 0 0 20px 0;
    height: auto;
}

.audio-list-title-left{
    margin-bottom: 3px !important;
}

.albums-music-end em{
    color: #fff;
}

/*定义动画*/
.album-music-box:hover .music-cd img{
    -webkit-animation: spin 3s linear infinite ;
    animation: spinAudioImg 3s linear infinite;
}


@-webkit-keyframes spinAudioImg {
    from { /*动画起始状态*/
        -webkit-transform: rotate(0);
    }
    to { /*动画结束状态*/
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spinAudioImg {
    from {
        transform:rotate(0);
    }
    to {
        transform:rotate(360deg);
    }
}

.featured-albums-layout{
    overflow: hidden;
}

.proMusic-album-title{
    display: block;
    width: 184px;
    height: 36px;
    float: left;
    margin-top: -11px;
}

.proMusic-album-title img{
    width: 100%;
    height: 100%;
}
.pro-prototype-label{
    width: 58px;
    height: 28px;
    background: linear-gradient(90deg, #FA825F, #EF3E2E);
    border-radius: 4px;
    margin-top: 20px;
    font-size: 13px;
    font-family: PingFang SC;
    color: #FEF4A2;
    line-height: 28px;
    text-align: center;
}

.content-proMusic-wrapper-firstLine{
    display: flex;
    justify-content: space-between;
}

.pro-music-download{
    display: block;
    width: 180px;
    height: 36px;
    background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
    border-radius: 18px;
    font-size: 16px;
    font-family: PingFang SC;
    color: #613D14;
    text-align: center;
    line-height: 36px;
}
.proMusic-prototype-wrapper .pro-music-download{
    float: left;
}
.proMusic-prototype-wrapper .music-collect{
    float: right;
}

.proMusic-prototype-wrapper a:hover{
    color: #613D14;
    opacity: 0.9;
}

.div-albums-results-ProMusic h3{
    display: block;
    width: 100%;
    height: 24px;
    line-height: 24px;
    padding-left: 13px;
    font-size: 24px;
    color: #fff;
    text-align: left;
    position: relative;
    font-weight: normal;
    margin: -10px 0;
    letter-spacing: 1px;
}

.div-albums-results-ProMusic h4{
    display: flex;
    width: 100%;
    height: 24px;
    line-height: 24px;
    padding-left: 13px;
    font-size: 24px;
    color: #333;
    text-align: left;
    position: relative;
    font-weight: normal;
    margin: 70px 0 10px 0;
    letter-spacing: 1px;
}

.div-albums-results-ProMusic h4::after{
    content: '';
    display: block;
    width: 3px;
    height: 24px;
    background: linear-gradient(90deg, #f17d5f, #e34f43);
    position: absolute;
    top: 0;
    left: 0;
}
.proMusic-image-text img{
    margin-right: 5px;
    vertical-align: sub;
}
.proMusic-image-text{
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: center;
    display: block;
    width: 82px;
    height: 24px;
    background-color: rgba(0,0,0,0.3);
    border-radius: 12px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(246, 247, 250, 1);
    line-height: 24px;
}

.albums-music-end{
    backdrop-filter: blur(3px);
}

.div-albums-results-ProMusic .albums-music-end span{
    display: block;
    border-right: 1px solid rgba(255, 255, 255, .6);
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    height: 18px;
    line-height: 18px;
    padding-right: 10px;
    max-width: 127px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.music-erji-album{
    width: 18px;
    height: 16px;
    margin-top: -5px;
    margin-right: 8px;
}

.div-albums-results-ProMusic .albums-music-end p{
    margin-bottom: 0;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #BBBBBB;
    margin-top: 6px;
}

@media screen and (max-width: 1680px) {
    #all-proMusic-featured  ul li{
        width: 225px;
        height: 220px;
        margin-left: -15px;
    }

    .div-albums-results-ProMusic #all-proMusic-featured ul li {
        margin-left: 0;
        margin-right: 10px;
    }

    .div-albums-results-ProMusic #all-proMusic-featured ul li:nth-child(5n) {
        margin-right: 0;
    }

    #all-proMusic-featured .album-music-box .music-img{
        width: 170px;
        height: 170px;
    }

    #all-proMusic-featured .album-music-box  .music-cd img{
        width: 175px;
        height: 175px;
        top: 32px;
    }

    #all-proMusic-featured .album-music-box .music-cd{
        top: -9px;
        width: 230px;
        height: 230px;
    }

    .div-albums-results-ProMusic .albums-music-end span{
        font-size: 12px;
    }

    .div-albums-results-ProMusic .albums-music-end p{
        margin-left: 0px;
        margin-top: 0px;
    }

    #all-proMusic-featured .music-erji-album{
        width: 15px;
        height: 14px;
    }

    #all-proMusic-featured .albums-music-end{
        padding-left: 4px;
    }

    #all-proMusic-featured .albums-music-end span{
        margin-right: 4px;
    }
}

.albums-music-end{
    border-radius: 0 0 10px 10px;
}

.details-picture-id-pro{
    display: flex;
}

.details-picture-id-pro .pro-collect{
    margin-left: 7px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.details-picture-id-pro .pro-collect .icon-shoucang5{
    color: rgba(247, 211, 148, 1);
}

.details-picture-id-pro .pro-collect i{
    font-size: 18px;
}


/*临时增加的创意Pro页面*/
.plus-layout-wrap {
  width: 100%;
  height: auto;
  background: #fff;
}


/*底部背景图*/
.plus-layout-wrap-pro .plus-layout-right::after {
  content: "";
  display: block;
  width: 100%;
  height: 289px;
  /*background: url("//js.ibaotu.com/revision/plus/img/pro/img_home_bottom.png") center no-repeat;*/
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0 auto;
}

.plus-layout-right.active {
  margin-left: 0;
}

.layout-creative-pro {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

/*banner*/
.layout-creative-pro .banner {
  width: 100%;
  height: calc(100vh - 72px);
  position: relative;
}

/*轮播图*/
.creative-slide-box {
  display: flex;
  flex-flow: wrap;
  width: 100%;
  height: 100%;
  position: relative;
}

.creative-slide-children,
.creative-slide-children ul,
.creative-slide-children ul li {
  width: 100%;
  height: 100%;
}

.creative-slide-children ul li a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
}

.creative-slide-children ul li a::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  left: 0;
}

/*轮播点*/
.creative-slide-tab {
  width: 320px;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  box-shadow: 6px 0 30px 0 rgba(0, 0, 0, 0.06), 20px 0 60px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  overflow: hidden;
  backdrop-filter: blur(20px);
  border-right: 1px solid rgba(255, 255, 255, 0.16);
}

.creative-slide-tab ul {
  width: 100%;
  height: 100%;
  padding-top: 30px;
}

.creative-slide-tab ul li {
  width: 100%;
  height: 100px;
  line-height: 38px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-weight: 400;
  letter-spacing: 1px;
  padding-top: 22px;
  padding-left: 60px;
  opacity: 0.6;
  transition: all 0.2s ease-in;
}

.creative-slide-tab ul li:hover,
.creative-slide-tab ul li.on {
  opacity: 1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
}


.creative-slide-tab ul li .hd-num {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 16px;
}

.creative-slide-tab ul li .hd-num p {
  margin: 0;
}

.creative-slide-tab ul li .hd-line {
  width: 30px;
  height: 1px;
  background: #fff;
  margin-right: 11px;
}

.creative-slide-tab ul li .hd-title {
  font-size: 14px;
  line-height: 14px;
  text-align: left;
  margin: 10px 0 0;
}

.creative-slide-tab ul li.on .hd-title {
  font-size: 18px;
  line-height: 18px;
}

/*输入框*/
.material-pack-wrapper {
  height: auto;
  position: absolute;
  top: 28%;
  left: 32%;
  z-index: 10;
}

.material-pack-wrapper h2 {
  display: block;
  line-height: 54px;
  font-size: 52px;
  text-align: left;
  font-weight: normal;
  color: #fff;
  margin: 0;
}

.material-pack-wrapper .text {
  display: block;
  line-height: 18px;
  font-size: 18px;
  text-align: left;
  color: rgba(255, 255, 255, 0.7);
  margin: 25px 0 50px;
}

.select-left-children {
  width: 100px;
  height: 100%;
  float: left;
  padding: 15px 0;
  position: relative;
  cursor: pointer;
  z-index: 10;
}

.pack-class-select {
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 30px;
  border-right: 1px solid #ccc;
  color: #2d2d2d;
  text-align: center;
  padding-left: 10px;
}

.pack-class-select i {
  display: inline-block;
  color: #666;
  transition: all 0.15s ease-in;
}

.select-left-children:hover i {
  transform: rotate(180deg);
}

/*下拉*/
.select-left-children .ul-pick-list {
  display: none;
  width: 84px;
  height: auto;
  position: absolute;
  top: 50px;
  left: 10px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin: 0;
  border-radius: 10px;
  padding: 10px 0;
}

.select-left-children:hover .ul-pick-list {
  display: block;
}

.ul-pick-list li {
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #666;
  cursor: pointer;
}

.ul-pick-list li:hover,
.ul-pick-list li.active {
  background: #f6f6f6;
}

.material-pack-input {
  width: 640px;
  height: 60px;
  float: left;
  background: rgba(243, 245, 247, 0.95);
  border-radius: 30px;
  margin: 0;
}

.material-pack-input input {
  display: block;
  width: 460px;
  height: 100%;
  line-height: 50px;
  color: #222;
  font-size: 16px;
  background: none;
  float: left;
  padding: 0 20px;
  border: none;
}

.material-pack-input input.ant-input:focus,
.material-pack-input .ant-input-focused {
  border: none;
  box-shadow: none;
}

.material-pack-input .search-button {
  display: block;
  width: 80px;
  height: 100%;
  float: left;
  line-height: 60px;
  text-align: center;
}

.material-pack-input .search-button i {
  font-size: 26px;
  display: inline-block;
  vertical-align: -3px;
  margin-right: 3px;
  color: #999;
}

.material-pack-input .search-button:hover i {
  animation: searchAnimation 1s 0s forwards;
}

/*底部小箭头*/
.material-pack-bottom {
  width: 90px;
  height: 60px;
  line-height: 60px;
  position: absolute;
  bottom: 34px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  animation: up_and_down 1s ease-in-out infinite alternate;
  text-align: center;
}

.material-pack-bottom i {
  font-size: 90px;
  color: #E3B970;
  display: inline-block;
}

/*底部提示文案*/
.material-pack-hint {
  font-size: 12px;
  line-height: 12px;
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  right: 80px;
  bottom: 40px;
  z-index: 3;
}

/*主体内容*/
.creative-pro-content {
  width: 100%;
  height: auto;
  padding-bottom: 50px;
}

/* tab 三个切换标签 */
.pro-tab-affix {
  width: 100%;
  height: auto;
  margin: 0 auto 50px;
}

.pro-tab-three {
  width: 100%;
  height: 90px;
  background: rgba(249, 250, 251, 0.92);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pro-tab-affix .ant-affix {
  z-index: 21;
}

.pro-tab-affix .ant-affix.active {
  z-index: -1;
}

.pro-tab-affix .ant-affix .pro-tab-three {
  background: rgba(249, 250, 251, 0.92);
  box-shadow: 5px 9px 20px 0 rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(10px);
}

.pro-tab-three a {
  width: 170px;
  height: 90px;
  text-align: center;
  padding-top: 10px;
  margin: 0 20px;
  cursor: pointer;
  position: relative;
  transition: all 0.15s ease;
}

.pro-tab-three a::after {
  display: block;
  content: "";
  width: 170px;
  height: 3px;
  position: absolute;
  bottom: 0;
  background: linear-gradient(90deg, #fe7532, #e5232a);
  border-radius: 3px 3px 0 0;
  opacity: 0;
}

.pro-tab-three a img {
  display: block;
  margin: 0 auto;
  height: 41px;
}

.pro-tab-three a p {
  display: block;
  width: 100%;
  line-height: 20px;
  font-size: 20px;
  color: rgba(51, 51, 51, 0.6);
  text-align: center;
  margin: 6px auto 0;
  transition: all 0.15s ease-in;
}

.pro-tab-three a:hover p,
.pro-tab-three a.active p {
  color: #333;
}

.pro-tab-three a.active::after {
  opacity: 1;
}

/*切换等待状态 START*/
.material-search-loading {
  width: 100%;
  height: auto;
  min-height: 500px;
  padding-top: 30px;
  text-align: center;
  font-size: 18px;
  color: #FFB311;
}

.material-search-loading img {
  display: block;
  margin: 0 auto;
}
/*切换等待状态 END*/

/*样机 START*/
.creative-topic-wrapper {
  width: 1500px;
  height: auto;
  min-height: 400px;
  margin: 0 auto;
}

.creative-prototype-wrapper {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.creative-prototype-wrapper .item {
  width: 360px;
  height: 540px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background: #e1e4e9;
  position: relative;
  transition: all 0.2s ease-in;
  border-radius: 10px;
}

.creative-prototype-wrapper .item:nth-of-type(4n) {
  margin-right: 0;
}

.creative-prototype-wrapper .item::after {
  display: block;
  content: "";
  width: 100px;
  height: 100px;
  background: url("//js.ibaotu.com/revision/img/global/loading.svg") center no-repeat;
  background-size: 88%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.creative-prototype-wrapper .global-qy {
  display: block;
  width: 58px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  text-align: center;
  color: #fef4a1;
  background: linear-gradient(90deg, #fc835f, #ef3d2d);
  border-radius: 4px;
  position: absolute;
  top: 12px;
  left: 10px;
  z-index: 10;
}

.creative-prototype-wrapper .item .global-qy {
  left: unset;
  right: 10px;
}

.creative-prototype-wrapper .creative-prototype-music .global-qy {
  left: unset;
  top: 20px;
  right: 18px;
}

.creative-prototype-video:hover .global-qy,
.creative-prototype-wrapper .item:hover .global-qy {
  display: none;
}

.creative-prototype-wrapper .item img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.creative-prototype-wrapper .item:hover {
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.04);
  z-index: 20;
}

.creative-prototype-wrapper .item .global-jump-details {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* 下载收藏盒子 */
/*top*/
.creative-prototype-wrapper .item-top {
  display: block;
  width: 100%;
  height: 54px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0, transparent 100%);
  border-radius: 0 0 8px 8px;
  letter-spacing: 1px;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 5;
  transition: all 0.1s ease-in;
  padding-right: 10px;
}

.creative-prototype-wrapper .item-top a {
  display: block;
  float: left;
}

.creative-prototype-wrapper .item-top .item-title {
  width: 185px;
  height: 100%;
  line-height: 54px;
  padding-left: 10px;
  font-size: 15px;
  color: #fff;
  text-align: left;
  letter-spacing: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.creative-prototype-wrapper .item-top .item-collect {
  width: 30px;
  height: 30px;
  line-height: 30px;
  float: right;
  background: #fff;
  text-align: center;
  padding-left: 1px;
  margin-top: 12px;
  border-radius: 4px;
}

.creative-prototype-wrapper .item-top .item-collect i {
  font-size: 20px;
  color: #999;
}

.creative-prototype-wrapper .item-top .item-collect i:hover,
.creative-prototype-wrapper .item-top .item-collect i.active {
  color: #E3B970;
}

.creative-prototype-wrapper .item:hover .item-top {
  opacity: 1;
}

/*bottom*/
.creative-prototype-wrapper .item-bottom {
  display: block;
  width: 100%;
  height: 100px;
  line-height: 100px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0, transparent 100%);
  border-radius: 0 0 8px 8px;
  padding-left: 8px;
  padding-right: 6px;
  letter-spacing: 1px;
  font-size: 16px;
  color: #fff;
  text-align: left;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.1s ease-in;
  z-index: 5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.creative-prototype-wrapper .item-down {
  display: block;
  width: 220px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  font-size: 18px;
  border-radius: 48px;
  color: #613C14;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  position: relative;
  margin: 20px auto;
  top: unset;
  left: unset;
  overflow: hidden;
}

/* .creative-prototype-wrapper .item-down::after {
  display: block;
  content: "";
  width: 220px;
  height: 48px;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.15s ease-in;
} */

.creative-prototype-wrapper .item-down:hover {
  opacity: 0.9;
}

.creative-prototype-wrapper .item:hover .item-bottom {
  opacity: 1;
}

/*横图样式*/
.picture-new-horizontal {
  width: 100%;
  height: 100%;
  background: rgba(234, 234, 234, 1);
  position: relative;
}

.picture-new-hor-top,
.picture-new-hor-bottom {
  width: 100%;
  overflow: hidden;
}

.picture-new-hor-top {
  height: 55%;
  background: linear-gradient(0deg, rgba(234, 234, 234, 1), rgba(236, 236, 236, 1), rgba(215, 215, 215, 1));
}

.picture-new-hor-top .stencil {
  width: 90.14%;
  height: 73.19%;
  background: #ffffff;
  margin: 10% auto 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  position: relative;
}

.picture-new-hor-top .stencil .stencil-img {
  width: 96.53%;
  height: 94.71%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.picture-new-hor-top .stencil .stencil-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.picture-new-hor-bottom {
  height: 45%;
  background: #fff;
}

.picture-new-hor-bottom .stencil {
  width: 100%;
  height: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.picture-new-hor-bottom .stencil i {
  display: block;
  width: 26.27%;
  height: 33.97%;
  background: url('//js.ibaotu.com/revision/img/classify/191025/icon_photo.png') center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.picture-new-hor-top .stencil::after,
.picture-new-hor-bottom .stencil::after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
}
/*横图样式END*/

/*竖图样式*/
.picture-new-vertical,
.picture-new-vertical .stencil {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.picture-new-vertical {
  width: 90.42%;
  height: 88.88%;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.picture-new-vertical .stencil {
  width: 96.79%;
  height: 97.83%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
/*样机 END*/

/*视频样式*/
.creative-prototype-video {
  display: block;
  width: 360px;
  height: 202px;
  float: left;
  border-radius: 10px;
  margin: 0 20px 20px 0;
}

.creative-prototype-video:nth-of-type(4n) {
  margin-right: 0;
}

.creative-prototype-video .content-video {
  width: 100%;
  height: 100%;
}

.creative-prototype-video .video-box {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
  border-radius: 10px;
}

/*视频操作盒子*/
.creative-prototype-video .video-other-box {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  position: absolute;
  top: 0;
}

/*左上角摄像机*/
.video-other-box .video-camera {
  display: block;
  width: 28px;
  height: 20px;
  position: absolute;
  top: 15px;
  left: 20px;
  z-index: 10;
}

.creative-prototype-video .video-other-box .video-camera {
  right: 14px;
  top: 14px;
  left: unset;
}

.video-other-box .video-camera img {
  display: block;
  width: 100%;
  height: 100%;
}

/*右上角视频分辨率*/
.video-other-box .video-resolution {
  display: block;
  width: 60px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 12px;
  right: 10px;
  z-index: 2;
}

/*底部视频信息以及时长*/
.video-other-box .a-title-box {
  opacity: 1;
  width: 100%;
  height: 40px;
  color: #fff;
  font-size: 12px;
  padding: 0 20px;
  z-index: 2;
  background: #000;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8));
  border-radius: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.video-other-box .a-title-box .video-title {
  width: 61.8%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.video-other-box .a-title-box span {
  position: absolute;
  bottom: 10px;
}

.video-other-box .a-title-box .video-time {
  right: 20px;
}

/*右上角下载按钮*/
.video-other-box .video-two-box {
  width: auto;
  height: auto;
  position: absolute;
  top: 10px;
  right: 0;
  padding-right: 10px;
  z-index: 2;
  opacity: 0;
  transition: .23s;
}

.video-other-box .video-two-box .a-download-box {
  display: block;
  width: 80px;
  height: 28px;
  float: right;
  line-height: 28px;
  text-align: center;
  font-size: 15px;
  color: #613C14;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  border-radius: 4px;
}

.a-download-box .iconfont {
  display: inline-block;
  vertical-align: top;
  margin-right: 3px;
}

.video-other-box .video-two-box .a-download-box:hover {
  opacity: 0.95;
}

/*收藏*/
.video-other-box .video-two-box .a-collect-box {
  display: block;
  width: 28px;
  height: 28px;
  float: right;
  background: #fff;
  line-height: 28px;
  text-align: center;
  font-size: 16px;
  border-radius: 4px;
  margin-left: 5px;
  color: #999;
}

.video-other-box .video-two-box .a-collect-box:hover,
.video-other-box .video-two-box .a-collect-box.active {
  color: #ebab43;
}

/*声音开关*/
.video-other-box .video-sound {
  display: none;
  cursor: pointer;
}

.video-sound .video-close-btn,
.video-sound .video-play-btn {
  width: 24px;
  height: 24px;
  font-size: 20px;
  position: absolute;
  bottom: 11px;
  left: 12px;
  z-index: 9;
  color: #fff;
}

.video-sound .video-play-btn {
  display: none;
}

.video-sound .video-close-btn p,
.video-sound .video-play-btn p {
  display: none;
  width: 60px;
  padding: 3px 5px;
  text-align: center;
  background-color: #fff;
  color: grey;
  font-size: 12px;
  border: 1px solid grey;
  position: absolute;
  top: 2px;
  left: 22px;
  z-index: 10;
}

.video-sound .video-close-btn:hover,
.video-sound .video-play-btn:hover {
  color: #E3B970;
}

.video-sound .video-close-btn:hover p,
.video-sound .video-play-btn:hover p {
  display: block;
}

/*鼠标移入声音开关显示*/
.creative-prototype-video .video-box:hover .video-sound {
  display: block;
}

/*鼠标移入下载收藏显示*/
.creative-prototype-video .video-box:hover .video-two-box {
  opacity: 1;
  top: 10px;
}

/*鼠标移入摄像机、分辨率隐藏*/
.creative-prototype-video .video-box:hover .video-camera,
.creative-prototype-video .video-box:hover .video-resolution {
  display: none;
}

/*鼠标移入底部标题不显示*/
.creative-prototype-video .video-box:hover .a-title-box {
  opacity: 0;
}

/*视频盒子*/
.creative-prototype-video .video-content-box {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.video-content-box .video-play,
.video-content-box .video-play video {
  height: 100%;
  background-color: black;
  display: flex;
  justify-content: center;
  border-radius: 4px;
  position: relative;
}

.creative-prototype-video .video-content-box .video-play video{
  width: 100%;
  object-fit: cover;
}

.video-content-box .video-play {
  overflow: hidden;
}

.video-content-box .show-image {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.video-content-box .show-image img {
  width: 100%;
  height: 100%;
  image-rendering: auto;
}
/*视频样式 END*/

/*配乐素材样式*/
.creative-prototype-wrapper .music-prototype-wrapper {
  width: 360px;
}

.creative-prototype-wrapper .music-name-wrapper {
  width: 225px;
}

.creative-prototype-wrapper .music-time-bar {
  width: 205px;
}

/*查看更多按钮*/
.plus-layout-wrap-pro .global-Check-more {
  display: block;
  width: 230px;
  height: 58px;
  background: linear-gradient(90deg, #FC835F 0%, #EF3D2D 100%);
  border-radius: 30px;
  text-align: center;
  line-height: 58px;
  font-size: 18px;
  color: #fff;
  margin: 50px auto 0;
}

.plus-layout-wrap-pro .global-Check-more:hover {
  opacity: 0.9;
  color: #fff;
}

/*右侧悬浮*/
.creative-pro-right {
  width: 126px;
  height: auto;
  position: fixed;
  right: 40px;
  bottom: 80px;
  z-index: 10;
  animation: up_and_down 1s ease-in-out infinite alternate;
}

.creative-pro-right a {
  display: block;
  width: 100%;
  height: 136px;
  background: url('//js.ibaotu.com/revision/plus/img/img_float_pro.png') center no-repeat;
  background-size: cover;
  margin: 0 auto;
}

.creative-pro-right i {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  color: #fff;
  margin: 10px auto 0;
  cursor: pointer;
}

/*客户之声*/
.pro-design-containers {
  width: 1500px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  padding-top: 60px;
}

.pro-img-p1,
.pro-img-p2 {
  font-weight: 500;
}

.pro-img-p1 {
  height: 22px;
  line-height: 22px;
  font-size: 20px;
  color: #333333;
  margin: 0;
}

.pro-img-p2 {
  display: inline-block;
  width: auto;
  height: 16px;
  line-height: 16px;
  font-size: 14px;
  color: #999;
  margin: 10px auto 0;
  position: relative;
  padding: 0 20px;
}

.pro-circle,
.pro-circle1 {
  width: 5px;
  height: 5px;
  transform: rotate(45deg);
  background: #ccc;
  position: absolute;
  top: 6px;
}

.pro-circle {
  left: 0;
}

.pro-circle1 {
  right: 0;
}

.pro-design {
  display: flex;
  justify-content: space-around;
  margin-top: 70px;
}

.pro-design-item {
  font-size: 14px;
  color: #999;
  position: relative;
}

.pro-design-item:after {
  content: "";
  display: block;
  width: 1px;
  height: 200px;
  background: rgba(230, 230, 230, 0.3);
  position: absolute;
  right: -76px;
  top: 40px;
}

.pro-design-item:last-child::after {
  display: none;
}

.pro-design-item img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
}

.pro-design-item p {
  width: 230px;
}

.pro-ds-name {
  height: 18px;
  line-height: 18px;
  color: #fff;
  font-size: 18px;
  margin: 20px auto 6px;
}

.pro-ds-job {
  margin-bottom: 18px;
}

.pro-ds-desc {
  line-height: 26px;
}

/*底部*/
.plus-layout-wrap-pro .plus_Footer {
  background: none;
}

.plus-layout-wrap-pro .footer_Center {
  position: relative;
  z-index: 10;
}

/*动画*/
@keyframes up_and_down {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(0, 20px);
  }
}

/*动画*/
@keyframes searchAnimation {
  0% {
    transform: scale(1);
    -webkit-animation-timing-function: cubic-bezier(.165, .84, .44, 1);
    animation-timing-function: cubic-bezier(.165, .84, .44, 1)
  }

  30% {
    transform: scale(1.1)
  }

  40% {
    transform: scale(1.1) rotate(10deg);
    -webkit-animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
  }

  55% {
    transform: scale(1.1) rotate(-10deg)
  }

  70% {
    transform: scale(1.1) rotate(10deg)
  }

  85% {
    transform: scale(1.1) rotate(-10deg)
  }

  to {
    transform: scale(1.1) rotate(0)
  }
}

/*响应式*/
@media screen and (max-width: 1680px) {
  /*导航栏*/
  .pro-tab-three {
    height: 80px;
  }

  .pro-tab-three a {
    width: 150px;
    height: 80px;
    margin: 0 20px;
  }

  .pro-tab-three a img {
    height: 34px;
  }

  .pro-tab-three a p {
    line-height: 18px;
    font-size: 18px;
  }

  .pro-tab-three a::after {
    width: 150px;
  }

  .material-pack-wrapper .text {
    font-size: 16px;
  }

  .creative-topic-wrapper,
  .pro-design-containers {
    width: 1200px;
  }

  /*图片响应式*/
  .creative-prototype-wrapper .item {
    width: 285px;
    height: 428px;
  }

  .creative-prototype-wrapper .item-down {
    width: 180px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }

  /*视频响应式*/
  .creative-prototype-video {
    width: 285px;
    height: 160px;
  }

  .pro-design-item:after {
    right: -34px;
  }

  /*配乐响应式*/
  .creative-prototype-wrapper .music-prototype-wrapper {
    width: 285px;
  }

  .creative-prototype-wrapper .music-name-wrapper {
    width: 170px;
  }

  .creative-prototype-wrapper .music-time-bar {
    width: 140px;
  }
}

/*全球精选页面样式*/
.plus-layout-wrap {
  width: 100%;
  height: auto;
  background: #fff;
}

/*底部颜色背景*/
.plus-layout-right-global .plus_Footer {
  background: none;
}

.layout-global-selection {
  width: 100%;
  height: auto;
}


/*banner*/
.global-banner-new {
  width: 100%;
  height: 584px;
  position: relative;
}

.div-layout-banner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.div-layout-banner .div-slider-wrapper {
  display: none;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-layout-banner .div-slider-wrapper video {
  display: block;
  width: 100%;
  object-fit: cover;
}

.div-layout-banner .div-slider-wrapper.active {
  display: block;
}

/*banner 底部阴影*/
.layout-banner-back {
  width: 100%;
  height: 230px;
  background-image: linear-gradient(0deg, #fff, transparent);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}

/*banner 中间区域*/
.global-selection-inputs {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 77px;
}

.global-selection-inputs .title {
  display: block;
  width: 100%;
  line-height: 34px;
  text-align: center;
  font-size: 32px;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.global-search-wrappers {
  width: 680px;
  height: 52px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  margin: 36px auto 0;
}

.global-drop-wrapper {
  width: 90px;
  height: 100%;
  line-height: 52px;
  font-size: 14px;
  color: #2d2d2d;
  border-radius: 8px 0 0 8px;
  text-align: center;
  cursor: pointer;
  position: relative;
  float: left;
}

.global-drop-wrapper::after {
  display: block;
  content: "";
  width: 1px;
  height: 30px;
  background: #d9d9d9;
  position: absolute;
  top: 11px;
  right: 0;
}

.global-drop-wrapper i {
  display: inline-block;
  font-size: 13px;
  margin-left: 3px;
  transition: all 0.15s ease-in;
  vertical-align: 1px;
}

.global-drop-wrapper:hover i {
  transform: rotate(180deg);
}

/*下拉列表*/
.global-drop-down {
  display: none;
  width: 100%;
  height: auto;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  padding: 6px 0;
  position: absolute;
  top: 50px;
  left: 0;
}

.global-drop-down li {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  color: #2d2d2d;
}

.global-drop-down li:hover {
  background: #fff;
}

.global-drop-wrapper:hover .global-drop-down {
  display: block;
}

/*搜索输入框*/
.global-search-wrappers input {
  display: block;
  width: 440px;
  color: #2d2d2d;
  line-height: 52px;
  font-size: 14px;
  background: none;
  float: left;
  padding: 0 15px;
  border: none;
  box-shadow: none;
}

/*输入框初始显示字体颜色设置*/
.global-search-wrappers input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(45, 45, 45, 0.4);
  opacity: 1; /* Firefox */
}

.global-search-wrappers input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(45, 45, 45, 0.4);
}

.global-search-wrappers input::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(45, 45, 45, 0.4);
}


.global-search-wrappers .ant-input:focus,
.global-search-wrappers .ant-input-focused {
  border: none;
  border-right-width: 0 !important;
  box-shadow: none;
}

/*搜索点击按钮*/
.global-search-wrappers a {
  display: block;
  width: 150px;
  height: 100%;
  float: left;
  line-height: 52px;
  background: linear-gradient(90deg, #ffdc9e, #fdc251);
  color: #6c4513;
  letter-spacing: 2px;
  font-size: 20px;
  text-align: center;
  border-radius: 0 8px 8px 0;
}

.global-search-wrappers a:hover {
  color: #6c4513;
  opacity: 0.9;
}

.global-search-wrappers a i {
  font-size: 24px;
  display: inline-block;
  vertical-align: -2px;
  margin-right: 3px;
}

/* tab 切换标签 */
.global-tab-wrapper {
  /*width: 710px;*/
  /*width: 530px;*/
  width: 340px;
  height: 50px;
  background: #FFFFFF;
  border-radius: 25px;
  text-align: center;
  margin: 0 auto 30px;
  padding: 4px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.global-tab-wrapper a {
  display: block;
  width: 160px;
  height: 100%;
  color: #333333;
  line-height: 42px;
  border-radius: 20px;
  font-size: 18px;
  text-align: center;
}

/*.global-tab-wrapper a:nth-of-type(2) {*/
/*  margin: 0 20px;*/
/*}*/

.global-tab-wrapper a:nth-of-type(1) {
  margin-right: 10px;
}

.global-tab-wrapper a:hover,
.global-tab-wrapper a.active {
  color: #613c14;
  background: linear-gradient(90deg, #FFDC9E 0%, #FDC251 100%);
}

.global-tab-wrapper a .iconfont {
  display: inline-block;
  font-size: 18px;
  vertical-align: top;
  margin-right: 10px;
}

.global-tab-wrapper a .icon-zhenxuanshipin {
  font-size: 23px;
  vertical-align: -2px;
}

.global-tab-wrapper a .icon-tupian2 {
  font-size: 19px;
  vertical-align: -1px;
}

.global-tab-wrapper a .icon-jingxuanyinle {
  font-size: 20px;
  vertical-align: -1px;
}

.global-tab-wrapper a .icon-shouji2 {
  vertical-align: 0;
}

  /* 图片盒子 */
.global-result-gather {
  width: 1480px;
  height: auto;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 32px 0px rgba(51,51,51,0.08);
  min-height: 500px;
  margin: -230px auto 0;
  padding: 30px 40px 40px;
  border-radius: 16px;
  position: relative;
  z-index: 2;
}

/*切换等待状态 START*/
.material-search-loading {
  width: 100%;
  height: auto;
  min-height: 500px;
  text-align: center;
  font-size: 18px;
  color: #FFB311;
}

.global-result-gather .material-search-loading {
  padding-top: 50px;
}

.material-search-loading img {
  display: block;
  margin: 0 auto;
}
/*切换等待状态 END*/

.global-video-wrapper,
.global-photo-wrapper,
.global-music-wrapper {
  width: 100%;
  height: auto;
}

/*公共 title*/
.global-new-title {
  width: 100%;
  height: 30px;
  margin-bottom: 18px;
}

.global-new-title img {
  display: block;
  height: 100%;
  float: left;
  margin-right: 10px;
}

.global-new-title div {
  display: block;
  width: 400px;
  height: 100%;
  float: left;
  position: relative;
}

.global-new-title p,
.global-new-title span {
  display: block;
  position: absolute;
  left: 0;
  text-align: left;
  margin: 0;
}

.global-new-title p {
  font-size: 22px;
  line-height: 22px;
  color: #333333;
  top: 0;
}

.global-new-title span {
  font-size: 14px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.08);
  bottom: 0;
}

/*视频分类 START ------------------------------------------*/
.video-classification {
  width: 100%;
  height: 148px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto 50px;
}

.video-classification li {
  display: block;
  width: 335px;
  height: 100%;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.video-classification li img {
  display: block;
  width: 100%;
  transition: all 0.2s ease-in;
  height: 100%;
}

.video-classification li:hover img {
  transform: scale(1.08);
}

.video-classification li a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 148px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  text-align: center;
  font-size: 22px;
  color: #fff;
  text-shadow: 0 2px 6px rgba(10, 0, 3, 0.25);
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}

/*视频甄选专辑*/
.video-album-tab {
  width: 91%;
  height: 30px;
  margin-bottom: 20px;
  float: left;
  overflow: hidden;
}

.video-album-tab li {
  display: inline-block;
  height: 100%;
  padding: 0 20px;
  background: #F9FAFB;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  color: #808080;
  float: left;
  margin-right: 15px;
  border-radius: 15px;
  vertical-align: top;
  cursor: pointer;
}
#featuredVideos .hd.plus-global-ScreenAlbum{
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.video-album-tab li:hover,
.video-album-tab li.on {
  color: #613c14;
  background: linear-gradient(90deg, #FFDC9E 0%, #FDC251 100%);
}

/*查看更多*/
.video-album-more {
  display: block;
  height: 100%;
  line-height: 30px;
  font-size: 14px;
  color: #999;
  float: right;
}

.video-album-more i {
  display: inline-block;
  vertical-align: 0;
  font-size: 13px;
  margin-left: -1px;
}

.video-album-more:hover {
  color: #fdba48;
}

/*视频展示*/
.ul-video-album {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}

.ul-video-album li {
  display: block;
  width: 335px;
  height: 188px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  background: #2e2e34;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.ul-video-album li:nth-of-type(1) {
  width: 690px;
  height: 396px;
}

.ul-video-album li:nth-of-type(3),
.ul-video-album li:nth-of-type(5) {
  margin-right: 0;
}

.ul-video-album li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.ul-video-album li .video-play {
  overflow: hidden;
}

.ul-video-album li .video-play,
.ul-video-album li video {
  height: 100%;
  border-radius: 8px;
}

.ul-video-album li.selectActive::after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 1);
  position: absolute;
  top: 0;
  left: 0;
  animation: selectLight 1s ease-in-out 2;
  z-index: -1;
}

/*右上角角标*/
.right-album-info {
  display: inline-block;
  height: 34px;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px);
  line-height: 34px;
  color: #fff;
  padding: 0 14px;
  font-size: 14px;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}

.right-album-info .icon-shipinzhuanji {
  display: inline-block;
  vertical-align: -1px;
  font-size: 16px;
  margin-right: 8px;
}

.right-album-info .icon-point {
  display: inline-block;
  margin: 0 -1px;
  vertical-align: -1px;
}

/*精选视频*/
.ul-featured-video {
  width: 100%;
  height: auto;
}

.ul-featured-video li {
  display: block;
  width: 335px;
  height: auto;
  background: #F9FAFB;
  border-radius: 8px;
  float: left;
  margin: 0 20px 20px 0;
  overflow: hidden;
  position: relative;
}

.ul-featured-video li:nth-of-type(4n) {
  margin-right: 0;
}

.ul-featured-video .video-play,
.ul-featured-video .video-info {
  display: block;
  width: 100%;
}

.ul-featured-video .video-play {
  height: 188px;
  overflow: hidden;
}

.ul-featured-video .video-play video {
  height: 100%;
  border-radius: 8px 8px 0 0;
}

.ul-video-album .video-resolution {
  display: block;
  width: 60px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 12px;
  right: 10px;
  z-index: 2;
}

/*精选视频底部信息*/
.ul-featured-video .video-info {
  height: 40px;
  padding-left: 16px;
}

.ul-featured-video .video-info p,
.ul-featured-video .video-info span {
  display: block;
  height: 100%;
  line-height: 40px;
  font-size: 13px;
  color: #333;
  float: left;
  text-align: left;
  margin: 0;
}

.ul-featured-video .video-info p {
  width: 155px;
  margin-right: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.new-global-qy,
.new-qy-label {
  display: block;
  width: 68px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  color: #613c14;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  border-radius: 4px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 10;
}

.new-qy-label {
  display: none;
  padding-left: 5px;
}

.new-qy-label i {
  display: inline-block;
  font-size: 12px;
  margin-left: -1px;
}

.new-qy-label:hover {
  opacity: 0.9;
  color: #613c14;
}

.ul-featured-video li:hover .new-global-qy {
  display: none;
}

.ul-featured-video li:hover .new-qy-label {
  display: block;
}

/*右上角分辨率*/
.ul-featured-video .video-resolution {
  display: block;
  width: 56px;
  height: 22px;
  line-height: 22px;
  border-radius: 12px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  padding-left: 2px;
}

/*下载收藏盒子*/
.ul-featured-video .video-two-box {
  width: auto;
  height: auto;
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  opacity: 0;
  transition: .23s;
}

.ul-featured-video .a-collect-box {
  display: block;
  width: 28px;
  height: 28px;
  float: right;
  background: rgba(0, 0, 0, 0.3);
  line-height: 28px;
  text-align: center;
  font-size: 16px;
  border-radius: 4px;
  margin-left: 5px;
  color: #fff;
}

.ul-featured-video .a-collect-box:hover,
.ul-featured-video .a-collect-box.active {
  color: #fac76e;
}

.ul-featured-video .a-download-box {
  display: block;
  width: 80px;
  height: 28px;
  float: right;
  line-height: 28px;
  text-align: center;
  font-size: 15px;
  color: #613c14;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  border-radius: 4px;
}

.a-download-box .iconfont {
  display: inline-block;
  vertical-align: top;
  margin-right: 3px;
}

.ul-featured-video li:hover .video-resolution {
  display: none;
}

.ul-featured-video .video-box:hover .video-two-box {
  opacity: 1;
  top: 10px;
}
/*视频分类 END --------------------------------------------*/

/*图片分类 START ------------------------------------------*/
.global-photo-wrapper .video-classification li {
  width: 264px;
}

.ul-featured-photo {
  width: 100%;
  height: auto;
}

.ul-featured-photo li {
  display: block;
  width: 335px;
  height: 188px;
  background: #34353c;
  border-radius: 8px;
  float: left;
  margin: 0 20px 20px 0;
  overflow: hidden;
  position: relative;
}

.ul-featured-photo li:nth-of-type(4n) {
  margin-right: 0;
}

.ul-featured-photo li a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.2s ease-in;
}

.ul-featured-photo li:hover a {
  transform: scale(1.08);
}

.right-album-info .icon-duosucai {
  display: inline-block;
  font-size: 15px;
  vertical-align: 0;
  margin-right: 6px;
}

.ul-featured-photo li.selectActive::after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 1);
  position: absolute;
  top: 0;
  left: 0;
  animation: selectLight 1s ease-in-out 3;
  z-index: -1;
}
/*图片分类 END --------------------------------------------*/

/*音频分类 START ------------------------------------------*/
/*音频分类 END --------------------------------------------*/

/*服务优势&使用方 ------------------------------------------*/
.global-Serve-Wrapper {
  width: 1480px;
  height: auto;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 32px 0px rgba(51,51,51,0.08);
  margin: 50px auto 60px;
  border-radius: 16px;
  padding: 50px 40px 60px;
}

.serveTitle {
  display: block;
  width: 100%;
  height: auto;
  /* background: rgba(41, 43, 51, 0.9); */
  letter-spacing: 1px;
  margin: 0 auto;
  position: relative;
}

.serveTitle p,
.serveTitle span {
  display: block;
  text-align: center;
}

.serveTitle p {
  height: 30px;
  line-height: 30px;
  font-size: 28px;
  color: #333333;
  margin: 0;
  font-weight: bold;
}

.serveTitle span {
  height: 18px;
  line-height: 18px;
  font-size: 16px;
  color: #E6E6E6;
  font-weight: normal;
  margin-top: 6px;
}

.serveTitle::after,
.serveTitle::before {
  display: block;
  content: "";
  width: 520px;
  height: 1px;
  background: #F0F0F0;
  position: absolute;
  top: 15px;
}

.serveTitle::after {
  left: 0;
}

.serveTitle::before {
  right: 0;
}

.serveWrapper {
  width: 100%;
  height: auto;
  margin: 76px auto;
}

.serveWrapper li {
  display: block;
  width: 335px;
  height: 200px;
  float: left;
  background: #FBFCFD;
  border-radius: 12px;
  margin-right: 20px;
  padding-top: 42px;
}

.serveWrapper li:nth-of-type(4) {
  margin-right: 0;
}

.serveWrapper li img {
  display: block;
  height: 52px;
  margin: 0 auto;
}

.serveWrapper li p,
.serveWrapper li span {
  display: block;
  text-align: center;
}

.serveWrapper li p {
  font-size: 18px;
  line-height: 20px;
  color: #333;
  margin: 20px 0 14px;
  font-weight: 500;
}

.serveWrapper li span {
  font-size: 12px;
  line-height: 14px;
  color: #B3B3B3;
}

/*他们正在使用*/
.serveLogo {
  width: 1080px;
  margin: 68px auto 0;
}

.serveLogo img {
  display: block;
  width: 100%;
}
/*服务优势&使用方 ------------------------------------------*/

/*侧边栏 -------------------------------------------------*/
.global-aside-wrapper {
  width: 90px;
  height: auto;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 32px 0px rgba(51,51,51,0.08);
  border-radius: 10px;
  padding: 14px 0 11px;
  position: fixed;
  left: 5%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  z-index: -1;
  margin: 0;
  max-height: unset!important;
  overflow: hidden;
}

.global-aside-wrapper.active {
  opacity: 1;
  z-index: 10;
}

.global-aside-wrapper a,
.global-aside-wrapper .ant-anchor-link {
  display: block;
  width: 70px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  color: #333;
  margin: 0 auto 3px;
  border-radius: 6px;
  padding: 0;
}

.global-aside-wrapper a:hover,
.global-aside-wrapper a.active {
  color: #613c14;
  background: linear-gradient(90deg, #FFDC9E 0%, #FDC251 100%);
}

.global-aside-wrapper .ant-anchor-link-active > .ant-anchor-link-title {
  color: #613c14;
  background: linear-gradient(90deg, #FFDC9E 0%, #FDC251 100%);
}

.global-aside-wrapper .ant-anchor-ink {
  display: none;
}
/*侧边栏 -------------------------------------------------*/

/*动画 ---------------------------------------------------*/
@keyframes selectLight {
  from {
    opacity: 0;
    z-index: 1;
  }

  50% {
    opacity: 0.6;
    z-index: 1;
  }

  to {
    opacity: 0;
    z-index: 1;
  }
}
/*动画 ---------------------------------------------------*/

/*响应式 -------------------------------------------------*/
@media all and (max-width: 1680px) {
  .global-result-gather,
  .global-Serve-Wrapper {
    width: 1280px;
  }

  .video-classification {
    height: 126px;
  }

  .video-classification li {
    width: 285px;
  }

  .video-classification li a {
    line-height: 126px;
  }

  .ul-video-album li {
    width: 285px;
    height: 160px;
  }

  .ul-video-album li:nth-of-type(1) {
    width: 590px;
    height: 340px;
  }

  .ul-featured-video li {
    width: 285px;
  }

  .ul-featured-video .video-play {
    height: 160px;
  }

  .ul-featured-video .video-info p {
    width: 130px;
    margin-right: 10px;
  }

  .serveWrapper li {
    width: 285px;
    height: 180px;
    padding-top: 30px;
  }

  .serveTitle::after,
  .serveTitle::before {
    width: 450px;
  }

  /*热门图库响应式*/
  .global-photo-wrapper .video-classification li {
    width: 226px;
  }

  .global-photo-wrapper .video-classification li a {
    font-size: 18px;
  }

  .ul-featured-photo li {
    width: 285px;
    height: 160px;
  }

  /*侧边栏响应式*/
  .global-aside-wrapper {
    left: 2%;
  }
}

/*1440 响应式 */
@media all and (max-width: 1440px) {
  .global-aside-wrapper {
    left: 1%;
  }
}


.sortBy-wrapper::after{
    display: none !important;
}

/*首页*/
#photo .sc-home-ad {
    height: 200px;
}

#photo .sc-home-ad:hover .down-btn{
    bottom: 6px;
}

#photo .list-category-wrapper .pop-bot .down-btn{
    transform: scale(0.8);
}

#photo .list-category-wrapper .pop-bot,
#photo .list-category-wrapper .pop-tit{
    height: 35px;
}

/*底部热门搜索以及最新素材文字链接*/
.plus-home-textlink{
    display: flex;
    justify-content: center;
    background: #F9FAFB;
    margin-right: 10px;
    color: #333;
    display: flex;
    position: relative;
    width: 1495px;
    height: 100px;
    margin: 40px auto;
    line-height: 12px;
    font-size: 12px;
    padding: 10px 0px 0px 20px;
    border-radius: 10px;
}
.plus-home-textlink-title{
    margin-right: 100px;
    cursor: pointer;
}

.plus-home-textlink-content {
    position: absolute;
    left: 10px;
    margin-top: 15px;
    margin-right: 5px;
    height: auto;
    text-align: center;
    color: #666;
    line-height: 20px;
}

.plus-home-textlink-content.have{
    opacity: 1;
    z-index: 10;
}

.plus-home-textlink-content.not{
    opacity: 0;
}


.plus-home-textlink-content a{
    color: #666;
    margin-right: 26px;
}

.textLinkTitle{
    cursor: pointer;
    margin-right: 20px;
    font-size: 13px;
}

.LinkHoverStyle{
    font-weight: 700;
    color: #a0a0a0;
    font-size: 14px;

}



/*搜索页分页样式*/
.seo-pagination-list.pagination-list{
    height: 32px;
    display: flex;
    flex-direction: row-reverse;
}
.seo-pagination-list.pagination-list.search {
    flex-direction: unset;
    justify-content: center;
}


/*seo搜索页搜索结果盒子*/
#seoToatl-searchBox{
    display: flex;
    flex-wrap: wrap;
}

#seoToatl-searchBox .seoSearch-BoxContent{
    margin-right: 24px;
    margin-bottom: 15px;
    cursor: pointer;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    background-color: #F4F5F6;
}

#seoToatl-searchBox img{
    width: 100%;
    /*height: 100%;*/
}

.seo-audioBox{
    width: 270px;
    height: 408px;
    background: #fff url(//js.ibaotu.com/revision/img/public/img_MusicBg.png) center no-repeat;
    background-size: cover;
}

.seoSearch-BoxContent .seoSearch-BoxContent-detail{
    /*display: inline-block;*/
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.seoSearch-BoxContent-detail::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 120%;
    height: 120%;
    margin: auto auto auto -10%;
    background: inherit;
    filter: blur(18px);
}

.seoSearch-BoxContent video{
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 10;
}

.seo-videoQuilyty{
    display: block;
    width: 48px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2;
}

.seo-right-downLoadBtn{
    display: block;
    width: 26%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #71481b;
    background: linear-gradient(90deg, #eacca3, #ebab43);
    border-radius: 4px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 2;
    opacity: 0;
    transition: .23s;
}

.seoSearch-BoxContent:hover .seo-right-downLoadBtn{
    opacity: 1;
}

.seo-right-downLoadBtn:hover{
    color: #71481b;
}

.seo-showBox{
    display:block;
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 12px;
    padding: 0 15px;
    z-index: 10;
    /*background: #000;*/
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8));
    opacity: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 18px;
    transition: 0.3s;
}

.seo-showBox span:first-child{
    max-width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.seoSearch-BoxContent:hover .seo-showBox{
    opacity: 0;
}

.seoSearch-BoxContent-music{
    background-color: #fff;
}
.seoSearch-BoxContent-music-bottomTitle{
    width: 85%;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3.5%;
    margin: 0 auto;
    background: none;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 2;
}
.seoSearch-BoxContent-music-bottomTitle i{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(//js.ibaotu.com/revision/img/public/music-score-erji.png) center no-repeat;
    background-size: cover;
    vertical-align: -3px;
    margin-right: 4px;
}

.seoSearch-BoxContent-music-BottomShaow,
.seoSearch-BoxContent-img-BottomShaow{
    display: block;
    width: 100%;
    height: 23%;
    line-height: 100px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0, transparent 100%);
    border-radius: 0 0 8px 8px;
    padding-left: 8px;
    padding-right: 6px;
    letter-spacing: 1px;
    font-size: 16px;
    color: #fff;
    text-align: left;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: all 0.1s ease-in;
    z-index: 5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.seoSearch-BoxContent-music-BottomShaow button,
.seoSearch-BoxContent-img-BottomShaow button{
    width: 220px;
    height: 48px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    /*line-height: 48px;*/
    font-size: 16px;
    border-radius: 48px;
    margin: 0 auto;
    color: #71481b;
    background: linear-gradient(90deg, #eacca3, #ebab43);
    overflow: hidden;
    position: relative;
}

.seoSearch-BoxContent-music:hover .seoSearch-BoxContent-music-BottomShaow,
.seoSearch-BoxContent-img:hover .seoSearch-BoxContent-img-BottomShaow{
    opacity: 1;
}

.seoSearch-BoxContent-music-top,
.seoSearch-BoxContent-img-top,
.seoSearch-BoxContent-video-top{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 54px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0, transparent 100%);
    border-radius: 0 0 8px 8px;
    letter-spacing: 1px;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 11;
    transition: all 0.1s ease-in;
    padding: 0 10px;
}

.seoSearch-BoxContent-music-top span:nth-child(1),
.seoSearch-BoxContent-img-top span:nth-child(1){
    display: block;
    max-width: 70%;
    line-height: 54px;
    padding-left: 10px;
    font-size: 15px;
    color: #fff;
    text-align: left;
    letter-spacing: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.seoSearch-BoxContent-music-top span:nth-child(2),
.seoSearch-BoxContent-img-top span:nth-child(2){
    width: 28px;
    height: 28px;
    line-height: 28px;
    float: right;
    background: #fff;
    text-align: center;
    padding-left: 1px;
    margin-top: 12px;
    border-radius: 4px;
    color: #999;
}

.seoSearch-BoxContent-video-top span:nth-child(1){
    width: 28px;
    height: 28px;
    line-height: 28px;
    float: right;
    background: #fff;
    text-align: center;
    padding-left: 1px;
    margin-top: 12px;
    border-radius: 4px;
    color: #999;
}

.shoucangStyle{
    color: #ebab43;
}
.seoSearch-BoxContent-music:hover .seoSearch-BoxContent-music-top,
.seoSearch-BoxContent-img:hover .seoSearch-BoxContent-img-top,
.seoSearch-BoxContent-video:hover .seoSearch-BoxContent-video-top{
    opacity: 1;
}
.seoSearch-BoxContent-img img{
    transition: .5s;
}
.seoSearch-BoxContent-img:hover img{
    transform: scale(1.1);
}

.seo-layout-logo-wrapper{
    margin-right: 30px;
}

p.seoHome-footerLink{
    margin-bottom: -5px;
}

.seoHome-footerLink{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #808080;
}

.seoHome-footerLink a{
    color: #B2B2B2;
    font-size: 13px;
}

.seoHome-footerLinkTips{
    opacity: 0;
    visibility: hidden;
    transition: all .2s;
}

.seoHome-footerLinkTips a{
    margin-right: 10px;
}

.seoHome-footerLinkTips-vis{
    opacity: 1;
    visibility: visible;
}

.plus_Footer .seo-footer_Center{
    padding-top: 20px !important;
}

.plus-layout-right .seo-material-search-result-wrapper{
    padding: 26px 20px 40px 40px;
}

.plus-layout-right .seo-material-search-content{
    width: 1778px;
}

.plus-layout-right .seo-material-search-content .material-label-list{
    width: 100%;
    height: 210px;
}

.plus-layout-right .seo-material-search-content .material-label-list p{
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    color: #B2B2B2;
    margin-top: -5px;
}

.seo-plus-layout-right .search-related-wrapper{
    width: 100%;
    margin: 20px auto;
}

.seo-home-music .seo-top-Proto{
    display: flex;
}

.seo-home-music .top-Proto .audio-info{
    margin-top: 0;
}

.seo-home-music .bottom-Proto{
    margin-top: 20px;
}

.seo-get-vip-hint01{
    display: inline-block;
    vertical-align: top;
    height: 28px;
    font-size: 12px;
    text-align: center;
    border-radius: 4px;
    transition: all 0.15s ease-in;
}

.seo-DetailImage .seo-Detail-copyrightCard{
    height: 160px;
}

.seo-picture-new-horizontal{
    display: flex;
    justify-content: center;
    align-items: center;
}
 .seo-stencil{
     width: 95.14%;
     height: auto;
     background: #ffffff;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
     /*border: 5px solid #fffaf3;*/
}

.seo-stencil img{
    width: 100% !important;
    height: auto !important;
}

.AlbumsDetail-Images .seo-albumDeatil-pictureNew{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.AlbumsDetail-Images .seo-albumDeatil-pictureNew img{
    width: 98% !important;
    height: auto !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    border: 5px solid #fffaf3;
}

.SeoDetailTextLink{
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 90px;
    width: 80%;
    display: flex;
    color: #B2B2B2;
    flex-wrap: wrap;
    justify-content: center;
}

.SeoDetailTextLink .SeoSearchTextLink-title{
    margin-bottom: 10px;
}

.SeoDetailTextLink a{
    margin-right: 20px;
    color: #8B8B8E;
    margin-bottom: 5px;
}


.SeoDetailTextLink a:hover{
    color: #B2B2B2;
}

.SeoSearchTextLink{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #F9FAFB;
    color: #333;
    position: relative;
    width: 80%;
    height: 100px;
    margin: 40px auto;
    line-height: 12px;
    font-size: 12px;
    padding: 15px 0px 0px 20px;
    border-radius: 10px;
}

.SeoSearchTextLink-title{
    margin-bottom: 20px;
    font-weight: 700;
    color: #a0a0a0;
    font-size: 14px;
    cursor: pointer;
}

.SeoSearchTextLink-title span{
    margin-right: 10px;
    transition: all 0.3s ease-in-out;
}

.SeoSearchTextLink-title span:hover{
    color: #B2B2B2;
}

.SeoSearchTextLink a{
    margin-right: 20px;
    color: #999;
    margin-bottom: 10px;
}

.SeoSearchTextLink a:hover{
    color: #666;
}

.material-seoSearch-resultText{
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 20px;
    width: 70%;
    display: flex;
    color: #999;
    flex-wrap: wrap;
    justify-content: center;
}

.plus-SeoFooter.plus_Footer{
    height: auto !important;
    padding-bottom: 20px;
}

.seo-plus-layout-right .position-search-wrapper{
    margin-left: 0;
}

.seo-search-breadcrumb{
    display: flex;
    font-size: 14px;
    font-weight: 400;
    color: #999;
}

.seo-search-breadcrumb a{
    font-size: 14px;
    font-weight: 400;
    color: #999;
    transition: all .2s;
    margin-right: 5px;
}

.seo-search-breadcrumb a:hover{
    color: #B2B2B2;
}

.seo-search-breadcrumb h1{
    font-size: 14px;
    font-weight: 400;
    color: #999;
    margin-left: 5px;
}

.seo-DetailImage .Detail-Associated-information{
    padding: 25px 0px 20px 24px;
}

.seo-pagination-list .ant-pagination-prev a,
.seo-pagination-list .ant-pagination-next a{
    color: #999;
}
.seo-pagination-list .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis,
.seo-pagination-list .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis{
    color: rgba(0, 0, 0, 0.25);
}

.seo-pagination-list .ant-pagination-options-quick-jumper{
    color: rgba(0, 0, 0, 0.25);
}

.seo-pagination-list .ant-pagination-options-quick-jumper button{
    width: 56px;
    height: 36px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 36px;
    background: #ffb311;
    border-radius: 4px;
    outline: 0;
    cursor: pointer;
    margin-left: 10px;
}

.seo-pagination-list .ant-pagination-options-quick-jumper{
    display: flex;
}

.seo-pagination-list .ant-pagination-options-quick-jumper span{
    display: block;
}

.seo-pagination-list .ant-pagination-options{
    width: auto;
    padding: 0 10px;
}

.detailVideo-content-left-textInfo{
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-top: 10px;
}

.SeoSearchTextLink-content{
    width: 100%;
    height: 100%;
    position: relative;
}

.SeoSearchTextLink-content-item{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all 0.3s ease;
}

.SeoSearchTextLink-content-item.active{
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.seo-details-guessYouLike{
    width: 100%;
    padding: 30px 0 20px 0;
    display: flex;
    flex-direction: column;
}
.seo-details-guessYouLike-tags{
    margin-top: 5px;
    display: flex;
    flex-direction: column;
}

.seo-details-guessYouLike a{
    display: inline-block;
    width: auto;
    padding: 0 2px;
    margin-right: 15px;
    color: #8B8B8E;
    margin-bottom: 5px;
    transition: all 0.2s ease;
}

.seo-details-guessYouLike a:hover{
    color: #fffaf3;
}

.material-classify-list-desc,
.material-classify-list-desc h1{
    display: flex;
    font-size: 14px;
    color: #ccc;
    margin-bottom: 0;
}

.seoSearch-BoxContent {
    width: 318px;
    height: 476px;
}

.detail-createPro-keyword{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 10px;
}

.detail-createPro-keyword h5{
    color: #fff;
    font-size: 15px;
    margin-bottom: 0;
}
.detail-createPro-keyword a{
    font-size: 15px;
    color: #fffaf3;
    margin-right: 10px;
}

.seo-DetailImage .detailVideo-content-title{
    justify-content: space-between;
}

.detailVideo-content-title-tips{
    display: flex;
    justify-content: left;
}

@media screen and (max-width: 1680px){
    .plus-layout-right .seo-material-search-content{
        width: 1330px;
    }

    .plus-home-textlink{
        width: 1140px;
    }

    .seoSearch-BoxContent {
        width: 293px;
        height: 438px;
    }

    #seoToatl-searchBox .seoSearch-BoxContent{
        margin-right: 24px;
        margin-bottom: 15px;
    }

}

@media screen and (max-width: 1440px){
    .plus-layout-right .seo-material-search-content{
        width: 1200px;
    }

    .seoSearch-BoxContent {
        width: 262px;
        height: 392px;
    }

    #seoToatl-searchBox .seoSearch-BoxContent{
        margin-right: 22px;
        margin-bottom: 15px;
    }
}


/*全球精选页面样式*/
.plus-layout-wrap {
  width: 100%;
  height: auto;
  background: #fff;
}

.layout-global-selection {
  width: 100%;
  height: auto;
}

/*轮播图*/
.layout-global-banner {
  width: 100%;
  height: calc(100vh - 72px);
  position: relative;
}

.layout-global-banner .slick-slider,
.layout-global-banner .slick-list {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.layout-global-banner .slider-content {
  display: block;
  width: 100%;
  height: calc(100vh - 72px);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.layout-global-banner .slider-content::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}

/*搜索框*/
.global-selection-input {
  width: 700px;
  height: 62px;
  position: absolute;
  top: 42%;
  left: 220px;
  z-index: 10;
}

.global-selection-input .title {
  display: block;
  width: 620px;
  height: 40px;
  line-height: 40px;
  text-align: left;
  font-size: 36px;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 4px 16px rgba(4, 23, 45, 0.25);
  position: absolute;
  top: -78px;
  left: 0;
}

.global-search-wrapper {
  width: 680px;
  height: 100%;
  background: rgba(255, 255, 255, 0.14);
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 30px;
  margin: 0;
  overflow: hidden;
  backdrop-filter: blur(20px);
}

.global-search-wrapper input {
  display: block;
  width: 520px;
  color: #fff;
  line-height: 58px;
  letter-spacing: 1px;
  font-size: 16px;
  background: none;
  float: left;
  padding: 0 24px;
  border: none;
  box-shadow: none;
}

/*输入框初始显示字体颜色设置*/
.global-search-wrapper input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.global-search-wrapper input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.global-search-wrapper input::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}


.global-search-wrapper .ant-input:focus,
.global-search-wrapper .ant-input-focused {
  border: none;
  border-right-width: 0 !important;
  box-shadow: none;
}

/*按钮*/
.global-search-wrapper a {
  display: block;
  width: 156px;
  height: 100%;
  float: left;
  line-height: 58px;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  letter-spacing: 2px;
  font-size: 22px;
  text-align: center;
}

.global-search-wrapper a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.5);
}

.global-search-wrapper a i {
  font-size: 27px;
  display: inline-block;
  vertical-align: -2px;
  margin-right: 3px;
}

/*左右点击按钮*/
.layout-global-banner .slick-next,
.layout-global-banner .slick-prev {
  width: 40px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  background: none;
  z-index: 10;
  transition: all 0.1s ease-in;
}

.layout-global-banner .slick-next:hover,
.layout-global-banner .slick-prev:hover {
  border-color: #fff;
}

.layout-global-banner .slick-next i,
.layout-global-banner .slick-prev i {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
}

.layout-global-banner .slick-next:hover i,
.layout-global-banner .slick-prev:hover i {
  color: #fff;
}

.layout-global-banner .slick-prev {
  display: none;
  left: 50px;
  padding-right: 2px;
}

.layout-global-banner .slick-next {
  top: 40%;
  right: 200px;
  padding-left: 2px;
}

.layout-global-banner .slick-next:before,
.layout-global-banner .slick-prev:before {
  display: none;
}

/*轮播数值*/
.global-number-right {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  position: absolute;
  top: 45%;
  right: 192px;
  transform: rotate(90deg);
  z-index: 10;
}

.global-number-right span {
  display: inline-block;
  vertical-align: -2px;
  font-size: 18px;
  width: 28px;
  text-align: center;
}

/*底部上下跳动*/
.global-bottom-jump {
  width: 90px;
  height: 60px;
  line-height: 60px;
  position: absolute;
  bottom: 34px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  animation: 1s ease-in-out 0s infinite alternate none running up_and_down;
}

.global-bottom-jump i {
  font-size: 90px;
  color: #E3B970;
  display: inline-block;
}

/* tab 三个切换标签 */
.global-Tab-affix {
  width: 100%;
  height: auto;
  margin: 30px auto;
}

.global-Tab-three {
  width: 780px;
  height: 84px;
  background: #292B33;
  border-radius: 20px;
  text-align: center;
  margin: 0 auto;
  padding: 0 80px 0 48px;
}

.layout-global-selection .ant-affix {
  z-index: 21;
}

.layout-global-selection .ant-affix.active {
  z-index: -1;
}

.layout-global-selection .ant-affix .global-Tab-three {
  background: rgba(41, 43, 51, 0.7);
  backdrop-filter: blur(20px);
}

.layout-global-selection .ant-affix .global-Tab-three {
  margin: 0 auto;
}

.global-Tab-three a {
  display: inline-block;
  height: 100%;
  line-height: 80px;
  font-size: 28px;
  color: #fff;
  text-align: center;
  vertical-align: top;
  position: relative;
}

.global-Tab-three a::after {
  display: block;
  content: "";
  width: 114px;
  height: 4px;
  background: #FEC667;
  border-radius: 2px;
  position: absolute;
  bottom: 20px;
  right: 0;
  opacity: 0;
  transition: all 0.1s ease-in;
}

.global-Tab-three a:hover::after,
.global-Tab-three a.active::after {
  opacity: 1;
}

.global-Tab-three a.active {
  font-weight: bold;
}

.global-Tab-three a .iconTab {
  display: inline-block;
  width: 46px;
  height: 31px;
  vertical-align: -5px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 16px;
}

.global-Tab-three a:nth-of-type(2) {
  margin-right: 65px;
  margin-left: 50px;
}

.global-Tab-three a:nth-of-type(1) .iconTab {
  background-image: url('//js.ibaotu.com/revision/plus/img/world/icon_video.png');
}

.global-Tab-three a:nth-of-type(1):hover .iconTab,
.global-Tab-three a:nth-of-type(1).active .iconTab {
  background-image: url('//js.ibaotu.com/revision/plus/img/world/icon_video_hover.png');
}

.global-Tab-three a:nth-of-type(2) .iconTab {
  background-image: url('//js.ibaotu.com/revision/plus/img/world/icon_img.png');
}

.global-Tab-three a:nth-of-type(2):hover .iconTab,
.global-Tab-three a:nth-of-type(2).active .iconTab {
  background-image: url('//js.ibaotu.com/revision/plus/img/world/icon_img_hover.png');
}

.global-Tab-three a:nth-of-type(3) .iconTab {
  background-image: url('//js.ibaotu.com/revision/plus/img/world/icon_music.png');
}

.global-Tab-three a:nth-of-type(3):hover .iconTab,
.global-Tab-three a:nth-of-type(3).active .iconTab {
  background-image: url('//js.ibaotu.com/revision/plus/img/world/icon_music_hover.png');
}

/* 图片盒子 */
.global-Image-Wrapper {
  width: 1450px;
  height: auto;
  min-height: 400px;
  margin: 0 auto;
  padding: 0 0 100px;
}

/*切换等待状态 START*/
.material-search-loading {
  width: 100%;
  height: auto;
  min-height: 500px;
  padding-top: 30px;
  text-align: center;
  font-size: 18px;
  color: #FFB311;
}

.material-search-loading img {
  display: block;
  margin: 0 auto;
}
/*切换等待状态 END*/

.global-popularity-flow {
  width: 100%;
  height: auto;
  background: #292B33;
  border-radius: 20px;
  padding: 30px 25px 45px;
  margin: 0 auto 90px;
}

.material-global-images .item {
  width: 335px;
  height: 504px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background: #e1e4e9;
  position: relative;
  transition: all 0.2s ease-in;
  border-radius: 8px;
}

.material-global-images .item:nth-of-type(4n) {
  margin-right: 0;
}

.material-global-images .item::after {
  display: block;
  content: "";
  width: 100px;
  height: 100px;
  background: url("//js.ibaotu.com/revision/img/global/loading.svg") center no-repeat;
  background-size: 88%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.material-global-images .global-qy,
.global-authorization-label {
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 13px;
  color: #71481b;
  background: linear-gradient(90deg, #eacca3, #ebab43);
  border-radius: 4px;
}

.material-global-images .global-qy {
  display: block;
  width: 88px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  padding-right: 2px;
}

.global-qy .icon-huiyuan {
  display: inline-block;
  font-size: 19px;
  vertical-align: -2px;
}

.global-qy em {
  display: inline-block;
  width: 1px;
  height: 11px;
  background: #a07e58;
  vertical-align: -1px;
  margin: 0 4px 0 3px;
}

.material-global-images .global-qy-photo {
  right: 10px;
  left: unset;
}

.global-authorization-label {
  width: 78px;
  padding-left: 7px;
  margin: 12px 0 0 10px;
}

.global-prototype-video .global-authorization-label,
.global-prototype-music .global-authorization-label {
  display: none;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  margin: 0;
}

.global-prototype-music .global-authorization-label {
  left: unset;
  top: 20px;
  right: 18px;
}

.global-authorization-label .icon-you {
  display: inline-block;
  font-size: 13px;
  margin-left: -2px;
}

.global-authorization-label:hover {
  color: #71481b;
}

.material-global-images .item-top a.global-authorization-label {
  float: right;
}

.global-prototype-video:hover .global-qy,
.global-prototype-music:hover .global-qy,
.material-global-images .item:hover .global-qy {
  display: none;
}

.global-prototype-video:hover .global-authorization-label,
.global-prototype-music:hover .global-authorization-label {
  display: block;
}

.global-authorization-label:hover {
  opacity: 0.9;
  color: #71481b;
}

.material-global-images .item img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.material-global-images .item:hover {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
  z-index: 20;
}

.material-global-images .item .global-jump-details {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* 下载收藏盒子 */
/*top*/
.material-global-images .item-top {
  display: block;
  width: 100%;
  height: 54px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0, transparent 100%);
  border-radius: 0 0 8px 8px;
  letter-spacing: 1px;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 5;
  transition: all 0.1s ease-in;
  padding-right: 10px;
}

.material-global-images .item-top a {
  display: block;
  float: left;
}

.material-global-images .item-top .item-title {
  width: 185px;
  height: 100%;
  line-height: 54px;
  padding-left: 10px;
  font-size: 15px;
  color: #fff;
  text-align: left;
  letter-spacing: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.material-global-images .item-top .item-collect {
  width: 28px;
  height: 28px;
  line-height: 28px;
  float: right;
  background: #fff;
  text-align: center;
  padding-left: 1px;
  margin-top: 12px;
  border-radius: 4px;
}

.material-global-images .item-top .item-collect i {
  font-size: 19px;
  color: #999;
}

.material-global-images .item-top .item-collect i:hover,
.material-global-images .item-top .item-collect i.active {
  color: #ebab43;
}

.material-global-images .item:hover .item-top {
  opacity: 1;
}

/*bottom*/
.material-global-images .item-bottom {
  display: block;
  width: 100%;
  height: 100px;
  line-height: 100px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0, transparent 100%);
  border-radius: 0 0 8px 8px;
  padding-left: 8px;
  padding-right: 6px;
  letter-spacing: 1px;
  font-size: 16px;
  color: #fff;
  text-align: left;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.1s ease-in;
  z-index: 5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.material-global-images .item-down {
  display: block;
  width: 220px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  font-size: 18px;
  border-radius: 48px;
  color: #71481b;
  background: linear-gradient(90deg, #eacca3, #ebab43);
  position: relative;
  margin: 20px auto;
  top: unset;
  left: unset;
  overflow: hidden;
}

.material-global-images .item-down::after {
  display: block;
  content: "";
  width: 220px;
  height: 48px;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.15s ease-in;
}

.material-global-images .item-down:hover::after {
  opacity: 1;
}

.material-global-images .item:hover .item-bottom {
  opacity: 1;
}

/*横图样式*/
.picture-new-horizontal {
  width: 100%;
  height: 100%;
  background: rgba(234, 234, 234, 1);
  position: relative;
}

.picture-new-hor-top,
.picture-new-hor-bottom {
  width: 100%;
  overflow: hidden;
}

.picture-new-hor-top {
  height: 55%;
  background: linear-gradient(0deg, rgba(234, 234, 234, 1), rgba(236, 236, 236, 1), rgba(215, 215, 215, 1));
}

.picture-new-hor-top .stencil {
  width: 90.14%;
  height: 73.19%;
  background: #ffffff;
  margin: 10% auto 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  position: relative;
}

.picture-new-hor-top .stencil .stencil-img {
  width: 96.53%;
  height: 94.71%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.picture-new-hor-top .stencil .stencil-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.picture-new-hor-bottom {
  height: 45%;
  background: #fff;
}

.picture-new-hor-bottom .stencil {
  width: 100%;
  height: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.picture-new-hor-bottom .stencil i {
  display: block;
  width: 26.27%;
  height: 33.97%;
  background: url('//js.ibaotu.com/revision/img/classify/191025/icon_photo.png') center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.picture-new-hor-top .stencil::after,
.picture-new-hor-bottom .stencil::after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
}
/*横图样式END*/

/*竖图样式*/
.picture-new-vertical,
.picture-new-vertical .stencil {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.picture-new-vertical {
  width: 90.42%;
  height: 88.88%;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.picture-new-vertical .stencil {
  width: 96.79%;
  height: 97.83%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/*查看更多*/
.global-Check-more {
  display: block;
  width: 180px;
  height: 44px;
  background: linear-gradient(90deg, #FFD694, #FDBA48);
  border-radius: 10px;
  text-align: center;
  line-height: 44px;
  font-size: 18px;
  color: #613c14;
  margin: 20px auto 0;
}

.global-Check-more i {
  font-size: 15px;
  display: inline-block;
  vertical-align: 1px;
}

.global-Check-more:hover {
  opacity: 0.9;
  color: #613c14;
}

/*服务优势*/
.global-Title {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  margin: 0 auto;
  position: relative;
}

.global-Title div {
  display: block;
  width: 342px;
  height: 58px;
  text-align: center;
  line-height: 30px;
  font-size: 28px;
  color: #fac76e;
  font-weight: bold;
  position: absolute;
  top: -28px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #21232a;
  letter-spacing: 1px;
}

.global-Title div p,
.global-Title div span {
  display: block;
}

.global-Title div p {
  height: 30px;
  line-height: 30px;
  margin: 0;
}

.global-Title div span {
  height: 18px;
  line-height: 18px;
  font-size: 16px;
  color: #41444c;
}

.global-Ul-Wrapper {
  width: 100%;
  height: 218px;
  margin: 76px auto 103px;
}

.global-Ul-Wrapper li {
  display: block;
  width: 23.7%;
  height: 100%;
  float: left;
  background: #292B33;
  border-radius: 12px;
  margin-right: 25px;
  padding-top: 44px;
}

.global-Ul-Wrapper li:nth-of-type(4) {
  margin-right: 0;
}

.global-Ul-Wrapper li img {
  display: block;
  width: 68px;
  margin: 0 auto;
}

.global-Ul-Wrapper li p,
.global-Ul-Wrapper li span {
  display: block;
  text-align: center;
}

.global-Ul-Wrapper li p {
  font-size: 20px;
  line-height: 20px;
  color: #fac76e;
  margin: 20px 0 14px;
}

.global-Ul-Wrapper li span {
  font-size: 14px;
  line-height: 14px;
  color: #8e8e8e;
}

/*他们正在使用*/
.global-Bottom-logo {
  width: 1080px;
  margin: 76px auto 0;
}

.global-Bottom-logo img {
  display: block;
  width: 100%;
}

/*视频样式*/
.global-prototype-video {
  display: block;
  width: 335px;
  height: 188px;
  float: left;
  border-radius: 8px;
  overflow: hidden;
  margin: 0 20px 20px 0;
}

.global-prototype-video:nth-of-type(4n) {
  margin-right: 0;
}

.global-prototype-video .content-video {
  width: 100%;
  height: 100%;
}

.global-prototype-video .video-box {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
  border-radius: 10px;
}

/*视频操作盒子*/
.global-prototype-video .video-other-box {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  position: absolute;
  top: 0;
}

/*左上角摄像机*/
.video-other-box .video-camera {
  display: block;
  width: 28px;
  height: 20px;
  position: absolute;
  top: 15px;
  left: 20px;
  z-index: 10;
}

.global-prototype-video .video-other-box .video-camera {
  right: 14px;
  top: 14px;
  left: unset;
}

.video-other-box .video-camera img {
  display: block;
  width: 100%;
  height: 100%;
}

/*右上角视频分辨率*/
.global-prototype-video .video-other-box .video-resolution {
  display: block;
  width: 56px;
  height: 22px;
  line-height: 22px;
  border-radius: 12px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 12px;
  right: 10px;
  z-index: 2;
}

/*底部视频信息以及时长*/
.video-other-box .a-title-box {
  opacity: 1;
  width: 100%;
  height: 40px;
  color: #fff;
  font-size: 12px;
  padding: 0 20px;
  z-index: 2;
  background: #000;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8));
  border-radius: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.video-other-box .a-title-box .video-title {
  width: 61.8%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.video-other-box .a-title-box span {
  position: absolute;
  bottom: 10px;
}

.video-other-box .a-title-box .video-time {
  right: 20px;
}

/*右上角下载按钮*/
.video-other-box .video-two-box {
  width: auto;
  height: auto;
  position: absolute;
  top: 10px;
  right: 0;
  padding-right: 10px;
  z-index: 2;
  opacity: 0;
  transition: .23s;
}

.video-other-box .video-two-box .a-download-box {
  display: block;
  width: 80px;
  height: 28px;
  float: right;
  line-height: 28px;
  text-align: center;
  font-size: 15px;
  color: #613C14;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  border-radius: 4px;
}

.a-download-box .iconfont {
  display: inline-block;
  vertical-align: top;
  margin-right: 1px;
  font-size: 15px;
}

.video-other-box .video-two-box .a-download-box:hover {
  opacity: 0.95;
}

/*收藏*/
.video-other-box .video-two-box .a-collect-box {
  display: block;
  width: 28px;
  height: 28px;
  float: right;
  background: #fff;
  line-height: 28px;
  text-align: center;
  font-size: 16px;
  border-radius: 4px;
  margin-left: 5px;
  color: #999;
}

.video-other-box .video-two-box .a-collect-box:hover,
.video-other-box .video-two-box .a-collect-box.active {
  color: #ebab43;
}

/*声音开关*/
.video-other-box .video-sound {
  display: none;
  cursor: pointer;
}

.video-sound .video-close-btn,
.video-sound .video-play-btn {
  width: 24px;
  height: 24px;
  font-size: 20px;
  position: absolute;
  bottom: 11px;
  left: 12px;
  z-index: 9;
  color: #fff;
}

.video-sound .video-play-btn {
  display: none;
}

.video-sound .video-close-btn p,
.video-sound .video-play-btn p {
  display: none;
  width: 60px;
  padding: 3px 5px;
  text-align: center;
  background-color: #fff;
  color: grey;
  font-size: 12px;
  border: 1px solid grey;
  position: absolute;
  top: 2px;
  left: 22px;
  z-index: 10;
}

.video-sound .video-close-btn:hover,
.video-sound .video-play-btn:hover {
  color: #E3B970;
}

.video-sound .video-close-btn:hover p,
.video-sound .video-play-btn:hover p {
  display: block;
}

/*鼠标移入声音开关显示*/
.global-prototype-video .video-box:hover .video-sound {
  display: block;
}

/*鼠标移入下载收藏显示*/
.global-prototype-video .video-box:hover .video-two-box {
  opacity: 1;
  top: 10px;
}

/*鼠标移入摄像机、分辨率隐藏*/
.global-prototype-video .video-box:hover .video-camera,
.global-prototype-video .video-box:hover .video-resolution {
  display: none;
}

/*鼠标移入底部标题不显示*/
.global-prototype-video .video-box:hover .a-title-box {
  opacity: 0;
}

/*视频盒子*/
.global-prototype-video .video-content-box {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.video-content-box .video-play video{
  width: 100%;
  object-fit: cover;
}

.video-content-box .video-play,
.video-content-box .video-play video {
  height: 100%;
  background-color: black;
  display: flex;
  justify-content: center;
  border-radius: 4px;
  position: relative;
}

.video-content-box .video-play {
  overflow: hidden;
}

.video-content-box .show-image {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.video-content-box .show-image img {
  width: 100%;
  height: 100%;
  image-rendering: auto;
}
/*视频样式 END*/

/*底部颜色背景*/
.plus-layout-right-global .plus_Footer {
  background: none;
}

/*动画*/
@-webkit-keyframes up_and_down {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(0, 20px);
  }
}

@keyframes up_and_down {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(0, 20px);
  }
}

/*响应式*/
@media screen and (max-width: 1680px) {
  .global-selection-input {
    left: 120px;
  }

  .global-number-right {
    top: 46.5%;
  }

  /*图片响应式*/
  .global-Image-Wrapper {
    width: 1200px;
  }

  .material-global-images .item {
    width: 272px;
    height: 410px;
  }

  .material-global-images .item-top .item-title {
    width: 130px;
  }

  .material-global-images .item-down {
    width: 180px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
  }

  .global-Ul-Wrapper {
    height: 200px;
  }

  .global-Ul-Wrapper li {
    width: 23.296%;
    padding-top: 35px;
  }

  .global-Ul-Wrapper li img {
    width: 64px;
  }

  .global-Ul-Wrapper li span {
    font-size: 12px;
  }

  /*视频响应式*/
  .global-prototype-video {
    width: 272px;
    height: 153px;
  }

  /*音乐响应式*/
  .material-global-images .music-prototype-wrapper {
    width: 272px;
  }

  .global-prototype-music .content-music {
    padding-left: 16px;
  }

  .global-prototype-music .music-box .music-name {
    width: 140px;
    font-size: 15px;
  }

  .global-prototype-music .music-content-box .iconfont {
    width: 38px;
    height: 38px;
  }

  /*.music-info-wrapper {*/
  /*  padding-top: 20px;*/
  /*}*/

  /*进度条*/
  .global-prototype-music .music-content-box .music-time-bar {
    width: 136px;
    margin: 11px 0 11px 3px;
  }

  /*时间*/
  .global-prototype-music .music-content-box .music-time {
    line-height: 38px;
  }

  .music-info-wrapper .music-download {
    width: 130px;
    height: 34px;
    line-height: 34px;
  }

  .music-info-wrapper .music-collect a {
    width: 34px;
    height: 34px;
    line-height: 30px;
  }
}