/*-----------------------992px----------------------------*/
@media(max-width:992px){
  
  .boxer_vip .t_box, .boxer_vip .lister{
    font-size: 12px;
    line-height: 30px;
  }
 .boxer_vip {
    max-width: 100% !important;
   min-width: unset;
}
  .boxer_vip .lister{
    width: 110px;
    margin-bottom:20px
  }
   .boxer_vip .lister:nth-of-type(4){
        clear: both;
        margin-left: 100px;
    }
  .boxer_vip .t_box{
  margin-top:50px;
    width:100px
  }
    .content-wrap section h4{
        font-size: 20px !important;
        margin-bottom: 0 !important;
    }
    .tabs{
        margin: 80px 0 0 !important;
        width: 100% !important;
    }
    .content-wrap section{
        padding: 10px 0 !important;
    }
    .tabs img{
        width: 100% !important;
        height: 120px !important;
        object-fit: cover;
    }

    .te{
        text-align: center;
        width: 100%;
    }
    .te img{
        width: 100%;
    }
    .te img:last-of-type{
        display: block;
    }
    .te img:first-of-type,.te img:nth-of-type(2){
        display: none;
    }
    .main .help ul li a{
        padding: 10px 2px;
    }
    .tan .text div:last-of-type{
        padding-left: 50px
    }
    .pass{
        width: 80%
    }
    .login{
        font-size: 12px;
        width: 50px;
        height: 30px;
        line-height: 30px;
    }
    .main .logo img:last-of-type{
        display: block;
        width: 40px;
        margin-top: 1.4rem
    }
    .main .logo img:first-of-type{
        display: none;
        
    }
    .main .help{
        margin-top: 73px;
    }
    .main{
        width: 88%;
        margin: 0 auto;
    }
    .main ul{
        margin-right:0px;
        width: unset;
    }
    .main ul li a{
        font-size: 14px;
        padding: 0 4px
    }
    .main .logo{
        margin-top: 0;
    }
    .banner{
        height: 360px;
    }
    .banner h1{
        font-size: 30px
    }
    .banner span{
        top: 25%;
        left: 8%;
        width: 60%;
    }
    .banner p{
        margin-bottom: 2rem;
        margin-top: -16px;
    }
    .banner2 p:first-of-type{
        font-size: 30px
    }
    .bg{
        margin: 100px auto 30px auto;
    }
    .bg_tit .info{
        padding-left: 20px;
        background-position: 0 5px;
        line-height: 30px
    }
    .vip-box{
        width: 98%
    }
    .introduce{
        padding: 45px 0;
    }
    .introduce .con img{
        margin-right: 26px;
    }
    .table__row .shen{
        width: 4rem;
    }

    .bg_tit form{
        display: none
    }
    .bg_tit .up{
        margin-top: 12px
    }
    .col .choose:last-of-type{
        margin-left: 15%;
        margin-top: 20px;
    }
    .tan{
        width: 80%;
        left: 10%;
    }
    .tan a{
        width: 50%;
    }
    .tan a:first-of-type{
        width: 49.5%;
    }
    .tan2{
        width: 90%;
        left: 5%;
    }
    .main .photo{
        padding-left: 0;
    }
    .message{
        width: 90%;
    }
    .message input, .message textarea, .message button{
        width: 90%;
    }
  .nav .xin img{
    width: 40px;
	margin-right: 10px;
  }
  .nav .xin .info{
  	right: 6px;
  }
}

/*-----------------------414px----------------------------*/
@media(max-width:414px){
  .coner{
  	top: 90px;width:100%;
    left:0
  }
  .coner .tou{
  	margin-top:35px
  }
  .coner .tou img.pho{
  	width: 66px !important;
	height:66px;
  }
  .nav .xin{
    position: absolute;
    right: 0px;
    top: 50px;
  }
    .table__row .b img{
        margin-top: .5rem
    }
    .bg_con .sub3{
        left: 0;
        top: -60px
    }
    .main{
        width: 98%;
    }
    .login{
        width:50px;
        margin-top: 20px;        
    }
    .main .logo{
        margin-top: -3px
    }

    .main ul{
        margin-left: 0;
        line-height: 70px
    }
    .main ul li a{
        margin: 0;
        
    }
    .photo div{
        margin-top: 16px
    }
    .photo div img{
        width: 100px;
    }
    .dialog{
        width: 92%;
        left: 4%;
    }
    .banner{
        height: 260px;
        margin-top: 73px;
    }
    .banner img{
        object-fit:contain;
        width: 230%;
        margin-left: -20%
    }

    .banner h1{
        font-size: 24px;
    }
    .banner span{
        width: 90%;
    }
    .banner span a{
        float: left;
    }
    .banner p{
        margin-bottom: 1rem;
        margin-top: -6px;
        width: 96%;
        font-size: 14px
    }
    .banner button{
        width: 120px;
        height: 42px;
        font-size: 18px;
        background: #fff;
    }
    .banner2{
        height: 200px;
        margin-top: 73px;
    }
    .banner2 img{
        object-fit: fill;
        width: 160%;
        margin-left: -20%
    }
    .banner2 p:first-of-type{
        font-size: 22px;
    }
    .banner2 p:last-of-type{
        margin-top: 10px;
        font-size: 18px
    }
    .introduce{
        padding: 20px 0
    }
    .introduce .title .h{
        font-size: 30px;
        width: 120px;
        background: url(../images/bo.png) no-repeat left 8px;
        background-size: 30px
    }
    .introduce .con img{
        width: 60%;
        margin-left: 20%;
        padding: 10px 0
    }
    .contact{display: none}

    .bg:first-of-type{
        margin: 85px auto !important
    }
    .bg:last-of-type{
        margin: 20px auto !important
    } 
    .bg_tit input{
        display: none
    }
    .bg_tit{
        padding: 0 1rem
    }
    .bg_tit .sub{
        display: none
    }
    .table{
        padding: 0
    }
    .table__content{
        border-right: 0
    }
    .table__content .ne{
        margin-left: 3.6rem
    }
    .table td{
        line-height: 3rem
    }
    .table__row .b{
        padding: 0.5rem 0 0.5rem 0 !important
    }
    .table__row .b .left{
        margin: 0;
        width: 7rem
    }
    .table__row .b .sao{
        margin-left: 3.6rem
    }
    .table__row{
        margin: 0 0 20px 0;
        background: #f8f8f8;
        padding: 20px 16px 8px 16px;
        border-bottom: 6px solid rgb(235, 235, 235)
    }
    .table__row .s:last-of-type{
        border: none !important
    }
    .table__row .s img{
        margin-top: 1rem
    }
    .table__row .s .left:first-of-type img{
        margin-left: 0;
        margin-top: 10px
    }
    .table__row .shen{
        width: 100%
    }
    .col .choose:last-of-type{
        margin-left: 4%;
        margin-top: 20px
    }
    .col textarea{
        margin: 0 !important;
        width: 86%;
    }
    /* .col .choose{
        margin-left: 30px
    } */
    .bg_con{
        padding: 10px !important
    }
    .bg_con .sub{
        margin-left: 0 !important;
    }
    .feng{
        margin: 0 !important
    }
    .bg_con form .col .mi{
        left: 0px;
        bottom: -40px;
    }
    .bg_con form .col .mi input{
        width: 110px
    }
    .table td{
        padding: 0 !important
    }
    /* .main .photo{
        width: 3rem;
        height: 3rem;
    } */
    .bg_con form .col label{
        margin-right: 1rem
    }
    .bg_con .number{
        font-size: 14px;
    }
    .bg_con .number .big{
        font-size: 28px;
    }
    .table__row .a div{
        width: 246px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .col .time{
        display: block
    }
    .bg_tit .info{
        line-height: 24px;
        padding-left: 0;
        padding-bottom: 10px;
        background-position: 0 3px;
        text-indent: 20px;
        margin-top: -10px
    }
    .bg_con .upload{
        width: 100% !important;
        margin: 5% auto
    }
    .bg_tit .left:first-of-type{
        line-height: 60px
    }
    .bg_tit .right{
        line-height: 60px 
    }
    
    /* .vip-box{
        width: 100%
    } */
    .vip-box .month{
        width: 100%;
        margin: 10px auto;
        padding-bottom: 30px
    }
    .vip-box .two{
        left: 0;
        position: relative;
        top: 0;
        padding-bottom: 30px
    }
    .vip-box .three{
        position: relative;
    }
    .vip-box .month .title{
        height: 70px;
        line-height: 70px;
        font-size: 32px
    }
    .vip-box .month .price{
        padding: 20px 0
    }
    .info2{
        padding-left: 20px
    }

 
}