@media (max-width:1200px) {
    .wrap, .wrap_n {
        width: 98%;
    }
    .wrap_m{position: relative;}
    .right{width:22%;}
    .main{width:77%;}
    .maincon{position: relative;}
    .today,.ballwrap{position: absolute;right:20px;float:none;top:20px;width:45%;}
    #certify,.bgclist{width:initial;margin-right:50%;float:none;}
    .bgclist .fi{width:50%;position: initial;}
    .bgclist .fi a{position: relative;overflow: hidden;width:initial;margin-right:10px;border-radius: 5px;}
    .bgclist .fi:nth-child(2n) a{margin:0;}
}

@media (max-width:1024px){
    .right{display: none;}
    .main{width:100%;}
}

@media (max-width:768px){
    .mtitem .hd{margin:10px 15px 0 15px;}
    .mtitem .bx{margin:10px;}
    .mtitem .rf{width:160px;border-radius: 30px;}
    .mtitem .dz{margin-right:180px;}
    .tips-right{right:60px;}
    .tpmenu{width:60px;height:60px;position: fixed;top:0;right:0;z-index: 10000;}
    .tpmenu i{height:2px;display: block;margin:4px 20px;background-color: #fff;overflow: hidden;}
    .tpmenu i:first-child{margin-top:23px;}
    .tpmenusn{}
    .tpmenusn i{transition: all .3s;}
    .tpmenusn i:first-child{position:absolute;width:20px;transform: rotate(45deg);margin-top:28px;}
    .tpmenusn i:nth-child(2){position:absolute;width:20px;transform: rotate(-45deg);margin-top:28px;}
    .tpmenusn i:last-child{display: none;}
    .hdnav{position: fixed;top:0;left:0;width:100%;margin:0;height:100%;background-color: rgba(0,0,0,.8);z-index:9998; display: none;}
    .hdnav ul{margin:60px 0 0 0;padding:10px; height:170px;}
    .hdnav li{position: initial;}
    .hdnav a.la{background-color: #2054ae;color:#fff;margin:5px 6px;border-radius: 5px;line-height: 50px;position: relative;}
    .hdnav a.la i{display: block;width:0;height:0;border-left:solid 5px transparent;border-right:solid 5px transparent;border-bottom: solid 5px #fff;position: absolute;left:50%;bottom:-15px;margin-left:-5px;}
    .hdnav a.curr{background-color: #f00;}
    .subnav{display: block;box-shadow: none;width:94%;margin:80px 0 0 2%;border-radius: 5px;padding:15px 1%;text-align: center;}
    .subnav a{margin:0 6px;font-size:14px;}
    .poplogincn .title i{background-color: #ddd;border-radius: 50%;top:10px;right:10px;width:35px;height:35px;background-size: 16px;}
    .expert_list li .name{font-size:15px;}
    .expert_list li .img{width:40px;height:40px;}
    .expert_list li .count span{font-size:18px;}
    .mzhanji{margin: 35px 18px 0 18px;}
    .mzhanji .tit{display: none;}
    .mzhanji .n{margin-left:1px;}
    .mzhanji .rs{width:20px;height:20px;line-height: 18px;}
    .mzhanji .more{width:auto;}
    .mzhanji .con{text-align: center;}
    .matchlist .title{margin:15px 15px 0 15px;}
    .maintab-expert,.maintab-news{padding:5px 15px;}
    .maintab-expert h3,.maintab-news h2{font-size:18px;}
    .expert-single{height:40px;line-height: 40px;margin:0;}
    .seemore{height:auto;}
    .seemore a{padding:5px 0;}
    .expert_detail .bline1{text-align: right;height:30px;position: relative;overflow: hidden;}
    .expert_detail .bline1 .name{position: absolute;left:0;}
    .expert_detail .bline1 div.bline{margin:8px 50px 0 80px;width:initial !important;display: block;}
    .expert_detail .bline1 span.s{display: block;position: absolute;right:0;top:0;background-color: #2054ae;color:#fff;padding:0 12px;border-radius: 20px;line-height: 22px;font-size:14px;}
    .mbacnav{display: block;width:94%;margin:20px 2%;border-radius: 5px;padding:15px 1%;text-align: center;background-color: #fff;}
    .mbacnav a{display: inline-block;line-height: 40px;border:solid 1px #ddd;padding:0 15px;margin:0 5px;color:#666;border-radius: 5px;}
    .footer{margin-top:10px;padding:15px 0;}
    .account-con{margin:12px;min-height: 400px;}
    .loginUserTip .arw{display:none;}
    .loginUserTip:hover .tpinnav {display: none;}
    .maincon{padding:15px;}

    .newsnav a{display: inline-block;}
    .newslist{padding:10px 15px;}
    .newslist_type1 a{max-width: 85%;}
    .newsview .content{padding:20px;}
    .newsview .next{margin:20px;}
}

@media (max-width:426px){
    body{padding-top:60px;}
    .wrap, .wrap_n{width:initial;margin:0 8px;}
    .header{height:50px;}
    .header .logo{height:50px;background-size: 95%;}
    .tips-right{height:50px;line-height: 50px;right:50px;}
    .login-after a.tpsignin{margin-top:12px;}
    .tpmenu{width:50px;height:50px;}
    .tpmenu i{margin:4px 15px;}
    .tpmenu i:first-child{margin-top:18px;}
    .tpmenusn i:first-child{margin-top:25px;}
    .tpmenusn i:nth-child(2){margin-top:25px;}
    .hdnav{display: none;}
    .hdnav ul{height:auto;margin-top:50px;padding:10px 15px;}
    .hdnav li{display: block;text-align: right;line-height: 40px;}
    .hdnav a.la{line-height: 40px;margin:3px 0;font-size:14px;}
    .hdnav a.la i{margin-bottom: 5px;}
    .subnav{position: initial;margin:4px 0;width:initial;}
    .mbacnav{width:initial;margin:15px;padding:15px;}

    #banner{height:180px;}
    .maincon{padding:15px;}
    .mainitem{margin-bottom: 10px;}
    #certify, .bgclist{margin:0;}
    .today, .ballwrap{position: initial;width:initial;margin-top:10px;}
    .links{margin:0 8px;border-radius: 5px;}
    .today li a{max-width: 100%;}
    .today li span{display: none;}
    .matchlist .title p{float:none;display: inline-block;font-size:11px;}

    /*.freemt .tt,.mtitem .tt{position: initial;width:initial;overflow: hidden;line-height: 22px;}*/
    /*.mtitem{margin:0 10px;}*/
    /*.mtitem .bx{margin:10px 0;}*/
    /*.mtitem .st{margin-right: 10px;display: inline-block;}*/
    /*.mtitem .tp{width:initial;opacity: .8;transform: scale(.9);line-height: 22px;display: inline-block;vertical-align: -6px;}*/
    /*.mtitem .dz{margin:0;}*/
    /*.mtitem .rf{position: relative;width:200px;margin:0 auto;}*/
    /*.mtitem .rs{}*/
    .mtitem .tt{transform: scale(.8);margin-left:-4px;}
    .mtitem .dz{margin:50px 0 0 0;}
    .mtitem .rf{top:5px;}
    .mtitem .hou, .mtitem .over,.mtitem .rs{line-height: 30px;height:30px;}

    .mzhanji{height:auto;margin:10px;}
    .mzhanji .n{display: none;}
    .mzhanji .rs{margin-bottom: 5px;}
    .expert_detail .bline1 span.s{transform: scale(.8);}

    .expert_list li{width:25%;}
    .expert_list li a{border:0;padding:10px 0;}
    .expert_list li .name{font-size:14px;}
    .expert_list li .count b{display: inline-block;}
    .expert_detail{padding:20px 5px;}
    .expert_detail .img{width:60px;height:60px;}
    .expert_detail .con,.expert_detail .detbm{margin-left:70px;}

    .match-detail{padding:10px;position: relative;}
    .title-inner{display:block;}
    .match-title{padding:8px 10px;font-size:13px;}
    .match-title .name{font-size:14px;}
    .match-title .expert{display:block;}
    .match-title .detail{margin-top: 6px;}
    .match-title .detail span{padding:0 5px 0 0;}
    .match-title .detail span.bz{padding:0 5px;margin-left:5px;}
    .match-team{display: block;}
    .match-team .center{min-width: 100%;padding:8px 0;}
    .match-team .tp{margin:0 auto;}
    .match-jian1{top:145px;left:18px;margin:0;transform: scale(.8);}
    .match-jian1 i{right:-5px;left:initial;top:50%;margin:-5px 0 0 0;border:0;border-top:solid 5px transparent;border-bottom: solid 5px transparent;border-left:solid 5px #c00;}
    .match-jian2{top:320px;left:initial;right:18px;margin:0;transform: scale(.8);}
    .match-jian2 i{left:-5px;top:50%;margin:-5px 0 0 0;border:0;border-top:solid 5px transparent;border-bottom: solid 5px transparent;border-right:solid 5px #c00;}
    .match-tui{position: initial;}
    .match-result{position: initial;margin:0 auto;}

    .pagination{padding:20px;}
    .pagination .link, .pagination .btn,.pagination .more{padding:0 10px;line-height: 28px;height: 28px;font-size:16px;}

    .copyright .lf{line-height: 18px;font-size:11px;}
    .copyright .lf .cp span{padding-left: 0;display: block;}

    .costlist .wn{display: none;}
    .pay-choose{margin:0 10px;}
    .money-con{width:initial;}
    .account-main-banking .pay-img div{float:none;margin:10px auto;}
    .account-main-banking .pay-img .js{margin:10px auto;}
    .account-main-banking .pay-img .ny{margin:10px auto;}
    .consumelist .hd{padding:0 10px;}
    .consumelist .cn{padding:10px;height:auto;}
    .consumelist .tm{width:70px;}
    .consumelist .tm span{width:70px;}
    .consumelist .rest{top:8px;}
    .consumelist .dz{margin:45px 0 0 0;}

    .newslist_type3 li,.newslist_type1 li{width:100%;}
    .newslist_type3 div,.newslist_type1 div{margin:0;}
    .newslist_type3 li:nth-child(2n) div,.newslist_type1 li:nth-child(2n) div{margin:0;}

    #tpdialog .cbx{width:100%;height:auto;left:0;top:initial;margin:0;bottom:0;border-radius:8px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
    #tpdialog .cbx .btn{margin-bottom: 25px;}

    .accbox{min-height: calc(100vh - 220px);}
    .lgbox,.rgbox{width:initial;margin:0 auto;}
    .tips-right .login-before em{display: none;}
    .poplogincn{width:100%;left:0;margin:0;top:initial;bottom:0;border-radius: 8px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
    .popusdtbx{padding:0 20px;}
    .popusdtcn{height:auto;max-height: 90%;}
    .popusdtbx .desc{margin:15px auto;}
    .popusdtbx .img{width:240px;height:240px;}
}