/* 域名注册头部模块 */
.shiwais5-domain-header {
    height: 40vw;
    background: url(/web/shiwaicloud/s5-file/assets/img/img-domain/domainHeader.png) no-repeat;
    background-size: cover;
    padding-top: 127px;
    box-sizing: border-box;
}

.shiwais5-domain-area {
    width: 1300px;
    margin: 0 auto;
}

.shiwais5-domain-area-Titile {
    font-weight: bold;
    font-size: 66px;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 58px;
}

.shiwais5-domain-area-Input {
    width: 736px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 29px;
}

.shiwais5-domain-search {
    width: 629px;
    height: 64px;
    background: #FFFFFF;
    padding: 20px 36px;
    box-sizing: border-box;
    /* border-bottom: none;
    border-left: none;
    border-top: none; */
    /* margin-right: 0px; */
    border: none;
    /* border-right: 1px solid #D9D9D9; */
}

.shiwais5-domain-button-box {
    width: 107px;
    height: 64px;
    padding: 10px 0;
    box-sizing: border-box;
    background: #FFFFFF;
    border-left: 1px solid #D9D9D9;
    display: flex;
    align-items: center;
    justify-content: center;

}

.shiwais5-domain-button {
    width:23px;
    height: 23px;
    border: none;
    /* background: #FFFFFF; */
    
    /* margin-left: 0px; */
    background: url(/web/shiwaicloud/s5-file/assets/img/img-domain/search.png) no-repeat;
    background-size: cover;
}

.shiwais5-domain-link {
    width: 736px;
    margin: 0 auto;
    display: flex;
}

.shiwais5-domain-linkA {
    font-size: 16px;
    color: #FFFFFF;
    text-decoration: none;
}

/* 商品抢购 */
.shiwais5-goods {
    height: 587px;
    padding-top: 20px;
    box-sizing: border-box;
}

.shiwais5-goods-area {
    width: 1300px;
    margin: 0 auto;
}

.shiwais5-goods-module {
    display: flex;
    overflow: hidden;
    /* justify-content: space-between; */
    margin-bottom: 30px;
    overflow-x: hidden;
    scroll-behavior: smooth;
    height: 398px;
}

.shiwais5-goods-module-wrapper {
    display: flex;
    transition: transform 0.5s ease; 
}

.shiwais5-goods-module-wrapper-box {
    width: 1300px;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    /* margin-right: 15px; */
    /* justify-content: space-between; */
}

.shiwais5-goods-box {
    width: 310px;
    height: 398px;
    background: #FFFFFF;
    box-shadow: 2px 4px 10px 0px rgba(0, 19, 112, 0.16);
    border-radius: 6px;
    margin: 0px 7px;
    border: 1px solid #ECEFF5;
    box-sizing: border-box;
}
.shiwais5-goods-box:hover{
    box-shadow: 2px 4px 10px 8px rgba(0, 19, 112, 0.16);
}


.shiwais5-goods-box-top {
    height: 130px;
    background: url(/web/shiwaicloud/s5-file/assets/img/img-domain/goods.png) no-repeat;
    background-size: cover;
    padding: 30px;
    box-sizing: border-box;
}

.shiwais5-goods-box-top-title {
    font-weight: bold;
    font-size: 33px;
    color: #FFFFFF;
    margin-bottom: 8px;
}

.shiwais5-goods-box-top-p {
    font-weight: 400;
    font-size: 14px;
    color: #E5E9F5;
}

.shiwais5-goods-box-bottom {
    padding: 28px 30px;
    box-sizing: border-box;

}

.shiwais5-goods-box-average {
    height: 86px;
    background: #F1F4FB;
    padding: 12px 32px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
}

.shiwais5-goods-box-average-price {
    padding: 10px 0px;
    box-sizing: border-box;
}

.shiwais5-goods-box-average-line {
    width: 1px;
    height: 64px;
    background: #E1E6F0;
}

.shiwais5-goods-average-price-title {
    font-weight: 400;
    font-size: 14px;
    color: #1C284D;
    /* line-height: 14px; */
    margin-bottom: 10px;
}

.shiwais5-goods-average-price-p {
    font-weight: 400;
    font-size: 14px;
    color: #4E5A7E;
    /* line-height: 14px; */
}

.shiwais5-goods-box-price {
    color: #4E5A7E;
    font-size: 16px;
    margin-bottom: 24px;
}

.shiwais5-goods-box-money {
    font-weight: bold;
    font-size: 24px;
    color: #FF334B;
}

.shiwais5-goods-box-Btn {
    width: 246px;
    height: 46px;
    background: linear-gradient(#0044FC 0%, #357AFF 100%);
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 46px;
    text-align: center;
    text-decoration: none;
}

/* .shiwais5-goods-module-page{
    margin-top: 27px;
} */

.shiwais5-goods-page-ul {
    list-style: none;
    display: flex;
    justify-content: center;
}

.shiwais5-goods-page-li.shiwais5-goods-page-active {
    background: #007AFF;
}

.shiwais5-goods-page-li {
    width: 36px;
    height: 4px;
    background: #EFEFEF;
    margin: 0 10px;
}

/* 域名优势 */
.shiwais5-advantage-pc {
    display: block;
}

.shiwais5-advantage-App {
    display: none;
}

.shiwais5-advantage {
    height: 750px;
    background: #F7F9FF;
    padding-top: 70px;
    box-sizing: border-box;
    margin-bottom: 112px;
}

.shiwais5-advantage-area {
    width: 1300px;
    margin: 0 auto;
}

.shiwais5-advantage-title {
    font-weight: 400;
    font-size: 30px;
    color: #1C284D;
    text-align: center;
    margin-bottom: 24px;
}

.shiwais5-advantage-desc {
    font-weight: 400;
    font-size: 14px;
    color: #4E5A7E;
    text-align: center;
    margin-bottom: 46px;
}

.shiwais5-advantage-module {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.shiwais5-advantage-text {
    margin-top: 40px;
}

.shiwais5-advantage-content {
    width: 570px;
    margin-bottom: 45px;
}

.shiwais5-advantage-content-title {
    display: flex;
    margin-bottom: 18px;
}

.shiwais5-advantage-title-img {
    width: 25px;
    height: 25px;
    /* background: #fff; */
    margin-right: 15px;
}
.shiwais5-advantage-title-icon{
    width:100%;
    object-fit: cover;
}

.shiwais5-advantage-topic {
    font-weight: bold;
    font-size: 22px;
    color: #33406A;
    line-height: 30px;
}

.shiwais5-advantage-content-desc {
    font-weight: 400;
    font-size: 16px;
    color: #606882;
    line-height: 25px;
}

.shiwais5-advantage-details {
    width: 120px;
    height: 40px;
    background: linear-gradient(270deg, #1566EB 0%, #4789F6 100%);
    font-size: 14px;
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
}
@keyframes advantagefloat {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(30px);
    }
    100% {
        transform: translateY(0px);
    }
}

.shiwais5-advantage-iamge {
    width: 683px;
    height: 488px;
    background: url(/web/shiwaicloud/s5-file/assets/img/img-domain/advantage.png) no-repeat;
    background-size: cover;
    animation: advantagefloat 2s ease-in-out infinite;
}

/* 域名交易 */
.shiwais5-transaction {
    height: auto;
    position: relative;
}

.shiwais5-transaction-right {
    width: 374.67px;
    height: 473.96px;
    position: absolute;
    top: 15px;
    right: 0px;
    background: url(/web/shiwaicloud/s5-file/assets/img/img-domain/transactionRinght.png);
    z-index: -1;
}

.shiwais5-transaction-left {
    width: 291.58px;
    height: 316.31px;
    position: absolute;
    bottom: 10px;
    left: 0;
    background: url(/web/shiwaicloud/s5-file/assets/img/img-domain/transactionLeft.png);
    z-index: -1;
}

.shiwais5-transaction-area {
    width: 1300px;
    margin: 0 auto;
}

.shiwais5-transaction-title {
    font-weight: 400;
    font-size: 30px;
    color: #1C284D;
    text-align: center;
    margin-bottom: 70px;
}

.shiwais5-transaction-module {
    height: 128px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F3F4F8 100%);
    box-shadow: 2px 4px 10px 0px rgba(0, 19, 112, 0.16);
    border-radius: 4px;
    border: 1px solid #ECEFF5;
    margin-bottom: 10px;
    padding: 30px 40px;
    box-sizing: border-box;
    display: flex;
    transition:box-shadow 0.5s ease ;
}
.shiwais5-transaction-module:hover{
    box-shadow: 2px 4px 10px 10px rgba(0, 19, 112, 0.16);
}
.shiwais5-transaction-module-title {
    width: 122px;
    height: 64px;
    border-radius: 6px;
    border: 2px solid #7B9AFF;
    font-weight: bold;
    font-size: 26px;
    color: #004DA4;
    line-height: 64px;
    text-align: center;
    margin-right: 16px;
}

.shiwais5-transaction-module-desc {
    width: 250px;
    font-weight: 400;
    font-size: 14px;
    color: #4E5A7E;
    line-height: 68px;
    margin-right: 103px;
}

.shiwais5-transaction-module-price {
    margin-right: 103px;
}

.shiwais5-transaction-module-price-money {
    font-weight: bold;
    font-size: 24px;
    color: #33406C;
    margin-bottom: 16px;
}

.shiwais5-transaction-module-price-text {
    font-weight: 400;
    font-size: 16px;
    color: #3D76FF;
    text-align: center;
}

.shiwais5-transaction-module-Btn {
    display: inline-block;
    width: 140px;
    height: 40px;
    background: #1566EB;
    border: 1px solid #3D76FF;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
    margin-top: 15px;
}

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

    /* 域名注册头部模块 */
    .shiwais5-domain-header {
        /* height: 40vw; */
        /* background: url(/web/shiwais5/assets/img/img-domain/domainHeader.png) no-repeat; */
        /* background-size: cover; */
        width: 100%;
        height: 70vw;
        margin-top: 35px;
        background: linear-gradient(180deg, #2F65F2 0%, #508BFD 100%);
        /* background-image: none; */
        padding-top: 36px;
        box-sizing: border-box;

    }

    .shiwais5-domain-area {
        width: 100%;
        margin: 0;
        padding: 0 18px;
        box-sizing: border-box;
    }

    .shiwais5-domain-area-Titile {
        font-weight: bold;
        font-size: 25px;
        color: #FFFFFF;
        text-align: center;
        margin-bottom: 20px;
        white-space:normal;
    }

    .shiwais5-domain-area-Input {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        margin-bottom: 14px;
    }

    .shiwais5-domain-search {
        width: 100%;
        height: 48px;
        background: #FFFFFF;
        padding: 12px 16px;
        box-sizing: border-box;
        /* border-bottom: none;
    border-left: none;
    border-top: none; */
        /* margin-right: 0px; */
        border: none;
        /* border-right: 1px solid #D9D9D9; */
    }

    .shiwais5-domain-button-box {
        width: 68px;
        height: 48px;
        padding: 8px 0;
        box-sizing: border-box;
        background: #FFFFFF;
    }

    .shiwais5-domain-button {
        width: 23px;
        height: 23px;
        border: none;
        /* background: #FFFFFF; */
        
        /* margin-left: 0px; */
    }

    .shiwais5-domain-link {
        width: 100%;
        margin: 0 auto;
        display: flex;
    }

    .shiwais5-domain-linkA {
        font-size: 16px;
        color: #FFFFFF;
        text-decoration: none;
    }

    /* 商品抢购 */
    .shiwais5-goods {
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
        box-sizing: border-box;
        
    }

    .shiwais5-goods-area {
        width: 100%;
        padding: 0px;
        box-sizing: border-box;
    }

    .shiwais5-goods-module {
        display: flex;
        overflow: hidden;
        /* justify-content: space-between; */
        margin-bottom: 15px;
        overflow-x: hidden;
        scroll-behavior: smooth;
        height: auto;
    }

    .shiwais5-goods-module-wrapper {
        display: flex;
        transition: transform 0.5s ease;
    }

    .shiwais5-goods-module-wrapper-box {
        width: 100vw;
        height: auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 10px;
        /* flex-wrap: wrap; */
        margin-right: 0px;
        /* justify-content: space-between; */
        padding: 0 10px;
        box-sizing: border-box;
    }

    .shiwais5-goods-box {
        width: 100%;
        height: auto;
        background: #FFFFFF;
        
        border-radius: 6px;
        margin: 0px;
        border: 1px solid #ECEFF5;
        box-sizing: border-box;
        margin-bottom: 0px;
    }
    
    .shiwais5-goods-box-top {
        width: 100%;
        height: 86px;
        background: url(/web/shiwaicloud/s5-file/assets/img/img-domain/goods.png) no-repeat;
        background-size: cover;
        padding: 16px 13px;
        box-sizing: border-box;
    }

    .shiwais5-goods-box-top-title {
        font-weight: bold;
        font-size: 24px;
        color: #FFFFFF;
        margin-bottom: 8px;
    }

    .shiwais5-goods-box-top-p {
        font-weight: 400;
        font-size: 11px;
        color: #E5E9F5;
    }

    .shiwais5-goods-box-bottom {
    width: 100%;
        padding: 16px 10px;
        box-sizing: border-box;

    }

    .shiwais5-goods-box-average {
        height: auto;
        background: #F1F4FB;
        padding: 12px 20px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        margin-bottom: 18px;
    }

    .shiwais5-goods-box-average-price {
        padding: 10px 0px;
        box-sizing: border-box;
    }

    .shiwais5-goods-box-average-line {
        width: 1px;
        height: 44px;
        background: #E1E6F0;
    }

    .shiwais5-goods-average-price-title {
        font-weight: 400;
        font-size: 14px;
        color: #1C284D;
        /* line-height: 14px; */
        margin-bottom: 10px;
    }

    .shiwais5-goods-average-price-p {
        font-weight: 400;
        font-size: 12px;
        color: #4E5A7E;
        /* line-height: 14px; */
    }

    .shiwais5-goods-box-price {
        color: #4E5A7E;
        font-size: 14px;
        margin-bottom: 14px;
    }

    .shiwais5-goods-box-money {
        font-weight: bold;
        font-size: 24px;
        color: #FF334B;
    }

    .shiwais5-goods-box-Btn {
        width: 100%;
        height: 36px;
        background: linear-gradient(#0044FC 0%, #357AFF 100%);
        display: inline-block;
        font-weight: 400;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 36px;
        text-align: center;
        text-decoration: none;
        margin:0 auto;
    }

    /* .shiwais5-goods-module-page{
    margin-top: 27px;
} */

    .shiwais5-goods-page-ul {
        list-style: none;
        display: flex;
        justify-content: center;
    }

    .shiwais5-goods-page-li.shiwais5-goods-page-active {
        background: #007AFF;
    }

    .shiwais5-goods-page-li {
        width: 36px;
        height: 4px;
        background: #EFEFEF;
        margin: 0 10px;
    }


    /* 域名优势 */
    .shiwais5-advantage {
        height: auto;
        background: #F7F9FF;
        padding-top: 15px;
        padding-bottom: 15px;
        box-sizing: border-box;
        margin-bottom: 15px;
    }

    .shiwais5-advantage-pc {
        display: none;
    }

    .shiwais5-advantage-App {
        display: block;
    }

    .shiwais5-advantage-area {
        width: 100%;
        margin: 0 auto;
        padding: 0 18px;
        box-sizing: border-box;
    }

    .shiwais5-advantage-title {
        font-weight: 400;
        font-size: 22px;
        color: #1C284D;
        text-align: center;
        margin-bottom: 24px;
    }

    .shiwais5-advantage-desc {
        /* font-weight: 400;
        font-size: 14px;
        color: #4E5A7E;
        text-align: center;
        margin-bottom: 46px; */
        display: none;
    }

    .shiwais5-advantage-module {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .shiwais5-advantage-text {
        margin-top: 30px;
    }

    .shiwais5-advantage-content {
        width: 100%;
        margin-bottom: 15px;
    }

    .shiwais5-advantage-content-title {
        display: flex;
        margin-bottom: 10px;
    }

    .shiwais5-advantage-title-img {
        width: 25px;
        height: 25px;
        /* background: #fff; */
        margin-right: 15px;
    }

    .shiwais5-advantage-topic {
        font-weight: bold;
        font-size: 16px;
        color: #33406A;
        line-height: 25px;
    }

    .shiwais5-advantage-content-desc {
        font-weight: 400;
        font-size: 14px;
        color: #606882;
        line-height: 25px;
    }

    .shiwais5-advantage-details {
        width: 100px;
        height: 30px;
        background: linear-gradient(270deg, #1566EB 0%, #4789F6 100%);
        font-size: 14px;
        color: #FFFFFF;
        line-height: 30px;
        text-align: center;
        display: inline-block;
        text-decoration: none;
    }

    .shiwais5-advantage-iamge {
        width: 80%;
        height: 51vw;
        background: url(/web/shiwaicloud/s5-file/assets/img/img-domain/advantage.png) no-repeat;
        background-size: cover;
        margin: 0 auto;
    }

    /* 域名交易 */
    .shiwais5-transaction {
        height: auto;
        position: relative;
        margin-bottom:15px;
    }


    .shiwais5-transaction-right {
        /* width: 374.67px;
        height: 473.96px;
        position: absolute;
        top: 15px;
        right: 0px;
        background: url(/web/shiwais5/assets/img/img-domain/transactionRinght.png);
        z-index: -1; */
        display: none;
    }

    .shiwais5-transaction-left {
        /* width: 291.58px;
        height: 316.31px;
        position: absolute;
        bottom: 10px;
        left: 0;
        background: url(/web/shiwais5/assets/img/img-domain/transactionLeft.png);
        z-index: -1; */
        display: none;
    }

    .shiwais5-transaction-area {
        width: 100%;
        margin: 0 auto;
        padding: 0 18px;
        box-sizing: border-box;
    }

    .shiwais5-transaction-title {
        font-size: 22px;
        color: #1C284D;
        color: #1C284D;
        text-align: center;
        margin-bottom: 15px;
    }

    .shiwais5-transaction-module {
        height: auto;
        background: linear-gradient(180deg, #FFFFFF 0%, #F3F4F8 100%);
        box-shadow: 2px 4px 10px 0px rgba(0, 19, 112, 0.16);
        border-radius: 4px;
        border: 1px solid #ECEFF5;
        margin-bottom: 10px;
        padding: 16px 16px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;

    }

    .shiwais5-transaction-module-title {
        width: 44px;
        height: auto;
        border-radius: 6px;
        border: 0px solid #7B9AFF;
        font-weight: bold;
        font-size: 18px;
        color: #004DA4;
        line-height: 48px;
        text-align: center;
        margin-right: 18px;
    }

    .shiwais5-transaction-module-desc {
        /* width: 250px;
        font-weight: 400;
        font-size: 14px;
        color: #4E5A7E;
        line-height: 68px;
        margin-right: 103px; */
        display: none;
    }

    .shiwais5-transaction-module-price {
        width: 51px;
        margin-right: 21px;
        /* line-height: 48px; */
        margin-top: 8px;
    }

    .shiwais5-transaction-module-price-money {
        font-weight: 400;
        font-size: 14px;
        color: #33406C;
        margin-bottom: 0px;
    }

    .shiwais5-transaction-module-price-text {
        font-weight: 400;
        font-size: 12px;
        color: #3D76FF;
        text-align: center;
    }

    .shiwais5-transaction-module-Btn {
        display: inline-block;
        width: 84px;
        height: 32px;
        background: #1566EB;
        border: 1px solid #3D76FF;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 32px;
        text-decoration: none;
        text-align: center;
        margin-top: 8px;
    }
}