@charset "UTF-8";

body {
    _margin: 0
}

.ui_lock_scroll {
    *overflow: hidden
}

.ui_buttons input, .ui_content, .ui_title {
    font: 14px Helvetica, Arial
}

table.ui_border, table.ui_dialog {
    width: auto;
    border-spacing: 0;
    *border-collapse: collapse
}

.ui_border td, .ui_dialog td {
    padding: 0
}

.ui_dialog {
    background: #FFF
}

.ui_title {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    cursor: move;
    -moz-user-select: none;
    -webkit-user-select: none;
    padding: 0 100px 0 0
}

.ui_title_buttons {
    position: absolute;
    cursor: pointer;
    font-size: 0;
    letter-spacing: -.5em
}

.ui_main {
    min-width: 6em;
    min-width: 0 \9;
    text-align: center
}

.ui_content {
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: left;
    font-size: 14px;
    line-height: 1.8
}

.ui_content.ui_state_full {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 !important
}

.ui_content.ui_state_full iframe {
    border-radius: 0 0 2px 2px
}

.ui_loading {
    width: 96px;
    height: 32px;
    text-align: left;
    text-indent: -9999em;
    background: url(../images/loading.gif) center center no-repeat
}

.ui_icon_bg {
    margin: 20px 5px 20px 15px
}

.ui_icon {
    vertical-align: top
}

.ui_icon img {
    width: 48px;
    height: 48px
}

.ui_close, .ui_max, .ui_min, .ui_res {
    position: relative;
    text-decoration: none;
    letter-spacing: normal;
    text-align: center;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    font-family: tahoma, arial, Helvetica, sans-serif
}

.ui_max b, .ui_min b, .ui_res_b, .ui_res_t {
    display: block;
    position: absolute;
    cursor: pointer
}

.ui_close {
    font-weight: 500;
    text-decoration: none;
    outline: 0;
    vertical-align: baseline;
    _line-height: 22px
}

.ui_close:hover {
    text-decoration: none
}

.ui_state_tips .ui_main {
    min-width: 3em
}

.ui_state_tips .ui_content {
    margin-top: -2px;
    padding: 8px 10px !important
}

.ui_state_tips .ui_icon_bg {
    margin: 11px 0 6px 9px;
    width: 28px;
    height: 28px
}

.ui_res, .ui_state_tips .ui_title, .ui_state_tips .ui_title_buttons {
    display: none
}

#ldg_lockmask {
    background: #000;
    filter: alpha(opacity=30);
    opacity: .3
}

.ui_dialog {
    border: 1px solid #AAA;
    border-radius: 5px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .3)
}

.ui_state_lock .ui_dialog {
    box-shadow: 0 3px 18px rgba(0, 0, 0, .3)
}

.ui_state_drag .ui_dialog, .ui_state_lock.ui_state_drag .ui_dialog {
    box-shadow: none
}

.ui_state_focus .ui_title {
    color: #505050
}

.ui_lb, .ui_lt, .ui_rb, .ui_rt {
    width: 0;
    height: 0;
    *width: 1px;
    *height: 1px
}

.ui_rb {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: 0 0
}

.m-diy-container, .m-phone, .pagexd, .ui_title_bar {
    position: relative
}

.ui_title_bar {
    height: 100%;
    border-bottom: 1px solid #DDD
}

.ui_title {
    font-size: 14px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    color: #666;
    background: #fafafa;
    background: -moz-linear-gradient(top, #fcfcfc, #f4f4f4);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#f4f4f4));
    background: -o-linear-gradient(top, #fcfcfc, #f4f4f4);
    background: -ms-linear-gradient(top, #fcfcfc 0, #f4f4f4 100%);
    background: linear-gradient(top, #fcfcfc, #f4f4f4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f4f4f4');
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    border-radius: 2px 2px 0 0;
    padding-left: 10px
}

.ui_state_drag .ui_title {
    background: #fafafa;
    background: -moz-linear-gradient(top, #f4f4f4, #fcfcfc);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#fcfcfc));
    background: -o-linear-gradient(top, #f4f4f4, #fcfcfc);
    background: -ms-linear-gradient(top, #f4f4f4 0, #fcfcfc 100%);
    background: linear-gradient(top, #f4f4f4, #fcfcfc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#fcfcfc')
}

.ui_title_buttons {
    top: 7px;
    right: 5px
}

.ui_close, .ui_max, .ui_min, .ui_res {
    color: #aaa;
    font-size: 18px;
    width: 20px;
    height: 20px;
    line-height: 18px
}

.ui_min_b {
    top: 10px;
    left: 5px;
    width: 10px;
    height: 2px;
    border-bottom: 2px solid #aaa
}

.ui_max_b {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 7px
}

.ui_res_b, .ui_res_t {
    top: 8px;
    left: 3px;
    width: 10px;
    height: 5px
}

.ui_res_b {
    top: 4px;
    left: 6px
}

.ui_max_b, .ui_res_b, .ui_res_t {
    border: 1px solid #aaa;
    border-top-width: 3px
}

.ui_res_t {
    background: #fafafa
}

.ui_close:focus, .ui_close:hover {
    color: #bf160b
}

.ui_max:hover b, .ui_min:hover b, .ui_res:hover b {
    border-color: #2492FF
}

.ui_buttons {
    padding: 4px 8px;
    text-align: right;
    white-space: nowrap;
    border-top: 1px solid #ececec;
    border-radius: 0 0 2px 2px;
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc, #f4f4f4);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#f4f4f4));
    background: -o-linear-gradient(top, #fcfcfc, #f4f4f4);
    background: -ms-linear-gradient(top, #fcfcfc 0, #f4f4f4 100%);
    background: linear-gradient(top, #fcfcfc, #f4f4f4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f4f4f4')
}

.ui_buttons input::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

.ui_buttons input {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-left: 10px;
    padding: 0 16px;
    height: 24px;
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    background: #fff;
    background: -moz-linear-gradient(top, #fff, #f4f4f4);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f4f4f4));
    background: -o-linear-gradient(top, #fff, #f4f4f4);
    background: -ms-linear-gradient(top, #fff 0, #f4f4f4 100%);
    background: linear-gradient(top, #fff, #f4f4f4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4');
    font: 14px Helvetica, Arial;
    color: #555;
    vertical-align: middle;
    cursor: pointer
}

.ui_buttons input:hover {
    filter: progid:DXImageTransform.Microsoft.Gradient(enabled=false);
    background: #f4f4f4;
    color: #555
}

.ui_buttons input:active {
    background: #fbfbfb;
    background: -moz-linear-gradient(top, #e8e8e8, #fbfbfb);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#fbfbfb));
    background: -o-linear-gradient(top, #e8e8e8, #fbfbfb);
    background: -ms-linear-gradient(top, #e8e8e8 0, #fbfbfb 100%);
    background: linear-gradient(top, #e8e8e8, #fbfbfb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#fbfbfb')
}

input.ui_state_highlight {
    border: 1px solid #3279a0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    background: #337fa9;
    background: -moz-linear-gradient(top, #4994be, #337fa9);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#4994be), to(#337fa9));
    background: -o-linear-gradient(top, #4994be, #337fa9);
    background: -ms-linear-gradient(top, #4994be 0, #337fa9 100%);
    background: linear-gradient(top, #4994be, #337fa9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4994be', endColorstr='#337fa9');
    font-weight: 700;
    color: #fff;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .22)
}

input.ui_state_highlight:hover {
    filter: progid:DXImageTransform.Microsoft.Gradient(enabled=false);
    background: #3286b4;
    color: #fff
}

input.ui_state_highlight:active {
    background: #2b6c90;
    background: -moz-linear-gradient(top, #2b6c90, #4994be);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#2b6c90), to(#4994be));
    background: -o-linear-gradient(top, #2b6c90, #4994be);
    background: -ms-linear-gradient(top, #2b6c90 0, #4994be 100%);
    background: linear-gradient(top, #2b6c90, #4994be);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b6c90', endColorstr='#4994be')
}

.ui_state_tips, .ui_state_tips .ui_dialog, .ui_state_tips .ui_inner, .ui_state_tips .ui_title_bar {
    border: 0;
    background: 0 0;
    box-shadow: none;
    border-radius: 0;
    filter: none
}

.m-editmodel, .m-phone, .msk_qrCode, .weui-tabbar {
    box-shadow: 0 5px 10px rgba(0, 0, 0, .35)
}

.ui_state_tips .ui_content {
    font-weight: 700;
    font-size: 14px;
    color: #323232;
    text-align: center
}

.ui_state_tips .ui_dialog, .ui_state_tips .ui_l, .ui_state_tips .ui_r {
    background-image: url(../images/dialog/icons/gb_tip_layer.png);
    _background-image: url(../images/dialog/icons/gb_tip_layer_ie6.png);
    background-repeat: no-repeat
}

.ui_state_tips .ui_l {
    background-position: -6px 0;
    width: 5px
}

.ui_state_tips .ui_r {
    background-position: 0 0;
    width: 5px
}

.ui_state_tips .ui_dialog {
    background-position: 0 -54px;
    background-repeat: repeat-x;
    height: 54px
}

* {
    margin: 0;
    padding: 0
}

.m-editmodel, .msk_box_item {
    padding: 10px;
    box-sizing: border-box
}

body {
    font: 12px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    overflow-x: hidden;
    font-size: 12px;
    font-family: Verdana, Arial, "细明体", sans-serif;
    background-color: #efefef;
    min-width: 1006px
}

#sortable_container {
    min-height: 667px
}

#sortable_container img {
    max-width: 100%;
    max-height: 100%
}

.m-phone {
    width: 375px;
    min-height: 667px;
    margin: 5px auto;
    background-color: #f8f8f8;
    background-size: 100% auto !important;
    background-position: top center !important
}

.m-diy-container {
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box;
    margin-top: 5px
}

.pagexd {
    display: inline-block;
    vertical-align: top;
    width: 375px
}

.pagexd::-webkit-scrollbar {
    width: 5px;
    height: 4px;
    position: fixed
}

.m-delete, .u_drag {
    width: 20px;
    vertical-align: middle
}

.m-delete, .msk_add_ad label, .u_drag {
    height: 20px;
    display: inline-block
}

.pagexd::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2)
}

.pagexd::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .5)
}

.u_drag {
    background: url(../images/drag.png) center no-repeat;
    background-size: 15px;
    cursor: move
}

.m-delete {
    background: url(../images/delete.png) center no-repeat;
    background-size: cover;
    cursor: pointer
}

.m-editmodel {
    border: 1px solid #bbb;
    min-width: 300px;
    height: 580px;
    vertical-align: top;
    margin-top: 60px;
    overflow-y: scroll;
    position: fixed;
    background-color: #fff;
    right: 0;
    top: 0
}

.editContent, .ms {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.m-editmodel select, .m-scrollBox img, .u-blank, .u-blank input, .u-blank label {
    vertical-align: middle
}

.m-editmodel select {
    padding: 5px
}

.m-editmodel ul li {
    padding: 5px;
    border: 1px solid #fff;
    box-sizing: border-box
}

.m-editmodel ul li:hover {
    border: 1px dashed #d5d5d5
}

.addModule {
    font-size: 14px;
    color: #2a70a6;
    line-height: 40px
}

.u-blank {
    width: 100%;
    display: inline-block;
    line-height: 35px
}

.u-blank input {
    display: inline-block
}

.u-blank label {
    display: inline-block;
    font-size: 12px
}

.ms {
    content: "";
    border: 1px dashed #fff
}

.editContent {
    position: absolute;
    box-sizing: border-box
}

.editContent ul {
    position: absolute;
    right: 0;
    top: 0;
    display: none
}

.editContent ul li {
    float: left;
    font-size: 12px;
    cursor: pointer;
    padding: 1px 4px;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 2px;
    margin-right: 1px;
    line-height: 20px
}

.m-blank, .m-scrollBox {
    color: #333;
    text-align: center
}

.dropItem:hover .editContent {
    border: 1px dotted green
}

.editContent:hover ul {
    display: block
}

.m-blank {
    font-size: 12px
}

.swiper-container {
    background: #FFF
}

.m-scrollBox {
    background-color: #FFF;
    height: 50px;
    line-height: 50px;
    position: relative;
    box-sizing: border-box;
    clear: both
}

.m-scrollBox img {
    max-height: 100%;
    max-width: 100%
}

.m-scrollBox-bot {
    width: 100%;
    height: 10px;
    line-height: 10px !important;
    position: absolute;
    left: 0;
    bottom: 5px;
    text-align: center
}

.bot-item {
    width: 5px;
    height: 5px;
    border-radius: 100%;
    display: inline-block;
    margin: 2px
}

.m-RichText {
    position: relative;
    box-sizing: border-box;
    clear: both;
    word-break: break-all
}

.msk_box {
    width: 320px;
    height: 100%;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .35);
    box-sizing: border-box;
    top: 5px;
    right: 5px
}

.close, .u-arrow {
    width: 25px;
    height: 25px;
    position: absolute
}

.close {
    border-radius: 100%;
    background: url(../images/close.png) no-repeat #FFF;
    background-size: cover;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .35);
    top: -10px;
    right: -10px;
    z-index: 5;
    cursor: pointer;
    opacity: 1
}

.close:hover {
    opacity: 1
}

.info_box {
    display: flex;
    align-items: center;
    line-height: 20px
}

.u-arrow {
    background: url(../images/arrow-right.png) no-repeat;
    background-size: cover
}

.msk_box_item {
    border-bottom: 1px solid #f8f8f8
}

.m_data_img_warp {
    float: left
}

.m_data_img {
    width: 80px !important;
    height: 80px !important;
    line-height: 80px !important;
    border: 1px solid #D5D5D5;
    background-color: #f8f8f8;
    text-align: center;
    position: relative;
    cursor: pointer;
    display: table-cell !important;
    vertical-align: middle !important;
    margin-right: 10px
}

.product-info em {
    color: #db384c
}

.m_data_img img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.isHome i, .m_data_tip input, .msk_add_ad label, .shear_ct, .sub-label {
    vertical-align: top
}

.m_data_img input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    font-size: 500px;
    opacity: 0
}

.m_data_tip {
    font-size: 12px;
    line-height: 25px;
    color: #888;
    float: left;
    padding-left: 5px
}

.m_data_tip label, .msk_add_ad, .msk_add_ad:hover {
    color: #373f42
}

.m_data_tip p {
    margin-bottom: 10px
}

.m_data_tip select {
    padding: 2px
}

.m_data_tip input {
    padding: 2px;
    width: 80px
}

.msk_add_ad_box {
    background-color: #31364a;
    padding: 10px 0
}

.msk_add_ad {
    clear: both;
    font-size: 12px;
    text-align: center;
    box-sizing: border-box;
    width: 90%;
    margin: 10px auto;
    padding: 10px;
    border-radius: 2px;
    cursor: pointer;
    line-height: 20px
}

.msk_add_ad label {
    width: 20px;
    background: url(../images/pc1.png) center no-repeat;
    background-size: cover;
    margin: 0 2px
}

.msk_box_list_info {
    position: fixed;
    width: 400px;
    height: 100%;
    right: 0;
    top: 0
}

.msk_box_list_content {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    box-sizing: border-box;
    color: #333;
    border-left: 1px solid #31364a;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .35)
}

.msk_box_list_content table td, .msk_box_list_content table th {
    border: 1px solid #f8f8f8;
    padding: 5px;
    line-height: 20px
}

.msk_box_list_item {
    height: 100%;
    overflow-y: scroll
}

.msk_box_list_content table {
    width: 100%;
    height: 100%;
    font-size: 12px
}

.msk_box_list_content table td {
    text-align: center
}

.msk_box_list_content table td:first-child {
    text-align: left
}

.u-tableFrom {
    height: 24px;
    width: 220px;
    margin: 10px auto;
    padding-bottom: 5px
}

.u-tableFrom input {
    height: 100%;
    display: inline-block;
    padding: 0;
    margin: 0;
    border: 1px solid #d5d5d5;
    font-size: 12px
}

.u-tableFrom input[type=text] {
    width: 135px;
    padding: 2px 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0
}

.u-tableFrom input[type=button] {
    background-color: #ff6700;
    color: #FFF;
    height: 100%;
    height: 30px;
    width: 60px;
    font-size: 12px;
    float: right;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
    cursor: pointer;
    border-radius: 4px;
    vertical-align: middle
}

.minLabel {
    display: inline-block !important;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    vertical-align: middle
}

.minLabel label {
    padding: 2px;
    font-size: 12px;
    color: #FFF !important;
    border-radius: 2px;
    margin-right: 5px
}

.borderStyle {
    border: 1px dashed #d5d5d5 !important;
    border-radius: 2px
}

select {
    width: auto
}

label {
    display: initial
}

.display {
    display: block
}

.header ul li, .header ul li i, .header_center, .m_item_delete, .m_wordsType label {
    display: inline-block
}

.pageInfo {
    text-align: center !important
}

.pageInfo em {
    color: #373f42;
    padding: 0 5px
}

.m_item_delete {
    width: 20px;
    height: 20px;
    background: url(../images/delete2.png) center no-repeat;
    background-size: cover;
    cursor: pointer;
    vertical-align: middle
}

.m_wordsType label, .m_wordsType label:hover {
    background-color: #d5d5d5
}

.m_wordsType label {
    padding: 2px 10px;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 2px
}

.full_msk_table select {
    padding: 5px
}

.info_warp {
    clear: both;
    margin-bottom: 15px;
    border-bottom: 1px dotted #d5d5d5;
    padding-bottom: 10px
}

.header {
    position: fixed;
    width: 100%;
    height: 50px;
    background-color: #31364a;
    top: 0;
    left: 0;
    z-index: 5;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .35);
    box-sizing: border-box;
    text-align: center
}

.header ul {
    height: 100%
}

.header ul li {
    width: 50px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    line-height: 20px;
    height: 100%;
    position: relative;
    padding: 0 5px
}

.header_center, .header_left ul li {
    line-height: 50px
}

.header_left, .header_right {
    position: absolute;
    height: 100%
}

.header ul li:hover {
    background-color: #484d64;
    color: #fff;
    opacity: 1
}

.header ul li i {
    font-size: 20px;
    padding-top: 5px
}

.header_left {
    left: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .35)
}

.header_left ul li i {
    padding: 0;
    font-size: 20px
}

.header_center {
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: 15px
}

.html_box {
    width: 310px
}

.html_box img {
    max-width: 100%
}

.msk-plane {
    box-sizing: border-box;
    padding: 10px 20px;
    font-size: 12px
}

.msk-plane select {
    padding: 5px
}

.borderRed {
    border: 1px solid red
}

.header_right {
    margin-right: 20px;
    right: 0
}

.msk_tp_box {
    position: fixed;
    right: 0;
    top: 0;
    width: 400px;
    height: 100%;
    background-color: #31364a;
    overflow-y: scroll;
    overflow-x: hidden
}

.msk_tp_box:before {
    content: "";
    display: block;
    height: 50px;
    width: 100%
}

.msk_tp_box ul li {
    width: 50%;
    box-sizing: border-box;
    padding: 10px;
    float: left;
    position: relative;
    text-align: center;
    color: #fff
}

.msk_tp_box ul li input {
    display: none
}

.msk_tp_box ul li p {
    display: block;
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    bottom: 0;
    width: 100%
}

.msk_tp_box ul li img {
    width: 100%
}

.msk_tp_box ul li label {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer
}

.msk_tp_box ul li input:checked + label {
    background: url(../images/diy/select.png) right bottom no-repeat;
    background-size: 40px
}

.pagexd .liPlace {
    list-style-type: none;
    width: 100%;
    height: 100px;
    border: 2px dotted #ec6941;
    box-sizing: border-box;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    background-color: #ffe5cd;
    position: relative;
    color: #000 !important
}

.msk_qrCode {
    width: 120px;
    height: 250px;
    background-color: #fff;
    position: fixed;
    bottom: 10px;
    right: 10px;
    margin-left: 220px;
    border-radius: 4px;
    text-align: center;
    z-index: 1
}

#msk_qrcode_img, .p1 .m_pinfo, .p2 .m_pinfo, .p3 .m_pinfo, .p5 .m_pinfo {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .35)
}

.msk_qrcode_btn {
    padding: 10px 30px;
    background-color: #4285f4;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    margin-top: 20px;
    cursor: pointer
}

#msk_qrcode_img, .app_header, .m_left {
    background-color: #fff
}

#msk_qrcode_img {
    width: 100px;
    height: 100px;
    margin: 10px auto auto;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 5px
}

#msk_qrcode_img img {
    width: 100%;
    height: 100%
}

.app_header {
    height: 42px;
    text-align: center;
    font-size: 16px;
    position: relative;
    line-height: 42px;
    cursor: pointer;
    border: 1px solid transparent
}

.app_header:hover {
    border: 1px solid #ec6941
}

.app_header i {
    position: absolute;
    font-size: 20px;
    right: 10px;
    top: 0;
    margin-top: 2px
}

.weui-tabbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: fixed;
    z-index: 500;
    bottom: 0;
    width: 373px;
    background-color: #F7F7FA;
    cursor: pointer;
    border: 1px solid transparent
}

.weui-navbar, .weui-navbar__item label {
    position: relative
}

.weui-tabbar a {
    text-decoration: none
}

.weui-tabbar:hover {
    border: 1px solid #ec6941
}

.weui-tabbar__item {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 5px 0 0;
    font-size: 0;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.weui-tabbar__icon {
    display: inline-block;
    width: 27px;
    height: 27px
}

.weui-tabbar__label {
    text-align: center;
    font-size: 10px;
    line-height: 1.8
}

.weui-navbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    line-height: 20px;
    background-color: #FAFAFA;
    border: 1px solid transparent;
    z-index: 1
}

.weui-navbar__item {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    text-align: center
}

.inputicon, .radioBox, .radioBox label i, .sub-label, .weui-navbar__item label, .weui-switch {
    display: inline-block
}

.weui-navbar__item span {
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0
}

.weui-navbar:hover {
    border: 1px solid #ec6941
}

.m_left {
    width: 310px;
    width: 330px;
    height: 100%;
    position: fixed;
    bottom: 0;
    top: 0;
    top: 5px;
    left: 5px;
    box-sizing: border-box
}

.radioBox, .weui-grid, .weui-grids {
    position: relative
}

.weui-grid {
    display: block;
    float: left;
    padding: 20px 10px;
    width: 33.33333333%;
    box-sizing: border-box;
    cursor: pointer;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}

.weui-grid:hover {
    background-color: #3f4652
}

.weui-grid__icon {
    width: 40px;
    height: 40px;
    margin: 0 auto
}

.weui-grid__icon img {
    display: block;
    width: 100%;
    height: 100%
}

.weui-grid__label {
    display: block;
    text-align: center;
    color: #373f42;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.weui-grid__icon + .weui-grid__label {
    margin-top: 5px
}

.nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    border-bottom: none;
    margin: 0;
    padding-left: 0;
    background-color: #fff
}

.nav-tabs-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex: 1;
    border-bottom: 1px solid #d6d6d6;
    color: #373f42
}

.nav-tabs-item:hover {
    color: #373f42
}

.nav-tabs-item.active {
    border-bottom: 1px solid #ff6700;
    color: #373f42
}

.nav-tabs-item label {
    border: none;
    text-align: center;
    margin: 0;
    border-radius: 0;
    text-decoration: none;
    padding: 15px;
    font-size: 14px;
    display: block;
    cursor: pointer
}

.inputBox{
  color:#7d8893;
}

.addSel a, .inputBox a {
    text-decoration: underline
}

.sub-content {
    overflow: visible;
    padding-left: 15px
}

.sub-level1 {
    padding-left: 8px;
    padding-right: 18px
}

.sub-label {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    color: #373f42
}

.inputBox a, .inputBox a:hover {
    color: #ff6700
}

.inputBox input[type=color] {
    width: 28px;
    height: 28px
}

.inputBox input[type=text] {
    padding: 5px;
    border-radius: 2px;
    border: 1px solid #d5d5d5;
    font-size: 12px;

    color:#7d8893;
}

.inputBox a {
    margin-left: 10px
}

.inputicon {
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #7d8893;
    font-size: 12px;
    vertical-align: middle
}

.inputicon input[type=color] {
    width: 100%;
    height: 100%
}

.inputicon input[type=checkbox], .inputicon input[type=radio] {
    margin-top: 5.5px
}

.radioBox {
    width: 30px;
    height: 30px;
    overflow: hidden
}

.radioBox label {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
    border: 1px solid #d5d5d5;
    box-sizing: border-box;
    border-radius: 2px;
    text-align: center
}

.radioBox label i {
    vertical-align: middle;
    line-height: 27px
}

.hidebox, .radioBox input, .sub-type .radioBox label i {
    display: none
}

.minIcon .inputicon, .minIcon .radioBox {
    min-width: 80px;
    line-height: 30px;
    height: 30px
}

.radioBox input:checked + label {
    border: 1px solid #ff6700;
    color: #ff6700
}

.sub-content .box_border {
    /*border-bottom: 1px solid #d5d5d5;*/
    padding: 10px 0
}

.minIcon .inputicon {
    margin-right: 10px;
    margin-bottom: 10px
}

.weui-switch, .weui-switch-cp__box {
    position: relative;
    width: 32px;
    height: 19px;
    background-color: #DFDFDF;
    outline: 0;
    box-sizing: border-box
}

.minIcon i {
    font-size: 12px !important
}

.weui-switch {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #DFDFDF;
    border-radius: 16px;
    -webkit-transition: background-color .1s, border .1s;
    transition: background-color .1s, border .1s
}

.weui-switch-cp__box {
    border: 1px solid #DFDFDF;
    border-radius: 16px;
    -webkit-transition: background-color .1s, border .1s;
    transition: background-color .1s, border .1s;
    display: block
}

.weui-switch-cp__box:before, .weui-switch:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 18px;
    border-radius: 15px;
    background-color: #FDFDFD;
    -webkit-transition: -webkit-transform .35s cubic-bezier(.45, 1, .4, 1);
    transition: -webkit-transform .35s cubic-bezier(.45, 1, .4, 1);
    transition: transform .35s cubic-bezier(.45, 1, .4, 1);
    transition: transform .35s cubic-bezier(.45, 1, .4, 1), -webkit-transform .35s cubic-bezier(.45, 1, .4, 1)
}

.weui-switch-cp__box:after, .weui-switch:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    border-radius: 15px;
    background-color: #FFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    -webkit-transition: -webkit-transform .35s cubic-bezier(.4, .4, .25, 1.35);
    transition: -webkit-transform .35s cubic-bezier(.4, .4, .25, 1.35);
    transition: transform .35s cubic-bezier(.4, .4, .25, 1.35);
    transition: transform .35s cubic-bezier(.4, .4, .25, 1.35), -webkit-transform .35s cubic-bezier(.4, .4, .25, 1.35)
}

.weui-switch-cp__input:checked ~ .weui-switch-cp__box, .weui-switch:checked {
    border-color: #04BE02;
    background-color: #04BE02
}

.weui-switch-cp__input:checked ~ .weui-switch-cp__box:before, .weui-switch:checked:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.weui-switch:checked:after {
    -webkit-transform: translateX(14px);
    transform: translateX(14px)
}

.weui-switch-cp__input {
    position: absolute;
    left: -9999px
}

.full_msk, .mCS, .mTel {
    position: fixed
}

.weui-switch-cp__input:checked ~ .weui-switch-cp__box:after {
    -webkit-transform: translateX(14px);
    transform: translateX(14px)
}

.inputicon input[type=range] {
    vertical-align: middle;
    margin-right: 10px
}

.inputicon label img {
    max-height: 100%;
    max-width: 100%
}

.inputBtn {
    text-align: center;
    border: 1px solid #d5d5d5
}

.inputBtn input[type=button] {
    border: none;
    background-color: #ff6700;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px
}

.activity-countdown, .full_msk {
    background-color: rgba(0, 0, 0, .5)
}

.inputBtn:hover {
    color: #ff6700
}

.full_msk {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.full_msk_cn {
    position: absolute;
    width: 800px;
    height: 510px;
    background-color: #fff;
    left: 50%;
    top: 50%;
    margin-top: -330px;
    margin-left: -400px;
    border-radius: 2px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .35);
    overflow: hidden
}

.full_msk_title {
    padding: 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    background-color: #F8F8F8
}

.full_msk_title i {
    float: right;
    line-height: 42px;
    cursor: pointer
}

.full_msk_cn table {
    width: 100%;
    padding-bottom: 10px
}

.full_msk_cn td {
    text-align: center;
    line-height: 25px;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    vertical-align: middle;
    padding: 5px
}

.full_msk_cn td input {
    border: none;
    background-color: #d5d5d5;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 4px
}

.sub-level-title {
    padding: 20px 10px 20px 20px;
    margin-left: -15px;
    background-color: #fff;
    border-bottom: 1px solid #d5d5d5;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    color: #373f42;
    font-size: 12px
}

.sub-level-title:hover {
    color: #373f42
}

.sub-level-title i {
    float: right;
    margin: 0 2px
}

.showbox {
    display: block
}

.full_msk_table ul li {
    display: block;
    width: 25%;
    box-sizing: border-box;
    float: left;
    text-align: center
}

.full_msk_table ul li .full_info {
    width: 165px;
    height: 168px;
    display: inline-block;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    overflow: hidden;
    margin: 5px 0;
    position: relative;
    line-height: 20px
}

.full_msk_table ul li .full_info:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .35)
}

.full_info span {
    padding: 5px 10px;
    display: inline-block;
    height: 35px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;

    width: 130px;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.full_msk_cn .full_info input {
    color: #fff;
    padding: 5px 25px;
    font-size: 12px;
    border-radius: 4px;
    margin-top: 5px;
    cursor: pointer;
    border: 1px solid #d5d5d5;
    background-color: #ff6700
}

.pageInfo input {
    border: none;
    background-color: #d5d5d5;
    color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer
}

.full_icon {
    float: left;
    width: 16.6%;
    text-align: center;
    margin-top: 10px
}

.full_icon .full_icon_item {
    width: 100px;
    height: 140px;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 10px;
    border: 1px solid #d5d5d5;
    border-radius: 2px
}

.full_icon_item:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .35)
}

.full_icon .full_icon_item img {
    width: 60px;
    height: 60px;
    padding: 10px 0
}

.full_icon input[type=button] {
    border: none;
    background-color: #d5d5d5;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px
}

.tabBar_icon {
    float: left;
    width: 25%;
    margin-top: 10px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 5px
}

.tabBar_icon_item {
    height: 100px;
    width: 150px;
    padding: 10px 0;
    display: inline-block;
    border: 1px solid #d5d5d5;
    border-radius: 2px
}

.tabBar_icon_item:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .35)
}

.tabBar_icon img {
    width: 50px;
    height: 50px
}

.tabBar_icon input[type=button] {
    border: none;
    background-color: #d5d5d5;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px
}

.iconBoxList, .m-od-tab, .shear_box {
    background-color: #fff
}

.videoBox {
    position: relative
}

.isHome {
    display: inline-block;
    height: 14px;
    line-height: 14px
}

.shear_ct, .shear_logo {
    line-height: 25px;
    display: inline-block
}

.IsRelease {
    position: absolute;
    color: green;
    top: 5px;
    right: 8px
}

.IsRelease i {
    color: green;
    font-size: 40px
}

.noRelease {
    top: 5px;
    right: -12px;
    color: grey
}

.noRelease i {
    color: grey;
    font-size: 30px
}

.shear_box {
    width: 290px;
    min-height: 330px;
    border-radius: 2px;
    box-sizing: border-box;
    position: relative;
    padding: 12px 12px 35px;
    background-size: cover;
    /*box-shadow: 0 5px 10px rgba(0, 0, 0, .35)*/
}

.shear_title {
    height: 25px
}

.shear_logo {
    height: 25px;
    width: 25px;
    border-radius: 100%
}

.shear_logo i {
    font-size: 25px;
    color: #16d328
}

.shear_ct {
    height: 25px;
    font-size: 14px;
    color: #ccc
}

.shear_tip {
    padding: 12px 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #333
}

.shear_img {
    position: relative;
    height: 212px;
    width: 100%;
    overflow: hidden;
    background-color: #f8f8f8;
    text-align: center;
    vertical-align: middle
}

.shear_bottom, .shear_img input {
    width: 100%;
    position: absolute;
    left: 0
}

.shear_img img {
    max-height: 100%;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle
}

.shear_img input {
    top: 0;
    height: 100%;
    font-size: 500px;
    opacity: 0
}

.shear_bottom {
    height: 25px;
    line-height: 25px;
    border-top: 1px solid #dfdfdf;
    bottom: 0;
    font-size: 12px;
    color: #999;
    box-sizing: border-box;
    padding: 0 15px
}

.shear_bottom i {
    font-size: 12px;
    color: #7586db;
    margin-right: 2px
}

.m_left .sub-level-title {
    border-bottom: 1px solid #ececec;
    color: #373f42
}

.m_left .sub-level-title:hover {
    color: #373f42
}

.m_left .msk_add_ad {
    margin: 0 auto
}

.sub-type {
    height: auto
}

.sub-type .radioBox {
    width: 135px;
    height: 80px;
    margin-bottom: 5px
}

.sub-type .radioBox img {
    width: 100%
}

.addSel a {
    color: #1e90ff !important;
    cursor: pointer
}

.m-banner-img {
    width: 100%;
    height: 100px;
    vertical-align: top;
    position: relative
}

.m-user-info {
    position: absolute;
    top: 60px;
    width: 70px;
    height: 70px;
    text-align: center;
    left: 50%;
    margin-left: -35px;
    z-index: 3;
    color: #666
}

.all_order, .m-media-box, .vipBox {
    position: relative
}

.m-user-info img {
    width: 70px;
    height: 70px;
    border-radius: 60px;
    border: 1px solid #fff;
    vertical-align: middle;
    box-shadow: 0 1px 7.5px rgba(0, 0, 0, .35)
}

.m-user-info label {
    line-height: 35px;
    display: block;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.active-product-item, .active-product-name, .coupon-info, .m-od-tab, .ms, .text-info {
    line-height: 20px
}

.m-od-tab {
    font-size: 12px;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, .35);
    color: #888
}

.i-type {
    font-size: 20px
}

.m-cell-hd {
    text-align: center;
    line-height: 28px
}

.m-od-tab .g-flex-item {
    padding: 10px 0
}

.m-od-tab .g-flex-item:active {
    background-color: #ececec
}

.my_od {
    border-left: 1px solid #dfdfdf
}

.all_order {
    display: block
}

.m-panel-bd {
    margin-top: 20px
}

.m-panel-bd label {
    vertical-align: middle;
    font-size: 25px;
    margin: 0 5px
}

.m-cell-primary {
    font-size: 14px
}

.m-animate-img {
    width: 100%;
    height: 125px;
    overflow: hidden;
    -webkit-animation: imageAnimation 15s linear infinite alternate;
    animation: imageAnimation 15s linear infinite alternate;
    webkit-backface-visibility: hidden;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    margin-top: -20px
}

.m-animate-warp {
    overflow: hidden;
    height: 100px;
    -webkit-animation: imageAnimation 15s linear infinite alternate;
    animation: imageAnimation 15s linear infinite alternate
}

@-webkit-keyframes imageAnimation {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 0 100%
    }
}

@keyframes imageAnimation {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 0 100%
    }
}

.g-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.g-flex-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.m-media-box {
    padding: 15px;
    color: #000;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.m-media-box:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #E5E5E5;
    color: #E5E5E5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    left: 15px
}

.active-product, .iconBoxList {
    border-top: 1px solid #f8f8f8
}

.m-media-box:first-child:before {
    display: none
}

.m-media-box-title {
    font-weight: 400;
    font-size: 17px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all
}

.active-product-name, .activity-name {
    white-space: normal;
    -webkit-line-clamp: 2
}

.m-media-box-desc {
    color: #999;
    font-size: 13px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.m-media-box-info {
    margin-top: 15px;
    padding-bottom: 5px;
    font-size: 13px;
    color: #CECECE;
    line-height: 1em;
    overflow: hidden
}

.m-media-box-info-meta {
    float: left;
    padding-right: 1em
}

.m-media-box-info-meta-extra {
    padding-left: 1em;
    border-left: 1px solid #CECECE
}

.m-media-box-text .m-media-box-title {
    margin-bottom: 8px
}

.m-media-box-appmsg {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.m-media-box-appmsg .m-media-box-hd {
    margin-right: .8em;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center
}

.m-media-box-appmsg .m-media-box-thumb {
    width: 100%;
    max-height: 100%;
    vertical-align: top
}

.m-media-box-appmsg .m-media-box-bd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0
}

.m-media-box-small-appmsg {
    padding: 0
}

.m-media-box-small-appmsg .weui-cells {
    margin-top: 0
}

.m-media-box-small-appmsg .weui-cells:before {
    display: none
}

.iconBoxList .iconfont, .iconBoxList span {
    display: inline-block;
    vertical-align: middle
}

.iconBoxList {
    margin-top: 20px;
    vertical-align: middle;
    line-height: 25px;
    border-bottom: 1px solid #f8f8f8
}

.iconBoxList .iconfont {
    font-size: 25px
}

.iconBoxList ul {
    box-sizing: border-box;
    padding-left: 10px;
    overflow: hidden;
    clear: both
}

.iconBoxList ul li {
    padding: 10px 5px;
    border-bottom: 1px solid #f8f8f8
}

.iconBoxList ul li:last-child {
    border-bottom: none
}

.iconBoxList span {
    font-size: 14px;
    color: #333;
    margin-left: 5px
}

.iconBoxList i {
    float: right;
    color: #d5d5d5;
    font-size: 14px !important
}

.boxGrid, .fl {
    float: left
}

.iconBoxLattice {
    background-color: transparent
}

.iconBoxLattice .iconfont {
    display: block;
    font-size: 30px;
    line-height: 30px
}

.iconBoxLattice ul {
    padding: 0;
    width: 100%
}

.iconBoxLattice ul li {
    width: 25%;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px solid #f8f8f8;
    background-color: #fff
}

.iconBoxLattice i {
    display: none !important
}

.iconBoxLattice span {
    font-size: 12px;
    margin-left: 0
}

.vipBox .msk_add_ad, .vipBox .weui-grid__icon {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.vipBox:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../images/corner.png) no-repeat;
    background-size: cover;
    top: 0;
    left: 0
}

.active-product {
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid #f8f8f8;
    margin-bottom: 20px
}

.active-product-item {
    width: 25%;
    height: 310px;
    border-radius: 2px;
    overflow: hidden;
    margin: 5px 0;
    position: relative;
    display: flex;
    justify-content: center
}

.active-content {
    width: 165px;
    height: 300px;
    border: 1px solid #d5d5d5;
    box-sizing: border-box
}

.active-content:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .35)
}

.active-product-img img {
    width: 100%;
    height: 178px
}

.active-product-name {
    text-align: center;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    padding: 5px 0
}

.boxGridLabel, .coupon-name, .notice-content li, .text-info span, .time1 span, .time2 span, .title-label {
    white-space: nowrap
}

.active-product-pic {
    text-align: center
}

.active-product-pic em {
    color: #db384c;
    font-size: 14px
}

.active-select {
    text-align: center
}

.active-select input[type=button] {
    border: none;
    background-color: #DB384C;
    color: #FFF;
    height: 100%;
    height: 30px;
    width: 60px;
    font-size: 12px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
    cursor: pointer;
    border-radius: 4px;
    vertical-align: middle;
    margin-top: 10px
}

.produc-info {
    display: flex
}

.text-info {
    margin-left: 10px
}

.m_data_img {
    flex-shrink: 0
}

.coupon-info, .head-title, .notice {
    align-items: center
}

.text-info span {
    width: 180px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.text-info span em {
    font-size: 14px;
    color: #db384c
}

.coupon-item {
    width: 25%;
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #fff
}

.coupon-item:hover {
    border: 1px solid #db384c
}

.coupon-info {
    height: 180px;
    background-color: #f3f3f3;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.coupon-info em {
    color: #db384c
}

.coupon-name {
    line-height: 40px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.official-account {
    position: relative;
    clear: both
}

.homeCheck input[type=checkbox] {
    cursor: pointer;
    margin-top: 9px
}

.homeCheck label {
    cursor: pointer;
    color: #434343;
    position: relative;
    top: -2px;
    margin-right: 5px
}

.PersonalCenterModelExampleClass .m-animate-warp {
    height: 145px
}

.PersonalCenterModelExampleClass .m-user-info {
    position: absolute;
    top: 32px;
    left: 60px;
    width: 335px;
    text-align: left
}

.PersonalCenterModelExampleClass .m-user-info img {
    width: 60px;
    height: 60px
}

.PersonalCenterModelExampleClass .m-user-info label {
    display: inline
}

.PersonalCenterModelExampleClass .iconBoxList {
    border: 0;
    margin: 27px 24px;
    position: relative;
    border-radius: 4px
}

.up_img {
    width: 104px;
    height: 104px;
    background: url(../images/90x90.png) no-repeat;
    background-size: cover;
    margin: 4px 4px 0 0;
    flex-shrink: 0
}

.s1, .s2h {
    width: 375px
}

.p2, .up_img_item {
    flex-wrap: wrap
}

.up_img_item {
    display: flex
}

[v-cloak] {
    display: none
}

.ms {
    text-align: center;
    position: relative;
    overflow: hidden;
    word-wrap: break-word;
    font-size: 12px;
    display: block;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer
}

.ms img {
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle
}

.s1 {
    height: 375px
}

.s2h {
    height: 187.5px
}

.s2v {
    width: 187.5px;
    height: 375px
}

.s4h {
    width: 375px;
    height: 93.75px
}

.s4v, .s8v {
    height: 187.5px
}

.s4v {
    width: 187.5px
}

.s8v {
    width: 93.75px
}

.s16, .s8h {
    height: 93.75px
}

.s8h {
    width: 187.5px
}

.s16 {
    width: 93.75px
}

.s250h {
    width: 375px;
    height: 250px
}

.fr {
    float: right
}

.Pink {
    background-color: #ffd4d4
}

.Blue {
    background-color: #d4f5ff
}

.Green {
    background-color: #d7ea96
}

.Yellow {
    background-color: #fff488
}

.Orange {
    background-color: #ffcb80
}

.Violet {
    background-color: #e9d3f8
}

.Gray {
    background-color: #ddd
}

.p1 .m_pinfo, .p2 .m_pinfo, .p3 .m_pinfo, .p4 .m_pinfo {
    background-color: #Ffffff
}

.m-blank {
    position: relative;
    clear: both;
    min-height: 14px
}

.m_plist {
    cursor: pointer;
    padding: 0 5px;
    box-sizing: border-box;
    overflow: hidden;
    clear: both;
    position: relative
}

.pinfo {
    padding: 8px;
    box-sizing: border-box
}

.pprice {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2px
}

.pSelling, .pname label {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.pname label {
    font-size: 14px;
    box-sizing: border-box;
    line-height: 18px;
    color: #333;
    height: 18px;
    text-overflow: ellipsis
}

.pSelling {
    font-size: 12px;
    line-height: 20px;
    color: #aaa;
    box-sizing: border-box;
    text-overflow: ellipsis
}

.boxFlex, .p2, .p4 .m_pinfo, .p4 .pinfo, .p5 {
    display: flex
}

.pprice .pc {
    color: #DB384C;
    font-size: 16px
}

.pprice .pc label {
    font-size: 12px
}

.p2 .m_pitem {
    box-sizing: border-box;
    padding: 5px;
    width: 50%;
    flex-shrink: 0
}

.p2 .m_pinfo {
    border-radius: 2px
}

.p2 .pimg {
    height: 172.5px;
    overflow: hidden;
    line-height: 172.5px;
    position: relative;
    border-radius: 2px 2px 0 0
}

.p1 .pimg, .p3 .pimg {
    line-height: 345px;
    position: relative
}

.p2 .pimg img {
    width: 100%;
    vertical-align: middle
}

.p1 .m_pitem {
    box-sizing: border-box;
    padding: 10px;
    width: 100%
}

.p3 .m_pitem, .p4 .m_pitem {
    padding: 5px;
    width: 100%;
    box-sizing: border-box
}

.p1 .m_pinfo {
    border-radius: 2px
}

.p1 .pimg {
    height: 345px;
    overflow: hidden;
    border-radius: 2px 2px 0 0
}

.p1 .pimg img {
    width: 100%;
    vertical-align: middle
}

.p3 .m_pinfo {
    border-radius: 2px
}

.p3 .pimg {
    height: 166px;
    overflow: hidden;
    border-radius: 2px 2px 0 0
}

.c4, .p4 .m_pinfo, .p5 .m_pinfo {
    border-radius: 2px
}

.p3 .pimg img {
    width: 100%;
    vertical-align: middle
}

.p4 .m_pinfo {
    height: 130px;
    position: relative
}

.p4 .m_pinfo:after {
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #C8C8CD;
    color: #C8C8CD;
    transform: scaleY(.5);
    top: -6px
}

.boxFlex, .boxGrid, .boxGrids, .c1, .c2, .c3, .p4 .pimg {
    position: relative
}

.c3, .c4 {
    text-align: center;
    color: #FFF;
    font-size: 12px
}

.p4 .pinfo {
    flex-direction: column;
    justify-content: space-between;
    width: 100%
}

.p4 .pimg {
    width: 130px;
    height: 130px;
    overflow: hidden;
    line-height: 150px;
    border-radius: 2px 0;
    flex-shrink: 0
}

.p4 .pimg img {
    width: 100%;
    vertical-align: middle
}

.c1 {
    width: 20px;
    height: 20px;
    background: url(../images/pc1.png) center no-repeat;
    background-size: cover
}

.c2 {
    width: 25px;
    height: 25px;
    background: url(../images/pc2.png) center no-repeat;
    background-size: cover
}

.c3 {
    width: 50px;
    height: 30px;
    right: -15px;
    line-height: 25px;
    background: url(../images/pc3.png) center no-repeat;
    background-size: cover
}

.boxGridLabel, .c4, .p5 {
    line-height: 20px
}

.c4 {
    padding: 2px 10px;
    background-color: #DB384C;
    height: 20px
}

.p5 {
    width: 100%;
    overflow: hidden;
    padding: 5px 8px 5px 0
}

.p5 .m_pitem {
    width: 135px;
    flex-shrink: 0;
    background-color: #fff;
    margin-left: 8px
}

.p5 .m_pitem img {
    width: 135px;
    height: 135px
}

.p5 .m_pinfo {
    background-color: #Ffffff
}

.p5 .pname label {
    font-size: 12px
}

.p5 .pprice {
    margin-top: 5px
}

.p5 .pprice .pc {
    font-size: 14px
}

.boxFlex {
    box-sizing: border-box;
    min-height: 20px
}

.boxFlexItem1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.boxFlexItem2 {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    flex: 2
}

.boxFlexItem3 {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    flex: 3
}

.boxFlexItem4 {
    -webkit-box-flex: 4;
    -webkit-flex: 4;
    flex: 4
}

.boxFlexItem5 {
    -webkit-box-flex: 5;
    -webkit-flex: 5;
    flex: 5
}

.fdRow {
    -webkit-flex-direction: row;
    flex-direction: row
}

.fdRowReverse {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.fdColumn {
    -webkit-flex-direction: column;
    flex-direction: column
}

.fdColumnReverse {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.fwNowrap {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.fwWrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.fwWrapReverse {
    -webkit-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.jcFlexStart {
    text-align: left
}

.jcFlexEnd {
    text-align: right
}

.boxGridLabel, .jcCenter {
    text-align: center
}

.aiFlexStart {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    clear: both
}

.aiFlexEnd {
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.aiCenter {
    -webkit-align-items: center;
    align-items: center
}

.aiBaseline {
    -webkit-align-items: baseline;
    align-items: baseline
}

.aiStretch {
    -webkit-align-items: stretch;
    align-items: stretch
}

.boxGrids {
    overflow: hidden;
    clear: both
}

.boxGridsBorder {
    border-top: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9
}

.boxGrid {
    padding: 20px 10px;
    width: 33.33333333%;
    box-sizing: border-box
}

.boxGridBorder {
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9
}

.boxGrid:active {
    background-color: #ECECEC
}

.boxGridIcon {
    width: 34px;
    height: 34px;
    margin: 0 auto
}

.boxGridIcon img {
    display: block;
    width: 100%;
    height: 100%
}

.boxGridIcon + .boxGridLabel {
    margin-top: 5px
}

.boxGridLabel {
    display: block;
    color: #000;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden
}

.mCS, .mTel {
    height: 44px;
    left: 50%;
    top: 50%;
    margin-left: 130px;
    border-radius: 100%;
    z-index: 9999;
    line-height: 44px;
    background-color: #fff;
    text-align: center
}

.mTel {
    width: 44px;
    margin-top: 120px;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .2)
}

.mCS {
    width: 44px;
    margin-top: 170px;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .2)
}

.formBox, .fromCK_item, .searchBox {
    position: relative
}

.mCS .iconfont, .mTel .iconfont {
    font-size: 30px
}

.searchBox {
    width: 100%;
    box-sizing: border-box;
    clear: both
}

.searchBox .contentBox {
    width: 100%;
    height: 30px;
    background-color: #fff;
    border-radius: 30px;
    box-sizing: border-box;
    padding: 0 20px;
    line-height: 30px;
    color: #bfbfbf;
    font-size: 14px
}

.searchBox i {
    font-size: 16px;
    margin-right: 5px
}

.formBox {
    padding: 25px;
    background-color: #fff;
    clear: both
}

.formBox .fromInput {
    margin-bottom: 5px
}

.formBox label {
    display: block;
    line-height: 25px;
    color: #888
}

.formBox .fromInput input[type=text], input[type=date] {
    box-sizing: border-box;
    height: 35px;
    padding: 5px;
    background-color: transparent;
    width: 100%;
    border: 1px solid #d5d5d5;
    border-radius: 4px
}

.fromCK_item {
    vertical-align: middle;
    line-height: 30px
}

.fromCK_item label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.fromCK_item input[type=checkbox], .fromCK_item input[type=radio] {
    display: none;
    vertical-align: middle;
    margin-right: 5px
}

.fromCK_item span {
    vertical-align: middle
}

.fromCK_item i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    color: #888;
    font-size: 20px
}

.icon-icon-text-fi-radio, .icon-xuanze1 {
    display: none !important
}

.fromCK_item input[type=checkbox]:checked + .icon-xuanze {
    display: none !important
}

.fromCK_item input[type=checkbox]:checked + .icon-xuanze + .icon-xuanze1 {
    display: inline-block !important;
    color: #db384c
}

.fromCK_item input[type=radio]:checked + .icon-danxuan1 {
    display: none !important
}

.fromCK_item input[type=radio]:checked + .icon-danxuan1 + .icon-icon-text-fi-radio {
    display: inline-block !important;
    color: #db384c
}

.formSubmit {
    text-align: center
}

.fromInput textarea {
    box-sizing: border-box;
    height: 100px;
    padding: 5px;
    background-color: transparent;
    width: 100%;
    border: 1px solid #d5d5d5;
    border-radius: 4px
}

.formButtom {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    padding: 12px;
    background-color: #db384c;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    margin-top: 10px
}

.notice {
    height: 32px;
    background-color: #f8f8f8;
    display: flex;
    clear: both;
    position: relative
}

.notice-icon {
    height: 17px;
    padding: 0 5px 0 12px
}

.notice-icon img {
    height: 100%
}

.notice-content {
    height: 22px;
    font-size: 12px;
    flex: 1;
    overflow: hidden
}

.notice-content ul {
    display: inline-block;
    overflow: hidden
}

.notice-content li {
    height: 22px;
    line-height: 22px;
    margin-right: 10px;
    color: #20273c;
    width: 270px;
    overflow: hidden;
    text-overflow: ellipsis
}

.notice-arrow {
    height: 15px;
    padding: 0 12px
}

.notice-arrow img {
    height: 100%
}

@keyframes notice {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-50%)
    }
}

.head-title {
    box-sizing: border-box;
    height: 40px;
    background-color: #fff;
    padding: 10px 15px;
    display: flex;
    line-height: 20px;
    position: relative
}

.head-title img, .time1 span, .time2 span {
    height: 20px
}

.countdown-box, .title-linke {
    display: flex;
    align-items: center
}

.title-label {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    margin-left: 7px;
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis
}

.title-linke {
    color: #9B9B9B;
    font-size: 12px;
    position: absolute;
    right: 15px
}

.title-linke i {
    font-size: 8px;
    margin-left: 4px
}

.countdown-box {
    margin-left: 12px;
    font-size: 12px
}

.countdown-box label, .laypage_main *, .time1 span, .time2 span {
    display: inline-block
}

.time1 span {
    width: 20px;
    background-color: #F1F1F1;
    color: #db384c;
    text-align: center;
    border-radius: 2px;
    overflow: hidden;
    text-overflow: ellipsis
}

.time2 span {
    width: 20px;
    background-color: #db384c;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    overflow: hidden;
    text-overflow: ellipsis
}

.countdown-box label {
    padding: 0 2px;
    color: #9B9B9B
}

.time-box {
    margin-left: 10px;
    display: flex;
    align-items: center
}

.cttitle {
    font-size: 12px;
    color: #9B9B9B
}

.mark {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0
}

.activity-warp {
    width: 100%;
    overflow: hidden;
    position: relative;
    clear: both
}

.activity-box1 {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 10000%;
    box-sizing: border-box
}

.activity-box1 .activity-item {
    width: 140px;
    box-sizing: border-box;
    padding: 10px 15px 5px;
    margin-right: 5px;
    background-color: #fff
}

.activity-box1 .activity-img {
    width: 110px;
    height: 110px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.activity-box1 .activity-img img {
    max-width: 100%;
    max-height: 100%
}

.activity-countdown {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 25px;
    width: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 25px
}

.activity-name {
    font-size: 12px;
    color: #000;
    line-height: 18px;
    padding: 5px 0;
    height: 34px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.activity-price {
    display: flex;
    height: 20px;
    align-items: center;
    position: relative;
    color: #db384c
}

.activity-price .price {
    font-size: 14px
}

.activity-price .tip {
    font-size: 12px;
    position: absolute;
    right: 0
}

.del-price {
    color: #9B9B9B;
    font-size: 12px;
    text-decoration: line-through;
    margin-left: 5px
}

.activity-desc {
    font-size: 12px;
    color: #9b9b9b;
    line-height: 30px
}

.activity-box2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.activity-box2 .activity-item {
    width: 49.3%;
    padding: 10px 15px 5px;
    background-color: #fff;
    box-sizing: border-box;
    margin-bottom: 5px
}

.activity-box2 .activity-img {
    width: 153px;
    height: 153px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.activity-box2 .tip {
    color: #FF8B96;
    padding: 4px 8px;
    background-color: #FFF4F5;
    border-radius: 10px
}

.activity-box3 {
    display: flex;
    flex-wrap: wrap
}

.activity-box3 .activity-item {
    display: flex;
    height: 135px;
    box-sizing: border-box;
    padding: 10px 15px;
    background-color: #fff;
    border-bottom: 1px solid #f8f8f8;
    width: 100%
}

.activity-box3 .activity-img {
    width: 114px;
    height: 114px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px 0 auto;
    flex-shrink: 0
}

.activity-box3 .activity-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1
}

.activity-box3 .tip {
    color: #FF8B96;
    padding: 4px 8px;
    height: 20px;
    line-height: 12px;
    background-color: #FFF4F5;
    border-radius: 10px;
    box-sizing: border-box;
    margin-right: 5px
}

.activity-box3 .disable, .activity-box3 a {
    height: 25px;
    line-height: 25px;
    border-radius: 4px;
    color: #fff
}

.laypage_main a, .laypage_main span {
    margin: 0 3px 6px;
    padding: 0 10px
}

.activity-box3 .activity-desc {
    display: flex;
    align-items: center
}

.activity-box3 a {
    padding: 0 10px;
    background-color: #db384c;
    position: absolute;
    right: 0
}

.activity-box3 .disable {
    padding: 0 10px;
    background-color: #9B9B9B
}

.coupon_box {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 10000%;
    box-sizing: border-box
}

.coupon_item {
    width: 110px;
    height: 81px;
    background: url(https://static.shopsuite.cn/xcxfile/appicon/coupon/coupon_bg.png) center no-repeat;
    background-size: cover;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 20px;
    text-align: center
}

.coupon_desc, .coupon_price {
    width: 90px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.coupon_price {
    font-size: 18px
}

.coupon_desc {
    font-size: 12px
}

.coupon_img {
    width: 110px;
    height: 81px
}

.coupon_img img {
    width: 100%;
    height: 100%
}

.bg-ellipse {
    border-radius: 0 0 30% 30%;
    height: 50px;
    position: absolute;
    top: 0rem;
    left: 0;
    right: 0;
    z-index: 0;
    background-color: red
}

@font-face {
    font-family: iconfont;
    src: url(iconfont.eot?t=1564390076620);
    src: url(iconfont.eot?t=1564390076620#iefix) format("embedded-opentype"), url(data:application/x-font-woff2;charset=utf-8;base64, ) format("woff2"), url(iconfont.woff?t=1564390076620) format("woff"), url(iconfont.ttf?t=1564390076620) format("truetype"), url(iconfont.svg?t=1564390076620#iconfont) format("svg")
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-juzhong:before {
    content: "\e601"
}

.icon-shijian:before {
    content: "\e621"
}

.icon-gongge:before {
    content: "\e64e"
}

.icon-youhuiquan:before {
    content: "\e60d"
}

.icon-cart:before {
    content: "\e698"
}

.icon-help:before {
    content: "\e6a3"
}

.icon-less:before {
    content: "\e6a5"
}

.icon-moreunfold:before {
    content: "\e6a6"
}

.icon-search:before {
    content: "\e6ac"
}

.icon-unpublished:before {
    content: "\e6df"
}

.icon-service:before {
    content: "\e6c7"
}

.icon-shouye:before {
    content: "\e609"
}

.icon-shouhuodizhi:before {
    content: "\e60e"
}

.icon-xiaojinku:before {
    content: "\e66d"
}

.icon-biaoqian:before {
    content: "\e637"
}

.icon-remind:before {
    content: "\e714"
}

.icon-yonghufankui:before {
    content: "\e617"
}

.icon-zhifu:before {
    content: "\e6cb"
}

.icon-store:before {
    content: "\e722"
}

.icon-logout:before {
    content: "\e64b"
}

.icon-meg:before {
    content: "\e6e0"
}

.icon-baocun-copy-copy:before {
    content: "\e604"
}

.icon-fenxiang:before {
    content: "\e678"
}

.icon-danxuan1:before {
    content: "\e63b"
}

.icon-xiazai:before {
    content: "\e671"
}

.icon-daizhifu:before {
    content: "\e616"
}

.icon-sousuo:before {
    content: "\e63a"
}

.icon-fuzhi:before {
    content: "\e656"
}

.icon-quguo:before {
    content: "\e663"
}

.icon-listview:before {
    content: "\e67b"
}

.icon-xiyiji:before {
    content: "\e67d"
}

.icon-tupian:before {
    content: "\e695"
}

.icon-zhengzaijieru:before {
    content: "\e639"
}

.icon-sort:before {
    content: "\e61c"
}

.icon-icon-del-copy:before {
    content: "\e603"
}

.icon-baocun:before {
    content: "\e60f"
}

.icon-iconshugang-copy:before {
    content: "\e624"
}

.icon-quanbudingdan:before {
    content: "\e640"
}

.icon-myiwancheng:before {
    content: "\e6c6"
}

.icon-juyou:before {
    content: "\e618"
}

.icon-juzuo:before {
    content: "\e61a"
}

.icon-liwu:before {
    content: "\e65e"
}

.icon-fabu:before {
    content: "\e763"
}

.icon-wenhao:before {
    content: "\e71d"
}

.icon-zuanshi:before {
    content: "\e612"
}

.icon-liebiao:before {
    content: "\e60c"
}

.icon-right:before {
    content: "\e614"
}

.icon-shangmenfuwu:before {
    content: "\e63c"
}

.icon-address:before {
    content: "\e636"
}

.icon-shangjia:before {
    content: "\e664"
}

.icon-xiajia:before {
    content: "\e665"
}

.icon-grid:before {
    content: "\e600"
}

.icon-gouwu:before {
    content: "\e611"
}

.icon-kanjia:before {
    content: "\e613"
}

.icon-guanbi:before {
    content: "\e641"
}

.icon-guanbi1:before {
    content: "\e615"
}

.icon-pengyouquan:before {
    content: "\e626"
}

.icon-dianhua--copy:before {
    content: "\e60b"
}

.icon-xuanzhong:before {
    content: "\e83b"
}

.icon-xiaochengxu:before {
    content: "\e608"
}

.icon-icon-text-fi-radio:before {
    content: "\e66f"
}

.icon-bianji:before {
    content: "\e622"
}

.icon-youxiajiaogouxuan:before {
    content: "\e8b7"
}

.icon-xia:before {
    content: "\e610"
}

.icon-biaoge1:before {
    content: "\e717"
}

.icon-tuodong:before {
    content: "\e673"
}

.icon-fangxiangjiantou:before {
    content: "\e64a"
}

.icon-fangxiangjiantou-copy:before {
    content: "\e64c"
}

.icon-fangxiangjiantou-copy-copy:before {
    content: "\e64d"
}

.icon-ZHicon-:before {
    content: "\e630"
}

.icon-xianshangzhifu1:before {
    content: "\e631"
}

.icon-shouji:before {
    content: "\e644"
}

.icon-youxiang:before {
    content: "\e76a"
}

.icon-kefu11:before {
    content: "\e61d"
}

.icon-moban:before {
    content: "\e7de"
}

.icon-xiaochengxu1:before {
    content: "\e67e"
}

.icon-xiegang:before {
    content: "\e68e"
}

.icon-yidong:before {
    content: "\e648"
}

.icon-juzhongduiqi:before {
    content: "\e70e"
}

.icon-zuoduiqi:before {
    content: "\e711"
}

.icon-youduiqi:before {
    content: "\e713"
}

.icon-kefu1:before {
    content: "\e605"
}

.icon-chuyidong:before {
    content: "\e606"
}

.icon-down:before {
    content: "\e602"
}

.icon-gaojiban:before {
    content: "\e6b2"
}

.icon-weibiaoti-:before {
    content: "\e60a"
}

.icon-jrtd:before {
    content: "\e619"
}

.icon-jiaobiao:before {
    content: "\e682"
}

.icon-shipin:before {
    content: "\e646"
}

.icon-bitian:before {
    content: "\e733"
}

.icon-yifabu:before {
    content: "\e607"
}

.icon-wenzi:before {
    content: "\e620"
}

.icon-xuanze2:before {
    content: "\e6c3"
}

.icon-xuanze:before {
    content: "\e628"
}

.icon-xuanze1:before {
    content: "\e629"
}

.icon-kaoshi:before {
    content: "\e623"
}

.icon-shangchuantupian:before {
    content: "\e72d"
}

.icon-icon-:before {
    content: "\e62a"
}

.icon-lipinqia:before {
    content: "\e683"
}

.icon-jifenshangcheng-:before {
    content: "\e61f"
}

.icon-zhifu1:before {
    content: "\e63d"
}

.icon-yuyueguahao:before {
    content: "\e657"
}

.icon-new:before {
    content: "\e62b"
}

.icon-xuanze2-copy:before {
    content: "\e8b8"
}

.icon-ruku:before {
    content: "\e61b"
}

.icon-zuanshi1:before {
    content: "\e635"
}

.icon-mingpian:before {
    content: "\e61e"
}

.icon-WIFI:before {
    content: "\e647"
}

.icon-renminbi:before {
    content: "\e625"
}

/*!
 laypage默认样式
*/
.laypage_main a, .laypage_main input, .laypage_main span {
    height: 26px;
    line-height: 26px
}

.laypage_main button, .laypage_main input, .laypageskin_default a {
    border: 1px solid #ccc;
    background-color: #fff
}

.laypage_main {
    font-size: 0;
    clear: both;
    color: #666
}

.laypage_main * {
    vertical-align: top;
    font-size: 12px
}

.laypage_main a {
    text-decoration: none;
    color: #666
}

.laypage_main input {
    width: 40px;
    margin: 0 5px;
    padding: 0 5px
}

.laypage_main button {
    height: 28px;
    line-height: 28px;
    margin-left: 5px;
    padding: 0 10px;
    color: #666
}

.laypageskin_default span {
    height: 28px;
    line-height: 28px;
    color: #999
}

.laypageskin_default .laypage_curr {
    font-weight: 700;
    color: #666
}

.laypageskin_molv a, .laypageskin_molv span {
    padding: 0 12px;
    border-radius: 2px
}

.laypageskin_molv a {
    background-color: #f1eff0
}

.laypageskin_molv .laypage_curr {
    background-color: #00AA91;
    color: #fff
}

.laypageskin_molv input {
    height: 24px;
    line-height: 24px
}

.laypageskin_molv button {
    height: 26px;
    line-height: 26px
}

.laypageskin_yahei {
    color: #333
}

.laypageskin_yahei a, .laypageskin_yahei span {
    padding: 0 13px;
    border-radius: 2px;
    color: #333
}

.laypageskin_yahei .laypage_curr {
    background-color: #333;
    color: #fff
}

.laypageskin_flow {
    text-align: center
}

.laypageskin_flow .page_nomore {
    color: #999
}

.__vuescroll {
    position: relative;
    overflow: hidden
}

.__vuescroll .__panel {
    box-sizing: border-box
}

.__vuescroll .__panel.__hidebar::-webkit-scrollbar {
    width: 0;
    height: 0
}

.__vuescroll .__panel.__native {
    height: 100%
}

.__vuescroll .__panel.__slide {
    transform-origin: left top 0;
    user-select: none;
    min-width: 100%;
    min-height: 100%
}

.__vuescroll .__panel.__pure-native {
    width: 100%;
    height: 100%
}

.__vuescroll .__view {
    position: relative;
    min-width: 100%;
    min-height: 100%
}

.__vuescroll .__rail-is-horizontal, .__vuescroll .__rail-is-vertical {
    position: absolute;
    z-index: 1
}

.__vuescroll .__bar-is-horizontal, .__vuescroll .__bar-is-vertical {
    cursor: pointer;
    position: relative;
    transition: opacity .5s;
    user-select: none;
    border-radius: inherit
}

.__vuescroll .__rail-is-vertical {
    top: 2px;
    bottom: 2px
}

.__vuescroll .__rail-is-vertical .__bar-is-vertical {
    top: 0;
    width: 100%
}

.__vuescroll .__rail-is-horizontal {
    right: 2px;
    left: 2px
}

.__vuescroll .__rail-is-horizontal .__rail-is-horizontal {
    left: 0;
    height: 100%
}

.__vuescroll .__load, .__vuescroll .__refresh {
    position: absolute;
    width: 100%;
    color: #000;
    height: 50px;
    text-align: center;
    font-size: 16px;
    line-height: 50px
}

.__vuescroll .__load svg, .__vuescroll .__refresh svg {
    margin-right: 10px;
    width: 25px;
    height: 25px;
    vertical-align: sub
}

.__vuescroll .__load svg path, .__vuescroll .__load svg rect, .__vuescroll .__refresh svg path, .__vuescroll .__refresh svg rect {
    fill: #ff6700
}

@font-face {
  font-family: "zc"; /* Project id 479702 */
  src:
    url('data:application/x-font-woff2;charset=utf-8;base64, ') format('woff2'),
    url('//at.alicdn.com/t/c/font_479702_ustlb2goftc.ttf?t=1722835098471') format('truetype');
}

.zc {
  font-family: "zc" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.zc-kefu1:before {
  content: "\e6a4";
}

.zc-kefu2:before {
  content: "\e6a7";
}

.zc-qiyerenzheng:before {
  content: "\e699";
}

.zc-shenqingzhubo:before {
  content: "\e96b";
}

.zc-kaipiaoxinxi:before {
  content: "\e6aa";
}

.zc-libaoduihuan:before {
  content: "\e6ab";
}

.zc-wodeqiandao:before {
  content: "\e878";
}

.zc-chuanjianfangjian:before {
  content: "\e6ad";
}

.zc-duoyuyan:before {
  content: "\e6df";
}

.zc-wodekabao:before {
  content: "\e6fe";
}

.zc-xuexizhongxin:before {
  content: "\e6af";
}

.zc-chuangjianzhibo1:before {
  content: "\e729";
}

.zc-duoyuyan-01:before {
  content: "\e7cb";
}

.zc-zhiboliebiao:before {
  content: "\e810";
}

.zc-dingyuezhongxin:before {
  content: "\e6ce";
}

.zc-wodefapiao:before {
  content: "\e7be";
}

.zc-dingyue:before {
  content: "\e6a9";
}

.zc-qiandao:before {
  content: "\e6a8";
}

.zc-xuexishuben1:before {
  content: "\e5e7";
}

.zc-xuexishuben:before {
  content: "\e719";
}

.zc-favorate:before {
  content: "\e6a5";
}

.zc-share:before {
  content: "\e6a6";
}

.zc-kaipiaoshenqing:before {
  content: "\e6a1";
}

.zc-kaipiao:before {
  content: "\e6a2";
}

.zc-caiwukaipiao:before {
  content: "\e7bd";
}

.zc-zhuxiao:before {
  content: "\e6a0";
}

.zc-yinsi:before {
  content: "\e7c6";
}

.zc-yijianfankui:before {
  content: "\e8a1";
}

.zc-yinsixieyi:before {
  content: "\e69b";
}

.zc-search1:before {
  content: "\e69a";
}

.zc-shaixuan:before {
  content: "\e697";
}

.zc-youxiajiao:before {
  content: "\e7b1";
}

.zc-airudiantubiaohuizhi-zhuanqu_youxi:before {
  content: "\e69e";
}

.zc-15:before {
  content: "\e6a3";
}

.zc-jiayouzhan:before {
  content: "\e499";
}

.zc-qiche:before {
  content: "\e6c1";
}

.zc-fangjian:before {
  content: "\e69f";
}

.zc-tiaoma1:before {
  content: "\e696";
}

.zc-youhuiquan2:before {
  content: "\e695";
}

.zc-xiangshang:before {
  content: "\e694";
}

.zc-xiugaibi:before {
  content: "\e691";
}

.zc-xuanzhong:before {
  content: "\e68f";
}

.zc-meixuanzhong:before {
  content: "\e690";
}

.zc-bianji:before {
  content: "\e686";
}

.zc-shouyecolor:before {
  content: "\e717";
}

.zc-shouye:before {
  content: "\e718";
}

.zc-fenlei2:before {
  content: "\e715";
}

.zc-fenleicolor:before {
  content: "\e716";
}

.zc-faxian:before {
  content: "\e713";
}

.zc-faxiancolor:before {
  content: "\e714";
}

.zc-gouwu:before {
  content: "\e711";
}

.zc-gouwucolor:before {
  content: "\e712";
}

.zc-wodecolor:before {
  content: "\e70f";
}

.zc-wode:before {
  content: "\e710";
}

.zc-wodebaojia:before {
  content: "\e6de";
}

.zc-shouhoufuwu:before {
  content: "\e6ef";
}

.zc-zhanghuyue:before {
  content: "\e510";
}

.zc-wodeyouhuiquan:before {
  content: "\e5a1";
}

.zc-dianpushoucang:before {
  content: "\e5a2";
}

.zc-wodeshoucang:before {
  content: "\e5a3";
}

.zc-wodezuji:before {
  content: "\e5a4";
}

.zc-wodedizhi:before {
  content: "\e5a5";
}

.zc-fabucaigou:before {
  content: "\e5c1";
}

.zc-wodecaigou:before {
  content: "\e6c2";
}

.zc-wodexiaoxi:before {
  content: "\e6c3";
}

.zc-yonghushezhi2:before {
  content: "\e6c4";
}

.zc-yonghufankui:before {
  content: "\e6c5";
}

.zc-bangzhuzhongxin:before {
  content: "\e6c7";
}

.zc-shangjiazhongxin:before {
  content: "\e6c8";
}

.zc-qingchuhuancun:before {
  content: "\e6c9";
}

.zc-wodepintuan:before {
  content: "\e6ca";
}

.zc-fenxiaoyongjin:before {
  content: "\e6cb";
}

.zc-wodeyuyue:before {
  content: "\e6cc";
}

.zc-wodekanjia:before {
  content: "\e6cd";
}

.zc-huiyuanzhongxin:before {
  content: "\e5ce";
}

.zc-wodexiaodian:before {
  content: "\e6d0";
}

.zc-tuiguangzhongxin:before {
  content: "\e6d1";
}

.zc-wodezhibo:before {
  content: "\e6d2";
}

.zc-qishoudating:before {
  content: "\e6d3";
}

.zc-email:before {
  content: "\e689";
}

.zc-tubiaolunkuo-:before {
  content: "\e982";
}

.zc-daipingjia01:before {
  content: "\e685";
}

.zc-daishouhuo1:before {
  content: "\e6b1";
}

.zc-daifahuo2:before {
  content: "\e687";
}

.zc-daizhifu:before {
  content: "\e709";
}

.zc-yiwancheng:before {
  content: "\e688";
}

.zc-yinhangqia:before {
  content: "\e684";
}

.zc-shiyan:before {
  content: "\e8a0";
}

.zc-daifahuo1:before {
  content: "\e683";
}

.zc-wulianwang-:before {
  content: "\e67f";
}

.zc-jishitongxun:before {
  content: "\e6d6";
}

.zc-huabanfuben:before {
  content: "\e6d7";
}

.zc-11:before {
  content: "\e6d8";
}

.zc-close:before {
  content: "\e6dd";
}

.zc-biaoqing:before {
  content: "\e67e";
}

.zc-zhibo:before {
  content: "\e67d";
}

.zc-qiangdan:before {
  content: "\e67c";
}

.zc-paotui:before {
  content: "\e67a";
}

.zc-paotui-fill:before {
  content: "\e67b";
}

.zc-denglu:before {
  content: "\e679";
}

.zc-yunying:before {
  content: "\e82a";
}

.zc-yingxiao:before {
  content: "\e8f6";
}

.zc-daiyunying1:before {
  content: "\e69d";
}

.zc-jingjia:before {
  content: "\e670";
}

.zc-yunying1:before {
  content: "\e672";
}

.zc-yingxiao1:before {
  content: "\e674";
}

.zc-xinwen:before {
  content: "\e675";
}

.zc-fuwuqi:before {
  content: "\e676";
}

.zc-toutiao:before {
  content: "\e68b";
}

.zc-xinxiliu:before {
  content: "\e681";
}

.zc-seo:before {
  content: "\e677";
}

.zc-kefu:before {
  content: "\e7a6";
}

.zc-zu:before {
  content: "\e6ae";
}

.zc-icon-shoot:before {
  content: "\e678";
}

.zc-chanpinnormal:before {
  content: "\e71e";
}

.zc-weibiaoti-:before {
  content: "\e66d";
}

.zc-daiyunying:before {
  content: "\e738";
}

.zc-pinpai1:before {
  content: "\e66e";
}

.zc-xiangqing:before {
  content: "\e665";
}

.zc-tupian:before {
  content: "\e667";
}

.zc-_huaban:before {
  content: "\e669";
}

.zc-sheji:before {
  content: "\e66b";
}

.zc-haibao:before {
  content: "\e66c";
}

.zc-shoujishangchengshangcheng:before {
  content: "\e660";
}

.zc-APP:before {
  content: "\e6fd";
}

.zc-dianshang:before {
  content: "\e661";
}

.zc-jianzhan:before {
  content: "\e663";
}

.zc-ui:before {
  content: "\e657";
}

.zc-luoji:before {
  content: "\e6d5";
}

.zc-ziyuan1:before {
  content: "\e659";
}

.zc-kehuduan:before {
  content: "\e65c";
}

.zc-access:before {
  content: "\e65d";
}

.zc-duqu:before {
  content: "\e65f";
}

.zc-eye:before {
  content: "\e656";
}

.zc-eye-fill:before {
  content: "\e6c6";
}

.zc-kuajingdianshang:before {
  content: "\e651";
}

.zc-dutoutiao:before {
  content: "\e64a";
}

.zc-zhifubao:before {
  content: "\e650";
}

.zc-icon_baidulogo:before {
  content: "\e65e";
}

.zc-android:before {
  content: "\e649";
}

.zc-ios:before {
  content: "\e648";
}

.zc-fenxiao:before {
  content: "\e68e";
}

.zc-fenxiao-fill:before {
  content: "\e647";
}

.zc-qrcode:before {
  content: "\e6b7";
}

.zc-shezhi:before {
  content: "\e646";
}

.zc-bangzhu-fill:before {
  content: "\e644";
}

.zc-bangzhu:before {
  content: "\e645";
}

.zc-guanyu-fill:before {
  content: "\e641";
}

.zc-guanyu:before {
  content: "\e642";
}

.zc-shimingrenzheng:before {
  content: "\e640";
}

.zc-shimingrenzheng1:before {
  content: "\e68a";
}

.zc-mima54:before {
  content: "\e673";
}

.zc-mima:before {
  content: "\e63f";
}

.zc-mima1:before {
  content: "\e658";
}

.zc-mobile:before {
  content: "\e6cf";
}

.zc-viewlist:before {
  content: "\e682";
}

.zc-zichan:before {
  content: "\e63b";
}

.zc-zichan1:before {
  content: "\e668";
}

.zc-yaoqing:before {
  content: "\e666";
}

.zc-yaoqinghaoyou:before {
  content: "\e64f";
}

.zc-backspace:before {
  content: "\e655";
}

.zc-ic_backspace:before {
  content: "\e980";
}

.zc-dianhua:before {
  content: "\e671";
}

.zc-wifi:before {
  content: "\e693";
}

.zc-tingche:before {
  content: "\e8aa";
}

.zc-start:before {
  content: "\e63a";
}

.zc-fenlei:before {
  content: "\e638";
}

.zc-fenlei1:before {
  content: "\e639";
}

.zc-jiangpin:before {
  content: "\e637";
}

.zc-cart:before {
  content: "\e635";
}

.zc-search:before {
  content: "\e654";
}

.zc-viewgallery:before {
  content: "\e981";
}

.zc-member:before {
  content: "\e631";
}

.zc-cart1:before {
  content: "\e633";
}

.zc-categroy:before {
  content: "\e634";
}

.zc-home:before {
  content: "\e6d9";
}

.zc-tihuohexiao:before {
  content: "\e66f";
}

.zc-saomahexiao:before {
  content: "\e630";
}

.zc-tihuohexiao2:before {
  content: "\e65b";
}

.zc-scan:before {
  content: "\e88a";
}

.zc-logout:before {
  content: "\e62f";
}

.zc-wuliukuaidi:before {
  content: "\e62d";
}

.zc-swticonkuaidi:before {
  content: "\e636";
}

.zc-kuaidi2:before {
  content: "\e698";
}

.zc-fabu:before {
  content: "\e62c";
}

.zc-shouhuodizhi1:before {
  content: "\e62e";
}

.zc-weiguiwenzhangpuguangtai:before {
  content: "\e62a";
}

.zc-weiguishangpin:before {
  content: "\e62b";
}

.zc-daifahuo:before {
  content: "\e628";
}

.zc-kanjia:before {
  content: "\e66a";
}

.zc-pintuanzhuanqu:before {
  content: "\e64e";
}

.zc-ziyuan:before {
  content: "\e63e";
}

.zc-xiaochengxu:before {
  content: "\e623";
}

.zc-dianpushoucang-01:before {
  content: "\e64c";
}

.zc-yuyue:before {
  content: "\e61e";
}

.zc-shangpinshoucang:before {
  content: "\e622";
}

.zc-huiyuanjulebu:before {
  content: "\e63d";
}

.zc-pinpai:before {
  content: "\e6ac";
}

.zc-qingchuhuancun-01:before {
  content: "\e61d";
}

.zc-shanchu1:before {
  content: "\e664";
}

.zc-zuji:before {
  content: "\e662";
}

.zc-save:before {
  content: "\e867";
}

.zc-edit:before {
  content: "\e613";
}

.zc-minus:before {
  content: "\e620";
}

.zc-add-circle:before {
  content: "\e60e";
}

.zc-add:before {
  content: "\e6e0";
}

.zc-add-circle-fill:before {
  content: "\e60f";
}

.zc-shezhidaifahuo:before {
  content: "\e60b";
}

.zc-zaixian-im:before {
  content: "\e60c";
}

.zc-weiguishidechulidongzuo:before {
  content: "\e643";
}

.zc-shangpinguanli:before {
  content: "\e692";
}

.zc-weiguijubao:before {
  content: "\e614";
}

.zc-cangkuzhong:before {
  content: "\e610";
}

.zc-chushou:before {
  content: "\e63c";
}

.zc-quxiaodingdan:before {
  content: "\e6bc";
}

.zc-quxiaodingdan-2:before {
  content: "\e608";
}

.zc-dingdanwancheng:before {
  content: "\e653";
}

.zc-shangpinfabu:before {
  content: "\e61c";
}

.zc-yifahuo:before {
  content: "\e6e4";
}

.zc-categroy-4:before {
  content: "\e6b0";
}

.zc-categroy-3:before {
  content: "\e652";
}

.zc-arrow-r:before {
  content: "\e60a";
}

.zc-search-thin:before {
  content: "\e60d";
}

.zc-categroy-2:before {
  content: "\e625";
}

.zc-chazhao:before {
  content: "\e65a";
}

.zc-daifukuan:before {
  content: "\e61f";
}

.zc-jifen:before {
  content: "\e621";
}

.zc-shoucang:before {
  content: "\e68c";
}

.zc-dianpu:before {
  content: "\e68d";
}

.zc-daijinquan:before {
  content: "\e632";
}

.zc-zuji-circle:before {
  content: "\e627";
}

.zc-hongbao:before {
  content: "\e7d5";
}

.zc-shoucang1:before {
  content: "\e69c";
}

.zc-tuihuanhuo:before {
  content: "\e61b";
}

.zc-yuanxinggouwucheyangshi:before {
  content: "\e604";
}

.zc-chongzhiqia:before {
  content: "\e612";
}

.zc-peisongdizhi:before {
  content: "\e606";
}

.zc-wodezichan:before {
  content: "\e61a";
}

.zc-yue:before {
  content: "\e889";
}

.zc-qiachongzhi:before {
  content: "\e6f8";
}

.zc-yonghushezhi:before {
  content: "\e616";
}

.zc-daiziti:before {
  content: "\e617";
}

.zc-shoucang11:before {
  content: "\e605";
}

.zc-wodedingdan:before {
  content: "\e7bc";
}

.zc-shouhuodizhi:before {
  content: "\e624";
}

.zc-daishouhuo:before {
  content: "\e609";
}

.zc-youhuiquan:before {
  content: "\e64d";
}

.zc-yonghushezhi1:before {
  content: "\e607";
}

.zc-huidaodingbu:before {
  content: "\e64b";
}

.zc-daipingjia:before {
  content: "\e618";
}

.zc-shanchu:before {
  content: "\e619";
}

.zc-arrow-r-2:before {
  content: "\e611";
}

.zc-more:before {
  content: "\e680";
}

.zc-message:before {
  content: "\e629";
}

.zc-back:before {
  content: "\e626";
}

.zc-categroy-fill:before {
  content: "\e615";
}

.zc-home-fill:before {
  content: "\e601";
}

.zc-member-fill:before {
  content: "\e602";
}

.zc-search-fill:before {
  content: "\e600";
}

.zc-cart-fill:before {
  content: "\e603";
}




.zc {
    font-family: "zc" !important;
    font-size: 23px;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="zc-"]:before, [class*=" zc-"]:before {
    font-family: "zc" !important;
    font-style: normal;
    font-weight: normal;
    speak: none;
    line-height: 1;

    /* fix buttons height, for twitter bootstrap */
    /* line-height: 1rem;*/

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    /*margin-left: .2em;
    margin-right: .2em;*/

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    font-size:23px;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */


    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.left-sub-content{
  padding-left: 0;
}
.expand_menu_box{
  margin-left:0px;
}

.left-sub-content .sub-level-title{
  padding-left: 35px;
}

.left-expand_menu_content {
  padding-left: 15px;
  /*background: #515a6e;*/
}

.left-expand_menu_content .inputicon, .left-expand_menu_content .inputBox, .left-expand_menu_content  .sub-label{
  color:#7d8893;
}

.pageInfo input, .full_icon input
{
  background-color: #ff6700;
}

.full_msk_cn .full_info input, .full_icon_item input{
  border: 1px solid #ff6700!important;
  background-color: #ffffff!important;
  color: #ff6700!important;
}



.left-expand_menu_content .box_border{
    display: flex;
}



.left-expand_menu_content .share-image{
    display: flex;
}


.left-expand_menu_content .shear_box{
    width: 90px;
    min-height: 90px;
    padding:0;
}

.left-expand_menu_content .shear_img{
    height: 90px;
    width: 90px;
}

.left-expand_menu_content .inputBox{
    margin-left: 5px;
}
