@charset "utf-8";
/* CSS Document */
.page-ourCenterHaveGift{
	background-color:#fff;
}
.page-ourCenterHaveGift div.imgbg{
	position:absolute;
	width:94px;
	height:16px;
    left:50%;
    top:-16px;
    margin-left:-47px;
	background:url(../images/photobg.png) no-repeat center center;
	background-size:94px 16px;
}
.giftHeader{
	background-color:#FF5961;
	box-shadow:none;
	z-index:0;
}
.giftHeader .leftBut{
	background:url(../images/arrow_gift.png) no-repeat center center;
	background-size:17px 9px;
}
.ourCenterHaveGift_box div.top ol{
	display:-webkit-box;
}
.ourCenterHaveGift_box div.top ol li{
	width:35%;
	height:101px;
	text-align:center;
	line-height:2;
}
.ourCenterHaveGift_box div.top ol li:nth-child(2){
  	width:30%;
  	line-height:1;
}
.ourCenterHaveGift_box div.top ol li:nth-child(2) div.photoDiv{
	position:relative;
	width:85px;
	height:85px;
	border-radius:50px;
	margin:0 auto;
	overflow:hidden;
    top:-12px;
}
.ourCenterHaveGift_box div.top ol li:nth-child(2) div img{
	width:85px;
  height:85px;
	display:block;
    border-radius:50px;
}
ourCenterHaveGift_box div.top ol li:first-child p span.icon{
	display:inline-block;
	width:12px;
	height:13px;
	background:url(../images/peopleIcon.png) no-repeat center center;
	background-size:12px 13px;
}
.ourCenterHaveGift_box div.top ol li:first-child p span,.ourCenterHaveGift_box div.top ol li:last-child p.p1 span{
	font-size:14px;
	color:#8A8989;
}
.ourCenterHaveGift_box div.top ol li:first-child p span.span2{
	margin-left:1px;
  margin-bottom: 6px;
  vertical-align: middle;
  line-height: 16px;
  height: 16px;
  display: inline-block;
}
.ourCenterHaveGift_box div.top ol li:last-child p span.icon{
	display:inline-block;
	width:17px;
	height:13px;
	background:url(../images/xfIcon.png) no-repeat center center;
	background-size:17px 13px;
}
.ourCenterHaveGift_box div.top ol li:first-child p,.ourCenterHaveGift_box div.top ol li:last-child p.p1{
	padding-top:18px;
}
.ourCenterHaveGift_box div.top ol li:last-child p span.icon.k-vip{background:url(../images/k-vip.png) no-repeat center center;
    background-size:17px 13px;}
.ourCenterHaveGift_box div.middle ul {display: -webkit-box;}
.ourCenterHaveGift_box div.middle ul li{width:33.33%;height:80px;line-height:130px;text-align: center;color:#fff;}
.ourCenterHaveGift_box div.middle ul li:first-child{background:#ff964e url(../images/gift_card.png) no-repeat center 14px;background-size:44px 36px;}
.ourCenterHaveGift_box div.middle ul li:nth-child(2){background:#ff7857 url(../images/gift12.png) no-repeat center 14px;background-size:34px 32px;}
.ourCenterHaveGift_box div.middle ul li:nth-child(3){background:#ff964e url(../images/gift13.png) no-repeat center 6px;background-size:48px 48px;}
.ourCenterHaveGift_box div.middle ul li:last-child{background:#ff5a61 url(../images/gift14.png) no-repeat center 13px;background-size:38px 38px;}
.gift_card{background:#ff964e url(../images/gift_card.png) no-repeat center 15px;background-size:42px 31px;}
.gift_pay{background:#ff7857 url(../images/gift_pay.png) no-repeat center 15px;background-size:31px 34px;}
.gift_record{background:#ff5a61 url(../images/gift_record.png) no-repeat center 15px;background-size:30px 32px;}
.down ul li table tr td.gift_card,.down ul li table tr td.gift_pay,.down ul li table tr td.gift_record{color:#fff;height:80px;}
.gift_card .icon,.gift_pay .icon,.gift_record .icon{height:40px;}
.pName{
	font-size:16px;
	color:#575858;
  display:inline-block;
  margin-top:3px;
}
.down ul li table div.icon img{
	width:60px;
	height:60px;
}
.down ul li table tr td{
	height:105px;
	text-align:center;
}
.down ul li table {
	width: 100%;
	height:auto;
}
.down ul li table{ border-collapse:collapse;}
.down ul li table tr td{ /*border:1px solid #DADADA;*/}
.down ul li table .text{
	font-size:14px;
}
.down ul li table .gift_card_txt{
	font-size:12px;
}
.down ul li table .gift_record_text{
	font-size:12px;
}

.giftBody{
	position:absolute;
	width:100%;
}
.dotDiv{
	margin-bottom:20px;
	height:28px;
}
#giftdot li{
	list-style: none;
	display:inline-block;
	background-color:#D8D8D8;
	width:8px;
	height:8px;
	border-radius: 5px;
	margin: 0 3px;
}
#giftdot li.active{
	border:1px solid #9F9F9F;
	background: #9F9F9F;
}
#giftdot{
	text-align:center;
}
/*.ourCenterHaveGift_box ol li:nth-child(3) span.icon i{
	display:block;
	float:right;
	margin-top:-2px;
	margin-right:-2px;
	border-radius:50px;
	width:6px;
	height:6px;
	background-color:#FF5961;
}*/
.ourCenterHaveGift_box ol li:first-child span.icon{
	display:inline-block;
	width:12px;
	height:13px;
	background:url(../images/peopleIcon2.png) no-repeat center center;
	background-size:12px 13px;
}

.ourCenterHaveGift_box ol li:first-child span.icon.yuan {
    width:16px;height:16px;
    background: url(../images/yuan-icon.png) no-repeat center center;
    background-size: 16px 16px;
}

.membercenter span.icon-k {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/k-icon.png) no-repeat center center;
    background-size: 16px 16px;
}



.am-carrousel-inner table tr td,.ourCenterHaveGift_box ol li{
	position:relative;
}
.haveNoGift{
	width:100%;
	margin-top:-106px;
	display: none;
}
.haveNoGift img{
	width:100%;
	display:block;
}
.pocketUnreadCount, .msgUnreadCount {
    background-color: red;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    position: absolute;
    right: 25px;
    top: 5px;
    z-index:20;
    line-height: 25px;
    font-family:"微软雅黑","Helvetica";
}

/*.ourCenterHaveGift_cover{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:3;
    background:rgba(0,0,0,.6);
}
.ourCenterHaveGift_cover .bg_c{
    position:absolute;
    width:230px;
    height:144px;
    right:80px;
    top:220px;
    background:url(../images/bg_c.png) no-repeat center center;
    background-size:230px 144px;
}*/

.message .text sup{display: inline-block;-webkit-border-radius: 50px;border-radius: 50px;width: 6px;height: 6px;background-color: #FF5961;}

.ourCenterHaveGift_cover .myCanvas{position: absolute;  top: 0px;right:0%;}
.ourCenterHaveGift_cover .icon{background:url(../images/gift14.png) no-repeat center 13px;
    background-size: 34px 34px;width:80px; text-align:center;color:#fff;padding:54px 0 0px;position:absolute;top:150px;right:4%;}



.ourCenterHaveGift_cover{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:3;
    background:rgba(0,0,0,.6);
}
.ourCenterHaveGift_cover .bg_c{
    position:absolute;
    width:200px;
    height:125px;
    right:30px;
    top:44px;
    background:url(../images/bg_c.png) no-repeat center center;
    background-size:200px 125px;
}
.myCanvas{position: absolute;top: 3px;right:3px;}
.ourCenterHaveGift_cover .icon{background: url(../images/scanning.png) no-repeat center 14px;
    background-size: 20px 16px;width:44px;height:44px;position: absolute;top:0;right:0;}

.page-ourCenterHaveGift .am-header div.btnScan {
    float: right;
    width: 20px;
    height: 16px;
    padding: 24px 24px 0 0;
    background: url(../images/scanning_white.png) no-repeat center 16px;
    background-size: 20px 16px;
}

/* 保存二维码至手机 */
.saveweima_content {
    background: #fff;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 90%;
    margin: -220px 0 0 -45%;
    height:440px;
    text-align:center;
    padding:28px 14px;
}
/*.saveweima_content {
    background: #fff;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 90%;
    margin: -193px 0 0 -45%;
    height:385px;
    text-align:center;
    padding:28px 14px;
}*/

.saveweima_content .notes{
    font-size:14px;
    color:#616161;
    margin-bottom:15px;
    text-align:left;

}

.saveweima_content .QRcode{
    width:100%;
    text-align:center;
    margin-bottom:15px;
}

.saveweima_content .QRcode img{
    width:115px;
}

.saveweima_content .icon_qrpop{
    width:210px;
    text-align:center;
    margin-bottom:5px;
}

.saveweima_content .notes_qr{
    overflow:hidden;
}

.saveweima_content .notes_qr li{
    float:left;
    font-size:10px;
    color:#616161;
    text-align:center;
    padding-bottom:15px;
    word-wrap:break-word;
    word-break:break-all;
    width:33%;
}

.save_button{
    display:block;
    font-size:16px;
    text-align:center;
    height:40px;
    line-height:40px;
    background:#ff5961;
    color:#fff;
}

.cancel_button{
    display:block;
    font-size:16px;
    text-align:center;
    height:40px;
    line-height:40px;
    background-color: #fff;
    color: #FF5961;
    letter-spacing:2px;
    text-decoration:underline;
    margin-top: 13px;
}

@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3) {
    .saveweima_content {
        margin: -205px 0 0 -45%;
        height:410px;
    }

/*@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3) {
    .saveweima_content {
        margin: -180px 0 0 -45%;
        height:360px;
    }*/
}


 .city.left{
  padding: 0 15px 0 5px;
  background: url(../images/select_icon.png)right center no-repeat;
  background-size: 12px 8px;
}