@charset "utf-8";
.modeal{
    width: 24%;
    border: 1px solid #C9C9C9;
    font-size: 1.5vw;

}

@media screen and (max-width: 800px){
    .modeal_box{
        display: flex;
        padding: 10% 0;
        width: 100%;
    }
}
@media screen and (min-width: 800px){
    .modeal_box{
        display: flex;
        padding: 10% 0;
        width: 100%;
    }
}
.button_to_p{
    width: 88%;
    border: 1px solid #ffffff;
    background: #0bae71;
    padding: 2% 8%;
    border-radius: 10px;
    margin-top: 3%;
    cursor:pointer;
    word-break:keep-all;           /* 不换行 */
    white-space:nowrap;          /* 不换行 */
    overflow:hidden;               /* 内容超出宽度时隐藏超出部分的内容 */
}
.vip{
	
    width: 28%;
    margin-top: -0.5%;
    margin-bottom:  -0.5%;
    box-shadow:-15px 0px 10px -15px #333333;
    background-image:url(../images/recommend.png);
    background-repeat:no-repeat;
    background-position:-1px -1px;
    -webkit-background-size: 20%;
    background-size: 20%;
}
.modeal_title{
	padding:2%;
    text-align: center;
    min-height:50px;
    margin:10px;
}

.modeal_content{
	font-size:1vw;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modeal_content_border{
    background: #fbf9f8;
}
.icon{
    font-size: 14px;

}
.error{
    background-image:url(../images/error.png);
    background-repeat:no-repeat;
}