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_tihao{
        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%;
        position: relative;
        
    }
    .tiku_tihao .container{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .tiku_tihao .header{
        background: url("../images/top_ti.png") no-repeat 0 0;
        background-size: 100% 100%;
        height: 1.82rem;
        overflow: hidden;
    }
    .tiku_tihao .header .title{
        width: 100%;
        line-height:0.34rem ;
        text-align: center;
        /* 字体大小 */
        font-size: 0.34rem;
        /* 字体演示 */
        color: #000000;
        /* 距离顶部 */
        margin-top: 0.44rem;
    }
    .tiku_tihao .header .info{
        width: 100%;
        line-height:0.32rem ;
        text-align: center;
        /* 字体大小 */
        font-size: 0.34rem;
        /* 字体演示 */
        color: #f00b0b;
        /* 距离顶部 */
        margin-top: 0.34rem;
    }
    
    
    .tiku_tihao .buttons{
        width: 100%;
        /* height: 0.42rem;  */
        margin:  0 auto;
        /* padding: 0 0.74rem; */
        padding-left: 0.74rem;
        padding-right: 0.5rem;
        box-sizing: border-box;
        flex: 1;
        height: 100%;
        overflow-y: auto;
        
        
    }
    .tiku_tihao .buttons .btn_title{
        width: 5.75rem;
        height: 1.1rem;
        background: url(../images/button-bt-2.png) no-repeat center;
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        /* 字体大小 */
        font-size: 0.54rem;
        /* 字体颜色 */
        color: #000;
         /* 第一个button距离顶部距离 */
         margin: 0 auto;
         /* 距离顶部 */
         margin-top:0.25rem;
         /* 距离底部 */
         margin-bottom: 0.2rem;
    }
    .tiku_tihao .buttons .box{
        display: flex;
        flex-wrap: wrap;
    }
    .tiku_tihao .buttons .index{
        padding: 0.24rem 0.24rem;
        background: url(../images/button-bt-3.png) no-repeat center;
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        justify-content: center;
       
       /* 字体大小 */
       font-size: 0.54rem;
       /* 字体颜色 */
       color: #000;
       /* 距离左侧 */
       margin-left: 0.16rem;
       /* 距离右侧 */
       margin-right: 0.16rem;
       /* 距离底部 */
       margin-bottom: 0.2rem;
    }
   
}



/* 竖屏,尺寸可单独调整 */
@media screen and (orientation:portrait) {
    .tiku_tihao{
        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%;
        position: relative;
        
    }
    .tiku_tihao .container{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .tiku_tihao .header{
        background: url("../images/top_ti.png") no-repeat 0 0;
        background-size: 100% 100%;
        height: 1.82rem;
        overflow: hidden;
    }
    .tiku_tihao .header .title{
        width: 100%;
        line-height:0.34rem ;
        text-align: center;
        /* 字体大小 */
        font-size: 0.34rem;
        /* 字体演示 */
        color: #000000;
        /* 距离顶部 */
        margin-top: 0.44rem;
    }
    .tiku_tihao .header .info{
        width: 100%;
        line-height:0.32rem ;
        text-align: center;
        /* 字体大小 */
        font-size: 0.34rem;
        /* 字体演示 */
        color: #f00b0b;
        /* 距离顶部 */
        margin-top: 0.34rem;
    }
    
    
    .tiku_tihao .buttons{
        width: 100%;
        /* height: 0.42rem;  */
        margin:  0 auto;
        /* padding: 0 0.74rem; */
        padding-left: 0.74rem;
        padding-right: 0.5rem;
        box-sizing: border-box;
        flex: 1;
        height: 100%;
        overflow-y: auto;
        
        
    }
    /* 必答题 财务知识组 */
    .tiku_tihao .buttons .btn_title{
        width: 5.75rem;
        height: 1.1rem;
        background: url(../images/button-bt-2.png) no-repeat center;
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        /* 字体大小 */
        font-size: 0.54rem;
        /* 字体颜色 */
        color: #000;
         /* 第一个button距离顶部距离 */
         margin: 0 auto;
         /* 距离顶部 */
         margin-top:0.25rem;
         /* 距离地址 */
         margin-bottom: 0.2rem;
    }
    .tiku_tihao .buttons .box{
        display: flex;
        flex-wrap: wrap;
    }
    /* 题号 */
    .tiku_tihao .buttons .index{
        /* 字体内间距 */
        padding: 0.24rem 0.24rem;
        background: url(../images/button-bt-3.png) no-repeat center;
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        justify-content: center;
       
        /* 字体大小 */
        font-size: 0.54rem;
        /* 字体颜色 */
        color: #000;
        /* 距离左侧 */
        margin-left: 0.16rem;
        /* 距离右侧 */
        margin-right: 0.16rem;
        /* 距离底部 */
        margin-bottom: 0.2rem;
    }

}