html,body {
    min-height: 100%;
}
p{
    margin:0;
    padding:0;
}
.mai_box1{
    width: 7.5rem;
    height: 14rem;
}
.mai_box1_top{
    width: 7.5rem;
}
.mai_box1_top img{
    width: 100%;
    display: block;
}
.mai_box1_cont{
    width: 7.5rem;
    height: 12.1rem;
}
.mai_box1_cont_text1{
    width: 4.32rem;
    font-size: 0.36rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 0.48rem;
    color: #4B286D;
    opacity: 1;
    margin-left: 0.3rem;
    position: relative;
    top: 0.3rem;
}
.mai_box1_cont_text2{
    width: 6.72rem;
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    line-height: 0.4rem;
    color: #242424;
    opacity: 1;
    margin-left: 0.3rem;
    position: relative;
    top: 0.5rem;
}
.mai_box1_cont_text3{
    font-size: 0.28rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 0.38rem;
    color: #4B286D;
    opacity: 1;
    margin-left: 0.3rem;
    position: relative;
    top: 1.1rem;
}
.mai_box1_cont_ul{
    margin-left: 0.18rem;
    position: relative;
    top: 1.28rem;
}
.mai_box1_cont_ul li{
    width: 3.66rem;
    list-style: none;
    float: left;
    margin-bottom: 0.28rem;
}
.mai_box1_cont_ul li img{
    width: 100%;
    display: block;
}
.mai_box1_cont_ul_text1{
    font-size: 0.28rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 0.38rem;
    color: #4B286D;
    opacity: 1;
    margin-left: 0.12rem;
}
.mai_box1_cont_ul_text2{
    width: 2.9rem;
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 0.32rem;
    color: #515151;
    opacity: 1;
    position: relative;
    top: 0.16rem;
    margin-left: 0.12rem;
}
.mai_box2{
    width: 7.5rem;
    height: 13rem;
    background: #3E3E3E;
}
.mai_box2_text1{
    font-size: 0.28rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 0.4rem;
    color: #FFFFFF;
    opacity: 1;
    margin-left: 0.3rem;
    position: relative;
    top: 0.58rem;
}
.mai_box2_text2{
    width: 6.72rem;
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    line-height: 0.4rem;
    color: #E5E5E5;
    opacity: 1;
    margin-left: 0.3rem;
    position: relative;
    top: 0.76rem;
}
.mai_box2_ul{
    margin-left: 0.3rem;
    position: relative;
    top: 1.06rem;
}
.mai_box2_ul li{
    list-style: none;
    width: 5rem;
    height: 0.6rem;
    font-size: 0.24rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    line-height: 0.6rem;
    color: #FFFFFF;
    opacity: 1;
    text-align: center;
    margin-top: 0.2rem;
}
.mai_box2_ul_li1{
    background: #254C76;
}
.mai_box2_ul_li2{
    background: #755839;
}
.mai_box2_bottom{
    width: 6.9rem;
    margin-left: 0.3rem;
    position: relative;
    top: 1.46rem;
}
.mai_box2_bottom img{
    width: 100%;
    display: block;
}