a{
    text-decoration:none;
}
p,a,input， button{
    padding: 0;
    margin: 0;
}
html{
    width: 100%;
    height: 100%;
    min-height: 100%;
}


/* 横屏 */
@media screen and (orientation:landscape){
    .tiku_guize{
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        font-size: 0.24rem;
        /* 整个页面字体 */
        font-family: 'Microsoft YaHei';
        background-color: #dc2300;
        /*背景图片设置以下两个属性*/
        background: url("../images/bj_ti.jpg") no-repeat 0 0;
        background-size: 18.2rem 100%;
        /* overflow: auto; */
        position: relative;
        display: block;
    }
    .tiku_guize .container{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .tiku_guize .header{
        background: url("../images/top_ti.png") no-repeat 0 0;
        background-size: 100% 100%;
        height: 1.82rem;
        overflow: hidden;
    }
    .tiku_guize .header .title{
        width: 100%;
        line-height:0.34rem ;
        text-align: center;
        /* 字体大小 */
        font-size: 0.34rem;
        /* 字体演示 */
        color: #000000;
        /* 距离顶部 */
        margin-top: 0.44rem;
    }
    .tiku_guize .header .info{
        width: 100%;
        line-height:0.32rem ;
        text-align: center;
        /* 字体大小 */
        font-size: 0.34rem;
        /* 字体演示 */
        color: #f00b0b;
        /* 距离顶部 */
        margin-top: 0.34rem;
    }
    .tiku_guize .wrap{
        flex: 1;
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }
   
    
    
    .tiku_guize .box{
        width: 100%;
        height: 100%;
        margin:  0 auto;
        padding-left: 1rem;
        padding-right: 0.74rem;
        overflow-y: auto;
        box-sizing: border-box;
        
    }
    .tiku_guize  .wrap .btn_title{
       width: 100%;
       height:0.86rem;
       display: flex;
       align-items: center;
       justify-content: end;
      
    }
    .tiku_guize  .wrap .btn_title .info{
        width: 1.5rem;
        height: 0.4rem;
        background: url(../images/button_all_1A.png) no-repeat center;
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        /* 距离顶部 */
        margin-top: 0.26rem;
        /* 距离底部部 */
        margin-top: 0.2rem;
        /* 距离右边 */
        margin-right: 0.4rem; 
        /* 字体大小 */
        font-size: 0.26rem;
        /* 字体颜色 */
        color: #fff;
         /* 第一个button距离顶部距离 */
       
    }
   
    .tiku_guize .box .text{
        text-indent: 0.55rem;
        padding: 0.2rem 0;
        /* 字体大小 */
        font-size: 0.28rem;
        /* 颜色 */
        color: #000;
        /* 字体间距 */
        letter-spacing: 0.02rem;
    }
   
   
}



/* 竖屏,尺寸可单独调整 */
@media screen and (orientation:portrait) {
    .tiku_guize{
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        font-size: 0.24rem;
        /* 整个页面字体 */
        font-family: 'Microsoft YaHei';
        background-color: #dc2300;
        /*背景图片设置以下两个属性*/
        background: url("../images/bj_ti.jpg") no-repeat 0 0;
        background-size: 18.2rem 100%;
        /* overflow: auto; */
        position: relative;
        display: block;
    }
    .tiku_guize .container{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .tiku_guize .header{
        background: url("../images/top_ti.png") no-repeat 0 0;
        background-size: 100% 100%;
        height: 1.82rem;
        overflow: hidden;
    }
    .tiku_guize .header .title{
        width: 100%;
        line-height:0.34rem ;
        text-align: center;
        /* 字体大小 */
        font-size: 0.34rem;
        /* 字体演示 */
        color: #000000;
        /* 距离顶部 */
        margin-top: 0.44rem;
    }
    .tiku_guize .header .info{
        width: 100%;
        line-height:0.32rem ;
        text-align: center;
        /* 字体大小 */
        font-size: 0.34rem;
        /* 字体演示 */
        color: #f00b0b;
        /* 距离顶部 */
        margin-top: 0.34rem;
    }
    .tiku_guize .wrap{
        flex: 1;
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }
   
    
    
    .tiku_guize .box{
        width: 100%;
        height: 100%;
        margin:  0 auto;
        padding-left: 1rem;
        padding-right: 0.74rem;
        overflow-y: auto;
        box-sizing: border-box;
        
    }
    .tiku_guize .wrap .btn_title{
       width: 100%;
       height:0.86rem;
       display: flex;
       align-items: center;
       justify-content: end;
      
    }
    .tiku_guize .wrap .btn_title .info{
        width: 1.5rem;
        height: 0.4rem;
        background: url(../images/button_all_1A.png) no-repeat center;
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        /* 距离顶部 */
        margin-top: 0.26rem;
        /* 距离底部部 */
        margin-top: 0.2rem;
        /* 距离右边 */
        margin-right: 0.4rem; 
        /* 字体大小 */
        font-size: 0.26rem;
        /* 字体颜色 */
        color: #fff;
  
    }
   
    .tiku_guize .box .text{
        text-indent: 0.55rem;
        padding: 0.2rem 0;
        /* 字体大小 */
        font-size: 0.28rem;
        /* 颜色 */
        color: #000;
        /* 字体间距 */
        letter-spacing: 0.02rem;
    }

}