body{background: #f4f4f4;font-size: 14px;color:#000;margin: 0;padding: 0;}
.swiper-container{width: 96%;height: 160px;margin: 0 auto;border-radius: 4px;
background-image: -webkit-linear-gradient(top,rgba(0, 0, 0, 0.5) 2%,rgba(255, 255, 255, 0.5) 50%,rgba(0, 0, 0, 0.5) 100%);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 2%, rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0.5) 98%, rgba(0, 0, 0, 0.5) 99%); 
/*border: 1px solid #B9B9B9;  background-color:#fff;*/
box-shadow: 1px 1px 1px #6d6d6d;
}
.swiper-slide{text-align: center;font-size: 12px;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-active{position: absolute;height:32px;width:100%;top: 64px;left: 0;background-color: rgba(0,0,0,0.2); /*border-radius: 4px;*/ -webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10;}
.swiper-title{text-align:center;padding:5px;font-size:16px;font-family: microsoft yahei;}
.swiper-price{text-align:center;padding:5px;font-size:16px;margin-top: 50px;/*font-weight: bold;*/}
.swiper-btn{text-align:center;padding:2px 5px;font-size:14px;width:60%;margin: 30px auto 0;background-color: #38A2C5;border-radius: 4px;text-shadow:#318DAC 1px 0 0,#318DAC 0 1px 0,#318DAC -1px 0 0,#318DAC 0 -1px 0;color:#fff;cursor: pointer;}
.swiper-slide-active{/*font-weight:bold;*/    font-size: 16px;}
.select_box{width:98%;margin:0 auto;}
.select_box .box{width:33.3%;float:left;}
.portrait .select_box .box{width:33.3%;float:left;}
.landscape .select_box .box{width:16.6%;float:left;}
.order_list{margin-top:10px;}
.order_list .list{background-color:#fff;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;line-height: 40px;margin-bottom:10px;}
.order_list .list .list_header{/*color:#38A2C5;*/padding:0 10px;}
.order_list .list .list_cols{color:#636363;line-height: 30px;padding:0 10px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;margin-bottom: -1px;overflow: hidden;position: relative;padding: 8px 0;}
.right-col .price{font-size: 14px;color: #515151;text-align: right;line-height: 16px;}
.right-col .num{font-weight: 200;text-align: right;margin-top: 3px;padding: 0;color: #555;}
.list_cols .detail{ margin: 0 10px;width: auto;position: relative;font-size:12px;}
.list_cols .detail img{ max-width:100%;}
.list_cols .right-col{position: absolute;right: 0px;top: 8px;width: 78px;padding-right: 10px;font-size: 12px;}
.order_list .list .list_footer{color:#38A2C5;padding:0 10px;}
.opt-btn{display: inline-block;/*margin-top: -6px;*/float: right;}
.list_footer .btn{text-align:center;line-height:19px;min-width:50px;height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display: inline-block;border: 1px solid #38A2C5;border-radius: 3px;padding: 5px 4px;margin: 0;font-size: 12px;cursor: pointer;line-height: 18px;-webkit-appearance: none;color: #fff;text-shadow:#318DAC 1px 0 0,#318DAC 0 1px 0,#318DAC -1px 0 0,#318DAC 0 -1px 0;background-color: #38A2C5;}
/*.list_footer .btn{margin-left:5px;padding:4px 4px;text-align:center;line-height:19px;min-width:50px;height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display: inline-block;background-color: #fff;border: 1px solid #e5e5e5;border-radius: 3px;padding: 5px 4px;margin: 0;font-size: 12px;cursor: pointer;line-height: 18px;-webkit-appearance: none;color: #014963;border: 1px solid #6fb1c7;background-image: -moz-linear-gradient(#aae5f7, #73d0f1);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7));background-image: -webkit-linear-gradient(#aae5f7, #73d0f1);background-image: -o-linear-gradient(#aae5f7, #73d0f1);text-shadow: 1px 1px 1px #bfeafb;background-color: #73d0f1;}*/
.input-mishu{width:40px;padding:5px;border: 1px solid #dedede;text-align:center;}



.order_box{
	position: -webkit-sticky; 
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    display: none;
    background: #202020;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8;
}