input {

    border: none;

    outline: none;

    margin-left: 20px;

}



* {

    margin: 0;

    padding: 0;

}



a {

    text-decoration: none;

}



.swiper-container {

    --swiper-theme-color: #FFFFFF !important;

    --swiper-pagination-color: #FFFFFF !important;

    /* 两种都可以 */

}



@media screen and (min-width: 1200px) {

    .en {

        margin-left: 10px;

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 24px;

        color: #666666;

        opacity: 1;

    }



    .floorBody {

        width: 100%;

        display: flex;

        justify-content: center;

    }



    .pcBoxcenter {

        width: 1200px;

    }



    .btn {

        font-size: 18px;

        line-height: 40px;

        text-align: center;

        font-family: Microsoft YaHei;

        font-weight: 400;

        width: 90%;

        height: 90%;

        background: linear-gradient(315deg, #EB3D00 0%, #FE6730 100%);

        border-radius: 4px;

        color: #FFFFFF;

        cursor: pointer;

    }



    .BtnBox {

        width: 100%;

        height: 40px;

        display: flex;

        justify-content: center;

        align-items: center;

        margin-top: 28px;

    }



    .shangjiatime {

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 19px;

        color: #1A1A1A;

        opacity: 1;

    }



    .Price {

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 19px;

        color: #EB3D00;

        opacity: 1;

    }



    .shangjiatext {

        height: 100%;

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 22px;

        color: #909090;

        opacity: 1;

    }



    .PriceBox {

        width: 90%;

        height: 19px;

        display: flex;

        margin-top: 10px;

    }



    .timerbox {

        width: 90%;

        height: 19px;

        display: flex;

    }



    .shangjiaBox {

        width: 100%;

        height: 40px;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        align-items: center;

        margin-top: 60px;

    }



    .border {

        width: 90%;

        border: 1px solid #EDEDED;

        margin-top: 20px;

    }



    .AccompanyBox {

        width: 90%;

        height: 28px;

        display: flex;

        justify-content: space-between;

        margin-top: 10px;

    }



    .Accompany {

        width: 100%;

        height: 28px;

        display: flex;

        justify-content: space-between;

        align-items: center;

        flex-direction: column;

    }



    .jieshaoText {

        width: 90%;

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 22px;

        color: #666666;

        opacity: 1;

        text-overflow: -o-ellipsis-lastline;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;



    }



    .jieshao {

        width: 100%;

        height: 40px;

        display: flex;

        justify-content: center;

        margin-top: 10px;

    }



    .nametext {

        width: 90%;

        height: 29px;

        font-size: 22px;

        font-family: Microsoft YaHei;

        font-weight: bold;

        line-height: 29px;

        color: #1A1A1A;

        opacity: 1;

    }



    .recommendName {

        width: 100%;

        height: 30px;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .img {

        width: 100%;

        height: 100%

    }



    .floorboximg {

        width: 100%;

        height: 166px;

        background-image: url('../static/floorboximg.png');

        background-size: 100% 100%;

    }



    .imgText {

        height: 10%;

        line-height: 100%;

        font-size: 15px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 20px;

        color: #FFFFFF;

        opacity: 1;

        position: relative;

        bottom: 40px;

    }



    .firstimg {

        width: 100%;

        height: 100%;

    }



    .imgBox1 {

        width: 22%;

        height: 473px;

        background-size: 100% 100%;

        text-align: center;

        position: relative;

        background-image: url('../static/floorimg1.png');

        cursor: pointer;

        margin-bottom: 25px;

    }



    .imgBox {

        width: 22%;

        height: 473px;

        border: 1px solid #EDEDED;

        cursor: pointer;

        margin-bottom: 25px;

    }



    .floorContent {

        width: 100%;

        display: flex;

        justify-content: space-between;

        align-items: center;

        flex-wrap: wrap;

    }



    .alltext {

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 22px;

        color: #FA404E;

        opacity: 1;

        margin-right: 10px;

        cursor: pointer;

    }



    .alltext2 {

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 22px;

        color: #FD652D;

        opacity: 1;

        margin-right: 10px;

        cursor: pointer;

    }



    .alltext4 {

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 22px;

        color: #26DCA4;

        opacity: 1;

        margin-right: 10px;

        cursor: pointer;

    }



    .alltext5 {

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 22px;

        color: #5DCEBD;

        opacity: 1;

        margin-right: 10px;

        cursor: pointer;

    }



    .allBox {

        width: 110px;

        /* height:; */

        display: flex;

        align-items: center;

    }



    .allimg {

        width: 20px;

        height: 20px;

        cursor: pointer;

    }



    .froolText {

        font-size: 24px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 31px;

        color: #1A1A1A;

        opacity: 1;

    }



    .floorNum2 {

        font-size: 24px;

        font-family: Source Han Sans CN;

        font-weight: 800;

        line-height: 41px;

        color: #FD652D;

        opacity: 1;

        margin-right: 10px;

    }



    .floorNum3 {

        font-size: 24px;

        font-family: Source Han Sans CN;

        font-weight: 800;

        line-height: 41px;

        color: #FD8E00;

        opacity: 1;

        margin-right: 10px;

    }



    .floorNum4 {

        font-size: 24px;

        font-family: Source Han Sans CN;

        font-weight: 800;

        line-height: 41px;

        color: #26DCA4;

        opacity: 1;

        margin-right: 10px;

    }



    .floorNum5 {

        font-size: 24px;

        font-family: Source Han Sans CN;

        font-weight: 800;

        line-height: 41px;

        color: #5DCEBD;

        opacity: 1;

        margin-right: 10px;

    }



    .floorNum6 {

        font-size: 24px;

        font-family: Source Han Sans CN;

        font-weight: 800;

        line-height: 41px;

        color: #11A5FB;

        opacity: 1;

        margin-right: 10px;

    }



    .floorNum7 {

        font-size: 24px;

        font-family: Source Han Sans CN;

        font-weight: 800;

        line-height: 41px;

        color: #5D59BA;

        opacity: 1;

        margin-right: 10px;

    }



    .floorNum {

        font-size: 24px;

        font-family: Source Han Sans CN;

        font-weight: 800;

        line-height: 41px;

        color: #FA404E;

        opacity: 1;

        margin-right: 10px;

    }



    .title {

        display: flex;

        justify-content: space-between;

        width: 100%;

        margin-bottom: 20px;

    }

}



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

    .en {

        display: none;

    }



    /* .pcBoxcenter{

            display: none;

        } */

    .btn {

        font-size: 9px;

        line-height: 22px;

        text-align: center;

        font-family: Microsoft YaHei;

        font-weight: 400;

        width: 90%;

        height: 90%;

        background: linear-gradient(315deg, #EB3D00 0%, #FE6730 100%);

        border-radius: 4px;

        color: #FFFFFF;

    }



    .BtnBox {

        width: 100%;

        height: 25px;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .shangjiatime {

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 17px;

        color: #1A1A1A;

        opacity: 1;

    }



    .Price {

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 17px;

        color: #EB3D00;

        opacity: 1;

    }



    .shangjiatext {

        height: 100%;

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 17px;

        color: #909090;

        opacity: 1;

    }



    .PriceBox {

        width: 90%;

        height: 17px;

        display: flex;

    }



    .timerbox {

        width: 90%;

        height: 17px;

        display: flex;

    }



    .shangjiaBox {

        width: 100%;

        height: 40px;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        align-items: center;

        margin-top: 2px;

    }



    .border {

        width: 90%;

        border: 1px solid #EDEDED;

        margin-top: 2px;

    }



    .AccompanyBox {

        width: 90%;

        height: 18px;

        display: flex;

        justify-content: space-between;

        margin-top: 10px;

    }



    .Accompany {

        width: 100%;

        height: 36px;

        display: flex;

        justify-content: space-between;

        align-items: center;

        flex-direction: column;

    }



    .jieshaoText {

        width: 90%;

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 17px;

        color: #666666;

        opacity: 1;

        text-overflow: -o-ellipsis-lastline;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;



    }



    .jieshao {

        width: 100%;

        height: 32px;

        display: flex;

        justify-content: center;

        margin-top: 2px;

    }



    .nametext {

        width: 90%;

        height: 20px;

        font-size: 18px;

        font-family: Microsoft YaHei;

        font-weight: bold;

        line-height: 34px;

        color: #1A1A1A;

        opacity: 1;

    }



    .recommendName {

        width: 100%;

        height: 30px;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .img {

        width: 100%;

        height: 100%

    }



    .floorboximg {

        width: 100%;

        height: 100px;

    }



    .imgText {

        height: 10%;

        line-height: 100%;

        font-size: 15px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 20px;

        color: #FFFFFF;

        opacity: 1;

        position: relative;

        bottom: 40px;

    }



    .firstimg {

        width: 100%;

        height: 100%;

    }



    .imgBox1 {

        width: 47%;

        height: 47%;

        background-size: 100% 100%;

        text-align: center;

        position: relative;

    }



    .imgBox {

        width: 47%;

        height: 47%;

        border: 1px solid #EDEDED;

    }



    .floorContent {

        width: 100%;

        height: 600px;

        display: flex;

        justify-content: space-between;

        align-items: center;

        flex-wrap: wrap;

    }



    .alltext {

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 22px;

        color: #FA404E;

        opacity: 1;

        margin-right: 10px;

    }



    .alltext2 {

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 22px;

        color: #FD652D;

        opacity: 1;

        margin-right: 10px;

    }



    .alltext4 {

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 22px;

        color: #26DCA4;

        opacity: 1;

        margin-right: 10px;

    }



    .alltext5 {

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 22px;

        color: #5DCEBD;

        opacity: 1;

        margin-right: 10px;

    }



    .allBox {

        width: 110px;

        /* height:; */

        display: flex;

        align-items: center;

    }



    .allimg {

        width: 20px;

        height: 20px;

    }



    .froolText {

        font-size: 24px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 31px;

        color: #1A1A1A;

        opacity: 1;

    }



    .floorNum2 {

        font-size: 24px;

        font-family: Source Han Sans CN;

        font-weight: 800;

        line-height: 41px;

        color: #FD652D;

        opacity: 1;

        margin-right: 10px;

    }



    .floorNum3 {

        font-size: 24px;

        font-family: Source Han Sans CN;

        font-weight: 800;

        line-height: 41px;

        color: #FD8E00;

        opacity: 1;

        margin-right: 10px;

    }



    .floorNum4 {

        font-size: 24px;

        font-family: Source Han Sans CN;

        font-weight: 800;

        line-height: 41px;

        color: #26DCA4;

        opacity: 1;

        margin-right: 10px;

    }



    .floorNum5 {

        font-size: 24px;

        font-family: Source Han Sans CN;

        font-weight: 800;

        line-height: 41px;

        color: #5DCEBD;

        opacity: 1;

        margin-right: 10px;

    }



    .floorNum6 {

        font-size: 24px;

        font-family: Source Han Sans CN;

        font-weight: 800;

        line-height: 41px;

        color: #11A5FB;

        opacity: 1;

        margin-right: 10px;

    }



    .floorNum7 {

        font-size: 24px;

        font-family: Source Han Sans CN;

        font-weight: 800;

        line-height: 41px;

        color: #5D59BA;

        opacity: 1;

        margin-right: 10px;

    }



    .floorNum {

        font-size: 24px;

        font-family: Source Han Sans CN;

        font-weight: 800;

        line-height: 41px;

        color: #FA404E;

        opacity: 1;

        margin-right: 10px;

    }



    .title {

        display: flex;

        justify-content: space-between;

        width: 100%;

    }

}



@media screen and (min-width: 1200px) {

    .position-centerBox {

        display: none;

    }



    .searchkuantop {

        width: 100%;

        height: 96px;

        background-image: url("../static/PCsearch.png");

        background-repeat: no-repeat;

        background-size: 100% 100%;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .PCXX {

        cursor: pointer;

        display: none;

    }



    .searchkuanbtm {

        width: 749px;

        height: 220px;

        border: 1px solid #EB3D00;

        background: #FFFFFF;

        display: flex;

        flex-wrap: wrap;



    }



    .searchtextItem {

        width: 10%;

        height: 40px;

        line-height: 40px;

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #1A1A1A;

        opacity: 1;

        margin-left: 20px;

    }



    .qxzyx {

        font-size: 16px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 55px;

        color: #FFFFFF;

        opacity: 1;

        margin-left: 11px;

    }



    .searchtankuang {

        width: 749px;

        height: 168px;

        position: absolute;

        top: 40px;

        z-index: 1000;

    }



    .searchtankuang1 {

        width: 749px;

        height: 168px;

        position: absolute;

        top: 40px;

        left: 200px;

        z-index: 1000;

    }



    .guanzhu {

        width: 100%;

        /* height:; */

        font-size: 15px;

        font-family: Microsoft YaHei;

        font-weight: 600;

        line-height: 20px;

        opacity: 1;

        text-align: center;

        margin-top: 10px;

    }



    .sys {

        width: 100%;

        /* height:; */

        margin-top: 10px;

        text-align: center;

        font-size: 15px;

        font-family: Microsoft YaHei;

        font-weight: 600;

        line-height: 20px;

        color: #1A1A1A;

        opacity: 1;

    }



    .weixinewm {

        width: 100%;

        height: 126px;

        margin-top: 10px;

        display: flex;

        justify-content: center;

    }



    .contentText {

        margin-top: 10px;

        width: 10;

        text-align: center;

        font-size: 15px;

        font-family: Microsoft YaHei;

        font-weight: 600;

        line-height: 20px;

        color: #666666;

        opacity: 1;

    }



    .position-titlea {

        width: 100%;

        margin-top: 33px;

        font-size: 22px;

        font-family: Microsoft YaHei;

        font-weight: bold;

        line-height: 20px;

        color: #1A1A1A;

        opacity: 1;

        text-align: center;

    }



    .centerBox {

        width: 236px;

        height: 311px;

    }



    .PCweixin {

        width: 236px;

        height: 311px;

        background-image: url('../static/PCweixin.png');

        background-size: 100% 100%;

        position: absolute;

        left: -250px;

        top: -100px;

    }



    .daohang {

        width: 100%;

        height: 60px;

        display: flex;

        justify-content: center;

        border-bottom: 2px solid #EB3D00;

        margin-top: 16px;

    }



    .hotBox {

        width: 19%;

        height: 100%;

        text-align: center;

        line-height: 60px;

        background-image: url('../static/PChotBox.png');

        background-size: 100% 100%;

        font-size: 18px;

        font-family: Microsoft YaHei;

        font-weight: bold;

        color: #FFFFFF;

        opacity: 1;

    }



    .daohangcenter {

        width: 1200px;

        height: 100%;

        display: flex;

    }



    .daohangBox {

        width: 81%;

        height: 100%;

        display: flex;

        justify-content: space-around;

    }



    .menuText {

        width: 10%;

        height: 100%;

        text-align: center;

        line-height: 60px;

        font-size: 18px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #1A1A1A;

        opacity: 1;

        cursor: pointer;

    }



    .menuText:hover {

        color: #EB3D00;

    }



    .menuText1 {

        width: 10%;

        height: 100%;

        text-align: center;

        line-height: 60px;

        font-size: 18px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #EB3D00;

        cursor: pointer;

        opacity: 1;

    }





    .body {

        width: 100%;

        display: flex;

        align-items: center;

        margin-top: 16px;

        flex-direction: column;

    }



    .PCBox {

        width: 1200px;

        display: flex;

        justify-content: space-between;

    }



    .threeicon {

        width: 40px;

        height: 40px;

        cursor: pointer;

    }



    .threeiconwei {

        width: 40px;

        height: 40px;

    }



    .threeiconwei:hover {

        cursor: pointer;

    }



    .threeicons {

        width: 40px;

        height: 140px;

        position: fixed;

        bottom: 75px;

        right: 17px;

        z-index: 5555;

        display: flex;

        flex-direction: column;

        justify-content: space-between;



    }



    .itemright1 {

        height: 100%;

        line-height: 40px;

        font-size: 16px;

        font-family: Source Han Sans CN;

        font-weight: 400;

        color: #091905;

        opacity: 1;

    }



    .itemright {

        height: 100%;

        line-height: 40px;

        font-size: 16px;

        font-family: Source Han Sans CN;

        font-weight: 400;

        color: #FFFFFF;

        opacity: 1;

    }



    .itemleft {

        width: 58px;

        height: 100%;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .menusItem1 {

        width: 100%;

        height: 40px;

        display: flex;

    }



    .menusItem {

        width: 100%;

        height: 40px;

        background: linear-gradient(225deg, #EB3D00 0%, #FE6730 100%);

        display: flex;

    }



    .ceimg {

        width: 96px;

        height: 56px;

    }



    .logoBox {

        width: 100%;

        height: 158px;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .rightBox {

        width: 50%;

        height: 100%;

        background: #FFFFFF;

    }



    .leftback {

        width: 50%;

        height: 100%;

    }



    .tankuang {

        /* background: rgba(0,0,0,0.8);

            z-index: 999999;

            position: fixed;

            top: 0;

            left: 0;

            right: 0;

            bottom: 0;

            display: flex;

            justify-content: space-between; */

        display: none;

    }



    .placeholderclass {

        margin-left: 40px;

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 16px;

        color: #c8c8c8;

        opacity: 1;

    }



    .searchicon {

        width: 12px;

        height: 6px;

        display: flex;

        margin-right: 5px;

        /* border:1px solid red; */

    }



    .searchText {

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 16px;

        color: #666666;

    }



    .choice {

        width: 45%;

        height: 80%;

        display: flex;

        justify-content: space-between;

        align-items: center;

        border-right: 1px solid #EDEDED;



    }



    .searchicon2 {

        width: 12px;

        height: 6px;

        display: flex;

        margin-right: 5px;

    }



    .searchText2 {

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 16px;

        color: #666666;

    }



    .choice2 {

        width: 45%;

        height: 80%;

        display: flex;

        justify-content: space-between;

        align-items: center;

        border-right: 1px solid #EDEDED;

    }



    .searchBtn {

        width: 100px;

        height: 39px;

        background: linear-gradient(310deg, #eb3d00 0%, #fe6730 100%);

        text-align: center;

        line-height: 40px;

        font-size: 16px;

        font-weight: 400;

        color: #ffffff;

        cursor: pointer;

    }



    .inputBox {

        width: 60%;

        height: 40px;

        display: flex;

        justify-content: center;

        align-items: center;

        background-image: url(../static/searchIcon.png);

        /*添加搜索图标*/

        background-repeat: no-repeat;

        background-size: 14px 14px;

        background-position-y: 50%;

        /* background-position-x: ; */

    }



    .choiceBox {

        width: 35%;

        height: 40px;

        display: flex;

        justify-content: space-around;

        align-items: center;

    }



    .search {

        width: 100%;

        margin-left: 20px;

        height: 40px;

        border: 1px solid #eb3d00;

        display: flex;

        justify-content: space-between;

        position: relative;

    }



    .searchBox {

        width: 100%;

        height: 88px;

        display: flex;

        align-items: center;

    }



    .clicklogin1 {

        width: 48px;

        height: 10px;



    }



    .clicklogin {

        width: 48px;

        color: #eb3d00;

        font-size: 12px;

        font-weight: 400;

        font-family: Microsoft YaHei;

        line-height: 16px;

        opacity: 1;

        height: 16px;

    }



    .userImg {

        width: 32px;

        height: 32px;

        border-radius: 50%;

    }



    .left {

        /* width: 30%;

        display: flex;

        align-items: center;

        justify-content: space-around; */

        display: none;

    }



    .center {

        width: 143px;

        height: 88px;

        background-image: url('../static/PChlog.png');

        background-size: 100% 100%;

        margin-left: 20px;

    }



    .logoimg {

        display: none;

    }



    .right {

        /* width: 30%;

        height: 100%;

        display: flex;

        justify-content: space-between;

        align-items: center; */

        display: none;

    }



    .mintitleBox {

        width: 90%;

        height: 80%;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .titleBox {

        width: 60%;

        height: 100px;

        display: flex;

        justify-content: center;

        align-items: center;

    }

}



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

    .position-guanzhu {

        width: 100%;

        /* height:; */

        font-size: 15px;

        font-family: Microsoft YaHei;

        font-weight: 600;

        line-height: 20px;

        opacity: 1;

        text-align: center;

        margin-top: 10px;

    }



    .position-sys {

        width: 100%;

        /* height:; */

        margin-top: 10px;

        text-align: center;

        font-size: 15px;

        font-family: Microsoft YaHei;

        font-weight: 600;

        line-height: 20px;

        color: #1A1A1A;

        opacity: 1;

    }



    .position-weixinewm {

        width: 100%;

        height: 126px;

        margin-top: 10px;

        display: flex;

        justify-content: center;

    }



    .position-contentText {

        margin-top: 10px;

        text-align: center;

        font-size: 15px;

        font-family: Microsoft YaHei;

        font-weight: 600;

        line-height: 20px;

        color: #666666;

        opacity: 1;

    }



    .position-title {

        width: 100%;

        margin-top: 33px;

        font-size: 20px;

        font-family: Microsoft YaHei;

        font-weight: bold;

        line-height: 20px;

        color: #1A1A1A;

        opacity: 1;

        text-align: center;

    }



    .position-centerBox {

        width: 236px;

        height: 311px;

        background-image: url(../static/weixinBack.png);

        background-size: 100% 100%;

    }



    .position-guanbiweixinlog {

        position: fixed;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        background-color: rgba(0, 0, 0, 0.6);

        z-index: 100;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .PCweixin {

        display: none;

    }



    .daohang {

        display: none;

    }



    /* div{ */

    .threeicon {

        width: 40px;

        height: 40px;

    }



    .threeiconwei {

        width: 40px;

        height: 40px;

    }



    .threeicons {

        width: 40px;

        height: 140px;

        position: fixed;

        bottom: 34px;

        right: 17px;

        z-index: 5555;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

    }



    .itemright1 {

        height: 100%;

        line-height: 40px;

        font-size: 16px;

        font-family: Source Han Sans CN;

        font-weight: 400;

        color: #091905;

        opacity: 1;

    }



    .itemright {

        height: 100%;

        line-height: 40px;

        font-size: 16px;

        font-family: Source Han Sans CN;

        font-weight: 400;

        color: #FFFFFF;

        opacity: 1;

    }



    .itemleft {

        width: 58px;

        height: 100%;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .menusItem1 {

        width: 100%;

        height: 40px;

        display: flex;

    }



    .menusItem {

        width: 100%;

        height: 40px;

        background: linear-gradient(225deg, #EB3D00 0%, #FE6730 100%);

        display: flex;

    }



    .ceimg {

        width: 97px;

        height: 56px;

    }



    .logoBox {

        width: 100%;

        height: 158px;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .rightBox {

        width: 50%;

        height: 100%;

        background: #FFFFFF;

    }



    .leftback {

        width: 50%;

        height: 100%;

    }



    .tankuang {

        background: rgba(0, 0, 0, 0.8);

        z-index: 999999;

        position: fixed;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        display: flex;

        justify-content: space-between;

    }



    .placeholderclass {

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 16px;

        color: #c8c8c8;

        opacity: 1;

    }



    .searchicon {

        width: 12px;

        height: 6px;

        display: flex;

        /* border:1px solid red; */

    }



    .searchText {

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 16px;

        color: #666666;

    }



    .choice {

        width: 90%;

        height: 80%;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .searchicon2 {

        display: none;

    }



    .searchText2 {

        display: none;

    }



    .choice2 {

        display: none;

    }



    .searchkuantop {

        width: 100%;

        height: 48px;

        background-image: url(../static/search.png);

        background-repeat: no-repeat;

        background-size: 100% 100%;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .searchkuanbtm {

        width: 99%;

        height: 120px;

        border: 1px solid #EB3D00;

        background: #FFFFFF;

        display: flex;

        flex-wrap: wrap;

        justify-content: space-around;

    }



    .searchtextItem {

        width: 30%;

        height: 40px;

        line-height: 40px;

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #1A1A1A;

        opacity: 1;

    }



    .qxzyx {

        font-size: 16px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 55px;

        color: #FFFFFF;

        opacity: 1;

        margin-left: 11px;

    }



    .searchtankuang {

        width: 100%;

        height: 168px;

        position: absolute;

        top: 31px;

        z-index: 1000;

    }



    .searchBtn {

        width: 20%;

        height: 29px;

        background: linear-gradient(310deg, #eb3d00 0%, #fe6730 100%);

        text-align: center;

        line-height: 30px;

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #ffffff;

    }



    .inputBox {

        width: 49%;

        height: 30px;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .choiceBox {

        width: 30%;

        height: 30px;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .search {

        width: 90%;

        height: 30px;

        display: flex;

        border: 1px solid #eb3d00;

        justify-content: space-between;

        position: relative;

    }



    .searchBox {

        width: 100%;

        height: 44px;

        display: flex;

        justify-content: center;

        align-items: center;

        margin-top: 10px;

    }



    .clicklogin1 {

        width: 48px;

        height: 10px;

    }



    .clicklogin {

        width: 120px;

        color: #eb3d00;

        font-size: 12px;

        font-weight: 400;

        font-family: Microsoft YaHei;

        line-height: 16px;

        opacity: 1;

        height: 16px;

        margin-left: 10px;

    }



    .userImg {

        width: 32px;

        height: 32px;

        border-radius: 50%;

    }



    .left {

        width: 30%;

        display: flex;

        align-items: center;

        justify-content: space-around;

    }



    .center {

        width: 54px;

        height: 32px;

    }



    .logoimg {

        width: 100%;

        height: 100%;

    }



    .right {

        width: 30%;

        height: 100%;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .mintitleBox {

        width: 90%;

        height: 80%;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .titleBox {

        width: 100%;

        height: 50px;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    /* } */

}



@media screen and (min-width: 1200px) {

    .mole_six {

        display: none;

    }



    .position {

        position: fixed;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        z-index: 99999;

    }



    .mapimg {

        width: 90%;

        height: 155px;

    }



    .mapBox {

        /* width:100%;

               height:155px;

               margin-top: 17px;

               margin-bottom: 32px;

               display: flex;

               justify-content: center; */

        display: none;

    }



    .minIcon {

        width: 18px;

        height: 18px;

        margin-left: 10px;

    }



    .follow {

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 600;

        line-height: 19px;

        color: #1a1a1a;

        opacity: 1;

    }



    .followWe {

        margin: 12px 0 12px 17px;

        display: flex;

    }



    .PCmap {

        width: 48%;

        height: 252px;

        background-image: url(../static/homeMap.png);

        background-size: 100% 100%;

    }



    .Postcode {

        width: 45%;

        margin-top: 20px;

        margin-left: 17px;

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 600;

        line-height: 19px;

        color: #1a1a1a;

    }



    .Postcode1 {

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 600;

        line-height: 19px;

        color: #1a1a1a;

    }



    .address {

        margin-left: 17px;

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 600;

        line-height: 19px;

        color: #1a1a1a;

        opacity: 1;

    }



    .sevenTitle {

        margin-left: 17px;

        font-size: 22px;

        font-family: Source Han Sans CN;

        font-weight: bold;

        line-height: 37px;

        color: #1a1a1a;

        opacity: 1;

    }



    .sevenContent {

        width: 48%;

        height: 252px;

        background: #f5f5f5;

    }



    .sevencontentBox {

        width: 100%;

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }



    .PCsevenBox {

        width: 100%;

        height: 252px;

        display: flex;

        justify-content: center;

        margin: 20px 0;

    }



    .SevenBox {

        width: 1200px;

        min-height: 252px;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .moniimgbox {

        width: 90%;

        height: 90%;

        justify-content: center;

    }



    .fiveOpen {

        width: 100%;

        height: 80px;

        background: #FFF2EE;

    }



    .fold_sizBox {

        display: flex;

        justify-content: space-between;

        flex-direction: column;

    }



    .fold_centerBox {

        width: 100%;

        height: 80px;

        background: #F9F9F9;

        display: flex;

        border-bottom: 1px solid #ECECEC;

        justify-content: space-between;

    }



    .fold_askimg {

        display: flex;

        align-items: center;

        margin: 0 10px 0 40px;

    }



    .fold_text {

        width: 90%;

        height: 100%;

        line-height: 80px;

    }



    .fold_updonwimg {

        margin-right: 50px;

        display: flex;

        align-items: center;

    }



    .fold_content {

        margin-left: 20px;

        line-height: 80px;

        font-size: 14px;

    }



    .fiveopenflag {

        display: none;

    }



    .sixscoll::-webkit-scrollbar {

        height: 160px;

        position: absolute;

        top: -100px !important;

    }



    .sixfloorBox {

        height: 250px;

        width: 100%;

        margin-top: 50px;

        overflow: hidden;

    }



    .sixBox_PC {

        display: flex;

        width: 100%;

        height: 100%;

        white-space: nowrap;

        overflow-x: scroll;

        overflow-y: hidden;

    }



    .sixBox {

        width: 100%;

        height: 100%;

        position: relative;

        z-index: 11111;

    }



    .sixmargin {

        margin-left: 40px;

    }



    .siximgs {

        width: 270px;

        height: 163px;

        cursor: pointer;

        z-index: 55;

    }



    .froolTextfiveitembox {

        width: 100%;

        height: 40px;

        border-bottom: 1px solid #ebebeb;

        line-height: 40px;

        font-size: 14px;

        font-family: Source Han Sans CN;

        font-weight: 400;

        color: #1a1a1a;

        opacity: 1;

        border: 1px solid red;

    }



    .unicollapseBox {

        width: 1200px;

    }



    .fivefloorbox {

        width: 100%;

        min-height: 300px;

        display: flex;

        flex-direction: column;

        align-items: center;

        align-items: center;

    }



    .therrBox {

        width: 1200px;

        height: 400px;

        position: absolute;

        background-image: url(../static/PCthreeimg.png);

        border: 1px solid #ededed;

    }



    .threebigbox {

        width: 480px;

        height: 320px;

        top: 40px;

        right: 40px;

        bottom: 40px;

        position: absolute;

    }



    .PCthreebigbox {

        width: 100%;

        height: 400px;

        display: flex;

        justify-content: center;

    }



    .pcfloorimg3 {

        margin-top: 80px;

        width: 100%;

        height: 400px;

        background-image: url('../static/aboutusimg.png');

        background-size: 100% 100%;

        display: flex;

        justify-content: center;

    }



    .threefloorbox {

        width: 100%;

        height: 53px;

        border-bottom: 1px solid #ededed;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .threeBox {

        width: 100%;

        height: 100%;

    }



    .posibutm {

        width: 100%;

        height: 60px;

        position: absolute;

        top: 0;

        z-index: 11;

        background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);

    }



    .positop {

        width: 100%;

        height: 60px;

        position: absolute;

        bottom: 0;

        z-index: 11;

        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);

    }



    .threecontentBox {

        width: 100%;

        height: 320px;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .vidaoBox {

        width: 100%;

        height: 400px;

        margin-top: 80px;

        display: flex;

        justify-content: center;

    }



    .vidaoBoximg {

        width: 1200px;

        height: 100%;

        background-image: url('../static/vidao.png');

        background-size: 100% 100%;

    }



    .comF {

        width: 100%;

        display: flex;

        justify-content: center;

        margin-top: 20px;

    }



    .floor1 {

        width: 100%;

    }



    .homeBigimg {

        width: 100%;

        height: 100%;

    }



    .bigimg {

        /* width: 100%;

               height:235px; */

        display: none;

    }



    .menuimg {

        display: initial;

        width: 46px;

        height: 46px;

        border-radius: 50%;

    }



    .itemname {

        font-size: 12px;

        font-family: PingFang SC;

        font-weight: 600;

        line-height: 17px;

        color: #1a1a1a;

        opacity: 1;

    }



    .menuItema {

        width: 24%;

        height: 40%;

        display: flex;

        flex-direction: column;

        justify-content: space-around;

        align-items: center;

    }



    .menuItem {

        width: 24%;

        height: 40%;

        display: flex;

        flex-direction: column;

        justify-content: space-around;

        align-items: center;

    }



    .menukuang {

        width: 95%;

        height: 95%;

        display: flex;

        align-items: center;

        flex-wrap: wrap;

        justify-content: space-around;

    }



    .threechaxunItemBox {

        justify-content: space-between;

        margin-bottom: 20px;

        display: flex;

        font-size: 18px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #1a1a1a;

        opacity: 1;

    }

    .threechaxunItemBox a{color: #ff8256;}



    .threechaxunBox {

        width: 100%;

        height: 112px;

        display: flex;

        justify-content: center;

        margin-top: 40px;

    }



    .threechaxun {

        width: 270px;

        height: 112px;

    }



    .buy {

        width: 115px;

        height: 40px;

        background: linear-gradient(313deg, #eb3d00 0%, #ff8256 100%);

        opacity: 1;

        border-radius: 20px;

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 40px;

        color: #ffffff;

        opacity: 1;

        text-align: center;

        cursor: pointer;

    }



    .sell {

        width: 115px;

        height: 40px;

        background: transparent;

        border: 1px solid #ff8256;

        opacity: 1;

        border-radius: 20px;

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 40px;

        color: #ff8256;

        opacity: 1;

        text-align: center;

        cursor: pointer;

    }

    .sell a{

        color: #ff8256;

    }



    .towBox {

        width: 100%;

        height: 40px;

        display: flex;

        justify-content: space-around;

    }



    .userImg {

        width: 100%;

        height: 155px;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .userMin {

        width: 300px;

        height: 75px;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }



    .Mybox {

        width: 31%;

        height: 376px;

        background: #ffffff;

        margin-top: 20px;

        background: url(../image/inbk1.jpg);

    }



    .swiperBox {

        width: 540px;

        height: 376px;

        display: flex;

        justify-content: center;

        margin: 20px 40px 0 20px;

    }



    .swiperimg {

        width: 100%;

        height: 100%;

    }



    .uswiper {

        width: 100%;

        height: 376px;

    }



    .homeone {

        width: 100%;

        /*height: 476px;*/

        display: flex;

        justify-content: center;

        background: linear-gradient(to bottom, #6e6d85, #ffffff);

    }



    .homeoneBox {

        width: 1200px;

        height: 396px;

        display: flex;

    }



    .gamesMuensBox {

        width: 19%;

        height: 100%;

        padding-top: 10px;

        background: #ffffff;

        display: flex;

        flex-direction: column;

        justify-content: space-around;

        background: url(../image/inbk2.jpg) center center no-repeat;background-size: cover;

    }



    .gameItemBox {

        width: 100%;

        /*height: 10%;*/

    }



    .gameItem {

        display: flex;

        width: 100%;

        /*margin-left: 40px;*/

        box-sizing: border-box;padding: 0 15px;

        justify-content: space-between;

        border-bottom: 1px solid #571f0b;

        text-indent: 1em;

        cursor: pointer;

    }



    .menusBox {

        display: none;

    }



    .foot {

        position: absolute;

        bottom: 0;

    }

}







/* ::after.uni-scroll-div ::-webkit-scrollbar {

/

    display: none;

    width: 0;

    height: 0;

    color: transparent;

    background: transparent;

}

::after::-webkit-scrollbar {

    display: none;

    width: 0;

    height: 0;

    color: transparent;

    background: transparent;

} */





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

    .fold_sizBox {

        display: flex;

        justify-content: space-between;

        flex-direction: column;

    }



    .fold_centerBox {

        width: 100%;

        height: 20px;

        background: #F9F9F9;

        display: flex;

        border-bottom: 1px solid #ECECEC;

        justify-content: space-between;

    }



    .fold_askimg {

        display: flex;

        align-items: center;

        margin: 0 10px 0 10px;

    }



    .fold_text {

        width: 90%;

        height: 100%;

        line-height: 20px;

    }



    .fold_updonwimg {

        margin-right: 20px;

        display: flex;

        align-items: center;

    }



    .fold_content {

        margin-left: 20px;

        line-height: 20px;

        font-size: 14px;

    }



    .fiveOpen {

        width: 100%;

        height: 80px;

        background: #FFF2EE;

    }



    .fiveopenflag {

        display: none;

    }



    .PCsix {

        display: none;

    }



    .daohang {

        display: none;

    }



    .position {

        position: fixed;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        z-index: 99999;

    }



    .mapimg {

        width: 90%;

        height: 155px;

    }



    .mapBox {

        width: 100%;

        height: 155px;

        margin-top: 17px;

        margin-bottom: 32px;

        display: flex;

        justify-content: center;

    }



    .minIcon {

        width: 18px;

        height: 18px;

        margin-left: 10px;

    }



    .follow {

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 600;

        line-height: 19px;

        color: #1a1a1a;

        opacity: 1;

    }



    .followWe {

        margin: 12px 0 12px 17px;

        display: flex;

    }



    .PCmap {

        display: none;

    }



    .Postcode {

        margin-left: 17px;

        margin-top: 12px;

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 600;

        line-height: 19px;

        color: #1a1a1a;

    }



    .Postcode1 {

        margin-left: 17px;

        margin-top: 12px;

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 600;

        line-height: 19px;

        color: #1a1a1a;

    }



    .address {

        margin-left: 17px;

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 600;

        line-height: 19px;

        color: #1a1a1a;

        opacity: 1;

    }



    .sevenTitle {

        margin-left: 17px;

        font-size: 22px;

        font-family: Source Han Sans CN;

        font-weight: bold;

        line-height: 37px;

        color: #1a1a1a;

        opacity: 1;

    }



    .sevenContent {

        width: 90%;

        height: 278px;

        background: #f5f5f5;

    }



    .PCsevenBox {

        width: 100%;

    }



    .SevenBox {

        width: 100%;

        min-height: 278px;

        margin-top: 15px;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .swiperBox {

        width: 100%;

        height: 100%;

        margin-top: 20px;

        display: flex;

        justify-content: center;

    }



    .swiperimg {

        width: 100%;

        height: 100%;

    }



    .moniimgbox {

        /* ///模拟图片盒子 */

        width: 90%;

        height: 90%;

        justify-content: center;

    }



    .sixfloorBox {

        width: 100%;

        height: 150px;

        display: flex;

        justify-content: center;

        align-items: center;

        margin-top: 17px;

    }



    .sixBox {

        width: 100%;

        height: 100%;

    }



    .sixBox_PC {

        display: none;

    }



    .sixmargin {

        margin-left: 17px;

    }



    .siximgs {

        width: 134px;

        height: 81px;

    }



    .froolTextfiveitembox {

        width: 100%;

        height: 40px;

        border-bottom: 1px solid #ebebeb;

        line-height: 40px;

        font-size: 14px;

        font-family: Source Han Sans CN;

        font-weight: 400;

        color: #1a1a1a;

        opacity: 1;

        border: 1px solid red;

    }



    .unicollapseBox {

        width: 100%;

    }



    .fivefloorbox {

        width: 100%;

        min-height: 610px;

        display: flex;

        flex-direction: column;

        align-items: center;

    }



    /*  .vidaoBox{

                   margin-bottom: 30px;

               } */

    .threebigbox {

        width: 100%;

        display: flex;

        justify-content: center;

        position: relative;

    }



    .therrBox {

        width: 100%;

    }



    .PCthreebigbox {

        width: 100%;

    }



    .pcfloorimg3 {

        display: none;

    }



    .threefloorbox {

        width: 100%;

        height: 53px;

        border-bottom: 2px solid #ededed;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .threeBox {

        width: 100%;

        height: 100%;

    }



    .posibutm {

        width: 100%;

        height: 110px;

        position: absolute;

        top: 0;

        z-index: 11;

        background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);

    }



    .positop {

        width: 100%;

        height: 110px;

        position: absolute;

        bottom: 0;

        z-index: 11;

        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);

    }



    .threecontentBox {

        width: 90%;

        height: 430px;



        display: flex;

        justify-content: center;

        align-items: center;

    }



    .vidaoBoximg {

        width: 100%;

        height: 125px;

        background-image: url(../static/vidao.png);

        background-size: 100% 100%;

    }



    .vidaoBox {

        width: 100%;

        height: 125px;

        margin-top: 35px;

    }



    .comF {

        width: 100%;

        display: flex;

        justify-content: center;

        margin-top: 30px;

    }



    .floor1 {

        width: 90%;

    }



    .homeBigimg {

        width: 100%;

        height: 100%;

    }



    .bigimg {

        width: 100%;

        height: 235px;

    }



    .menuimg {

        display: initial;

        width: 46px;

        height: 46px;

        border-radius: 50%;

    }



    .itemname {

        font-size: 12px;

        font-family: PingFang SC;

        font-weight: 600;

        line-height: 17px;

        color: #1a1a1a;

        opacity: 1;

        overflow: hidden;

        white-space: nowrap;

    }



    .menuItema {

        width: 24%;

        height: 40%;

        display: flex;

        flex-direction: column;

        justify-content: space-around;

        align-items: center;

    }



    .menuItem {

        width: 24%;

        height: 40%;

        display: flex;

        flex-direction: column;

        justify-content: space-around;

        align-items: center;

    }



    .menukuang {

        width: 95%;

        height: 95%;

        display: flex;

        align-items: center;

        flex-wrap: wrap;

        justify-content: space-around;

    }



    .fold_sizBox {

        display: flex;

        justify-content: space-between;

        flex-direction: column;

    }



    .fold_centerBox {

        width: 100%;

        height: 80px;

        background: #F9F9F9;

        display: flex;

        border-bottom: 1px solid #ECECEC;

        justify-content: space-between;

    }



    .fold_askimg {

        display: flex;

        align-items: center;

        margin: 0 10px 0 40px;

    }



    .fold_text {

        width: 90%;

        height: 100%;

        line-height: 80px;

    }



    .fold_updonwimg {

        margin-right: 50px;

        display: flex;

        align-items: center;

    }



    .fold_content {

        margin-left: 40px;

        line-height: 80px;

    }



    .homeone {

        display: none;

    }



    .menusBox {

        width: 100%;

        height: 200px;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .foot {

        position: absolute;

        bottom: 0;

    }

}



@media screen and (min-width: 1200px) {

    .footbody {

        width: 100%;

        display: flex;

        justify-content: center;

        background: #666666;

    }



    .footBox {

        width: 1200px;

        height: 56px;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .topBox {

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #FFFFFF;

        opacity: 1;

        text-align: center;

    }



    .btmBox {

        /* height:56px; */

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        /* line-height: 18px; */

        color: #FFFFFF;

        opacity: 1;

        text-align: center;

    }

}



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

    .footBox {

        width: 100%;

        height: 81px;

        background: #666666;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }



    .topBox {

        width: 90%;

        height: 35px;

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 18px;

        color: #FFFFFF;

        opacity: 1;

        text-align: center;

    }



    .btmBox {

        width: 90%;

        height: 16px;

        margin-top: 6px;

        text-align: center;

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 16px;

        color: #FFFFFF;

        opacity: 1;

    }

}



input {

    border: none;



}



* {

    margin: 0;

    padding: 0;

}





@media screen and (min-width: 1200px) {

    .footbody {

        width: 100%;

        display: flex;

        justify-content: center;

        background: #666666;

    }



    .footBox {

        width: 1200px;

        height: 56px;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .topBox {

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #FFFFFF;

        opacity: 1;

        text-align: center;

    }



    .btmBox {

        /* height:56px; */

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        /* line-height: 18px; */

        color: #FFFFFF;

        opacity: 1;

        text-align: center;

    }

}



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

    .footBox {

        width: 100%;

        height: 81px;

        background: #666666;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }



    .topBox {

        width: 90%;

        height: 35px;

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 18px;

        color: #FFFFFF;

        opacity: 1;

        text-align: center;

    }



    .btmBox {

        width: 90%;

        height: 16px;

        margin-top: 6px;

        text-align: center;

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 16px;

        color: #FFFFFF;

        opacity: 1;

    }

}



@media screen and (min-width: 1200px) {

    .position-centerBox {

        display: none;

    }



    .searchkuantop {

        width: 100%;

        height: 96px;

        background-image: url("../static/PCsearch.png");

        background-repeat: no-repeat;

        background-size: 100% 100%;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .PCXX {

        cursor: pointer;

        display: none;

    }



    .searchkuanbtm {

        width: 749px;

        height: 220px;

        border: 1px solid #EB3D00;

        background: #FFFFFF;

        display: flex;

        flex-wrap: wrap;



    }



    .searchtextItem {

        width: 10%;

        height: 40px;

        line-height: 40px;

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #1A1A1A;

        opacity: 1;

        margin-left: 20px;

    }



    .qxzyx {

        font-size: 16px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 55px;

        color: #FFFFFF;

        opacity: 1;

        margin-left: 11px;

    }



    .searchtankuang {

        width: 749px;

        height: 168px;

        position: absolute;

        top: 40px;

        z-index: 1000;

    }



    .searchtankuang1 {

        width: 749px;

        height: 168px;

        position: absolute;

        top: 40px;

        left: 200px;

        z-index: 1000;

    }



    .guanzhu {

        width: 100%;

        /* height:; */

        font-size: 15px;

        font-family: Microsoft YaHei;

        font-weight: 600;

        line-height: 20px;

        opacity: 1;

        text-align: center;

        margin-top: 10px;

    }



    .sys {

        width: 100%;

        /* height:; */

        margin-top: 10px;

        text-align: center;

        font-size: 15px;

        font-family: Microsoft YaHei;

        font-weight: 600;

        line-height: 20px;

        color: #1A1A1A;

        opacity: 1;

    }



    .weixinewm {

        width: 100%;

        height: 126px;

        margin-top: 10px;

        display: flex;

        justify-content: center;

    }



    .weixin_contentText {

        margin-top: 10px;

        width: 100%;

        text-align: center;

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 20px;

        color: #666666;

        opacity: 1;

    }



    .title {

        width: 100%;

        margin-top: 15px;

        font-size: 22px;

        font-family: Microsoft YaHei;

        font-weight: bold;

        line-height: 20px;

        color: #1A1A1A;

        opacity: 1;

        text-align: center;

    }



    .weixin_centerBox {

        width: 236px;

        height: 311px;

    }



    .PCweixin {

        width: 236px;

        height: 311px;

        background-image: url('../static/PCweixin.png');

        background-size: 100% 100%;

        position: absolute;

        left: -250px;

        top: -100px;

    }



    .daohang {

        width: 100%;

        height: 60px;

        display: flex;

        justify-content: center;

        border-bottom: 2px solid #EB3D00;

        margin-top: 16px;

    }



    .hotBox {

        width: 19%;

        height: 100%;

        text-align: center;

        line-height: 60px;

        background-image: url('../static/PChotBox.png');

        background-size: 100% 100%;

        font-size: 18px;

        font-family: Microsoft YaHei;

        font-weight: bold;

        color: #FFFFFF;

        opacity: 1;

    }



    .daohangcenter {

        width: 1200px;

        height: 100%;

        display: flex;

    }



    .daohangBox {

        width: 81%;

        height: 100%;

        display: flex;

        justify-content: space-around;

    }



    .menuText {

        width: 10%;

        height: 100%;

        text-align: center;

        line-height: 60px;

        font-size: 18px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #1A1A1A;

        opacity: 1;

        cursor: pointer;

    }

    .menuText.active{

        color: #fff;

        background: #eb3d00;

        border-radius: 5px 5px 0 0;

    }

      .menuText.active a{

        color: #fff;

      }



    .menuText:hover {

        color: #EB3D00;

    }



    .menuText1 {

        width: 10%;

        height: 100%;

        text-align: center;

        line-height: 60px;

        font-size: 18px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #EB3D00;

        cursor: pointer;

        opacity: 1;

    }





    .body {

        width: 100%;

        display: flex;

        align-items: center;

        margin-top: 16px;

        flex-direction: column;

    }



    .PCBox {

        width: 1200px;

        display: flex;

        justify-content: space-between;

    }



    .threeicon {

        width: 40px;

        height: 40px;

        cursor: pointer;



    }



    .threeiconwei {

        width: 40px;

        height: 40px;

    }



    .threeiconwei:hover {

        cursor: pointer;

    }



    .threeicons {

        width: 40px;

        height: 140px;

        position: fixed;

        bottom: 75px;

        right: 17px;

        z-index: 5555;

        display: flex;

        flex-direction: column;

        justify-content: space-between;



    }



    .itemright1 {

        height: 100%;

        line-height: 40px;

        font-size: 16px;

        font-family: Source Han Sans CN;

        font-weight: 400;

        color: #091905;

        opacity: 1;

    }



    .itemright {

        height: 100%;

        line-height: 40px;

        font-size: 16px;

        font-family: Source Han Sans CN;

        font-weight: 400;

        color: #FFFFFF;

        opacity: 1;

    }



    .itemleft {

        width: 58px;

        height: 100%;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .menusItem1 {

        width: 100%;

        height: 40px;

        display: flex;

    }



    .menusItem {

        width: 100%;

        height: 40px;

        background: linear-gradient(225deg, #EB3D00 0%, #FE6730 100%);

        display: flex;

    }



    .ceimg {

        width: 96px;

        height: 56px;

    }



    .logoBox {

        width: 100%;

        height: 158px;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .rightBox {

        width: 50%;

        height: 100%;

        background: #FFFFFF;

    }



    .leftback {

        width: 50%;

        height: 100%;

    }



    .tankuang {

        /* background: rgba(0,0,0,0.8);

                z-index: 999999;

                position: fixed;

                top: 0;

                left: 0;

                right: 0;

                bottom: 0;

                display: flex;

                justify-content: space-between; */

        display: none;

    }



    .placeholderclass {

        margin-left: 20px;

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 16px;

        color: #c8c8c8;

        opacity: 1;

    }



    .searchicon {

        width: 12px;

        height: 6px;

        display: flex;

        margin-right: 5px;

        /* border:1px solid red; */

    }



    .searchText {

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 16px;

        color: #666666;

    }



    .choice {

        width: 100%;

        height: 80%;

        display: flex;

        justify-content: space-between;

        align-items: center;

        border-right: 1px solid #EDEDED;

        box-sizing: border-box;padding: 0 10px;



    }



    .searchicon2 {

        width: 12px;

        height: 6px;

        display: flex;

        margin-right: 5px;

    }



    .searchText2 {

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 16px;

        color: #666666;

    }



    .choice2 {

        width: 45%;

        height: 80%;

        display: flex;

        justify-content: space-between;

        align-items: center;

        border-right: 1px solid #EDEDED;

    }



    .searchBtn {

        width: 100px;

        height: 39px;

        background: linear-gradient(310deg, #eb3d00 0%, #fe6730 100%);

        text-align: center;

        line-height: 40px;

        font-size: 16px;

        font-weight: 400;

        color: #ffffff;

        cursor: pointer;

    }



    .inputBox {

        width: 62%;

        height: 40px;

        display: flex;

        justify-content: center;

        align-items: center;

        background-image: url(../static/searchIcon.png);

        /*添加搜索图标*/

        background-repeat: no-repeat;

        background-size: 14px 14px;

        background-position-y: 50%;

        box-sizing: border-box;

       margin-left: 3%;

        /* background-position-x: ; */

    }



    .choiceBox {

        width: 40%;

        height: 40px;

        display: flex;

        justify-content: space-around;

        align-items: center;

    }



    .search {

        width: 100%;

        margin-left: 20px;

        height: 40px;

        border: 1px solid #eb3d00;

        display: flex;

        justify-content: space-between;

        position: relative;

    }



    .searchBox {

        width: 100%;

        height: 88px;

        display: flex;

        align-items: center;

    }



    .clicklogin1 {

        width: 48px;

        height: 10px;

    }



    .clicklogin {

        width: 48px;

        color: #eb3d00;

        font-size: 12px;

        font-weight: 400;

        font-family: Microsoft YaHei;

        line-height: 16px;

        opacity: 1;

        height: 16px;

    }



   /* .userImg {

        width: 32px;

        height: 32px;

        border-radius: 50%;

    }*/



    .left {

        /* width: 30%;

            display: flex;

            align-items: center;

            justify-content: space-around; */

        display: none;

    }



    .center {

        width: 143px;

        height: 88px;

        background-image: url('../static/PChlog.png');

        background-size: 100% 100%;

        margin-left: 20px;

    }



    .logoimg {

        display: none;

    }



    .right {

        /* width: 30%;

            height: 100%;

            display: flex;

            justify-content: space-between;

            align-items: center; */

        display: none;

    }



    .mintitleBox {

        width: 90%;

        height: 80%;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .titleBox {

        width: 60%;

        height: 100px;

        display: flex;

        justify-content: center;

        align-items: center;

    }

}



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

    .position-guanzhu {

        width: 100%;

        /* height:; */

        font-size: 15px;

        font-family: Microsoft YaHei;

        font-weight: 600;

        line-height: 20px;

        opacity: 1;

        text-align: center;

        margin-top: 10px;

    }



    .position-sys {

        width: 100%;

        /* height:; */

        margin-top: 10px;

        text-align: center;

        font-size: 15px;

        font-family: Microsoft YaHei;

        font-weight: 600;

        line-height: 20px;

        color: #1A1A1A;

        opacity: 1;

    }



    .position-weixinewm {

        width: 100%;

        height: 126px;

        margin-top: 10px;

        display: flex;

        justify-content: center;

    }



    .position-contentText {

        margin-top: 10px;

        text-align: center;

        font-size: 15px;

        font-family: Microsoft YaHei;

        font-weight: 600;

        line-height: 20px;

        color: #666666;

        opacity: 1;

    }



    .position-title {

        width: 100%;

        margin-top: 33px;

        font-size: 20px;

        font-family: Microsoft YaHei;

        font-weight: bold;

        line-height: 20px;

        color: #1A1A1A;

        opacity: 1;

        text-align: center;

    }



    .position-centerBox {

        width: 236px;

        height: 311px;

        background-image: url(../static/weixinBack.png);

        background-size: 100% 100%;

    }



    .position-guanbiweixinlog {

        /* width:100vw;

        height: 100vh; */

        background-color: rgba(0, 0, 0, 0.6);

        position: fixed;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        z-index: 100;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .PCweixin {

        display: none;

    }



    .daohang {

        display: none;

    }



    /* div{ */

    .threeicon {

        width: 40px;

        height: 40px;

    }



    .threeiconwei {

        width: 40px;

        height: 40px;

    }



    .threeicons {

        width: 40px;

        height: 140px;

        position: fixed;

        bottom: 34px;

        right: 17px;

        z-index: 5555;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

    }



    .itemright1 {

        height: 100%;

        line-height: 40px;

        font-size: 16px;

        font-family: Source Han Sans CN;

        font-weight: 400;

        color: #091905;

        opacity: 1;

    }



    .itemright {

        height: 100%;

        line-height: 40px;

        font-size: 16px;

        font-family: Source Han Sans CN;

        font-weight: 400;

        color: #FFFFFF;

        opacity: 1;

    }



    .itemleft {

        width: 58px;

        height: 100%;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .menusItem1 {

        width: 100%;

        height: 40px;

        display: flex;

    }



    .menusItem {

        width: 100%;

        height: 40px;

        background: linear-gradient(225deg, #EB3D00 0%, #FE6730 100%);

        display: flex;

    }



    .ceimg {

        width: 97px;

        height: 56px;

    }



    .logoBox {

        width: 100%;

        height: 158px;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .rightBox {

        width: 50%;

        height: 100%;

        background: #FFFFFF;

    }



    .leftback {

        width: 50%;

        height: 100%;

    }



    .tankuang {

        background: rgba(0, 0, 0, 0.8);

        z-index: 999999;

        position: fixed;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        display: flex;

        justify-content: space-between;

    }



    .placeholderclass {

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 16px;

        color: #c8c8c8;

        opacity: 1;

    }



    .searchicon {

        width: 12px;

        height: 6px;

        display: flex;

        /* border:1px solid red; */

    }



    .searchText {

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 16px;

        color: #666666;

    }



    .choice {

        width: 90%;

        height: 80%;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .searchicon2 {

        display: none;

    }



    .searchText2 {

        display: none;

    }



    .choice2 {

        display: none;

    }



    .searchkuantop {

        width: 100%;

        height: 48px;

        background-image: url(../static/search.png);

        background-repeat: no-repeat;

        background-size: 100% 100%;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .searchkuanbtm {

        width: 99%;

        height: 120px;

        border: 1px solid #EB3D00;

        background: #FFFFFF;

        display: flex;

        flex-wrap: wrap;

        justify-content: space-around;

    }



    .searchtextItem {

        width: 30%;

        height: 40px;

        line-height: 40px;

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #1A1A1A;

        opacity: 1;

    }



    .qxzyx {

        font-size: 16px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 55px;

        color: #FFFFFF;

        opacity: 1;

        margin-left: 11px;

    }



    .searchtankuang {

        width: 100%;

        height: 168px;

        position: absolute;

        top: 31px;

        z-index: 1000;

    }



    .searchBtn {

        width: 20%;

        height: 29px;

        background: linear-gradient(310deg, #eb3d00 0%, #fe6730 100%);

        text-align: center;

        line-height: 30px;

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #ffffff;

    }



    .inputBox {

        width: 49%;

        height: 30px;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .choiceBox {

        width: 50%;

        height: 30px;

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .search {

        width: 90%;

        height: 30px;

        display: flex;

        border: 1px solid #eb3d00;

        justify-content: space-between;

        position: relative;

    }



    .searchBox {

        width: 100%;

        height: 44px;

        display: flex;

        justify-content: center;

        align-items: center;

        margin-top: 10px;

    }



    .clicklogin1 {

        width: 48px;

        height: 10px;

    }



    .clicklogin {

        width: 48px;

        color: #eb3d00;

        font-size: 12px;

        font-weight: 400;

        font-family: Microsoft YaHei;

        line-height: 16px;

        opacity: 1;

        height: 16px;

    }



    .userImg {

        width: 32px;

        height: 32px;

        border-radius: 50%;

    }



    .left {

        width: 30%;

        display: flex;

        align-items: center;

        justify-content: space-around;

    }



    .center {

        width: 54px;

        height: 32px;

    }



    .logoimg {

        width: 100%;

        height: 100%;

    }



    .right {

        width: 30%;

        height: 100%;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .mintitleBox {

        width: 90%;

        height: 80%;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }



    .titleBox {

        width: 100%;

        height: 50px;

        display: flex;

        justify-content: center;

        align-items: center;

    }



}



@media screen and (min-width: 1200px) {



    .aboutusimg {

        width: 100%;

        height: 300px;

        margin-top: 20px;

        object-fit: cover;

    }



    .titleText1 {

        margin: 0 0;

        font-size: 30px;

        font-family: Source Han Sans CN;

        font-weight: 400;

        color: #1A1A1A;

        text-align: center;

        margin-bottom: 20px;

    }



    .body-contentText {

        font-size: 14px;

        font-family: Source Han Sans CN;

        font-weight: 400;

        line-height: 28px;

        color: #666666;

        opacity: 1;

        /* white-space: pre-wrap; */

    }



    .titleText {

        font-size: 22px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #1A1A1A;

        opacity: 1;

    }



    .centerBox {

        width: 93%;

        min-height: 600px;

        margin: 0 auto;

        padding: 40px 0 34px;

    }



    .contentBox {

        width: 1200px;

        height: auto;

        min-height: 400px;

        margin: 0 auto;

        background: #FFFFFF;

        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);

        opacity: 1;

        border-radius: 4px;

        margin-top: 40px;

        margin-bottom: 40px;

    }



    .xuanzhongBox {

        width: 100%;

        display: flex;

        justify-content: center;

        margin-top: 28px;

    }



    .noselect {

        width: 150px;

        border-radius: 4px 4px 0 0;

        text-align: center;

        line-height: 60px;

        font-size: 18px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #1a1a1a;

        opacity: 1;

        cursor: pointer;

    }



    .select {

        width: 150px;

        background: #eb3d00;

        opacity: 1;

        border-radius: 4px 4px 0 0;

        text-align: center;

        line-height: 60px;

        font-size: 18px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #ffffff;

        opacity: 1;

        cursor: pointer;

    }



    .SelectBox {

        width: 1200px;

        margin: 0 auto;

        height: 60px;

        border-bottom: 2px solid #eb3d00;

        display: flex;

    }



    .dizhi {

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #1A1A1A;

        opacity: 1;

    }



    .currentlocationBox {

        width: 1200px;

        margin: 0 auto;

        display: flex;



    }



    .danqianwz {

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #eb3d00;

        opacity: 1;

    }



    .currentlocation {

        width: 100%;

        height: 50px;line-height: 50px;

        display: flex;

        align-items: center;

    }



}



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

    .position {

        position: fixed;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        z-index: 99999;

    }



    .aboutusimg {

        width: 100%;

        height: 92px;

        margin-top: 17px;

    }



    .titleText1 {

        margin: 20px 0;

        font-size: 16px;

        font-family: Microsoft YaHei;

        font-weight: bold;

        line-height: 21px;

        color: #1A1A1A;

        opacity: 1;

        text-align: center;

    }



    .contentText {

        font-size: 14px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 20px;

        color: #666666;

        opacity: 1;

    }



    .titleText {

        margin: 20px 0;

        font-size: 16px;

        font-family: Microsoft YaHei;

        font-weight: bold;

        line-height: 21px;

        color: #1A1A1A;

        opacity: 1;

    }



    .centerBox {

        width: 90%;

        min-height: 300px;

    }



    .contentBox {

        width: 100%;

        min-height: 500px;

        display: flex;

        justify-content: center;

    }



    .xuanzhongBox {

        width: 100%;

        display: flex;

        justify-content: space-between;

        margin-top: 17px;

        border-bottom: 2px solid #eb3d00;

    }



    .noselect {

        width: 33%;

        opacity: 1;

        border-radius: 4px 4px 0 0;

        text-align: center;

        line-height: 40px;

        font-size: 16px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #1a1a1a;

        opacity: 1;

    }



    .select {

        width: 33%;

        background: #eb3d00;

        opacity: 1;

        border-radius: 4px 4px 0 0;

        text-align: center;

        line-height: 40px;

        font-size: 16px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        color: #ffffff;

        opacity: 1;

    }



    .SelectBox {

        width: 100%;

        height: 40px;

        display: flex;

        justify-content: space-between;

    }



    .dizhi {

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 16px;

        color: #1a1a1a;

        opacity: 1;

    }



    .currentlocationBox {

        width: 100%;

        display: flex;

        justify-content: center;

    }



    .danqianwz {

        font-size: 12px;

        font-family: Microsoft YaHei;

        font-weight: 400;

        line-height: 16px;

        color: #eb3d00;

        opacity: 1;

    }



    .currentlocation {

        width: 90%;

        margin-top: 10px;

    }





}

.red{color: #EB3D00;font-weight: bold;}

.gameItem a{display: flex;

    width: 100%;

    /*margin-left: 40px;*/

    justify-content: space-between;

    /*border-bottom: 1px solid #ededed;*/

    text-indent: 1em;

    color: #fff;

    cursor: pointer;}

.gameItem .img1{vertical-align: middle;position: relative;top: -10px;}
.gameItem .img1{width:47px;height:47px;border-radius:50%;}