@charset "utf-8";
/*common*/
* {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
}
::-webkit-scrollbar{width:0px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0;padding:0;}
ul, ol, li {
    list-style: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
html, body {
    background: #fff;
    margin: 0 auto;
    max-width: 640px;
    font-size: 14px ;
    color: #000;
    font-family: "微软雅黑";
    zoom: 1;
    overflow: hidden;
    /*overflow-y: auto;*/
    -webkit-overflow-scrolling: touch;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
li{list-style:none;}
a{ text-decoration:none;outline:none;}
a:hover{ cursor:pointer;}
th, td{vertical-align:top;}
a,a:focus, a:hover{text-decoration: none;}
/*common*/


.price_label{
    font-size: 15px;
    color: #ff5366;
    font-weight: 400;
    display: inline-block !important;
    padding :0px !important;
    margin-bottom: 0px !important;
}
.unit_span{
    font-size: 13px;
    color: #a5a5a5;
    margin: 0 2px;
}
.container{
    width:auto;
    padding:0;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.pull-left {
    float: left;
}
:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.menu{
    position: fixed;
    bottom: 15px;
    z-index: 999999;
    margin: 0;
    display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    margin-left: 15px;
}
#footer{
    position: fixed;
    bottom: 0;
    z-index: 999;
    margin: 0;
    display: inline-block;
    width: 100%;
}

#header{  position: relative;}
.pheader{  position: relative;}
#wabcontent{ margin: 0px auto; overflow-x: hidden; overflow-y: auto; }
/*#wabcontent{ margin: 0px auto; overflow-x: hidden; overflow-y: auto; width: 102%;padding: 0 2% 0 0;}*/
.red { color: red;}

.public_header{display:block; top:0;  width:100%; height:45px; overflow:hidden;  z-index:10;position: relative;}
.public_header .public_left{display:block; float:left; width:20%; height:45px; text-align:left;}
.public_header .public_left img{ width:32px; height:32px; padding-top:7px; padding-left:5px;}
.public_header .public_right{display:block; float:right; width:15%; height:45px; text-align:right;}
.public_header .public_right a{ margin:7px 10px 0 0 ;display:block; float:right; text-align:center; width:50px; height:35px; line-height:35px; border-radius:3px; color:#FFF;background: -webkit-gradient(linear,0 0,0 100%,color-stop(0,#ff9900),color-stop(.90,#ff6600)); -webkit-box-shadow: 0 0px 1px #ff2200;}
.public_header .public_right img{ width:32px; height:32px; padding-top:7px; padding-right:5px;}
.public_title{display:block; float:left; width:60%; text-align:center; height:45px; line-height:45px; font-size:16px;}
.p_header_div{width:100%;height:45px;}
#header .public_left img:hover,#header .public_right img:hover{cursor: pointer;}

.clear{clear: both!important;}

#loading{position: absolute;  z-index: 50000; top: 50%;margin: 0 auto;}
#loading img{    margin: 0 auto;display: block;}


.carousel-control{opacity: 0!important;}

.jconfirm >.jconfirm-scrollpane > .container{
    width: 90%;
    margin: 0 auto;
}
/*苹果safari 滑动不了  设置一个初始值 再js控制高度*/
#wabcontent{height: 300px;}


/* 公共tab头部样式 */
.nav-comm-wrap{
    display: block;
    width: 100%;
    overflow: auto;
    background-color: #F5F5F5;
    z-index: 10;
    position: relative;
}
.header-opt-wrap{
    width: 100%;
    height: 45px;
    background: #fff;
    z-index: 1;
    border-bottom: 1px solid #ccc;
    display: block;
}
.header-opt-wrap span {
    float: left;
    font-size: 14px;
    text-align: center;
    height: 45px;
    line-height: 45px;
    color: #565656;
    border: none;
}
.header-opt-selected {
    margin-top: 5px !important;
    height: 40px !important;
    line-height: 35px !important;
    border-bottom: 2px solid #1C51A2 !important;
    color: #1C51A2 !important;
}

/* one item */
.header-opt-wrap span:first-child:nth-last-child(1) {
    width: 100%;
}
/* two items */
.header-opt-wrap span:first-child:nth-last-child(2),
.header-opt-wrap span:first-child:nth-last-child(2) ~ span {
    width: 50%;
}
/* three items */
.header-opt-wrap span:first-child:nth-last-child(3),
.header-opt-wrap span:first-child:nth-last-child(3) ~ span {
    width: 33.3333%;
}
/* four items */
.header-opt-wrap span:first-child:nth-last-child(4),
.header-opt-wrap span:first-child:nth-last-child(4) ~ span {
    width: 25%;
}
/* five items */
.header-opt-wrap span:first-child:nth-last-child(5),
.header-opt-wrap span:first-child:nth-last-child(5) ~ span {
    width: 20%;
}
/* six items */
.header-opt-wrap span:first-child:nth-last-child(6),
.header-opt-wrap span:first-child:nth-last-child(6) ~ span {
    width: 16.6666%;
}
/* seven items */
.header-opt-wrap span:first-child:nth-last-child(7),
.header-opt-wrap span:first-child:nth-last-child(7) ~ span {
    width: 14.2857%;
}
/* eight items */
.header-opt-wrap span:first-child:nth-last-child(8),
.header-opt-wrap span:first-child:nth-last-child(8) ~ span {
    width: 12.5%;
}
/* night items */
.header-opt-wrap span:first-child:nth-last-child(9),
.header-opt-wrap span:first-child:nth-last-child(9) ~ span {
    width: 11.1111%;
}
/* ten items */
.header-opt-wrap span:first-child:nth-last-child(10),
.header-opt-wrap span:first-child:nth-last-child(10) ~ span {
    width: 10%;
}