body {
    background-color: #ebebeb;
    max-width: 780px;
    scroll-behavior:smooth;
    /*padding-top: 1px;
    margin-top: -1px;*/
}
html {
    max-width: none;
    margin: 0 auto;
    background-color: #7F8C8D;
    height: 100%;
    max-width: 780px;
    scroll-behavior:smooth;
}

html,body,.container {
    min-height: 100%;
}
[v-cloak] {
    display: none;
}
*{
    position: relative;
}
body:before{
    content: " ";
    width: 100%;
    height: 200%;
    background: #ebebeb;
    position: fixed;
    max-width: 780px;
    top: -50%;
    padding-top: 58%;
    text-align: center;
    color:gray;
    font-size: 10px;
}


h1{
    font-size: 24px;
    font-weight: normal;
    color:#444;
    text-align: center;
    margin-top: .77em;
    margin-bottom: .3em;
    padding-left: 15px;
    padding-right: 15px;

}



@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.sm-btn {
    display: flex;
    background-color: #1abc9c;
    color: #fff;
    border-radius: 4px;
    width: 24px;
    height: 24px;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    font-weight:700;
    -webkit-align-items: center;
}
.sm-bar{
    font-size: 14px;
    min-height: 32px;
    padding:5 15px;
}

.text_box{
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space:nowrap;
}

.red_text{
    font-size:12px;
    border-radius:14px;
    background-color:#E74C3C;
    color:#fff;
    font-weight: bold;
    min-width: 16px;
    padding: 0 6px;
    height:22px;
    position: absolute;
    z-index: 5;
    border-bottom-left-radius: 2px;
    word-break: keep-all;
    border: #fff solid 2px;
    line-height:22px;
}
.sm-input{
    font-size:14px;
    border:1px lightgray solid;
    width:80px;
    text-align:center;
    height:28px;
    border-radius:4px;
}
.sm-text-btn {
    display: flex;
    background-color: #1abc9c;
    color: #fff;
    border-radius: 4px;
    width: auto;
    height: 24px;
    font-size:12px;
    padding: 2px 8px;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    font-weight: bold;
    -webkit-align-items: center;
}
.sm-text-btn+.sm-text-btn{
    margin-left:6px;
}
.link{
    color:#3498DB !important;
    font-weight:bold;
}

.blue{
    color:#3498DB !important;
}
.blue2{
    color:#2980B9 !important;
}
.green{
    color:#27AE60 !important;
}
.green2{
    color:#1abc9c !important;
}
.green3{
    color:#1abc9c !important;
}
.green4{
    color:#16A085!important;
}
.red{
    color:#E74C3C !important;
}
.red2{
    color:#C0392B !important;
}
.purple{
    color:#8E44AD !important;
}
.purple2{
    color:#9B59B6 !important;
}
.gray{
    color:#95A5A6 !important;
}
.gray2{
    color:#7F8C8D !important;
}
.orange{
    color:#e67e22 !important;
}
.orange2{
    color:#D35400 !important;
}
.yellow{
    color:#F1C40F !important;
}
.yellow2{
    color:#F39C12 !important;
}
.black{
    color:#2C3E50 !important;
}
.black2{
    color:#34495E !important;
}

.background-green{
    background-color:#27AE60 !important;
    color:#fff;
}
.background-green3{
    background-color:#1abc9c !important;
    color:#fff;
}
.background-orange{
    background-color:#e67e22 !important;
    color:#fff;
}
.background-purple{
    background-color:#8E44AD !important;
    color:#fff;
}
.background-red{
    background-color:#E74C3C !important;
    color:#fff;
}
.background-blue{
    background-color:#3498DB !important;
    color:#fff;
}
.background-gray{
    background-color:#95A5A6 !important;
    color:#fff;
}

.background-black{
    background-color:#2C3E50 !important;
    color:#fff;
}


.sticky{
    position: -webkit-sticky;
    position: sticky;
    z-index: 10;
    top:0px;
}
.top_sticky{
    z-index: 11;
}

a {
    color: inherit;
}
box2,.box2 {
    display: flex;
    justify-content: space-between;
    flex: 1;
    align-items: center;
}
box,.box {
    display: flex;
}
box1,.box1 {
    display: flex;
    align-items: center;
}
vbox,.vbox {
    display: flex;
    flex-direction:column; 
}
.weui_dialog .weui_cells{
    margin-top: 0;
}
.disable{
    pointer-events: none;
    opacity: 0.2;
}


.section_title{
            color:green;
            text-align:center;
        }

.weui_select{
    padding-left: 0;
}
.weui_btn{
    word-break:keep-all;
}
.weui_grids {
    background-color: #fff;
    
}
.weui_grids {
    background-color: #fff;
    
}
.weui_grid {
    height: 120px;
}
.scroll{
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.scrollx{
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
::-webkit-input-placeholder { 
            color: #aaaaaa;
        }
centerbox,.centerbox {
    display: flex;
    justify-content: center;
    align-items: center;
}
abox,.abox{
    position: relative;
    line-height: 50px;
    font-size: 17px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
abox:after,.abox:after{
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid rgba(0,0,0,.1);
    color: rgba(0,0,0,.1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}
.weui-label{
    width: 120px;
    padding-right: 15px;
}
.weui_dialog{
    max-width: 400px;
}
.weui_dialog_hd{
    color: #666;
    font-style:italic;
}
.weui_cell_hd {
    margin-right:8px;
}
.pointer-events {
    pointer-events: none;
}
.weui_cells_scroll:after,.weui_cells.scroll:after{
  border: 0;
}
.weui_cells_scroll:before,.weui_cells.scroll:before{
  border: 0;
}
.bottom_border_none:after{
  border: 0;
}
.top_border_none:before{
  border: 0;
}
.top_border,.bottom_border{
    position: relative;
}

.cell_wrapper:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid rgba(0,0,0,.1);
    color: rgba(0,0,0,.1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    left: 16px;
    right: 16px;
    z-index: 2;
    width: auto;
}

.top_border:before{
    content: " ";
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
    border-top: 1px solid #d9d9d9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.3);
    transform: scaleY(.3)
}
.bottom_border:after{
    content: " ";
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid #d9d9d9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.3);
    transform: scaleY(.3)
}
.arrow{
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    position: relative;
    top: -2px;
    top: -1px;
    margin-left: .3em;
}
.arrow_wrapper{
    padding-right: 15px;
}

.weui_cells_title{
  margin-top: 0;
  padding-top: .77em;
}
.weui_text_success {
    color: #04BE02;
}
.weui_text_warning {
    color: #EF4F4F;
}
.weui_label_median {
    width: 4em;
}
.weui_label_wide {
    width: 5em;
}
.weui_media_bd:after {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #C7C7CC;
    border-style: solid;
    position: relative;
    top: -2px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px;
}
.weui_cell_ft {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    flex: 2;
}
.weui_hint_plain_outer {
    display: block;
    margin-top: 1.17647059em;
    color: #61749B;
    width: 100%;
    text-align: center;
}
.weui_hint_plain_outer > span:after {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #61749B;
    border-style: solid;
    position: relative;
    top: -0.1em;
    left: 0.1em;
}
.weui_hint_primary {
    color: #04be02;
    text-align: center;
    margin: 1em auto;
}
.weui_hint_primary i {
    font-style: normal;
}
.weui_hint_primary .weui_icon_info_circle:before {
    font-size: 20px;
}
.number-input {
    font-size: 20px;
    color: #666;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 3px 0;
    text-align: center;
    border-radius: 1px;
}
.number-input,
.number-selector {
    float: left;
    height: 20px;
    border: 1px solid #ececec;
}
.number-selector {
    font-size: 25px;
    line-height: 18px;
    color: #3cc51f;
}
.number-selector.number-disabled {
    color: #ccc;
}
.number-selector-sub {
    border-right: none;
    padding: 3px 10px;
    border-radius: 2px 0 0 2px;
}
.number-selector-plus {
    border-left: none;
    margin-right: 5px;
    padding: 3px 8px;
    border-radius: 0 2px 2px 0;
}
.weui_navbar_item.weui_bar_item_on {
    color: #ffffff;
    background-color: #04BE02;
}
.weui_grid_desc{
    color:gray;
}
.toast_icon:before {
    font-size: 104px;
    color:#fff;
}
.tag {
    font-size: 12px;
    border-radius: 4px;
    padding: 4px;
    margin: 0 3px;
    background-color: #16A085;
    color: #fff;
    
}

.weui_btn_primary {
    background-color: #1abc9c;
}

.top_menu{
    position:fixed;
    right:20px;
    bottom:20px;
    background-color:#fff;
    width:120px;
    text-align:center;
    font-size: 14px;
    display: none;
    line-height: 40px
}
@media (min-width: 800px) {
    .top_menu { 
        display: block;; 
    }
}

.sm-fang {
    width: 32px;
   
} 
.page_desc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.weui_panel_hd p{
    margin-bottom: 8px;
}
h5{
    font-size: 14px;
    color: green;
}  

.weui_cell:before{
    right:15px;
    width: auto;
}

.weui-dialog__hd {
    padding: 0;
    min-height: 30px;
    padding: 10px 16px;
    background-color: #ECF0F1;
    color: #95A5A6;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.sm-btn {
    display: flex;
    background-color: limegreen;
    color: #fff;
    border-radius: 4px;
    height: 28px;
    width: 28px;
    justify-content: center;
    align-items: center;
}*/

.tab_btn{
    border-bottom: 3px solid #fff;
    font-size: 14px;
    padding: 0 5px;
}
.tab_btn.active{
    border-bottom: 3px solid #1abc9c;
    font-size: 14px;
}
.tab_cell{
    justify-content: space-around;
    color: #1abc9c;
    font-weight: bold;
    padding: 0 15px !important;
    line-height: 40px;
    flex-wrap: wrap;
}
.weui_panel .article h1,.weui_panel .article h2,.weui_panel .article h3,.weui_panel .article h4,.weui_panel .article h5,.weui_panel .article h6{
    margin: 15px;
}

.margin4{
    margin: 0 4px;
}

.weui_panel .article p{
    margin: 15px;
    color:#444;
}

.left_tag{
    padding: 10px 5px 10px 15px;
    word-break: break-all;

}
.left_tag.active{
    color: #27AE60;
    background-color: #fff;
    padding: 10px 5px 10px 8px;

}
.cell_tag {
    font-size: 12px;
    color: #F1C40F;
    margin-left: 3px;
}
.flex_grid{
    flex:1;
    position: relative;
}

.sm-tag{
    color: #FFF;
    background: #ff6600;
    font-size: 11px;
    padding: 3px 5px;
    border-radius: 3px;
    font-weight: bold;
}



.flex_grid::after{
    content: ' ';
    -webkit-transform:scale(0.5);
    transform:scale(0.5);
    position:absolute;
    /*border-right:1px solid #D9D9D9;
    border-bottom:1px solid #D9D9D9;*/
    top:-50%;
    right:-50%;
    bottom:-50%;
    left:-50%;
}
.flex_grid :first-child{
    position:relative;
    z-index:2;
}

.specs-item {
    font-size: 12px;
    padding: 4px 6px;
    /*border: 1px solid #95a5a6;*/
    margin: 4px 4px 4px 0;
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    background-color: #BDC3C7;
}


.specs-item.disable {
    font-size: 14px;
    padding: 4px 6px;
    border: 1px solid #ccc;
    margin: 4px 4px 4px 0;
    display: inline-block;
    border-radius: 4px;
    color: #ccc;
    pointer-events: none;
}

.specs-item.active {
    background-color: #E74C3C;
    color: #fff;
    /*border-color: #d35400;*/
}

.coupon_pop_up{
    background-color: #E74C3C;
    border-radius: 10px;
}
.coupon_pop_up .weui_btn_primary{
    background-color: #F39C12;
}
.coupon_pop_up p{
    color: #fff;
}

.coupon_pop_up .weui-dialog__ft{
    color: #fff;
    background-color: #d23d2d;
}

.coupon_pop_up .weui-dialog__hd{
    background-color: #E74C3C;
}


.coupon_pop_up .weui-dialog__ft:after{
    border-top: 1px solid rgba(0,0,0,0.3);
}

.coupon_pop_up .weui-dialog__title{
    color: #fff6ad;
}

.coupon_pop_up .weui-dialog__btn_default{
    color: #fff;
    opacity: 0.7;
}
.coupon_pop_up .weui-dialog__btn_primary{
    color: #fff !important;
}

/*-------------------*/

.coupon_pop_up .weui_dialog_ft{
    color: #fff;
    background-color: #d23d2d;
}

.coupon_pop_up .weui_dialog_ft:after{
    border-top: 1px solid rgba(0,0,0,0.3);
}

.coupon_pop_up .weui_dialog_title{
    color: #fff6ad;
}

.coupon_pop_up .weui_btn_dialog.default{
    color: #fff;
    opacity: 0.7;
}
.coupon_pop_up .weui_btn_dialog.primary{
    color: #fff;
}



.coupon_pop_up .p2{
    font-size:40px;
    border: dotted 4px #862f26;
    margin:15px 0;
    border-left: none;
    border-right:none;
}

.right_cell{
    margin-left: 10px;
    text-align: right;
    justify-content: flex-end;
    align-items: baseline;
    width:20%;
}

.top_fixed{
    position: fixed;
    width: 100%;
    margin-top: 0;
    max-width: 780px;
    z-index: 1000;
}


.wh_content {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
}

.wh_swiper {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-transition-duration: 0s linear;
    -webkit-transition-duration: 0s linear;
    -o-transition-duration: 0s linear;
    transition-duration: 0s linear;
}

.wh_indicator {
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
    background: 0 0;
}

.wh_indicator_item {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 1px 7px;
    cursor: pointer;
    border-radius: 100%;
    background: #aaa;
}

.wh_show_bgcolor {
    background: #0fc37c;
}
.wh_slide {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 10;
    min-height: 100px;
}

.wh_slide img {
    display: block;
}
        
        
.cell_title{
    color:gray;
    font-size:14px;
    line-height: 24px;
    justify-content: center;
    text-align: center;
}
.cell_btn{
    justify-content: space-around;
    color:#3498DB;
    font-weight: bold;
    text-align:center;
    font-size:16px;
}

.bottom_bar{
    padding: 10px;
    margin-top: 0;
}

.top_bar{
    margin-top: 0;
}

/*----------weui2.0-----------*/

.weui-cell{
    padding: 10px 16px;
}
.weui-btn-area{
    margin: 16px;
}
.weui-dialog__ft{
    line-height: 50px;
}
.weui-cell:before{
    right:15px;
    width: auto;
} 
.weui-dialog__title,.weui-dialog_title{
    font-weight: normal;
    font-style: italic;

}

.weui-select{
    height:auto;
    line-height:inherit;
    padding-left:0;
    padding-right: 0;
}
.weui-dialog{
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    max-width: 400px;
    width: 86vw;
    border-radius: 10px;
}

[class*=" weui-icon-"]:before, [class^=weui-icon-]:before {
    margin-left: 0;
    margin-right: 0;
}
.weui-cell_select{
    padding-right: 0;
}
.weui-btn_primary{
    background-color:#1ABC9C;
}

.flex_btn{
    display: flex;
    /*max-width: 184px;*/
    margin:0;
    width: fit-content;
    padding:8px 10px;
}
.flex_btn+.flex_btn{
    margin-left:10px;
    margin-top: 0;
}
.flex_btn_box{
    padding: 10px;
}
abox a, abox router-link{
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #576b95;
    font-weight: 700;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    position: relative;
}

abox a:after, abox router-link:after{
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-left: 1px solid rgba(0,0,0,.1);
    color: rgba(0,0,0,.1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
}