@media (max-width: 1024px) {
    .allgame .gamelist .games-list-item a.edring {
        display: block !important;
    }
    .main {
        background: #060d25;
    }
    .affiliateMain h1{
        font-size: 20px;
        font-weight: 400;
        color: #fff;
        padding: 20px 0;
        text-align: left;
        margin: 0;
    }
    .mobile_img {
        display: block;
    }

    .main .back {
        display: block;
        margin-top: 15px;
        padding: 0 10px;
    }

    .main .back a {
        display: flex;
        color: #7073c9;
        font-size: 12px;
        background: #151833;
        align-items: center;
        width: 80px;
        justify-content: center;
        height: 45px;
        border-radius: 5px;
    }
    .dmca .about-content .item img{
        margin-right: 10px;
    }
    .main .back a i {
        width: 8px;
        height: 10px;
        background-position: -180px -85px;
        margin-right: 10px;
    }

    .about-main .about-content ,.dmca .about-content {
        padding: 0 10px;
    }
    .dmca .about-content .item{
        padding: 10px 10px;
    }
    .main h2 ,.dmca .about-content h2 {
        font-size: 20px;
        font-weight: 400;
        color: #fff;
        padding: 20px 0;
        text-align: left;
        margin: 0;
    }

    .about-us .about-content>ul>li {
        background: none;
        padding: 0 0 30px;
        border-bottom: 1px solid #0f1733;
        margin-bottom: 20px;
    }

    .about-us .about-content>ul>li:last-child {
        margin: 0;
    }

    .about-us .about-content>ul>li h3 {
        font-size: 16px;
        color: #0b85ea;
        margin-bottom: 10px;
        font-family: 'Arial';
        font-weight: 700;
    }

    .about-us .about-content>ul>li .item {
        display: flex;
        flex-direction: column-reverse;
    }

    .about-us .about-content>ul>li .item img {
        width: 100%;
        min-width: 100%;
        margin-bottom: 15px;
    }

    .about-us .about-content>ul>li .item>div {
        margin-right: 0;
    }

    .about-us .about-content>ul>li .item>div>p {
        font-size: 12px;
        color: #585a8a;
    }

    .about-us .about-content>ul>li .item.our-contact-us {
        flex-direction: column;
    }

    .about-us .about-content>ul>li .item.our-contact-us img {
        margin-right: 0;
    }

    .about-us .pc_h3,
    .mobile_hide,
    .pc_img {
        display: none !important;
    }

    .about-us .mobile_h3 {
        display: block;
        text-align: left;
        width: 100%;
    }

    .about-us .about-content>ul>li .item.our-service img {
        width: 100%;
        height: auto;
    }

    .about-us .about-content>ul>li .item.our-service ul {
        display: block;
    }

    .about-us .about-content>ul>li .item.our-service ul li {
        width: 100%;
    }

    .about-us .about-content>ul>li .item.our-service ul li:last-child {
        margin-bottom: 0;
    }

    .about-us .about-content>ul>li .item.our-service ul li span {
        padding-right: 0;
        font-size: 12px;
    }

    .about-us .about-content>ul>li .item.our-service ul li p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .contact-main .about-content {
        padding: 0 10px 30px;
    }

    .contact-main .about-content>h2 {
        font-family: 'Oswald';
        font-size: 20px;
        margin-bottom: 0;
    }

    .contact-main .about-content>p {
        font-size: 12px;
    }

    .contact-main .about-content ul {
        display: block;
    }

    .contact-main .about-content ul li {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: auto;
        position: relative;
        padding: 180px 20px 20px;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .contact-main .about-content ul li:last-child {
        margin-bottom: 0;
    }

    .contact-main .about-content ul li .contactus-li-div {
        flex-direction: column;
    }

    .contact-main .about-content ul li .contactus-li-div>img {
        margin-right: 0;
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
    }

    .accept_main h2 {
        font-size: 20px;
        font-weight: 400;
        color: #fff;
        padding: 20px 0;
        padding: 0;
        margin-bottom: 40px;
    }

    .accept_main .about-content {
        padding: 20px 10px;
    }

    .accept_main .about-content p {
        font-size: 12px;
        color: #585a8a;
    }

    .accept_main .about-content h3 {
        font-size: 16px;
        color: #0b85ea;
        margin-bottom: 10px;
        font-family: 'Arial';
        font-weight: 700;
    }

    .accept_main .about-content div {
        margin-top: 30px;
    }


    /* help center */
    .help-center {
        padding: 0 10px 40px;
    }

    .help-center h2 {
        text-align: center;
        font-family: 'Oswald';
        /*text-transform: lowercase;*/
    }

    .search-question .input-box {
        width: 100%;
    }

    .search-question p {
        display: none;
    }

    .search-question input {
        height: 40px;
        border-radius: 40px;
        background: #151833;
        border: 1px solid #252a53;
        width: 100%;
        padding-left: 20px;
        color: #7073c9;
        font-size: 12px;
    }

    .search-question i {
        width: 16px;
        height: 16px;
        background-position: 0 -55px;
        position: absolute;
        right: 25px;
        top: 13px;
    }

    .faq-cate {
        margin-top: 50px;
        margin-bottom: 30px;
    }

    .faq-cate ul {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .faq-cate li {
        white-space: nowrap;
        font-size: 12px;
        width: 49%;
        margin-right: 0;
        margin-bottom: 10px;
        padding: 0;
    }

    .faq-content .item .item-title {
        padding: 15px 10px;
        height: auto;
        line-height: normal;
        text-align: left;
    }

    .faq-content .item .item-title span {
        width: 94%;
    }

    .faq-content .item .item-title i {
        background-position: -125px -58px;
        width: 11px;
        height: 8px;
    }

    .faq-content .item .item-title.up i {
        background-position: -140px -57px;
    }

    .faq-content .item .item-text {
        padding: 20px;
        font-size: 12px;
    }

    .faq-content .faq-tips {
        padding: 50px 0;
    }



    /* sell */
    .sell_to_us {
        padding: 0 10px 40px;
    }

    .sell_to_us .sell_item li {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

    .sell_to_us .sell_item li img {
        width: 29px;
        height: 29px;
    }

    .sell_to_us .sell_item li span {
        text-decoration: underline;
        color: #3b93c1;
    }


    /* vip */
    .joinVip-main {
        padding: 60px 10px 40px;
    }

    .joinVip-main .vip-header {
        margin-top: 20px;
        background: url(/static/mobile/image/vip-system-bj.png);
        height: 630px;
        width: 100%;
        background-size: cover;
        margin-bottom: 23px;
        padding: 0 10px;
        border-radius: 10px;
    }

    .joinVip-main .vip-header .vip-h-top {
        display: block;
        margin-bottom: 50px;
    }

    .joinVip-main .vip-how {
        display: block;
        margin-top: 30px;
    }

    .joinVip-main .vip-how h3 {
        font-size: 24px;
        font-weight: 400;
        line-height: 24px;
        color: #fff;
        width: 100%;
        margin-bottom: 10px;
    }

    .joinVip-main .vip-how img {
        margin-right: 0;
        width: 100%;
        margin-left: 0;
        height: auto;
        margin-bottom: 20px;
    }

    .joinVip-main .vip-header .vip-h-top .vip-progress {
        background: #286d5a;
        margin-top: 95px;
    }

    .joinVip-main .vip-header .vip-h-top .vip-progress ul {
        width: 100%;
    }

    .joinVip-main .vip-header .vip-h-top .vip-progress li {
        height: 100%;
        position: relative;
        z-index: 9;
        box-sizing: content-box;
    }

    .joinVip-main .vip-header .vip-h-top .vip-progress li .vip5 p {
        left: auto;
        right: -8px;
    }

    .joinVip-main .vip-header .vip-h-top .vip-progress ul li:nth-child(1) {
        width: 20%;
    }

    .joinVip-main .vip-header .vip-h-top .vip-progress ul li:nth-child(2) {
        width: 30%;
    }

    .joinVip-main .vip-header .vip-h-top .vip-progress ul li:nth-child(3) {
        width: 35%;
    }

    .joinVip-main .vip-header .vip-h-top .vip-progress ul li:nth-child(4) {
        width: 35%;
        border-right: none;
    }

    .joinVip-main .vip-header .vip-h-top .vip-progress li .vip5 span {
        right: -5px;
    }

    .joinVip-main .pc_dom {
        display: none !important;
    }

    .joinVip-main .vip-header .vip-h-bottom {
        width: 100%;
        font-size: 21px;
        font-family: 'Oswald';
        color: #fff;
    }

    .joinVip-main .vip-header .vip-h-bottom>p:nth-child(2n) {
        line-height: 20px;
    }

    .joinVip-main .mobile_user_info {
        display: block;
    }



    .joinVip-main .mobile_user_info {
        display: flex;
        align-items: center;
        padding: 30px 0 0 11px;
    }

    .joinVip-main .mobile_user_info .userinfo {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        margin-right: 30px;
    }

    .joinVip-main .mobile_user_info .userinfo img.avtor {
        width: 100px;
        height: 100px;
        border-radius: 50%;
    }

    .joinVip-main .mobile_user_info .userinfo img.grade {
        width: 29px;
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
    }

    .joinVip-main .mobile_user_info .vip-h-login p {
        color: #fff;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .joinVip-main .mobile_user_info .vip-h-login button {
        width: 130px;
        height: 42px;
        border-radius: 42px;
        color: #fff;
        background: #238be4;
    }


    .joinVip-main .vip-membership h3 {
        font-size: 24px;
        line-height: 24px;
    }

    .joinVip-main .vip-membership p {
        font-size: 12px;
        margin-bottom: 20px;
    }

    .joinVip-main .vip-how ul li {
        font-size: 12px;
    }

    /* allgame */
    .allgame h2 {
        padding: 20px 10px 0;
    }
    .allgame .gameListTitle {
        padding: 0 10px;
    }
    .allgame .gameListTitle ul {
        justify-content: space-between;
    }
    .allgame .gameListTitle ul li {
        width: 49%;
        margin-right: 0;
        margin-bottom: 10px;
        justify-content: start;
        padding-left: 20px;
    }

    .allgame .gameList_first {
        margin: 20px 0;
        padding: 0 10px;
    }
    .allgame .gameList_first ul {
        flex-wrap: wrap;
    }
    .allgame .gameList_first ul li {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .allgame .gamelist {
        padding: 0 10px;
    }
    .allgame .gamelist .games-list-item .first_text {
        min-width: 60px;
    }
    .allgame .gamelist .games-list-item {
        padding: 15px 0;
    }
    /* 忘记密码 */
    .forgotPassword {
        background: #fff;
        padding: 20px;
        border-radius: 5px;
        width: 95%;
        margin: 50px auto 0;
    }

    .forgotPassword h2 {
        font-size: 20px;
        color: #585a8a;
        padding: 0;
    }





    .newsletter-main .subscribers {
        display: block;
        background: none;
        border-radius: 0;
        margin: 0;
    }

    .newsletter-main .subscribers .subscribers-left {
        margin-top: 0;
        background: #000;
        display: block;
        padding-bottom: 40px;
    }

    .newsletter-main .subscribers .subscribers-right {
        margin: 0;
        width: 100%;
        padding: 20px 10px;
    }

    .newsletter-main .subscribers .subscribers-left h2 {
        font-size: 30px;
        text-align: center;
        padding-bottom: 0;
    }

    .newsletter-main .subscribers .subscribers-left>p {
        margin: 10px 0;
        font-size: 16px;
        text-align: center;
    }

    .newsletter-main .subscribers .subscribers-left .coupon {
        text-align: center;
    }

    .newsletter-main .subscribers .subscribers-left .coupon>p {
        width: 280px;
        height: 20px;
    }

    .newsletter-main .subscribers .subscribers-left .coupon>div {
        color: #fff;
        width: 260px;
        padding: 20px 0 15px;
        margin: -13px auto 0;
        position: relative;
        left: auto;
        top: auto;
    }

    .newsletter-main .subscribers .subscribers-left .coupon>div>p {
        font-size: 50px;
    }

    .newsletter-main .subscribers .subscribers-right ul li p {
        font-size: 12px;
    }

    .newsletter-main .subscribers .subscribers-right h2 {
        margin-bottom: 0;
    }

    .newsletter-main .subscribers .nesletterForm .input-box {
        padding-right: 0;
    }

    .newsletter-main .why-us {
        margin-top: 0;
        border-radius: 0;
    }

    .newsletter-main .why-us>h3 {
        margin-bottom: 10px;
    }

    .newsletter-main .why-us ul {
        display: block;
    }

    .newsletter-main .why-us ul li {
        width: 100%;
        margin-bottom: 20px;
    }

    .newsletter-main .why-us ul li h2 {
        text-align: center;
        padding: 0;
    }

    .newsletter-main .lucky>div {
        position: relative;
        display: block;
        padding: 0 10px;
    }

    .newsletter-main .lucky p {
        width: 100%;
    }

    .newsletter-main .lucky>div ul li {
        font-size: 12px;
        padding: 0 5px;
    }



    .sell_to_us .pc_img {
        display: none;
    }

    .sell_to_us .mobile_img {
        display: block;
        width: 100%;
    }

    .sell_to_us .mobile_img {
        display: block;
        width: 100%;
        border-radius: 10px;
    }

    .sell_to_us .your_info {
        padding: 20px 15px;
    }

    .sell_to_us .your_info .infoForm .input_box {
        width: 100%;
        margin-right: 0;
    }

    .sell_to_us .your_info .submit button {
        width: 100%;
    }

    .sell_to_us .contact_means .select_title {
        width: 130px;
    }

    .sell_to_us .your_info .commonTitle p {
        font-size: 20px;
    }

    .sell_to_us .your_info .infoForm .input_box i.ico {
        background-image: url(/static/pc/image/public_ico.png);
    }
    .sell_to_us .sell_top {
        display: block;
    }
    .sell_to_us .share {
        display: block;
        height: auto;
    }

    .sell_to_us .share {
        padding: 25px 0 15px;
        margin-right: 0;
        width: 100%;
    }


    /* affiliate */
    .affiliateMain .affiliate-home-index .a-right.login_aff_right h2,
    .affiliateMain .affiliate-content .affiliate-contact h2{
        padding: 0;
    }
    .affiliateMain .exchangeCash h2{
        background: -webkit-linear-gradient(top, #5edeab, #2059d2);
        background: -o-linear-gradient(bottom, #5edeab, #2059d2);
        background: -moz-linear-gradient(bottom, #5edeab, #2059d2);
        background: linear-gradient(to bottom, #5edeab, #2059d2);
        color: transparent;
        -webkit-background-clip: text;
    }
    .affiliate-main {
        padding: 60px 10px;
    }
    .affiliate-main .back {
        padding-left: 0;
    }
    .mobile_title {
        display: block;
    }

    .affiliateMain .affiliate-content>img.mobile_img {
        display: block;
    }

    .affiliateMain .affiliate-content>img.pc_img {
        display: none;
    }

    .affiliateMain .affiliate-content .affiliate-contact {
        height: auto;
        display: block;
        padding: 20px 20px 0;
    }

    .affiliateMain .affiliate-content .affiliate-contact ul li a {
        margin-left: 12px;
        margin-bottom: 10px;
        font-size: 16px;
    }

    .affiliateMain .affiliate-content .affiliate-contact ul {
        display: block;
    }

    .affiliateMain .affiliate-content .affiliate-contact ul li {
        margin-bottom: 20px;
        white-space: nowrap;
        font-size: 16px;
    }

    .affiliateMain .affiliate-home-index {
        display: block;
        padding: 0;
    }

    .affiliateMain .affiliate-home-index.isLogin .a-right .userInfo {
        display: block;
        border: none;
    }

    .affiliateMain .affiliate-home-index.isLogin .a-right .userInfo p {
        margin-right: 0;
        font-size: 12px;
        white-space: nowrap;
    }
    .affiliateMain .affiliate-home-index.isLogin .a-right .userInfo p i {
        font-size: 14px;
    }
    .affiliateMain .affiliate-home-index .a-left {
        width: 100%;
        margin-right: 0;
        padding: 20px 12px;
    }
    .affiliateMain .affiliate-home-index .a-left ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    .affiliateMain .affiliate-home-index .a-left::after {
        display: none;
    }

    .affiliateMain .affiliate-home-index .a-left li a {
        width: 100%;
        font-size: 14px;
    }

    .affiliateMain .affiliate-home-index .a-right {
        padding: 20px 10px;
        background:none;
    }
    .affiliateMain .affiliate-home-index .a-right.a-order {
        padding: 20px 0;
    }
    .affiliateMain .affiliate-home-index .logSin-right .input-box {
        display: block;
    }

    .affiliateMain .affiliate-home-index .a-profile .changePassword .tips {
        padding: 0;
    }

    .affiliateMain .affiliate-home-index .a-profile.a-right .input-box p {
        margin-bottom: 5px;
    }

    .affiliateMain .affiliate-home-index .a-profile .changeAccount ul li {
        display: block;
    }

    .affiliateMain .affiliate-home-index .a-profile .changeAccount ul li .input-box input {
        width: 100%;
    }

    .affiliateMain .affiliate-home-index .a-profile .changeAccount ul li .input-box {
        margin-top: 20px;
    }

    .affiliateMain .affiliate-home-index.isLogin .changeAccount .country .select-country>p {
        width: 100%;
    }

    .affiliateMain .affiliate-home-index.isLogin .changeAccount .country .select-country i {
        background-image: url(/static/pc/image/public_ico.png);
    }

    .affiliateMain .affiliate-home-index .logSin-right .logSinBtn {
        width: 100%;
        border-radius: 46px;
    }

    .affiliateMain .pc_order {
        display: none;
    }

    .affiliateMain .mobile_order {
        display: block;
        padding: 10px 10px 40px;
    }
    .affiliateMain .affiliate-home-index.isLogin .order-list table tbody td {
        white-space: wrap;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px 2px;
    }
    .affiliateMain .affiliate-home-index.isLogin .order-list table td.game_title {
        display: none;
    }
    .affiliateMain .affiliate-home-index.isLogin .order-list table tbody tr,
    .affiliateMain .affiliate-home-index.isLogin .order-list table thead tr.bg-gradient {
        grid-template-columns: repeat(6, 1fr);
    }
    .affiliate-main .affiliate-home-index .mobile_order .order-list {
        margin-top: 12px;
        font-size: 12px;
        background: #061837;
        border-radius: 5px;
        overflow: hidden;
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-slide {
        padding-bottom: 20px;
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-no {
        height: 40px;
        color: #fff;
        font-family: 'Roboto';
        font-size: 12px;
        padding-left: 8px;
        line-height: 40px;
        background: -webkit-linear-gradient(left, #5edeab, #1e55d3);
        background: -o-linear-gradient(right, #18f6d9, #0ca1ec);
        background: -moz-linear-gradient(right, #18f6d9, #0ca1ec);
        background: linear-gradient(to right, #18f6d9, #0ca1ec);
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-date {
        display: flex;
        color: #7073c9;
        justify-content: space-between;
        padding: 10px 11px;
        border-bottom: 1px solid #07254c;
        font-family: 'Roboto';
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-info .item {
        display: flex;
        color: #e0e1ff;
        padding: 15px 11px;
        border-bottom: 1px solid #07254c;
        align-items: center;
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-info .item .itemImage {
        margin-right: 15px;
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-info .item img {
        max-width: 60px;
        max-height: 60px;
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-info .item .item-title {
        width: 100%;
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-info .item .qty {
        margin-top: 7px;
        display: flex;
        justify-content: space-between;
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-info .item .qty span {
        color: #fff;
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-info .item .qty span.price {
        color: #e0e1ff
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-desc {
        padding: 10px 10px;
        border-bottom: 1px solid #07254c;
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-desc ul {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-desc ul li {
        color: #0b85ea;
        margin-bottom: 10px;
        width: 49%;
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-desc ul li:nth-child(2n) {
        text-align: right;
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-desc ul li span {
        color: #7073c9;
        margin-right: 5px;
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-desc p {
        color: #fff;
        margin-bottom: 10px;
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-desc ul li.upimg {
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-desc ul li.upimg img {
        max-width: 100px;
    }

    .order-list .order-desc ul li.upimg .bigImg {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .7);
        z-index: 100;
    }

    .order-list .order-desc ul li.upimg .bigImg img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 100%;
    }

    .order-list .order-desc ul li.upimg .bigImg i {
        background: url(/static/pc/image/swipebox-icons.svg);
        width: 20px;
        height: 24px;
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-price {
        padding: 19px 18px 0;
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-price>div {
        display: flex;
        justify-content: space-between;
        color: #e0e1ff;
        margin-bottom: 20px;
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-price>div .price {
        color: #fff;
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-price>div.subtotal-price {
        font-size: 14px;
        border-top: 1px solid #07254c;
        padding-top: 10px;
    }

    .affiliate-main .affiliate-home-index .mobile_order .order-list .order-price>div.subtotal-price .price {
        font-size: 18px;
        color: #aa2116;
    }

    #order-list .noOrder {
        height: 50%;
        padding-top: 50px;
        text-align: center;
    }

    .affiliate-main .affiliate-home-index .mobile_order h4 {
        margin: 20px 0 30px;
    }

    .affiliate-main .affiliate-home-index .mobile_order .settlement {
        color: #fff;
        background: #0a162c;
        display: flex;
        padding: 10px;
        margin-top: 20px;
        justify-content: space-between;
        align-items: center;
        height: auto;
    }

    .affiliate-main .affiliate-home-index .mobile_order .settlement p {
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        color: #fff;
        text-align: left;
        font-size: 12px;
    }

    .affiliate-main .affiliate-home-index .mobile_order .settlement span i {
        color: #0b85ea;
    }

    .affiliate-main .affiliate-home-index .mobile_order .settlement button {
        height: 40px;
        font-size: 12px;
        color: #fff;
        background: #0b85ea;
    }
    .affiliateMain .affiliate-home-index .a-profile .social_media .select_input {
        margin-left: 0;
    }
    .affiliateMain .wrapper {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        z-index: 99;
        display: none;
    }
    .wrapper .exchangeCashBox {
        width: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        border-radius: 10px;
        padding: 20px;
    }

    .wrapper .exchangeCashBox i.close-ico {
        background-position: -176px -197px;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 4px;
        right: 4px;
        background-color: #a62925;
        border-radius: 50%;
    }

    .wrapper .exchangeCashBox ul li {
        margin-top: 20px;
    }

    .wrapper .exchangeCashBox ul li .payment {
        display: flex;
    }

    .wrapper .exchangeCashBox ul li .payment span {
        display: flex;
        align-items: center;
        margin-right: 20px;
    }

    .wrapper .exchangeCashBox ul li .payment input {
        border: 1px solid #303561;
        background: none;
        color: #fff;
        appearance: auto;
        padding: 0;
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }

    .wrapper .exchangeCashBox ul li ._required input {
        width: 100%;
        border: 1px solid #303561;
        height: 44px;
        border-radius: 44px;
    }

    .wrapper .exchangeCashBox ul li p {
        font-size: 12px;
        color: #000;
    }

    .wrapper .exchangeCashBox button {
        width: 100%;
        background: -webkit-linear-gradient(left, #18f6d9, #0ca1ec);
        background: -o-linear-gradient(right, #18f6d9, #0ca1ec);
        background: -moz-linear-gradient(right, #18f6d9, #0ca1ec);
        background: linear-gradient(to right, #18f6d9, #0ca1ec);
        margin-top: 20px;
    }

    .wrapper .dialog i.close-ico {
        background-image: url(/static/pc/image/public_ico.png);
    }

    .wrapper .dialog {
        width: 90%;
    }

    .affiliateMain .affiliate-home-index .logSin-right .input-box input,
    .affiliateMain .affiliate-home-index .a-profile .changeAccount ul li .commonRadio div {
        width: 100%;
    }

    .affiliateMain .affiliate-home-index .logSin-right .affiliate-btn .errorTips {
        right: 0;
    }

    .exchangeCash-warpper {
        width: 90%;
    }
    .affiliateMain .affiliate-home-index .a-profile .social_media .select_input .select_title{
        width: 110px;
        min-width: 110px;
    }
    .affiliateMain .affiliate-home-index .a-profile .social_media .select_input .add_delete p{
        width: 70px;
        min-width:70px;
        padding: 0;
    }

    
    .affiliateMain .affiliate-home-index .logSin-right .input-box .send_code {
        left: auto;
        right: 5px;
    }


}


@media (max-width: 768px) {
    .affiliateMain .affiliate-home-index .a-profile .changeAccount ul li.grid_li {
        display: block;
    }

    .affiliateMain .affiliate-home-index.isLogin .a-order-title {
        display: block;
    }

    .affiliateMain .affiliate-home-index.isLogin .a-order-title .dateTime  {
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .affiliateMain .affiliate-home-index.isLogin .a-order-title .dateTime i {
        margin: 0 5px;
    }
    .affiliateMain .affiliate-home-index.isLogin .a-order-title .dateTime .timeInput {
        width: 130px;
    }

    .affiliateMain .affiliate-home-index.isLogin .a-order-title .dateTime .search {
        padding: 0 10px;
        margin-left: 5px;
    }
    
    .affiliateMain .affiliate-home-index.isLogin .settlement {
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
    }

    .affiliateMain .affiliate-home-index.isLogin .exchangeCash.display {
        margin-top: 100px;
    }
    .affiliateMain .affiliate-home-index.isLogin .withdrawal-warpper .warpper-dialog {
        margin-top: 0;
    }

}

@media (max-width: 500px) {
    .affiliateMain .affiliate-home-index.isLogin .order-list table tbody td.btn span {
        font-size: 12px !important;
    }
    .affiliateMain .affiliate-home-index.isLogin .order-list table tbody td .price {
        font-size: 12px;
    }

    .affiliateMain .affiliate-home-index.isLogin .withdrawal-warpper .warpper-dialog {
        width: 90%;
        padding: 20px 10px;
    }

    .affiliateMain .affiliate-home-index.isLogin .withdrawal-warpper .warpper-dialog h2 {
        padding: 0;
    }

    .aff_video {
        display: flex;
        align-items: center;
        flex-direction: column-reverse;
    }
    .aff-video-watch {
        display: block;
        height: 300px;
        width: 100%;
        min-width: 100%;
        margin-left: 0;
    }

    .affiliateMain .affiliate-home-index .a-left {
        margin-bottom: 0;
        padding-bottom: 0;
    }
}