@charset "utf-8";
html,body {width:100%;height:100%;font-style:normal; background-color:#f3f3f3;}
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, span,a,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td{
margin: 0;
padding: 0;
border: 0;
outline:none;
font-size:14px;
color:#333;
font-family:'Microsoft YaHei'; 
}

a{ 
    text-decoration:none; outline:none;border:0px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
input::-ms-clear {
    display: none;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #aaa;
  font-size: 14px;
}
li,dl,dt,dd{ list-style:none; }

.shenglv { 
  display: block; 
  white-space: nowrap; 
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis; 
  overflow: hidden;
}

/*footer*/
.menu{ position:fixed; z-index:10000; left:0; right:0; bottom:0; width:100%; height:50px; box-sizing:border-box; border-top:1px #e8e8e8 solid; background-color:#fff;}
.menu_icon{ 
    width:100%; height:100%; text-align:center;
    display:flex;flex-direction:row;flex-wrap:nowrap;
    justify-content: space-around;align-items:center;
}
.menu_icon li{ 
    width:20%;
    /*flex:1 1 auto;*/
}
.menu_icon li a{ 
    display:block;
    width:100%;
    text-align:center;
}
.menu_icon li a i{ 
    font-size:24px;
}
.menu_icon li a span{ 
    display:block;
    width:100%;
    line-height:15px;
}
.menu_icon a,.menu_icon span{ font-size:12px!important; color:#666;}
.menu_icon a span:hover,.menu_icon a i:hover,a.menuItemActive span,a.menuItemActive i{ color:#f60;}
.menuHeight{height:50px;}
.beian{text-align:center;height:25px;}
.beian a{color:#aaa;font-size:11px;}

/**rightBar*/
.rightBar{
    right:3px;
    top:42%;
    width:44px;
}
.rightBar li{
    width:100%;
    height:44px;
    background-color:rgba(0,0,0,0.6);
    margin-bottom:8px;
    text-align:center;
    border-radius:22px;
    /*display:flex;
    align-items:center;*/
}
.rightBar li a{ 
    display:block;
    width:100%;
    padding-top:2px;
}
.rightBar li i{ 
    font-size:24px;
}
.rightBar li span{ 
    display:block;
    width:100%;
    font-size:10px;
    line-height:12px;
}
.rightBar li i,.rightBar li span{ 
    color:#b1ebaa;
}
.rightBar li:first-child i,.rightBar li:first-child span{ 
    color:#fcf2a3;
}
.moveTop {
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
}
.qrcodeBox{
    display:none;
    width:200px;
    background-color:#fff;
    padding:15px;
    border-radius:5px;
    -webkit-border-radius:5px;
}
.qrcode{
    display:none;
    width:100%;
    text-align:center;
}
.qrcode img{
    width:170px;
    height:170px;
    border:0px;
}
.qrcode span{
    display:block;
    /*font-size:12px;*/
    color:#888;
    padding:6px 0px;
    background-color:#f3f3f3;
    border-radius:13px;
}
.qrcode a{
    color:#f60;
}
.qrcode div{
    padding:10px 0px;
    /*font-size:12px;*/
    color:#f60;/*#038115;*/
    line-height:20px;
}

/** shopCart */
.shopcart{
    position:relative;
}
.shopcart label{
    display:inline-block;
    position:absolute;
    z-index:1000;
    right:-7px;
    top:-5px;
    width:16px;
    height:16px;
    background-color:#f60;
    color:#fff;
    text-align:center;
    line-height:18px;
    font-size:10px;
    border-radius:8px;
    -webkit-border-radius:8px;
}

/*flex*/
.flexBetween{
    display: flex;
    justify-content: space-between;
}
.flexAround{
    display: flex;
    justify-content: space-around;
}

/*fixBox*/
.fixBox {
    position:fixed!important;
    z-index:100000;
}
.fixCenterBox {
    position:fixed;
    z-index:100002;
    left:50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.boxShadow {
    -moz-box-shadow: 6px 6px 5px 0px #999; /* 老的 Firefox */
    box-shadow: 6px 6px 5px 0px #999;
}
.shadeBox{
    display:none;
    position:fixed;
    z-index:100001;
    left:0px;
    top:0px;
    bottom:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.3);
}
/* ulCheckBoxList*/
.ulCheckBoxList {
    display: flex;
    justify-content: space-between;
    width:100%;
}
.ulCheckBoxList li{
    width:auto;
    height:36px;
    line-height:36px;
    margin-right:1.25%;
    /*padding:0px 12px;*/
    box-sizing:border-box;
    cursor:pointer;
    font-size:14px;
    font-family:'Microsoft YaHei';
    background-color:#f1f1f1;
    border-radius:5px;
    text-align:center;
}
.ulCheckBoxList li:last-child{
    margin-right:0;
}
.ulCheckBoxListChecked {
    box-sizing:border-box!important;
    border:1px solid #ff9900;
    background-image:url(/themes/mobile/images/selected.png);
    background-position:right bottom;
    background-repeat:no-repeat;
    background-size:16px 16px;
    color:#f90;
}
/*upArrow*/
.upArrowBox {
  width:100%;
  padding:15px 8px;
  box-sizing:border-box;
  padding-top:10px;
  margin-bottom:10px;
  background:#fff;
  position: relative;
  border: 1px solid #ddd;
}
.upArrowBox:after, .upArrowBox:before {
  border-width: 9px;
  border: solid transparent;
  content: ' ';
  height: 0;
  left: 52px;
  position: absolute;
  width: 0;
}

.upArrowBox:after {
  border-bottom-color: #fff;
  top: -18px;
}

.upArrowBox:before {
  border-bottom-color: #ccc;
  top: -19px;
}

/*ulListCheckBox*/
.ulListCheckbox{
    width:100%;
    /*height:190px;*/
    overflow-y:auto;
    box-sizing:border-box;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
.ulListCheckbox li{
    padding:15px 0px;
    border-top:1px solid #eee;
    display:flex;
}
.ulListCheckbox li:first-child, .ulListCheckbox li:nth-child(2){
    border-top:0px;
}
.ulListCheckbox li span{
    display:inline-block;
    width:16px;
    height:16px;
    border:1px solid #666;
    box-sizing:border-box;
    background-color:#fff;
    -webkit-border-radius:8px;
    border-radius:8px;
    margin-right:10px;
    margin-top:2px;
    vertical-align:middle;
}
.ulListCheckbox li label{
    display:inline-block;
    vertical-align:middle;
}
.ulListChecked span{
    border-color:#ff6600!important;
    background:url(/themes/Mobile/images/checkbox-marked-circle.png) no-repeat;
    background-position:center center;
    background-size:18px 18px;
}
.ulListDown{
    padding-left:10px;max-height:70vh;overflow:scroll!important;
}
/*slideUp Box*/
.slideUpShade{
    display:none;
    position:fixed;
    z-index:100001;
    left:0px;
    top:0px;
    bottom:0px;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
}
.slideUpBox{
    display:none;
    position:fixed;
    z-index:100002;
    left:0px;
    bottom:0px;
    width:100%;
    background-color:#fff;
    padding:5px 10px;
    box-sizing:border-box;
    height:420px;
}
.slideUpHead{
    display:flex;
    width:100%;
    padding:10px 0px;
}
.slideUpHead span{
    flex:2.5;
    font-weight:bold;
    line-height:32px;
    font-size:16px;
}
.slideUpHead i{
    margin:5px 20px;
    font-size:22px;
    color:#aaa;
}
.slideUpHead a{
    flex:1;
    background-color:#ff6600;
    text-align:center;
    color:#fff;
    line-height:32px;
    height:32px;
    -webkit-border-radius:3px;
    border-radius:3px;
    margin-left:8px;
}
.slideUpHead a:last-child{
    background-color:#fafafa;
    color:#666;
    border:1px solid #ddd;
    box-sizing:border-box;
}
.slideUpBody{
    width:100%;
    height:350px;
}
/*
    底部弹出框
*/
.dialog {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
.dialog_show {
  visibility: visible;
  opacity: 1;
}
.dialog_mask {
  position: fixed;
  z-index: 100001;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
}
.dialog_actionsheet {
  position: fixed;
  left: 0;
  bottom: 0;
  transform: translate(0, 100%);
  backface-visibility: hidden;
  z-index: 100002;
  width: 100%;
  background-color: #fff;
  transition: transform 0.3s;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px; 
  overflow: hidden;
  padding-bottom: calc(env(safe-area-inset-bottom));
}

.dialog_actionsheet_toggle {
  transform: translate(0, 0);
}

/*
    个人中心顶部导航
*/
.topNavBar{
    width:100%;
    left:0px;
    top:0px;
    background-color:#fff;
}
.topNavBar li{
    width:80px;
    text-align:center;

}
.topNavBar li a{
    display:inline-block;
    padding:18px 0px 12px 0px;
    position:relative;
    font-size:16px;
}
.topNavBar li span{
    display:inline-block;
    position:absolute;
    z-index:1000;
    right:-8px;
    top:8px;
    width:16px;
    height:16px;
    background-color:#f60;
    color:#fff;
    text-align:center;
    line-height:18px;
    font-size:10px;
    border-radius:7px;
    -webkit-border-radius:8px;
}
li.active-btn a{
    border-bottom:2px #f60 solid;
    font-size:18px;
    font-weight:bold;
    color:#f60;
}


/**子页面顶部*/
.topBar{
    position:fixed;
    z-index:100;
    top:0px;
    left:0px;
    width:100%;
    padding: 8px;
    box-sizing:border-box;
    background-color:#fff;
    border-bottom:1px solid #eee;
    align-items:center;
}
.topBar span{
    font-size:16px;
    color:#038115;
    height:27px;
    line-height:27px;
    /*border-left:2px solid #f60;
    padding-left:18px;*/
    /*background-image:url(/themes/Mobile/images/logo32.png) ;
    background-repeat:no-repeat;
    background-position-y:center;
    background-size:16px 16px;*/
}
.topBar strong{
    font-size:16px;
}
.topBar div{
    width:auto;
}
.topBar a{
    display:inline-block;
    margin-right:10px;
}
.topBar i{
    font-size:25px;
    color:#038115;
}
.topBarSpace{padding-top:52px!important;}
.bottomBarSpace{padding-bottom:45px!important;}
.searchBox{
    width:85%!important;
    top:44px!important;
    transform:translateX(-50%) translateY(0)!important;
}
.searchBox div{
    width:100%;
    padding:20px 0px;
    text-align:center;
}
.searchBox input,.searchBox a{
    display:inline-block;
    padding:0px 8px;
    height:40px;
    line-height:40px;
    border:0.5px solid #038115;
    box-sizing:border-box;
    vertical-align:middle;
}
.searchBox input{
    width:80%;
}
.searchBox a{
    text-align:center;
    width:20%;
    border-left:0px;
    background-color:#038115;
}
.searchBox i{
    font-size:24px;
    color:#fff;
}
.searchBox p{
    text-align:left;
    padding:10px 0px 2px 0px;
    color:#999;
}
.searchBox p span{
    color:#f60;
    margin-left:5px;
}
.noData{
    width:100%;
    text-align:center;
    margin-top:50px;
    font-size:18px;
    color:#999;
}
/*
    switchBox
*/
input[type="checkbox"].switchBox {
    display: none;
}
input[type="checkbox"].switchBox + label {
    display: inline-block;
    width: 40px;
    height: 20px;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    box-sizing: border-box;
    background: #eee;
    border-radius: 20px;
    box-shadow: 1px 1px 3px #aaa;
}
input[type="checkbox"].switchBox + label:after {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
    background: #fff;
    border-radius: 50%;
    box-shadow: 1px 1px 3px #aaa;
}
input[type="checkbox"].switchBox:checked + label.red {
    background: #f90;
}
input[type="checkbox"].switchBox:checked + label.red:after {
    background: #f60;
}
input[type="checkbox"].switchBox:checked + label:after {
    left: calc(100% - 20px);
}
/* favoriteColor*/
.favoriteCheced{
    color:#f60!important;
}