#jqmeter-1 > .outer-therm {
    background: #333333 !important;
    background: -moz-linear-gradient(top, rgba(207, 208, 209, 1) 1%, rgba(255, 247, 247, 1) 8%, rgba(255, 255, 255, 1) 93%, rgba(198, 198, 198, 1) 100%) !important;
    /* background: -webkit-linear-gradient(top, rgba(207, 208, 209, 1) 1%, rgba(255, 247, 247, 1) 8%, rgba(255, 255, 255, 1) 93%, rgba(198, 198, 198, 1) 100%) !important; */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfd0d1', endColorstr='#c6c6c6', GradientType=0) !important;
    height: 100px !important;
    box-shadow: inset 0 0 0 6px #ffa355, inset 0 0 0 9px #ffffff;
    border-radius: 0;
    position: relative;
}

#jqmeter-1 > .outer-therm > .inner-therm {
    background: url(../images/real-yulgang-mobile-214.png);
    height: 82px !important;
    /* border: 3px solid #ffffff; */
    border-radius: 0;
    position: absolute;
    top: 9px;
    left: 9px;
}

.meter-box-theme-1 {
    background-size: contain;
}

.outer-therm {
    margin: 7px 0 !important;
}

.inner-therm {
    overflow: visible !important;
    position: relative;
}

.inner-therm > span {
    display: none !important;
    overflow: visible !important;
    padding: 10px !important;
    padding-right: 30px !important;
}

.inner-therm::after {
    background: url(../images/real-yulgang-mobile-207.png) no-repeat;
    background-size: contain;
    content: '';
    height: 181px;
    position: absolute;
    right: -55px;
    width: 123px;
    z-index: 6;
    margin-top: -41px;
}

.meter-box-full {
    background-size: contain;
}

.meter-box-rank {
    float: left;
    height: 25px;
    position: relative;
    text-align: center;
    top: 16px;
}

.meter-box-rank::after {
    background-image: url(../images/real-yulgang-mobile-213.png);
    content: '';
    height: 82px;
    position: absolute;
    right: -34px;
    top: 0;
    width: 26px;
    z-index: 3;
}

.meter-box-rank01 {
    float: left;
    height: 25px;
    position: relative;
    text-align: center;
    top: 16px;
}

.meter-box-rank01::after {
    background-image: none;
    content: '';
    height: 82px;
    position: absolute;
    right: -34px;
    top: 0;
    width: 26px;
    z-index: 3;
}


.meter-box-theme-1 {
    background-color: #fd5e02;
    background: url(../images/real-yulgang-mobile-215.png) top center no-repeat;
    /* box-shadow: 0px 8px 0px #ff6b09; */
    /* border: 2px solid #ff5a1b; */
    background-position-y: 4px;
    background-size: cover;
    padding: 0 10px;
}

.meter-rank-100 {
    width: 20%;
}

.meter-rank-200 {
    width: 50%;
}

.meter-rank-20 {
    width: 25%;
}

.meter-rank-60 {
    width: 30%;
}

.meter-sec2-item-box {
    height: 70px;
    position: absolute;
    right: -84px;
    top: -116px;
    width: 126px;
    z-index: 999;
}

.outer-therm {
    overflow: visible !important;
}

.meter-checkpoint {
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    text-shadow: 2px 0 0 #ffffff, -2px 0 0 #ffffff, 0 2px 0 #ffffff, 0 -2px 0 #ffffff, 1px 1px #ffffff, -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff;
    position: relative;
    color: #000000;
}

@media (max-width:767px) {
    #jqmeter-1 > .outer-therm {
        height: 60px !important;
    }

    #jqmeter-1 > .outer-therm > .inner-therm {
        height: 42px !important;
    }

    .inner-therm::after {
        background: url(../images/real-yulgang-mobile-207.png) no-repeat;
        background-size: contain;
        content: '';
        height: 100px;
        position: absolute;
        right: -82px;
        width: 123px;
        z-index: 6;
        margin-top: -29px;
    }

    .meter-mt {
        margin-top: 35px !important;
    }

    /*.inner-therm::after {
        display: none;
    }*/

    .meter-box-full {
        padding: 2px 15px 2px 15px;
    }

    .meter-box-rank {
        display: none;
    }

    .meter-icon-1 {
        left: 25px;
        top: 12px;
    }
}