*{
    margin: 0;
    padding: 0;
}
input{
    border: none;
    outline:none;
}

@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;
    }

    .title {
        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: 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: 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: 35%;
        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: 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{
    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: 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) {
    .content_box{
        width: 1200px;
        margin: 0 auto;
        height: auto;
        margin-bottom: 50px;
        background: #FFFFFF;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
        opacity: 0.6;
        border-radius: 4px;
    }
    .toastText {
        width: 100%;
        height: 24px;
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 24px;
        color: #FFFFFF;
        opacity: 1;
        text-align: center;
        margin-top: 10px;
    }
    
    .toastcontent {
        width: 80px;
        height: 114px;
    }
    
    .Toastbox {
        width: 200px;
        height: 154px;
        border-radius: 4px;
        background-color: rgba(132, 132, 132, 0.8);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .Toast {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .kongde {
        width: 100%;
        height: 180px;
    }
    
    .registerBox {
        width: 300px;
        float: right;
        height: 40px;
        text-align: center;
        line-height: 40px;
        background: linear-gradient(316deg, #909090 0%, #c8c8c8 100%);
        opacity: 1;
        border-radius: 4px;
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 40px;
        color: #ffffff;
        cursor: pointer;
    }
    
    .registerBox1 {
        width: 300px;
        float: right;
        text-align: center;
        line-height: 40px;
        background: linear-gradient(316deg, #eb3d00 0%, #fe6730 100%);
        opacity: 1;
        border-radius: 4px;
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 40px;
        color: #ffffff;
        cursor: pointer;
    }
    
    .timer {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 19px;
        color: #eb3d00;
        opacity: 1;
        margin-right: 10px;
    }
    
    .VerificationCode {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 19px;
        color: #eb3d00;
        opacity: 1;
        margin-right: 10px;
        cursor: pointer;
    }
    
    .placeholderClass {
        font-size: 24px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 34px;
        color: #909090;
        opacity: 1;
    }
    
    .input {
        width: 300px;
        height: 40px;
        display: flex;
        align-items: center;
        border: 1px solid #c8c8c8;
        border-radius: 4px;
    }
    
    .inputcode {
        width: 300px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid #c8c8c8;
        border-radius: 4px;
    }
    
    .lable {
        width: 80px;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 34px;
        color: #666666;
        opacity: 1;
        margin-bottom: 6px;
        text-align: right;
    }
    
    .inputbox {
        width: 100%;
        margin-bottom: 27px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .formbox {
        width: 380px;
    }
    
    .formBig {
        width: 100%;
        min-height: 200px;
        display: flex;
        justify-content: center;
    }
    
    .dleglu {
        font-size: 24px;
        font-size: 24px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #eb3d00;
    }
    
    .loginText {
        width: 100%;
        height: 115px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
    }
}	
@media screen and (max-width: 1200px) {
    .content_box{
        width: 100%;
    }
    .toastText {
        width: 100%;
        height: 24px;
        font-size: 18px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 24px;
        color: #FFFFFF;
        opacity: 1;
        text-align: center;
        margin-top: 10px;
    }
    
    .toastcontent {
        width: 80px;
        height: 114px;
    }
    
    .Toastbox {
        width: 200px;
        height: 154px;
        border-radius: 4px;
        background-color: rgba(132, 132, 132, 0.8);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .Toast {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .kongde {
        width: 100%;
        height: 180px;
    }
    
    .registerBox {
        width: 100%;
        height: 40px;
        text-align: center;
        line-height: 40px;
        background: linear-gradient(316deg, #909090 0%, #c8c8c8 100%);
        opacity: 1;
        border-radius: 4px;
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 40px;
        color: #ffffff;
    }
    
    .registerBox1 {
        width: 100%;
        height: 40px;
        text-align: center;
        line-height: 40px;
        background: linear-gradient(316deg, #eb3d00 0%, #fe6730 100%);
        opacity: 1;
        border-radius: 4px;
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 40px;
        color: #ffffff;
    }
    
    .timer {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 19px;
        color: #eb3d00;
        opacity: 1;
        margin-right: 10px;
    }
    
    .VerificationCode {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 19px;
        color: #eb3d00;
        opacity: 1;
        margin-right: 10px;
    }
    
    .placeholderClass {
        font-size: 24px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 34px;
        color: #909090;
        opacity: 1;
    }
    
    .input {
        width: 100%;
        height: 40px;
        display: flex;
        align-items: center;
        border: 1px solid #c8c8c8;
        border-radius: 4px;
    }
    
    .inputcode {
        width: 100%;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid #c8c8c8;
        border-radius: 4px;
    }
    
    .lable {
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 34px;
        color: #666666;
        opacity: 1;
        margin-bottom: 6px;
    }
    
    .inputbox {
        width: 100%;
        margin-bottom: 27px;
    }
    
    .formbox {
        width: 80%;
    }
    
    .formBig {
        width: 100%;
        min-height: 200px;
        display: flex;
        justify-content: center;
    }
    
    .dleglu {
        font-size: 24px;
        font-size: 24px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #eb3d00;
    }
    
    .loginText {
        width: 100vw;
        height: 115px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
    }
}