html,body {
    padding-bottom: 0rem!important;
    background: none;
    max-width: 740px;
    margin: auto;
}
#m_common_header{
    position: relative;
}
.content_box {
    max-width: 740px;
    margin: auto;
    background: rgb(203,0,29);
}
.guide_img {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 999;
}
.exam_close{
    position: fixed;
    right: .25rem;
    top: .2rem;
    z-index: 11;
    color: #fff;
    font-size: .5rem;
    width: .4rem;
}
.exam_pic{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
}
.banner {
    width: 100%;
    /*vertical-align: bottom;*/
    display: block;
    position: relative;
}
.banner img{
    display: block;
}

.banner_input {
    width: 99%;
    margin: auto;
    margin-top: -0.2rem;
}




.banner ul {
    width: 100%;
    height: 1.1rem;
    background: url(../2018m1212_img/m1212_04.jpg)no-repeat;
    background-size: contain;
}

.banner ul li {
    float: left;
    list-style: none;
    width: 20%;
    margin-top: 0.17rem;
    margin-left: 0.3rem;
}

.banner ul li a {
    color: white;
    font-size: 0.35rem;
}

.banner ul li a img {
    width: 100%;
}
.toptop {
    display: flex;
    justify-content: center;
    align-items: center;
}

.goTop {
    width: 4.08rem;
    height: 0.81rem;
    text-align: center;
    border: 2px solid yellow;
    line-height: 0.7rem;
    color: #fff;
    border-radius: 30px;
        /*margin-top: 0.7rem;*/
    box-sizing: border-box;
    font-size: 0.32rem;
    margin-bottom: 0.5rem
}


.fl {
    float: left;
}

.fr {
    float: right;
}

.diy_time_box{
    height: 0
}
.diy_time{
    width: max-content;
    padding: 0 .3rem;
    height: .47rem;
    line-height: .47rem;
    position: relative;
    top: -.2rem;
    left: 50%;
    background: rgba(0,0,0,.25);
    border-radius: .23rem;
    font-size: .2rem;
    color: #fff;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.diy_time #dao{
        display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
display: -moz-box; /* Firefox 17- */
display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
display: -moz-flex; /* Firefox 18+ */
display: -ms-flexbox; /* IE 10 */
display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    display: flex;
    justify-content: center;
    align-items: center;
    /*margin-top: -0.01rem;*/
    height: .3rem

}
.diy_time p{
    width:.43rem;
    height:.31rem;
    background:rgba(255,255,255,.3);
    border-radius:.04rem;
    font-size: .28rem;
    color: #fff;
    text-align: center;
    line-height: .31rem;
}
.diy_time span{
    color: #F6F1AA;
}


.activity_map{
	/*height: 8.07rem;*/
	width: 100%;
	/*background: url(../images/2019818/818bj_02.png)no-repeat;*/
	background-size: 100% 100%;
    margin-top: .8rem
}
.activity_map_item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .29rem
}
.activity_map_box img{
    width: 2.14rem;
    height: 1.87rem
}
.activity_map_box{
    margin: 0 .23rem;
}
.activity_map .activity_map_box:first-child{
	padding-top: 1.4rem;
}
.activity_map_box{
	margin-bottom: .3rem
}


#wrap {overflow: hidden;}
#tit {display: flex;    justify-content: space-between;
    margin: 0 2.2rem;}
#tit span {
    float: left;
    line-height: .7rem; font-size: 0.24rem; text-align: center; 
    color: #fff
}
.tab_content{display: none;}
#tit span.select { border-bottom: .05rem solid #FF8200;font-weight: bold;}
.tab_content.show {display: block;}
.bargain_goods {
    background: white;
    margin-bottom: 1px;
    padding: .25rem;
    box-sizing: border-box;
    margin: 0 .27rem;
    border-radius: .2rem;
    border: .09rem solid #FF232E;
    margin-bottom: .3rem
}
.bargain_goods a {
    /*display: flex;*/
    /*align-items: center;*/
}
.bargain_goods_left {
    float: left; 
    width: 38%;

}
.bargain_goods_left img {
    width: 2.35rem;
    height: 2.35rem;
}
.bargain_goods_right {
    float: left;
    margin-left: 0.45rem;
    position: relative;
    width: 53%;
}
.bargain_title {
    color: #333333;
    font-size: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: bold;
    height: .6rem;
    line-height: .3rem;
}
.bargain_title2{
    font-size: .17rem;
    color: #F2860C;
    background: #FFF4E1;
    width: max-content;
    padding: 0 .1rem;
    margin-top: .17rem;
    height: .24rem;
    line-height: .24rem

}
.rmz{
    font-size: .2rem;
    color: #F44730;
    margin-top: .17rem
}
.bargain_money {
    margin-top: 0.25rem;
    /*width: max-content;*/
    color: #B86011;
    font-size: 0.17rem;
    font-weight: bold;
    background: url(../images/20191111/jhm_03.png)no-repeat;
    background-size: 100% 100%;
    line-height: .47rem;
    box-sizing: border-box;

    display: flex;
    align-items: center;

    padding: 0;
    width: 3.2rem;
    height: .6rem;


}

.bargain_money2{
    display: flex;
    align-items: center;
    background: none;
    padding:0;
}
.bargain_money2_left{
    height: .49rem;
    line-height: .47rem;
    background: url(../images/20191111/jleft_03.png)no-repeat;
    background-size: 100% 100%;
    padding-left: .1rem;
    padding-right: .07rem;
}
.bargain_money2_right{
    height: .49rem;
    line-height: .47rem;
    background: url(../images/20191111/jleft_04.png)no-repeat;
    background-size: 100% 100%;
    padding-right: .1rem;
    margin-left: -.01rem;
}
.bargain_money2 em{
    margin-left: .25rem;
}
.bargain_money span {
    /*padding-right: .3rem;*/
    /*padding-left: .1rem;*/
}
.bargain_money em {
    color: #Fff;
    font-size: .26rem;

}
.bargain_money s {
    color: #FFC3BA;
    font-size: .19rem;
    padding-left: .05rem;

}
.bargain_money_left{
    width: 45%;
    text-align: center;
}
.bargain_money_right{
    width: 55%;
    text-align: center;
}
 @media screen and (max-width: 320px) {
    .bargain_money{
        width: 3.5rem
    }
 }
  @media screen and (min-width: 321px) and (max-width: 375px) {
    .bargain_money{
        width: 3.3rem
    }
  }