@charset "utf-8";

.Nav {
    width: 100%;
    overflow: hidden;
    padding-bottom: 10px;
}

.Nav li {
    width: 25%;
    margin-top: 10px;
    display: block;
    float: left;
}

.Nav li .btn {
    display: block;
    width: 60px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

.Nav li .btn .img {
    width: 60px;
}

.Nav li .btn .text {
    margin-top: 3px;
    font-size: 13px;
}

.layout-introduce {
    position: relative;
    margin: 10px;
    padding: 10px 20px;
    border-radius: 8px;
}

.layout-introduce .right-tag {
    position: absolute;
    right: 10px;
    top: 10px;
}

.layout-introduce .right-tag .item {
    width: 25px;
    height: 25px;
    text-align: center;
}

.layout-introduce .right-tag .item .icon {
    width: 100%;
    height: 100%;
}

.layout-introduce .thumbnail {
    margin: -35px auto 5px;
    width: 50px;
    height: 50px;
}

.layout-introduce .thumbnail.inside {
    margin-top: 5px;
}

.layout-header-main {

}

.layout-header-main .HeadL,
.layout-header-main .HeadR {
    width: 50px;
}

.layout-header-main .HeadL a {
    display: block;
    margin: 8px;
    width: 34px;
    height: 34px;
    overflow: hidden;
}

.layout-header-main .HeadR a {
    display: block;
    width: 100%;
    height: 100%;
}

.layout-header-main .HeadL a .img {
    width: 100%;
}

.layout-header-main .HeadR a {
    background: url(../images/HInfoBt.png) center no-repeat;
    background-size: auto 24px;
}

.layout-header-main .btn-msg {
    position: relative;
}

.layout-header-main .btn-msg span {
    border-radius: 50%;
    position: absolute;
    width: 18px;
    height: 18px;
    right: 2px;
    top: 3px;
    text-align: center;
    line-height: 18px;
}

.layout-header-main .HeadM {
    margin: 0 50px
}

.layout-header-main .HeadM .container-search {
    display: block;
    position: relative;
    margin: 8px auto;
    width: 100%;
    height: 34px;
    line-height: 34px;
    border-radius: 40px;
}

.layout-header-main .HeadM .container-search .area {
    position: absolute;
    left: 0;
    height: 100%;
    padding-left: 5px;
}

.layout-header-main .HeadM .container-search .icon {
    width: 18px;
    height: 18px;
    margin: 6px 3px 6px 10px;
}

.layout-header-main .HeadM .container-search .input {
    display: block;
    width: 100%;
    background: none;
    border: none;
    padding-left: 40px;
    padding-right: 10px;
    height: 34px;
    line-height: 34px;
}

.layout-header-main .HeadM .container-search.has-supplier .area {
    width: 115px;
}

.layout-header-main .HeadM .container-search.has-supplier .input {
    padding-left: 110px;
}

.layout-header-main .HeadM .container-search .btn-show-supplier {
    padding-right: 10px;
}

.layout-header-main .HeadM .container-search .btn-show-supplier:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 20px;
    margin: 0 -10px 0 10px;
    background: #ccc;
}

.component-placeholder {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.component-switch {
    display: inline-block;
    border-radius: 16px;
    border: 1px solid #999;
    padding-left: 15px;
    padding-right: 0;
}

.component-switch:after {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #999;
}

.component-switch.active {
    border-color: #f8434c;
    padding-left: 0;
    padding-right: 15px;
}

.component-switch.active:after {
    background: #f8434c;
}

.component-loading {
    position: relative;
    margin: 0 auto;
    width: 100%;
}

.component-loading.fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 25% 0;
    z-index: 113;
    background: #f7f7f7;
}

.component-loading .circular {
    animation: component-loading-rotate 4s linear infinite;
    height: 20px;
    transform-origin: center center;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 35%;
    margin: auto;
}

.component-loading .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: component-loading-dash 2s ease-in-out infinite;
    stroke-linecap: round;
}

.component-loading .loading-text {
    padding: 10px 0 10px 5%;
    text-align: center;
}

.component-tab {
    width: 100%;
}

.component-tab > .list {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.component-tab .list-tab-control .item-tab-control {
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-bottom: 1px solid transparent;
}

.component-tab .list-tab-control .item-tab-control .btn-tab-control {
    font-size: 13px;
    color: #999;
}

.component-table {
    display: block;
    margin: 0 auto;
    padding: 15px;
}

.component-table .td,
.component-table .th {
    padding: 5px;
}

.component-photo .cover-img {
    position: relative;
}

.component-photo .cover-img .img {
    display: block;
    width: 100%;
}

.component-photo .mini-code {
    display: none;
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 20%;
    min-width: 120px;
    max-width: 200px;
}

.application-browser .component-photo .mini-code {
    display: block;
}

.component-photo .tag {
    position: absolute;
    right: -10px;
    top: 10px;
}

.component-banner .list .item .img {
    width: 100%
}

.component-banner .slide-nav {
    position: absolute;
    left: 0;
    bottom: 10px;
    text-align: center;
    width: 100%
}

.component-banner .slide-nav .item {
    width: 8px;
    height: 8px;
    margin-right: 4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    line-height: 99em;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    position: relative;
    opacity: 0.5;
}

.component-banner .slide-nav {
    bottom: 5px;
}

.component-banner .slide-nav .item.active {
    position: relative;
}


.layout-tag {
    display: block;
    padding-bottom: 5px;
    overflow: hidden;
    min-height: 28px;
}

.layout-tag .item {
    width: auto;
    float: left;
    margin: 5px 5px 0 0;
    vertical-align: middle;
}

.layout-tag .item-tag {
    display: inline-block;
    border-radius: 2px;
    padding: 3px;
    font-size: 10px;
    line-height: 10px;
}

.component-avatar {
    border-radius: 50%;
    overflow: hidden;
}

.component-avatar .img {
    width: 100%;
}

.layout-float-top {
    position: relative;
    margin: -40px 15px 0;
    padding: 10px;
    border-radius: 10px;
    z-index: 1;
}

.layout-list > .item {
    margin-top: 10px;
}

.layout-list.margin > .item {
    margin: 5px;
}

.layout-flex {
    display: flex;
}

.layout-flex > .item {
    flex: 1;
    margin: 0 5px;
}

.TStitle {
    width: 100%;
    line-height: 300%;
    font-size: 16px;
    text-align: left;
    margin-bottom: 8px;
    padding: 0 10px;
    float: left;
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

.btn .text, .btn .icon {
    vertical-align: middle;
}

.btn.block {
    display: block;
    margin: 15px;
    padding: 10px 15px;
}

.btn.small {
    padding: 5px;
}

.btn.big {
    display: inline-block;
    padding: 8px;
}

.radius {
    border-radius: 4px;
}

.radius-round {
    border-radius: 50%;
}

.component-box {

}

.component-box.space {
    padding: 5px;
}

/*  箭头导航组件 */
.component-arrow-navigator {
    display: block;
    position: relative;
    padding: 10px 15px 10px 10px;
    font-size: 14px;
    border-radius: 6px;
    background: #fff;
}

.component-arrow-navigator[link]:before {
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    top: 0;
    width: 10px;
    height: 100%;
    background-image: url("../images/MoreArrow.png");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 10px auto;
}

.component-arrow-navigator:after {
    content: "";
    display: block;
    clear: both;
}

.component-arrow-navigator .title {
    float: left;
}

.component-arrow-navigator .value {

}

.component-arrow-navigator .footer {
    float: right;
}

.component-arrow-navigator[link] .footer {
    margin-right: 15px;
}

.component-nav {
    height: 37px;
    margin: 10px 15px 0;
    border-radius: 4px;
}

.component-nav .item {
    display: inline-block;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
}

.component-warning {
    text-align: center;
    padding: 10px;
}

.component-warning .icon {
    width: 15px;
    height: 15px;
}

.component-card {
    margin: 15px 10px 0;
    padding: 10px;
}

.component-card .top .desc, .component-card .top .price {
    text-align: center;
}

.component-card .top .price {
    font-weight: bold;
}

.component-card .detail {
    margin-top: 15px;
    padding: 0 15px;
}

.component-btn-value {
    font-size: 0;
    border: 1px solid rgb(255 255 255 / 40%);
}

.component-btn-value .value {
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
}

.component-btn-value .value, .component-btn-value .btn {
    display: inline-block;
    padding: 5px 10px;
}

.component-btn-value .btn {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.component-attr {
    display: block;
    padding: 3px 10px;
    border-radius: 16px;
}

.component-attr.diamond {
    border-radius: 4px;
}

.component-name-number .name,
.component-name-number .value {
    display: block;
}

.component-search {
    padding: 10px;
}

.component-search .keyword-filter {
    border-radius: 30px;
}

.component-search .keyword-filter .input {
    padding: 10px 8px;
}

.component-search .keyword-filter .btn {
    float: right;
    width: 35px;
    height: 35px;
    background: none;
    border: none;
}

.component-search .keyword-filter .btn .icon {
    width: 15px;
    height: 15px;
}

.component-comment {
    margin: 10px;
}

.component-comment .origin {

}

.component-comment .avatar {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
}

.component-comment .avatar .img {
    width: 100%;
}

.component-comment .msg {
    margin-left: 12px;
}

.component-comment .msg .author {

}

.component-comment .msg .author .name {

}

.component-comment .msg .author .date {

}

.component-comment .msg .status {

}

.component-comment .msg .status .icon,
.component-comment .msg .status .text {
    vertical-align: middle;
}

.component-comment .msg .status .icon {

}

.component-comment .msg .status .text {

}

.component-comment .msg .liked-status {

}

.component-comment .msg .un-liked-status {

}

.component-comment .msg .content {
    margin-top: 10px;
}

.component-comment .msg .list-img {
    margin-top: 10px;
    font-size: 0;
}

.component-comment .msg .list-img .thumbnail {
    display: inline-block;
    width: 33.3%;
    /* padding */
}

.component-comment .msg .list-img .thumbnail .img {
    width: 100%;
}

.component-comment .reply-list {
    margin: 10px 5px;
    padding: 5px;
}

.component-comment .reply-list .item-reply {

}

.component-search .input, .component-search .select, .sales-outlet-user-list .top-mix-filter .select, .sales-outlet-user-list .container-filter-area .select, .sales-outlet-account-statement-list .top-mix-filter .select, .sales-outlet-withdrawals-apply-list .top-mix-filter .select, .condition-filter .input, .condition-filter .select {
    border: none;
    background: none;
    padding: 8px;
}

.HeadL, .HeadR {
    width: 90px
}

.HeadL.one, .HeadR.one {
    width: 45px;
}

.HeadL a, .HeadR a {
    display: block;
    float: left;
    width: 45px;
    height: 50px
}

.HeadL .btn-back {
    background: url(../images/back.png) center no-repeat;
    background-size: auto 20px;
}

.HeadL .btn-home {
    line-height: 50px;
    font-size: 15px;
    color: #fff;
}

.HeadR {
    position: relative;
}

.HeadR2 {
    width: 90px;
    line-height: 50px;
    text-align: center
}

.HeadR2 a {
    font-size: 14px
}

.HeadR a.SearchBt {
    background: url(../images/HSearchBt.png) center no-repeat;
    background-size: auto 22px;
}

.HeadR a.btnSupplierRegister {
    background: url(../images/icon-add-user.png) center no-repeat;
    background-size: auto 57%;
}

.HeadR a.menu {
    background: url(../images/navico.png) center no-repeat;
    background-size: auto 22px;
}

.HeadR a.menu .avatar {
    width: 100%;
}

.HeadM {
    margin: 0 90px;
    font-size: 18px;
    overflow: hidden;
}

.supplier-list .tool-bar .list .container-filter, .MenuList {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    width: 150px;
    background: url(../images/DropBg.png) top right 15px no-repeat;
    background-size: 17px 10px;
}

.MenuList {
    overflow: hidden;
}

.MenuList.show {
    display: block;
}

.supplier-list .tool-bar .list .container-filter {
    display: block;
    height: 200px;
    overflow: auto;
}

.supplier-list .tool-bar .list .container-filter .list-filter, .MenuList ul {
    opacity: .9;
    margin-top: 10px
}

.supplier-list .tool-bar .list .container-filter .list-filter .item, .MenuList ul li {
    width: 100%;
    height: 50px;
    padding: 0 10px
}

.supplier-list .tool-bar .list .container-filter .list-filter .item .link, .MenuList ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 50px;
    font-size: 18px;
}

.MenuList ul li a {
    text-indent: 40px;
}

.supplier-list .tool-bar .list .container-filter .list-filter .item:last-child, .MenuList ul li:last-child {
    border-bottom: 0
}

.MenuList ul li.MenuList1 {
    background: url(../images/HomeIco.png) center left 10px no-repeat;
    background-size: 26px 26px
}

.MenuList ul li.MenuList2 {
    background: url(../images/HInfoBt.png) center left 10px no-repeat;
    background-size: 26px 25px
}

.MenuList ul li.MenuList3 {
    background: url(../images/CartIco.png) center left 10px no-repeat;
    background-size: 26px 24px
}

.MenuList ul li.MenuList4 {
    background: url(../images/MenIco.png) center left 10px no-repeat;
    background-size: 26px 27px
}

.MenuList ul li.MenuList5 {
    background: url(../images/icon-sociaty.png) center left 7px no-repeat;
    background-size: 35px auto;
}

.MenuList ul li.MenuList6 {
    background: url(../images/icon-sociaty.png) center left 7px no-repeat;
    background-size: 35px auto;
}

.MenuList ul li.MenuList7 {
    background: url(../images/MenIco2.png) center left 12px no-repeat;
    background-size: 25px auto;
}

.advanced-search .MainFoot {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 0;
}

.Hsearchl {
    width: 20px;
    height: 50px
}

.Hsearchl a {
    display: block;
    width: 30px;
    height: 50px;
    background: url(../images/back2.png) center no-repeat;
    background-size: auto 20px;
}

.Hsearchr {
    width: 60px;
    height: 50px
}

.Hsearchr input[type=submit] {
    width: 60px;
    height: 40px;
    margin: 5px 0;
    background: 0;
    border: 0;
    font-size: 15px;
    letter-spacing: 4px;
}

.HSearchTxt {
    width: auto;
    height: 40px;
    margin: 5px 60px 5px 30px;
    overflow: hidden;
    border-radius: 4px
}

.HSearchTxt input[type=text] {
    width: 90%;
    height: 38px;
    background: 0;
    border: 0;
    border-radius: 0;
    padding: 0 5%;
    font-size: 16px;
}

.search-options {
    position: fixed;
    left: 0;
    top: 50px;
    bottom: 0;
    width: 100%;
    z-index: 112;
}

.keywords-list {
    margin-top: 50px;
    padding: 0 10px;
}

.header-index .keywords-list {
    margin-top: 10px;
}

.keywords-list a {
    display: block;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 5px;
}

main.SearchMain {
    position: relative;
    padding-top: 0;
}

main.SearchMain .foot {
    position: absolute;
    left: 0;
    bottom: 50px
}

.ChNav {
    width: 100%;
    position: relative;
}

.ChNavmore {
    width: 40px;
    height: 33px;
    margin: 5px 0;
    float: right;
    background: url(../images/Moredown.png) center no-repeat;
    background-size: 40% auto;
}

.ChNavList {
    margin-right: 40px;
    width: auto;
    /* height: 55px; */
    /* overflow: hidden; */
}

.ChNavList ul {
    width: 100%;
    overflow-x: auto;
    /* overflow-y: hidden; */
    white-space: nowrap;
    font-size: 0;
}

.ChNavList ul li {
    display: inline-block;
}

.ChNavList ul li a {
    display: block;
    line-height: 42px;
    padding: 0 10px;
    font-size: 12px;
    box-sizing: border-box;
}

.ChNavList ul li a.cur {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.ChNavListH {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.ChNavUp {
    width: 100%;
    height: 45px;
    text-align: right
}

.ChNavUp span {
    display: inline-block;
    width: 40px;
    height: 44px;
}

.ChNavCon {
    width: 100%;
    padding: 10px 0
}

.ChNavCon a {
    float: left;
    width: 25%;
    padding: 2px 5px;
    font-size: 14px;
    white-space: normal;
    text-align: center;
}

.ChBanner {
    width: 100%;
    overflow: hidden;
    margin-top: 10px
}

.ChBanner img {
    width: 100%
}

.ChListBox {
    width: 100%;
    overflow: hidden;
    padding: 20px 0 0;
    margin-top: 10px;
}

.ChListBox {
    border-left-width: 3px;
    border-left-style: solid;
}

.ChListH {
    width: 100%;
    height: 20px;
    overflow: hidden
}

.ChListH .floatl {
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    text-indent: 10px
}

.ChListH .floatr {
    height: 20px;
    line-height: 20px;
    margin-right: 10px
}

.ChListH .floatr a {
    display: block;
    height: 20px;
    font-size: 14px
}

.ChListH .floatr span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 4px;
    border-radius: 2px;
    vertical-align: sub
}

.ChList {
    width: 100%;
    height: 260px;
    overflow-x: auto;
    overflow-y: hidden;
    margin-top: 10px;
    white-space: nowrap
}

.ChList > div {
    display: inline-block;
    white-space: normal;
    width: 150px;
    height: 238px;
    overflow: hidden;
    margin-right: 8px;
    vertical-align: middle
}

.ChList .ProImg {
    width: 150px;
    height: 150px;
    overflow: hidden
}

.supplier-register .container-logo {
    position: relative;
    height: 40px;
    padding: 0 10px;
    margin: 13px auto 0;
    z-index: 2;
}

.supplier-register .container-logo .img-con {
    display: block;
    margin-right: 5.3%;
    margin-left: auto;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
}

.supplier-register .container-logo .img-con .img {
    width: 100%;
}

.supplier-register .list, .RgTxtBox {
    width: auto;
    margin: 0 10px;
    border-radius: 4px;
}

.supplier-register .list .item, .RgTxt {
    width: 100%;
    height: 50px;
}

.RgTxt {
    position: relative;
}

.RgTxt .status {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
}

.RgTxt .status .icon {
    display: none;
    width: 20px;
    height: 20px;
}

.RgTxt .status.success .icon-yes, .RgTxt .status.error .icon-close-share {
    display: block;
}

.supplier-register .list .item-selection .icon {
    height: 50px;
}

.supplier-register .list .item:last-child, .RgTxt:last-child {
    border-bottom: 0
}

.supplier-register .list .input[type=text], .supplier-register .list .input[type=password], .RgTxt input[type=text], .RgTxt input[type=password] {
    width: 80%;
    height: 100%;
    border: 0;
    font-size: 14px;
    line-height: 50px;
    vertical-align: middle;
    background: transparent;
}

.supplier-register .list .input.verify-input {
    width: 60%;
}

.supplier-register .list .btnImageCode {

}

.RgTxt input[type=password].txtUserPwd {
    width: 60%;
}

.supplier-register .list .select, select.selectSalesOutlets {
    width: 80%;
    height: 100%;
    border: 0;
    font-size: 14px;
    line-height: 50px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/Moredown.png) 98% center no-repeat;
    background-size: 15px 9px
}

.supplier-register .list .item-selection {
    height: auto;
}

.supplier-register .list li .icon-shield {
    width: 17%;
    height: 100%;
    background-size: 30px auto;
}

.icon-order {
    background: url(../images/MenIco2.png) center no-repeat;
    background-size: auto 100%;
}

.icon-location {
    background: url(../images/ydTip.png) center no-repeat;
    background-size: auto 100%;
}

.icon-location-white {
    background: url(../images/MenSIco2.png) center no-repeat;
    background-size: auto 100%;
}

.icon-clock-black {
    background: url(../images/ClockIco.png) center no-repeat;
    background-size: 100% auto;
}

.icon-clock {
    display: inline-block;
    width: 29px;
    height: 29px;
    background: url(../images/CountdownIco.png) center no-repeat;
    background-size: 100% auto;
}

.icon-menu {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../images/navico.png) center no-repeat;
    background-size: 100% auto;
}

.icon-search {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../images/SearchIco.png) center no-repeat;
    background-size: 100% auto;
}

.icon-search-white {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../images/HSearchBt.png) center no-repeat;
    background-size: 100% auto;
}

.icon-close-white {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../images/icon-close-2.png) center no-repeat;
    background-size: 100% auto;
}

.icon-close-share {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/icon-close-share.png) center no-repeat;
    background-size: 100% auto;
}

.icon-yes {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/icon-yes.png) center no-repeat;
    background-size: 100% auto;
}

.icon-time {
    width: 30px;
    height: 30px;
    background: url(../images/vouchers-background.png) center no-repeat;
    background-size: 100% auto;
}

.icon-gift {
    width: 30px;
    height: 30px;
    background: url(../images/1.png) center no-repeat;
    background-size: 100% auto;
}

.icon-gift-grey {
    width: 60px;
    height: 60px;
    background: url("../images/icon-gift.png") center no-repeat;
    background-size: 100% auto;
}

.icon-username {
    display: inline-block;
    width: 17%;
    height: 100%;
    background: url(../images/icon-username.png) center no-repeat;
    background-size: 30px auto;
    vertical-align: top
}

.icon-RgTxtSaleoutlets {
    display: inline-block;
    width: 17%;
    height: 100%;
    background: url(../images/rgICo_adr.png) center no-repeat;
    background-size: 30px 31px;
    vertical-align: top
}

.icon-rgICo_Men {
    display: inline-block;
    width: 17%;
    height: 100%;
    background: url(../images/rgICo_Men.png) center no-repeat;
    background-size: 30px 31px;
    vertical-align: top
}

.icon-rgIco_pw {
    display: inline-block;
    width: 17%;
    height: 100%;
    background: url(../images/rgIco_pw.png) center no-repeat;
    background-size: 30px 31px;
    vertical-align: top
}

.icon-RgTxtEmail {
    display: inline-block;
    width: 17%;
    height: 100%;
    background: url(../images/rgIco_email.png) center no-repeat;
    background-size: 30px 31px;
    vertical-align: top
}

.icon-reg-mobile {
    display: inline-block;
    width: 17%;
    height: 100%;
    background: url(../images/reg-mobile.png) center no-repeat;
    background-size: 30px 31px;
    vertical-align: top
}

.icon-reg-recommend {
    display: inline-block;
    width: 17%;
    height: 100%;
    background: url(../images/reg-recommend.png) center no-repeat;
    background-size: 30px 31px;
    vertical-align: top
}

.icon-reg-vip {
    display: inline-block;
    width: 17%;
    height: 100%;
    background: url(../images/reg-vip.png) center no-repeat;
    background-size: 30px 31px;
    vertical-align: top
}

.icon-calendar {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/icon-calendar.png) center no-repeat;
    background-size: 100% auto;
}

.icon-reg-code {
    display: inline-block;
    width: 17%;
    height: 100%;
    background: url(../images/HelpIco_Code.png) center no-repeat;
    background-size: 30px 31px;
    vertical-align: top
}

.icon-edit {
    display: inline-block;
    width: 38px;
    height: 38px;
    background: url(../images/OevalIco.png) center no-repeat;
    background-size: auto 100%;
    vertical-align: middle;
}

.icon-edit-white {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../images/MenIco7.png) center no-repeat;
    background-size: auto 100%;
    vertical-align: middle;
}

.icon-sociaty {
    display: inline-block;
    width: 38px;
    height: 38px;
    background: url(../images/icon-sociaty.png) center no-repeat;
    background-size: auto 100%;
    vertical-align: middle;
}

.icon-setting-white {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url(../images/MenberSet.png) center no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}

.icon-setting-black {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url(../images/icon-setting-black.png) center no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}

.icon-thumb-up {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/PraiseIcoH.png) center no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}

.icon-thumb-up-active {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/PraiseIco.png) center no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}

.icon-thumb-up-grey {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/icon-thumb-up-grey.png) center no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}

.icon-thumb-down {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/icon-thumb-down.png) center no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}

.icon-thumb-down-grey {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/icon-thumb-down-grey.png) center no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}

.icon-thumb-down-active {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/icon-thumb-down-active.png) center no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}

.icon-checked {
    width: 31px;
    height: 31px;
    background: url("../images/CollectDelCheck.png") center no-repeat;
    background-size: 100% auto;
}

.RgTxtPw1 a {
    display: block;
    width: 70px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    float: right;
    font-size: 14px
}

.supplier-register .list .input-button .input, .RgTxtGetIDCode input[type=text] {
    width: 41%;
    vertical-align: top
}

.supplier-register .list .input-button .button, .RgTxtGetIDCode input[type=button] {
    width: 40%;
    height: 100%;
    border: 0;
    border-radius: 0;
    font-size: 14px;
    margin: 0 -1% 0 0;
    line-height: 50px;
    text-align: center;
}

.RgTxtGetIDCode input[type=button][disabled=disabled] {
    background: #eee;
    color: #999;
}

.RgTxtSave {
    width: 93.75%;
    height: 40px;
    margin: 10px auto 0
}

.RgTxtSave .floatl {
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    font-size: 14px
}

.RgTxtSave .floatl:last-child select {
    width: 80px;
    height: 40px;
    font-size: 14px;
    text-align: center;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none
}

.supplier-register .container-control, .RgTxtSubBt {
    width: auto;
    height: 50px;
    margin: 10px 10px 0
}

.supplier-register .btn-submit,
.RgTxtSubBt .btn-input-submit,
.RgTxtSubBt .btnRegisterSubmit {
    width: 100%;
    height: 50px;
    border: 0;
    border-radius: 4px;
    line-height: 50px;
    text-align: center;
    font-size: 18px
}

.supplier-register .list .container-remark {
    height: auto;
}

.supplier-register .container-remark .textarea {
    resize: none;
    width: 100%;
    padding: 12px;
    border: none;
}

.container-agreement, .RgRule {
    width: 93.75%;
    margin: 10px auto 0;
    font-size: 14px;
}

.container-agreement .input-agreement, .RgRule input[type=checkbox] {
    width: 20px;
    height: 20px;
    border: 0;
    appearance: none;
    -webkit-appearance: none;
    vertical-align: middle;
    margin-right: 10px;
    background: url(../images/radioBg.png) center no-repeat;
    background-size: 20px 20px
}

.container-agreement .input-agreement:checked, .RgRule input[type=checkbox]:checked {
    background: url(../images/radioBgH.png) center no-repeat;
    background-size: 20px 20px
}

.bg-image {
    width: auto;
    height: auto;
    min-height: 150px;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.MenberH {
    padding: 0 15px;
    background: url(../images/MenberBg.jpg) center no-repeat;
    background-size: 100% 100%;
}

.IntegralH {
    width: 100%;
    padding: 0 2.34375%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.IntegralLists {
    width: 100%;
    margin: 10px auto 0
}

.IntegralLists ul {
    width: 100%;
}

.IntegralLists ul li {
    width: 100%;
    /*height: 120px;*/
    overflow: hidden;
    padding: 10px 2.34375%;
    clear: both
}

.IProListPic {
    width: 102px;
    height: 102px;
    overflow: hidden;
    float: left
}

.IProListPic img {
    width: 100%
}

.IProListInfo {
    width: auto;
    margin-left: 115px;
    /*height: 100px*/
}

.IProListN {
    width: 100%;
    height: 40px;
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 14px;
    word-break: break-all;
    word-wrap: break-word
}

.IProListPrice {
    width: 100%;
    /*height: 30px;*/
    line-height: 30px
}

.IProListPrice .floatl {
    height: 30px;
    font-size: 18px
}

.IProListPrice .floatr {
    height: 30px;
    font-size: 14px
}

.IProListBuy {
    width: 100%;
    height: 20px;
    line-height: 20px
}

.user-prize-list .list .btn-positive, .IProListBuy .floatr a {
    display: block;
    width: 70px;
    height: 20px;
    border-radius: 10px;
    text-align: center;
    line-height: 20px
}

.user-prize-list .list .btn-positive {
    border: none;
}

.supplier-list .tool-bar .list, .prolistH {
    width: 100%;
    height: 42px;
    display: flex;
}

.supplier-list .tool-bar .list {
    position: relative;
}

.supplier-list .tool-bar .list .item, .prolistH > div {
    flex: 2;
    height: 42px;
}

.prolistH > div:last-child {
    border-right: 0;
}

.prolistH > .prolistType {
    flex: 4;
}

.supplier-list .tool-bar .list .item .link, .prolistH > div a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
}

.supplier-list .tool-bar .list .item .link .img,
.prolistH > div a img {
    width: 10px;
    min-height: 6px;
    vertical-align: middle;
}

.prolistH > div.prolistType a {
    width: 33.3%;
    display: inline-block;
    height: 42px;
}

.prolistH > div.prolistType a.image {
    background: url(../images/grid.png) center no-repeat;
    background-size: auto 56%;
}

.prolistH > div.prolistType a.list {
    background: url(../images/list.png) center no-repeat;
    background-size: auto 56%;
}

.prolistH > div.prolistType a.image.active {
    background: url(../images/gridH.png) center no-repeat;
    background-size: auto 56%;
}

.prolistH > div.prolistType a.list.active {
    background: url(../images/listH.png) center no-repeat;
    background-size: auto 56%;
}

.prolistH > div.prolistType a.nineGrid {
    background: url(../images/nine-grid.png) center no-repeat;
    background-size: auto 56%;
}

.prolistH > div.prolistType a.nineGrid.active {
    background: url(../images/nine-grid-active.png) center no-repeat;
    background-size: auto 56%;
}

.InfoList li {
    padding: 10px 15px;
}

.InfoList .InfoPic {
    width: 70px;
    height: 70px;
    overflow: hidden;
}

.InfoList .InfoPic img {
    width: 100%;
    vertical-align: middle
}

.InfoList .InfoCon {
    width: auto;
    height: 100px;
    overflow: hidden;
    margin: 5px 80px 0 0;
}

.InfoList .InfoName {
    width: 100%;
    font-size: 13px;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    display: box;
    display: -moz-box;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    box-orient: vertical;
    -webkit-box-orient: vertical;
}

.InfoList .InfoTime {
    margin-top: 9px;
}

.InfoList .InfoTime .floatr {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 14px
}

.user-write-offs-record .control, .user-distribution-number .control,
.article-box {
    padding: 10px 15px;
}

.article-box .title,
.article-box .content * {
    -webkit-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.user-write-offs-record .control, .user-distribution-number .control {
    text-align: center;
}

.article-box .title {
    font-size: 18px;
    margin-top: 19px;
}

.article-box .info {
    margin-top: 19px;
}

.article-box .info span {
    margin-right: 5px;
}

.article-box .info span:last-child {
    margin-right: 0;
}

.article-box .content {
    width: 100%;
    overflow: hidden;
    margin: 36px auto;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 12px;
    line-height: 250%;
}

.article-box .content strong {
    font-weight: bold;
}

.article-box .content img {
    width: 100%;
}

.article-box .control {
    padding: 24px 0 0;
}

.user-write-offs-record .control .normal, .user-distribution-number .control .normal {
    margin-right: 10px;
}

.OrderAll {
    width: 100%;
    height: 50px;
    overflow: hidden;
}

.OrderAll a {
    display: block;
    width: 95.3125%;
    height: 48px;
    margin: 0 auto;
    line-height: 48px;
}

.OrderAll a .floatl {
    height: 48px;
    font-size: 16px;
}

.OrderAll a .floatl img {
    width: 20px;
    vertical-align: middle;
    margin-right: 5px;
}

.OrderAll a .floatr {
    height: 48px;
    padding-right: 15px;
    background: url(../images/MoreArrow.png) center right no-repeat;
    background-size: 9px 16px;
}

.OrderNav {
    width: 100%;
    height: 70px;
    margin-bottom: -1px;
    overflow: hidden;
    display: box;
    display: -webkit-box;
    display: -moz-box;
}

.OrderNav > a {
    height: 70px;
    padding: 9px 0;
    display: block;
    box-flew: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    overflow: hidden;
    text-align: center;
}

.OrderNav > a p {
    width: 64px;
    margin: 0 auto;
    font-size: 13px;
}

.OrderNav > a p.OrderNavIco {
    position: relative;
    margin-bottom: 2px;
}

.OrderNav > a p.OrderNavIco img {
    height: 26px;
    margin: 2px 0;
}

.OrderNav > a p.OrderNavIco span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    font-size: 11px;
    position: absolute;
    top: -6px;
    right: 2px
}

.OrderLi {
    width: 100%;
    margin-top: 10px
}

.OrderLiPro {
    width: 100%;
    min-height: 100px;
    margin: 0 auto;
    padding: 10px;
}

.OrderLiPro .floatl {
    width: 80px;
    height: 80px;
    overflow: hidden
}

.OrderLiPro .floatl img {
    width: 100%;
    vertical-align: middle
}

.OrderLiPro .floatr {
    width: 80px;
    height: auto;
}

.OrderLiPro .floatr p {
    text-align: right
}

.OrderLiPay {
    margin: 0 auto;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    text-align: right;
    font-size: 14px;
}

.OrderLiPay span {
    margin-left: 10px;
}

.OrderLiBt {
    width: 95.3125%;
    margin: 0 auto;
    height: 50px;
    padding: 10px 0;
    text-align: right;
}

.OrderLiBt a {
    display: inline-block;
    width: 20%;
    height: 30px;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    margin-left: 10px;
    border-radius: 2px;
}

.OrderLiBt a.TakeBt {
    line-height: 30px;
    border: 0;
}

.OrderLiBt a.OrderPayBt {
    width: 50px;
    line-height: 30px;
    border: 0;
}

.OrderNo {
    padding: 5px 10px;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
}

.childOrderNo {
    width: 100%;
    height: 30px;
    margin: 0 auto;
    line-height: 30px;
    font-size: 12px;
    /* border-top: solid #ddd 1px; */
    background: #f7f7f7;
    color: #666;
    padding: 0 10px;
}

.childOrderNo a {
    color: #666;
}

.OrderH {
    width: 100%;
    height: 50px;
}

.OrderH ul {
    display: flex;
    max-width: 80%;
    height: 50px;
    margin: 0 auto;
}

.OrderH ul li {
    flex: 1;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    position: relative;
    overflow: hidden;
}

.OrderH ul li input[type=radio] {
    position: absolute;
    top: -200px;
    left: -200px
}

.OrderH ul li.OrderNavH {
    background: url(../images/OrderHBg.jpg) center 41px no-repeat;
    background-size: 10px 8px
}

.AddAddressN {
    width: 100%;
    overflow: hidden;
}

.AddAddrNone {
    width: 100%;
    height: 45px
}

.AddAddrNone a {
    display: block;
    width: 95.3125%;
    height: 45px;
    line-height: 45px;
    margin: 0 auto;
    font-size: 14px;
    background: url(../images/MoreArrow.png) center right no-repeat;
    background-size: 9px 16px
}

.AddAddrNone a img {
    width: 15px;
    vertical-align: middle;
    margin-right: 6px
}

.AddAddressY {
    width: 100%;
    margin: 5px auto 0;
    overflow: hidden;
}

.AddAddr {
    width: 95.3125%;
    margin: 0 auto;
    padding: 10px 0;
    min-height: 70px;
    background: url(../images/AddAddressBg.png) center left no-repeat
}

.AddAddr a.lock {
    background: none;
}

.AddAddr a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 20px 0 25px;
    min-height: 50px;
    background: url(../images/MoreArrow.png) center right no-repeat;
    background-size: 9px 16px
}

.Consignee {
    font-size: 16px;
    margin-bottom: 5px;
}

.AddAddrDet {
    word-break: break-all;
    word-wrap: break-word;
}

input.CheckExit {
    display: none
}

.OrderPro {
    width: 100%;
    margin-top: 5px;
}

.OrderPro .btn-show-cart {
    font-size: 15px;
    padding: 5px 8px;
    line-height: 100%;
    border-radius: 8px;
    background: #f7f7f7;
}

.OrderPro .btn-show-cart .icon {
    background: none;
    width: auto;
    height: auto;
    font-size: 18px;
}

.OrderPro dt {
    width: 100%;
    min-height: 100px;
    padding: 10px 2.34375%;
}

.OrderPro dt .floatl {
    width: 80px;
    height: 80px;
    overflow: hidden
}

.OrderPro dt .floatl img {
    width: 100%;
    vertical-align: middle
}

.OrderPro dt .floatr {
    width: 80px;
    height: auto;
}

.OrderPro dt .floatr p {
    text-align: right
}

.OriginPr {
    text-decoration: line-through
}

.OrderProNum {
    margin-top: 15px
}

.OrderProInfo {
    width: auto;
    margin: 0 85px
}

.OrderProN {
    width: 100%;
    /* height: 34px; */
    line-height: 17px;
    overflow: hidden;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.OrderProN a {
    word-break: break-all;
    word-wrap: break-word;
    font-size: 14px;
}

.HpOrderProNum {
    width: 100%;
    margin-top: 5px
}

.OrderPro dd {
    width: 100%;
    height: 50px;
    padding: 10px 2.34375%;
}

.OrderPro dd > div {
    font-size: 14px;
    height: 30px;
    line-height: 30px
}

.Remark {
    width: 100%;
    padding: 10px 2.34375%;
    margin-top: 5px;
}

.RemarkH {
    font-size: 16px;
}

.RemarkTxt {
    /* width: 96%; */
    margin: 10px auto;
}

.RemarkTxt textarea {
    width: 100%;
    height: 100px;
    resize: none;
    border: 0;
    padding: 5px;
}

.Invoice {
    font-size: 14px
}

.Invoice input[type=checkbox] {
    width: 25px;
    height: 25px;
    border: 0;
    vertical-align: sub;
    appearance: none;
    -webkit-appearance: none;
    vertical-align: middle;
    margin-right: 10px;
    background: url(../images/radioBg.png) center no-repeat;
    background-size: 25px 25px
}

.Invoice input[type=checkbox]:checked {
    background: url(../images/radioBgH.png) center no-repeat;
    background-size: 25px 25px
}

.OrderSendModeBox {
    width: 100%
}

.OrderSendMode {
    width: 100%
}

.section-block {
    width: 100%;
    margin-top: 10px;
    padding: 10px 0;
}

img.img-url {
    width: 150px;
    display: block;
    margin: 0 auto;
}

.OrderExpress, .OrderTime {
    width: 100%;
    margin-top: 5px;
}

.OrderExpress dt, .OrderTime dt {
    width: 100%;
    height: 45px;
    padding: 10px 2.34375%;
    line-height: 25px;
    font-size: 16px;
}

.OrderExpress dd, .OrderTime dd {
    width: 100%;
    height: 45px;
    padding: 10px 2.34375%;
    line-height: 25px;
    font-size: 14px;
}

.OrderTime dd input[type=text] {
    border: none;
}

.OrderExpress dd .floatr input[type=radio] {
    width: 25px;
    height: 25px;
    border: 0;
    margin-right: 10px;
    appearance: none;
    -webkit-appearance: none;
    vertical-align: middle;
    background: url(../images/radioBg.png) center no-repeat;
    background-size: 25px 25px;
}

.OrderExpress dd .floatr input[type=radio]:checked {
    background: url(../images/radioBgH.png) center no-repeat;
    background-size: 25px 25px
}

.OrderSaleAct {
    width: 100%;
    margin-top: 5px;
}

.OrderSaleAct dt {
    width: 100%;
    height: 45px;
    padding: 10px 2.34375%;
    line-height: 25px;
    font-size: 16px;
}

.OrderSaleAct dd {
    width: 100%;
    height: 45px;
    padding: 10px 2.34375%;
    line-height: 25px;
    font-size: 14px;
}

.ticket-coupon {
    width: 100%;
    padding: 10px 2.34375%;
    line-height: 25px;
    font-size: 16px;
    margin-top: 5px;
}

.ticket-coupon .input {
    display: inline-block;
    width: 50%;
    height: 40px;
    text-align: center
}

.ticket-coupon .p-coupon-class {
    display: inline-block;
    width: 50%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: top
}

.ticket-coupon .button {
    display: inline-block;
    width: 50%;
    height: 40px;
    border: 0;
    letter-spacing: .1em;
    cursor: pointer;
    margin: 0 0 0 -5px
}

.Pickup {
    width: 100%;
    margin-top: 5px;
}

.Pickup dd {
    width: 100%;
    height: 50px;
    padding: 0 2.34375%;
    overflow: hidden
}

.Pickup dd .floatl {
    width: 85px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
}

.Pickupr {
    width: auto;
    margin-left: 85px;
    height: 50px
}

.Pickupr.salesOutletSelectedName {
    position: relative;
    background: url("../images/MoreArrow.png") right center no-repeat;
    background-size: auto 30%;
    line-height: 50px;
    font-size: 14px;
}

.Pickupr.salesOutletSelectedName.lock {
    background: none;
}

.Pickupr select {
    width: 100%;
    height: 49px;
    border: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/SelBg.png) center right no-repeat;
    background-size: auto 50px;
}

.salesOutletList {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    z-index: 112;
}

.restaurant-selection .salesOutletList {
    position: static;
}

.salesOutletList.show {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.salesOutletList .selection, .salesOutletList .nav {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 1;
}

.salesOutletList .nav {
    top: 0;
    height: 50px;
    line-height: 50px;
}

.salesOutletList .selection {
    top: 50px;
    padding: 5px 0;
    text-align: center;
    font-size: 12px;
}

.salesOutletList .nav .left {
    float: left;
}

.salesOutletList .nav .right {
    float: right;
    margin-right: 10px;
}

.salesOutletList .nav .btn {
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
}

.salesOutletList .nav .btn .icon {
    width: 40%;
    height: 40%;
}

.salesOutletList .nav .title {
    margin: 0 50px;
    font-size: 14px;
    vertical-align: middle;
}

.salesOutletList .container-list {
    padding: 50px 0 0;
    height: 100%;
    overflow: auto;
}

.salesOutletList.with-top-tip .container-list {
    padding-top: 76px;
}

.salesOutletList .status-end {
    text-align: center;
    padding: 15px 0;
}

.salesOutletList .list .select-item {
    margin-bottom: 10px;
    padding: 15px;
}

.salesOutletList .list .select-item .left {
    float: left;
}

.salesOutletList .list .select-item .right {
    float: right;
}

.salesOutletList .list .select-item .btn-phone {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    pointer-events: all;
}

.salesOutletList .list .select-item .btn-phone .icon {
    width: 60%;
    height: 60%;
}

.salesOutletList .list .select-item .bot, .salesOutletList .list .select-item .mid {
    margin-top: 10px;
}

.salesOutletList .list .select-item .bot {
    padding: 5px 0 0;
}

.salesOutletList .list .select-item .title {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
}

.salesOutletList .list .select-item .label {
    padding: 1px 3px;
    border-radius: 4px;
    vertical-align: middle;
}

.salesOutletList .list .select-item .text {
    font-size: 12px;
}

.salesOutletList .list .select-item .detail {
    font-size: 13px;
}

.salesOutletList .list .select-item .extra {
    font-size: 10px;
    line-height: 30px;
}

.Pickupr input[type=text] {
    width: 100%;
    height: 49px;
    border: 0;
    border-radius: 0;
    line-height: 49px;
    font-size: 14px
}

.Pickup dt {
    width: 100%;
    padding: 10px 2.34375%;
}

.PickupMap {
    width: 300px;
    height: 40px;
    margin: 0 auto;
    overflow: hidden
}

.PickupMap a {
    width: 140px;
    height: 40px;
    float: left;
    display: inline-block;
    border-radius: 5px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
}

.PickupMap a.LookMap img {
    width: 22px;
    vertical-align: middle;
    margin-right: 10px
}

.PickupMap a.LookAll img {
    width: 18px;
    vertical-align: middle;
    margin-right: 10px
}

.LookMap {
    margin-right: 20px
}

.PayType {
    width: 100%;
    margin: 5px auto;
}

.PayType ul {
    width: 100%;
}

.PayType ul li {
    width: 100%;
    padding: 15px;
    height: 60px;
}

.PayType ul li .label,
.PayType ul li > div {
    height: 30px;
    line-height: 30px;
    font-size: 14px
}

.PayType ul li > div input[type=radio] {
    width: 25px;
    height: 25px;
    border: 0;
    appearance: none;
    -webkit-appearance: none;
    vertical-align: middle;
    margin-right: 10px;
    background: url(../images/radioBg.png) center no-repeat;
    background-size: 25px 25px
}

.PayType ul li > div input[type=radio]:checked {
    background: url(../images/radioBgH.png) center no-repeat;
    background-size: 25px 25px
}

/*.PayingIco1 {
    background: url(../images/PayingIco1.png) left center no-repeat;
    background-size: 30px 29px
}

.PayingIco2 {
    background: url(../images/PayingIco2.png) left center no-repeat;
    background-size: 30px 32px
}

.PayingIco3 {
    background: url(../images/PayingIco3.png) left center no-repeat;
    background-size: 30px 30px
}*/

.PayTypeYuMoney, .OrderPayWayIntegral {
    width: 100%;
    padding: 15px;
    height: 60px;
    line-height: 30px;
}

.OrderPayWayIntegral .floatl {
    width: 84%;
    line-height: 32px;
    height: 32px;
}

.PayTypeYuMoney > div input[type=checkbox], .OrderPayWayIntegral > div input[type=checkbox], .OrderPayYu input[type=checkbox] {
    width: 25px;
    height: 25px;
    border: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: middle;
    margin-right: 10px;
    background-size: 25px 25px
}

.PayTypeYuMoney > div input[type=checkbox]:checked, .OrderPayYu input[type=checkbox]:checked, .OrderPayWayIntegral input[type=checkbox]:checked {
    background: url(../images/checked.png) center no-repeat;
    background-size: 25px 25px
}

.Address {
    width: 100%;
    margin-top: 10px;
}

.Address dd {
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    padding: 0 2.34375%;
    overflow: hidden
}

.Address dd .floatl {
    width: 92px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
}

.Addressr {
    width: auto;
    margin-left: 92px;
    height: 50px
}

.Addressr select {
    width: 100%;
    height: 49px;
    border: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/SelBg.png) center right no-repeat;
    background-size: auto 50px;
}

.Addressr input[type=text] {
    width: 100%;
    height: 49px;
    border: 0;
    border-radius: 0;
    line-height: 49px;
    font-size: 14px
}

.Address dd input[type=checkbox] {
    width: 25px;
    height: 25px;
    border: 0;
    vertical-align: sub;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: middle;
    margin-right: 10px;
    background: url(../images/radioBg.png) center no-repeat;
    background-size: 25px 25px
}

.Address dd input[type=checkbox]:checked {
    background: url(../images/radioBgH.png) center no-repeat;
    background-size: 25px 25px
}

.AddressSave, .AddressSave1 {
    width: 93.75%;
    height: 40px;
    margin: 10px auto 0
}

.AddressSave input[type=submit] {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    border: 0
}

.AddressSave1 input[type=submit] {
    float: left;
    margin: 0 1%;
    width: 48%;
    height: 40px;
    border-radius: 5px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    border: 0
}

.AddressSave1 input[type=button] {
    float: left;
    margin: 0 1%;
    width: 48%;
    height: 40px;
    border-radius: 5px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    border: 0
}

.NewsAddress {
    margin: 10px 10px 0;
    font-size: 14px;
}

.user-shipping-address .NewsAddress {
    margin: 0;
    line-height: 50px;
    padding: 0;
}

.AddressList {
    width: 100%;
    margin: 10px auto 0;
}

.AddressList dd {
    width: 100%;
}

.OrderAddressList dd > label {
    display: block;
    width: 100%;
    padding: 10px 40px 10px 2.34375%
}

.AddressList > dd > a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 3.125%
}

.ShopcartN {
    width: 100%;
    text-align: center;
    padding: 80px 0 30px 0;
}

.ShopcartN p {
    width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center
}

.ShopcartN p img {
    width: 120px
}

.ShopcartN p a {
    display: block;
    margin: 0 auto;
    width: 80px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
}

.LoveH {
    height: 40px;
    background: url(../images/LoveBg.png) center no-repeat;
    background-size: 100% 1px;
    line-height: 40px;
    text-align: center;
}

.LoveBox {
    width: 100%;
    padding-top: 10px;
    height: auto;
}

.LoveBox ul {
    width: 95.3125%;
    margin: 0 auto;
    -webkit-transition: left 800ms ease-in;
    -moz-transition: left 800ms ease-in;
    -o-transition: left 800ms ease-in;
    -ms-transition: left 800ms ease-in;
    transition: left 800ms ease-in
}

.RecomPro > ul > .item, .LoveBox > ul > li {
    display: inline-block;
    float: left;
    width: 48.688525%;
    margin: 0 2.622951% 10px 0
}

.RecomPro ul li:nth-child(even), .LoveBox ul li:nth-child(even) {
    margin: 0 0 10px 0
}

.salesoutlets-recommend-goods-list .container-cart .list .item .goods {
    margin-top: 10px;
}

.CartList {
    margin-top: 15px;
    border-radius: 8px;
}

.CartList .title {
    padding: 10px 0;
    margin: 0 10px;
    border-bottom: 1px solid #eee;
}

.CartList .title .text {
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
}

.CartLi {
    min-height: 90px;
    padding: 20px 10px;
    overflow: hidden;
}

.CarMissZi {
    text-align: center;
    margin-top: 30px;
}

.CartLi .floatl {
    width: 25px;
    height: 70px
}

.bulk-cart-list.no-selector .CartLi .floatl {
    display: none;
}

.bulk-cart-list.no-selector .CartM {
    margin-left: 0;
}

.CartList .title .item-select,
.CartLi .floatl span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: middle;
    margin-right: 10px;
    background: url(../images/radioBg.png) center no-repeat;
    background-size: 100% auto;
}

.CartList .title .item-select {
    margin-left: 0;
    vertical-align: middle;
}

.CartLi .floatl span {
    margin-top: 22px;
}

.CartList .title .item-select:checked,
.CartLi .floatl span.cur {
    background: url(../images/radioBgH.png) center no-repeat;
    background-size: 100% auto;
}

.CartLi .floatr {
    width: 65px;
    height: 70px;
    overflow: hidden
}

.CartLi .floatr p {
    width: 100%;
    text-align: right
}

.CartLi .floatr p.CartOPrice {
    font-size: 10px;
    text-decoration: line-through
}

.CartLi .floatr p.CartZPrice {
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.CartLi .deleteBt {
    margin-top: 4px;
}

.CartLi .deleteBt img {
    width: 30px;
    padding: 5px;
}

.salesoutlets-recommend-goods-list .container-cart .list .item .goods {
    margin-right: 0;
}

.salesoutlets-recommend-goods-list .container-cart .list .item .goods .avatar, .CartM .CartMPic {
    float: left;
    overflow: hidden;
}

.salesoutlets-recommend-goods-list .container-cart .list .item .goods .middle, .CartM {
    width: auto;
    overflow: hidden;
}

.CartM {
    min-height: 70px;
    margin: 0 68px 0 30px;
}

.order-food .CartM,
.salesoutlets-recommend-goods-list .CartM {
    margin-left: 15px;
}

.order-food .CartM {
    margin-right: 200px;
}

.salesoutlets-recommend-goods-list .container-cart .list .item .goods .middle {
    margin: 0 0 0 15px;
    /* width: 68%; */
}

.CartM .CartMPic {
    width: 70px;
    height: 70px;
}

.salesoutlets-recommend-goods-list .container-cart .list .item .goods .avatar {
    width: 40px;
    height: 40px;
}

.salesoutlets-recommend-goods-list .container-cart .list .item .goods .avatar .img, .CartM .CartMPic img {
    width: 100%;
}

.CartMPro {
    width: auto;
}

.CartMPro {
    min-height: 70px;
    margin-left: 75px;
}

.order-food .container-selected .CartMPro {
    margin-left: 0;
}

.salesoutlets-recommend-goods-list .container-cart .list .item .goods .msg {
    min-height: 40px;
    margin: 0 5px;
    overflow: hidden;
    width: 48%;
    text-overflow: ellipsis;
}

.salesoutlets-recommend-goods-list .container-cart .list .item .goods .msg, .salesoutlets-recommend-goods-list .container-cart .list .item .goods .price, .salesoutlets-recommend-goods-list .container-cart .list .item .goods .amount {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.salesoutlets-recommend-goods-list .container-cart .list .item .goods .msg .name, .salesoutlets-recommend-goods-list .container-cart .list .item .goods .msg .spec, .CartMName, .CartMAttr {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.salesoutlets-recommend-goods-list .container-cart .list .item .goods .msg .name, .CartMName {
    display: block;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 4px;
}

.CartMName.fixed {
    margin-top: 8px;
}

.salesoutlets-recommend-goods-list .container-selected .CartList .CartLi .tag, .salesoutlets-recommend-goods-list .container-cart .list .item .goods .tag, .CartMName .tag {
    display: inline-block;
    padding: 3px 5px;
    font-size: 12px;
    border-radius: 4px;
}

.salesoutlets-recommend-goods-list .container-selected .CartList .CartLi .tag {
    margin-top: 5px;
}

.order-food .container-selected .CartList .CartZPrice,
.order-food .container-selected .CartList .control {
    float: right;
}

.order-food .container-selected .CartList .SCNumBox {
    padding: 0;
}

.order-food .container-selected .CartList .CartZPrice {
    width: 60px;
    text-align: right;
    line-height: 30px;
    margin-right: 5px;
}

.CartNumXgZi {
    text-align: center;
    line-height: 25px;
    float: left;
    width: 120px;
}

.salesoutlets-recommend-goods-list .container-cart .list .item .goods .msg .spec, .CartMAttr {
    height: 15px;
}

/*秒杀相关-开始*/

.TeamNavSeckillFrome.fixed {
    padding-top: 111px;
}

.TeamNavSeckilltu ul {
    height: 80px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.TeamNavSeckilltu ul li {
    width: 80px;
    height: 80px;
    display: inline-block;
}

.TeamNavSeckilltu img {
    width: 100%;
}

.seckillInfoFrome .PsPricer {
    float: left;
    line-height: 25px;
    width: 45%;
}

.seckillInfoFrome .Seckilljd {
    width: 50%;
    float: right;
    margin-top: 7px;
}

.seckillInfoFrome .Seckilljd .meter {
    width: 100%;
    height: 13px;
    position: relative;
    border-radius: 10px;
    float: left;
    /*overflow: hidden;*/
}

.seckillInfoFrome .meter .meterJDT {
    display: block;
    height: 13px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    line-height: 13px;
    text-align: center;
}

.seckillInfoFrome .meterSz {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 1;
    line-height: 13px;
}

.seckillInfoFrome .Seckilljd .seckillTJ {
    padding-top: 0;
    line-height: 20px;
}

.seckillInfoFrome footer {
    height: 50px;
}

.seckillInfoFrome .PsPrice {
    width: 100%;
    margin: 0 auto;
    height: 50px;
    padding: 5px;
    overflow: hidden;
}

.seckillInfoFrome .PsName {
    border-bottom: 0;
}

.seckillInfoFrome .PsNPrice i {
    font-size: 26px;
    line-height: 40px;
}

.TeamNavSeckillFrome .TypeListPrice {
    width: 100%;
    line-height: 20px;
    overflow: hidden;
}

.Seckilljd {
    width: 70%;
    float: left;
    margin-top: 5px;
}

.Seckilljd .meter {
    width: 100%;
    height: 13px;
    position: relative;
    border-radius: 10px;
    float: left;
}

.Seckilljd .meterTJ {
    padding-top: 0;
}

.Seckillqg {
    width: 25%;
    float: right;
    border-radius: 5px;
    line-height: 30px;
    text-align: center;
}

.TeamNavSeckillFrome .meter {
    width: 100%;
    height: 13px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.meterSz,
.meterJDT {
    position: absolute;
    text-align: center;
    line-height: 13px;
}

.meterSz {
    width: 100%;
    z-index: 1;
}

.meterJDT {
    height: 100%;
}

.TeamNavSeckillFrome .Seckilljd .meterTJ {
    padding-top: 0;
}

.TeamNavSeckillFrome .Seckillqg {
    width: 25%;
    float: right;
    border-radius: 5px;
    line-height: 30px;
    text-align: center;
}

.TeamList .TypeList {
    margin-top: 10px;
}

.TeamListTitle {
    height: 35px;
    text-align: right;
    line-height: 35px;
    font-size: 14px;
}

.TeamListTitle span {
    margin: 0 2px;
    border-radius: 5px;
    padding: 0 3px
}

.TeamListTitle img {
    height: 23px;
    margin-top: 5px;
    float: left;
}

/*秒杀相关-结束*/

.TeamList {
    width: 100%;
    margin: 10px auto 0
}

.Countdown {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    opacity: 0.9;
}

.Countdown img {
    width: 13px;
    vertical-align: middle;
    margin: 0 3px 2px;
}

.Countdown span {
    display: inline
}

.TypeList .Countdown span.Time_D {
    display: inline-block;
    width: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    vertical-align: bottom;
}

.hpList {
    width: 100%;
    margin: 10px auto 0
}

body.sortbody {
    overflow: hidden;
}

.layout-double-slider,
.sortmain, .SortBox {
    width: 100%;
    height: 100% !important;
    overflow: hidden
}

.Sortl,
.layout-double-slider .slider-nav {
    width: 80px;
    overflow-y: auto;
    overflow-x: hidden;
    float: left;
}

.Sortl,
.layout-double-slider.active .slider-nav {
    height: 100% !important;
    -webkit-overflow-scrolling: touch;
}

.Sortl ul {
    width: 80px;
}

.order-food .category .list .item,
.Sortl ul li {
    width: 80px;
    min-height: 20px;
    line-height: 20px;
    text-align: center;
}

.order-food .category .list .item {
    font-size: 14px;
}

.Sortl ul li {
    font-size: 12px;
}

.order-food .category .list .item .btn,
.Sortl ul li a {
    display: block;
    padding: 15px 0;
}

.Sortr,
.layout-double-slider .slider-content {
    width: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-left: 80px;
}

.Sortr,
.layout-double-slider.active .slider-content {
    height: 100% !important;
    -webkit-overflow-scrolling: touch;
}

.SortBanner {
    width: 100%;
    overflow: hidden
}

.SortBanner img {
    width: 100%
}

.SortH {
    height: 30px;
    line-height: 30px;
    margin: 10px;
}

.SortH a {
    display: block;
    width: 100%;
    height: 30px;
    background: url(../images/ArrowType02.png) right center no-repeat;
    background-size: 20px 20px
}

.SortH .floatl {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.SortHotRecom {
    width: 100%;
    overflow: hidden;
}

.SortHotRecom a {
    width: 33.33%;
    height: 36px;
    /* line-height: 36px; */
    padding: 0 10px;
    float: left;
    background: #fff;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    display: -webkit-box;
    font-size: 12px;
    line-clamp: 2;
    overflow: hidden;
    /* padding: 0 10px; */
    text-align: center;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-align: center;
    /*! autoprefixer: off /
    -webkit-box-orient: vertical;
    / autoprefixer: on */
    -webkit-box-pack: center;
}

.SortHotRecom a:nth-child(3n) {
    border-right: none;
}

.SortHotRecom.list-child-category {
    margin-top: -1px;
}

.Sortbrand {
    margin: 0 auto;
    width: 96%;
    overflow: hidden
}

.Sortbrand a {
    display: inline-block;
    float: left;
    width: 32%;
    margin: 0 2% 7px 0;
    overflow: hidden;
    box-sizing: border-box;
}

.Sortbrand a:nth-child(3n) {
    margin-right: 0;
}

.Sortbrand a img {
    width: 100%
}

.Sortl::-webkit-scrollbar, .Sortr::-webkit-scrollbar {
    width: 0
}

.PsBanner {
    width: 100%;
    overflow: hidden;
    position: relative
}

.PsBanner ul {
    -webkit-transition: left 800ms ease-in 0;
    -moz-transition: left 800ms ease-in 0;
    -o-transition: left 800ms ease-in 0;
    -ms-transition: left 800ms ease-in 0;
    transition: left 800ms ease-in 0
}

.PsBanner ul li img {
    width: 100%
}

.PsBanner #Psnav {
    position: absolute;
    left: 0;
    bottom: 10px;
    text-align: center;
    width: 100%
}

.PsBanner #Psnav a {
    width: 8px;
    height: 8px;
    margin-right: 6px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    line-height: 99em;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative
}

.PsBanner #Psnav a.active {
    position: relative;
}

.PsInfo {
    width: 100%;
    position: relative
}

.order-food .PsInfo {
    border-top: none;
}

.order-food .PsInfo .top {

}

.order-food .PsInfo .top .container-recommend {
    margin: 10px 10px 0 0;
}

.order-food .PsInfo .top .container-recommend .pattern {
    position: relative;
    width: 55px;
    height: 50px;
}

.order-food .PsInfo .top .container-recommend .pattern .number {
    position: absolute;
    left: 0;
    right: 0;
    line-height: 50px;
}

.order-food .PsInfo .top .container-recommend .pattern .img {
    margin: 0 auto;
    width: 90%;
}

.order-food .PsInfo .top .container-recommend .text {
}

.PsName {
    width: 95.3125%;
    margin: 0 auto;
    padding: 5px 0;
    min-height: 20px;
    line-height: 20px;
    font-size: 16px;
}

.order-food .PsName {
    border-bottom: none;
}

.PsPrice {
    width: 95.3125%;
    margin: 0 auto;
    line-height: 30px;
}

.PsPrice .floatl {
    font-size: 14px;
}

.PsPricer {
    /* float: left; */
    height: 30px;
    line-height: 30px;
}

.PsPricer del {
    text-decoration: line-through;
}

.PsNPrice {
    font-size: 18px;
    font-weight: bold;
    margin-right: 4px
}

.PsDiscount {
    width: 95.3125%;
    min-height: 30px;
    margin: 0 auto
}

.PsDiscount .floatl {
    width: 96px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.PsDisArrow {
    width: 15px;
    height: 30px;
    background: url(../images/Moredown.png) center right no-repeat;
    background-size: 15px 9px
}

.PsDisArrowH {
    background: url(../images/Moreup.png) center right no-repeat;
    background-size: 15px 9px
}

.PsDiscountr {
    width: auto;
    margin: 0 15px 0 96px;
    height: 28px;
    overflow: hidden;
    padding-top: 5px;
    padding-right: 10px
}

.PsDiscountr .type {

}

.PsDiscountrH {
    height: auto !important;
    min-height: 28px;
    overflow: inherit
}

.PsDiscountr > div {
    width: 100%;
    min-height: 30px;
    line-height: 20px;
    font-size: 14px;
}

.PsDiscountr > div span {
    padding: 2px 3px;
    border-radius: 4px;
    font-size: 12px;
    margin-right: 4px
}

.PsFun {
    width: 100%;
    height: 80px;
    padding: 10px 0;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    margin-top: 10px
}

.PsFun > div {
    height: 60px;
    overflow: hidden;
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    text-align: center
}

.PsFun > div a {
    display: block;
    width: 100%;
    height: 60px
}

.PsFun > div a p:first-child {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 0 auto
}

.PsFun > div a p.PsFun1:before, .PsFun > div a p.PsFun2:before, .PsFun > div a p.PsFun3:before, .PsFun > div a p.PsFun4:before {
    line-height: 38px;
    font-size: 20px;
}

.PsFun > div a p:last-child {
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}

.PsNum {
    width: 100%;
    height: 70px;
    padding: 10px 0;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    margin-top: 10px
}

.PsNum > div {
    height: 50px;
    overflow: hidden;
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    text-align: center
}

.PsNum > div p {
    width: 100%;
    height: 25px;
    line-height: 25px
}

.PsNum > div p:first-child {
    font-size: 18px;
}

.PsNum > div p:last-child {
    font-size: 14px;
}

.PsAttr {
    width: 100%;
    margin: 10px auto 0;
}

.PsAttr a {
    display: block;
    margin: 0 7px;
    padding: 10px 0;
    font-size: 14px;
    background: url(../images/MoreArrow.png) center right no-repeat;
    background-size: 9px 16px;
}

.page-goods-detail .block-title {
    padding: 2px 5px;
    border-radius: 4px;
    border: 1px solid transparent;
}

.PsDetTip {
    width: 100%;
    height: 30px;
    font-size: 14px;
    text-align: center;
    margin: 10px 0;
    line-height: 30px;
    background: url(../images/LineIco2.png) center no-repeat;
    background-size: 100% 1px
}

.PsDetTip img {
    width: 15px;
    margin-left: 5px;
    vertical-align: middle
}

.PsDetTabH {
    width: 100%;
    height: 42px;
    overflow: hidden;
    padding: 0 2.34375%;
    display: box;
    display: -webkit-box;
    display: -moz-box
}

.PsDetTabH > div {
    height: 40px;
    width: auto;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    box-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
}

#GoodsDetTab.fixed .PsDetTabH {
    position: fixed;
    margin-top: 0;
    z-index: 2
}

#GoodsDetTab.fixed .PsDetTabs {
    padding-top: 52px
}

.PsDetTabs {
    width: 100%;
    padding: 0 2.34375%;
}

.PsDetTab {
    display: none;
    width: 100%;
    overflow: hidden
}

.salesoutlets-recommend-goods-list .PsDetTab {
    display: block;
}

.PsDetails img {
    width: 100%
}

.PsJFBanner {
    width: 100%;
    position: relative
}

.PsJFBanner img {
    width: 100%
}

.PsJFInfo {
    width: 100%;
    padding: 0 5px;
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 30px;
    font-size: 14px
}

.PsJFInfo > div {
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.PsJFInfo > div.floatr {
    text-align: right
}

.PsJFData {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
}

.PsJFData .floatl span {
    font-size: 18px;
    margin-right: 2px
}

.PsGoodsInfoList {
    width: 100%;
    height: auto;
    overflow: hidden
}

.PsGoodsInfoList li {
    width: 100%;
    line-height: 20px;
    padding: 10px 0;
}

.PsGoodsInfoList li .floatl {
    width: 80px;
    font-size: 14px;
    overflow: hidden;
}

.PsGoodsInfo {
    margin-left: 90px;
    font-size: 14px;
}

.PsTeamName {
    width: 95.3125%;
    margin: 0 auto;
    padding: 5px 0;
    min-height: 40px;
    font-size: 14px;
}

.PsTeamPrice {
    width: 95.3125%;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.PsTeamPrice > i {
    font-size: 20px;
    margin-right: 5px;
}

.PsTeamPrice > del {
    font-size: 14px;
    text-decoration: line-through;
    margin-right: 5px;
}

.PsTeamPrice > strong {
    margin-left: 10px;
}

.PsTeamTime {
    width: 95.3125%;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.goods-detail .PsTeamTime .icon {
    display: none;
}

.PsTeamTime img {
    vertical-align: middle;
    width: 18px;
    margin-right: 5px;
}

.PsTeamSecurity {
    width: 95.3125%;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.PsTeamSecurity span {
    margin-right: 10px;
    font-size: 14px;
}

.PsTeamSecurity span img {
    vertical-align: middle;
    margin-right: 5px;
    width: 18px
}

.PsTeamDiscount {
    min-height: 40px;
}

.PsTeamDiscount > .floatl, .PsTeamDiscount .PsDisArrow {
    height: 40px;
    line-height: 40px;
}

.PsTeamDiscount .PsDiscountr {
    height: 38px;
    padding-top: 8px;
}

.PsTeamDiscount .PsDiscountr > div {
    min-height: 40px;
    line-height: 25px;
}

.PsTeamEval {
    width: 100%;
    padding: 0 2.3438%;
    height: 40px;
    margin-top: 10px;
    line-height: 40px;
}

.PsTeamEval > div {
    height: 40px
}

.PsTeamEval > div.floatr img {
    vertical-align: text-top;
    width: 9px;
    margin-left: 5px
}

.EvalBox {
    width: 200px;
    height: 40px;
    overflow: hidden
}

.Eval {
    display: inline-block;
    vertical-align: text-top;
    width: 100px;
    height: 15px;
    background: url(../images/Eval.png) center no-repeat;
    background-size: 100px 15px;
    margin-right: 10px
}

.Eval > i {
    display: block;
    float: left;
    height: 15px;
    background: url(../images/EvalBg.png) left center no-repeat;
    background-size: 100px 15px
}

.EvalBox > span {
    font-size: 14px
}

.PsTeamSellersInfoBox {
    width: 100%;
    margin-top: 10px;
}

.PsTeamSellersInfoBox dt {
    width: 100%;
    padding: 0 2.3438%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.PsTeamSellersInfoBox dd {
    width: 100%;
    padding: 10px 2.3438%;
    min-height: 70px;
    overflow: hidden
}

.PsTeamSellersInfoBox dd .floatr {
    width: 50px;
    height: 50px;
    text-align: right;
}

.PsTeamSellersInfoBox dd .floatr img {
    vertical-align: middle
}

.PsTeamSellersInfo {
    margin-right: 50px;
    min-height: 50px
}

.PsTeamSellersInfo > span {
    display: block;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
}

.PsTeamSellersInfo > p {
    font-size: 14px;
}

.PsHpBanner {
    width: 100%
}

.PsHpBanner img {
    width: 100%
}

.PsHpName {
    width: 95.3125%;
    padding: 5px 0;
    min-height: 30px;
    max-height: 50px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 20px
}

.PsHpPrice {
    width: 95.3125%;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    font-size: 14px;
}

.PsHpPrice span {
    font-size: 22px;
    margin-right: 5px
}

.PsHpTime {
    width: 100%;
    height: 50px;
    line-height: 30px;
    padding: 10px 0;
    text-align: center;
    background: url(../images/PsHpTimeBg.png) center repeat-x
}

.PsHpTime > span {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    border-radius: 15px;
    vertical-align: middle;
    margin: 0 5px
}

.PsHpTime > span.PsHpTimeIco {
    width: 70px;
    font-size: 16px;
    font-weight: bold;
}

.PsHpTime > span.PsHpTimeIco img {
    width: 16px;
    vertical-align: text-top;
    margin-right: 5px
}

.PsHpTime > span.PsHpTimeBox {
    width: 180px;
    font-size: 16px
}

.PsHpTime > span.PsHpTimeBox > i {
    font-size: 14px;
    margin: 0 4px
}

.PsHpTime > span.PsHpTimeBox img {
    width: 16px;
    vertical-align: middle
}

.PriceRange {
    width: 96.875%;
    margin: 15px auto;
    height: 100px;
    position: relative
}

.RangeBar {
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    z-index: 1
}

.PriceRangeList {
    width: 100%;
    height: 100px;
    position: relative;
    z-index: 2;
    display: -moz-box;
    display: -webkit-box;
    display: box
}

.PriceRangeList li {
    height: 100%;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
    overflow: hidden;
}

.PriceRangeList li > div {
    width: 100%;
    text-align: center;
    font-size: 14px;
    word-break: break-all;
    word-wrap: break-word;
    overflow: hidden;
}

.PriceRangeList li > div.PriceRangeP {
    height: 37px;
}

.PriceRangeList li > div.PriceRangeBg {
    width: 19px;
    margin: 0 auto;
    height: 26px;
    background: #fff url(../images/ydTip.png) center no-repeat;
    background-size: 100% auto;
}

.PriceRangeList li > div.PriceRangeNum {
    height: 37px;
}

.PsHpAttrList {
    width: 100%
}

.PsHpAttrList li {
    width: 100%;
    height: 50px;
    padding: 10px 0;
    line-height: 30px;
}

.PsHpAttrList li .floatl {
    height: 30px
}

.PsHpAttrList li .floatl span.AttrPic {
    width: 30px;
    height: 30px;
    margin: 0
}

.PsHpAttrList li .floatl span.AttrWord {
    background: 0
}

.PsHpAttrList li .floatr {
    height: 30px
}

.PsHpAttrList li .floatr > div {
    height: 30px;
    vertical-align: middle;
    display: inline-block;
    padding: 0
}

.PsHpAttrList li .floatr > div.PsHpAttrBuyNum {
    margin-right: 5px
}

.hpAttrChoice {
    display: none;
    width: 100%;
    height: 40px;
    padding: 5px 0;
    line-height: 30px
}

.hpAttrChoiceH {
    display: block
}

.hpAttrChoice span {
    margin: 0 10px
}

.shopcart-price-ori {
    text-decoration: line-through
}

.HpCartList .floatr {
    height: auto;
    width: 100px;
}

.PsYgDetShowOrderBox {
    width: 100%;
    padding: 0 1.5625%
}

.PsYgDetShowOrderBox li {
    width: 100%;
    margin-top: 10px
}

.PsYgDetShowOrderBox li .floatl {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden
}

.PsYgDetShowOrderBox li .floatl img {
    width: 100%;
    vertical-align: middle
}

.PsYgDetShowOrder {
    margin-left: 60px;
    width: auto;
    min-height: 50px;
    padding: 5px;
    position: relative;
    border-radius: 5px;
}

.PsYgDetShowOrder > del {
    display: block;
    position: absolute;
    top: 20px;
    left: -8px;
    width: 8px;
    height: 9px;
    background: url(../images/ArrowType.png) center no-repeat;
    background-size: 8px 9px
}

.PsYgDetShowOrderEval {
    width: 100%;
}

.PsYgDetShowOrderEval span {
    margin-left: 10px
}

.mainHidden {
    width: 100%;
    height: 100% !important;
    overflow: hidden
}

.ChoiceBox {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    overflow: hidden;
    z-index: 1803
}

.container-modal.goods-thumbnail-modal {
    z-index: 1804;
}

.order-food .container-attr-box .ChoiceBox {
    display: block;
    bottom: -100%;
}

.order-food .container-attr-box.show .ChoiceBox {
    bottom: 0;
}

.ChBoxName {
    width: 100%;
    padding: 10px 2.34375%;
}

.ChBoxName .floatl {
    width: 70px;
    height: 70px;
    overflow: hidden;
}

.ChBoxName .floatl img {
    width: 100%;
    vertical-align: middle
}

.ChoiceBoxClose {
    width: 30px;
    height: 70px;
    background: url(../images/ChoiceBoxClose.png) center top no-repeat;
    background-size: 25px 25px
}

.ChBoxNamer {
    margin: 0 40px 0 80px;
    /* height: 70px; */
    overflow: hidden;
}

.ChBoxN {
    width: 100%;
    line-height: 16px;
    overflow: hidden;
    font-size: 14px;
}

.ChBox-msg-container {
    min-height: 50px;
}

.ChBoxN .desc {
    display: block;
}

.ChBoxPr {
    width: 100%;
    /* height: 20px; */
    font-size: 14px;
}

.ChBoxAttr {
    width: 100%;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.ChBoxAttr dl {
    width: 100%
}

.ChBoxAttr dl dt {
    height: 40px;
    margin: 0 10px;
    line-height: 40px;
    font-size: 14px;
}

.ChBoxAttr dl dd {
    width: 90.625%;
    padding: 10px 0;
    margin: 0 auto;
    overflow: hidden;
}

.ChBoxAttr dl dd .item {
    display: inline-block;
}

.ChBoxAttr dl dd:last-child {
    border-bottom: 0
}

.AttrPic {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 10px 10px 0;
    overflow: hidden
}

.AttrPic img {
    width: 50px;
    vertical-align: middle
}

.AttrWord {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    font-size: 14px;
    margin: 0 10px 10px 0;
    border-radius: 2px;
}

.LimitBuyNum {
    height: 30px;
    line-height: 30px;
    margin-left: 10px
}

.ChBoxBt {
    width: 100%;
    height: 60px;
    padding: 10px 0;
}

.ChBoxBt a {
    display: none;
    width: 100px;
    height: 40px;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    margin: 0 auto
}

.order-food .ChBoxBt {
    padding: 0;
    height: auto;
}

.order-food .ChBoxBt .btn-cart-add {
    display: block;
    width: 100%;
    border-radius: 0;
    /* padding: 5px 0; */
    height: auto;
}

.ChBoxBt a.Disblock {
    display: block
}

.ChBoxShadow {
    display: none;
    width: 100%;
    height: 100%;
    opacity: .7;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.ChBoxShadow {
    display: none;
    z-index: 112
}

.order-food .container-attr-box .ChBoxShadow {
    display: block;
    z-index: 1802;
    top: 100%;
}

.order-food .container-attr-box.show .ChBoxShadow {
    top: 0;
}

.order-food .container-selected .container-selected-cover {
    display: block;
    width: 100%;
    opacity: .7;
    position: fixed;
    left: 0;
    right: 0;
    top: 100%;
    bottom: 0;
    z-index: 1;
}

.order-food .container-selected.show .container-selected-cover {
    top: 0;
    bottom: 50px;
    background: rgba(0, 0, 0, 0.5);
}

.PopBox_Code {
    display: none;
    width: 78%;
    padding: 11.5% 0;
    position: fixed;
    margin: 39% auto 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3333;
    border-radius: 2px;
    text-align: center;
}

.PopBox_Code img {
    width: 77%
}

.PopBox_Code .btn-close {
    display: block;
    position: absolute;
    right: 1%;
    top: 1%;
    width: 5.6%
}

.PopBox_Code .btn-close .icon-cross {
    display: block;
    width: 100%;
    padding-top: 100%;
    background: url("../images/icon-close-scan.png") center no-repeat;
    background-size: 100% auto
}

.shadow {
    display: none;
    width: 100%;
    height: 100%;
    opacity: .7;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3330
}

.OrderInfoH {
    width: 100%;
    height: 60px;
    line-height: 40px;
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
}

.OrderInfoH > span {
    display: inline-block;
    width: 37px;
    height: 40px;
    vertical-align: middle;
    position: relative;
    margin-right: 10px;
    overflow: hidden
}

.OrderInfoH > span > img.HandTop {
    width: 37px;
    position: absolute;
    top: -20px;
    left: 0
}

.OrderInfoH > span > img.HandDown {
    width: 37px;
    position: absolute;
    bottom: 0;
    left: 0
}

.OrderInfoH > span.cur > img.HandTop {
    top: 0;
    animation: case1 1.75s 1;
    -webkit-animation: case1 1.75s 1;
    -moz-animation: case1 1.75s 1
}

.OrderInfoH > span.cur > img.HandDown {
    opacity: 1;
    animation: case2 1.75s 1;
    -webkit-animation: case2 1.75s 1;
    -moz-animation: case2 1.75s 1
}

.OrderBuyerInfo {
    width: 100%;
    overflow: hidden;
}

.OrderBuyerInfo dd, .OrderBuyerInfo dt {
    width: 100%;
    min-height: 80px;
    padding: 10px 5px 10px 30px;
    font-size: 14px;
}

.OrderBuyerInfo dt {
    background: url(../images/LocationIco.png) 5px center no-repeat
}

.OrderBuyerInfo dd {
    background: url(../images/NewIco.png) 5px center no-repeat
}

.OrderBuyerH {
    width: 100%;
    height: 20px;
    line-height: 20px
}

.OrderBuyerCon {
    width: 100%;
    line-height: 15px;
    margin-top: 10px
}

.OrderInfoProBox {
    width: 100%;
    padding: 10px 0;
    margin-top: 10px;
    overflow: hidden
}

.OrderInfoProBox .title {
    padding: 10px;
}

.OrderInfoProBox .title h5 {
    font-size: 16px;
    font-weight: bold;
}

.OrderInfoProBox .OrderLi, .OrderLiPro {
    border: 0;
}

.OrderInfoProBox .OrderLiPro {
    border: 0
}

.OrderInfoData {
    width: 95.3125%;
    line-height: 20px;
    font-size: 14px;
    margin: 10px auto
}

.OrderInfoData .floatr {
    text-align: right;
}

.OrderInfoData .OrderInfoMoney {
}

.OrderInfoData .OrderInfoMoney i {
    font-size: 18px
}

.OrderInfoNo {
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
}

.OrderInfoNo p {
    width: 100%;
    /*height: 20px;*/
    line-height: 20px;
    padding: 15px 10px;
    border-radius: 0;
    border-top: 1px solid #eee;
}

.OrderInfoNo p:first-child {
    border-top: none;
}

.OrderInfoPayBt, .OrderInfoCancelBt {
    display: block;
    float: right;
    width: 100px;
    height: 40px;
    margin: 5px 10px 5px 0;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    border-radius: 5px
}

a.LookOrderLogisticsBt {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/MoreArrow.png) right center no-repeat;
    background-size: 12px 20px;
}

.OrderDetListInfoL {
    float: left;
    width: 80px;
    height: 100%
}

.OrderDetListInfo {
    margin-left: 90px;
    height: 100%
}

.CollectHBox {
    width: 100%;
    height: 60px;
    padding: 10px 0;
}

.CollectHBox .floatr {
    width: 80px;
    height: 40px;
    background: url(../images/BorderBg.png) left center no-repeat;
    overflow: hidden
}

.CollectHBox .floatr a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 40px
}

.CollectHBox .floatr a.CollectOpenDelBt {
    background: url(../images/DeleteIco2.png) center no-repeat
}

.CollectHBox .floatr a.cur {
    display: none
}

.CollectH {
    margin-right: 80px;
    height: 40px;
    padding-left: 10px;
    overflow: hidden;
    font-size: 18px;
    line-height: 40px
}

.CollectlistBox {
    width: 100%;
    margin-top: 10px
}

.CollectList {
    width: 95.3125%;
    margin: 0 auto;
    overflow: hidden
}

.CollectList li {
    width: 48.688525%;
    float: left;
    margin: 0 2.622951% 2.622951% 0
}

.CollectList li:nth-child(even) {
    margin-right: 0
}

.CollectCheck {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
}

.CollectCheck .btn-select {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    border: 0;
    border-radius: 50%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.CollectCheck.del {
    display: block;
}

.CollectCheck.del.cur .btn-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.CollectFoot {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 112;
    width: 100%;
    height: 50px;
}

.CollectFoot > div {
    height: 100%
}

.CollectFoot > div.floatl {
    padding-left: 10px;
    line-height: 50px;
    font-size: 14px
}

.CollectFoot > div.floatl span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 50%;
    opacity: .8;
    cursor: pointer
}

.CollectFoot > div.floatl span.cur {
    background: url(../images/CollectDelCheck.png) center no-repeat;
    background-size: 20px 20px
}

.CollectFoot > div.floatr {
    padding-right: 10px
}

.CollectFoot > div.floatr a.CollectDelBt {
    width: 80px;
    height: 40px;
    margin: 5px 0;
    font-size: 18px;
    line-height: 40px;
    border-radius: 5px;
    text-align: center;
    display: block;
}

@keyframes case1 {
    0% {
        top: -15px
    }
    20% {
        top: 0
    }
    30% {
        top: -10px
    }
    40% {
        top: 0
    }
    50% {
        top: -7px
    }
    60% {
        top: 0
    }
    70% {
        top: -5px
    }
    80% {
        top: 0
    }
    90% {
        top: -2px
    }
    100% {
        top: 0
    }
}

@-webkit-keyframes case1 {
    0% {
        top: -15px
    }
    20% {
        top: 0
    }
    30% {
        top: -10px
    }
    40% {
        top: 0
    }
    50% {
        top: -7px
    }
    60% {
        top: 0
    }
    70% {
        top: -5px
    }
    80% {
        top: 0
    }
    90% {
        top: -2px
    }
    100% {
        top: 0
    }
}

@-moz-keyframes case1 {
    0% {
        top: -15px
    }
    20% {
        top: 0
    }
    30% {
        top: -10px
    }
    40% {
        top: 0
    }
    50% {
        top: -7px
    }
    60% {
        top: 0
    }
    70% {
        top: -5px
    }
    80% {
        top: 0
    }
    90% {
        top: -2px
    }
    100% {
        top: 0
    }
}

@keyframes case2 {
    0% {
        opacity: 0
    }
    20% {
        opacity: .6
    }
    30% {
        opacity: 0
    }
    40% {
        opacity: .7
    }
    50% {
        opacity: 0
    }
    60% {
        opacity: .8
    }
    70% {
        opacity: .4
    }
    80% {
        opacity: .9
    }
    90% {
        opacity: .7
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes case2 {
    0% {
        opacity: 0
    }
    20% {
        opacity: .6
    }
    30% {
        opacity: 0
    }
    40% {
        opacity: .7
    }
    50% {
        opacity: 0
    }
    60% {
        opacity: .8
    }
    70% {
        opacity: .4
    }
    80% {
        opacity: .9
    }
    90% {
        opacity: .7
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes case2 {
    0% {
        opacity: 0
    }
    20% {
        opacity: .6
    }
    30% {
        opacity: 0
    }
    40% {
        opacity: .7
    }
    50% {
        opacity: 0
    }
    60% {
        opacity: .8
    }
    70% {
        opacity: .4
    }
    80% {
        opacity: .9
    }
    90% {
        opacity: .7
    }
    100% {
        opacity: 1
    }
}

.wxPayProInfo {
    width: 100%;
    padding: 10px 1.5625%;
}

.wxPayProInfo .floatl {
    width: 75px;
    height: 20px;
    line-height: 20px;
}

.wxPayProInfoR {
    margin-left: 75px;
    width: auto;
    min-height: 20px;
    line-height: 20px
}

.wxPayMoney {
    width: 100%;
    height: 40px;
    padding: 0 1.5625%;
    font-size: 14px;
    line-height: 40px;
    margin: 10px auto 0
}

.wxPayCodeBox {
    width: 100%;
    padding: 15px 0;
    margin: 10px auto 0
}

.wxPayCode {
    width: 300px;
    margin: 0 auto;
    border-radius: 5px;
}

.wxPayCodeH {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
}

.wxPayCodePic {
    width: 100%
}

.wxPayCodePic p {
    margin: 10px 0;
    text-align: center;
    font-size: 14px
}

.wxPayCodePic p img {
    width: 200px
}

.wxPaySub {
    width: 100%;
    padding: 10px 0;
    margin: 10px auto 0
}

.wxPaySub > div {
    width: 280px;
    margin: 0 auto
}

.wxPaySub > div a {
    display: block;
    float: left;
    width: 130px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    border-radius: 4px
}

.wxPaySub > div a.wxPaySubmit {
    margin-right: 20px;
}

.wxPayTip {
    width: 100%;
    margin: 10px auto 0;
    padding: 10px 1.5625%;
    font-size: 14px;
}

.wxPayTip .floatl {
    width: 75px;
    height: 20px;
    line-height: 20px;
}

.wxPayTipR {
    margin-left: 75px;
    width: auto;
    min-height: 20px;
    line-height: 20px
}

.EvalShowImg {
    width: 100%;
    margin-top: 10px
}

.EvalShowImg .EvalShowImgThumb {
    width: 100%
}

.EvalShowImg .EvalShowImgThumb dd {
    display: inline-block;
    float: left;
    width: 55px;
    height: 55px;
    margin: 0 4px 4px 0;
    overflow: hidden;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.EvalShowImg .EvalShowImgThumb dd img {
    max-height: 53px;
    max-width: 53px;
    vertical-align: middle
}

.EvalShowImg .EvalShowImgThumb dd span {
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.main_visual {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.main_image {
    overflow: hidden;
    position: relative;
    height: 100%
}

.main_image ul {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.main_image li {
    float: left;
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center
}

.main_image li > span {
    height: 100%;
    vertical-align: middle;
    display: inline-block
}

.main_image li img {
    vertical-align: middle;
}

.EvalShowImg .main_image li img {
    max-width: 100%;
}

.pinch-zoom-container {
    height: 100%;
}

div.flicking_con {
    position: absolute;
    bottom: 20px;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 20px;
    text-align: center
}

div.flicking_con a {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 0 2px
}

.ShowImgClose {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 10px
}

.logisticsF {
    width: 90%;
    margin: 10px auto;
    overflow: hidden
}

.logisticsF ul li {
    width: 100%;
    padding: 10px 0;
    line-height: 20px
}

.logisticsF ul li font.contact {
    text-decoration: underline
}

.cd-nav-container {
    position: fixed;
    z-index: 220;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .4s 0s, box-shadow 0s .4s;
    -moz-transition: -moz-transform .4s 0s, box-shadow 0s .4s;
    transition: transform .4s 0s, box-shadow 0s .4s
}

.cd-nav-container.is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-overflow-scrolling: touch;
    -webkit-transition: -webkit-transform .4s 0s, box-shadow 0s 0s;
    -moz-transition: -moz-transform .4s 0s, box-shadow 0s 0s;
    transition: transform .4s 0s, box-shadow 0s 0s
}

.cd-nav-head {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 11
}

.BuyBoxClose {
    width: 40px;
    height: 50px;
    text-align: center;
    line-height: 50px
}

.BuyBoxClose a {
    width: 100%;
    height: 100%;
    display: block
}

.BuyBoxClose a img {
    width: 12px;
    vertical-align: middle
}

.BuyBoxTitle {
    margin: 0 40px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.cd-nav-foot {
    margin-top: 20px;
    width: 100%;
    height: 50px;
    z-index: 11
}

.cd-nav-head .floatr {
    width: 40px;
    height: 50px;
    line-height: 50px;
    text-align: center
}

.cd-nav-head .floatr a {
    font-size: 14px
}

.cd-nav-contain {
    width: 100%;
    height: 100%;
    padding: 50px 0 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    z-index: 10
}

.cd-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .4s 0s, visibility 0s .4s;
    -moz-transition: opacity .4s 0s, visibility 0s .4s;
    transition: opacity .4s 0s, visibility 0s .4s
}

.cd-overlay.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .4s 0s, visibility 0s 0s;
    -moz-transition: opacity .4s 0s, visibility 0s 0s;
    transition: opacity .4s 0s, visibility 0s 0s
}

.OrderSubmitSucTip {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    margin-top: 20px
}

.OrderSubmitSucTip img {
    width: 30px
}

.MainSpace {
    width: 100%;
    height: 100% !important;
    min-height: inherit;
    position: relative
}

.MainSpace .MainFoot {
    position: absolute;
    bottom: 50px;
    left: 0
}

.OrderProPrice {
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}

.CrowdfundCartProList dt .floatr {
    width: 35px;
    height: 80px;
    line-height: 80px;
    text-align: right
}

.CrowdfundCartProList dt .floatr img {
    width: 30px;
    vertical-align: middle
}

.CrowdfundCartProList dt .OrderProInfo {
    margin: 0 40px 0 85px
}

.CrowdfundCartProList dt .OrderProN {
    height: 20px;
    line-height: 17px;
    margin-bottom: 5px
}

.PaySucTip {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0
}

.PaySucTip img {
    width: 30px;
    vertical-align: middle
}

.PayOrderTip {
    width: 100%;
    font-size: 12px;
    text-align: center;
    line-height: 20px
}

.PayBonus {
    width: 315px;
    height: 120px;
    margin: 20px auto 0;
    overflow: hidden;
    border-radius: 60px;
}

.PayBonus a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 60px
}

.GoonPay {
    width: 95.3125%;
    height: 40px;
    margin: 20px auto;
    line-height: 40px;
    text-align: center;
    font-size: 14px
}

.PayBonusL {
    width: 88px;
    height: 120px;
    margin-left: 20px;
    float: left;
    padding-top: 20px;
    text-align: center;
    background: url("../images/Bonus1.png") center bottom no-repeat;
    background-size: 80px 91px
}

.PayBonusLNum {
    margin: 55px 0 5px 0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.PayBonusR {
    width: auto;
    height: 120px;
    padding: 10px 20px 10px 0;
    margin-left: 110px
}

.PayBonusGet, .PayBonusShare {
    width: 100%;
    font-size: 14px;
    font-weight: bold
}

.PayBonusTip {
    width: 100%;
    height: 55px;
    margin: 5px 0
}

.PayBonusTip .floatl {
    width: 60px;
    height: 20px
}

.PayBonusTip .PayBonusTipr {
    margin-left: 60px;
    line-height: 14px
}

.HeadR.write {
    width: 45px
}

.HeadR a.write {
    background: url("../images/icon-edit.png") center no-repeat;
    background-size: 22px auto;
}

.icon {
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.icon-add {
    width: 60px;
    height: 60px;
    background: url("../images/icon-add.png") center no-repeat;
    background-size: 100% auto;
}

.icon-camera {
    width: 60px;
    height: 60px;
    background: url("../images/icon-camera.png") center no-repeat;
    background-size: 100% auto;
    vertical-align: middle;
}

.icon-add-to-cart {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/icon-add-to-cart.png) center no-repeat;
    background-size: 100% auto;
    vertical-align: top
}

.icon-add-logo {
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url(../images/icon-add-logo.png) center no-repeat;
    background-size: 100% auto;
    vertical-align: top
}

.icon-web {
    display: inline-block;
    width: 17%;
    height: 100%;
    background: url(../images/icon-web.png) center no-repeat;
    background-size: 30px auto;
    vertical-align: top
}

.icon-shield {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/icon-shield.png) center no-repeat;
    background-size: 100% auto;
    vertical-align: top
}

.icon-warning {
    width: 4.966%;
    padding: 2.5% 0;
    background-image: url("../images/icon-warning.png");
    background-size: 100% auto
}

.icon-close-black {
    width: 30px;
    height: 30px;
    background: url("../images/icon-close-scan.png") center no-repeat;
    background-size: auto 100%;
}

.icon-close {
    width: 100%;
    padding: 50% 0;
    background-image: url("../images/icon-close.png");
    background-size: 100% auto;
}

.icon-finish {
    width: 100%;
    padding: 50% 0;
    background-image: url("../images/icon-finish.png");
    background-size: 100% auto
}

.icon-update {
    width: 8.333%;
    padding: 4.166% 0;
    background-image: url("../images/icon-update.png");
    background-size: 100% auto
}

.icon-minus {
    display: block;
    width: 20px;
    height: 20px;
    background: url("../images/icon-minus.png") center no-repeat;
    background-size: 100% auto
}

.icon-phone {
    width: 100%;
    height: 100%;
    background: url("../images/TelIco.png") center no-repeat;
    background-size: auto 100%;
}

.icon-arrow-right {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 5.9%;
    height: 100%;
    border-radius: 50%;
    background: url("../images/icon-arrow-right.png") center no-repeat;
    background-size: 12px 13px
}

.icon-arrow-down {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
    height: 100%;
    background: url("../images/icon-arrow-down.png") center left no-repeat;
    background-size: 100% auto;
    pointer-events: none;
}

.icon-arrow-down-white {
    width: 18px;
    height: 18px;
    background: url("../images/Chmoreico.png") center left no-repeat;
    background-size: 100% auto;
}

.icon-arrow-up {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("../images/Moreup.png") center left no-repeat;
    background-size: 100% auto;
}

.icon-cancel {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../images/icon-close.png") center no-repeat;
    background-size: auto 100%
}

.icon-confirm {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../images/PayTipIco.png") center no-repeat;
    background-size: auto 100%
}

.icon-delete {
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 21px;
    font-size: 20px;
}

.icon-delete-2 {
    display: inline-block;
    width: 20px;
    height: 42px;
    background: url("../images/DeleteIco2.png") center no-repeat;
    background-size: 12px 13px
}

.icon-home-2 {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("../images/HomeIco.png") center no-repeat;
    background-size: 12px auto;
}

.icon-arrow-left {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url("../images/back.png") center no-repeat;
    background-size: 12px auto;
}

.icon-arrow-left-2 {
    width: 100%;
    height: 100%;
    background: url("../images/back2.png") center no-repeat;
    background-size: auto 100%;
}

.icon-goods {
    display: inline-block;
    width: 80px;
    height: 80px;
    background: url(../images/icon-goods.png) center no-repeat;
    background-size: 100% auto;
}

.icon-upload {
    display: inline-block;
    width: 120px;
    height: 120px;
    background: url(../images/icon-upload.png) center no-repeat;
    background-size: 100% auto;
}

.icon-eye {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../images/icon-eye.png) center no-repeat;
    background-size: 100% auto;
}

.icon-waiter {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/icon-waiter.png) center no-repeat;
    background-size: 100% auto;
}

.icon-five-star {
    display: inline-block;
    width: 77px;
    height: 73px;
    background: url(../images/icon-five-star.png) center no-repeat;
    background-size: 100% auto;
}

.icon-user-grey {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url(../images/rgICo_Men.png) center no-repeat;
    background-size: 100% auto;
}

.icon-lock {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url(../images/rgIco_pw.png) center no-repeat;
    background-size: 100% auto;
}

.icon-mobile-phone {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url(../images/reg-mobile.png) center no-repeat;
    background-size: 100% auto;
}

.box-selected {
    position: relative;
    width: 100%;
    height: 41px;
    margin: 10px 0 0;
}

.box-selected select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    padding: 10px 5px;
    height: 41px;
    border-radius: 4px;
}

.btn-drop-menu {
    position: absolute;
    right: 0;
    top: 0;
    width: 43px;
    height: 100%;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    padding-top: 14px;
    pointer-events: none
}

.btn-drop-menu .icon {
    display: block;
    margin: 0 auto;
    width: 12px;
    pointer-events: none
}

.user_msg_send .HeadR {
    width: 45px
}

.user_msg_send .formSendMessage {
    padding: 3.125% 3.9% 43.59%
}

.user_msg_send .radio {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: 0
}

.user_msg_send .send-to label, .user_msg_send .send-model label {
    margin-right: 13%
}

.user_msg_send .textTitle {
    display: block;
    margin: 3.728% 0 1.864%
}

.user_msg_send .input {
    width: 100%;
    padding: 3.389%;
    border-radius: 4px;
    resize: none;
}

.user_msg_send .send-to {
    margin-bottom: 5.932%
}

.user_msg_send .send-to .textTitle {
    margin-bottom: 4.576%
}

.user_msg_send .send-to .list-radio {
    display: flex;
}

.user_msg_send .send-to .list-radio .item-radio {
    flex: 1;
}

.user_msg_send .box-line label {
    vertical-align: middle
}

.user_msg_send .send-model {
    padding-bottom: 3.644%
}

.user_msg_send .btn-main {
    width: 100%;
    border-radius: 4px;
    padding: 3.04% 0;
    margin-top: 3.644%;
    border: 0
}

#spAddressee, #spTitle, #spContent {
    padding: 10px 0 0;
    display: block
}

.formRefund .goods-msg {
    padding: 4.687% 3.125%;
}

.formRefund .goods-msg .thumbnail {
    display: inline-block;
    position: relative;
    width: 20.312%;
}

.formRefund .goods-msg .thumbnail img {
    width: 100%
}

.formRefund .goods-msg .thumbnail .num {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    padding: 4.615% 0;
    text-align: center
}

.formRefund .goods-msg .text {
    display: inline-block;
    margin: 0 0 0 3.125%;
    width: 70.6%;
    vertical-align: top;
    font-size: .68rem
}

.formRefund .refund-msg dl {
    padding: 0 3.906%
}

.formRefund .refund-msg dd {
    margin-top: 3.125%;
    border-radius: 5px;
    padding: 0 0 0 2.815%
}

.formRefund .refund-msg dd.upload, .formRefund .refund-msg dd.method, .formRefund .refund-msg dd.reply-msg, .formRefund .refund-msg dd.status-msg {
    border: 0;
    background: transparent;
    padding: 0
}

.formRefund .refund-msg dd.method .radio {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    border-radius: 50%
}

.formRefund .refund-msg dd.method label {
    vertical-align: middle
}

.formRefund .refund-msg dd.method div {
    display: inline-block
}

.formRefund .tip {
    padding: 5% 0;
    text-align: center
}

.formRefund .refund-msg dd.method .radio:checked {
    background: url("../images/CollectDelCheck.png") center no-repeat;
    background-size: auto 100%;
    border: 0
}

.formRefund .refund-msg dd.reply-msg .txtaReply {
    border-radius: 5px;
    padding: 0 0 0 2.815%
}

.formRefund .refund-msg .title {
    display: inline-block;
    width: 31%;
    padding: 3.05% 0
}

.formRefund .refund-msg .btn-select {
    display: inline-block;
    position: relative;
    width: 71%;
    margin: 0 0 0 -4%
}

.formRefund .refund-msg select {
    border: 0;
    width: 100%;
    padding: 4.488% 0;
    background: transparent
}

.formRefund .refund-msg input {
    border: 0
}

.formRefund .refund-msg textarea {
    border: 0;
    resize: none;
    text-align: left;
    width: 100%;
    padding: 2.812% 0
}

.formRefund .refund-msg .icon-arrow-down {
    display: inline-block;
    position: absolute;
    width: 21.446%;
    height: 100%;
    top: 0;
    right: 0;
    pointer-events: none
}

.supplier-register .btn-file, .formRefund .refund-msg .btn-file {
    display: none;
    opacity: 0
}

.formRefund .voucher-msg .img-upload {
    position: relative;
    width: 22.875%;
    float: left;
    margin-right: 6%
}

.formRefund .voucher-msg .img-upload .img-con {
    display: block;
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 5px;
}

.formRefund .voucher-msg .img-upload .img-con img {
    width: 100%
}

.formRefund .voucher-msg .img-upload .img-title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.formRefund .voucher-msg .img-upload .btn-delete {
    display: block;
    position: absolute;
    top: -8%;
    right: -8%;
    width: 14.285%
}

.formRefund .btn {
    padding: 11.718% 3.906% 5%
}

.formRefund .btn-submit {
    padding: 3.437% 0;
    width: 100%;
    border: 0;
    border-radius: 4px;
    text-align: center
}

.user_inbox .selection .box-category {
    position: relative;
    float: left;
    width: 71.5%;
    padding-left: 5%
}

.user_inbox .selection .btn-delete-all {
    float: right;
    margin-right: 5px
}

.user_inbox .selection .box-category .select {
    border: 0;
    height: 42px;
    line-height: 42px;
    width: 100%
}

.user_inbox .selection .box-category .icon-arrow-down {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
    height: 100%;
    pointer-events: none
}

.user_inbox .selection .btn-delete {
    display: inline-block;
    width: 28.5%;
    padding-left: 1%;
}

.user_inbox .selection .btn-delete span, .user_inbox .selection .btn-delete-all span {
    display: inline-block;
    vertical-align: middle
}

.user_inbox .list {
    margin-top: 3.125%
}

.user_inbox .item {
    display: block;
    position: relative;
    width: 100%;
    padding: 3.125% 0;
    border-radius: 4px;
}

.user_inbox .read .item .point {
    display: none
}

.user_inbox li:last-child .item {
    border: 0
}

.user_inbox .content {
    margin: 0 5.9% 0 34px
}

.user_inbox .draft .content {
    margin: 0 34px 0 5.9%
}

.user_inbox .author,
.user_inbox .d-to-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.user_inbox .detail {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /*! autoprefixer: off /
    -webkit-box-orient: vertical;
    / autoprefixer: on */
    -webkit-line-clamp: 2;
}

.user_inbox .point {
    display: block;
    position: absolute;
    left: 20px;
    top: 22%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.user_inbox .time {
    display: block;
    position: absolute;
    right: 5.9%;
    top: 15%;
}

.user_inbox .draft .time {
    right: 34px;
}

.user_inbox .draft .icon-delete-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 2% 15.125% 0;
    width: 27px;
    height: 100%;
}

.user_inbox .MenberNewRecListNo {
    text-align: center;
}

.user_msg_detail .box-content {
    padding: 0 3.125% 40%
}

.user_msg_detail h1 {
    padding-top: 3.125%
}

.user_msg_detail .title {
    text-align: right
}

.user_msg_detail .list li {
    margin-top: 3.389%;
    position: relative
}

.user_msg_detail .list li span {
    position: absolute;
    left: 0;
    top: 0;
    width: 66px
}

.user_msg_detail .list li p {
    margin-left: 66px
}

.user_msg_detail .tool-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 112
}

.user_msg_detail .tool-bar a {
    display: inline-block
}

.user_msg_detail .tool-bar a.hide {
    display: none
}

.user_msg_detail .tool-bar .btn-delete {
    padding: 2.109% 3.437%
}

.user_msg_detail .tool-bar .btn-cancel, .user_msg_detail .tool-bar .btn-confirm {
    padding: 3.109% 0;
    vertical-align: middle
}

.user_msg_detail .tool-bar .tip-msg {
    display: inline-block;
    padding: 4% 0;
    vertical-align: top
}

.user_msg_detail .btn-main {
    border-radius: 4px;
    padding: 2.109% 4.218%;
    margin: 2.109% 2.5% 2.109% 0
}

.user_msg_detail .btn-reply {
    float: right;
    position: relative
}

.password_find_page .small-box {
    display: block;
    position: relative;
    width: 100%;
    padding: 0 4.531%;
}

.password_find_page .small-box .text {
    width: 80px;
    padding-top: 4%;
}

.password_find_page .select-type-view .small-box .text {
    display: block;
    width: auto;
}

.password_find_page .small-box .input-box {
    display: block;
    margin: 0 0 0 80px;
    padding: 4.687% .78% 3.593%;
    border: 0;
    background: transparent;
}

.password_find_page .small-box .vcode,
.password_find_page .small-box .btn-get-code {
    position: absolute;
    right: 0;
    top: 0;
    margin: 3% 4% 0 0;
}

.password_find_page .btn-password {
    padding: 10px 3.125%;
}

.password_find_page .btn-password .btn-submit {
    display: block;
    text-align: center;
    border-radius: 4px;
    padding: 2.968% 0;
    width: 100%;
    margin-top: 3.281%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.password_find_page .btn-password .btn-submit.sending {
    background-image: url("../images/icon-update.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 33%;
    animation: 3s rotate linear infinite;
}

.password_find_page .tip {
    text-align: center;
    margin: 6.718% 0;
}

.password_find_page .tip .text {
    display: inline-block;
    margin-left: 3px
}

.password_find_page .jumper, .password_update_page .jumper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 112
}

.page-live-room-list .container-goods .cover,
.user-food-order-detail .container-service-view .cover,
.password_find_page .jumper .cover, .password_update_page .jumper .cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.password_find_page .jumper .window, .password_update_page .jumper .window {
    position: relative;
    margin: 50% auto 0;
    width: 81.25%;
    padding: 9.375% 0 22.5%;
    border-radius: 20px
}

.password_find_page .jumper .btn-close, .password_update_page .jumper .btn-close {
    display: block;
    position: absolute;
    margin: -7% -7% 0 0;
    right: 0;
    top: 0;
    width: 13.461%
}

.password_find_page .jumper .text, .password_update_page .jumper .text {
    text-align: center;
    width: 80.576%;
    margin: 0 auto
}

.password_find_page .jumper .status, .password_update_page .jumper .status {
    width: 10.961%;
    margin: 0 auto 3.076%
}

.password_find_page .foot {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 0
}

.password_find_page .tip-msg {
    display: block;
    line-height: 200%;
    text-align: center
}

.password_find_page .container-mobile-code .input-box {
    width: 40%;
}

.password_find_page .container-mobile-code .btnMobileCode {
    width: 35%;
    font-size: 14px;
    text-align: center;
    border: 0;
    border-radius: 4px;
    padding: 3% 0;
    margin: 2% 0;
}

.user_expense_records .btn-main {
    border-radius: 4px;
    padding: 2.109% 4.218%;
    margin: 2.109% 2.5% 2.109% 0
}

.user_expense_records .box-filter {
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.user_expense_records .box-filter .category:first-child {
    border-left: none
}

.user_expense_records .filter-category {
    display: inline-block;
    float: left;
    width: 75%
}

.user_expense_records .filter-category .category {
    display: inline-block;
    width: 32.3%;
    border-left-style: solid;
    border-left-width: 1px;
    border-top: 0;
    border-right: 0;
    border-bottom: 0
}

.user_expense_records .filter-category .category {
    padding: 6.25% 0;
    text-align: center
}

.user_expense_records .filter-category .category:last-child {
    margin-right: -1%
}

.user_expense_records .filter-progress {
    position: relative;
    border-left-style: solid;
    border-left-width: 1px;
    float: left;
    display: inline-block;
    width: 25%;
    margin-right: -3%
}

.user_expense_records .filter-progress select {
    display: block;
    width: 100%;
    border: 0;
    padding: 18.75% 0 18.75% 16%;
    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none
}

.page-invoice-record .list,
.user_expense_records .list {
    margin-top: 1.25%
}

.page-invoice-record .list .item,
.user_expense_records .list li {
    display: block;
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 10px 15px;
    text-align: left;
}

.page-invoice-record .list .item:first-child,
.user_expense_records .list li:first-child {
    border-top-style: solid;
    border-top-width: 1px
}

.page-invoice-record .list .item .left,
.user_expense_records .list li .left {
    position: absolute;
    left: 15px;
    width: 70px;
    font-size: 13px;
}

.page-invoice-record .list .item .left {

}

.page-invoice-record .list .item .mid,
.user_expense_records .list li .mid {
    display: block;
    margin: 0 48px 0 70px;
    overflow: hidden;
}

.page-invoice-record .list .item .mid .text,
.user_expense_records .list li .mid p {
    line-height: 149.888%
}

.page-invoice-record .list .item .mid .money,
.user_expense_records .list li .mid .money {
    margin-bottom: 3.95%;
    line-height: 133%
}

.page-invoice-record .list .item .right,
.user_expense_records .list li .right {
    position: absolute;
    right: 15px;
    width: 48px;
}

.user_expense_records .list li .right {
    width: 47px;
}

.user_order_comment .icon-minus {
    width: 26px;
    height: 26px
}

.user_order_comment .comment-table {
    padding: 0 3.906%;
}

.user_order_comment .comment-table dd {
    padding-top: 3.437%
}

.user_order_comment .comment-table label {
    display: block;
    margin: 3.437% 0 1.718%
}

.user_order_comment .comment-table label {
    display: block;
    margin: 3.437% 0 1.718%
}

.user_order_comment .comment-table .input {
    border-radius: 5px;
    resize: none;
    width: 100%;
    padding: 12px
}

.user_order_comment .comment-table .btn-file {
    display: none;
    opacity: 0
}

.user_order_comment .comment-table .image-upload .select-upload {
    display: inline-block;
    width: 17.343%;
    padding: 0;
    vertical-align: top;
    margin-top: 13px
}

.user_order_comment .comment-table .image-upload .select-upload img {
    display: block;
    width: 92.5%;
    margin: 3.75% auto 0
}

.user_order_comment .comment-table .image-upload .count {
    display: inline-block;
    vertical-align: top;
    margin-top: 13px
}

.user_order_comment .comment-table .image-upload em {
    display: inline-block;
    position: relative;
    width: 70px;
    margin: 10px 0 0 10px;
    border-radius: 3px
}

.user_order_comment .comment-table .image-upload em img {
    width: 100%;
    float: left;
    border-radius: 3px
}

.user_order_comment .comment-table .image-upload em a {
    display: block;
    position: absolute;
    width: 26px;
    height: 26px;
    top: -13px;
    right: -13px
}

.user_order_comment .comment-table .code-msg .code-input {
    width: 52.343%
}

.user_order_comment .comment-table .code-msg .code {
    width: 14.062%;
    margin: 5% .781% 0 2.031%
}

.user_order_comment .comment-table .code-msg .btn-change {
    vertical-align: middle
}

.user_order_comment .comment-table .btn {
    padding: 6.25% 0 11.25%
}

.user_order_comment .comment-table .btn-submit {
    padding: 3.437% 0;
    width: 100%;
    border: 0;
    border-radius: 4px
}

.user_order_comment .update-tip {
    text-align: center
}

.user_order_comment .EvalNoGoods {
    padding: 40px 20px;
    margin: 0 auto 20px;
    text-align: center
}

.user_order_comment .EvalNoGoods p {
    font-size: 18px;
    margin-bottom: 20px
}

.user_order_comment .EvalNoGoods a.GoshoppingBt {
    display: block;
    margin: 0 auto;
    width: 140px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 18px;
    border-radius: 4px
}

.shop-rating {
    height: 25px;
    overflow: hidden;
    zoom: 1;
    padding: 2px 0;
    position: relative;
    z-index: 999
}

.shop-rating span {
    height: 23px;
    display: block;
    line-height: 23px;
    float: left
}

.shop-rating span.title {
    text-align: left;
    margin-right: 5px
}

.shop-rating ul {
    float: left;
    margin: 0;
    padding: 0
}

.shop-rating .result {
    margin-left: 20px;
    padding-top: 2px
}

.shop-rating .result em {
    font-family: arial;
    font-weight: bold
}

.shop-rating .result strong {
    font-weight: normal
}

.rating-level, .rating-level a {
    background: url(../images/star_v2.png) no-repeat scroll 1000px 1000px
}

.rating-level {
    background-position: 0 0;
    width: 120px;
    height: 23px;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle
}

.rating-level li {
    display: inline
}

.rating-level a {
    line-height: 23px;
    height: 23px;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -999em;
    *zoom: 1;
    outline: 0
}

.rating-level a.one-star {
    width: 20%;
    z-index: 6
}

.rating-level a.two-stars {
    width: 40%;
    z-index: 5
}

.rating-level a.three-stars {
    width: 60%;
    z-index: 4
}

.rating-level a.four-stars {
    width: 80%;
    z-index: 3
}

.rating-level a.five-stars {
    width: 100%;
    z-index: 2
}

.rating-level .current-rating, .rating-level a:hover {
    background-position: 0 -28px
}

.rating-level a.one-star:hover, .rating-level a.two-stars:hover, .rating-level a.one-star.current-rating, .rating-level a.two-stars.current-rating {
    background-position: 0 -116px
}

.rating-level .three-stars .current-rating, .rating-level .four-stars .current-rating, .rating-level .five-stars .current-rating {
    background-position: 0 -28px
}

.user-distribution-number .tip, .prolist .dropload-down, .list .dropload-down, .prolist .end, .list .end, .TypeList .dropload-down, .TypeList .end {
    padding: 3.125% 0;
    text-align: center;
    font-size: 1rem;
    clear: both
}

.user_expense_records {
    font-size: x-small;
}

.None {
    width: 100%;
    height: 100px;
    font-size: 14px;
    text-align: center;
    padding: 50px 0;
}

.member-msg .member-msg-form li, .coupon-use-page .coupon-msg-form li {
    padding: 10px;
}

.member-msg .text, .coupon-use-page .text {
    display: block;
    margin-bottom: 5px;
}

.activity-wheel-result .input-box .input, .member-msg .input-box, .coupon-msg-form .input-box {
    padding: 10px 5px;
    border-radius: 6px;
    width: 100%;
    font-size: .96rem;
    font-size: 15px;
}

.member-msg .input-container {
    position: relative;
}

.member-msg .input-container .btn {
    position: absolute;
    right: 10px;
    top: 0;
    padding: 10px 0;
    line-height: 22px;
    font-size: 12px;
}

.member-msg .avatar {
    display: block;
    margin: 3% auto;
    width: 32%;
    border-radius: 50%
}

.member-msg .btn-avatar {
    display: inline-block;
    width: 38.281%;
    margin-left: 12%;
    border-radius: 2px;
    text-align: center;
    padding: 5px 0
}

.member-msg .btn-reflash {
    display: inline-block;
    width: 38.281%;
    border-radius: 2px;
    text-align: center;
    padding: 5px 0
}

.member-msg .sex .for-sex {
    padding-right: 9.531%
}

.member-msg .radio {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 1.406% 0 0;
    border-radius: 50%;
    vertical-align: middle
}

.member-msg .radio:checked {
    background: url(../images/CollectDelCheck.png) center no-repeat;
    background-size: 100% auto
}

.member-msg .account-link li {
    width: 25%;
    float: left;
    padding: 0;
    text-align: center
}

.member-msg .account-link li img {
    display: block;
    margin: 0 auto;
    width: 66.25%
}

.member-msg .account-link li span {
    display: block;
    margin: 8% auto 5% auto
}

.member-msg .account-link li a {
    display: block;
    margin: 0 auto;
    width: 63.75%;
    min-width: 60px;
    border-radius: 2px;
    padding: 4.375% 0
}

.member-msg .btn-info-submit,
.coupon-use-page .btn-submit {
    width: 100%;
    border: 0;
    text-align: center;
    padding: 10px 0;
    border-radius: 4px;
    margin: 6.562% 0 8.125% 0
}

/* 绑定手机 */
.member-msg .contain-edit-mobile-phone {
}

.member-msg .contain-edit-mobile-phone .MenberRInfoCon {
}

.member-msg .contain-edit-mobile-phone .MenberRInfoCon .btn {
    border: none;
}

.contain-edit-mobile-phone .edit-view {
    position: fixed;
    bottom: 15%;
    left: 0;
    right: 0;
    width: 90%;
    margin: 0 auto;
    padding: 15px;
    z-index: 121;
}

.contain-edit-mobile-phone .edit-view .wrapper {

}

.contain-edit-mobile-phone .edit-view .wrapper .view-title {

}

.contain-edit-mobile-phone .edit-view .wrapper .view-title .btn-close {
    width: 32px;
}

.contain-edit-mobile-phone .edit-view .wrapper .view-title .btn-close .img {
    width: 100%;
}

.contain-edit-mobile-phone .edit-view .list {
    margin-top: 15px;
}

.contain-edit-mobile-phone .edit-view .list .item {

}

.page-login {
    padding-bottom: 150px;
}

.page-login .item-user-sign-in-type {
    margin: 15px;
}

.page-login .item-user-sign-in-type .list-form .item-form,
.contain-edit-mobile-phone .edit-view .list-form .item-form {
    width: 100%;
    padding: 5px;
    margin-bottom: 5px;
}

.page-login .item-user-sign-in-type .list-form .item-form .icon,
.contain-edit-mobile-phone .edit-view .list-form .item-form .icon {
    width: 21px;
    height: 21px;
}

.page-login .item-user-sign-in-type .list-form .item-form .input-with-btn,
.contain-edit-mobile-phone .edit-view .list-form .item-form .input-with-btn {
    position: relative;
}

.page-login .item-user-sign-in-type .list-form .item-form .input-with-btn .input,
.contain-edit-mobile-phone .edit-view .list-form .item-form .input-with-btn .input {
    line-height: 30px;
}

.page-login .item-user-sign-in-type .list-form .item-form .input-with-btn .link,
.page-login .item-user-sign-in-type .list-form .item-form .input-with-btn .btn,
.contain-edit-mobile-phone .edit-view .list-form .item-form .input-with-btn .btn {
    position: absolute;
    right: 0;
    top: 0;
}

.page-login .item-user-sign-in-type .list-form .item-form .input-with-btn .link {
    margin-top: 10px;
}

.page-login .item-user-sign-in-type .list-form .item-form .input,
.contain-edit-mobile-phone .edit-view .list-form .item-form .input {
    border: none;
}

.page-login .item-user-sign-in-type .list-form .item-form .input-mobile-phone,
.contain-edit-mobile-phone .edit-view .list-form .item-form .input-mobile-phone {

}

.page-login .item-user-sign-in-type .list-form .item-form .input-msg-verify,
.contain-edit-mobile-phone .edit-view .list-form .item-form .input-msg-verify {

}

.page-login .item-user-sign-in-type .list-form .item-form .btn-submit,
.contain-edit-mobile-phone .edit-view .list-form .item-form .btn-submit {

}

.page-login .item-user-sign-in-type .list-form .item-form .btn-submit.block,
.contain-edit-mobile-phone .edit-view .list-form .item-form .btn-submit.block {
    margin-left: 0;
    margin-right: 0;
}

.page-login .item-user-sign-in-type .contain-agreement {

}

.page-login .item-user-sign-in-type .list-form .item-form .contain-agreement .icon {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.page-login .item-user-sign-in-type .list-form .item-form .contain-agreement .text {
    vertical-align: middle;
}

/* 第三方登录 */

.page-login .ContainerLoginOther {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.ContainerLoginOther .LoginOtherH {
    margin: 0 15px;
    font-size: 14px;
}

.ContainerLoginOther .LoginOtherBox {
    margin: 20px 15px;
}

.ContainerLoginOther .LoginOther {
}

.ContainerLoginOther .LoginOther a {
    display: block;
}

.ContainerLoginOther .LoginOtherIco {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 auto 10px;
}

.ContainerLoginOther .LoginOtherIco img {
    width: 100%;
    border-radius: 50%;
}

.user_safety .small-box {
    display: block;
    width: 100%;
    height: 41px;
    padding: 10px 5px;
    border-radius: 4px;
    margin: 1.86% 0 3.22%;
}

.user_safety .securityIssueForm {
    padding: 3.1% 3.9% 54.632%
}

.user_safety .securityIssueForm .old-answer {
    border-radius: 4px
}

.user_safety .securityIssueForm .btn-main {
    margin-top: 5.59%
}

.user_face .preview-container {
    display: none;
    width: 100%;
    min-width: 300px
}

.user_face .photocontainer img {
    display: block;
    border-radius: 50%;
    width: 27%;
    margin: 10px auto 0
}

.user_face .preview-container .col-sm-6 {
    margin: 10px 0
}

.user_face .cropper-example-1 {
    max-height: 300px
}

.user_face .cropper-example-1 > img, .cropper-example-3 > img {
    max-width: 100%
}

.user_face .img-container, .user_face .img-preview {
    overflow: hidden;
    width: 100%;
    text-align: center
}

.user_face .img-preview {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

.user_face .preview-lg {
    width: 263px;
    height: 148px
}

.user_face .preview-md {
    width: 139px;
    height: 78px
}

.user_face .preview-sm {
    width: 69px;
    height: 39px
}

.user_face .preview-xs {
    width: 35px;
    height: 20px;
    margin-right: 0
}

.user_face .fileUpload {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    width: 100%
}

.user_face .fileUpload label {
    display: block;
    font-size: 14px;
    text-align: center
}

.user_face .fileUpload input.upload {
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    width: 100%
}

.user_face .MenCenterInfoBt.formUserFace .SubmitBtn {
    display: block;
    margin: 20px auto 10px;
    border: 0;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    border-radius: 5px;
    width: 90%
}

.commission_index .forbidden-user {
    padding: 2.5%;
    text-align: center
}

.commission_index .forbidden-user .text {
    margin: 2.5%
}

.commission_index .btn-main {
    display: block;
    margin: 0 auto 10px;
    padding: 0 5px;
    width: 90px;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
}

.commission_index .first-guide {
    padding: 2.5% 20%;
    text-align: center
}

.commission_index .top {
    margin-bottom: 3.281%
}

.commission_index .commission-msg {
    display: block;
    background: url(../images/MoreArrow.png) 97.5% center no-repeat;
    background-size: 9px 16px;
    padding: 2.5%
}

.commission_index .avatar {
    width: 8.437%;
    border-radius: 50%;
}

.commission_index h1 {
    display: inline-block;
    margin: 0 1.562%;
    width: 85%
}

.commission_index h1 .level {
    margin-left: 1.562%
}

.commission_index .top .big {
    text-align: center;
    padding-bottom: 8.593%
}

.commission_index .top .big .balance {
    display: block;
    padding: 12.125% 0 7.03%
}

.commission_index .top .big .set-password img {
    width: 3.593%;
    margin-right: 1.406%;
    vertical-align: middle
}

.commission_index .top .big .set-password p {
    display: inline-block;
    vertical-align: middle
}

.commission_index .sec {
    padding: 4.531% 0 0 0;
}

.commission_index .sec .big {
    padding: 0 4.375%;
}

.commission_index .sec .part {
    padding: 3.75% 0
}

.commission_index .sec .part li {
    width: 50%;
    float: left
}

.commission_index .sec .part li:first-child {
    border: 0
}

.commission_index .sum {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip
}

.commission_index .sec .part li a {
    display: block;
    height: 100%;
    width: 98%;
    padding-left: 25.312%
}

.commission_index .sec .part li .ExMyExtend {
    background: url(../images/ExMyExtend.png) 9.375% center no-repeat;
    background-size: 20px auto
}

.commission_index .sec .part li .ExMyFamily {
    background: url(../images/ExMyFamily.png) 9.375% center no-repeat;
    background-size: 20px auto
}

.commission_index .sec .part li .ExMemberLink {
    background: url(../images/ExMemberLink.png) 9.375% center no-repeat;
    background-size: 20px auto
}

.commission_index .sec .part li a .detail {
    display: block
}

.commission_index .list li {
    padding: 0 10px;
}

.commission_index .list li:first-child, .commission_index .list li:nth-child(4), .commission_index .list li:nth-child(7) {
    margin-top: 3.281%
}

.commission_index .list li > a {
    display: block;
    background: url(../images/MoreArrow.png) 97.5% center no-repeat;
    background-size: 9px 16px;
    padding: 5% 2.5%
}

.commission_index .list li a .money {
    float: right;
    margin-right: 6.093%
}

.commission_index .list .icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    float: left;
    margin-top: -1.5%
}

.commission_index .list .icon-0 {
    background: url(../images/ExListIco0.png) center no-repeat;
    background-size: 19px 19px
}

.commission_index .list .icon-1 {
    background: url(../images/ExListIco1.png) center no-repeat;
    background-size: 19px 19px
}

.commission_index .list .icon-2 {
    background: url(../images/ExListIco2.png) center no-repeat;
    background-size: 19px 19px
}

.commission_index .list .icon-3 {
    background: url(../images/ExListIco3.png) center no-repeat;
    background-size: 19px 19px
}

.commission_index .list .icon-4 {
    background: url(../images/ExListIco4.png) center no-repeat;
    background-size: 19px 19px
}

.commission_index .list .icon-5 {
    background: url(../images/ExListIco5.png) center no-repeat;
    background-size: 19px 19px
}

.commission_index .list .icon-6 {
    background: url(../images/ExListIco6.png) center no-repeat;
    background-size: 19px 19px
}

.commission_index .list .content-drop-down img {
    display: block;
    margin: 0 auto;
    width: 65.6%
}

.commission_index .list .content-drop-down img.big {
    width: 100%;
}

.commission_index .list .content-drop-down .tip {
    display: block;
    margin: 0 auto 3px;
    text-align: center
}

.commission_index .list .content-drop-down .tip.hide {
    display: none
}

.commission_index .about {
    padding: 2.5%;
    line-height: 150%
}

.withdrawal .MenberBox {
    padding: 50px 0
}

.withdrawal .MenberRH {
    padding: 5px 10px
}

.withdrawal .MenberRConBox {
    width: 100%;
}

.withdrawal .MenberRFytxList {
    width: 100%
}

.withdrawal .MenberRFytxList dd {
    width: 100%;
    padding: 15px 10px 0
}

.withdrawal .MenberRFytx input[type=text], .withdrawal .MenberRFytx input[type=password], .withdrawal .input {
    width: 100%;
    padding: 3.389%;
    margin-top: 3px;
    border-radius: 4px;
    resize: none;
}

.withdrawal .radio {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: 0
}

.withdrawal .MenberRFytx input[type=submit] {
    width: 100%;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 18px;
    border: 0;
    border-radius: 4px;
    margin: 0 0 15px 0
}

.ConsumerRecords .data-total {
    text-align: center
}

.ConsumerRecords .tab-nav {
    position: fixed;
    left: 0;
    width: 100%;
}

.ConsumerRecords .tab-nav a {
    display: inline-block;
    float: left;
    width: 20%;
    padding: 3.125% 0;
    text-align: center
}

.ConsumerRecords .data-list {
    padding-top: 14%
}

.ConsumerRecords li {
    /* padding-bottom: 4% */
}

.container-invoice-detail .invoice-info .list .item,
.ConsumerRecords li p {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}

.ConsumerRecords li p:first-child {
    padding: 15px;
}

.container-invoice-detail .invoice-info .list .item .value {
    float: right;
}

.commission-psw-find .FindPwProIco {
    width: 90%
}

.commission-psw-find .formAnswerQuestionCommission {
    padding: 3.1% 3.9% 44%;
}

.commission-psw-find .small-box {
    display: block;
    width: 100%;
    padding: 10px 5px;
    height: 41px;
    border-radius: 4px;
    margin: 1.86% 0 3.22%;
}

.commission-psw-find .btnAnswerQuestion {
    margin-top: 5.59%;
}

.commission-update-psw .formUpdateCommissionPwd {
    padding: 3.1% 3.9% 20%;
}

.commission-update-psw .small-box {
    display: block;
    width: 100%;
    padding: 10px 5px;
    height: 41px;
    border-radius: 4px;
    margin: 1.86% 0 3.22%;
}

.commission-update-psw .btnUpdatePassword {
    margin-top: 5.59%;
}

.commission-update-psw .FindPwNoSet {
    padding: 3.1% 3.9%;
}

.commission-update-psw .FindPwNoSet img {
    vertical-align: middle
}

.help-center .HelpSearchBox {
    padding: 7px 3.125%
}

.help-center .HelpSearch {
    position: relative;
    border-radius: 4px;
    padding: 7px
}

.help-center .HelpSearch .helpSearchTxt {
    width: 40%;
    border: 0;
    display: block;
    margin: 0 auto;
    text-align: center
}

.help-center .HelpSearch .helpSearch {
    position: absolute;
    left: 27%;
    top: 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/SearchIco.png") center no-repeat;
    background-size: 100% auto;
    border: 0
}

.help-center .HelpSearchResultBox {
    background: url("../images/bg-help-center.jpg") center no-repeat;
    background-size: 100% 100%;
    padding-bottom: 2%
}

.help-center .HelpSearchResulLlsit {
    padding: 6.562% 0 0 0
}

.help-center .HelpSearchResulLlsit dt {
    background: url("../images/HelpFace.png") 5% center no-repeat;
    background-size: auto 50%
}

.help-center .HelpSearchResulLlsit dt a {
    display: block;
    padding: 3.125% 0;
    margin: 0 13.281%
}

.help-center .HelpSearchResulLlsit dd a {
    display: block;
    background: url("../images/MoreArrow_white.png") 99.3% center no-repeat;
    background-size: auto 50%;
    margin: 0 13.281%;
    padding: 3.125% 0;
}

.help-center .HelpSearchResultBox .HelpSearchArrow {
    width: 6.25%;
    padding: 1.875% 0;
    background: url("../images/ArrowIco.png") center no-repeat;
    background-size: 100% auto;
    margin: 6.406% auto 4.062%
}

.help-center .HelpFAQBox {
    text-align: center;
    padding: 3.125%;
}

.help-center .HelpFAQBox li {
    width: 50%;
    float: left
}

.help-center .HelpFAQBox li a {
    display: block;
    width: 100%;
    /* height: 76px; */
    padding: 6.875% 0;
    line-height: 100%;
}

.help-center .HelpFAQBox li a img {
    display: block;
    height: 8px;
    margin: 0 auto 11%;
}

.help-center .HelpFAQBox li:nth-child(2n) a {
    border-right: 0
}

.help-center .HelpFAQBox li:nth-child img {
    width: 15.625%
}

.help-center .Cred {
    padding: 1.708% 4%
}

.help-center .HelpCenter-list a {
    display: block;
    font-weight: bold;
    padding: 1.708% 4%
}

.help-center .HelpContent .contents {
    padding: 0 3.125% 3.125%
}

.help-center .HelpContent .contents * {
    margin: 0 auto;
}

.help-center .HelpContent .contents img {
    max-width: 100%;
}

.help-center .HelpContent .contents b {
    margin-top: 3.125%;
    font-weight: bold
}

.BonusListNav {
    width: 96.875%;
    height: 40px;
    margin: 10px auto 0;
    border-radius: 5px;
}

.BonusListNav a {
    display: inline-block;
    width: 50%;
    height: 38px;
    float: left;
    float: left;
    font-size: 14px;
    line-height: 38px;
    text-align: center
}

.BonusList {
    width: 100%;
    margin: 10px auto;
}

.BonusList li {
    width: 100%;
    min-height: 80px;
    padding: 10px 1.5625%;
}

.BonusList li .BonusListl {
    width: auto;
    margin-right: 125px;
    overflow: hidden;
    min-height: 60px
}

.BonusList li .BonusListl p {
    width: 100%;
    word-break: break-all;
    word-wrap: break-word;
    margin-bottom: 5px
}

.BonusList li .BonusListl p.BonusName {
    font-size: 14px;
    margin-bottom: 8px
}

.BonusList li .floatr {
    width: 120px;
    overflow: hidden;
    text-align: right
}

.BonusList li .floatr p {
    margin-bottom: 5px
}

.BonusList li.BonusHas .BonusListl {
    padding-left: 54px;
    background: url("../images/BonusList.png") top left no-repeat;
    background-size: 50px 56px
}

.BonusList li.BonusNo .BonusListl {
    padding-left: 54px;
    background: url("../images/BonusListNo.png") top left no-repeat;
    background-size: 50px 56px
}

.BonusShare a {
    display: block;
    width: 55px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    float: right;
    border-radius: 4px;
    margin-left: 5px
}

.BonusShare a img {
    width: 12px;
    vertical-align: middle;
    margin-right: 4px
}

.BonusBody {
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto
}

.OpBonusBox {
    width: 100%;
    position: relative
}

.OpBg {
    width: 100%
}

.OpBg img {
    width: 100%
}

.OpBonusBgBox {
    width: 300px;
    height: 219px;
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -150px;
    background: url("../images/BonusBg1.png") center no-repeat;
    background-size: 300px 219px
}

.OpBonusNum {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    top: 46px;
    left: 50%;
    margin-left: -28px;
    text-align: center;
    line-height: 60px;
    font-size: 14px;
    font-weight: bold;
}

.OpBonusNum span {
    font-size: 28px
}

.OpBonusTip1 {
    width: 100%;
    margin-top: 120px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.OpBonusTip2 {
    font-size: 14px;
    text-align: center;
    margin-top: 5px
}

.OpBonusRule {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: 95px;
    text-align: center
}

.OpBonusRule a {
    font-size: 14px;
    display: block;
    width: 60px;
    height: 25px;
    line-height: 25px;
    margin: 0 auto;
    border-radius: 5px
}

.OpBonusRule a img {
    width: 15px;
    vertical-align: middle;
    margin-right: 5px
}

.OpBonusMoneyNum {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.OpBonusMoneyNum span {
    font-size: 20px
}

.OpBonusOpenL {
    width: 100%;
    margin: -20px 0 20px 0
}

.OpBonusOpenLH {
    width: 100%;
    position: relative
}

.OpBonusOpenLHCon {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: url("../images/BLine.png") center no-repeat;
    background-size: 100% 1px;
    text-align: center;
    font-size: 14px;
    position: absolute;
    bottom: 0
}

.OpBonusOpenL ul {
    width: 100%;
}

.OpBonusOpenL ul li {
    width: 100%;
    height: 80px;
    padding: 15px 3.125%;
}

.OpBonusOpenL ul li .floatr {
    width: 80px;
    height: 50px;
    padding: 8px 0;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    font-size: 14px
}

.OpBonusGetFace {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.OpBonusGetFace img {
    width: 100%;
    border-radius: 50%
}

.OpBonusGetInfo {
    height: 50px;
    margin-left: 10px
}

.OpBonusGetInfo p {
    font-size: 14px;
    margin: 8px 0
}

.relaybonus-list .BonusList .BonusHas {
    position: relative;
    width: 100%
}

.relaybonus-list .BonusList .BonusHas img {
    width: 18.75%;
    vertical-align: middle
}

.relaybonus-list .BonusList .BonusHas div {
    display: inline-block;
    width: 46.8%;
    vertical-align: middle
}

.relaybonus-list .BonusList .BonusHas div p {
    line-height: 150%
}

.relaybonus-list .BonusList .BonusHas div .title {
    text-align: left;
    font-size: 3.89vw;
    border-bottom: 0
}

.relaybonus-list .BonusList .BonusHas div .time {
    font-size: 3vw;
}

.relaybonus-list .BonusList .BonusHas div .from {
    font-size: 2vw
}

.relaybonus-list .BonusList .BonusHas a {
    display: inline-block;
    float: right;
    width: 28.1%;
    height: 6vw;
    line-height: 6vw;
    text-align: center;
    font-size: 4.66vw;
    border-radius: 2vw;
    vertical-align: middle;
    margin-top: 3%
}

.relaybonus-list .BonusList .BonusHas .check-money {
    display: inline-block;
    width: 28.1%;
    float: right;
    text-align: center
}

.relaybonus-list .BonusList .BonusHas .money {
    margin-top: 2%;
    font-size: 4.66vw;
    display: inline-block
}

.relaybonus-list .BonusList .BonusHas .check-money a.active {
    width: 100%
}

.relaybonus-list .BonusList .BonusHas img.already-miss {
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 12%;
    width: auto;
    height: 76%
}

.IntegralPaging, .AllPaging {
    margin: 0 auto;
}

.pr_showList_page {
    padding: 0 13px;
    overflow: hidden;
    text-align: center
}

.pr_showList_page ul {
    display: inline-block
}

.pr_showList_page li {
    width: 78px;
    height: 30px;
    /* line-height: 30px; */
    text-align: center;
    font-size: 14px;
    font-family: "microsoft yahei UI", Arial, SimSun;
    float: left;
    margin: 20px 5px;
}

.pr_showList_page li a {
    line-height: 30px;
}

.pr_showList_page .pr_showList_pageX {
    width: auto;
    background: 0
}

.pr_showList_page li select {
    height: 30px;
    padding-right: 5px;
    font-size: 14px
}

.commission-set-password form li, .set-account form li {
    padding: 1.484% 3.906%
}

.commission-set-password .text, .set-account .text {
    display: block;
    margin-bottom: 1.875%
}

.commission-set-password .input, .set-account .input {
    padding: 3.906%;
    border-radius: 6px;
    width: 100%;
    font-size: .96rem
}

.commission-set-password .btn-submit,
.set-account .btn-submit {
    width: 100%;
    border: 0;
    text-align: center;
    padding: 2.656% 0;
    border-radius: 4px;
    margin: 6.562% 0 8.125% 0
}

.integral-withdrawal .MenberR {
    padding: 3.125%
}

.integral-withdrawal .btn-submit {
    width: 100%;
    border: 0;
    text-align: center;
    padding: 2.656% 0;
    border-radius: 4px;
    margin: 6.562% 0 8.125% 0
}

.pay-online .formOnlinePay {
    padding: 1.484% 0
}

.pay-online .RechargePayTypeList li {
    display: block;
    padding: 3.125% 3.906%;
    vertical-align: middle
}

.pay-online .RechargePayTypeList li img {
    width: 100px
}

.pay-online .RechargePayTypeList li label {
    vertical-align: middle
}

.pay-online .text {
    display: block;
    margin: 0 1.484% 1.875%
}

.pay-online .input {
    margin: 0 1.484% 1.875%;
    padding: 3.906%;
    border-radius: 6px;
    width: 97.032%;
    font-size: 15px;
}

.pay-online .btn-fixed {
    position: fixed;
    left: 0;
    bottom: 40px;
    width: 100%;
    padding: 3.125% 1.484% 8.125%
}

.pay-online .btn-submit {
    display: block;
    width: 100%;
    border: 0;
    text-align: center;
    padding: 2.656% 0;
    border-radius: 4px
}

.pay-online .radio {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    border-radius: 50%
}

.pay-online .radio:checked {
    background: url("../images/CollectDelCheck.png") center no-repeat;
    background-size: auto 100%;
    border: 0
}

.shake-bonus-list .record .item {
    display: block;
    width: 100%;
    padding: 5% 3%;
}

.shake-bonus-list .record .item .big-icon {
    display: inline-block;
    position: absolute;
    width: 52px;
    height: 52px
}

.shake-bonus-list .record .item .big-icon img {
    display: block;
    width: 100%;
    height: 100%
}

.shake-bonus-list .record .item .msg {
    position: relative;
    margin: 1% 0 10px 52px;
    padding-left: 3%
}

.shake-bonus-list .record .item .msg .title {
    display: block;
    font-size: 16px;
    margin: 0 120px 0 0;
    overflow: hidden;
    white-space: nowrap
}

.shake-bonus-list .record .item .msg .time {
    font-size: 12px;
    margin-top: 3px;
    overflow: hidden
}

.shake-bonus-list .record .item .msg .money {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
}

.coupon-list .ConsumerRecords {
    padding: 0 5px
}

.coupon-list .ConsumerRecords li {
    font-size: 14px;
    margin: 10px 0;
    padding-bottom: 5px;
    overflow: hidden
}

.coupon-list .ConsumerRecords li p {
    padding: 3px 0
}

.coupon-list .coupon-li-img {
    display: block;
    width: 100%
}

.coupon-list .off-line {
    float: right;
    margin: 5px
}

.coupon-list .send {
    height: 22px;
    width: 80px;
    display: inline-block;
    line-height: 22px;
    text-align: center
}

.coupon-pass .activity_info {
    margin: 0 1.484% 1.875%;
    padding: 3.125%;
}

.coupon-pass .apply_title_div h3 {
    font-weight: bold
}

.coupon-pass .activity_info li {
    line-height: 150%
}

.coupon-pass .activity_info .text {
    display: inline-block;
    width: 77px;
    vertical-align: top
}

.coupon-pass .activity_info .scan-img {
    display: inline-block;
    width: 180px;
    margin-top: 3px
}

.coupon-pass .activity_info .btn-submit {
    display: block;
    width: 100%;
    border: 0;
    text-align: center;
    padding: 2.656% 0;
    border-radius: 4px;
    margin-top: 4%
}

.pay-success .main-content {
    margin: 50px 0 60px 0
}

.pay-success .main-content .result {
    padding: 26px 0 13px 13px
}

.pay-success .main-content .result img {
    vertical-align: middle;
    width: 20px;
    height: 20px
}

.pay-success .main-content .result p {
    display: inline-block;
    font-size: 18px;
    vertical-align: middle
}

.pay-success .goods-msg {
    padding: 25px 3%
}

.pay-success .goods-msg .goods-img {
    display: inline-block;
    width: 17%;
}

.pay-success .goods-msg .goods-img img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%
}

.pay-success .goods-msg .goods-text {
    display: inline-block;
    width: 80%;
    margin-left: 1%;
    vertical-align: top;
    line-height: 150%
}

.pay-success .goods-msg .goods-text .goods-name {
    font-size: 15px
}

.pay-success .goods-msg .goods-text .price {
    float: left;
    font-size: 13px
}

.pay-success .goods-msg .goods-text .sum {
    float: right;
    font-size: 13px
}

.pay-success .red-gift {
    display: block;
    position: relative
}

.pay-success .red-gift img {
    width: 100%
}

.pay-success .red-gift p {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: 20px;
    bottom: 44px;
    font-size: 13px;
    text-align: center
}

.pay-success .keep-shopping {
    display: block;
    width: 93%;
    border: 0;
    text-align: center;
    padding: 2.656% 0;
    margin: 1% auto;
    border-radius: 4px;
    font-size: .96rem;
}

.pay-success .red-gift-forces {
    position: relative;
    padding-bottom: 0;
    display: block;
    margin: 5% auto;
    width: 95%
}

.pay-success .red-gift-forces img {
    position: absolute;
    width: 100%;
    z-index: -1
}

.pay-success .red-gift-forces .floating-layer {
    padding: 2% 0 0 12.3%
}

.pay-success .red-gift-forces .floating-layer p {
    line-height: 120%
}

.pay-success .red-gift-forces .title {
    font-size: 5vw;
    font-weight: bold;
    text-align: left;
    border: 0
}

.pay-success .red-gift-forces .content {
    font-size: 4vw;
}

.pay-success .red-gift-forces .date {
    font-size: 2vw;
}

.pay-success .red-gift-forces .btn-call {
    float: right;
    margin: 0 1.7% 0 6.25%;
    padding: 2%;
    font-size: 3vw;
    border-radius: 4px
}

.pay-success .MinWidth-320 {
    padding-bottom: 5%;
    margin: 5% auto;
    width: 93%
}

.pay-success .MinWidth-320 img {
    width: 100%
}

.pay-success .MinWidth-320 .floating-layer {
    padding: 2% 0 0 12.3%
}

.pay-success .MinWidth-320 .floating-layer p {
    line-height: 120%
}

.pay-success .MinWidth-320 .title {
    font-size: 15px
}

.pay-success .MinWidth-320 .content {
    font-size: 12px
}

.pay-success .MinWidth-320 .date {
    font-size: 6px
}

.pay-success .MinWidth-320 .btn-call {
    margin: 0 1.7% 0 6.25%;
    padding: 1% 2%;
    font-size: 6px;
    border-radius: 4px
}

.integral-order-result .keep-shopping {
    display: block;
    width: 93%;
    border: 0;
    text-align: center;
    padding: 2.656% 0;
    margin: 1% auto;
    border-radius: 4px;
    font-size: .96rem;
}

#shareBox {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 10%;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
}

#shareBox.active {
    display: block
}

.supplier-register-agreement, .register-agreement .container {
    margin: 50px 0;
    padding: 3%;
}

.supplier-register-agreement {
    margin-top: 0;
}

.supplier-register-agreement .title, .register-agreement .container h1 {
    display: inline-block;
    padding: 0 0 2px 0;
    margin: 0 0 3% 0
}

.supplier-register-agreement .detail, .register-agreement .container p {
    line-height: 180%;
    margin-bottom: 10px
}

.supplier-register-agreement .submit, .register-agreement #btnAgreeServicet {
    display: block;
    width: 100%;
    height: 42px;
    border: 0;
    border-radius: 2px;
    text-align: center;
    line-height: 42px;
    font-size: 18px;
    margin: 10% auto 0;
    cursor: pointer;
}

.JoinerInfo {
    padding-left: 10px;
    line-height: 23px;
}

.cfShowMoreBtn {
    padding: 5px 10px;
    text-align: center
}

.activity-info .SignBanner img {
    width: 100%
}

.activity-info .SignH {
    text-align: center;
    padding: 8px 0;
    font-weight: bold
}

.activity-info .SignInfo {
    padding: 3.125%;
    line-height: 130%
}

.activity-info .SignData {
    padding: 3.75%
}

.activity-info .SignData input {
    display: block;
    width: 100%;
    border-radius: 4px;
    padding: 8px;
    margin: 5px 0 10px;
    border: 0
}

.activity-info .SignData .send_btn {
    margin-top: 20px
}

.apply_info_show {
    position: fixed;
    width: 70%;
    margin: 30% auto;
    left: 0;
    right: 0;
    padding: 3% 5%;
    top: 0;
    z-index: 102;
    display: none;
    border-radius: 4px;
}

.apply_info_show .title {
    text-align: center
}

.apply_info_show dd {
    padding: 3% 0
}

.apply_info_show .btn {
    display: block;
    padding: 3%;
    text-align: center;
    margin: 0 auto
}

.MenberH > .floatl {
    /* width: 220px; */
    margin: 40px 0 0;
    overflow: hidden;
}

.MenberFace {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-right: 10px;
    overflow: hidden;
}

.MenberFace img {
    width: 100%;
    /* border-radius: 50% */
}

.MenberName {
    /* width: 140px; */
    padding: 10px 0;
    overflow: hidden;
}

.MenberN {
    font-size: 14px;
    margin-bottom: 5px;
    word-break: break-all;
    word-wrap: break-word
}

.MenberRatings {
    display: inline-block;
    min-width: 80px;
    padding: 0 3px;
    height: 20px;
    line-height: 20px;
    border-radius: 4px;
    text-align: center;
}

.MenberH .floatr {
    width: 50px;
    height: 30px;
    margin-top: 10px
}

.MenberH .floatr a {
    display: block;
    width: 50px;
    height: 25px;
    border-radius: 5px;
    background-position-x: 4px;
    line-height: 26px;
    text-indent: 20px;
}

.MenLists {
    width: 100%;
    margin: 10px auto 0;
}

.MenLists dd {
    width: 100%;
    height: 50px;
    overflow: hidden
}

.MenLists .item.multi-row {
    height: auto;
}

.MenLists dd > a {
    display: block;
    /* width: 93.75%; */
    /* padding: 0 15px 0 0; */
    height: 100%;
    margin: 0 10px;
    background: url(../images/MoreArrow.png) center right no-repeat;
    background-size: 9px 16px;
}

.MenLists dd > a.MenMyAssets {
    background: 0
}

.user-index .btn-exit {
    display: block;
    border-radius: 3px;
    width: 93.8%;
    text-align: center;
    height: auto;
    padding: 9px 0;
    margin: 10px auto;
    font-size: 14px
}

.user-index .btn-exit.hide {
    display: none;
}

.MenLists .MenIco {
    width: 30px;
    height: 30px;
    border-radius: 2px;
    margin: 10px 0;
    float: left
}

.MenLists .MenList {
    width: auto;
    height: 50px;
    line-height: 50px;
    /* padding: 0 10px; */
    font-size: 14px;
    position: relative;
}

.MenLists.MenListsWithIcon .MenList {
    margin-left: 40px;
}

.MenLists .MenList.floatr {
    margin-right: 15px;
}

.MenLists .MenList .ibCount {
    margin: 0 3px
}

.MyNews {
    position: absolute;
    top: 4px;
    left: 55px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    font-size: 12px
}

.MenIco6 {
    background: url(../images/MenIco6.png) center no-repeat
}

.MenIco12 {
    background: url(../images/MenIco12.png) center no-repeat
}

.MenIco13 {
    background: url(../images/MenIco13.png) center no-repeat
}

.MenIco14 {
    background: url(../images/MenIco14.png) center no-repeat
}

.MenIco15 {
    background: url(../images/MenIco15.png) center no-repeat
}

.MenIco16 {
    background: url(../images/MenIco16.png) center no-repeat
}

.MenIco101 {
    background: url(../images/MenIco10.png) center no-repeat
}

.MenIco205 {
    background: url(../images/MenSIco205.png) center no-repeat;
    background-size: 100% auto;
}

.MenLists dt {
    width: 100%;
    height: 60px;
    display: box;
    display: -webkit-box;
    display: -moz-box
}

.MenLists dt > div {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    height: 60px;
    text-align: center
}

.MenLists dt > div a {
    display: block;
    width: 100%;
    height: 100%
}

.MenLists dt > div a p {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.MenExitBt {
    width: 93.75%;
    height: 40px;
    margin: 20px auto 0
}

.MenExitBt a {
    display: block;
    width: 100%;
    height: 40px;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
}

.salesoutlets-list .contain-goods-entry, .salesoutlets-list .contain-goods-entry .img {
    display: block;
    width: 100%;
}

.page-login .tab-control,
.page-restaurant-login .tab-control,
.page-restaurant-employee-login .tab-control {
    border-radius: 40px;
    line-height: 35px;
    height: 35px;
    margin: 7px 0;
}

.page-login .tab-control .list,
.page-restaurant-login .tab-control .list,
.page-restaurant-employee-login .tab-control .list {
    display: flex;
}

.page-login .tab-control .item,
.page-restaurant-login .tab-control .item,
.page-restaurant-employee-login .tab-control .item {
    flex: 1;
}

.page-login .tab-control .item .btn,
.page-restaurant-login .tab-control .item .btn,
.page-restaurant-employee-login .tab-control .item .btn {
    display: block;
    border-radius: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}

.page-login .tab-content .item-tab-content {
    display: none;
}

.page-login .tab-content .item-tab-content .RgTxtBox {
    padding: 10px 0;
}

.page-login .tab-content .item-tab-content.active {
    display: block;
}

.page-login .tab-content .page-top {
    margin-top: 50px;
}

.page-login .tab-content .page-top .img {
    width: 40px;
}

.page-login .tab-content .page-top .page-title {
    margin-top: 10px;
}

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

.Mapcity {
    /* width: 95%; */
    /* margin: 15px auto */
}

.Mapcity span {
    display: inline-block;
    float: left;
    width: 25%;
}

.Mapcity select {
    width: 100%;
    padding: 0 5px;
    margin: 0 auto;
    height: 40px;
    border-radius: 0;
    text-align: center;
    border-left: none;
    font-size: 12px;
    /* border-top: none; */
}

.Mapcity span:last-child .select-condition {
    border-right: none;
}

.MapSearch {
    width: 100%;
    margin: 10px auto 0;
    overflow: hidden
}

.MapSearchL {
    width: auto;
    height: 32px;
    margin-right: 100px
}

.MapSearchR {
    width: 90px;
    height: 32px;
    float: right
}

.MapSearch input.MapSearchTxt {
    width: 100%;
    height: 30px;
    background: 0;
    -webkit-appearance: none;
    border-radius: 0;
    text-align: left;
    line-height: 30px
}

.MapSearch input.MapSearchBt {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    -webkit-appearance: none;
    border-radius: 0
}

.MapList {
    width: 100%;
    padding: 0 10px;
}

.MapList ul li {
    width: 99%;
    clear: both;
    padding: 10px 0 10px 1%;
    clear: both
}

.MapImg {
    width: 25%;
    overflow: hidden;
}

.MapImg img {
    width: 100%
}

.MapCon {
    margin: 0 80px 0 25%;
    padding: 0 10px;
}

.MapList .use-info {
    width: 80px;
    text-align: center;
}

.MapList .use-info .no-score, .MapList .use-info .score {
    display: block;
    font-style: italic;
    line-height: 100%;
}

.MapList .use-info .no-score {
    font-size: 18px;
}

.MapList .use-info .score {
    font-size: 44px;
}

.MapCon .MapName, .MapCon .intro {
    margin-bottom: 5px;
}

.MapCon .MapName {
    font-size: 14px;
    font-weight: bold;
}

.MapPage {
    width: 100%;
    margin: 20px auto 0
}

.MapPage a {
    font-size: 14px;
}

.MapPage .floatl a {
    margin-right: 10px
}

.MapLookDet {
    margin-top: 10px;
    height: 40px;
    overflow: hidden
}

.MapScore {
    margin-bottom: 5px;
    height: 20px;
    line-height: 20px
}

.MapScoreL {
    float: left;
    width: 60px
}

.MapScoreR {
    float: left;
    width: 90px;
    height: 20px;
    background: url(../images/outletsScore.png) center left no-repeat;
    background-size: 90px 16px;
    overflow: hidden
}

.MapScoreR span {
    float: left;
    display: inline-block;
    height: 20px;
    background: url(../images/outletsScroed.png) center left no-repeat;
    background-size: 90px 16px;
    overflow: hidden
}

.Mapbanner {
    width: 100%
}

.Mapbanner img {
    width: 100%
}

.MapInfo {
    width: 98%;
    margin: 0 auto;
    font-size: 14px
}

.MapInfo > p {
    width: 100%;
    margin: 5px 0
}

.MapInfo > div > p {
    height: 20px
}

.MapInfo > p:first-child {
    height: 20px;
    line-height: 20px;
    margin: 10px 0;
    font-size: 16px;
}

.MapIntroBox {
    width: 100%;
    padding: 10px 0;
    margin: 0 0 15px;
}

.MapIntroH {
    width: 96.875%;
    margin: 0 auto
}

.MapIntroH ul li {
    width: 49.5%;
    display: inline-block;
    float: left;
    margin-right: 1%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.MapIntroH ul li:last-child {
    margin-right: 0
}

.MapIntro {
    width: 96.875%;
    margin: 1px auto 0;
}

.sales-outlet-info-edit .detail, .MapIntroCon {
    width: 100%;
    height: auto;
    padding: 10px;
}

.MapIntroCon {
    display: none;
}

.MapDetPageInfo {
    width: 100%;
    padding: 15px;
    margin: 0 auto;
}

.MapDetPageInfo .btn-recommend-goods {
    display: block;
    /* width: 40px; */
    margin: 5px auto;
    padding: 5px;
    /* height: 30px; */
    font-size: 14px;
    /* font-weight: bold; */
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
}

.MapDetPageInfo p {
    font-size: 12px
}

.MapDetPageInfo p.MapDetStoreName {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px
}

.MapDetPageEval {
    width: 100%;
    padding: 15px 0;
    overflow: hidden;
}

.MapDetPageNum {
    /* width: 83.4375%; */
    margin: 0 15px;
}

.MapDetPageNum ul li {
    display: inline-block;
    float: left;
    width: 50%;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    text-align: left;
}

.MapDetPageNum ul li:last-child {
    text-align: right
}

.MapDetPageNum ul li img {
    width: 20px;
    vertical-align: middle;
    margin-right: 4px
}

.MapDetPageScore {
    /* width: 83.4375%; */
    margin: 15px 15px 0;
}

.MapDetPageScore .MapScore {
    height: 21px
}

.MapDetPageScore .MapScore .MapScoreL {
    width: 100px;
    font-size: 18px
}

.MapDetPageScore .MapScore .MapScoreR {
    float: left;
    width: 118px;
    height: 21px;
    background: url(../images/outletsScore.png) center left no-repeat;
    background-size: 118px 21px;
    overflow: hidden
}

.MapDetPageScore .MapScore .MapScoreR span {
    float: left;
    display: inline-block;
    height: 21px;
    background: url(../images/outletsScroed.png) center left no-repeat;
    background-size: 118px 21px;
    overflow: hidden
}

.MapDetStoreInfoBox {
    width: 100%;
    /* height: 120px; */
    overflow: hidden;
    padding: 0 0 0 15px;
}

.MapTel {
    width: 80px;
    height: 120px;
    overflow: hidden
}

.MapTel a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.MapDetStoreInfo {
    margin: 15px 80px 0 0;
    width: auto;
}

.MapDetStoreInfo ul {
    margin: 0 5px;
}

.MapDetStoreInfo ul li {
    width: 100%;
    /*height: 20px;*/
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word
}

.MapDetStoreInfo ul li.MapDetStoreInfoH {
    height: auto;
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0
}

.MapIntroEvalList {
    width: 99%;
    margin: 0 auto
}

.MapEvalerFace {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.MapEvalerFace img {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.MapIntroEvalListR {
    margin-left: 70px;
    width: auto
}

.MapIntroEvalListR dl dt {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px
}

.MapIntroEvalListR dl dd {
    width: 100%;
    margin-bottom: 4px
}

.MapIntroEvalListR dl dd.MapIntroEvalStore {
    height: 20px
}

.MapIntroEvalListR dl dd.MapIntroEvalTime {
    text-align: right
}

#popedomApplyBtn {
    width: auto;
}

/* 积分广告 */

.integral-ad .banner_ad a {
    display: block;
    width: 100%;
    margin: 2% 0;
}

.integral-ad .banner_ad a img {
    width: 100%;
}

/*- dx Add 2016-6-11 -*/

.MenberH .leftAccountLink {
    text-align: right;
}

.leftAccountLink a {
    display: inline-block;
    width: 135px;
    height: 25px;
    line-height: 25px;
    border-radius: 3px;
    margin: 0 0 10px auto;
    text-align: center;
}

.status-no {
    font-size: 24px;
    text-align: center;
    opacity: 0.3;
    padding: 33% 10px;
}

.online-message-page .AllMessageH {
    padding: 0 10px;
}

.online-message-page .AllMessageH .floatl {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}

.online-message-page .AllMessageH .floatr {
    padding: 5px 0;
}

.online-message-page .AllMessageH .floatr a {
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
}

.online-message-page .AllMessageList {
    padding: 0 20px;
}

.online-message-page .AllMessageList dd {
    width: 100%;
    min-height: 40px;
    padding-top: 20px;
}

.online-message-page .AllMessageList dd .floatl {
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.online-message-page .AllMessageList dd .floatl img {
    width: 100%;
}

.online-message-page .AllMessageList dd .AllMessage {
    margin-left: 55px;
    min-height: 40px;
    padding-bottom: 20px;
}

.online-message-page .AllMessageList dd .AllMessage p {
    width: 100%;
    line-height: 20px;
    font-size: 14px;
}

.online-message-page .AllMessageList dd .AllMessage .AllMessageReply {
    padding: 15px 10px;
    position: relative;
    margin-top: 10px;
}

.online-message-page .AllMessageList .AllPaging {
    height: 40px;
    text-align: right;
    margin: 10px auto;
}

.online-message-page .MadeMessageH {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-indent: 10px;
}

.online-message-page .MadeMessage li {
    padding: 1.484% 3.906%;
}

.online-message-page .MadeMessage .text {
    display: block;
    margin-bottom: 1.875%;
}

.online-message-page .MadeMessage .MadeMessageTxt .input-box {
    padding: 3.906% 10px;
    border-radius: 6px;
    width: 100%;
    font-size: 0.96rem;
}

.online-message-page .MadeMessage .MadeMessageTxt .MessageCode {
    width: 75%;
}

.online-message-page .MadeMessage .MadeMessageTxt .imgCode {
    width: 20%;
    margin: 2% 0;
}

.online-message-page .MadeMessage .MadeMessageTxt .btn-submit {
    width: 100%;
    border: 0;
    text-align: center;
    padding: 2.656% 0;
    border-radius: 4px;
    margin: 6.562% 0 8.125% 0;
}

.oauth-login-page .guide-wrap, .oauth-login-page .reg-wrap, .oauth-login-page .bind-wrap {
    padding: 10px 15px;
    font-size: 14px;
}

.oauth-login-page .guide-wrap img {
    display: block;
    width: 30%;
    height: auto;
    border-radius: 50%;
    margin: 10px auto;
}

.oauth-login-page a.btn-submit {
    display: block;
    font-size: 18px;
    cursor: pointer;
}

.user-sign-page .main-container {
    background-size: 100% auto;
    text-align: center;
}

.user-sign-page .bg-bottom {
    background: url("../images/bg-circle.png") center bottom no-repeat;
    padding-bottom: 8.75%;
    margin-bottom: 30px;
}

.user-sign-page .bg-gold {
    width: 100%;
}

.user-sign-page .first-time {
    display: inline-block;
    border-radius: 10px;
}

.user-sign-page .first-time {
    display: inline-block;
    border-radius: 12px;
    padding: 3px 5px;
    margin-top: 50px;
}

.user-sign-page .Highlight {
    font-weight: bold;
}

.user-sign-page .btn-role {
    padding: 0 20px;
    background: url("../images/icon-arrow-up.png") center no-repeat;
    background-size: 100% auto;
}

.user-sign-page .status-unable {
    width: 30.1%;
    padding: 30px 0;
    margin: 0 auto;
}

.user-sign-page .status-unable img {
    width: 100%;
}

.user-sign-page .btn-sign {
    display: block;
    margin: 0 auto;
    padding: 15px 0 40px;
    width: 50.9%;
}

.user-sign-page .btn-sign img {
    width: 100%;
}

.user-sign-page .status-enable {
    margin-top: 55px;
}

.user-sign-page .status-enable .title {
    font-weight: bold;
}

.user-sign-page .result-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -moz-transition: .3s ease;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    z-index: 112;
}

.user-sign-page .cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.user-sign-page .result-container .result {
    width: 100%;
    height: 100%;
    -moz-transition: .3s ease;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.user-sign-page .result-container .result {
    position: relative;
    padding-top: 30%;
}

.user-sign-page .result-container .result.hide {
    -moz-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
}

.user-sign-page .window {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 76.56%;
    margin: 33% auto;
    overflow: hidden;
    text-align: center;
    border-radius: 10px;
}

.user-sign-page .window .contents {
    padding: 30px 20px;
}

.container-activity-config .window .title, .container-recevier-info .window .title, .user-sign-page .window .title {
    font-weight: bold;
    text-align: center;
}

.user-sign-page .window .title {
    margin-bottom: 10px;
}

.container-activity-config .window .title, .container-recevier-info .window .title {
    margin-top: 10px;
}

.user-sign-page .window .btn-close {
    display: block;
    width: 100%;
    height: 30px;
}

.user-sign-page .result-container .window .other-msg {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 10px;
}

.user-sign-page .result-container .float-object {
    position: absolute;
    width: 100%;
    top: 0;
    margin-top: 17%;
    left: 0;
    right: 0;
    z-index: 2;
}

.user-sign-page .result-container .window .other-msg .time {
    vertical-align: middle;
    margin-left: 5px;
}

.user-sign-page .result-container .window .title {
    margin-top: 42px;
}

.user-sign-page .result-container .window .detail {
    display: inline-block;
    border-radius: 10px;
    margin-bottom: 10px;
}

.user-sign-page .result-container .window .detail .top {
    padding-bottom: 11px;
}

.user-sign-page .result-container .window .detail .top .circle {
    display: inline-block;
    width: 10px;
    height: 18px;
    margin: -8px 25px 0;
    border-radius: 5px;
}

.user-sign-page .result-container .window .detail .bot {
    padding: 20% 10px;
    line-height: 100%;
}

.user-sign-page .result-container .window .detail .left {
    display: inline-block;
    width: 12px;
}

.user-sign-page .result-container .window .detail .day {
    display: inline-block;
    font-weight: bold;
    font-size: 70px;
}

.user-sign-page .result-container .window .detail .unit {
    display: inline-block;
}

.user-sign-page .result-container .window .tip {
    margin: 15px 0;
}

/* 设置身份证信息 */

.IdPopBox {
    width: 96%;
    padding: 10px;
    border-radius: 5px;
    z-index: 11111;
    position: fixed;
    top: 10%;
    left: 2%;
    display: none;
}

.IdPopBox h1 {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin-top: 5px;
}

.IdPopBox .IdInfo {
    width: 300px;
    margin: 10px auto 0;
}

.IdPopBox .IdInfo dd {
    width: 100%;
    clear: both;
}

.IdPopBox .IdInfo dd .floatl {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    line-height: 16px;
    text-align: center;
}

.IdPopBox .IdInfo dd .IdInfoR {
    margin-left: 22px;
    width: auto;
    line-height: 16px;
    font-size: 14px;
}

.IdPopBox .IdInput {
    width: 300px;
    height: 35px;
    overflow: hidden;
    margin: 20px auto 0;
}

.IdPopBox .IdInput .floatl {
    width: 80px;
    height: 35px;
    line-height: 30px;
    font-size: 14px;
}

.IdPopBox .IdTxt {
    width: 220px;
    height: 35px;
    overflow: hidden;
}

.IdPopBox .IdTxt input[type=text] {
    width: 200px;
    height: 30px;
    font-size: 14px;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}

.IdPopBox .IdSubmit {
    width: 80px;
    height: 30px;
    margin: 20px auto 0;
}

.IdPopBox .IdSubmit input[type=button] {
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
}

.IdPopBox .IdPopshaw {
    width: 100%;
    height: 100%;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1110;
}

.IdPopBox .IdPopClose {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/icon-close.png) center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -15px;
    right: 10px;
}

.page-vote-item-submit .image-upload .select-upload {
    display: inline-block;
    width: 17%;
    padding: 8.5% 0;
    vertical-align: top;
    margin-top: 13px;
    background: url("../images/icon-add.png") center no-repeat;
    background-size: 100% auto;
}

.page-vote-item-submit .image-upload .select-upload.current {
    background-image: url("../images/icon-yes.png");
}

/*spell start*/

#bg {
    background-color: #000;
    position: fixed;
    z-index: 113;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}

.spellMask {
    display: none;
    z-index: 113;
    width: 100%;
    position: fixed;
    top: 20px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    padding: 0 30px;
    line-height: 30px;
}

.spellMask b {
    width: 100%;
    font-size: 18px;
    margin-bottom: 50px;
    display: inline-block;
}

.spellMask img {
    float: right;
}

.in-wechat-mini-program .spellMask img {
    margin-right: 45px;
}

.stepGuild {
    width: 100%;
    margin-top: 10px;
    padding: 10px;
}

.stepGuild .step_tit {
    font-size: 13px;
}

.stepGuild .step_tit i {
    display: inline-block;
    height: 16px;
    width: 4px;
    position: relative;
    top: 3px;
}

.stepGuild .step_tit .txt {
    line-height: 14px;
    margin-left: 5px;
}

.stepGuild .step_flow {
    display: -webkit-box;
    width: 100%;
    padding-top: 20px;
}

.stepGuild .step_flow .step_item {
    -webkit-box-flex: 1;
    position: relative;
    padding-left: 25px;
    font-size: 12px;
    line-height: 13px;
    float: left;
    margin-bottom: 2px;
}

.stepGuild .step_item .step_num {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    text-align: center;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

.stepGuild .steps {
    display: inline-block;
}

.stepGuild .step_tit a {
    float: right;
    padding-top: 2px;
}

.groupUserimg {
    padding: 28px 10px 10px 25px;
    text-align: center;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.groupUserimg .userImg {
    width: 43px;
    height: 43px;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 18px;
    border-radius: 43px;
}

.groupUserimg .userImg img {
    margin-top: 1px;
    width: 41px;
    height: 41px;
    border-radius: 41px;
}

.gr_me_tle {
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
}

.groupMember {
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    overflow: hidden;
    position: relative;
    display: none;
}

.groupMember ul {
    width: 100%;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0;
}

.groupMember .memberItem:nth-child(1) {
    margin-top: 10px;
    border-bottom-style: none;
    border-radius: 3px;
    position: relative;
}

.groupMember .memberItem {
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    display: list-item;
}

.groupMember .memberItem img {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin-right: 10px;
    vertical-align: middle;
}

.groupMember .memberItem span {
    font-size: 12px;
}

.groupMember .memberItem .groupTime {
    float: right;
}

.groupMember .memberItem span {
    font-size: 12px;
}

.groupMember.open {
    display: block;
}

.centerRemind p {
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 15px;
}

.centerRemind > p .num {
    font-size: 20px;
}

.groupCountdown {
    height: 50px;
    padding: 0 10px;
    padding-top: 10px;
    vertical-align: middle;
    display: -webkit-box;
}

.groupCountdown > p {
    -webkit-box-flex: 1;
    height: 1px;
    margin-top: 17px;
}

.groupCountdown > .counter {
    width: 220px;
    height: 17px;
    margin-top: 9px;
    text-align: center;
    font-size: 14px;
}

.groupCountdown > .counter .time {
    padding: 0 3px;
    border-radius: 2px;
}

.order_in {
    font-size: 12px;
    margin-top: 20px;
}

.order_in ul {
    width: 100%;
}

.order_in .row {
    border-left: 0;
    border-right: 0;
    height: 40px;
    border-radius: 20px;
    position: relative;
    margin-bottom: 20px;
}

.order_in .row .img {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    position: relative;
    top: -5px;
    float: left;
    left: -2px;
    vertical-align: middle;
}

.order_in .row .info {
    display: inline-block;
    height: 40px;
    float: left;
    z-index: 1;
    position: relative;
    padding-left: 2px;
    margin: 0;
    padding: 0;
}

.order_in .row .info .fir, .order_in .row .info .sec {
    height: 50%;
    line-height: 20px;
}

.order_in .row .info .sec {
    position: relative;
    top: 1px;
}

.order_in .row .rig {
    display: inline-block;
    float: right;
    border-radius: 22px;
    height: 39px;
    width: 85px;
    padding-top: 12px;
    padding-left: 33px;
    position: relative;
    left: 2px;
    margin: 0;
    line-height: 38px;
    padding: 0;
}

.order_in .rig .go_order {
    margin-left: 21px;
    font-size: 14px;
}

.order_in .row .rig i {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    position: relative;
    top: -1px;
}

.order_in .row .tim {
    display: inline-block;
    float: right;
    height: 38px;
    text-align: right;
    width: 116px;
    position: absolute;
    right: 66px;
    padding-right: 3px;
    margin: 0;
}

.order_in .row .tim .sec {
    position: relative;
    top: 1px;
}

.wrap_bg {
    width: 100%;
}

/*spell end*/

.dealInfo {
    width: 100%;
    position: relative;
    display: -webkit-box;
    padding: 10px;
}

.dealInfo > .p {
    width: 112px;
    height: 112px;
}

.dealInfo > .p .p_pic {
    width: 112px;
    height: 112px;
}

.dealInfo > .d {
    position: relative;
    padding: 0 0 0 10px;
    -webkit-box-flex: 1;
}

.dealInfo > .d .d_tit {
    display: -webkit-box;
    overflow: hidden;
    height: 38px;
    font-size: 15px;
    line-height: 19px;
    -webkit-line-clamp: 3;
    /*! autoprefixer: off /
    -webkit-box-orient: vertical;
    / autoprefixer: on */
    word-break: break-all;
}

.dealInfo > .d .d_info {
    margin-top: 30px;
    margin-bottom: 3px;
}

.dealInfo > .d .d_info .tuanNum {
    font-size: 12px;
}

.dealInfo > .d .d_info .tuanPrice {
    font-size: 12px;
}

.dealInfo > .d .d_info .tuanPrice strong {
    font-weight: 400;
    font-size: 18px;
}

.dealInfo > .d .btn-gotuan {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 80px;
    height: 30px;
    border-radius: 3px;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
}

.dealInfo .status {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 78px;
    height: 75px;
}

.dealInfo .success {
    background: url(../images/success_new.png);
    background-size: 78px 75px;
}

.dealInfo .fail {
    background: url(../images/fail_new.png);
    background-size: 78px 75px;
}

.dealInfo .org {
    margin-left: 5px;
    text-decoration: line-through;
    font-size: 12px;
}

.dealInfo .mark {
    display: inline-block;
    margin-top: 2px;
    font-size: 12px;
}

.dealInfo .active {
    padding: 1px 8px;
    border-radius: 99px;
    font-size: 11px;
}

.dealInfo .lu_ru {
    float: right;
    display: none;
    margin-left: 10px;
    border: 0;
    font-size: 12px;
}

.hot_products {
    float: left;
    width: 100%;
}

.hot_products .title {
    margin: 10px 0;
    height: 14px;
    text-align: center;
    line-height: 14px;
}

.hot_products .title a {
    display: inline-block;
    width: 154px;
    height: 14px;
    background: url(../images/hot_icon.png) no-repeat;
    background-size: cover;
}

.hot_products .hot-list {
    float: left;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0;
    width: 50%;
    font-size: 0;
}

.hot_products .hot-list:first-child {
    margin-top: 0;
}

.hot_products .hot-list .l {
    position: relative;
    padding-bottom: 9px;
    float: left;
}

.hot_products .hot-list:nth-child(odd) .l {
    margin-left: 5px;
}

.hot_products .hot-list:nth-child(even) .l {
    margin-right: 5px;
}

.hot_products .hot-list img {
    width: 100%;
}

.hot_products .hot-list .txt {
    display: -webkit-box;
    overflow: hidden;
    margin: 12px 8px 8px;
    height: 34px;
    font-size: 12px;
    /*! autoprefixer: off /
    -webkit-box-orient: vertical;
    / autoprefixer: on */
    -webkit-line-clamp: 2;
}

.hot_products .hot-list .btm {
    overflow: hidden;
    height: 18px;
    line-height: 18px;
}

.hot_products .hot-list .price-g {
    float: left;
    margin-left: 6px;
    font-size: 0;
    font-family: Arial;
}

.price-g em, .price-g .f {
    font-size: 12px;
}

.price-g .y {
    font-size: 18px;
}

.hot_products .hot-list .mark {
    display: inline-block;
    margin-left: 4px;
    padding: 0 2px;
    height: 14px;
    border-radius: 2px;
    font-size: 10px;
    line-height: 15px;
}

.hot_products .hot-list .people-g {
    position: relative;
    top: 1px;
    float: right;
    margin-right: 8px;
    font-size: 10px;
}

.hot_products .hot-list .state {
    top: 21%;
}

.hot_products .hot-list .sp {
    width: 65px;
    height: 65px;
    line-height: 65px;
}

.deal .icon_position {
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 3;
    padding: 9px 5px 2px;
    width: 30px;
    height: 42px;
    background-position: -273px 0;
    background-size: 382px auto;
    text-align: center;
    font-size: 13px;
    line-height: 15px;
}

.hot_products .hot-list .txt {
    font-size: 11px;
}

.OrderLi .status-no {
    font-size: 15px;
    padding: 40px 10px;
}

.supplier-register .container-tab, .RecomH {
    width: 100%;
    height: 41px;
}

.supplier-register .container-tab .item, .RecomH li {
    display: inline-block;
    float: left;
    height: 40px;
    overflow: hidden
}

.RecomH li {
    width: 33.3333%;
}

.supplier-register .container-tab .item {
    width: 50%;
}

.supplier-register .container-tab .item .link, .RecomH li div {
    display: block;
    width: 85px;
    height: 30px;
    line-height: 30px;
    margin: 5px auto;
    font-size: 16px;
    text-align: center;
}

.supplier-register .container-tab .item.active .link, .RecomH li.act div {
    border-radius: 15px;
}

.supplier-register .container-login .container-ad .item, .supplier-register .container-login .container-ad .item .link, .supplier-register .container-login .container-ad .item .link .img {
    display: block;
    width: 100%;
}

.supplier-register .container-login .tip, .supplier-register .container-login .link {
    display: block;
    text-align: center;
    line-height: 180%;
    font-size: 14px;
}

.supplier-list .list-supplier > .item {
    display: block;
    padding: 15px;
    background: #fff;
    margin-top: 10px;
}

.supplier-list .list-supplier .top {
    display: block;
}

.supplier-list .list-supplier .item .thumbnail {
    width: 75px;
    height: 75px;
    overflow: hidden;
    float: left;
}

.supplier-list .list-supplier .item .thumbnail .img {
    width: 100%;
}

.supplier-list .list-supplier .item .info {
    margin-left: 110px;
}

.supplier-list .list-supplier .item .info .name {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.supplier-list .list-supplier .item .info .attributes {
    color: #666;
}

.supplier-list .list-supplier .bot {
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin-top: 10px;
}

.supplier-list .list-supplier .list-goods .item {
    float: left;
    width: 20%;
    padding: 0 10px 0 0;
}

.supplier-list .list-supplier .list-goods .item .img {
    display: block;
    width: 100%;
}

.childOrderBtn {
    text-align: right;
    background: #ECECEC;
    padding: 10px;
}

.childOrderBtn .OrderListCancel {
    background: #FFFFFF;
    padding: 5px 10px;
    border: solid #ddd 1px;
}

.childOrderBtn .OrderPayBt {
    padding: 5px 10px;
}

.childOrderBtn .OrderListDD {
    background: #FFFFFF;
    padding: 5px 10px;
    border: solid #ddd 1px;
}

.parentwzf {
    text-align: center;
    width: 100%;
    float: left;
    line-height: 50px;
    font-size: 18px;
}

/* 弹窗样式 */

.container-modal .cover {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.container-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -moz-transition: .3s ease;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    z-index: 112;
}

.container-modal .result {
    width: 100%;
    height: 100%;
    -moz-transition: .3s ease;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.container-modal .result {
    position: relative;
    padding-top: 30%;
}

.container-modal.goods-thumbnail-modal .result {
    padding-top: 0;
}

.container-modal .result.hide {
    -moz-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
}

.container-modal .window {
    position: relative;
    border-radius: 16px;
    width: 76.56%;
    max-width: 507px;
    margin: 0 auto;
}

.container-modal .window {
    min-height: 60vw;
}

.container-modal.goods-thumbnail-modal .window {
    width: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: 0;
}

.container-modal .window .window-title {
    display: block;
    width: 63%;
    margin: -10% auto 0;
}

.container-modal .window .bg-window {
    position: absolute;
    top: -10%;
    width: 115%;
    height: 115%;
    left: -7%;
}

.container-modal .window .tip-text {
    padding: 4px 11%;
    text-align: center;
    font-size: 3.57vw;
}

.container-modal .show-pro .content {
    max-height: 300px;
    padding: 4%;
    overflow-y: auto;
}

.container-modal.goods-thumbnail-modal .show-pro .content {
    max-height: 100%;
    height: 100%;
    padding: 0;
}

.container-modal.goods-thumbnail-modal .show-pro .content .img {
    width: 100%;
}

.container-modal .show-pro .content .slot {
    margin-top: 12%;
    text-align: center;
}

.container-modal.goods-thumbnail-modal .show-pro .content .slot {
    margin-top: 0;
}

.container-modal .show-pro .content .goods-link {
    display: block;
    margin-bottom: 5px;
}

.container-modal .show-pro .thumbImg {
    width: 80px;
    height: 80px;
    overflow: hidden;
}

.container-modal .show-pro .thumbImg img {
    width: 100%;
}

.container-modal .show-pro .text {
    margin-left: 85px;
    text-align: left;
}

.container-modal .show-pro .text .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.container-modal .show-pro .text .attr {
    color: #fff;
    margin-top: 3%;
}

.container-modal .show-pro .price {
    text-align: left;
    margin-top: 4%;
}

.container-modal .show-pro .period {
    text-align: left;
}

.container-modal .show-pro .btns {
    position: relative;
    text-align: center;
    z-index: 1;
}

.container-modal .show-pro .btns .btn {
    display: inline-block;
    font-size: 12px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    margin: 3% 0 3% 1.5%;
    text-align: center;
    background: url("../images/bargain-activities/btn-bg-normal-1.png") center no-repeat;
    background-size: 100% 100%;
    border-radius: 20px;
    overflow: hidden;
    padding: 0;
}

.container-modal .show-pro .btns .btn-normal-3 {
    background: url("../images/bargain-activities/btn-bg-normal-3.png") center no-repeat;
}

.container-modal .show-pro .btns .btn-unable-2 {
    background: url("../images/bargain-activities/btn-bg-unable-2.png") center no-repeat;
}

.user-distribution-number .package-list {
    margin-bottom: 15px;
}

.user-distribution-number .package-list .title {
    padding: 5px 15px;
    border-left-style: solid;
    border-left-width: 1px;
    font-size: 14px;
}

.user-distribution-number .package-list .item {
    margin-bottom: 15px;
    padding: 15px;
}

.user-distribution-number .goods-list {
    padding: 15px 0 0;
}

.user-write-offs-record .exchange-list .list .item {
    width: 25%;
    text-align: center;
    padding: 10px 0;
}

.user-distribution-number .goods-list .item {
    position: relative;
    float: left;
    width: 32%;
    margin: 2% 2% 0 0;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.user-distribution-number .goods-list .item:before {
    content: "";
    position: absolute;
    bottom: 5px;
    right: 5px;
    margin: -2px 0 0;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background: #f8434c;
}

.user-distribution-number .goods-list .item.disabled {
    opacity: 1;
}

.user-distribution-number .goods-list .item.disabled:before {
    background: #1ead20;
}

.user-distribution-number .goods-list .item:nth-child(3n) {
    margin-right: 0;
}

.draw-wheel .header {
    padding: 0 10px;
    /* top: 10px; */
}

.page-login .MainFoot,
.restaurant-table-order-submit .MainFoot,
.page-order-submit .MainFoot,
.page-live-room-list .MainFoot,
.restaurant-order-submit .MainFoot,
.user-food-order-detail .MainFoot,
.user-food-order-list .MainFoot,
.restaurant-selection .MainFoot,
.restaurant-table-preset .MainFoot,
.restaurant-table-management .MainFoot,
.restaurant-order-history .MainFoot,
.draw-wheel .MainFoot {
    display: none;
}

.draw-wheel .header .left, .draw-wheel .header .right {
    margin-top: 5px;
}

.draw-wheel .header .left {
    float: left;
}

.draw-wheel .header .right {
    float: right;
}

.draw-wheel .list-reward {
    margin: 30px 50px 0;
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    border-radius: 40px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.draw-wheel .header .btn {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.draw-wheel .header .btn .icon {
    width: 100%;
    height: 100%;
    background-size: auto 50%;
}

.draw-wheel .container {
    background: #022834 url("../images/bg-get-red-gift.jpg") center top no-repeat;
    background-size: 100% auto;
}

.draw-wheel .container-game {
    position: relative;
}

.draw-wheel .container-game .status-no {
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
    width: 40%;
    padding: 10px 0;
    margin: 30px auto;
    border-radius: 8px;
    font-size: 16px;
    z-index: 2;
    opacity: 1;
}

.draw-wheel .container-wheel {
    position: relative;
    padding: 9.9% 0 14%;
    background: url("../images/loadingQRPic.gif") center top no-repeat;
    background-size: 100% auto;
}

.draw-wheel .container-wheel .btn-pointer {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: -16% auto 0;
    width: 20%;
    background: none;
    border: none;
    outline: none;
}

.draw-wheel .container-wheel .btn-pointer .img {
    width: 100%;
}

.draw-wheel .container-wheel .btn-pointer .cost {
    position: absolute;
    left: 0;
    right: 0;
    margin: 20% auto 0;
    text-align: center;
    width: 100%;
    top: 50%;
    font-size: 12px;
    color: #fff;
}

.draw-wheel .container-wheel .btn-pointer .cost .important {
    font-weight: bold;
    color: #ffcf1b;
}

.draw-wheel .container-wheel .wheel {
    display: block;
    width: 73%;
    margin: 0 auto;
}

.draw-wheel .control {
    position: absolute;
    bottom: -15px;
    width: 100%;
}

.activity-result .control .link, .draw-wheel .control .left, .draw-wheel .control .right {
    padding: 4px 8px;
}

.draw-wheel .control .left, .draw-wheel .control .right {
    max-width: 50%;
}

.draw-wheel .control .left {
    float: left;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.draw-wheel .control .right {
    float: right;
    height: 24px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-left: 20px;
}

.activity-result .control .icon, .activity-result .control .text, .draw-wheel .control .icon, .draw-wheel .control .text {
    vertical-align: middle;
}

.activity-result .control .text, .draw-wheel .control .text {
    display: block;
}

.activity-result .control .icon, .draw-wheel .control .icon {
    margin: -8px 0 0 -30px;
    float: left;
}

.activity-result .section .title, .draw-wheel .section .title {
    position: relative;
    margin: 0 auto;
    width: 42.9%;
}

.activity-result .section .title .img, .draw-wheel .section .title .img {
    margin: 0 auto;
    position: absolute;
    top: 54%;
    left: 0;
    right: 0;
    height: 25%;
}

.activity-result .section .title .background, .draw-wheel .section .title .background {
    width: 100%;
}

.activity-result .result, .activity-result .section .content, .draw-wheel .section .content {
    margin: -10% 15px 0;
    padding: 15% 15px 30px;
    font-size: 12px;
    line-height: 200%;
}

.draw-wheel .join-list .content .list .item {
    margin: 10px 0;
}

.draw-wheel .join-list .content .list .item .avatar, .draw-wheel .join-list .content .list .item .name {
    display: inline-block;
    vertical-align: middle;
}

.draw-wheel .join-list .content .list .item .name {
    margin-left: 5px;
}

.draw-wheel .join-list .content .list .item .avatar {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
}

.draw-wheel .join-list .content .list .item .left, .draw-wheel .join-list .content .list .item .right, .draw-wheel .join-list .content .list .item .center {
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.draw-wheel .join-list .content .list .item .left {
    float: left;
    width: 33%;
    padding-right: 5px;
}

.draw-wheel .join-list .content .list .item .right {
    width: 27%;
    float: right;
    text-align: right;
}

.draw-wheel .join-list .content .list .item .center {
    float: left;
    /* margin: 0 5px; */
    width: 38%;
}

.draw-wheel .join-list .content .list .item .avatar .img {
    width: 100%;
}

.draw-wheel .guide-link {
    display: block;
    margin: 15px auto;
    text-align: center;
}

.scan-record .status {
    padding: 15px;
    font-size: 14px;
}

.scan-record .status .icon, .scan-record .status .text {
    vertical-align: middle;
    line-height: 100%;
}

.scan-record .status .icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.scan-record .list .item {
    padding: 15px;
    font-size: 14px;
}

.scan-record .list .item .left {
    float: left;
    width: 30%;
}

.scan-record .list .item .right {
    float: right;
    width: 70%;
    text-align: right;
}

.scan-record .list .item .row {
    display: block;
    margin-bottom: 5px;
    min-height: 19px;
}

.scan-record .list .item .row:last-child {
    margin-bottom: 0;
}

.activity-wheel-result .window {
    padding: 30px 0;
}

.activity-wheel-result .img {
    display: block;
    margin: 0 auto;
    width: 60%;
}

.activity-wheel-result .scan-code {
    width: 70%;
}

.activity-wheel-result .icon {
    width: 100px;
}

.activity-wheel-result .modal-title {
    font-size: 24px;
    text-align: center;
    padding: 0 40px;
}

.activity-wheel-result .show-pro .text {
    margin: 0 auto;
    text-align: center;
}

.activity-wheel-result .input-box {
    text-align: center;
    margin: 10px auto 0;
}

.activity-wheel-result .input-box .input {
    width: auto;
    padding: 5px;
}

.component-goods-list-item {
    width: 100%;
    padding: 10px;
    position: relative;
}

.component-goods-list-item .thumbnail {
    width: 90px;
    height: 90px;
    float: left;
    overflow: hidden;
}

.component-goods-list-item .msg {
    margin-left: 90px;
}

.component-goods-item {
    margin: 0;
}

.component-goods-item .thumbnail {
    overflow: hidden;
    position: relative;
}

.component-goods-item .thumbnail .img {
    width: 100%;
}

.component-goods-item .msg {
    padding: 5px 5px 10px;
}

.component-9grid-item .msg {
    padding-bottom: 5px;
}

.component-goods-item .msg .name {
    display: block;
    font-size: 14px;
    line-height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}

.component-9grid-item {
    box-shadow: 1px 2px 5px rgba(137, 135, 135, 0.28);
}

.component-9grid-item .msg .name {
    font-size: 12px;
    font-weight: normal;
}

.supplier-list .list-supplier .item .info .name {
}

.component-goods-item .msg .desc {
    display: block;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 34px;
}

.component-goods-item .msg .container-sale {
    position: relative;
}

.component-9grid-item .msg .container-sale {
    margin-top: 10px;
}

.comaponent-goods-item .msg .container-sale .left {
    margin-right: 35px;
}

.component-goods-item .msg .container-sale .sale-msg {
    padding: 0 0 5px;
}

.user-prize-list .list .msg {
    margin-right: 40px;
}

.user-prize-list .list .name {
    margin-bottom: 5px;
}

.user-prize-list .list .status {
    float: right;
    margin-top: 40px;
}

.user-prize-list .list .msg .container-sale .left {
    margin-right: 0;
}

.activity-result .contain-banner, .activity-result .contain-banner .banner {
    width: 100%;
}

.activity-result .result {
    margin-top: 25px;
    border-radius: 10px;
}

.activity-result .result .prize {
    margin: 0 auto;
    width: 100px;
    text-align: center;
}

.activity-result .result .prize .img {
    width: 100%;
}

.activity-result .result .prize .name {
    margin-top: 5px;
    line-height: 100%;
}

.activity-result .result .status .title, .activity-result .result .status .text {
    text-align: center;
}

.activity-result .result .status .title {
    font-size: 24px;
    font-weight: bold;
    margin-top: 15px;
}

.activity-result .result .status > .text {
    font-size: 14px;
    margin-top: 5px;
    line-height: 140%;
}

.activity-result .control {
    margin-top: 15px;
    text-align: center;
}

.activity-result .control .item {
    display: inline-block;
}

.activity-result .control .link {
    display: block;
    margin: 0 auto;
    border-radius: 15px;
    white-space: nowrap;
    line-height: 100%;
    width: 90px;
    height: 24px;
}

.activity-result .result .control .icon {
    margin: -8px 0 0 -14px;
    /* float: none; */
    display: inline-block;
}

.activity-result .explain .content .item {
    margin-top: 15px;
}

/* 推荐门店商品列表 */

.salesoutlets-recommend-goods-list .navigation-bar .HeadR {
    width: 45px;
}

.salesoutlets-recommend-goods-list .navigation-bar .HeadM .icon {
    width: 10px;
    height: 10px;
}

.order-food .MenuList,
.salesoutlets-recommend-goods-list .MenuList {
    display: block;
}

.salesoutlets-recommend-goods-list .navigation-bar .menu {
    width: 30px;
    height: 30px;
    margin: 10px 7px;
    overflow: hidden;
}

.salesoutlets-recommend-goods-list .navigation-bar .menu .icon {
    margin: 3px;
    width: 24px;
    height: 24px;
}

.salesoutlets-recommend-goods-list .member-edit .header,
.salesoutlets-recommend-goods-list .container-cart .header {
    left: 100%;
    line-height: 50px;
}

.salesoutlets-recommend-goods-list .container-cart .header {
    line-height: 50px;
}

.salesoutlets-recommend-goods-list .member-edit.show .header,
.salesoutlets-recommend-goods-list .container-cart.show .header {
    left: 0;
}

.salesoutlets-recommend-goods-list .container-cart .header .HeadR .link {
    float: right;
}

.salesoutlets-recommend-goods-list .container-cart .wrapper .control {
    text-align: center;
}

.salesoutlets-recommend-goods-list .container-cart .wrapper .control .link {
    display: block;
    margin: 10px auto;
    font-size: 15px;
}

.salesoutlets-recommend-goods-list .container-cart .wrapper .status-no {
    padding-bottom: 10px;
}

.sales-outlet-info-edit .edit-address .HeadL a, .sales-outlet-info-edit .edit-password .HeadL a, .salesoutlets-recommend-goods-list .container-cart .HeadL a, .salesoutlets-recommend-goods-list .member-edit .HeadL a {
    background: none;
}

.sales-outlet-info-edit .edit-address header .icon, .sales-outlet-info-edit .edit-password header .icon, .salesoutlets-recommend-goods-list .container-cart header .icon, .salesoutlets-recommend-goods-list .member-edit header .icon {
    width: 45px;
    height: 45px;
}

.salesoutlets-recommend-goods-list .container-cart header .text {
    display: block;
}

.page-live-room-list .container-goods,
.order-food .container-search,
.order-food .container-selected,
.order-food .goods-detail,
.salesoutlets-recommend-goods-list .member-edit,
.salesoutlets-recommend-goods-list .container-selected,
.salesoutlets-recommend-goods-list .container-cart,
.salesoutlets-recommend-goods-list .goods-detail,
.salesoutlets-recommend-goods-list .salesOutlet-info {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
}

.sales-outlet-info-edit .edit-address,
.sales-outlet-info-edit .edit-password {
    position: fixed;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    z-index: 112;
    overflow: auto;
}

.sales-outlet-info-edit .edit-address.show,
.sales-outlet-info-edit .edit-password.show,
.sales-outlet-info-edit .edit-address.show .header,
.sales-outlet-info-edit .edit-password.show .header {
    top: 0;
}

.sales-outlet-info-edit .edit-address .header,
.sales-outlet-info-edit .edit-password .header {
    top: 100%;
}

.order-food .container-search,
.order-food .goods-detail,
.salesoutlets-recommend-goods-list .member-edit,
.salesoutlets-recommend-goods-list .container-cart,
.salesoutlets-recommend-goods-list .goods-detail {
    top: 0;
    z-index: 112;
    overflow: auto;
}

.order-food .container-search {
    top: 100%;
}

.order-food .container-search.show {
    top: 0;
}

.order-food .goods-detail,
.user-food-order-detail .container-service-view,
.user-food-order-detail .container-comment-form,
.salesoutlets-recommend-goods-list .goods-detail {
    top: 100%;
}

.order-food .goods-detail.show,
.user-food-order-detail .container-service-view.show,
.user-food-order-detail .container-comment-form.show,
.salesoutlets-recommend-goods-list .goods-detail.show {
    top: 0;
}

.salesoutlets-recommend-goods-list .member-edit,
.salesoutlets-recommend-goods-list .container-cart {
    left: 100%;
}

.salesoutlets-recommend-goods-list .member-edit.show,
.salesoutlets-recommend-goods-list .container-cart.show {
    left: 0;
}

.order-food .container-selected {
    bottom: -100%;
}

.order-food .container-selected.show,
.salesoutlets-recommend-goods-list .container-cart,
.salesoutlets-recommend-goods-list .salesOutlet-info {
    bottom: 50px;
}

.salesoutlets-recommend-goods-list .container-selected {
    bottom: -100%;
}

.salesoutlets-recommend-goods-list .container-selected.show {
    bottom: 50px;
}

.page-live-room-list .container-goods {
    bottom: 0;
}

.sales-outlet-info-edit .edit-address, .sales-outlet-info-edit .edit-password, .salesoutlets-recommend-goods-list .member-edit,
.order-food .container-search.show,
.order-food .goods-detail,
.salesoutlets-recommend-goods-list .goods-detail {
    height: 100%;
}

.sales-outlet-info-edit .edit-address .wrapper,
.sales-outlet-info-edit .edit-password .wrapper,
.salesoutlets-recommend-goods-list .member-edit .wrapper,
.order-food .container-selected .wrapper,
.salesoutlets-recommend-goods-list .container-selected .wrapper,
.salesoutlets-recommend-goods-list .container-cart .wrapper,
.order-food .container-search .wrapper,
.order-food .goods-detail .wrapper,
.salesoutlets-recommend-goods-list .goods-detail .wrapper {
    overflow-y: auto;
}

.page-live-room-list .container-goods,
.order-food .container-selected,
.salesoutlets-recommend-goods-list .container-selected {
    z-index: 112;
}

.order-food .container-selected .wrapper,
.order-food .container-search .wrapper,
.salesoutlets-recommend-goods-list .container-selected .wrapper {
    position: relative;
    max-height: 480px;
    padding-top: 50px;
    z-index: 2;
}

.page-live-room-list .container-goods .wrapper {
    position: relative;
    height: 300px;
    z-index: 2;
    overflow-y: auto;
}

.order-food .container-search .control {
    display: none;
}

.order-food .container-search .wrapper {
    max-height: auto;
    min-height: 100%;
    opacity: 0.1;
}

.order-food .container-search.show .result {
    margin-top: 0;
    opacity: 1;
}

.order-food .container-search.show .control,
.order-food .container-search.show .wrapper {
    display: block;
}

.order-food .container-selected header,
.salesoutlets-recommend-goods-list .container-selected .header {
    position: absolute;
    top: 0;
}

.sales-outlet-info-edit .edit-address header a, .sales-outlet-info-edit .edit-password header a, .order-food .container-selected header a,
.salesoutlets-recommend-goods-list .container-selected header a {
    background: none;
    text-align: center;
}

.salesoutlets-recommend-goods-list .container-selected .header .link {
    line-height: 45px;
    color: #fff;
}

.sales-outlet-info-edit .edit-address header a .icon,
.sales-outlet-info-edit .edit-password header a .icon,
.order-food .container-selected header a .icon,
.salesoutlets-recommend-goods-list .container-selected header a .icon {
    width: 22px;
    height: 22px;
    margin: 14px auto;
}

.order-food .container-selected header .HeadR,
.salesoutlets-recommend-goods-list .container-selected header .HeadR {
    width: 45px;
}

.order-food .container-selected header .HeadR .text {
    line-height: 50px;
}

.salesoutlets-recommend-goods-list .goods-detail .btn-confirm,
.salesoutlets-recommend-goods-list .goods-detail .btn-select-spec {
    flex: 3;
}

.order-food .goods-detail .wrapper,
.salesoutlets-recommend-goods-list .goods-detail .wrapper {
    position: relative;
    padding-bottom: 60px;
}

.order-food .goods-detail .wrapper {
    min-height: 100%;
    padding-top: 50px;
    padding-bottom: 0;
    background: #eee;
}

.order-food .goods-detail .head-control,
.user-food-order-detail .container-comment-form .head-control,
.salesoutlets-recommend-goods-list .goods-detail .wrapper .head-control {
    position: fixed;
    margin: 0 auto;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
}

.order-food .goods-detail.show .wrapper .head-control,
.user-food-order-detail .container-comment-form.show .head-control,
.salesoutlets-recommend-goods-list .goods-detail.show .wrapper .head-control {
    top: 0;
}

.order-food .goods-detail.show .wrapper .head-control,
.user-food-order-detail .container-comment-form .head-control {
    height: 50px;
    background: #f7f7f7;
}

.order-food .goods-detail.show .wrapper .head-control .btn-custom-service .img {
    width: 100%;
    vertical-align: middle;
}

.order-food .goods-detail .head-control .restaurant-simple-info,
.user-food-order-detail .container-comment-form .head-control .center {
    margin: 10px 85px 0;
    white-space: nowrap;
    overflow: hidden;
}

.order-food .goods-detail .head-control .restaurant-simple-info .restaurant-photo,
.order-food .goods-detail .head-control .restaurant-simple-info .text {
    display: inline-block;
    vertical-align: middle;
}

.order-food .goods-detail .head-control .restaurant-simple-info .restaurant-photo {
    width: 30px;
    height: 30px;
}

.order-food .goods-detail .head-control .restaurant-simple-info .text,
.user-food-order-detail .container-comment-form .head-control .center .text {
    line-height: 30px;
}

.order-food .goods-detail .head-control .restaurant-simple-info .text {
    margin-left: 7px;
}

.user-food-order-detail .container-comment-form .head-control .center .text {
    font-size: 14px;
}

.order-food .goods-detail .footer,
.salesoutlets-recommend-goods-list .goods-detail .footer {
    bottom: -100%;
}

.order-food .goods-detail.show .footer,
.salesoutlets-recommend-goods-list .goods-detail.show .footer {
    bottom: 0;
}

.order-food .goods-detail.show .footer {
    height: auto;
    border-top: none;
    text-align: center;
    background: linear-gradient(top, rgba(255, 255, 255, 0), #fff);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
}

.order-food .goods-detail.show .footer .control {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 10px 0 20px;
    border-radius: 20px;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1);
}

.order-food .goods-detail.show .footer .control .btn {
    display: inline-block;
    margin: 0 auto;
    padding: 0 30px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    border-radius: 25px;
    vertical-align: middle;
}

.order-food .goods-detail.show .footer .control .btn.main-color {
    background: #fff;
}

.order-food .goods-detail.show .footer .control .btn.btn-minus {
    padding-right: 50px;
    margin-right: -40px;
    z-index: 1;
    background: #5a5a5a;
    color: #fff;
}

.order-food .goods-detail.show .footer .control .btn.btn-select {
    z-index: 3;
}

.order-food .goods-detail.show .footer .control .btn.btn-done {
    margin-left: -40px;
    padding-left: 50px;
    z-index: 1;
}

.order-food .goods-detail.show .footer .control .btn .txt,
.order-food .goods-detail.show .footer .control .btn .num {
    vertical-align: middle;
    line-height: 100%;
}

.order-food .goods-detail.show .footer .control .btn .num {
    display: inline-block;
    border-radius: 8px;
    padding: 0 3px;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
}

.order-food .goods-detail.show .footer .control .btn:hover .num {
    animation: jump 0.5s forwards;
    -webkit-animation: jump 0.5s forwards;
}

.order-food .goods-detail .wrapper .head-control .btn,
.salesoutlets-recommend-goods-list .goods-detail .wrapper .head-control .btn {
    display: block;
    margin: 10px 10px 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.order-food .goods-detail .wrapper .head-control .btn,
.user-food-order-detail .container-comment-form .head-control .btn {
    display: inline-block;
    margin-top: 14px;
    margin-right: 14px;
    width: 24px;
    height: 24px;
}

.order-food .goods-detail .wrapper .head-control .btn .icon,
.user-food-order-detail .container-comment-form .head-control .btn .icon {
    width: 100%;
    height: 100%;
}

.order-food .goods-detail .wrapper .head-control .btn .icon:before,
.salesoutlets-recommend-goods-list .goods-detail .wrapper .head-control .btn .icon:before {
    content: "";
}

.salesoutlets-recommend-goods-list .container-cart .list .item {
    padding: 5px 10px;
}

.salesoutlets-recommend-goods-list .container-cart .list .item .status-no {
    padding: 10px;
    font-size: 14px;
}

.salesoutlets-recommend-goods-list .container-cart .list .item .user .left {
    float: left;
}

.salesoutlets-recommend-goods-list .container-cart .list .item .user .left span {
    vertical-align: middle;
}

.salesoutlets-recommend-goods-list .container-cart .list .item .user .left .avatar {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 24px;
    font-size: 16px;
    text-align: center;
    border-radius: 50%;
}

.salesoutlets-recommend-goods-list .container-cart .list .item .user .right {
    float: right;
}

.salesoutlets-recommend-goods-list .container-cart .list .item .user .btn {
    display: inline-block;
    vertical-align: middle;
}

.salesoutlets-recommend-goods-list .container-cart .list .item .user .btn .icon {
    width: 20px;
    height: 20px;
}

.salesoutlets-recommend-goods-list .container-cart .list .item .user .btn .text {
    display: block;
    padding: 5px;
    border-radius: 4px;
}

.salesoutlets-recommend-goods-list .salesOutlet-info .wrapper {
    position: relative;
}

.salesoutlets-recommend-goods-list .salesOutlet-info .avatar {
    width: 25px;
    height: 25px;
    margin: 15px 10px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
}

.salesoutlets-recommend-goods-list .salesOutlet-info .avatar .img {
    width: 100%;
}

.salesoutlets-recommend-goods-list .salesOutlet-info .content {
    margin: 0 35px;
    padding: 10px;
    font-size: 14px;
}

.salesoutlets-recommend-goods-list .salesOutlet-info .btn {
    position: absolute;
    right: 10px;
    top: 50%;
    background: none;
    border: none;
    text-align: center;
    margin-top: -7px;
}

.salesoutlets-recommend-goods-list .salesOutlet-info .btn .icon {
    width: 15px;
    height: 15px;
}

.salesoutlets-recommend-goods-list .member-edit .list {
    margin: 0 25px;
}

.salesoutlets-recommend-goods-list .member-edit .item {
    margin: 15px auto;
    position: relative;
}

.user-food-order-list .tips,
.sales-outlet-withdrawals-apply .tips,
.salesoutlets-recommend-goods-list .tips {
    display: block;
    text-align: center;
    padding: 10px;
}

.salesoutlets-recommend-goods-list .member-edit .item .input {
    width: 100%;
    background: transparent;
    border: none;
    padding: 10px;
    font-weight: bold;
}

.salesoutlets-recommend-goods-list .member-edit .item .btn, .salesoutlets-recommend-goods-list .member-edit .item .input, .salesoutlets-recommend-goods-list .member-edit .item .avatar .img {
    display: block;
    margin: 0 auto;
}

.salesoutlets-recommend-goods-list .member-edit .item .avatar {
    margin: 25px auto;
}

.salesoutlets-recommend-goods-list .member-edit .item .btn-show-selection {
    position: absolute;
    right: 5px;
    top: 15px;
    width: 15px;
    height: 15px;
}

.salesoutlets-recommend-goods-list .member-edit .item .name-selection .item, .salesoutlets-recommend-goods-list .member-edit .item .name-selection .list {
    margin: 0;
}

.salesoutlets-recommend-goods-list .member-edit .item .name-selection .item {
    padding: 10px;
}

.salesoutlets-recommend-goods-list .member-edit .item .control .btn {
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
    border-radius: 4px;
}

.order-food .tool-bar,
.salesoutlets-recommend-goods-list .tool-bar {
    border: none;
}

.order-food .tool-bar .container-status {
    text-align: center;
    line-height: 50px;
}

.order-food .tool-bar .list-package,
.salesoutlets-recommend-goods-list .tool-bar .list-package {
    padding: 0 10px;
    margin-right: 5px;
}

.order-food .tool-bar .list-package .item,
.salesoutlets-recommend-goods-list .tool-bar .list-package .item {
    width: auto;
    margin-right: -10px;
}

.order-food .tool-bar .list-package .btn,
.salesoutlets-recommend-goods-list .tool-bar .list-package .btn {
    margin: 5px 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.order-food .tool-bar .list-package .btn .icon,
.salesoutlets-recommend-goods-list .tool-bar .list-package .btn .icon {
    width: 100%;
    height: 100%;
    line-height: 40px;
    margin: 0;
}

.order-food .tool-bar .list-package .btn .icon:before,
.salesoutlets-recommend-goods-list .tool-bar .list-package .btn .icon:before {
    font-size: 27px;
}

.salesoutlets-recommend-goods-list .tool-bar .total {
    line-height: 50px;
    font-size: 16px;
}

.order-food .tool-bar .total {
    margin: 5px 0;
}

.order-food .tool-bar .total .price-sum,
.order-food .tool-bar .total .extra-sum {
    display: block;
}

.order-food .tool-bar .total .price-sum {
    font-size: 16px;
    font-weight: bold;
}

.order-food .tool-bar .confirm .btn,
.salesoutlets-recommend-goods-list .tool-bar .confirm .btn {
    display: block;
    width: 100px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}

.order-food .tool-bar.table .price-sum {
    margin-top: 10px;
}

.order-food .tool-bar.table .desc {
    display: none;
}

.order-food .MainFoot,
.salesoutlets-recommend-goods-list .MainFoot {
    display: none;
}

.restaurant-order-list main,
.page-sales-outlet-withdrawals-apply main,
.page-sales-outlet-info-edit main, .page-sales-outlet-withdrawals-apply-list main, .page-sales-outlet-user-list main, .page-sales-outlet-account-statement-list main, .page-sales-outlet-order-list main {
    padding-bottom: 0;
}

.restaurant-order-list .MainFoot,
.page-sales-outlet-withdrawals-apply .MainFoot,
.page-sales-outlet-info-edit .MainFoot, .page-sales-outlet-withdrawals-apply-list .MainFoot, .page-sales-outlet-user-list .MainFoot, .page-sales-outlet-account-statement-list .MainFoot, .page-sales-outlet-order-list .MainFoot {
    display: none;
}

.restaurant-order-history .order-list > .item,
.restaurant-order-list .order-list > .item,
.user-food-order-list .order-list > .item,
.sales-outlet-order-list .order-list > .item {
    margin: 10px auto 0;
    padding: 15px;
}

.sales-outlet-order-list .statistics {
    margin: 5px 5px 0;
}

.sales-outlet-order-list .order-list > .item {
    margin: 5px 5px 0;
}

.restaurant-order-list .order-list .item .user-info,
.restaurant-order-list .order-list .item .status,
.user-food-order-list .order-list .item .user-info,
.user-food-order-list .order-list .item .status,
.sales-outlet-order-list .order-list .item .user-info,
.sales-outlet-order-list .order-list .item .status {
    font-size: 16px;
}

.restaurant-order-history .order-list .item .top,
.restaurant-order-list .order-list .item .top,
.user-food-order-list .order-list .item .top,
.sales-outlet-order-list .order-list .item .top {
    padding-bottom: 10px;
}

.restaurant-order-history .order-list .item .user-info,
.restaurant-order-list .order-list .item .user-info,
.user-food-order-list .order-list .item .user-info,
.sales-outlet-order-list .order-list .item .user-info {
    font-weight: bold;
}

.restaurant-order-history .list-simple,
.restaurant-order-history .list-complete,
.restaurant-order-list .list-simple,
.restaurant-order-list .list-complete,
.user-food-order-list .list-simple,
.user-food-order-list .list-complete,
.sales-outlet-order-list .list-simple,
.sales-outlet-order-list .list-complete {
    font-size: 14px;
}

.list-simple {
    width: 90%;
}

.restaurant-order-history .list-complete .list .item .left,
.restaurant-order-list .list-complete .list .item .left,
.user-food-order-list .list-complete .list .item .left,
.sales-outlet-order-list .list-complete .list .item .left {
    width: 70%;
    display: inline-block;
}

.restaurant-order-history .list-simple .list,
.restaurant-order-list .list-simple .list,
.user-food-order-list .list-simple .list,
.sales-outlet-order-list .list-simple .list {
    max-width: 70%;
}

.restaurant-order-history .list-complete .list .item .left,
.restaurant-order-list .list-complete .list .item .left,
.user-food-order-list .list-complete .list .item .left,
.sales-outlet-order-list .list-complete .list .item .left {
    margin-bottom: 5px;
}

.restaurant-order-history .list-simple .list,
.restaurant-order-list .list-simple .list,
.user-food-order-list .list-simple .list,
.sales-outlet-order-list .list-simple .list {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.restaurant-order-history .list-simple .list,
.restaurant-order-history .list-simple .more,
.restaurant-order-list .list-simple .list,
.restaurant-order-list .list-simple .more,
.user-food-order-list .list-simple .list,
.user-food-order-list .list-simple .more,
.sales-outlet-order-list .list-simple .list,
.sales-outlet-order-list .list-simple .more {
    display: inline-block;
    height: 15px;
    line-height: 14px;
    vertical-align: middle;
}

.restaurant-order-history .list-simple .list .item,
.restaurant-order-list .list-simple .list .item,
.user-food-order-list .list-simple .list .item,
.sales-outlet-order-list .list-simple .list .item {
    display: inline-block;
    vertical-align: middle;
}

.restaurant-order-history .list-simple .list .item,
.restaurant-order-list .list-simple .list .item,
.user-food-order-list .list-simple .list .item,
.sales-outlet-order-list .list-simple .list .item {
    display: inline-block;
}

.restaurant-order-history .list-complete .list .item .name,
.restaurant-order-list .list-complete .list .item .name,
.user-food-order-list .list-complete .list .item .name,
.sales-outlet-order-list .list-complete .list .item .name {
    margin-right: 15px;
}

.restaurant-order-history .goods-info,
.restaurant-order-list .goods-info,
.user-food-order-list .goods-info,
.sales-outlet-order-list .goods-info {
    position: relative;
    margin-top: 10px;
}

.restaurant-order-history .goods-info .btn-toggle-show-type,
.restaurant-order-list .goods-info .btn-toggle-show-type,
.user-food-order-list .goods-info .btn-toggle-show-type,
.sales-outlet-order-list .goods-info .btn-toggle-show-type {
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: none;
    border: none;
    right: 0;
}

.restaurant-order-history .goods-info .btn-toggle-show-type.simple,
.restaurant-order-list .goods-info .btn-toggle-show-type.simple,
.user-food-order-list .goods-info .btn-toggle-show-type.simple,
.sales-outlet-order-list .goods-info .btn-toggle-show-type.simple {
    top: 0;
}

.restaurant-order-history .goods-info .btn-toggle-show-type.complete,
.restaurant-order-list .goods-info .btn-toggle-show-type.complete,
.user-food-order-list .goods-info .btn-toggle-show-type.complete,
.sales-outlet-order-list .goods-info .btn-toggle-show-type.complete {
    bottom: -19px;
}

.restaurant-order-history .goods-info .btn-toggle-show-type .icon,
.restaurant-order-list .goods-info .btn-toggle-show-type .icon,
.user-food-order-list .goods-info .btn-toggle-show-type .icon,
.sales-outlet-order-list .goods-info .btn-toggle-show-type .icon {
    width: 10px;
    position: static;
    margin: 0 auto;
}

.restaurant-order-history .order-info .time,
.restaurant-order-list .order-info .time,
.restaurant-order-list .order-info .time,
.user-food-order-list .order-info .time,
.sales-outlet-order-list .order-info .time {
    font-size: 14px;
    margin-top: 10px;
}

.restaurant-order-history .order-info .detail,
.restaurant-order-list .order-info .detail,
.user-food-order-list .order-info .detail,
.sales-outlet-order-list .order-info .detail {
    /* margin-top: 10px; */
    font-size: 14px;
}

.sales-outlet-order-statistics .condition-filter .title,
.sales-outlet-account-statement-list .condition-filter .title,
.sales-outlet-withdrawals-apply-list .condition-filter .title,
.sales-outlet-order-list .condition-filter .title {
    width: 33%;
    padding: 10px;
}

.sales-outlet-order-statistics .condition-filter .list,
.sales-outlet-account-statement-list .condition-filter .list,
.sales-outlet-withdrawals-apply-list .condition-filter .list,
.sales-outlet-order-list .condition-filter .list-selection {
    width: 67%;
}

.sales-outlet-order-statistics .condition-filter .list-selection .item,
.sales-outlet-order-list .condition-filter .list-selection .item {
    width: 50%;
}

.sales-outlet-order-statistics .condition-filter .list-selection .item .input,
.sales-outlet-account-statement-list .condition-filter .list-selection .item .input,
.sales-outlet-withdrawals-apply-list .condition-filter .list-selection .item .input {
    width: 100%;
}

.sales-outlet-order-statistics .condition-filter .list-selection .item .input {
    appearance: initial;
    -webkit-appearance: initial;
    -moz-appearance: initial;
}

.sales-outlet-withdrawals-apply-list .condition-filter .list-selection .item .input {
    margin-top: 8px;
}

.sales-outlet-account-statement-list .condition-filter .list-selection .item .input {
    margin-bottom: 8px;
}

.sales-outlet-order-list .condition-filter .list .item .label {
    display: none;
}

.sales-outlet-account-statement-list .condition-filter .list .item .select, .sales-outlet-withdrawals-apply-list .condition-filter .list .item .select, .sales-outlet-order-list .condition-filter .list .item .select {
    display: block;
    width: 100%;
    text-align: center;
}

.restaurant-order-list .order-list .control,
.user-food-order-list .order-list .control,
.sales-outlet-order-list .control {
    text-align: right;
    margin-top: 10px;
}

.restaurant-order-list .control .item,
.user-food-order-list .control .item,
.sales-outlet-order-list .control .item {
    display: inline-block;
}

.restaurant-order-list .control .btn,
.user-food-order-list .control .btn,
.sales-outlet-order-list .control .btn {
    display: block;
    padding: 10px 15px;
    margin-left: 10px;
    /* height: 30px; */
}

.user-food-order-list .condition-filter {
    padding: 10px;
}

.sales-outlet-management-center .container-statistics {
    color: #fff;
}

.sales-outlet-management-center .container-statistics .title {
    padding: 10px 15px;
}

.sales-outlet-management-center .container-statistics .item {
    padding: 5px;
}

.sales-outlet-management-center .container-statistics .list {
    padding: 5px;
    /* background: rgba(255 255 255 / 7%); */
}

.sales-outlet-management-center .container-fast-entry .icon {
    display: block;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    font-size: 36px;
}

.sales-outlet-management-center .MenLists, .sales-outlet-management-center .section-block {
    margin-top: 0;
}

.sales-outlet-management-center .top {
    position: relative;
}

.sales-outlet-management-center .row {
    margin-top: 20px;
}

.order-food .container-search .cover,
.sales-outlet-management-center .top .cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.order-food .container-search .cover {
    top: -100%;
}

.order-food .container-search.show .cover {
    top: 0;
}

.sales-outlet-management-center .content {
    position: relative;
    z-index: 1;
}

.sales-outlet-management-center .top .page-title {
    display: inline-block;
    margin: 0 0 0 -20px;
    padding: 5px 15px 5px 30px;
    border-radius: 20px;
}

.sales-outlet-management-center .top .page-title .icon {
    width: 18px;
    height: 18px;
    margin-left: 5px;
}

.sales-outlet-management-center .top .page-title .text, .sales-outlet-management-center .page-title .left .link {
    display: inline-block;
    vertical-align: middle;
}

.sales-outlet-management-center .top .row .right, .sales-outlet-management-center .top .row-2 .right {
    margin-right: 15px;
}

.sales-outlet-management-center .top .row-2 {
    margin-top: 20px;
    padding-bottom: 50px;
    /* background: rgba(255 255 255 / 10%); */
}

.page-sales-outlet-management-center .qr-code-modal .modal-title {
    padding: 10px;
    text-align: center;
}

.page-sales-outlet-management-center .qr-code-modal .img {
    width: 100%;
}

.sales-outlet-order-statistics .condition-filter .list-selection .item,
.sales-outlet-account-statement-list .condition-filter .list-selection .item,
.sales-outlet-withdrawals-apply-list .condition-filter .list-selection .item {
    width: 45%;
    margin-right: 5%;
}

.sales-outlet-order-statistics .condition-filter .list-selection .item,
.sales-outlet-account-statement-list .condition-filter .list-selection .item,
.sales-outlet-withdrawals-apply-list .condition-filter .list-selection .item {
    position: relative;
}

.sales-outlet-order-statistics .condition-filter .list-selection .item:before,
.sales-outlet-account-statement-list .condition-filter .list-selection .item:before,
.sales-outlet-withdrawals-apply-list .condition-filter .list-selection .item:before {
    content: "-";
    display: inline-block;
    position: absolute;
    top: 38%;
    left: -5px;
    width: 5%;
    text-align: center;
}

.sales-outlet-order-statistics .condition-filter .list-selection .item:before,
.sales-outlet-account-statement-list .condition-filter .list-selection .item:before {
    top: 20%;
    left: -8%;
}

.sales-outlet-order-statistics .condition-filter .list-selection .item:first-child:before,
.sales-outlet-account-statement-list .condition-filter .list-selection .item:first-child:before,
.sales-outlet-withdrawals-apply-list .condition-filter .list-selection .item:first-child:before {
    content: none;
}

.sales-outlet-account-statement-list .condition-filter .title, .sales-outlet-withdrawals-apply-list .condition-filter .title {
    padding-bottom: 0;
}

.sales-outlet-user-list .top-mix-filter .side, .sales-outlet-account-statement-list .top-mix-filter .side, .sales-outlet-withdrawals-apply-list .top-mix-filter .side {
    padding: 10px 0;
}

.sales-outlet-user-list .top-mix-filter .main, .sales-outlet-account-statement-list .top-mix-filter .main, .sales-outlet-withdrawals-apply-list .top-mix-filter .main {
    flex: 3;
}

.page-invoice-record .tips,
.restaurant-order-list .tips,
.sales-outlet-order-list .tips,
.sales-outlet-user-list .tips,
.sales-outlet-account-statement-list .tips,
.sales-outlet-withdrawals-apply-list .tips {
    padding: 15px;
    text-align: center;
}

.sales-outlet-order-list .statistics {
    border-top: 1px solid #eee;
}

.sales-outlet-order-list .statistics .item {
    padding: 5px;
    border-right: 1px solid #eee;
}

.sales-outlet-order-list .statistics .item:last-child {
    border-right: none;
}

.sales-outlet-account-statement-list .record-list .main {
    padding-bottom: 10px;
}

.sales-outlet-account-statement-list .record-list .top {
    padding: 15px;
}

.sales-outlet-user-list .top-mix-filter .select {
    width: 90px;
}

.sales-outlet-user-list .top-mix-filter .btn-toggle-area-filter {
    margin: 0;
}

.sales-outlet-user-list .component-search .keyword-filter .select {
    width: 85px;
}

.sales-outlet-user-list .component-search .keyword-filter .input {
    width: 80px;
}

.sales-outlet-user-list .user-list > .item {
    padding: 10px;
}

.sales-outlet-user-list .user-list .item .avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
}

.sales-outlet-user-list .user-list .item .avatar .img {
    width: 100%;
}

.sales-outlet-user-list .user-list .item .status i {
    padding: 3px;
}

.sales-outlet-user-list .user-list .item .msg {
    margin-left: 7px;
}

.sales-outlet-user-list .user-list .item .msg .top span {
    vertical-align: middle;
}

.sales-outlet-user-list .user-list .item .time {
    line-height: 40px;
}

.sales-outlet-user-list .user-list .row-line {
    padding-bottom: 10px;
}

.sales-outlet-user-list .list-contact .item {
    margin: 10px 0 0 10px;
    padding-left: 10px;
    border-left: 1px solid #eee;
}

.sales-outlet-user-list .list-contact .item:first-child {
    border-left: none;
    margin-left: 0;
}

.sales-outlet-user-list .list-contact .item .text, .sales-outlet-user-list .list-contact .item .icon {
    vertical-align: middle;
}

.sales-outlet-user-list .list-contact .item .icon {
    width: 15px;
    height: 15px;
}

.sales-outlet-user-list .list-contact .icon-reg-mobile {
    background-size: auto 80%;
}

.sales-outlet-user-list .list-contact .icon-RgTxtEmail {
    background-size: 100% auto;
}

.sales-outlet-withdrawals-apply .control {
    padding: 15px 0;
}

.page-sales-outlet-account-statement-list .container-senior-search .main {
    flex: 5;
}

.page-sales-outlet-account-statement-list .btn-show-calendar-filter {
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    color: #fff;
}

.page-sales-outlet-account-statement-list .btn-show-calendar-filter .icon {
    width: 19px;
    height: 19px;
    margin: 4px;
}

.list-form {
    padding: 15px 0 0;
}

.list-form .form-item {
    margin-top: 15px;
}

.list-form .form-item .box {
    margin: 15px;
}

.list-form .form-item:first-child {
    margin-top: 0;
}

.list-form .form-item .label, .list-form .form-item .select, .list-form .form-item .textarea, .list-form .form-item .input {
    border: none;
    padding: 8px;
}

.list-form .form-item .value > .text, .list-form .form-item .label {
    line-height: 31px;
}

.list-form .form-item .select, .list-form .form-item .textarea, .list-form .form-item .input {
    width: 100%;
}

.list-form .form-item.label-input .label {
    float: left;
    width: 80px;
}

.list-form .form-item.label-input .label {
    line-height: 100%;
}

.list-form .form-item.label-input .container-input {
    margin-left: 80px;
}

.list-form .form-item.input-button .container-input {
    margin-left: 80px;
}

.list-form .form-item.input-button .container-btn {
    float: left;
    width: 80px;
}

.list-form .form-item.input-button .container-btn .btn.block {
    margin: 0;
    padding: 8px 0;
}

.list-form .form-item .title {
    float: left;
    width: 100px;
    padding-left: 15px;
}

.list-form .form-item .value {
    margin: 0 15px 0 100px;
}

.sales-outlet-info-edit .form {
    padding-bottom: 15px;
}

.sales-outlet-info-edit .container-upload-image {
    position: relative;
    min-height: 80px;
}

.sales-outlet-info-edit .container-upload-image .img {
    width: 100%;
}

.sales-outlet-info-edit .container-upload-image .btn-select-image {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 5px;
    margin: 15px;
}

.sales-outlet-info-edit .container-upload-image .btn-select-image .icon {
    width: 15px;
    height: 15px;
}

.sales-outlet-info-edit .btn-mode-change .icon {
    width: 15px;
    height: 15px;
}

.sales-outlet-activity-list .filter-time-status .link {
    display: block;
    width: 100%;
}

.sales-outlet-activity-list .list-activity .item {
    padding: 10px 15px;
}

.sales-outlet-activity-list .list-activity .avator {
    display: block;
    width: 80px;
    height: 80px;
    overflow: hidden;
}

.sales-outlet-activity-list .list-activity .avator .img {
    width: 100%;
}

.sales-outlet-activity-list .list-activity .item .middle {
    margin: 0 95px;
}

.sales-outlet-activity-list .list-activity .item .middle .title, .sales-outlet-activity-list .list-activity .item .middle .desc {
    display: block;
}

.sales-outlet-activity-list .list-activity .item .middle .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sales-outlet-activity-list .list-activity .item .right .time {
    margin: 25px 0;
}

.sales-outlet-activity-list .tips {
    padding: 15px 0;
}

.salesoutlets-recommend-goods-list .HeadR a.menu {
    background: none;
}

.salesoutlets-recommend-goods-list .container-activity .head-title, .salesoutlets-recommend-goods-list .container-activity .time {
    padding: 10px;
}

.salesoutlets-recommend-goods-list .container-activity .head-title {
    padding-right: 55px;
}

.salesoutlets-recommend-goods-list .container-activity .head-title .icon {
    width: 15px;
    height: 15px;
}

.salesoutlets-recommend-goods-list .container-activity .time {
    text-align: right;
}

.salesoutlets-recommend-goods-list .container-activity .time .value {
    padding: 5px 8px;
    margin: -5px 0;
}

.salesoutlets-recommend-goods-list .container-activity .join-list .item {
    padding: 10px 15px;
}

.salesoutlets-recommend-goods-list .container-activity .join-list .item .middle, .salesoutlets-recommend-goods-list .container-activity .join-list .item .right {
    vertical-align: middle;
}

.salesoutlets-recommend-goods-list .container-activity .join-list .avatar {
    width: 22px;
    height: 22px;
    overflow: hidden;
    border-radius: 50%;
}

.salesoutlets-recommend-goods-list .container-activity .join-list .avatar .img {
    width: 100%;
}

.salesoutlets-recommend-goods-list .container-activity .join-list .item .middle {
    margin-left: 30px;
}

.salesoutlets-recommend-goods-list .container-activity .join-list {
    max-height: 200px;
    overflow: auto;
}

.salesoutlets-recommend-goods-list .container-activity .control {
    padding: 10px 20px;
}

.salesoutlets-recommend-goods-list .container-activity .control .btn {
    /* display: block; */
    margin: 0 10px;
    border-radius: 30px;
}

.salesoutlets-recommend-goods-list .container-activity-config .ChBoxAttr .dt {
    float: left;
    width: 80px;
}

.salesoutlets-recommend-goods-list .container-activity-config .ChBoxAttr .dd {
    margin-left: 80px;
    width: auto;
    padding: 5px 0;
}

.salesoutlets-recommend-goods-list .container-activity-config .ChBoxAttr .dd .AttrPic, .salesoutlets-recommend-goods-list .container-activity-config .ChBoxAttr .dd .AttrWord {
    margin-bottom: 5px;
}

.salesoutlets-recommend-goods-list .container-activity-config .show-pro .content {
    max-height: 100%;
}

.salesoutlets-recommend-goods-list .container-activity-config .show-pro .content .Wdate {
    height: auto;
}

.salesoutlets-recommend-goods-list .container-activity-config .control .btn.block {
    margin-left: 0;
}

.salesoutlets-recommend-goods-list .container-activity-config .control .item:last-child .btn.block {
    margin-right: 0;
}

.salesoutlets-recommend-goods-list .container-sale-record {
    position: fixed;
    top: 60px;
    right: -15px;
    pointer-events: none;
    z-index: 113;
}

.salesoutlets-recommend-goods-list .container-sale-record .list {
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 15px;
    overflow: hidden;
    opacity: 0;
    color: #fff;
}

.salesoutlets-recommend-goods-list .container-sale-record .list .text {
    margin-right: 5px;
}

.order-food .header {
    padding: 0 10px;
}

.order-food .header .list .item .btn {
    display: block;
    margin: 12px 8px;
    width: 25px;
    height: 25px;
}

.order-food .header .list .item .btn .icon {
    width: 25px;
    height: 25px;
}

.order-food main {
    padding-top: 0;
}

.order-food main .user-order {
    display: block;
    position: relative;
    margin: 0 auto -20px;
    text-align: center;
    z-index: 1;
}

.order-food main .user-order .link {
    display: inline-block;
    border-radius: 20px;
    padding: 5px 20px;
    background: #fff;
    box-shadow: 0 2px 5px #eee;
}

.order-food main .container-restaurant {
    position: relative;
    padding: 60px 0 0;
}

.order-food main .container-restaurant:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.order-food main .category.fixed {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    overflow-y: auto;
    padding-bottom: 50px;
}

.order-food.show-distribution-tip .container-food {
    margin-bottom: 36px;
}

.order-food .distribution-tip {
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 50px;
}

.order-food .no-selected-restaurant {
    padding: 50% 0;
}

.order-food .ChBoxBt .NumBox {
    padding: 6px 0;
    text-align: center;
}

.order-food .ChBoxBt .NumBox .middle {
    margin: 0 70px;
}

.order-food .ChBoxBt .NumBox .link {
    display: inline-block;
    height: auto;
    line-height: 180%;
    width: 52px;
    margin: 0 8px;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.1);
}

.order-food .goTop {
    display: none;
}

.order-food .CartLi,
.order-food .CartM,
.order-food .CartMPro {
    min-height: initial;
}

.order-food .CartList {
    margin-top: 0;
    border-radius: 0;
}

.order-food .CartLi {
    padding-top: 15px;
    padding-bottom: 15px;
}

.user-food-order-detail .top {
    padding: 15px 0;
    text-align: center;
}

.user-food-order-detail .container-service-view,
.user-food-order-detail .container-comment-form {
    position: fixed;
    left: 0;
    z-index: 112;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.user-food-order-detail .container-comment-form {
    background: #fff;
}

.user-food-order-detail .container-comment-form .submit-footer {
    bottom: -100%;
}

.user-food-order-detail .container-comment-form.show .submit-footer {
    bottom: 0;
}

.user-food-order-detail .container-comment-form .wrapper {
    padding: 50px 0 60px;
    margin: 10px 15px;
}

.user-food-order-detail .container-food-info {
    padding: 5px 0;
}

.user-food-order-detail .container-food-info .item-food-info {
    margin: 5px 0;
}

.user-food-order-detail .container-food-info .item-food-info .control {
    margin-left: 5px;
}

.user-food-order-detail .container-food-info .item-food-info .control .item-control {
    margin-left: 10px;
}

.user-food-order-detail .container-food-info .item-food-info .control .item-control .btn {

}

/* 评论内容和回复 */
.user-food-order-detail .prev-comment {
    margin: 10px auto;
}

.user-food-order-detail .prev-comment .origin {

}

.user-food-order-detail .prev-comment .avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
}

.user-food-order-detail .prev-comment .reply {
    margin-top: 10px;
}

.user-food-order-detail .prev-comment .list-reply .item-reply {
    margin-left: 10px;
}


.user-food-order-detail .prev-comment .avatar .img {
    width: 100%;
}

.user-food-order-detail .prev-comment .msg {
    margin-left: 50px;
}

.user-food-order-detail .prev-comment .msg .author,
.user-food-order-detail .prev-comment .msg .content,
.user-food-order-detail .prev-comment .msg .list-img {
    margin-top: 5px;
}

.user-food-order-detail .prev-comment .msg .author {

}

.user-food-order-detail .prev-comment .msg .author .name {

}

.user-food-order-detail .prev-comment .msg .author .date {
    margin-left: 10px;
}

.user-food-order-detail .prev-comment .msg .content {
    line-height: 170%;
}

.user-food-order-detail .prev-comment .msg .list-img {
    font-size: 0;
}

.user-food-order-detail .prev-comment .msg .list-img .item-img {
    display: inline-block;
    width: 33.3%;
}

.user-food-order-detail .prev-comment .msg .list-img .item-img .thumbnail {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
}

.user-food-order-detail .prev-comment .msg .list-img .item-img .thumbnail .img {
    position: absolute;
    width: 100%;
}

.user-food-order-detail .container-service-view .cover {
    top: 100%;
}

.user-food-order-detail .container-service-view.show .cover {
    top: 0;
}

.user-food-order-detail .container-service-view .content {
    position: fixed;
    top: 150%;
    left: 0;
    right: 0;
    margin: -100px auto 0;
    width: max(80%, 100px);
    padding: 30px 15px 10px;
    border-radius: 8px;
    background: #fff;
}

.user-food-order-detail .container-service-view.show .content {
    top: 50%;
}

.user-food-order-detail .container-service-view .content .list-selection {

}

.user-food-order-detail .container-service-view .content .list-selection .item-selection {
    margin: 0 5px 5px 0;
}

.user-food-order-detail .container-service-view .content .list-selection .item-selection .btn {

}

.user-food-order-detail .container-service-view .control {
}

.user-food-order-detail .container-service-view .control .item-control {
}

.restaurant-order-list .only-show-need-handler .checkbox {
    appearance: checkbox;
    -webkit-appearance: checkbox;
}

.restaurant-order-list .only-show-need-handler .label,
.restaurant-order-list .only-show-need-handler .checkbox {
    vertical-align: middle;
}

.restaurant-order-list .container-notice {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 1;
}

.restaurant-order-list .container-notice .content {
    display: inline-block;
    line-height: 27px;
}

.restaurant-order-list .container-notice .btn {
    display: inline-block;
    vertical-align: middle;
}

.restaurant-order-list .container-notice .btn-close {
    display: inline-block;
    background: none;
}

.restaurant-order-list .container-notice .btn-close .icon {
    width: 15px;
    height: 15px;
}

.restaurant-order-list .container-attr .list-attr {
    white-space: nowrap;
    overflow-x: auto;
}

.restaurant-order-list .container-attr .list-attr .item {
    display: inline-block;
}

.page-supplier-goods-list .ad {
    width: 100%;
}

.page-supplier-goods-list .supplier-info .component-goods-item .msg .container-sale .btn {
    width: 40px;
}

.page-supplier-goods-list .supplier-info .component-goods-item .thumbnail {
    border-radius: 50%;
}

.page-wxpay .create-code .text,
.page-wxpay .create-code .icon {
    display: inline-block;
    vertical-align: middle;
}

.page-wxpay .create-code .icon {
    position: static;
    width: 13px;
    height: 13px;
}

.page-wxpay .create-code .on,
.page-wxpay .create-code.toggle-view .off {
    display: none;
}

.page-wxpay .create-code.toggle-view .on,
.page-wxpay .create-code .off {
    display: inline-block;
}

.restaurant-sign-in .signed-info-view .layout-introduce .thumbnail .img,
.restaurant-employee-sign-in .signed-info-view .layout-introduce .thumbnail .img {
    width: 50px;
    height: 50px;
}

.restaurant-employee-sign-in .signed-info-view .layout-introduce .thumbnail .img {
    background-color: #666;
}

.restaurant-sign-in .signed-info-view .btn-entry,
.restaurant-employee-sign-in .signed-info-view .btn-entry {
    margin-top: 15px;
}

.restaurant-sign-in .signed-info-view .control,
.restaurant-employee-sign-in .signed-info-view .control {
    margin-top: 5px;
}

.page-live-room-list .btn-toggle-goods-show {
    border: none;
    background: none;
    box-shadow: none;
    border-radius: 50%;
    overflow: hidden;
}

.page-live-room-list .btn-toggle-goods-show .icon {
    display: inline-block;
    position: static;
    width: 25px;
    height: 25px;
    background: url("../images/allpro.png") center no-repeat;
    background-size: 100% auto;
}

.page-live-room-list .container-goods .title {
    padding: 10px;
}

.page-live-room-list .container-generate-code .img {
    display: block;
    margin: 10px auto;
    width: 80%;
}

.page-live-room-list .container-generate-code .text {
    margin: 0;
    text-align: center;
    color: #fff;
}

.order-food-home {
    padding-bottom: 35px;
}

.order-food-home .header {
    padding: 15px;
}

.order-food-home .header .left {
    float: left;
    width: 160px;
}

.order-food-home .header .right {
    margin-left: 160px;
}

.order-food-home .restaurant-info,
.order-food-home .restaurant-tip {
    display: inline-block;
    padding: 5px 0;
    font-weight: bold;
}

.order-food-home .restaurant-tip {
    margin-left: 5px;
}

.order-food-home .restaurant-tip .icon,
.order-food-home .restaurant-tip .text {
    vertical-align: middle;
}

.order-food-home .restaurant-tip .icon {
    width: 15px;
    height: 15px;
}

.order-food-home .search {
    border-radius: 50px;
    width: 100%;
    border: none;
    padding: 5px 10px;
    font-size: 12px;
    background: #fff;
}

.order-food-home .no-selected-restaurant {
    padding: 10px;
    background: #333;
    color: #fff;
}

.order-food-home .no-selected-restaurant .text {
    margin-right: 10px;
}

.order-food-home .no-selected-restaurant .btn {
    margin-left: 5px;
}

.order-food .goods-detail .PsDetails {
    display: block;
}

.order-food .goods-detail .PsName,
.order-food .goods-detail .list-tag,
.order-food .goods-detail .desc,
.order-food .goods-detail .PsPrice {
    margin: 0 10px;
}

.order-food .goods-detail .list-tag .item {
    display: inline-block;
    padding: 3px 5px;
    border-radius: 4px;
}

.order-food .goods-detail .PsNPrice {
    font-size: inherit;
}

.order-food .goods-detail .container-detail-html {
    margin-top: 5px;
}

.order-food .PsDetTabH {
    border-bottom: none;
    padding: 15px 10px;
    height: auto;
}

.order-food .goods-detail .PsDetTabs {
    padding: 0 10px;
}

.order-food .goods-detail .container-detail-html .PsDetTabs {
    padding-bottom: 75px;
    min-height: 100px;
}

.order-food .icon-minus:before {
    content: "";
}

.food-comment-list {

}

.food-comment-list .head {
    display: block;
}

.food-comment-list .head .main-title {

}

.food-comment-list .head .sec-title {

}

.food-comment-list .head .control {
    line-height: 24px;
}

.food-comment-list .head .control .link {

}

.food-comment-list .filter-and-statistic {
    background: #fff;
}

.food-comment-list .filter-and-statistic .list {

}

.food-comment-list .filter-and-statistic .list .item {
    margin: 5px 0 0 5px;
}

.food-comment-list .filter-and-statistic .list .item .btn {

}

.food-comment-list .comment-list {
    display: block;
}

.food-comment-list .comment-list .item-comment {

}

.food-comment-list.simple-list {
    padding-bottom: 15px;
}

.food-comment-list.complete-list {
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    z-index: 113;
}

.food-comment-list.complete-list.show {
    left: 0;
}

.food-comment-list.complete-list .head {
}

.container-invoice-apple-btn {
    margin-top: 5px;
    border-radius: 0;
}

.form-invoice-apply {
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    z-index: 112;
    overflow-y: auto;
    background: #f7f7f7;
}

.form-invoice-apply .header {
    left: 100%;
}

.form-invoice-apply.show {
    left: 0;
}

.form-invoice-apply.show .header {
    left: 0;
}

.form-invoice-apply .RgTxtBox {
    margin: 0;
    border-radius: 0;
    border: 0;
}

.form-invoice-apply .RgTxt {
    padding: 10px 15px;
    line-height: 30px;
    height: auto;
    min-height: 50px;
}

.form-invoice-apply .RgTxt:last-child {
    border-bottom: 1px solid #d5d5d5;
}

.form-invoice-apply .RgTxt .name {
    font-size: 14px;
}

.form-invoice-apply .RgTxt .value {
    display: inline-block;
    float: right;
}

.form-invoice-apply .RgTxt .value .item {
    display: inline-block;
}

.form-invoice-apply .RgTxt .value .radio {
    -webkit-appearance: radio;
    width: 15px;
    height: 15px;
    margin-top: 0;
}

.form-invoice-apply .RgTxt .value .radio,
.form-invoice-apply .RgTxt .value .radio-label {
    vertical-align: middle;
}

.form-invoice-apply .RgTxt .value .input {
    display: block;
    width: 100%;
    text-align: right;
    line-height: 30px;
    height: 30px;
}

.form-invoice-apply .control {
    margin-top: 15px;
}

.form-invoice-apply .control .btn {
}

.sales-outlet-order-statistics .number-statistics {
    padding: 15px;
}

.sales-outlet-order-statistics .number-statistics .data-list {
    padding: 5px;
}

.sales-outlet-order-statistics .custom-time {
    margin-top: 5px;
    border-top: 1px solid #eee;
}

.sales-outlet-order-statistics .custom-time > .title {
    padding: 15px 0;
}

/* 餐桌预设 */

.restaurant-table-preset {
    position: relative;
    width: 100%;
    height: 100%;
}

.restaurant-table-preset .content {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: -50% auto 0;
    border-radius: 16px;
    width: 90%;
    padding: 15px 0;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 5px 5px 178px rgba(0, 0, 0, 0.1);
}

.restaurant-table-preset .content .title {
    margin: 15px 0 0;
}

.restaurant-table-preset .list-selection {
    margin: 30px 15px 0;
    max-height: 200px;
    overflow-y: auto;
}

.restaurant-table-preset .item-selection {
    width: 32%;
    margin: 2% 2% 0 0;
}

.restaurant-table-preset .item-selection:nth-child(3n) {
    margin-right: 0;
}

.restaurant-table-preset .item-selection .btn {
    margin: 0;
    padding: 10px 0;
    border: 1px solid transparent;
    box-shadow: 1px 2px 57px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.restaurant-table-preset .item-selection .btn.active {
    font-weight: bold;
}

/* 餐桌管理 */

.restaurant-table-management {

}

.restaurant-table-management .header {
    line-height: 50px;
    background: #f3f3f3;
}

.restaurant-table-management .header .left {
    padding-left: 10px;
}

.restaurant-table-management .header .left .icon,
.restaurant-table-management .header .left .name,
.restaurant-table-management .header .left .remark {
    vertical-align: middle;
}

.restaurant-table-management .header .left .icon {
    background-color: #666;
}

.restaurant-table-management .header .left .name {
}

.restaurant-table-management .header .left .remark {
}

.restaurant-table-management .header .right {

}

.restaurant-table-management .header .right .list {

}

.restaurant-table-management .header .menu .list .item {
    padding: 0 15px;
}

.restaurant-table-management .header .right .list .item .btn {
    display: block;
    width: 50px;
    height: 50px;
    padding: 13px;
    font-size: 24px;
}

.restaurant-table-management .header .right .list .item .btn .icon {
    width: 24px;
    height: 24px;
    vertical-align: top;
}

.restaurant-table-management .header .menu {
    display: block;
    width: 120px;
}

.restaurant-table-management .header .menu .item .link {
    text-indent: 0;
}

/*  餐厅员工设置 */
.waiter-setting-view {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    z-index: 111;
    background: #fff;
}

.waiter-setting-view.active {
    top: 0;
}

.waiter-setting-view .container-header {
    position: fixed;
    top: 100%;
    left: 0;
    width: 100%;
    line-height: 50px;
    padding: 0 15px;
    background: #f3f3f3;
}

.waiter-setting-view.active .container-header {
    top: 0;
}

.waiter-setting-view .container-header .left {

}

.waiter-setting-view .container-header .left .icon,
.waiter-setting-view .container-header .left .text {
    vertical-align: middle;
}

.waiter-setting-view .container-header .left .icon {
    width: 24px;
    height: 24px;
}

.waiter-setting-view .container-header .right {

}

.waiter-setting-view .container-header .right .btn {
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
}

.waiter-setting-view .container-header .right .btn .icon {
    display: block;
    width: 15px;
}

.waiter-setting-view .wrapper {
    margin: 50px 15px;
}

.waiter-setting-view .title {

}

.waiter-setting-view .dl {
    padding: 10px 0;
}

.waiter-setting-view .dl .dt,
.waiter-setting-view .dl .dd {
    padding: 15px 0;
}

.waiter-setting-view .dl .dt-title {

}

.waiter-setting-view .dl .dd {

}

.waiter-setting-view .dl .dd .left,
.waiter-setting-view .dl .dd .right {
    display: inline-block;
    vertical-align: middle;
}

.waiter-setting-view .dl .dd-title {

}

.waiter-setting-view .dl .dd .desc {

}

.waiter-setting-view .dl .btn-switch {

}

.waiter-setting-view .dl .btn-switch .icon {

}

.restaurant-table-management .main {
    padding-bottom: 0;
    background: #fff;
}

.restaurant-table-management .container-filter {
    padding: 10px 0;
}

.restaurant-table-management .container-filter .list-group,
.restaurant-table-management .container-filter .list-group .item-sort,
.restaurant-table-management .container-filter .btn-switch {
    vertical-align: middle;
}

.restaurant-table-management .container-filter .btn-switch {
    padding: 0 10px;
}

.restaurant-table-management .container-filter .list-group .item-group,
.restaurant-table-management .container-filter .list-group .item-sort {
    display: inline-block;
}

.restaurant-table-management .container-filter .list-group .item-group .btn,
.restaurant-table-management .container-filter .list-group .item-sort .btn {
    display: block;
    padding: 7px 15px;
    border-radius: 16px;
}

.restaurant-table-management .container-filter .list-group .item-group .btn.active {
    background: #eee;
}

.restaurant-table-management .container-filter .list-group .item-sort .btn .icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    position: static;
}

.restaurant-table-management .container-filter .btn-switch .text,
.restaurant-table-management .container-filter .btn-switch .switch {
    vertical-align: middle;
}

.restaurant-table-management .container-table-list {

}

.restaurant-table-management .list-table {
    margin: 10px;
}

.restaurant-table-management .list-table .item-table {
    position: relative;
    width: 49%;
    margin: 10px 2% 0 0;
    border-radius: 5px;
    overflow: hidden;
}

.restaurant-table-management .list-table .item-table:nth-child(2n) {
    margin-right: 0;
}

.restaurant-table-management .list-table .normal {

}

.restaurant-table-management .list-table .normal .define {
    padding: 18px 0;
}

.restaurant-table-management .list-table .item-table.status-0 .normal .define {
    background: #eeeeee;
}

.restaurant-table-management .list-table .item-table.status-1 .normal .define {
    background: #faecff;
}

.restaurant-table-management .list-table .item-table.status-2 .normal .define {
    background: #f9ffe8;
}

.restaurant-table-management .list-table .item-table.status-3 .normal .define {
    background: #f0fff1;
}

.restaurant-table-management .list-table .item-table.status-4 .normal .define,
.restaurant-table-management .list-table .item-table.status-5 .normal .define {
    background: #e7ffff;
}

.restaurant-table-management .list-table .item-table .define .title {
}

.restaurant-table-management .list-table .item-table .define .status {

}

.restaurant-table-management .list-table .normal .msg {
    padding: 5px;
    background: #f7f7f7;
}

.restaurant-table-management .list-table .call {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0 10px;
    background: #363636;
}

.restaurant-table-management .list-table .call .left,
.restaurant-table-management .list-table .call .right {
    width: 50%;
}

.restaurant-table-management .list-table .call .left {
    margin-top: 36px;
    color: #fff;
}

.restaurant-table-management .list-table .call .left .title,
.restaurant-table-management .list-table .call .left .status {
    line-height: 130%;
}

.restaurant-table-management .list-table .call .right {
    margin-top: 43px;
    padding-left: 5px;
}

.restaurant-table-management .list-table .call .right .btn {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

/* 餐桌详情 */

.container-table-detail {
    position: fixed;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.6);
}

.container-table-detail.show {
    top: 0;
}

.container-table-detail .wrapper {
    margin-top: 84px;
    margin-bottom: -84px;
    min-height: 100%;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    padding: 15px;
    background: #f7f7f7;
}

.container-table-detail .top {
    position: relative;
}

.container-table-detail .top-control {
    width: 30px;
    z-index: 2;
}

.contaienr-table-detail .top-control .btn {
    display: inline-block;
}

.container-table-detail .top-control .btn .icon {
    background: none;
    font-size: 30px;
    padding: 0;
    width: 30px;
}

.container-table-detail .top .define {
    padding: 15px 0 0;
    margin: 0 30px;
}

.container-table-detail .top .define .main-title {
    position: relative;
}

.container-table-detail .top .define .main-title .text,
.container-table-detail .top .define .main-title .btn {
    vertical-align: middle;
}

.container-table-detail .top .define .main-title .btn .icon {
    background: none;
    font-size: 25px;
    padding: 0;
    width: auto;
    height: auto;
}

.container-table-detail .top .define .status {

}

.container-table-detail .table-edit-menu {
    display: inline-block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 209px;
    border-radius: 8px;
    padding: 10px 15px;
    background: #fff;
    box-shadow: 1px 2px 38px rgba(0, 0, 0, 0.1);
}

.container-table-detail .table-edit-menu .list .btn {
    margin: 0;
}

.container-table-detail .top .msg {
    margin: 20px auto;
}

.container-table-detail .top .msg .item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.container-table-detail .bot {

}

.container-table-detail .bot .title {

}

.container-table-detail .list-tab-buttons {
    background: #fff;
    padding: 0 15px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.container-table-detail .list-tab-buttons .item-tab-buttons {

}

.container-table-detail .list-tabl-buttons .item-tab-buttons .btn {

}

.container-table-detail .bot .title .title-control {
    padding: 8px 13px;
}

.container-table-detail .bot .title .title-control .icon {
    width: 15px;
    height: 15px;
}

.container-table-detail .container-order {
    background: #fff;
    padding: 10px;
}

.container-table-detail .container-order .list-order:after {
    content: "";
    display: block;
    margin: 20px auto;
    width: 244px;
    max-width: 33.3%;
    height: 1px;
    background: #eee;
}

.container-table-detail .container-order .list-order .item {

}

.container-table-detail .container-order .list-order .item-header {

}

.container-table-detail .container-order .list-order .item-header .item {
    display: inline-block;
}

.container-table-detail .container-order .list-header .item,
.container-table-detail .container-order .list-food .item {
    float: left;
    width: 20%;
}

.container-table-detail .container-order .list-order .food {
    width: 40%;
}

.container-table-detail .container-order .list-order .food {

}

.container-table-detail .container-order .list-order .food .name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.container-table-detail .container-order .list-order .single-price {

}

.container-table-detail .container-order .list-order .SCNumBox {
    margin: -10px 0 0 3px;
    font-size: 0;
}

.container-table-detail .container-order .list-order .SCNumBox .SCPlus,
.container-table-detail .container-order .list-order .SCNumBox .SCMinus,
.container-table-detail .container-order .list-order .SCNumBox .new-amount {
    width: 20px;
    float: none;
    font-size: 13px;
    vertical-align: middle;
}

.container-table-detail .container-order .list-order .SCNumBox .new-amount {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.container-table-detail .container-order .list-order .total {

}

.container-table-detail .container-order .list-order .item-order {

}

.container-table-detail .container-order .list-order .item-order .dl {
}

.container-table-detail .container-order .list-order .item-order .dl .dt {
    margin: 20px auto;
}

.container-table-detail .container-order .list-order .item-order .dl .dd {
    padding-top: 10px;
}

.container-table-detail .container-order .list-order .item-order .dl .dd.status-no {
    padding: 10px 0;
    font-size: 16px;
}

.container-table-detail .container-order .list-order .item-order .dl .dd.changed {
    background: #eee;
}

.container-table-detail .container-order .list-order .item-order .dl .dd.deleted {
    color: #999;
}

.container-table-detail .container-order .list-order .item-order .list-food {

}

.container-table-detail .contaienr-order .statistics {

}

.container-table-detail .container-order .statistics .food-count {

}

.container-table-detail .container-order .statistics .order-price-total {

}

.container-table-detail .container-order .control {

}

.container-table-detail .container-order .control .list-control {

}

.container-table-detail .container-order .control .list-control .item-control {

}

.container-table-detail .container-order .control .list-control .item-control .btn.radius {
    border-radius: 40px;
}

/* 更换餐桌-选择餐桌 */
.container-table-selection-view {
    position: fixed;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    z-index: 112;
}

.container-table-selection-view.show {
    top: 0;
}

.container-table-selection-view .title {
    margin: 15px;
}

.container-table-selection-view .list-selection {
    margin: 15px;
    font-size: 0;
}

.container-table-selection-view .list-selection .item-selection {
    display: inline-block;
    width: 50%;
}

.container-table-selection-view .list-selection .item-selection .btn {
    display: block;
    padding: 10px;
    margin: 1px;
    background: #eee;
    border-radius: 4px;
}

.user-commission-downline-tree .section .title {
    padding: 15px;
}

.user-commission-downline-tree .tree .img,
.user-commission-downline-tree .tree .link {
    vertical-align: middle;
}

.user-commission-downline-tree .tree .img {
    margin-right: 3px;
}

.fadeIn {
    animation: fadeIn 1.5s 0s 1 forwards;
    -webkit-animation: fadeIn 1.5s 0s 1 forwards;
}

.fadeOut {
    animation: fadeOut 2s 0s 1 forwards;
    -webkit-animation: fadeOut 1.5s 0s 1 forwards;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes jump {
    from, to {
        transform: translateY(0) rotateZ(0deg);
        -webkit-transform: translateY(0) rotateZ(0deg);
    }

    25% {
        transform: translateY(-5px) rotateZ(-10deg);
        -webkit-transform: translateY(-5px) rotateZ(-10deg);
    }

    50% {
        transform: translateY(0) rotateZ(0deg);
        -webkit-transform: translateY(0) rotateZ(0deg);
    }

    75% {
        transform: translateY(-5px) rotateZ(10deg);
        -webkit-transform: translateY(-5px) rotateZ(10deg);
    }
}

@-webkit-keyframes jump {
    from, to {
        transform: translateY(0) rotateZ(0deg);
        -webkit-transform: translateY(0) rotateZ(0deg);
    }

    25% {
        transform: translateY(-5px) rotateZ(-10deg);
        -webkit-transform: translateY(-5px) rotateZ(-10deg);
    }

    50% {
        transform: translateY(0) rotateZ(0deg);
        -webkit-transform: translateY(0) rotateZ(0deg);
    }

    75% {
        transform: translateY(-5px) rotateZ(10deg);
        -webkit-transform: translateY(-5px) rotateZ(10deg);
    }
}

@media screen and (max-height: 600px) {

    .page-login {
        padding-bottom: initial;
    }

    .page-login .ContainerLoginOther {
        position: static;
        margin-top: 70px;
    }

}