/**
 * 礼包样式
 * @author 鹿文学
 */
/* common */

/* header */
.header{line-height:1.32rem;}
.header .caption {margin:0 16.2%;}
.header .hbtn {width:16%;}
.header .search{right:.83rem;width:0.66rem;}
.search-gift-icon {
    display:block;
    width:.66rem;
    height:.66rem;
    background: url("../images/icon_sousuo.png") center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.tabmenu {
    width:4.85rem;
    height: .93rem;
margin:0 auto}
.tabmenu .s-slide{float:left;width:50%;height:0.93rem;
    line-height: .93rem;
    background: #EDEDED;}
.tabmenu .s-slide:first-child {border-top-left-radius: .93rem;border-bottom-left-radius: .93rem;}
.tabmenu .s-slide:last-child {border-top-right-radius: .93rem;border-bottom-right-radius: .93rem;}
.gif-menu{}
.tabmenu .active {
    background: #FD5003;color:#fff;}
.tab-scroll {}
.tab-scroll .second-list {}
.second-list li{background:#FFF;margin-top:0.3rem;}
.second-list li:first-child {padding-top:.22rem;margin-top:0;}
.second-list .item .game-info {margin-left:0.4rem;padding:.4rem 0.4rem 0 0;}
.second-list .item .game-info .iconbox {position:relative;float:left;display:block;overflow:hidden;margin:0 3.4% 0 0;font-size:0.3rem;border-radius:0.4rem;width:1.42rem;height:1.42rem;max-height:142px;max-width:142px;background:#e2e2e2;color:#bbbaba;}
.second-list .item .game-info .iconbox .icon {position:relative;z-index:2;width:100%;height:100%;}
.second-list .item .game-info .text {margin-left:16%;height:1.4rem;}
.second-list .item .game-info .text .title {font-size:0.46rem;color:#000;padding-top:.7%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.second-list .item .game-info .text p{font-size:0.36rem;margin:.2% 0 0;}
.second-list .item .game-info .text p span{color:#FD5003;}

.second-list .item .gift-list {padding:0.08rem 0 0 0rem;}
.second-list .item .gift-list .subitem {display:none;border-bottom:1px solid #E7E7E7;padding:2% 0.4rem 2% 0.4rem;}
.second-list .item .gift-list .subitem.active{display:block;}
.second-list .item .gift-list .subitem.active:last-child {border-bottom:none;}
.second-list .item .gift-list .butnbox{float:right;width:22%;max-width:180px;text-align:right;margin-top:-2%;}
.second-list .item .gift-list .butnbox .butn{border:1px solid #FD5003;border-radius:9.9rem;color:#FD5003;font-size:0.4rem;width:1.6rem;height:0.88rem;display:inline-block;line-height:0.88rem;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;}
.second-list .item .gift-list .butnbox .butn.disabled {color:#999;border-color:#CCC;}
.second-list .item .gift-list .text{margin-right:22.5%;}
.second-list .item .gift-list .text .title {overflow:hidden;font-size:0.44rem;color:#000;}
.second-list .item .gift-list .text .title .name{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:99%;}
.second-list .item .gift-list .text .introduction {color:#999;font-size:0.36rem;margin:0;line-height:1.6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.second-list .moregift {font-size:0.4rem;color:#999;display:block;text-align:center;height:1.1rem;line-height:1.1rem;max-height:110px;}
.second-list .moregift img {width:0.44rem;height:0.24rem;display:inline-block;vertical-align:middle;margin-top:-.5%;margin-left:0.2rem;}

/* detail */
.header .arrow-left img{margin-left:.4rem;width:0.38rem;display:block;}
.header .word {font-size:0.44rem;margin-left:1%;}

.detail {height:100%;height:100vh;}
.detail .base {background:#FFF;padding:0.6rem 0.4rem 0.6rem 0.4rem;}
.detail .base .wrap{position:relative;}
.detail .base .iconbox {width:2.16rem;height:2.16rem;max-height:216px;max-width:216px;float:left;position:relative;border-radius:0.45rem;overflow:hidden;background:#E2E2E2;color:#BBBABA;}
.detail .base .iconbox .icon {position:relative;z-index:2;width:100%;}
.detail .base .butnbox {position:absolute;top:0;right:0;height:100%;width:18%;text-align:right;}
.detail .base .butnbox .butn {font-size:0.4rem;color:#FD5003;border:3px solid #FD5003;border-radius:9.9rem;width:1.6rem;height:0.88rem;display:block;float:right;line-height:0.88rem;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;}
.detail .base .butnbox .butn.disabled {color: #999;border-color: #CCC;}
.detail .base .textbox {margin-left:2.6rem;margin-right:19%;font-size:0.72rem;}
.detail .base .textbox .title{font-size:0.44rem;display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.detail .base .textbox .surplusbox  {font-size:0.36rem;margin-top:-.2%;}
.detail .base .textbox .surplusbox .surplus {vertical-align:middle;position:relative;overflow:hidden;height:0.2rem;width:50%;border-radius:0.2rem;background:#E5E5E5;display:inline-block;margin-right:0.16rem;}
.detail .base .textbox .surplusbox .surplus i {position:absolute;top:0;left:0;background:#3BC97E;height:100%;border-radius:0.2rem;}
.detail .base .textbox .surplusbox .number {}
.detail .base .textbox .surplusbox .number i{font-style:normal;color:#3BC97E;}
.detail .base .textbox .validitytime {font-size:0.36rem;color:#999;margin:0;padding:.18rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.detail .samething {background:#FFF;margin-top:.3rem;}

.detail .samething .cntitle {height:1.72rem;padding:0 0.4rem;position:relative;}
.detail .samething .cntitle .name {font-size:0.44rem;line-height:1.72rem;display:block;}
.detail .samething .cntitle .name .icon{display:inline-block;vertical-align:middle;width:0.52rem;height:0.52rem;max-height:52px;max-width:52px;background-position:center center;background-repeat:no-repeat;background-size:100% 100%;margin-right:0.2rem;margin-top:-.9%;}
.detail .samething .cntitle .name .icon-desc {background-image:url(../images/gift_details_content.png);}
.detail .samething .cntitle .name .icon-time {background-image:url(../images/gift_details_time.png);}
.detail .samething .cntitle .name .icon-way {background-image:url(../images/gift_details_method.png);}

.detail .samething .content {font-size:0.4rem;color:#999;line-height:1.74;margin-top:-0.18rem;padding:0 0.4rem 0.42rem 1.12rem;}
.detail .samething .content p {margin:0;text-indent:0;}

.detail .payment .content {padding-bottom:0.85rem;}

.detail .start-game {position:fixed;bottom:0;left:0;width:100%;z-index: 3;height:1.48rem;}
.detail .start-game-mobile,
.detail .start-game-h5 {background: #fff;text-align: center;
    display: flex;align-items: center;justify-content: center;
}

.detail .start-game .btn {text-align:center;color:#FFF;font-size:.52rem;}
.detail .start-game-mobile .btn,
.detail .start-game-h5 .btn {display:block;background:#FD5003;line-height:1.2;
    padding: .2rem 0;
    width: 5rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    margin: 0 .2rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.detail .start-game-mobile .btn {
    width: 10.2rem;
}
.detail .start-game-h5 .btndown {
    background-color: #006CFF;
}


@media screen and (max-width:660px) {

.second-list .item .gift-list .butnbox .butn,.detail .base .butnbox .butn{border-width:2px;}


}
@media screen and (max-width:540px) {


  .second-list .item .gift-list .butnbox .butn,.detail .base .butnbox .butn{border-width:1px;}


  /*.second-list .item .gift-list .butnbox .butn,.detail .base .butnbox .butn.disabled {color:#999;border-color:#CCC;}*/
}
.pop-hint .pop-content .pop-input .code{
	display:block;
}


@media (min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 2.49),
(-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.49),
(min-device-pixel-ratio: 1.5) and (max-device-pixel-ratio: 2.49),
(min-resolution: 144dpi) and (max-resolution: 239dpi),
(min-resolution: 1.5dppx) and (max-resolution: 2.49dppx) {
    .search-gift-icon {background-image: url("../images/icon_sousuo@2x.png");}
}


@media (min--moz-device-pixel-ratio: 2.5),
(-webkit-min-device-pixel-ratio: 2.5),
(min-device-pixel-ratio: 2.5),
(min-resolution: 240dpi),
(min-resolution: 2.5dppx) {
    .search-gift-icon {background-image: url("../images/icon_sousuo@2x.png");}
}