/* --------- 设计界面布局 --------- */
.clearfix:after {       
    content: ".";     /*内容为“.”就是一个英文的句号而已。也可以不写。*/
    display: block;   /*加入的这个元素转换为块级元素。*/
    clear: both;     /*清除左右两边浮动。*/
    visibility: hidden;      /*可见度设为隐藏。注意它和display:none;是有区别的。visibility:hidden;仍然占据空间，只是看不到而已；*/
    line-height: 0;    /*行高为0；*/
    height: 0;     /*高度为0；*/
    font-size:0;    /*字体大小为0；*/
}
.clearfix { *zoom:1;}
/*底部导航*/
#page-design-set-tabbar .weui-tabbar{
    background:none;
}
#page-design-set-tabbar .xcxpage-footer{
    position:absolute;bottom:0;left:;right:0;
    border-top:1px solid transparent;
}
#page-design-set-tabbar .weui-tabbar:before{
    border:0;
}
#page-design-set-tabbar .xcxpage-window{
    position:relative;min-height:600px;
}
.tabbar_list{
    border:1px solid #ccc;
    max-height:600px;
    overflow:auto;
}
.tabbar_list li.list-group-item{
    padding:0;
    border-left:0;
    border-right:0;
}
.tabbar_list li.list-group-item:first-child{
    border-top:0;
}
.tabbar_list li.list-group-item:last-child{
    border-bottom:0;
}
.tabbar_list li span{
    display:block;
    width:100%;
    padding:10px 15px;
    background:#f9f9f9;
}
.tabbar_list li em.add-img {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: #EEE 1px solid;
    padding: 5px;
    padding:10px 10px;
    text-align: center;
    font-size: 28px;
    line-height: 28px;
    float: left;
    margin-right: 10px;
    font-style: normal;
    font-weight: normal;
    color: #EEE;
    cursor: pointer;
}
.tabbar_list li input[type="checkbox"]{
    margin-right:10px;
}
.tabbar_list li .tabbar-set-item{
    padding-top:10px;
    border-top:1px solid #ccc;
    display:none;
}
.tabbar_list li .tabbar-set-item cite {
    display: inline-block;
    float: left;
    width: 50px;
    height: 50px;
    border: #EEE 1px solid;
    padding: 4px;
    text-align: center;
}

.tabbar_list li .tabbar-set-item cite img{
    max-width:40px;
    max-height:40px;
    display: block;
    margin: 0 auto;
}

.tabbar_list li .tabbar-set-item .clearfix {
    background: none;
    display: block;
}

.tabbar_list.form-horizontal .form-group{
    margin-right:0;
}

.tabbar_list .btn-block{
    float:left;
    width:80px;
    margin-left:5px;
    margin-top:0;
}
/*单页选择*/
#tab_edit_singlePage .nav-tabs{
    border:none;
}
#tab_edit_singlePage .nav-tabs a{
    padding: 7px 14px;
    border-radius: 50%;
    color: #ffffff;
    border-radius: 25px !important;
    margin-right: 20px;
    border:none;
}
#tab_edit_singlePage .nav-tabs a:hover{
    border:none;
}
#tab_edit_singlePage .nav-tabs .active a{
    border-color: transparent;
}

#tab_edit_singlePage .nav-tabs .active a{
    background-color: #4b8df8 !important;
}
#tab_edit_singlePage .nav-tabs .active a:hover{
    background-color: #4b8df8 !important;
}
#tab_edit_singlePage .nav-tabs li a{
    background-color: #999999 !important;
}
#tab_edit_singlePage .nav-tabs li a:hover{
    background-color: #999999 !important;
}
.base-page-list{
    margin-left:0;
    margin-right:0;
}
.single-page-list .page-item,.base-page-list .page-item{
    width: 145px;
    height: 190px;
    border:1px solid #CCCCCC;
    margin-right: 20px;
    margin-top: 20px;
    cursor: pointer;
}
.single-page-list .page-item-hover,.base-page-list .page-item-hover{
    transition: all 0.3s;
}
.base-page-list .page-item-hover.blue-stripe{
    border-color:#5b9bd1;
}
.base-page-list .page-item-hover.blue-stripe .page-name,.base-page-list .page-item-hover.blue-stripe .fa-eye{
    color:#5b9bd1;
}
.single-page-list .page-item-hover:hover,.base-page-list .page-item-hover:hover{
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    box-shadow: 0 0 6px #ccc;
}
.single-page-list .item-outer .add-single-page{
    font-size: 60px;
    line-height: 60px;
    color: #999999;
    font-weight: normal;
}
.item-outer{
    margin: 30px 0;
    text-align: center;
}
.item-outer h5{
    margin-top: 15px;
}
.page-item-inner .page-thumbnails{
    height: 158px;
    background-color: #F2F2F2;
    overflow:hidden;
}
.page-item-inner .page-name{
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border-top: 1px solid #ccc;
    color: #999999;
    text-align: center;
}
.base-page-list .page-item-hover.blue-stripe .page-name{
    border-top: 1px solid #5b9bd1;
}
/* 总界面 */
.form-horizontal .form-group {
    margin-left:0px; 
}
.page-design-view {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
}
li{
    list-style: none;
}
.page-design-view .design-widgets-list {
    position: absolute;
}

/* 挂件列表 */
#page-design-widgets-list{
    width: 298px;
}
.page-design-view .page-design-widgets-list {
    order: 1;
    width: 30%;
    box-sizing: border-box;
    padding: 0 10px;
    flex-grow: 0;
    position: relative;
}
.caption-outer{
    width: 298px;
}
.caption{
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #000000;
    padding-left: 25px;
    background-color: #f9f9f9;
    border:1px solid #ddd;
    border-bottom:0;
}
.page-design-widgets-list .design-widgets-list {
    right: 10px;
}
.widget-list-item-style{
    width: 100px;
    height: 100px;
    padding: 0;
    margin-right: -1px;
}
.widget-list-item-bg{
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin: 22px auto 7px;
    display: block;
    background-image: url(images/template/widgetslist.png);
    -webkit-background-size: 300% 700%;
    background-size: 300% 700%;
    background-repeat: no-repeat;
}
.item_bg_searchbar{
    background-position: 0px 0px;
}
.item_bg_slider{
    background-position: -36px 0px;    
}
.item_bg_goodslist{
    background-position: -72px 0px;    
}
.item_bg_imagetext{
    background-position: 0px -36px;    
}
.item_bg_imgnav{
    background-position: -36px -36px;    
}
.item_bg_textnav{
    background-position: -72px -36px;    
}
.item_bg_linehelper{
    background-position: 0px -72px;    
}
.item_bg_blankhelper{
    background-position: -36px -72px;    
}
.item_bg_smartwindow{
    background-position: -72px -72px;    
}
.item_bg_videos{
    background-position: 0px -108px;    
}
.item_bg_omnipotentform{
    background-position: -36px -108px;    
}
.item_bg_grouppresale{
    background-position: -72px -108px;    
}
.item_bg_sixteenpalaces{
    background-position: 0px -144px;    
}
.item_bg_articlelist{
    background-position: -36px -144px;    
}
.item_bg_activecard{
    background-position: -72px -144px;    
}
.item_bg_labelnav{
    background-position: 0px -180px;    
}
.item_bg_fixedpopup{
    background-position: -36px -180px;    
}
.item_bg_storelist{
    background-position: -72px -180px;    
}
.item_bg_coupon{
    background-position: 0px -216px;    
}
.item_bg_textmsg{
    background-position: -36px -216px;    
}
.item_bg_limitimepurchase{
    background-position: -72px -216px;    
}

.widget-list-item-name{
    width: 100%;
    height: 15px;
    font-size: 14px;
    color: #000000;
    overflow: hidden;
    text-align: center;
    margin: 5px 0 15px 0;
}
/* 界面显示 */
.page-design-view .page-design-page-design {
    order: 2;
    flex-grow: 1;
}



/* 已选挂件 */
.page-design-view .page-design-design-list {
    order: 3;
    width: 30%;
    flex-grow: 0;
    position: relative;
    box-sizing: border-box;
    padding: 0 10px;
}

.page-design-design-list .design-widgets-list {
    left: 10px;
    width: 100%;
}

/* --------- 设计 --------- */
.xcxpage-setting {
    width: 100%;
    min-height: 500px;
    background: #e6e6e6;
    position: relative;
}

.xcxpage-widget-setting {
    min-height: 500px;
    box-sizing: border-box;
    border: 10px solid #e6e6e6;
}

.xcxpage-setting .fa-caret-left {
    position: absolute;
    color: #e6e6e6;
    left: -18px;
    top: 50%;
}

.xcxpage-design {
    width: 320px;
    border: 1px #ccc solid;
    box-shadow: 0 0 5px #ccc;
    min-height: 500px;
    margin: 0 auto;
    background-color: #f3f3f3;
}

.xcxpage-window {
    min-height: 736px;
    width: 100%;
    display: flex;
    flex-direction: column;
}


/* --------- xcxpage-header --------- */
.xcxpage-header {
    display: block;
    width: 100%;
    z-index: 50;
    /*border-bottom: #dbdbdb 1px solid;*/
    box-sizing: border-box;
    background: #FFF;
    background-image: url('images/title_bg_black.png');
    height: 49px;
    overflow: hidden;
    position: relative;
    background-size: cover;
}
.xcxpage-header.changeBg{background-image: url('images/title_bg_white.png');}
.xcxpage-header h1 {
    height: 49px;
    line-height: 65px;
    text-align: center;
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    color: #333;
}

.xcxpage-header nav {
    width: 100%;
}

.xcxpage-header nav ul,
.xcxpage-header nav ul li {
    list-style: none;
    list-style-type: none;
}

.xcxpage-header nav ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}

.xcxpage-header nav ul li {
    text-align: center;
    line-height: 46px;
    font-size: 16px;
    color: #333;
}

.xcxpage-header nav ul li a {
    text-align: center;
    line-height: 70px;
    font-size: 16px;
    color: #333;
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.xcxpage-header nav ul li a .ico {
    font-size: 22px;
}

.xcxpage-header nav ul li:nth-child(1) {
    order: 1;
    width: 46px;
}

.xcxpage-header nav ul li:nth-child(2) {
    order: 2;
    flex: 1;
}

.xcxpage-header nav ul li:nth-child(3) {
    order: 3;
    width: 46px;
}


/* --------- xcxpage-footer --------- */

.xcxpage-footer {
    display: block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    background: #FFF;
}

.xcxpage-footer .weui-tabbar {
    position: relative;
}

.weui-tabbar__label {
    padding: 0;
    margin: 0;
}

.xcxpage-footer .weui-tabbar__item:hover, .xcxpage-footer .weui-tabbar__item:focus {
    text-decoration: none;
}

/* --------- xcxpage-main --------- */

.xcxpage-main {
    display: block;
    width: 100%;
    z-index: 30;
    box-sizing: border-box;
    padding: 0;
    max-height: 687px;
    flex-grow: 1;
    background:#efefef;
    overflow-y:auto;
    overflow-x:hidden;
}

.modal-footer .modal_image_tit{
    float:left;
    color:#cc0000;
}
/* ----------------- customs ----------------- */

.page-view {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    position: relative;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.page-view .widget-view-box {
    visibility: visible;
    height: auto;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color:#EFEFF4;
    border-top:1px solid #D7D6DC;
    border-bottom:1px solid #D7D6DC;

}

.page-view h6 {
    display: block;
    overflow: hidden;
    line-height: 30px;
    visibility: hidden;
    display: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    height: 0px;
    background-color: #E64340;
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    border-radius: 5px;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.page-view.on-dragg h6 {
    display: block;
    visibility: visible;
    height: 50px;
}

.page-view.on-dragg .widget-view-box {
    display: none;
    visibility: hidden;
    height: 0px;
}

.page-view .page-view-mask-box {
    z-index: 2000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5px;
    visibility: hidden;
    display: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    width: 0;
    overflow: hidden;
    height: 0;
}

.page-view .page-view-mask-box ul {
    display: inline-block;
    float: right;
    visibility: hidden;
    display: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.page-view .page-view-mask-box ul li {
    display: inline-block;
    float: left;
    color: #FFF;
    font-weight: normal;
    margin-left: 5px;
}

.page-view .page-view-mask-box ul li:first-child {
    margin-left: 0;
}

.page-view .page-view-mask-box ul li a {
    font-weight: normal;
}

.page-view .page-view-mask-box ul li a i {
    /*margin-right: 5px;*/
    display: inline-block;
    font-size: 16px;
}

.page-view:hover:not([class*='on-dragg']),
.page-view.active:not([class*='on-dragg']) {
    min-height: 38px;
}

.page-view:hover:not([class*='on-dragg']) .page-view-mask-box,
.page-view.active:not([class*='on-dragg']) .page-view-mask-box {
    visibility: visible;
    display: block;
    width: 100%;
    height: auto;
    border: #F60 2px dashed;
    cursor: move;
}

.page-view:hover:not([class*='on-dragg']) .page-view-mask-box ul,
.page-view.active:not([class*='on-dragg']) .page-view-mask-box ul {
    visibility: visible;
    display: block;
}

.page-view ul,
.page-view ul li {
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.page-view ul.nav-tabs {
    margin-bottom: 10px;
}

.page-view ul.nav-tabs>li {
    margin-bottom: -1px;
}

.page-view .view-item-setting-site {
    position: absolute;
    top: -50px;
}

.page-view .weui-panel {
    margin-top: 0;
}

.page-view .view-item-setting {
    display: none;
    position: absolute;
    left: 100%;
    z-index: 200;
    width: 520px;
    box-sizing: border-box;
}
.view-item-setting .form-horizontal{
    max-height:600px;
    overflow-y:auto;
    overflow-x:hidden;
}
.page-view .view-item-setting .control-label {
    padding-left: 5px;
    padding-right: 5px;
}

.page-view .view-item-setting .panel {
    margin-bottom: 0;
}

.page-view .panel .panel-heading a {
    text-decoration: none;
    color: #d8e3f2;
}

.onSetting .view-item-setting {
    display: block;
}

.view-item-setting .list-group-item {
    overflow: hidden;
}

.view-item-setting .item-list-group-imgs {}

.view-item-setting .item-list-group-imgs .list-group-item .pull-left {}

.view-item-setting .item-list-group-imgs .list-group-item .pull-left img {
    width: 50px;
}

.view-item-setting .item-list-group-medias {}

.view-item-setting .item-list-group-medias .list-group-item {
    position: relative;
}

.view-item-setting .item-list-group-medias .item-list-media {
    z-index: 10;
}

.view-item-setting .item-list-group-medias .item-list-media img {
    width: 100% !important;
    height: auto !important;
}

.view-item-setting .item-list-group-medias .item-list-action {
    z-index: 20;
    position: absolute;
    bottom: 20px;
    right: 20px;
}


/* --------- settings --------- */

.fileinput {
    width: 100%;
    margin: 0 auto;
}

.fileinput .thumbnail {
    position: relative;
    width: 100%;
    max-height: 90px;
    box-sizing: content-box;
}

.fileinput .thumbnail > img {
    max-width: 100%;
    max-height: 90px;
}

.fileinput .thumbnail .image-remove {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    z-index: 1000;
    bottom: 0;
    line-height: 20px;
    cursor: pointer;
}

.fileinput .upload-img-btn-box {}


/* --------- widgets --------- */

.widget-searchbar-fixed-box {
}

.widget-searchbar {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 10px;
    margin: 0;
}

.widget-searchbar dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 0;
    margin: 0;
}

.widget-searchbar dl dd {
    padding: 0;
    margin: 0;
}

.widget-searchbar dl dd:first-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.widget-searchbar dl dd:last-child {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    /*padding: 0 10px;*/
}

.widget-searchbar dl dd:last-child i.scancode {
    /*line-height: 30px;
    height: 30px;*/
    margin-left:5px;
    width:25px;height:25px;display:block;
    background-size:25px;
    background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNDgyMzc0ODUxNzQ4IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjM2NTYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTkyOCA1NDQgOTYgNTQ0Yy0xNy42NjQgMC0zMi0xNC4zMzYtMzItMzJzMTQuMzM2LTMyIDMyLTMybDgzMiAwYzE3LjY5NiAwIDMyIDE0LjMzNiAzMiAzMlM5NDUuNjk2IDU0NCA5MjggNTQ0eiIgcC1pZD0iMzY1NyIgZmlsbD0iIzcwNzA3MCI+PC9wYXRoPjxwYXRoIGQ9Ik04MzIgOTI4bC0xOTIgMGMtMTcuNjk2IDAtMzItMTQuMzA0LTMyLTMyczE0LjMwNC0zMiAzMi0zMmwxOTIgMGMxNy42NjQgMCAzMi0xNC4zMzYgMzItMzJsMC0xNjBjMC0xNy42OTYgMTQuMzA0LTMyIDMyLTMyczMyIDE0LjMwNCAzMiAzMmwwIDE2MEM5MjggODg0LjkyOCA4ODQuOTI4IDkyOCA4MzIgOTI4eiIgcC1pZD0iMzY1OCIgZmlsbD0iIzcwNzA3MCI+PC9wYXRoPjxwYXRoIGQ9Ik0zNTIgOTI4IDE5MiA5MjhjLTUyLjkyOCAwLTk2LTQzLjA3Mi05Ni05NmwwLTE2MGMwLTE3LjY5NiAxNC4zMzYtMzIgMzItMzJzMzIgMTQuMzA0IDMyIDMybDAgMTYwYzAgMTcuNjY0IDE0LjM2OCAzMiAzMiAzMmwxNjAgMGMxNy42NjQgMCAzMiAxNC4zMDQgMzIgMzJTMzY5LjY2NCA5MjggMzUyIDkyOHoiIHAtaWQ9IjM2NTkiIGZpbGw9IiM3MDcwNzAiPjwvcGF0aD48cGF0aCBkPSJNMTI4IDM4NGMtMTcuNjY0IDAtMzItMTQuMzM2LTMyLTMyTDk2IDE5MmMwLTUyLjkyOCA0My4wNzItOTYgOTYtOTZsMTYwIDBjMTcuNjY0IDAgMzIgMTQuMzM2IDMyIDMycy0xNC4zMzYgMzItMzIgMzJMMTkyIDE2MEMxNzQuMzY4IDE2MCAxNjAgMTc0LjM2OCAxNjAgMTkybDAgMTYwQzE2MCAzNjkuNjY0IDE0NS42NjQgMzg0IDEyOCAzODR6IiBwLWlkPSIzNjYwIiBmaWxsPSIjNzA3MDcwIj48L3BhdGg+PHBhdGggZD0iTTg5NiAzODRjLTE3LjY5NiAwLTMyLTE0LjMzNi0zMi0zMkw4NjQgMTkyYzAtMTcuNjMyLTE0LjMzNi0zMi0zMi0zMmwtMTkyIDBjLTE3LjY5NiAwLTMyLTE0LjMzNi0zMi0zMnMxNC4zMDQtMzIgMzItMzJsMTkyIDBjNTIuOTI4IDAgOTYgNDMuMDcyIDk2IDk2bDAgMTYwQzkyOCAzNjkuNjY0IDkxMy42OTYgMzg0IDg5NiAzODR6IiBwLWlkPSIzNjYxIiBmaWxsPSIjNzA3MDcwIj48L3BhdGg+PC9zdmc+");
}

.widget-searchbar dl dd .weui-search-bar {
    padding: 0;
    background-color: transparent;
}

.widget-searchbar dl dd .weui-search-bar:before {
    border-top: none;
}

.widget-searchbar dl dd .weui-search-bar:after {
    border-bottom: none;
}

.widget-searchbar dl dd .weui-search-bar .weui-search-bar__label {
    text-align: left;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding-top: 3px;
    border-radius:5px;
    border:1px solid #E6E6EA;

}
.widget-searchbar dl dd .weui-search-bar .weui-search-bar__label span {
    overflow: hidden;
    height: 20px;
    width: 80%;
}
.weui-search-bar__input[placeholder] {
    color: #9b9b9b;
}

.widget-searchbar dl dd .weui-search-bar .weui-search-bar__label .weui-icon-search {
    margin-left: 9px;
    margin-right: 0;
}

.widget-slider {
    display: block;
    position: relative;
}

.widget-slider ul {
    display: block;
}

.widget-slider ul.slider-bd {
    z-index: 100;
    width: 100%;
}

.widget-slider ul.slider-bd li {
    display: block;
    width: 100%;
}

.widget-slider ul.slider-bd li a {
    display: block;
    width: 100%;
    text-align: center;
    overflow:hidden;
}

.widget-slider ul.slider-bd li a img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.widget-slider ul.slider-bd li a div,.widget-showcase ul li a div,.widget-imgnav ul li a div,.widget-imagetext .image-block div{
    display: block;
    width: 100%;
    height:100%;
    margin: 0 auto;
    background-repeat:no-repeat;
    background-position:center center;
}
.widget-slider ul.slider-bd li a div.scaleToFill,.widget-showcase ul li a div.scaleToFill,.widget-imgnav ul li a div.scaleToFill,.widget-imagetext .image-block div.scaleToFill{
    background-size:100% 100%;
}
.widget-slider ul.slider-bd li a div.aspectFit,.widget-showcase ul li a div.aspectFit,.widget-imgnav ul li a div.aspectFit,.widget-imagetext .image-block div.aspectFit{
    background-size:contain;
}
.widget-slider ul.slider-bd li a div.aspectFill,.widget-showcase ul li a div.aspectFill,.widget-imgnav ul li a div.aspectFill,.widget-imagetext .image-block div.aspectFill{
    background-size:100% auto;
}
.widget-slider ul.slider-bd li a div.widthFix,.widget-showcase ul li a div.widthFix,.widget-imgnav ul li a div.widthFix,.widget-imagetext .image-block div.widthFix{
    background-size:100% auto;
    background-position:center top;
}
.widget-slider ul.slider-bd li a div.top,.widget-showcase ul li a div.top,.widget-imgnav ul li a div.top,.widget-imagetext div.top{
    background-position:center top;
}
.widget-slider ul.slider-bd li a div.bottom,.widget-showcase ul li a div.bottom,.widget-imgnav ul li a div.bottom,.widget-imagetext .image-block div.bottom{
    background-position:center bottom;
}
.widget-slider ul.slider-bd li a div.center,.widget-showcase ul li a div.center,.widget-imgnav ul li a div.center,.widget-imagetext .image-block div.center{
    background-position:center center;
}
.widget-slider ul.slider-bd li a div.left,.widget-showcase ul li a div.left,.widget-imgnav ul li a div.left,.widget-imagetext .image-block div.left{
    background-position:left center;
}
.widget-slider ul.slider-bd li a div.right,.widget-showcase ul li a div.right,.widget-imgnav ul li a div.right,.widget-imagetext .image-block div.right{
    background-position:right center;
}
.widget-slider ul.slider-bd li a div.top.left,.widget-showcase ul li a div.top.left,.widget-imgnav ul li a div.top.left,.widget-imagetext .image-block div.top.left{
    background-position:left top;
}
.widget-slider ul.slider-bd li a div.top.right,.widget-showcase ul li a div.top.right,.widget-imgnav ul li a div.top.right,.widget-imagetext .image-block div.top.right{
    background-position:right top;
}
.widget-slider ul.slider-bd li a div.bottom.left,.widget-showcase ul li a div.bottom.left,.widget-imgnav ul li a div.bottom.left,.widget-imagetext .image-block div.bottom.left{
    background-position:left bottom;
}
.widget-slider ul.slider-bd li a div.bottom.right,.widget-showcase ul li a div.bottom.right,.widget-imgnav ul li a div.bottom.right,.widget-imagetext .image-block div.bottom.right{
    background-position:right bottom;
}
.widget-slider ul.slider-nav {
    z-index: 200;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    height: 10px;
    line-height: 10px;
}

.widget-slider ul.slider-nav li {
    display: inline-block;
    padding-left: 5px;
}

.widget-slider ul.slider-nav li:first-child {
    padding-left: 0;
}

.widget-slider ul.slider-nav li a {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50% !important;
    text-indent: -9999px;
    background-color: rgba(0, 0, 0, 0.4);
    font-size: 0;
}

.widget-slider ul.slider-nav li a.active,
.widget-slider ul.slider-nav li a:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.widget-slider ul.slider-nav li.active a {
    background-color: rgba(0, 0, 0, 0.8);
}

.widget-blankhelper {
    height: 10px;
}

.widget-linehelper .widget-linehelper-line {
    /*padding-bottom: 5px;
    margin-bottom: 5px;
    
    box-sizing: content-box;
    padding-bottom:14px;*/
    margin-top:15px;
    border-bottom: 1px #E9E9E9 solid;

}

.widget-box.widget-linehelper.line-padding {
    margin: 0 15px 15px;
}

.widget-imgnav ul {
    width: 100%;
    display: block;
    overflow: hidden;
}

.widget-imgnav ul li {
    display: inline-block;
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
    float: left;
}

.widget-imgnav ul li a {
    display: block;
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*padding: 5px;*/
    color: #333;
    /*overflow: hidden;*/
}

.widget-imgnav ul li a img {
}

.widget-imgnav ul li a u {
    display: block;
}

.widget-imgnav ul li a span,
.widget-imgnav ul li a .widget-imgnav-text {
    display: block;
    width: 100%;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.widget-imgnav ul li a span{
    font-size:13px;
    height:25px;
    line-height:25px;
    overflow:hidden;
    text-overflow:ellipsis;
    margin:0 auto;
    white-space: normal;

}
.widget-textnav .weui-cells {
    margin-top: 0;
}
.widget-textnav .weui-cell__bd a{
    color:#000;
    display:block;
    width:100%;
    height:100%;
}
.widget-showcase ul {
    display: block;
    overflow: hidden;
    display: table;
    width: 100%;
    /* background:#fff;*/
}

.widget-showcase ul li {
    display: table-column;
    float: left;
    vertical-align: middle;
    box-sizing: border-box;
}

.widget-showcase ul li a {
    display: block;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    height:100%;
    overflow:hidden;
    background:#fff;
}

.widget-showcase ul li a img {
    width: 100%;
}

.widget-showcase.col-3 ul li {
    width: 33.33333333%;
    box-sizing: border-box;
}

.widget-showcase.col-1-2 ul li {
    width: 33.333333%;
    height:107px;line-height:107px;
}
.widget-showcase.col-1 ul li {
    width: 100%;
    height:214px;
    line-height:214px;
}
.widget-showcase.col-1 ul li.has-gap {
    padding: 0 0 1px 0;
}
.widget-showcase.col-1-2 ul li:nth-child(3n+1) {
    width: 66.666666%;
    height:214px;
    line-height:214px;
}

.widget-showcase.col-3 ul li.has-gap {
    padding: 0 0 0 1px;
    height:107px;
    line-height:107px;
}

.widget-showcase.col-3 ul li.has-gap:nth-child(3n+1) {
    padding-left: 0;
}

.widget-showcase.col-1-2 ul li.has-gap:nth-child(3n+1) {
    padding: 0 1px 0 0;
}

.widget-showcase.col-1-2 ul li.has-gap:nth-child(3n+2) {
    padding: 0 0 1px 0;
}

.widget-showcase.col-1-2 ul li.has-gap:nth-child(3n) {
    padding: 0;
}

.widget-goodslist .goodslist-title {
    margin: 0;
    text-align: left;
    font-size:14px;
    text-align:center;
    margin:15px;
    line-height:25px;
    border-top:1px #ddd solid;

}
.widget-goodslist .goodslist-title.weui-panel__hd{
    text-align:left;
    margin:0px;
    line-height:20px;
    border-top:0;
}
.widget-goodslist .goodslist-body ul {
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.widget-goodslist .goodslist-body ul li {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*padding: 5px;*/
}
.widget-goodslist.widget-goodslist-gallery .goodslist-body ul li {
    padding:20px;
    /*margin:10px;*/
}
.widget-goodslist.widget-goodslist-grid .goodslist-body ul li.last{
    margin:0 auto;
}
.widget-goodslist .goodslist-body ul li a {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*background-color: #FFF;*/
    /*padding: 5px;*/
}
.widget-goodslist.widget-goodslist-grid .goodslist-body ul li a {
    border:4px solid transparent;
    border-right-width:10px;

}
.widget-goodslist.widget-goodslist-grid .goodslist-body ul li:nth-child(2n+1) a{
    border-left-width:10px;
    border-right-width:4px;

}

.widget-goodslist .goodslist-body ul li a span {
    display: block;
    width: 100%;
}

.widget-goodslist .goodslist-body ul li a span.g-image {
    display: block;
    width: 100%;
    text-align: center;
    height: auto;
}
.widget-goodslist.widget-goodslist-grid .goodslist-body ul li a span.g-image {
    height:180px;
    line-height: 180px;
}

.widget-goodslist .goodslist-body ul li a span.g-image img {
    max-width: 100%;
    max-height: 100%;
}

.widget-goodslist .goodslist-body ul li a span.g-name {
    display: block;
    width: 100%;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-top:10px;
    color:#555;
    font-weight:bold;
}

.widget-goodslist.widget-goodslist-tower .goodslist-body ul li a span.g-name,.widget-goodslist.widget-goodslist-list .goodslist-body ul li a span.g-name,.widget-goodslist.widget-goodslist-grid .goodslist-body ul li a span.g-name,.widget-goodslist.widget-goodslist-gallery .goodslist-body ul li a span.g-name{
    white-space:normal;
}
.widget-goodslist.widget-goodslist-gallery .goodslist-body ul li a span.g-name{
    font-size:14px;
}
.widget-goodslist .goodslist-body ul li a span.g-brief {
    display: block;
    width: 100%;
    color: #666;
    text-align: left;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
}

.widget-goodslist .goodslist-body ul li a span.g-price {
    display: block;
    width: 100%;
    text-align: left;
    font-style: normal;
    color: #F60;
    font-weight:lighter;


}
.widget-goodslist .goodslist-body ul li a span.g-name,.widget-goodslist .goodslist-body ul li a span.g-price{
    font-size:13px;
    height:20px;
    line-height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
}

.widget-goodslist.widget-goodslist-swiper .goodslist-body ul li a span.g-name {
    font-weight:normal;
}
.widget-goodslist .goodslist-body ul.col-1 li {
    width: 100%;
}

.widget-goodslist .goodslist-body ul.col-2 li {
    width: 50%;
}

.widget-goodslist .goodslist-body ul.col-3 li {
    width: 33.33333333%;
}

.widget-goodslist .goodslist-body ul.col-4 li {
    width: 25%;
}

.widget-goodslist .goodslist-body ul.col-5 li {
    width: 20%;
}

.widget-goodslist.widget-goodslist-swiper .goodslist-body ul,
.widget-goodslist.widget-goodslist-swiper .widget-goodslist-swiper-scrollviewbox ul {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.widget-goodslist.widget-goodslist-swiper .goodslist-body ul li a span,
.widget-goodslist.widget-goodslist-swiper .widget-goodslist-swiper-scrollviewbox ul li a span {
    text-align: center;
}

.widget-goodslist.widget-goodslist-list ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.widget-goodslist.widget-goodslist-list ul li {
    width: 100%;
    padding: 0;
}

.widget-goodslist.widget-goodslist-list ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-align: center;
    position: relative;
    padding: 15px;
}

.widget-goodslist.widget-goodslist-list ul li a:after {
    content: " ";
    position: absolute;
    left: 15px;
    bottom: 0;
    right: 15px;
    height: 1px;
    border-bottom: 1px solid #E5E5E5;
    color: #E5E5E5;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.widget-goodslist.widget-goodslist-list ul li a.weui-media-box_appmsg .weui-media-box__hd {
    margin-right: .8em;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
}

.widget-goodslist.widget-goodslist-list ul li a.weui-media-box_appmsg .weui-media-box__hd img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
}

.widget-goodslist.widget-goodslist-list ul li a.weui-media-box_appmsg .weui-media-box__bd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.widget-goodslist.widget-goodslist-list ul li a.weui-media-box_appmsg .weui-media-box__bd span.g-name {
    margin-top: 10px;
}

.widget-goodslist.widget-goodslist-list ul li a.weui-media-box_appmsg .weui-media-box__bd span.g-brief,
.widget-goodslist.widget-goodslist-list ul li a.weui-media-box_appmsg .weui-media-box__bd span.co-brief {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.widget-goodslist.widget-goodslist-list ul li a.weui-media-box_appmsg .weui-media-box__bd span.g-brief{
    color:#999999;
    font-size:13px;
    line-height:1.2;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.widgets-drag-box .list-group-item {
    cursor: move;
}

.widget-goodslist.widget-goodslist-gallery .goodslist-body ul li {
    width: 100%;
}

.widget-goodslist.widget-goodslist-gallery .goodslist-body ul li {
    width: 100%;
}

.widget-goodslist.widget-goodslist-gallery .goodslist-body ul li a span.g-image {
    height: auto !important;
}

.widget-goodslist.widget-goodslist-gallery .goodslist-body ul li a span.g-image img {
    max-width: 100%;
    max-height: none;
}

.widget-goodslist.widget-goodslist-grid .goodslist-body ul li {
    width: 50%;
}

.widget-goodslist.widget-goodslist-tower .goodslist-body ul li {
    width: 50%;
}

.widget-goodslist.widget-goodslist-tower .goodslist-body ul li:nth-child(3n+1) {
    width: 100%;
    padding:20px;
}

.widget-goodslist.widget-goodslist-tower .goodslist-body ul li:nth-child(3n+1) a span.g-image {
    height: auto !important;
}

.widget-goodslist.widget-goodslist-tower .goodslist-body ul li:nth-child(3n+1) a span.g-image img {
    max-width: 100%;
    max-height: none;
}
.widget-goodslist.widget-goodslist-tower .goodslist-body ul li:nth-child(3n+3){
    border:4px solid transparent;
    padding-left:4px;
    padding-right:10px;
}
.widget-goodslist.widget-goodslist-tower .goodslist-body ul li:nth-child(3n+2){
    padding-left:10px;
    padding-right:4px;
    border:4px solid transparent;
}
#xcxpage_designs .list-group .list-group-item {
    position: relative;
}

#xcxpage_designs .list-group .list-group-item .drop-mask-box {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

/* 图文混合 */
.list-item{
    margin-right: 15px !important;
    margin-bottom: 8px !important;
}
.template-label{
    width: 150px;
    background-color: #F2F2F2;
    text-align: left;
    position: relative;
    cursor: pointer;
    margin-bottom: 0 !important;
    height:60px;
}
.template-label input{
    opacity: 0;
    display: none;
}
.template-label img{
    width:100%;
}
.column-img{
    width: 100% !important;
    height: 80px !important;
}
.small-img{
    width: 55px !important;
    height: 40px !important;
}
.check-icon{
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size:20px;
}
.radio-inline input[type=checkbox] {
    position: absolute;
    margin-top: 4px;
    margin-left: -20px;
}
.outer{
    margin-left: 10%;
}
.upload-img-btn-box{
    position: relative;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    margin-right: 0 !important;
}
.img-tips{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 25px;
    line-height: 25px;
    background-color: rgba(0,0,0,0.4);
    color: #ffffff;
}
.edit-block{
    border-bottom: 1px solid #ccc;
}
.del-one{
    width: 75px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    border:1px solid #ccc;
    border-radius: 4px !important;
    cursor: pointer;
    margin-right: 15px;
}
.upload-img-btn-box img{
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.upload-img-btn-box .btn-block{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent !important;
}
.text-left{
    text-align: left;
    margin-top: 10px;
}
.title-block{
    border-top: 1px solid #ccc;
}
.control-title{
    font-size: 18px;
    font-weight: 700;
}
.add-one{
    width: 135px;
    /*height: 20px;*/
    line-height: 20px;
    text-align: center;
    border:1px solid #ccc;
    border-radius: 4px !important;
    cursor: pointer;
    margin-right: 15px;
    padding:5px 5px;
    margin-top: 10px;
}
.add-disabled{
    border-color: #f3565d;
    color: #f3565d;
}
.save-button{
    margin-right: 15px;
    padding:5px 15px;
    font-size:14px;
    border-radius: 4px !important;
}
.imagetext_title{
    font-size: 15px;
    overflow: hidden;
    color:#333;
}
.imagetext_content{
    font-size: 12px;
    color: #888888;
    overflow: hidden;
}
.type_1 .imagetext_title{
    text-align: left;
    margin: 7.5px 0 0 0;
    height: 20px;
}
.type_2 .imagetext_title{
    text-align: left;
    margin: 0 0 4px 0;
    height: 20px;
}
.type_3 .imagetext_title{
    text-align: left;
    margin: 0 0 4px 0;
    height: 20px;
}
.type_4 .imagetext_title{
    text-align: right;
    margin: 0 0 4px 0;
    height: 20px;
}
.type_1 .imagetext_content{
    text-align: left;
    height: 15px;
}
.imageNoscroll.type_1 .imagetext_content{
    height: auto;
}
.type_2 .imagetext_content{
    text-align: left;
    height: 55px;
}
.type_3 .imagetext_content{
    text-align: left;
    height: 98px;
}
.type_4 .imagetext_content{
    text-align: right;
    height: 98px;
}
/* 左右排列 */
.imagetext_noslider,.imagetext_slider{
    padding: 7.5px 15px;
    background-color: #fff;
    overflow: hidden;
}
.imagetext_noslider .type_3,.imagetext_noslider .type_4,.imagetext_noslider .type_2,.imagetext_noslider .type_1{
    width:100%;
}
.imagetext_slider{
    position: relative;
}
.slider_type_4,.slider_type_3{
    height: 125px;
}
.slider_type_2{
    height: 75px;
}
.slider_type_1{
    height: 203px;
}
.slider-inner{
    width: 254px;
    position: absolute;
    top: 0;
    margin-left:10px !important;
}
.imagetext_noslider .type_3 .image-block,.imagetext_noslider .type_4 .image-block{
    width: 170px;
    height: 125px;
    line-height: 125px;
    text-align: center;
}
.imagetext_noslider .type_2 .image-block{
    width: 120px;
    height: 75px;
    line-height: 75px;
    text-align: center;
}
.imagetext_noslider .type_3 .image-block,.imagetext_noslider .type_2 .image-block{
    margin-right: 17.5px;
}
.imagetext_noslider .type_4 .image-block{
    margin-left: 17.5px;
}
.imagetext_slider .type_3 .image-block,.imagetext_slider .type_4 .image-block{
    width: 140px;
    height: 125px;
    line-height: 125px;
    text-align: center;
}
.imagetext_slider .type_2 .image-block{
    width: 90px;
    height: 75px;
    line-height: 75px;
    text-align: center;
}
.imagetext_slider .type_3 .image-block,.imagetext_slider .type_2 .image-block{
    margin-right: 17.5px;
}
.imagetext_slider .type_4 .image-block{
    margin-left: 17.5px;
}
.image-block{
    overflow: hidden;
}
.img-border img{
    border-radius: 5px !important;
}
.image-block img{
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
/*图文上下排列*/
.type_1 .image-block{
    width: 100%;
    height: 165px;
    line-height: 165px;
    text-align: center;
}
/*.imagetext_slider .type_1 .image-block{
    width: 100%;
    height: 165px;
    line-height: 165px;
    text-align: center;
}*/
/*视频*/
.videos-checkbox input[type=checkbox],.goodslist-checkbox input[type=checkbox]{
    position: static;
    margin-left: 0;
}
.videos-poster .outer{
    margin-left: 0;
    width: 100px;
}
/*万能表单*/
.vmc-form-block .weui-cell:first-child:before{
    display: block;
}
.weui-uploader__input-box{
    width: 79px;
    height: 79px;
}
.weui-uploader__file{
    margin-right: 9px !important;
    margin-bottom: 9px !important;
}
.weui-cell:before,.weui-cells_checkbox:before,.weui-cells_radio:before,.storelist:before{
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 2px solid #D9D9D9;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    left: 15px;
    z-index: 2;
}
.weui-cells_checkbox:before,.weui-cells_radio:before{
    top: auto;
}
.weui-check{
    position: absolute;
    left: -9999em;
    opacity: 0;
}
.check-title{
    padding: 10px 15px;
}
.check-title p{
    margin: 0;
}
.weui-check__label{
    margin-bottom: 0;
}
.weui-check__label p{
    margin: 0;
}
.submit-btn-block{
    background-color: #fff;
    padding: 0 15px;
}
.form-submit{
    border: 1px solid #ccc;
    margin: 10px auto;  
}   
.form-block{
    background-color: #fff;
}
.form-block .weui-cells__title{
    padding: 0.3em 15px;
    margin: 0;
}
.form_outer{
    padding: 10px 15px;
    background-color: #fff;
    font-size: 18px;
}



/*文章列表*/
/*.widget-articlelist .articlelist-title {
    margin: 0;
    text-align: left;
    font-size:14px;
        text-align:center;
        margin:15px;
        line-height:25px;
        border-top:1px #ddd solid;

}
.widget-articlelist .articlelist-title.weui-panel__hd{
        text-align:left;
        margin:0px;
        line-height:20px;
        border-top:0;
        background:#fff;
}
.widget-articlelist .articlelist{
        background:#fff;
}*/
.articlelist img{
    max-width:100%;
    max-height:100%;
}
.widget-articlelist .articlelist-title {
    margin: 0;
    text-align: left;
    font-size:14px;
    text-align:center;
    margin:15px;
    line-height:25px;
    border-top:1px #ddd solid;

}
.widget-articlelist .articlelist-title.weui-panel__hd{
    text-align:left;
    margin:0px;
    line-height:20px;
    border-top:0;
}
.widget-articlelist .articlelist-body ul {
    width: 100%;
    overflow-x: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.widget-articlelist .articlelist-body ul li {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*padding: 5px;*/
}
.widget-articlelist.widget-articlelist-gallery .articlelist-body ul li {
    /*padding:20px;*/
    background:#fff;
    /*margin:10px;*/
}
.widget-articlelist .articlelist-body ul li a {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*background-color: #FFF;*/
    /*padding: 5px;*/
}
.widget-articlelist .articlelist-body ul li a span {
    display: block;
    width: 100%;
}

.widget-articlelist .articlelist-body ul li a span.g-image {
    display: block;
    width: 100%;
    text-align: center;
    height: auto;
}
.widget-articlelist.widget-articlelist-grid .articlelist-body ul li a span.g-image {
    height:180px;
    line-height: 180px;
}

.widget-articlelist .articlelist-body ul li a span.g-image img {
    max-width: 100%;
    max-height: 100%;
}

.widget-articlelist .articlelist-body ul li a span.g-name {
    display: block;
    width: 100%;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /*margin-top:10px;*/
    color:#555;
    font-weight:bold;
}
.widget-articlelist .articlelist-body ul li a span.g-brief{
    display: block;
    width: 100%;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /*margin-top:10px;*/
    color:#888;
}
.widget-articlelist.widget-articlelist-tower .articlelist-body ul li a span.g-name,.widget-articlelist.widget-articlelist-list .articlelist-body ul li a span.g-name,.widget-articlelist.widget-articlelist-grid .articlelist-body ul li a span.g-name,.widget-articlelist.widget-articlelist-gallery .articlelist-body ul li a span.g-name{
    white-space:nowrap;
}
.widget-articlelist.widget-articlelist-gallery .articlelist-body ul li a span.g-name{
    font-size:14px;
}

.widget-articlelist .articlelist-body ul li a span.g-name,.widget-articlelist .articlelist-body ul li a span.g-price,.widget-articlelist .articlelist-body ul li a span.g-brief{
    font-size:13px;
    /*height:20px;*/
    line-height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.widget-articlelist.widget-articlelist-list ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.widget-articlelist.widget-articlelist-list ul li {
    width: 100%;
    padding: 0;
}

.widget-articlelist.widget-articlelist-list ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-align: center;
    position: relative;
    padding: 15px;
}

.widget-articlelist.widget-articlelist-list ul li a:after {
    content: " ";
    position: absolute;
    left: 15px;
    bottom: 0;
    right: 15px;
    height: 1px;
    border-bottom: 1px solid #E5E5E5;
    color: #E5E5E5;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.widget-articlelist.widget-articlelist-list ul li a.weui-media-box_appmsg .weui-media-box__hd {
    margin-right: .8em;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
}

.widget-articlelist.widget-articlelist-list ul li a.weui-media-box_appmsg .weui-media-box__hd img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
}

.widget-articlelist.widget-articlelist-list ul li a.weui-media-box_appmsg .weui-media-box__bd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}

.widget-articlelist.widget-articlelist-list ul li a.weui-media-box_appmsg .weui-media-box__bd span.g-name {
    margin-top: 10px;
}

.widget-articlelist.widget-articlelist-list ul li a.weui-media-box_appmsg .weui-media-box__bd span.g-brief,
.widget-articlelist.widget-articlelist-list ul li a.weui-media-box_appmsg .weui-media-box__bd span.co-brief {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.widget-articlelist.widget-articlelist-list ul li a.weui-media-box_appmsg .weui-media-box__bd span.g-brief{
    color:#999999;
    font-size:13px;
    line-height:1.2;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.widgets-drag-box .list-group-item {
    cursor: move;
}

.widget-articlelist.widget-articlelist-gallery .articlelist-body ul li {
    width: 100%;
}
.widget-articlelist.widget-articlelist-gallery .articlelist-body ul li:first-child{
    margin-top:0;
}
.widget-articlelist.widget-articlelist-gallery .articlelist-body ul li .contentdetail{padding:5px 10px;}
/*.widget-articlelist.widget-articlelist-gallery .articlelist-body ul li .g-name{padding:0px 10px;}
.widget-articlelist.widget-articlelist-gallery .articlelist-body ul li .g-brief{padding:0px 10px;}*/
.widget-articlelist.widget-articlelist-gallery .articlelist-body ul li a span.g-image {
    height: auto !important;
}

.widget-articlelist.widget-articlelist-gallery .articlelist-body ul li a span.g-image img {
    width: 100%;
    max-height: none;
}
.widget-articlelist-list .image-display{
    display: block;
    width: 100%;
    height:100%;
    margin: 0 auto;
    background-repeat:no-repeat;
    background-position:center center;
}
.widget-articlelist-list .image-display.scaleToFill{
    background-size:100% 100%;
}
.widget-articlelist-list .image-display.aspectFit{
    background-size:contain;
}
.widget-articlelist-list .image-display.aspectFill{
    background-size:auto 100%;
}
.widget-articlelist-list .image-display.widthFix{
    background-size:100% auto;
    background-position:center top;
}
.widget-articlelist-list .image-display.top{
    background-position:center top;
}
.widget-articlelist-list .image-display.bottom{
    background-position:center bottom;
}
.widget-articlelist-list .image-display.center{
    background-position:center center;
}
.widget-articlelist-list .image-display.left{
    background-position:left center;
}
.widget-articlelist-list .image-display.right{
    background-position:right center;
}
.widget-articlelist-list .image-display.top.left{
    background-position:left top;
}
.widget-articlelist-list .image-display.top.right{
    background-position:right top;
}
.widget-articlelist-list .image-display.bottom.left{
    background-position:left bottom;
}
.widget-articlelist-list .image-display.bottom.right{
    background-position:right bottom;
}

/*活动卡片*/
.has_radius{
    border-radius: 10px!important;
    overflow: hidden;
}
.activecard{
    background-color: #fff;
    margin-bottom:15px;
}
.activecard.has_gap{
    margin: 15px 15px;
}
.activecard .contentdetail{
    padding:10px 15px;
}
.activecard .title{
    font-weight:bold;
    font-size:15px;
    line-height:25px;
    margin:0;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width:100%;
    padding-right:20%;
    position:relative;
    text-align:left;
}
.activecard .title label{
    /*float:right;*/
    font-size:12px;
    color:#999;
    position:absolute;
    line-height:25px;
    right:0;
    top:0;
}
.activecard .time,.activecard .address,.activecard .brief{
    line-height:22px;
    margin:0;
    padding-left:20px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background:url('images/template/time.png') no-repeat left center;
    background-size:16px 16px;
    color:#888;
    font-size:12px;
}
.activecard .brief{
    background:none;
    padding-left:0px;
}
.activecard .address{
    background-image:url('images/template/address.png');
    /*background-size:14px 17px;*/
}
.activecard .link{
    color: #000000;
    text-decoration: none;
}
.activecard .link:hover{
    text-decoration: none;
}
/*新版智能橱窗*/
.widget-smartwindow ul{
    /*display: block;*/
    overflow: hidden;
    width:100%;
}
.widget-smartwindow ul.has_gap{
    /*display: block;*/
    overflow: hidden;
    width:100%;
    padding:10px 14px;
    display:table;
}
.widget-smartwindow ul li a{
    width:100%;
    display: block;
    position:relative;
    height:100%;
}
.widget-smartwindow ul li img{
    width:100%;
}

/*通栏*/
.widget-smartwindow ul li{
    width:100%;
    display: table-column;
    float: left;
    vertical-align: middle;
    box-sizing: border-box;
    background:#efefef;
    overflow: hidden;
    background:#fff;

}
.widget-smartwindow ul li span.absoluteBg{
    display:block;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.25);
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    font-size:20px;
    color:#fff;
    text-align:center;
    align-items:center; 
    display:flex;
    display: -webkit-flex;
    justify-content:center;
}
/*通栏*/
.widget-smartwindow ul li{
    width:100%;
    display: table-column;
    float: left;
    vertical-align: middle;
    box-sizing: border-box;
    background:#efefef;
    overflow: hidden;
    background:#fff;
}
/*通栏间距*/
.widget-smartwindow.col-1 ul.has_gap li{
    width:100%;
    margin-top:10px;
}
.widget-smartwindow.col-1 ul.has_gap li:nth-child(1){
    margin-top:0px;
}
/*一分为二*/
.widget-smartwindow.col-2 ul li{
    width:50%;
    height:159px;
}
.widget-smartwindow.col-2 ul.has_gap li{
    width:140px;
    height:140px;
    margin-right:10px;
    margin-top:10px;
}
.widget-smartwindow.col-2 ul.has_gap li:nth-child(1),.widget-smartwindow.col-2 ul.has_gap li:nth-child(2){
    margin-top:0px;
}
.widget-smartwindow.col-2 ul.has_gap li:nth-child(2n+2){
    margin-right:0px;
}
/*一分为三*/
.widget-smartwindow.col-3 ul li{
    width:33.3333%;
    height:106px;
}
.widget-smartwindow.col-3 ul.has_gap li{
    width:90px;
    height:90px;
    margin-right:10px;
    margin-top:10px;
}
.widget-smartwindow.col-3 ul.has_gap li:nth-child(1),.widget-smartwindow.col-3 ul.has_gap li:nth-child(2),.widget-smartwindow.col-3 ul.has_gap li:nth-child(3){
    margin-top:0px;
}
.widget-smartwindow.col-3 ul.has_gap li:nth-child(3n+3){
    margin-right:0px;
}
/*左一右二*/
.widget-smartwindow.col-4 ul li{
    width: 106px;
    height:106px;
}
.widget-smartwindow.col-4 ul li:nth-child(3n+1) {
    width: 212px;
    height:212px;
}

.widget-smartwindow.col-4 ul.has_gap li {
    width:93.33px;
    height:93.33px;
}

.widget-smartwindow.col-4 ul.has_gap li:nth-child(3n+1) {
    width:186.66px;
    height:196.66px;
    margin-right:10px;
}
.widget-smartwindow.col-4 ul.has_gap li:nth-child(3n+2) {

    margin-bottom:10px;
}
/*两大两小*/
.widget-smartwindow.col-5 ul li,.widget-smartwindow.col-6 ul li{
    width:106px;
    height:106px;
}
.widget-smartwindow.col-5 ul li:nth-child(4n+2),.widget-smartwindow.col-5 ul li:nth-child(4n+3){
    width:212px;
}
.widget-smartwindow.col-6 ul li:nth-child(4n+1),.widget-smartwindow.col-6 ul li:nth-child(4n+4){
    width:212px;
}
.widget-smartwindow.col-5 ul.has_gap li,.widget-smartwindow.col-6 ul.has_gap li{
    width:93.33px;
    height:93.33px;
    margin-top:10px;
}
.widget-smartwindow.col-5 ul.has_gap li:nth-child(4n+1),.widget-smartwindow.col-5 ul.has_gap li:nth-child(4n+3){
    margin-right:10px;
}
.widget-smartwindow.col-5 ul.has_gap li:nth-child(4n+2),.widget-smartwindow.col-5 ul.has_gap li:nth-child(4n+3){
    width:186.66px;
}
.widget-smartwindow.col-6 ul.has_gap li:nth-child(4n+1),.widget-smartwindow.col-6 ul.has_gap li:nth-child(4n+3){
    margin-right:10px;
}
.widget-smartwindow.col-6 ul.has_gap li:nth-child(4n+1),.widget-smartwindow.col-6 ul.has_gap li:nth-child(4n+4){
    width:186.66px;
}
.widget-smartwindow.col-5 ul.has_gap li:nth-child(1),.widget-smartwindow.col-5 ul.has_gap li:nth-child(2),.widget-smartwindow.col-6 ul.has_gap li:nth-child(1),.widget-smartwindow.col-6 ul.has_gap li:nth-child(2){
    margin-top:0px;
}
/*一大四小*/
.widget-smartwindow.col-7 ul li,.widget-smartwindow.col-8 ul li{
    width:106px;
    height:106px;
}
.widget-smartwindow.col-8 ul li{
    float:right;
}
.widget-smartwindow.col-7 ul li:nth-child(5n+1),.widget-smartwindow.col-8 ul li:nth-child(5n+1){
    height:212px;
}
.widget-smartwindow.col-7 ul.has_gap li,.widget-smartwindow.col-8 ul.has_gap li{
    width:90px;
    height:90px;
    margin-top:10px;
    margin-left:10px;
}
.widget-smartwindow.col-7 ul.has_gap li:nth-child(1),.widget-smartwindow.col-7 ul.has_gap li:nth-child(2),.widget-smartwindow.col-7 ul.has_gap li:nth-child(3),.widget-smartwindow.col-8 ul.has_gap li:nth-child(1),.widget-smartwindow.col-8 ul.has_gap li:nth-child(2),.widget-smartwindow.col-8 ul.has_gap li:nth-child(3){
    margin-top:0px;
}
.widget-smartwindow.col-7 ul.has_gap li:nth-child(5n+1){
    height:190px;
    margin-left:0;
}
.widget-smartwindow.col-8 ul.has_gap li:nth-child(5n+1){
    height:190px;
}
.widget-smartwindow.col-8 ul li:nth-child(5n+5),.widget-smartwindow.col-8 ul li:nth-child(5n+3){
    margin-left:0;
}

.module_title{
    padding:0 15px;
}
.module_type{
    padding:0 15px !important;
}
.module_type li{
    float:left;
    margin:5px 5px !important;
    width:90px;
    position: relative;
    height: 60px;
    line-height: 60px;
}
.module_type li img{
    width:90px;
}
.module_type li .check-icon{
    position:absolute;
    color:#13b067;
    right:5px;
    bottom:5px;
}

/*团购预售*/
.grouppresale{
    background-color: #fff;
    margin-bottom:15px;
}
.grouppresale.has_gap{
    margin: 15px 15px;
}
.grouppresale .contentdetail{
    padding:10px 15px;
}
.grouppresale .title{
    font-weight:bold;
    font-size:15px;
    line-height:25px;
    margin:0;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    position:relative;
    text-align:left;

}
.grouppresale .link{
    color: #000000;
    text-decoration: none;
}
.grouppresale .link:hover{
    text-decoration: none;
}
.grouppresale .image-block{
    position:relative;
}
.grouppresale .flag{
    position:absolute;
    top:0;
    left:0;
    padding:0 10px;
    height:30px;
    line-height:30px;
    color:#000;
    text-align:center;
    /*border-radius: 5px !important;*/
}
.grouppresale .group_btn{
    float:right;
    /*width:80px;*/
    height:30px;
    line-height:30px;
    color:#000;
    text-align:center;
    border-radius: 5px !important;
    margin-top:-10px;
    padding:0 5px;
}
.grouppresale .old_price{
    color:#666;
}
.grouppresale .new_price{
    color:#cc0000;
}

.widget-labelnav .labelnav-block{
     background-color: #ffffff;
 }
 .widget-labelnav .labelnav-lists{
     overflow: hidden;
 }
 .widget-labelnav .labelnav-lists li{
     text-align: center;
     overflow:hidden;
     height: 40px;
 }
 .widget-labelnav .labelnav-lists .scroll-bottom-line .labelnav-inner-text{
     margin: 0 5px;
     border-bottom: 1px solid transparent;
     height: 40px;
     line-height: 39px;
     overflow:hidden;
 }
 .widget-labelnav .labelnav-lists .scroll-label .labelnav-inner-text{
     margin: 0 5px;
     border: 1px solid transparent;
     height: 30px;
     line-height: 30px;
     overflow:hidden;
     margin-top: 5px;
     border-radius: 5px !important;
     padding: 0 5px;
 }
 .widget-labelnav .labelnav-lists .slidedown-linebottom .labelnav-inner-text{
     margin: 0 5px;
     border-bottom: 1px solid transparent;
     height: 40px;
     line-height: 39px;
     overflow:hidden;
 }
 .widget-labelnav .labelnav-lists .slidedown-label .labelnav-inner-text{
     margin: 0 5px;
     border: 1px solid transparent;
     height: 30px;
     line-height: 30px;
     overflow:hidden;
     margin-top: 5px;
     border-radius: 5px !important;
     padding: 0 5px;
 }

.fixedpopup-block {
    width:50px;
    position:fixed;
    z-index:999999;
}
.fixedpopup-block li{
    width:50px;
    height:50px;
    border-radius:50%;
    overflow:hidden;
    margin-bottom:10px!important;
}
.fixedpopup-block li:last-child{
     margin-bottom:0px;
}
.fixedpopup-block li img{
    width:100%;
    height:100%;
}
.fixedpopup-block.left-top{
    top:50px;
    left:10px;
}
.fixedpopup-block.left-bottom{
    bottom:60px;
    left:10px;
}
.fixedpopup-block.right-top{
    top:50px;
    right:10px;
}
.fixedpopup-block.right-bottom{
    bottom:60px;
    right:10px;
}
.fixedpopup-fixedBg {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:999;
    background:rgba(0, 0, 0, 0.3);

}
.fixedpopup-fixedBg .fixedpopup-block {
    width:50%;
    left:50%;
    top:50%;
}
.fixedpopup-fixedBg label .close{
  position:absolute;
  right:5px;
  top:5px;
  color:#666;
  width:25px;
  height:25px;
  background-size:100%;
  display:block;
}

/*门店列表*/
.storelist{
	padding:10px;
	background:#fff;
    position:relative;
}
.storelist:first-child:before{border-top:0;}
.storelist.has_radius:before,.storelist.has_radius:first-child:before{border-top:0;}
.storelist.has_gap{
	margin:15px;
}
.storelist .image-block{
	width:60px;
	height:60px;
}
.storelist .image-block img{width:60px;height:60px;}
.storelist .storename label{
	float:right;
}
.storelist .link {
    text-decoration: none;
    display:flex;
    width:100%;
    height:100%;
    align-items: center;
}
.storelist .contentdetail{color:#666;flex:1;overflow: hidden;}
.storelist .contentdetail .storename{color:#333;font-weight: 400;font-size:16px;}
.storelist .time,.storelist .address,.storelist .tel{
    line-height:22px;
    margin:0;
    padding-left:20px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background:url('images/template/time.png') no-repeat left center;
    background-size:16px 16px;
    color:#888;
    font-size:12px;
}
.storelist .address{
	background-image:url('images/template/address.png');
}
.storelist .tel{
	background-image:url('images/template/tel.png');
}


/*优惠券*/
.coupon-item{
    height: 110px;
    margin: 15px!important;
    padding: 10px 15px!important;
    background: linear-gradient(to right, #FF548E , #FF8856);
    display:flex;
}
.coupon-item-img{
    padding: 10px 15px!important;
}
.coupon-item-img>img{
    width:100%;
    display:block;
}
.coupon-item .coupon-detail{
    flex:1;
    overflow:hidden;
}
.coupon-item .cpnname{
    font-size: 18px;
    color: #fff;
    margin-bottom: 8px;
    width: 100%;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 8px;
}
.coupon-item .cpnrule{
    font-size: 16px;
    color: #fff;
    width: 100%;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.coupon-item .cpntime{
    font-size: 16px;
    color: #fff;
    width: 100%;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.coupon-item .get-coupon{
    width: 90px;
    height: 100px;
    padding: 0 0 0 15px;
}
.coupon-item .progress-text{
    height: 15px;
    font-size: 12px;
    color: #fff;
    margin-bottom: 2px;
}
.coupon-item .weui-progress__bar{
    height: 9px;
    line-height: 9px;
    border-top-left-radius: 4.5px!important;
    border-bottom-left-radius: 4.5px!important;
    border-top-right-radius: 4.5px!important;
    border-bottom-right-radius: 4.5px!important;
    background-color: #CD3F0D;
}
.coupon-item .weui-progress__inner-bar{
    height: 5px;
    margin: 2px;
    max-width: 76px;
    background-color: #ffffff;
    border-top-left-radius: 2.5px;
    border-bottom-left-radius: 2.5px;
    border-top-right-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
}
.coupon-item .get-btn{
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%!important;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    font-size: 15px;
    margin-top: 10px;
    margin-left: 12.5px;
}
.coupon-item .line-block{
    position: relative;
    height: 110px;
    width: 24px;
    float: left;
    margin-top: -10px;
    margin-bottom: -10px;
}
.coupon-item .top-cricle{
    border-radius: 0 0 48px 48px!important;
    height: 12px;
    width: 24px;
    background-color: #fff;
    position: absolute;
    top: 0;
}
.coupon-item .line-through{
    width: 1px;
    border-left: 1px dashed #fff;
    height: 110px;
    margin-left: 11.5px;
}
.coupon-item .bottom-cricle{
    border-radius: 48px 48px 0 0!important;
    height: 12px;
    width: 24px;
    background-color: #fff;
    position: absolute;
    bottom: 0; 
}
.coupon-item.disabled-coupons{
    background: linear-gradient(to right, #D5D2D1 , #D5D2D1);
}
.coupon-item.disabled-coupons .weui-progress__bar{
    background-color: #ffffff;
}
.coupon-item.disabled-coupons .weui-progress__inner-bar{
    background-color: #C3C3C3;
}
.coupon-item.disabled-coupons .get-btn{
    border-radius: 0;
    border: none;
}

.countdown{
  display:block;
  font-size: 15px;
  color: #000;
  font-weight: 700;
  line-height: 30px;
   margin: 10px 0 10px 15px;
}
.countdown span{
    margin: 0 5px;
    padding: 2px 5px;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    background-color: #ec5428;
}
/*错误弹窗*/
#msg{position: fixed;height: 3rem;width: 80%;background: black;opacity: 0.8;color: #fff;border-radius: 5px;top: 50%;left: 10%;margin-top: -1.5rem;text-align: center;line-height: 3rem;z-index: 99999;display: none;}