@media screen and (max-width: 768px){
html{font-size:9px;}
.m-hide{display:none;}  /*pc端显示m端隐藏*/
.pc-hide{display:block!important;}/*m端显示pc端隐藏*/

/* 公共样式 */
.side{
    width:100%;
}
.side>div{
    margin-top:3rem!important;
}
.block{display:block;}
/* header1 样式 */
.header1 .header_header{
    position:relative;
}
.header1 .header_logo img{
    width:80%;
}
.header1 .header_header {
    padding: 1rem;
}
.header1 .m_top{
    display:flex!important;
    justify-content:flex-end;
    align-items: center;
}
.header1 .m_top i{
    font-size:2.5rem;
    font-weight:600;
}
.header1 .m_so{
    margin-right:2rem;
    z-index:10;
}
.header1 .search_m{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    padding:1rem 2rem;
    border-radius: 5px;
    border: 1px solid var(--c1);
    background: #ffffff;
}
.header1 .search_m input{
    width: 75%;
    border: 1px solid var(--c7);
    padding: 0.5rem 1rem;
    outline: none;
    border-radius: 5px;
}
.header1 .search_m button{
    width: 23%;
    padding: 0.5rem;
    background: var(--c1);
    color: #ffffff;
    border-radius: 5px;
}
.header1 .m_nav{
    z-index:9;
}
.header1 .m_nav_box{
    position: absolute;
    margin-top:0.5rem;
    padding:1rem 2rem;
    left:0;
    width:100%;
    border-top:0.5px solid var(--c7);
    background: #ffffff;
}
.header1 .m_nav_box ul{
    flex-wrap: wrap;
}
.header1 .m_nav_box li{
    flex: 45%;
    margin: 1% 1%;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.header1 .m_nav_box li a{
    padding:0.5rem;
}
.header2 .m_nav ul{
    padding:1.5rem 0;
}
.header2 .m_nav .header_logo{
    align-items:center;
    padding:1rem;
    background:var(--c1);
}
.header2 .m_nav .logo{
    max-width:18rem;
}
.header2 .m_nav .header_logo p{
    margin:0;
    font-size:1.2rem;
    color:#fff;
    line-height:150%;
}
.header2 .m_nav li{
    flex:1;
    text-align:center;
}
.header2 .m_nav li a{
    padding:0 1rem;
}
.header2 .m_nav li i{
    margin:0 auto;
    display:block;
    width:3rem;
    height:3rem;
    background: url(../images/nav_icon.png) no-repeat;
    background-size: auto 40px;
    background-position: -1px -17px;
}
.header2 .m_nav li:nth-child(2) i{
    background-position: -115px -17px;
}
.header2 .m_nav li:nth-child(3) i{
    background-position: -61px -17px;
}
.header2 .m_nav li:nth-child(4) i{
    background-position: -145px -17px;
}
.header2 .m_nav li:nth-child(5) i{
    background-position: -310px -17px;
}
.header2 .m_nav li span{
    font-weight:600;
}
.header3{
    position:relative;
}
.header3 .top{
    align-items:center;
    padding:1rem;
    color:#fff;
}
.header3 .m_nav img{
    width:18rem;
}
.header3 .m_nav i{
    padding:0.5rem;
    font-size:3rem;
    font-weight:600;
}
.header3 .m_nav .nav2{
    position: fixed;
    top:0;
    right:0;
    width:50%;
    height:100%;
    background:#fff;
    transition: right 0.3s;
    z-index:99;
}
.header3 .m_nav .close{
    margin-bottom:2rem;
    width:100%;
    height:6rem;
    border-bottom: 1px solid #DFE0E6;
}
.header3 .m_nav .close i{
    position:absolute;
    margin-bottom:2rem;
    top:1rem;
    right:1rem;
    font-weight:700;
}
.header3 .m_nav ul{
    padding-left:4rem;
}
.header3 .m_nav li a{
    width:100%;
    padding:2rem 0;
}
.header3 .m_nav .nav2 li i{
    margin-right:1rem;
    font-size:2rem;
}
.header3 .zhezhao{
    position:fixed;
    top:0;
    width:100%;
    height:100%;
    background:#666;
    opacity: 0.8;
}
.header4 .nav-p li {
    height:auto;
}
.header4 .logo{
    margin-left:1rem;
    width:20rem;
}
.header4 .swiper {
    margin-left: 2rem;
}
.header4 .nav-p li i {
    vertical-align: middle;
}
.header4 .nav-p li div {
    vertical-align: middle;
    display: inline;
    font-size: 2rem;
}
/* header1 样式结束 */


/* zxm 样式开始 */
.zxm1{
    margin-top:1.5rem;
    padding-bottom:1rem;
    order:2;
}
.zxm1 .tab-list{
    float:none;
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    text-align:center;
}
.zxm1 .tab-list span{
    background:var(--c2);
    color:#ffffff;
    flex:4;
}
.zxm1 .tab-list span.on{
    border-top:1px solid var(--c1);
    background:#ffffff;
    color:var(--c1);
}
.zxm1 .tab-list i{
    display:none;
}
.zxm1 .tab-con{
    padding:1rem 0;
}
.zxm1 .djdzw{
    margin-left:0;
    margin-right:0.5rem;
    margin-top:1rem;
}
.zxm2{
    width: 100%;
}
.zxm2 .swiper{
    height: 15rem;
}
.zxm2 img{
    height: 15rem;
}
.zxm3{
    margin-top:2rem;
}
.zxm3 li:nth-child(n+6){
    display:none;
}
.zxm5{
    flex:none;
    width:100%;
}
.zxm5 .new-list-3 li>span{
    display:none;
}

.zxm6 .list li{
    padding:1rem;
    width:50%;
}

.zxm8 {
    margin-top:2rem;
    flex:none;
    width: 100%;
}

.zxm9{width: 100%;}
.zxm9 .list p{display:none;}
.zxm9 .list2 .pic{
    width:100%;
    height:auto;
}
.zxm9 .list2 .pic img{
    height:20rem;
}
.zxm9 .list2 .atr{
    margin-top:2rem;
    margin-left:0;
}
.zxm9 .list2 .more{
    margin-top: -0.5rem;
}
.zxm9 .list3 li{
    width:100%;
}
.zxm9 .list4 .atl p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.zxm9 .list .atl img{
    height:6rem;
}
.zxm10 {width:100%;}

.zxm11{width:100%;}

.zxm12 li{width:100%;}
.zxm12 li .box{margin-top:1rem;}
.zxm12 li p{margin-top:1rem;}
.zxm12 .atc{padding-left:1rem;}
.zxm12 .atr a{padding:0.5rem 1rem;}
.zxm12 li .box{font-size:1.4rem;}
.zxm12 .list2 li{
    flex:46%;
}
.zxm13{
    width:20%;
    background: #f6f7fb;
}
.zxm13 li.on:before {
    content:"";
}
.zxm13 li{
    padding:2rem 0;
    width:100%;
    height:auto;
    line-height:normal;
    border-bottom:1px solid #ffffff;
}
.zxm13 li.on, .zxm13 li:hover {
    color: var(--c1);
    background: #ffffff;
}

.zxm14{
    width:80%;
}
.zxm14 .item{
    margin-top:2rem;
}
.zxm14 h3{
    font-size:1.8rem;
}
.zxm14 li{
    width:95%;
    margin-top:1rem;
    padding: 2rem 0;
    background:none;
    border-bottom: 1px solid #f0f0f0;
}
.zxm14 .atl div{
    margin:1rem 0;
}
.zxm14 .atl span{
    margin-right:1rem;
}
.zxm14 .box img{
    width:10rem;
    height:10rem;
}
.zxm14 a.wzbd{
    margin-right:2rem;
}
.zxm15{
    width:100%;
}

.zxm16{
    flex:none;
    margin-top:2rem;
    width:100%;
}

.zxm17 .atl,.zxm17 .atl img{
    width:100%;
    height:auto;
}
.zxm17 .atb span{
    margin-left: 5rem;
    width:20rem;
}

.zxm18 .list li:nth-child(n+7){
    display:none;
}
.zxm20{
    flex:none;
    margin-top:1rem;
    width:100%;
}
.zxm20 .list2 li:nth-child(n+7){
    display:none;
}
.zxm21 li{
    padding:0;
}

.zxm22 img{
    height:auto;
}
.zxm24{
    margin-top:2rem;
}
.zxm26{
    margin-top:2rem;
}
.zxm27{
    margin-top:2rem;
}
.zxm28{
    margin-top:2rem;
}
.zxm27,.zxm28,.zxm29,.zxm30,.zxm36,.zxm37{
    flex:none;
    width:100%;
}
.zxm31 .li{
    padding:1rem;
}
.zxm31 .li .pic{
    width:8rem;
}
.zxm31 .li .pic img{
    width:8rem;
    height:8rem;
}
.zxm31 .tex{
    padding-bottom:3rem;
}
.zxm31 .tex a {
    font-size: 2rem;
}
.zxm31 .name{
    display:flex;
    width:100%;
}
.zxm31 .name a{
    flex:70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.zxm31 .name span{
    flex:30%;
}
.zxm31 .ico{
    background: url(../images/icon.png) no-repeat;
        top: -15px;
    width: 80px;
    height: 35px;
    background-size: 250px 230px;
}
.zxm31 .li:first-child .ico{
    background-position: 15px -150px;
}
.zxm31 .li:nth-child(2) .ico{
    background-position: -48px -150px;
}
.zxm31 .li:nth-child(3) .ico{
    background-position: -110px -150px;
}
.zxm31 .li .tex{
    flex:1;
    margin-left:1rem;
}
.zxm31 .li .line{
    display:none;
}
.zxm31 .li .con p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.zxm31 .list-a .btn1 {
    top: 50%;
    transform: translateY(-50%);
}
.zxm31 .li div.btn1{
    top:10rem;
}
.zxm31 .list-a .btn1{
    top:2.5rem;
}
.zxm31 .li .btn1 a{
    padding:0.5rem 1rem;
}
.zxm32 .pic{
    flex:3;
}
.zxm32 .pic img{
    width:10rem;
    height:10rem;
    object-fit: cover;
}
.zxm32 .pic .atr{
    margin-left:1rem;
}
.zxm33 li{
    width:48%;
}
.zxm38 .row a{
    display:flex;
    margin: 2rem 2rem 0;
    width:auto;
    height:auto;
}
.zxm38 img{
    display: block;
    width: 15rem;
    height: 15rem;
    border-radius: 1rem;
}
.zxm38 .main{
    flex:1;
    width:auto;
    height:15rem;
}
.zxm38 .detail {
    margin: 1rem;
}
.zxm38 .info{
    display:none;
}
.zxm38 .row p{
    margin: 1rem 0;
    -webkit-line-clamp: 2;
}
/* zxm 样式结束 */

/* 首页 样式开始*/
.sw6_1{
    padding-top:0;
}
.sw6_2 .tab-list a{
    padding:0.5rem 1.5rem;
}
.sw6_2 .tab-con .item>div{
    flex-wrap: wrap;
}
.sw6_4 .flex2{
    flex-wrap: wrap;
}
.sw6_2-2 .zxm5 .new-list-3 li>span{
    display:block;
}
.sw6_1-2 .zxm2 {
    order:2;
    width: 100%;
}
.sw6_1-2 .zxm8{
    order:3;
    width:100%;
}
.sw6_1-4 .compose{
    width:100%;
}
.sw6_1-4 .zxm21{
    margin-top:2rem;
}
/* 首页 样式结束*/

/* list 样式开始 */
.side .mt30,.list_ask2 .side .mt30{
    margin-top:0;
}
/* list 样式结束 */

/* game_list 样式开始 */
.game_list2 .zxm5:nth-child(n+2){
    margin-top:3rem;
}
/* game_list 样式结束 */

/* game_top 样式开始 */
.game_top1 .w1200{
    border-top:1px solid #999999;
}
.top-list .tab-list {
    border:none;
}
.game_top1 .top-list2 .zxm13 li{
    height:auto;
    line-height:1;
}
.game_top1 .top-list2 .zxm32{
    margin:0 1rem;
}
.game_top1 .top-list2 .zxm32 li{
    padding:2rem 1rem;
}
/* game_top 样式结束 */

/* info_article 样式开始 */
.info_article1 .content1,
.info_article2 .content1{width:100%;}
.info_article1 .side{
    margin-top:5rem;
}
.info_article1 .side .mt30,.info_ask1 .side .mt30{
    margin-top:0;
}
/* info_article 样式结束 */

/* info_ask 样式开始 */
.askin1{width:100%;}
.askin1 .atr{
    margin-left:auto;
}
/* info_ask 样式结束 */

/* game_info 样式开始 */
.game_info2 .con{
    width:100%;
}
.game_info2 .side,.game_info2  .gamein-t {
    flex-wrap: wrap;
}
.game_info2 .gamein-t{
    padding-bottom:1rem;
}
.game_info2 .gamein-t .atl{
    width:10rem;
}
.game_info2 .gamein-t .atc h1{
    font-size:2rem;
}
.gamein-t .atc .box{
    margin:1rem 0 0;
}
.gamein-t .atc .box span{
    margin-right:2rem;
    line-height:200%;
}
/* game_info 样式结束 */

/* zhuanqu 样式开始 */
.zq .atl{
    width:100%;
}
.zq .atc{
    width:100%;
}
/* zhuanqu 样式结束 */

/* footer 样式开始*/
.footer1 .footer_nav ul{
    flex-wrap: wrap;
}
.footer1 .flex2{
    flex-wrap: wrap;
}
.footer1 .flex1{
    flex-wrap: nowrap;
}
.footer1 .atc{
    order:1;
}
.footer1 .atl{
    order:2;
}
.footer1 .atr{
    order:3;
    margin-top:1rem;
    width:100%;
}
.footer1 .atr img{
    width:40%;
}
/* footer 样式结束*/