img.logo{width:14px;height:14px;margin:0 5px 0 3px;}
.onclick{cursor: pointer;touch-action: manipulation;}
.giftlist{overflow:hidden;width:90%;margin:0 auto}
.giftlist ul{height:270px;overflow:hidden;padding:0}
.giftlist li{width:100%;line-height:35px;padding:0 10px;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.giftlist li strong{margin:0 5px 0 0;font-weight:400;color:#1977d8}

#audio-play #audio-btn{width: 44px;height: 44px; background-size: 100% 100%;position:fixed;bottom:5%;right:6px;z-index:111;}
#audio-play .on{background: url('../img/music_on.png') no-repeat 0 0;-webkit-animation: rotating 1.2s linear infinite;animation: rotating 1.2s linear infinite;}
#audio-play .off{background:url('../img/music_off.png') no-repeat 0 0}
@-webkit-keyframes rotating{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}

#captcha_text{height:42px;width:100%;text-align:center;border-radius:2px;background-color:#F3F3F3;color:#BBBBBB;font-size:14px;letter-spacing:0.1px;line-height:42px}#captcha_wait{display:none;height:42px;width:100%;text-align:center;border-radius:2px;background-color:#F3F3F3}.loading{margin:auto;width:70px;height:20px}.loading-dot{float:left;width:8px;height:8px;margin:18px 4px;background:#ccc;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;opacity:0;-webkit-box-shadow:0 0 2px black;-moz-box-shadow:0 0 2px black;-ms-box-shadow:0 0 2px black;-o-box-shadow:0 0 2px black;box-shadow:0 0 2px black;-webkit-animation:loadingFade 1s infinite;-moz-animation:loadingFade 1s infinite;animation:loadingFade 1s infinite}.loading-dot:nth-child(1){-webkit-animation-delay:0s;-moz-animation-delay:0s;animation-delay:0s}.loading-dot:nth-child(2){-webkit-animation-delay:0.1s;-moz-animation-delay:0.1s;animation-delay:0.1s}.loading-dot:nth-child(3){-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;animation-delay:0.2s}.loading-dot:nth-child(4){-webkit-animation-delay:0.3s;-moz-animation-delay:0.3s;animation-delay:0.3s}@-webkit-keyframes loadingFade{0%{opacity:0}50%{opacity:0.8}100%{opacity:0}}@-moz-keyframes loadingFade{0%{opacity:0}50%{opacity:0.8}100%{opacity:0}}@keyframes loadingFade{0%{opacity:0}50%{opacity:0.8}100%{opacity:0}}

/** clear btn **/
.input-group-lg>.link-input::-ms-clear { display: none; }
.input-group-lg>.input-group-btn>.btn-clear {
    position: absolute;
    top: 0;
    left: -35px;
    width: 35px;
    height: 45px;
    background: url(/assets/img/clear.png) no-repeat center;
    z-index: 999;
    -webkit-background-size: 18px;
    background-size: 18px;
    cursor: pointer;
}

[v-cloak] { display: none }

.s-text {
    text-align: center;
    margin-bottom: 5px;
}

.s-text span {
    background-color: #fff;
    border-radius: 3px;
    color: #337ab7;
    display: inline-block;
    font-size: 11px;
    border: 1px solid #337ab7;
    padding: 1px 3px 0 2px;
    margin-left: -5px;
    line-height: 11px;
    vertical-align: text-bottom;
}

.thumbnail .caption .btn {
    margin-left:1px;
    margin-right:1px;
}

#app_download .nav-tabs>li.active>a {
    color: #fff;
    background-color: #45A418;
}

/** 开通会员 **/
.btn-vip-goods {
    color: #ffffff !important;
    margin-right: 6px;
}
.btn-vip-goods:hover,
.btn-vip-goods:focus,
.btn-vip-goods:active {
    background-color: #1d7b00;
    border-color: #1d7b00;
    color: #ffffff !important;
    margin-right: 6px;
}

.btn-vip-goods-selected {
    background-color: #1d7b00 !important;
    border-color: #1d7b00 !important;
    color: #ffffff !important;
    margin-right: 6px;
}