@charset "utf-8";

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

.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-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 .tag {
    position: absolute;
    right: -10px;
    top: 10px;
}

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

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

.component-banner .slide-nav .item {
    width: 14px;
    height: 14px;
    margin-right: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    line-height: 99em;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    position: relative;
    border: 1px solid #fff;
    background: transparent;
}

.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;
}

.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,
.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/back2.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.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;
    font-weight: bold;
    overflow: hidden;
}

.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: 50px;
    height: 50px;
}

.Hsearchr .btn-submit {
    width: 50px;
    height: 50px;
    background: 0;
    border: 0;
    font-size: 15px;
}

.Hsearchr .btn-submit .icon {
    width: 30px;
    height: 30px;
    margin: 10px;
}

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

.HSearchTxt input[type=text] {
    width: 100%;
    height: 48px;
    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: 10px;
    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
}

.page-article-list .content {
    min-height: 100px;
}

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

.ChNavmore {
    width: 40px;
    height: 33px;
    margin: 5px 0;
    float: right;
}

.ChNavmore .icon {
    margin: 25%;
    width: 50%;
    height: 50%;
}

.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%
}

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

.RgTxt {
    width: 100%;
    height: 50px;
    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;
}

.RgTxt input[type=text], .RgTxt input[type=password] {
    appearance: initial;
    -webkit-appearance: initial;
    -moz-appearance: initial;
    width: 80%;
    height: 100%;
    border: 1px solid #000;
    font-size: 14px;
    line-height: 50px;
    vertical-align: middle;
    /* background: transparent; */
}

.page-register .RgTxt input[type=text],
.page-register  .RgTxt input[type=password] {
    width: 100%;
    padding: 0 10px;
}

.page-register .RgTxtGetIDCode input[type=text] {
    width: 59%;
}

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

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

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

.icon-search {
    width: 37px;
    height: 37px;
    background: url("../images/icon/icon-search.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-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-to-top {
    width: 64px;
    height: 64px;
    background: url(../images/icon/icon-to-top.png) center no-repeat;
    background-size: 100% auto;
}

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

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

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

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

.icon-link {
    width: 45px;
    height: 45px;
    background: url("../images/icon/icon-link.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
}

.RgTxtGetIDCode input[type=text] {
    width: 41%;
    vertical-align: top
}

.RgTxtPw1L {
    width: 60%;
    float: right;
    margin-left: -2%;
    vertical-align: top;
    height: 49px
}

.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: 120px;
    height: 40px;
    font-size: 14px;
    text-align: center;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none
}

.RgTxtSubBt {
    width: auto;
    margin: 10px 10px 0
}

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

.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%;
}

.prolistH {
    width: 100%;
    height: 42px;
    display: flex;
}

.prolistH > div {
    flex: 2;
    height: 42px;
}

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

.prolistH > .prolistType {
    flex: 4;
}

.prolistH > div a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 42px;
    text-align: center;
    font-size: 14px;
}

.prolistH > div a img {
    width: 10px;
    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
}

.article-box {
    padding: 10px 15px;
}

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

.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;
}

.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;
    min-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: 20px 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
}

.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;
}

.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;
}

.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 {
    width: 100%;
    padding: 15px;
    height: 60px;
    line-height: 30px;
}

.PayTypeYuMoney > 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 {
    background: url(../images/checked.png) center no-repeat;
    background-size: 25px 25px
}

.actualPayAll {
    margin-top: 15px;
}

.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/icon-arrow-down.png) center right no-repeat;
    background-size: auto 20px;
}

.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: 120px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
}

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

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

.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;
    border-top: 1px solid #dfdede;
}

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

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

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

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

.CartList .title .item-select {
    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;
    margin-left: 0;
    border-radius: 50%;
}

.CartLi .contain-check {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 50%;
    z-index: 1;
}

.CartLi .CartProChecked {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 50% 50% 5px 5px;
    border: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: middle;
    background: url(../images/radioBg.png) center no-repeat;
    background-size: 100% auto;
    border-radius: 50%;
}

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

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

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

.CartLi .CartZPrice {
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 5px;
}

.CartLi .deleteBt {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.CartLi .deleteBt .btn {
    display: inline-block;
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #eee;
    border-radius: 5px;
}

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

.CartM .CartMPic {
    width: 100px;
    height: 100px;
    position: relative;
}

.CartM .CartMPic.later:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
}

.CartM .CartMPic .img {
    width: 100%;
}

.CartMPro {
    width: auto;
}

.CartMPro {
    min-height: 100px;
    margin-left: 110px;
}

.CartMName, .CartMAttr {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.CartMName {
    display: block;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 4px;
}

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

.CartMName .tag {
    display: inline-block;
    padding: 3px 5px;
    font-size: 12px;
    border-radius: 4px;
}

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

.CartMAttr {
    height: 15px;
}

.TypeList .item-goods {
    position: relative;
}

.TypeList .item-goods .item-tag {
    display: inline-block;
    margin: 5px 0;
    padding: 0 3px;
}

.meterJDT {
    height: 100%;
}

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

body.sortbody {
    overflow: hidden;
}

.sortbody .main-header {
    position: fixed;
    z-index: 2;
}

.sortbody .sortmain {
    padding-top: 70px;
}

.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;
}

.Sortl ul li {
    width: 80px;
    min-height: 20px;
    line-height: 20px;
    text-align: center;
}

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

.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 .floatl {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding: 0 15px;
}

.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;
}

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

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

.PsDetails img {
    width: 100%
}

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

.PsJFBanner img {
    width: 100%
}

.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
}

.PsHpBanner {
    width: 100%
}

.PsHpBanner img {
    width: 100%
}

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

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

.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;
}

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

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

.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;
}

.ChBoxShadow {
    display: none;
    width: 100%;
    height: 100%;
    opacity: .7;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #333;
    z-index: 112
}

.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;
    color: #000;
}

.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%;
    padding: 0 10px;
    overflow: hidden;
}

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

.OrderBuyerInfo dt {
    background: url(../images/AddAddressBg.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 {
    /* position: fixed; */
    /* top: 0; */
    /* left: 0; */
    /* width: 100%; */
    height: 60px;
    padding: 10px 0;
    /* z-index: 2; */
}

.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 {
    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: #fff 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
    }
}

.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 .icon {
    margin: 17px;
    width: 16px;
    height: 16px;
}

.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
}

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

.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
}

.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-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-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 {
    width: 24px;
    height: 24px;
    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-basket {
    width: 37px;
    height: 37px;
    background: url("../images/icon/icon-basket.png") center no-repeat;
    background-size: 100% auto;
}

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

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

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

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

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

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

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

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

.icon-to-top {
    width: 64px;
    height: 64px;
    background: url("../images/icon/icon-to-top.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%;
}

.formRefund .refund-msg select,
.formRefund .refund-msg textarea,
.formRefund .refund-msg input {
    display: block;
    width: 100%;
    border: 1px solid #ccc;
    background: #fafafa;
    padding: 10px;
    border-radius: 5px;
}

.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: block;
    padding: 3.05% 0;
}

.formRefund .refund-msg .btn-select {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.formRefund .refund-msg select {
    border: 0;
}

.formRefund .refund-msg textarea {
    resize: none;
    text-align: left;
}

.formRefund .refund-msg .icon-arrow-down {
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 100%;
    top: 0;
    right: 0;
    pointer-events: none;
}

.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;
    width: 70px;
    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-bottom: 1px solid #dfdede;
}

.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; */
    display: block;
}

.user_msg_detail .list li p {
    /* margin-left: 66px; */
}

.user_msg_detail .tool-bar {
}

.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,
.user_msg_detail .tool-bar .btn-close-message-detail {
    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 .tool-bar .btn-close-message-detail .icon {
    display: block;
    font-size: 22px;
}

.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: 72px;
    float: left;
    padding-top: 4%;
}

.password_find_page .small-box .input-box {
    display: block;
    margin: 0;
    padding: 4.687% .78% 3.593%;
    border: 0;
    background: transparent;
}

.password_find_page .small-box .vcode {
    position: absolute;
    right: 0;
    top: 0;
    padding: 4% 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
}

.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;
}

.page-invoice-record .list-record {
    margin-top: 1.25%
}

.page-invoice-record .list-record .item {
    display: block;
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 10px 15px;
    text-align: left;
}

.page-invoice-record .list-record .item:first-child {
    border-top-style: solid;
    border-top-width: 1px
}

.page-invoice-record .list-record .item .left {
    position: absolute;
    left: 15px;
    width: 70px;
    font-size: 13px;
}

.page-invoice-record .list-record .item .left {

}

.page-invoice-record .list-record .item .mid {
    display: block;
    margin: 0 48px 0 70px;
    overflow: hidden;
}

.page-invoice-record .list-record .item .mid .text {
    line-height: 149.888%
}

.page-invoice-record .list-record .item .mid .money {
    margin-bottom: 3.95%;
    line-height: 133%
}

.page-invoice-record .list-record .item .right {
    position: absolute;
    right: 15px;
    width: 48px;
}

.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;
}

.rating-level,
.rating-level .shower,
.rating-level a {
    background: url(../images/star_v2.png) no-repeat scroll 1000px 1000px;
}

.rating-level.no {
    background: none;
}

.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 .shower,
.rating-level a {
    line-height: 23px;
    height: 23px;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -999em;
    outline: 0;
}

.rating-level.no .shower.right {
    left: auto;
    right: 0;
}

.rating-level .rating-level-1,
.rating-level a.one-star {
    width: 20%;
    z-index: 6;
}

.rating-level .rating-level-2,
.rating-level a.two-stars {
    width: 40%;
    z-index: 5;
}

.rating-level .rating-level-3,
.rating-level a.three-stars {
    width: 60%;
    z-index: 4;
}

.rating-level .rating-level-4,
.rating-level a.four-stars {
    width: 80%;
    z-index: 3;
}

.rating-level .rating-level-5,
.rating-level a.five-stars {
    width: 100%;
    z-index: 2;
}

.rating-level .current-rating,
.rating-level .shower,
.rating-level a:hover {
    background-position: 0 -28px;
}

.rating-level .rating-level-1,
.rating-level .rating-level-2,
.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 .rating-level-3,
.rating-level .rating-level-4,
.rating-level .rating-level-5,
.rating-level .three-stars .current-rating,
.rating-level .four-stars .current-rating,
.rating-level .five-stars .current-rating {
    background-position: 0 -28px;
}

.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;
}

.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 .member-msg-form .text, .coupon-use-page .text {
    display: block;
    margin-bottom: 5px;
}

.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-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
}

.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 .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
}

.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;
}

.help-center .HelpSearchBox {
    padding: 7px 3.125%;
}

.help-center .HelpSearch {
    position: relative;
    border-radius: 4px;
    padding: 7px
}

.help-center .HelpSearch .helpSearchTxt {
    width: 60%;
    border: 0;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.help-center .HelpSearch .helpSearch {
    position: absolute;
    left: 15%;
    top: 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: none;
}

.help-center .HelpSearch .helpSearch .icon {
    width: 20px;
    height: 20px;
}

.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
}

.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", Arial, SimSun;
    float: left;
    margin: 20px 5px;
}

.pr_showList_page li a {
    line-height: 30px;
    text-decoration: none;
    color: #000;
}

.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
}

.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%;
    margin-top: 15px;
    font-size: 20px;
    word-break: break-all;
}

.coupon-pass .apply_title_div .img {
    width: 100%;
}

.coupon-pass .activity_info .text {
    display: block;
    /* width: 77px; */
    vertical-align: top;
    font-size: 13px;
    color: #000;
}

.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;
}

.register-agreement .container {
    padding: 3%;
}

.register-agreement .container h1 {
    display: block;
    padding: 0 0 2px 0;
    margin: 0 0 3% 0;
}

.register-agreement .container p {
    line-height: 180%;
    margin-bottom: 10px;
}

.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;
}

.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%;
    padding: 10px 0;
}

.MenLists.bottom-border {
    border-bottom: 1px solid #eee;
}

.MenLists dd {
    width: 100%;
    height: 60px;
    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: 15px 0;
    float: left
}

.MenLists .MenList {
    width: auto;
    height: 60px;
    line-height: 60px;
    /* padding: 0 10px; */
    font-size: 16px;
    position: relative;
}

.MenLists.MenListsWithIcon .MenList {
    margin-left: 40px;
}

.MenLists .MenList.floatr {
    margin-right: 15px;
}

.MenLists .MenList .ibCount {
    margin: 0 3px;
}

.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;
    width: 33%;
}

.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;
}

.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 {
    display: none;
}

.page-login .tab-content .item .RgTxtBox {
    padding: 10px 0;
}

.page-login .tab-content .item.active {
    display: block;
}

.page-login .RgTxt input,
.formRegister .RgTxt input {
    border: none;
}

.page-login .RgTxt,
.formRegister .RgTxt {
    border-bottom: 1px solid #d5d5d5;
}

.page-login .RgTxt:last-child,
.formRegister .RgTxt:last-child {
    border-bottom: none;
}

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

.MapCon {
    margin: 0 80px 0 25%;
    padding: 0 10px;
}

.MapDetPageScore {
    margin: 15px 15px 0;
}

.MapEvalerFace {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.MapEvalerFace img {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

#popedomApplyBtn {
    width: auto;
}

.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;
}

/*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;
}

.OrderLi .status-no {
    font-size: 15px;
    padding: 40px 10px;
}

.RecomH {
    width: 100%;
    height: 41px;
}

.RecomH li {
    display: inline-block;
    float: left;
    height: 40px;
    overflow: hidden
}

.RecomH li {
    width: 33.3333%;
}

.RecomH li div {
    display: block;
    width: 85px;
    height: 30px;
    line-height: 30px;
    margin: 5px auto;
    font-size: 16px;
    text-align: center;
}

.RecomH li.act div {
    border-radius: 15px;
}

/* 弹窗样式 */

.container-modal .cover {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
}

.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 .modal-title {
    font-size: 24px;
    text-align: center;
    padding: 0 40px;
}

.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);
    position: relative;
    background: #fff;
    z-index: 1;
}

.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;
    margin: 0 auto;
    min-height: 100px;
}

.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 .btns {
    position: relative;
    text-align: center;
    z-index: 1;
}

.container-modal .show-pro .btns .btn {
    display: inline-block;
    font-size: 16px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    margin: 3% 0 3% 1.5%;
    text-align: center;
    border-radius: 4px;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    color: #000;
    border: 1px solid #999;
}

.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;
}

.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;
}

.list-simple {
    width: 90%;
}

.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;
}

.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: block;
    /* float: right; */
}

.form-invoice-apply .RgTxt .value .item {
    display: 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: 50px;
    height: 50px;
}

.form-invoice-apply .control {
    margin-top: 15px;
}

.form-invoice-apply .control .btn {
}

.view-currency-selection {
}

.view-currency-selection .modal-title {
    margin-top: 15px;
}

.view-currency-selection .list {
    margin: 15px 15px 0;
}

.view-currency-selection .list .item {
    width: 50%;
}

.view-currency-selection .list .item .btn {
    display: block;
    /* width: 100%; */
    margin: 10px;
    padding: 10px 0;
    border: 1px solid #eee;
    border-radius: 4px;
}

.view-currency-selection .list .item .btn:hover {
    background: #eee;
}

.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);
    }
}