body {
    height: 100%;
}

.header .tag {
    height: 21px;
    width: 80px;
    background-image: url(../images/shop_head_tag.png);
    background-size: 80px;
    display: inline-block;
    background-repeat: no-repeat;
}

.header .tag.left {
    -webkit-transform: rotateY(180deg);
}

.header_title div {
    display: inline-block;
}

.footer {
    bottom: 14px;
    position: fixed;
    width: 100%;
    /*line-height: 25px;*/
    /*height: 25px;*/
    text-align: right;
    right: -8px;
}

.footer span {
    display: inline-block;
    padding-right: 20px;
}

.items_footer {
    text-align: right;
}

.ui-btn {
    /*height: 32px;*/
    float: right;
    min-width: 60px;
}

/*#charge_btn{*/
/*position: absolute;*/
/*right: 5px;*/
/*height: 28px;*/
/*}*/

.s-icon {
    height: 69px;
    width: 76px;
    position: relative;
    background-image: url(../images/item_bg_card.png);
    background-size: 76px;
    display: inline-block;
}

.yuyin .s-icon {
    background-image: url(../images/item_bg_yuyin.png);
}

.moonkey .s-icon {
    background-image: url(../images/item_bg_moonkey.png);
}

.moonkey3 .s-icon {
    background-image: url(../images/item_bg_moonkey_2.png);
}

.s-item.cur{
    height: 100%;
    /*width: 100%;*/
    /*position: absolute;*/
    top: 0;
    /*left:-2px;*/
    background-image: url(../images/itemlist_bg_focus.png);
}

.c-icon.card{
    height: 80px;
    width: 145px;
    position: relative;
    background-image: url(../images/item_card.png);
    background-size: 145px;
    display: inline-block;
    font-size: 13px;
}

.c-icon span.val{
    position: absolute;
    bottom: 16px;
    left: 25px;
    /*color: white;*/
    /*text-shadow: 1px 1px 4px #6D4A4A,-1px -1px 0px #27170D;*/
    /*text-shadow: 1px 2px -2px #6D4A4A,-1px -1px 2px #27170D;*/

    /*color: #663E0A;*/
    /*color: #dceba4;*/
    /*text-shadow: 1px 1px 2px black,-1px -1px 2px black;*/
    font-weight: bold;
}

.c-icon span:last-child{
    position: absolute;
    top: 18px;
    left: 81px;
}

.shop_items .s-icon span {
    left: 9px;
    bottom: 5px;
    position: absolute;
    font-size: 12px;
}

.yuyin span {
    position: absolute;
    bottom: 6px;
    left: 8px;
    font-size: 12px;
}

.s-icon.quan span {
    left: 10px;
    top: 6px;
    font-size: 12px;
}

.content{
    padding: 6px;
}

.content>div{
    /*display: none;*/
    /*height:100%;*/
}

.content>div.cur{
    display: block;
}

.shop_items,.convert_items {
    padding: 12px 8px;
    line-height: 120%;
    /*border: 2px solid #4B4444;*/
    background-color: #1A1D1F;
    border-radius: 4px;
    /*margin-bottom: 15px;*/
}

.shop_items td {
    text-align: center;
    width: 16.6%;
    min-width: 86px;
    /*padding: 0 4px;*/
    position: relative;
    padding-top: 2px;
    height: 100%;
    padding-left: 2px;
}

.shop_desc_div {
    /*position: absolute;*/
    /*bottom: 10px;*/
    /*top: 108px;*/
    /*right: 8px;*/
    /*left: 8px;*/
    padding: 8px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.convert_items {
    /*position: absolute;*/
    right: 0;
    left: 0;
    bottom: 0px;
    top: 20px;
    overflow-y: auto;
    background-color: transparent;
}

.s-item,.c-item {
    color: #FFFFFC;
    /*border-radius: 8px;*/
    text-shadow: 0px 0px 8px #0C0B0B;
    /*display: inline-block;*/
}

/*.s-item.cur,.c-item.cur {*/
/*background-color: rgba(255, 255, 255, 0.2);*/
/*}*/

.convert_items td {
    width: 33%;
    text-align: center;
    padding: 0 0 8px 0;
}

.convert-btn {
    position: absolute;
    right: 16px;
    bottom: 7px;
    padding: 0;
    margin: 0;
    height: 24px;
    width: 48px;
    font-size: 12px;
    box-shadow: none;
    min-width: 20px;
}

.my_coupons {
    text-align: center;
    padding-bottom: 4px;
    color: #eee;
}

.content-list {
    margin: 0 0 0 35px;
}

.shop_items .left {
    width: 40%;
}

.desc-gift {
    color: orange;
    padding: 4px 0 0 0;
}

.list_item {
    padding: 8px 0;
    height: 48px;
}

.mine_items {
    height: 100%;
}

.mine_items .name {
    padding-right: 75px;
    display: table-cell;
    vertical-align: middle;
    height: 60px;
}

.mine_items .item {
    padding: 8px 10px 4px 70px;
    margin-bottom: 6px;
    height: 60px;
    border-radius: 4px;
    vertical-align: middle;
    line-height: 20px;
    background-color: rgb(43, 85, 126);
    font-size: 13px;
    position: relative;
}

.mine_items .item_r {
    position: absolute;
    top: 24px;
    right: 8px;
}

.mine_items .icon{
    height: 55px;
    width: 55px;
    position: absolute;
    background-size: 55px;
    display: inline-block;
    left: 6px;
}

.mine_items .yuyin{
    background-image: url(../images/item_icon_yuyin.png);
}
.mine_items .jipai{
    background-image: url(../images/item_icon_jipai.png);
}
.mine_items .coupon{
    background-image: url(../images/item_icon_coupon.png);
}

.mine_items .moonbox{
    background-image: url(../images/item_icon_moonbox.png);
}

.mine_items .moonkey{
    background-image: url(../images/item_icon_moonkey.png);
}

.mine_items .first{
    background-image: url(../images/item_icon_first.png);
}

.mine_items .newer{
    background-image: url(../images/item_icon_newer.png);
}

.mine_items .hero{
    background-image: url(../images/item_icon_hero.png);
}

.mine_items .competition{
    background-image: url(../images/item_icon_competition.png);
}

.mine_items .newerPhone{
    background-image: url(../images/item_icon_newerPhone.png);
}
.mine_items .vip_common {
    background: url(../images/item_bg_vip_common.png) no-repeat;
}
.mine_items .vip_big {
    background: url(../images/item_bg_vip_big.png) no-repeat;
}

.use-btn {
    margin: 0px 0 0 0;
}

.convert_items>div {
    padding: 6px;
    margin: 0 -2px;
    display: inline-block;
    width: 30%;
    text-align: center;
}

.convert_items>div.cur {
    border-radius: 6px;
}

.convert_items .s-icon {
    width: 72px;
    height: 60px;
    background-size: 72px;
}

.convert_items .s-icon span {
    left: 18px;
    top: 6px;
    font-size: 12px;
    display: block;
}

.convert_items .s-icon.card span:first-child {
    padding-top: 8px;
}

.convert_items .c-item {
    /*padding: 8px;*/
    /*border-radius: 6px;*/
}

.dlg_content .desc {  text-align: center; }
.dialog { height: 110%; }