#page_content{
    width: 100%;
    overflow-x: hidden;
    max-width: 500px;
    margin: 0px auto;
    border: 1px solid #e9e9e9;
}
.page{width: 100%; padding-bottom: 10px;}
.page_inner{
    width: 96%;
    margin: 0px auto;
}

#page_index .head_tip{
    background-color: #58c9ec;
    white-space:nowrap;
    font-size: 13px;
    padding: 10px 0px;
}
#page_index .head_tip .head_tip_info{
    color: white;
    /* width: 90%;
    overflow-x: hidden; */
    margin: 0px auto;
}
#page_index .act_imgs img{
    width: 100%;
}


.cards{
    width: 90%;
    margin: 10px auto;
}
.card{
    margin: 0px auto;
    width: 100%;
    border: 0.2px solid #737373;
    border-radius: 15px;
    padding: 10px 20px;
    margin-bottom: 10px;
    position: relative;
    background-color: #ffffff;
    font-weight: bold;
    box-shadow: 0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}
.card .card_content{
    width: 80%;
    margin: 10px auto;
}
.card font{font-size: 15px;font-weight: 500;}
.card .price{
    padding: 5px 0px;
}
.card .button{
    width: auto;
}
.card .button.gray{
    background-color: #d2d2d2;
    color: black;
}
.card .button.ok{
    background-color: #f59a23;
}
.card .button.blue{
    background-color: #02A7F0;
}
.card .round_btns{padding-left: 5%;padding-top: 10px;}
.card .round_btn{
    background-color: #02A7F0;
    width: auto;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 30px;
    padding: 0px;
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 5px;
}
.card h1{
    font-size: 30px; 
    margin: 0px;
}
.card h2{font-size: 25px;}
.card h3{font-size: 20px;}
.card h4{font-size: 17px;}
.card h5{font-size: 15px;}
.card h6{font-size: 13px;}
.card .etimes{padding: 0px 0px 10px 0px;}
.card .share_icon{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 22px;
}
.card .uicon img{
    width: 36px;
}
.radio_area{
    padding: 5px 0px;
}
.radio_area input{
    vertical-align: middle;
}
.radio_area label{
    vertical-align: middle;
}
.radio_area label img{
    width: 21px;
    margin: 0px 5px;
    vertical-align: middle;
}

#modal_pay fieldset{
    border: 0.1px solid #ccc;
}
#modal_pay fieldset legend{
    font-size: 13px;
    padding: 0px 10px;
}

/* 跑马灯 */
@keyframes move-data {
    0% {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.live-title-hidden-from-right-to-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    background-color: #fff;
}

.live-title-hidden-from-right-to-left .move-wrap {
    -ms-flex: none;
    flex: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    animation: move-data 50s .5s linear infinite
}

/* 跑马灯 */

.bgc{
    background-color: #E2F0F6;
}