.giftBox{ position:relative; width:100%; height:200px; background:#FFF;
 border-top:#e2e2e2 1px solid; font-size:14px; color:#6d6d6d; display:none; z-index:2;
}
.giftTit{
	  line-height:30px; height:30px; padding-left:15px;
}
.giftCon{ height:180px;border-top:#e2e2e2 1px solid;}
.giftNav{ height:40px;line-height:40px;border-top:#e2e2e2 1px solid;padding-left:15px; position:relative;}


.gift_one{ width:22%; height:84px;padding:2px; float:left; text-align:center; cursor:pointer; display:block;border:#ffffff 1px solid;} 
.gift_boder{ border:#ffa800 1px solid;}

.gift_one img{ width:22px;height:35px;} 
.gift_one span{ display:block; line-height:20px; color:#999999; font-size:12px;}
.gift_one .name{ margin-top:6px; color:#333; }
.money{ color:#ff9304; font-weight:bold; padding:0 5px ;}
.gift_do{ width:110px;line-height:15px;
border:1px solid #ffa200; height:24px;
border-radius:12px;
-moz-border-radius:12px; margin-top:5px; margin-right:10px;background:#ffa200; position:absolute; right:0px; top:0;}

.gift_do div{width:50px; padding:0; margin:0; padding-left:5px;line-height:24px;height:22px; border:0;
border:1px solid #FFF; height:22px;
border-top-left-radius:11px;
border-bottom-left-radius:11px;
-moz-border-radius:11px; float:left; background:#FFF; cursor:pointer;
 }
.gift_do .gbtn {line-height:15px; background:none; width:50px; text-align:center;height:24px; border:0; padding:0 5px; color:#fff6b5;float:left;}
.gift_do .gnum{ float:left; width:35px; text-align:center;}
.gift_do .jt1{
    width: 0;
    height: 0;
    border: 6px solid;
    border-color:  transparent transparent  #ffa200 transparent ;
	float:left;position: relative;
 
}
.gift_do .jt1::after{
    content: '';
    position: absolute;
	top: -3px;
	left: -6px;
    border: 6px solid;
    border-color: transparent transparent  white transparent ;
}
.gift_do .jt2{
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: #ffa200 transparent transparent  transparent ;
	float:left;position: relative;
	margin-top:10px;
 
}
.gift_do .jt2::after{
    content: '';
    position: absolute;
	top: -8px;
	left: -6px;
    border: 6px solid;
    border-color: white transparent transparent   transparent ;
}


.gift_show{
	height:40px;border-radius:20px;
	-moz-border-radius:20px;background: rgba(0,0,0,0.4);
	position:absolute;
	top:100px;
	width:35%;
	 z-index:9999; left:100%; display:none;
}
.gs2{top:190px;}

.gift_show .uimg{position:absolute; height:36px; width:36px;border-radius:18px; background:#FFF; left:4px;top:2px;}
.gift_show .name{color:#FFF;position:absolute; top:2px; left:50px;}
.gift_show .txt{position:absolute; top:20px; left:50px; color:#FF0; font-size:12px;}
.gift_show .gift_img{ position:absolute;left:80px; top:-100px;}
.gift_show .txt2{   position:absolute;left:200px;color:#F00; font-weight:bold;  font-size:40px; -webkit-text-stroke: 1px black;

    background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#e8f604), to(#f60f04), color-stop(0.5,#f60f04));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
}
.gift_show .close{ position:absolute;left:10px;font-size:14px;  top:-25px; width:50px; background: rgba(0,0,0,0.3); color:#FF0;border-radius:10px; text-align:center; line-height:20px; z-index:1000;}

.tag{ color:#F00; text-align:center; line-height:30px; position:absolute; right:0; width:100px; bottom:30px; background:#FFF; padding:5px;display:none;}
.p_list{
position:absolute; right:25px; width:130px; bottom:40px; padding-top:5px; height:170px; background:#FFF;
border-radius:5px; display:none;
-moz-box-shadow:0px 0px 20px #CFCFCF; -webkit-box-shadow:0px 0px 20px #CFCFCF; box-shadow:0px 0px 10px #CFCFCF;
}
.p_list li{ list-style:none; display:block;line-height:20px; height:24px;}
.p_list li:hover{ background:#f1f1f1}
.p_list li span{ display:block; float:left; text-align:center;  color:#888}
.p_list li .num{ width:40%; color:#ff9304; }
.p_list li .txt{ width:60%;}

.or_nav{ margin:5px 0; width:180px; height:25px; background:#FFF; border:1px solid #b2b1b7;
border-radius:13px; line-height:25px;
}

.or_nav li{ float:left; width:33.3%;border-radius:13px; font-size:12px;}
.or_nav .hover{ background:#b2b1b7;color:#FFF;}

.order{ margin:15px 5px;}
.order li{list-style:none; display:block;line-height:24px; height:30px; border-bottom:1px solid #eeeeee; margin-top:7px;}
.order li span{ display:block; float:left; text-align:center; color:#2a2a2a; font-size:14px;border-radius:2px;}
.order li .pm{ width:20px; height:20px;color:#FFF; background:#c2bfc6; line-height:21px; margin-right:10px;}
.order li .price{ float:right; margin-right:10px;}
.order li .c1{ background:#ff574e}
.order li .c2{ background:#fe8a27}
.order li .c3{ background:#ffb727}

.uimg{ background-color:#CCC;border-radius:26px; width:50px; height:50px; border:1px solid #CCC;
}
.dialog,.dialog2{  position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-size: 16px;
        text-align: center;
        background-color: rgba(0, 0, 0, .4);
        z-index: 999; display:none;}
.or_show,.or_show2{ width:180px;  padding-top:5px; height:170px; background:#FFF;
border-radius:5px;
-moz-box-shadow:0px 0px 20px #CFCFCF; -webkit-box-shadow:0px 0px 20px #CFCFCF; box-shadow:0px 0px 10px #CFCFCF;
        position: relative;
        margin: 15% auto;
        width: 200px;
		margin-top:240px;
}
.or_show2 .mess{ height:50px; line-height:50px; margin-top:5px; font-size:18px; font-weight:bold;}


.or_show .uimg{ margin-top:15px;}
.or_show .uname{ font-size:12px; padding-right:5px;}

.or_show  .or_show_btn,.or_show2 .or_show_btn2{ border-top:1px solid #dddddd; position:absolute; bottom:0; width:100%; padding:10px; box-sizing:border-box;}
.or_show  .or_show_btn span{ padding:0 26px; cursor:pointer; display:block; float:left; }

.or_show2{ width:230px;height:220px;}
.or_show2 .or_show_btn2{
 top:60px;
}
.or_show_btn2 span{ cursor:pointer; display:block; width:120px; padding:5px; margin:6px auto; color:#999;border:#f1f1f1 1px solid; border-radius:3px;}
.or_show_btn2 .view{ background:#ffa200; color:#FFF; height:30px; top:60px; margin-bottom:10px;line-height:30px;border:none; }
.or_show_btn2 .close_day{}
.or_show_btn2 .close{}

.container{
   width: 100%; 
   height: 180px;
   position: absolute;
}
.viewport{
   width: 500%;
   height: 100%;
   display: -webkit-box;
   overflow: hidden;
   /*pointer-events: none; 去掉这句话*/
   -webkit-transform: translate3d(0,0,0);
   backface-visibility: hidden;
   position: relative;
}
.pageview{
    -webkit-box-flex: 1;
    width: 0;
    margin: 0 5px;
}
.pagenumber{
    display: -webkit-box;
    position: absolute;
    bottom: 3%;
    left: 35%;
    height: 1em;
    width: 30%;
}
.pagenumber div{
    -webkit-box-flex: 1;
    width: 0;
    position: relative;
}
.pagenumber .now:after {
    background: #ffa200 !important;
}
.pagenumber div:after{
    content: "";
    width: 6px;
    height: 6px; 
    background: rgba(0,0,0,0.3);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -3px;
    margin-left: -3px;
}
.giftBox{ width:100%; overflow:hidden !important;height:220px;}
.u_set{ display:none;}
.aBtn{ color:blue; cursor:pointer;}
.mykazuo{ display:none;}
.gift_one .price{ font-style:normal;}
.container .pre{ position:absolute; left:10px; height:20px;top:50%; color:#666; display:none}
.container .next{ position:absolute; right:10px; height:20px;top:50%; color:#666;display:none}
/*.gift_show{left:10%; display:block;}*/
.gtop{ position:absolute; top:95px;  z-index:1000;}
.gtop2{ background:#000; height:25px;}
.gtop3{ position:absolute; top:65px;  z-index:1000;}
.gtop4{ position:absolute; top:35px;  z-index:1000;}
.gtop5{ position:absolute; top:125px;  z-index:1000;}
.gtop6{ position:absolute; top:155px;  z-index:1000;}

.gift_top_txt{text-shadow: 2px 2px 2px black; font-size:16px; line-height:25px; text-align:center;  width:100%;
color:#FF0; font-weight:bold; display:none;}
.gift_top_txt  span{ color:#FFF;}
.gift_top_txt marquee{ width:100%; position:absolute;top:0;left:0;}
.uimg_set{ margin:0 auto; width:100px;}