table {
    border-collapse: collapse;
    border-spacing: 0
}
button, select {
    text-transform: none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}
.body-main {
    color: #333
}
.link {
    color: #3C7FC9
}
.link:hover {
    color: #F33
}
.prod{
margin-top: 80px;
}
.app-rate {
    display: inline-block;
    line-height: unset
}
.app-rate-star {
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin-right: 3px;
    position: relative;
    text-align: center;
    top: -1px;
    vertical-align: middle;
    width: 16px
}
.app-rate-star-on, .app-rate-star-bg {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}
.app-rate-star-on .i-rate-star, .app-rate-star-bg .i-rate-star {
    display: block;
    height: 100%;
    width: 16px
}
.app-rate-star-on {
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: 0;
    -ms-filter: alpha(Opacity=0);
    filter: alpha(opacity=0)
}
.app-rate-star-on .i-rate-star {
    background-repeat: no-repeat
}
.app-rate-star-bg .i-rate-star {
    background-repeat: no-repeat
}
.app-rate-star-full .app-rate-star-on {
    width: 100%;
    -ms-filter: alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1
}
.app-rate-star-half .app-rate-star-on {
    width: 50%
}
.app-rate.readonly .app-rate-star {
    cursor: default
}
.top-bar-placeholder {
    height: 40px
}
.empty-box {
    padding: 10px 0;
    text-align: center
}
.empty-box-txt {
    color: #333;
    font-size: 12px;
    font-weight: 400;
    padding: 10px
}
.empty-box-small {
    padding: 0
}
.empty-box-small .empty-box-txt {
    padding-top: 0;
    padding-bottom: 0
}
.empty-box-large {
    padding-top: 120px
}
.empty-box-default .empty-box-txt {
    margin-top: -50px
}
.pagelist {
    padding: 10px 0;
    text-align: center
}
.pagelist a, .pagelist .disabled, .pagelist .curr {
    background: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    font-size: 12px;
    margin-left: 6px;
    padding: 6px 12px;
    text-align: center;
    vertical-align: top
}
.pagelist a:hover {
    border: 1px solid #23ac38;
    color: #23ac38
}
.pagelist .spanDot {
    margin: 0 0 0 10px
}
.pagelist .curr {
    background: #23ac38;
    border: 1px solid #23ac38;
    color: #fff
}
.pagelist .disabled {
    color: #ccc
}
.icon {
    display: inline-block;
    position: relative;
    top: -1px;
    vertical-align: middle
}
.justify, .dib-box .justify {
    font-size: 0;
    line-height: inherit
}
.justify {
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify;
    text-justify: inter-ideograph;
*zoom:1
}
.justify:after {
    content: "";
    display: inline-block;
    width: 100%
}
.justify .dib {
    font-size: 12px;
    letter-spacing: normal;
    text-align: left;
    -moz-text-align-last: auto;
    text-align-last: auto;
    text-justify: auto;
    word-spacing: normal
}
.color-primary {
    color: #F33!important
}
.mt0 {
    margin-top: 0!important
}
.mt5 {
    margin-top: 5px!important
}
.mt10 {
    margin-top: 10px!important
}
.mb0 {
    margin-bottom: 0!important
}
.ml5 {
    margin-left: 5px!important
}
.ml10 {
    margin-left: 10px!important
}
.mr5 {
    margin-right: 5px!important
}
.tr {
    text-align: right
}
.bgf {
    background: #fff
}
.nowrap {
    white-space: nowrap;
    word-wrap: normal
}
.container {
    margin: 0 auto;
    width: 1180px
}
.btn {
    background-image: none;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    outline: 0;
    padding: 0;
    text-align: center;
    white-space: nowrap
}
.btn:hover {
    -ms-filter: alpha(Opacity=80);
    filter: alpha(opacity=80);
    opacity: .8
}
.btn-submit {
    border-radius: 6px;
    font-size: 20px;
    font-weight: 400;
    line-height: 38px;
    width: 200px
}
.btn-primary {
    color: #fff
}
.btn-primary.btn-ghost {
    background: #fff;
    border-color: #F33;
    color: #F33
}
.btn-linear {
    background-color: #F63;
    background: -webkit-linear-gradient(top, #F33 0, #F63 100%);
    background: linear-gradient(180deg, #F33 0, #F63 100%);
    color: #fff
}
.btn-linear:hover {
    color: #fff
}
.btn-linear:active {
    background: -webkit-linear-gradient(top, red 0, #F33 100%);
    background: linear-gradient(180deg, red 0, #F33 100%)
}
.btn-cancel {
    background: #FAFAFA;
    border: 1px solid #E7E7E7;
    color: #333
}
.btn.disabled, .btn[disabled] {
    background: #DDD!important;
    border-color: #DDD!important;
    color: #fff;
    cursor: not-allowed
}
.btn.disabled:hover, .btn[disabled]:hover {
    -ms-filter: alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1
}
.checkbox {
    cursor: pointer
}
.checkbox:after {
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    height: 13px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 13px
}
.checkbox.checked:after {
    background-repeat: no-repeat
}
.next {
    margin-left: 4px
}
.my-form {
    font-size: 12px
}
.my-form .label, .my-form label {
    color: #9a9a9a;
    display: block;
    line-height: 24px;
    margin-right: 10px;
    position: relative;
    text-align: right
}
.my-form .label.required:before, .my-form label.required:before {
    color: #f8533c;
    content: '*';
    margin-right: 4px
}
.my-form .form-item {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #DDD;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    width: 270px
}
.my-form .form-item.error, .my-form .form-item.ng-dirty.ng-invalid {
    border-color: #ed1c24
}
.my-form .form-item-wrap {
    display: inline-block;
    position: relative
}
.my-form .form-item-dropdown {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #DDD;
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
    left: 0;
    margin: 5px 0;
    max-height: 300px;
    min-width: 100%;
    overflow: auto;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 10
}
.my-form .form-item-dropdown li {
    cursor: pointer;
    font-size: 12px;
    line-height: 28px;
    padding: 0 5px
}
.my-form .form-item-dropdown li:hover {
    background: #f3f3f3
}
.my-form .validation-invalid {
    color: #ed1c24;
    padding: 0 3px
}
.my-form .validation-valid {
    display: none
}
.my-form .textarea {
    height: auto
}
.my-form .short {
    width: 130px
}
.my-form .next {
    margin-left: 6px
}
.my-form .btn {
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.5;
    min-width: 88px;
    padding: 2px 0;
    vertical-align: middle
}
.my-form .btns {
    padding-top: 18px;
    text-align: center
}
.my-form .btns .btn {
    margin: 0 10px
}
.swiper-wrapper {
    overflow: hidden
}
.swiper-slide {
    float: left
}
.swiper-pagination {
    font-size: 0;
    line-height: 0;
    padding: 15px 0 5px;
    text-align: center
}
.swiper-pagination .swiper-pagination-switch {
    border: 2px solid #BDBDBD;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 5px;
    width: 10px
}
.swiper-pagination .swiper-active-switch {
    background: #969696;
    border-color: #969696
}
.app-loading {
    background: url(https://p1.qhimg.com/t01974e31a75c902d9d.gif) no-repeat center center;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 5000
}
.app-loading-inline {
    display: inline-block;
    height: 10px;
    margin: 15px 0;
    position: static;
    width: 58px
}
.app-loading-default {
    background-color: rgba(255,255,255,.1);
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#1affffff', endColorstr='#1affffff')
}
.ngdialog, .ngdialog-overlay {
    background-color: rgba(0,0,0,.3);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#4d000000', endColorstr='#4d000000')
}
@-webkit-keyframes ngdialog-fadeout {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes ngdialog-fadeout {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-webkit-keyframes ngdialog-fadein {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes ngdialog-fadein {
0% {
opacity:0
}
100% {
opacity:1
}
}
.ngdialog {
    box-sizing: border-box;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1000
}
.ngdialog *, .ngdialog :after, .ngdialog :before {
    box-sizing: inherit
}
.ngdialog-disabled-animation, .ngdialog-disabled-animation .ngdialog-content, .ngdialog-disabled-animation .ngdialog-overlay {
    -webkit-animation: none!important;
    animation: none!important
}
.ngdialog-overlay {
    -webkit-animation: ngdialog-fadein .5s;
    animation: ngdialog-fadein .5s;
    -webkit-backface-visibility: hidden;
    background: rgba(0,0,0,.4)
}
.ngdialog-no-overlay {
    pointer-events: none
}
.ngdialog-closing .ngdialog-overlay {
    -webkit-animation: ngdialog-fadeout .5s;
    animation: ngdialog-fadeout .5s;
    -webkit-backface-visibility: hidden
}
.ngdialog-content {
    -webkit-animation: ngdialog-fadein .5s;
    animation: ngdialog-fadein .5s;
    -webkit-backface-visibility: hidden;
    background: #fff;
    pointer-events: all
}
.ngdialog-closing .ngdialog-content {
    -webkit-animation: ngdialog-fadeout .5s;
    animation: ngdialog-fadeout .5s;
    -webkit-backface-visibility: hidden
}
body.ngdialog-open, html.ngdialog-open {
    overflow: hidden
}
@-webkit-keyframes ngdialog-flyin {
0% {
opacity:0;
-webkit-transform:translateY(-40px);
transform:translateY(-40px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes ngdialog-flyin {
0% {
opacity:0;
-webkit-transform:translateY(-40px);
transform:translateY(-40px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes ngdialog-flyout {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-40px);
transform:translateY(-40px)
}
}
@keyframes ngdialog-flyout {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-40px);
transform:translateY(-40px)
}
}
.ngdialog-theme-default {
    padding-top: 12%;
    padding-bottom: 160px
}
.ngdialog-theme-default .ngdialog-content, .dialog-box {
    background: #fff;
    border-radius: 5px;
    color: #333;
    width: 440px!important
}
.ngdialog-theme-default .dialog-box-content, .dialog-box .dialog-box-content {
    padding: 15px 20px 0
}
.ngdialog-theme-default .dialog-box-footer, .dialog-box .dialog-box-footer {
    border-top: 1px solid #DDD;
    padding: 12px 20px;
    text-align: center
}
.ngdialog-theme-default.ngdialog-closing .ngdialog-content, .dialog-box.ngdialog-closing .ngdialog-content {
    -webkit-animation: ngdialog-flyout .5s;
    animation: ngdialog-flyout .5s
}
.ngdialog-theme-default .ngdialog-content, .dialog-box .ngdialog-content {
    -webkit-animation: ngdialog-flyin .5s;
    animation: ngdialog-flyin .5s;
    border: 1px solid #eee;
    font-family: Helvetica, sans-serif;
    font-size: 1.1em;
    line-height: 1.5em;
    margin: 0 auto;
    max-width: 100%;
    position: relative
}
.ngdialog-theme-default .dialog-box-close, .dialog-box .dialog-box-close, .ngdialog-theme-default .ngdialog-close, .dialog-box .ngdialog-close {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 5px
}
.ngdialog-theme-default .dialog-box-close:active:before, .dialog-box .dialog-box-close:active:before, .ngdialog-theme-default .ngdialog-close:active:before, .dialog-box .ngdialog-close:active:before, .ngdialog-theme-default .dialog-box-close:hover:before, .dialog-box .dialog-box-close:hover:before, .ngdialog-theme-default .ngdialog-close:hover:before, .dialog-box .ngdialog-close:hover:before {
    color: #777
}
.ngdialog-theme-default .setdefault, .dialog-box .setdefault {
    color: #666
}
.ngdialog-theme-default table, .dialog-box table {
    margin: 10px auto
}
.ngdialog-theme-default td, .dialog-box td {
    padding: 10px 0;
    vertical-align: top
}
.ngdialog-theme-default h3, .dialog-box h3 {
    background: #F0F0F0;
    color: #333;
    font-size: 14px;
    line-height: 46px;
    padding: 0 20px
}
.ngdialog-theme-default .ngdialog-message, .dialog-box .ngdialog-message {
    margin-bottom: .5em
}
.ngdialog-theme-default .ngdialog-input, .dialog-box .ngdialog-input {
    margin-bottom: 1em
}
.mod-dialog {
    border-radius: 5px;
    box-shadow: 0 1px 8px -2px #999;
    font-size: 14px;
    max-width: 320px;
    overflow: hidden
}
.mod-dialog .dialog-nav, .ngdialog-theme-default h3, .dialog-box h3 {
    background: #F0F0F0;
    color: #333;
    font-weight: 400;
    height: 30px;
    line-height: 30px
}
.mod-dialog .dialog-title {
    font-size: 14px;
    padding-left: 20px;
    vertical-align: middle
}
.mod-dialog .dialog-content {
    color: #333;
    line-height: 1.5;
    max-width: 320px
}
.mod-dialog .dialog-main {
    padding: 15px 20px
}
.mod-dialog .dialog-console a {
    background-color: #F33;
    background: -webkit-linear-gradient(top, #f33 0, #f63 100%);
    background: linear-gradient(180deg, #f33 0, #f63 100%);
    background-position: 0 0!important;
    border-radius: 4px;
    font-size: 12px;
    height: 26px;
    line-height: 24px;
    text-align: center
}
.mod-dialog .dialog-close, .ngdialog-theme-default .dialog-box-close, .dialog-box .dialog-box-close, .ngdialog-theme-default .ngdialog-close, .dialog-box .ngdialog-close {
    background-image: url(https://p1.qhimg.com/t013c8d01cfcf71812c.png);
    background-size: auto auto;
    height: 30px;
    right: 0;
    top: 0;
    width: 30px
}
.qikoo-header-with-cate .header-box {
    padding-bottom: 60px
}
.qikoo-header-with-cate .category-box {
    background: transparent;
    height: auto
}
.qikoo-header-with-cate .category-item.item-all {
    background: #333;
    bottom: 100%;
    position: absolute;
    width: 100%
}
.qikoo-header-with-cate .category-item .left-item .left-icon {
    vertical-align: middle
}
.qikoo-header-with-cate .category-list {
    background-color: #333;
    background: rgba(51,51,51,.7);
    height: 0;
    overflow: hidden
}
.qikoo-header-with-cate .category-box:hover .category-list {
    height: 530px
}
.qikoo-header-with-cate .banner-box {
    display: none
}
.qikoo-header-newcart .header-wrapper {
    border-bottom: 0
}
.qikoo-header-newcart .header-box .logo {
    margin-right: 10px
}
.qikoo-header-newcart .header-box-title {
    border-left: 1px solid #979797;
    color: #333;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 6px;
    overflow: hidden;
    padding-left: 8px;
    position: relative
}
.main-content {
    background: #F0F0F0;
    min-height: 600px
}
.app-rate-star-on .i-rate-star {
    background-position: 0 0
}
.app-rate-star-bg .i-rate-star {
    background-position: 0 -26px
}
.app-rate-star-on .i-rate-star, .app-rate-star-bg .i-rate-star {
    background-image: url(https://p2.qhimg.com/t01bcc3b26f54f25a71.png)
}
.checkbox:after {
    background-position: 0 0
}
.checkbox.checked:after {
    background-position: 0 -24px
}
.checkbox:after, .checkbox.checked:after {
    background-image: url(https://p2.qhimg.com/t015b3589334cb5b099.png)
}
.goods-detail .gCon {
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0;
    text-align: center
}
.goods-detail .gCon img {
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    vertical-align: middle;
    width: 100%
}
.goods-detail .gCon p {
    font-size: 14px;
    line-height: 1.8em;
    overflow: hidden;
    position: relative
}
.goods-detail .widecontent {
    width: 100%
}
.goods-detail .detail-standard .gCon, .goods-detail .detail-qa-box .gCon {
    padding-left: 60px;
    padding-right: 60px
}
.goods-detail .gTit {
    background: #F0F0F0;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    line-height: 38px;
    margin-top: -1px;
    padding: 0 30px
}
.goods-detail .gTit_link {
    color: #82c92f;
    float: right;
    font-size: 12px;
    text-decoration: none
}
.goods-detail .gTit_ckb {
    float: right;
    font-size: 12px;
    margin-right: 20px
}
.goods-detail .gTit_ckb input {
    height: 12px;
    margin-right: 6px;
    vertical-align: -2px;
    width: 12px
}
.goods-detail .gTit .gTit_ckb input {
    height: 12px;
    margin-right: 6px;
    vertical-align: -2px;
    width: 12px
}
.goods-detail .gCon .gArg {
    border: 1px solid #ccc;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    text-indent: 15px
}
.goods-detail .gCon .col2 {
    border: 1px #ccc solid;
    border-bottom: 0;
    margin-top: -1px;
    width: 100%
}
.goods-detail .gCon .col2 td {
    border-bottom: 1px #ccc solid;
    color: #666;
    font-size: 16px;
    height: 40px;
    line-height: 2.4;
    padding: 0 16px;
    text-align: left
}
.goods-detail .gCon td.wd207 {
    border-right: 1px #ccc solid;
    color: #333;
    text-align: center!important;
    width: 207px
}
.goods-detail .gCon td.wd207[colspan] {
    font-weight: 700
}
.goods-detail .gCon .consult {
    font-size: 13px;
    text-align: left
}
.goods-detail .gCon .consult dt, .goods-detail .gCon .consult dd {
    color: #333;
    display: block;
    line-height: 30px;
    margin-bottom: 15px
}
.goods-detail .gCon .consult dt big {
    display: inline-block;
    font-size: 18px;
    width: 35px
}
.goods-detail .gCon .consult dd {
    background-position: 0 -45px;
    color: #666;
    margin-bottom: 20px;
    padding: 0 0 15px 35px
}
.goods-detail .gCon .consult dt i, .goods-detail .gCon .consult dd i {
    background: url(//p.ssl.qhmsg.com/t0147bb66948b7f6357.png) left top no-repeat;
    display: inline-block;
    height: 30px;
    margin-right: 5px;
    vertical-align: middle;
    width: 35px
}
.goods-detail .gCon .consult dd i {
    background-position: 0 -45px
}
.goods-detail .gCon .consult dd.last {
    border-bottom: 0
}
.goods-detail .gCon .consult dd .consult_info {
    margin-top: 15px
}
.goods-detail .gCon .consult dd .consult_info .user {
    color: #666;
    margin-right: 20px
}
.goods-detail .gCon .consult dd .consult_info .time {
    color: #999
}
.goods-detail .gCon .consult dd .consult_info .edit {
    background: #ff890f;
    border-bottom: 2px #c56e14 solid;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    margin-left: 10px;
    padding: 0 5px;
    text-align: center
}
.goods-detail .gCon .consult dd .consult_editor {
    background: #f5f8f1;
    display: block;
    height: 137px;
    margin-top: 15px;
    overflow: hidden;
    width: 645px
}
.goods-detail .gCon .consult dd .consult_editor textarea {
    border: 1px #c9c9c9 solid;
    display: block;
    height: 70px;
    margin: 15px auto 5px;
    resize: none;
    width: 613px
}
.goods-detail .gCon .consult dd .consult_editor .reply {
    background: #82c92f;
    color: #fff;
    float: right;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-right: 13px;
    text-align: center;
    text-decoration: none;
    width: 74px
}
.goods-detail .gCon.gService {
    text-align: left
}
.goods-detail .gCon.gService p {
    line-height: 2em
}
.goods-detail .gCon.gService h3 {
    font-size: 16px;
    line-height: 2.4em
}
.detail-imgs-box-poster {
    overflow: hidden
}
.detail-imgs-box-poster p {
    margin-bottom: 5px
}
.detail-imgs-box-poster img {
    vertical-align: top;
    width: 100%
}
.detail-imgs-box-poster2, .detail-imgs-box-poster3 {
    margin-left: -.5%
}
.detail-imgs-box-poster2 img, .detail-imgs-box-poster3 img {
    margin-left: .5%;
    width: 49.5%
}
.detail-imgs-box-poster3 img {
    width: 32.83333%
}
.i-warn-info {
    background-repeat: no-repeat;
    height: 16px;
    width: 16px
}
.goods-item {
    color: #333;
    font-size: 14px
}
.goods-item-img {
    background: #fff;
    height: 200px
}
.goods-item-img img {
    height: 100%
}
.goods-item-name {
    font-weight: 400;
    height: 40px;
    line-height: 20px;
    margin-top: 10px;
    overflow: hidden
}
.goods-item-price {
    color: #F33;
    line-height: 1;
    margin-top: 8px
}
.code-link {
    position: relative
}
.code-link .code {
    -ms-filter: alpha(Opacity=0);
    filter: alpha(opacity=0);
    background: url(https://p2.qhimg.com/t0186d81130c3197d6f.png);
    height: 120px;
    left: 50%;
    margin-top: -5px;
    margin-left: -64px;
    opacity: 0;
    padding: 15px 10px 0;
    position: absolute;
    top: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    width: 108px;
    z-index: -10
}
.code-link .code img {
    width: 110px
}
.code-link.active .code, .code-link.code-link-hover:hover .code {
    z-index: 10;
    -ms-filter: alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
@-webkit-keyframes likeAnim {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
10% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
50% {
-webkit-transform:scale(0.8);
transform:scale(0.8)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes likeAnim {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
10% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
50% {
-webkit-transform:scale(0.8);
transform:scale(0.8)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.goods-detail {
    background: #fff;
    padding-top: 40px
}
.sPic {
    float: left;
    margin-right: 80px;
    width: 482px
}
.sInfo {
    font-size: 14px;
    overflow: hidden;
    padding-top: 12px
}
.goods-detail .tl {
    text-align: left
}
.goods-detail-btns .btn {
    margin-right: 16px;
    vertical-align: top
}
.goods-detail-btns .btn-buy {
    background: #FFEBE9;
    border-color: #F33;
    color: #F33
}
.goods-detail-btns .btn-like {
    background: #FAFAFA;
    border-radius: 6px;
    border: 1px solid #E7E7E7;
    line-height: 38px;
    width: 80px
}
.goods-detail .prod-intro {
    margin: 0 auto;
    padding-bottom: 50px;
    width: 1240px;
*zoom:1
}
.sPic .video-start-icon {
    background: url(https://p1.ssl.qhimg.com/t01df0282105626fe5d.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    display: none;
    height: 64px;
    left: 209px;
    position: absolute;
    top: 351px;
    width: 64px;
    z-index: 10
}
.sPic .video-container {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20
}
.sPic .picbox, .sPic .picbox-thumb {
    position: relative
}
.sPic .picbox-thumb {
    margin-top: 32px
}
.sPic .picbox-thumb-wrap {
    margin: 0 auto;
    overflow: hidden;
    width: 450px
}
.sPic .picbox-thumb-content {
    font-size: 0;
    height: 92px;
    margin-left: 0;
    position: relative
}
.sPic .picbox-thumb-item {
    display: inline-block;
    position: relative
}
.sPic .bigImg {
    border: 1px solid transparent;
    height: 480px;
    margin: 0 auto;
    position: relative
}
.sPic .feature-box {
    background-color: #FAFAFA;
    font-size: 14px;
    line-height: 20px;
    margin-top: 24px;
    padding: 10px 35px
}
.sPic .feature-box-item {
    display: inline-block;
    margin: 20px 0 0 30px;
    white-space: nowrap
}
.sPic .zoom-popup {
    background-color: #FEDE4F;
    cursor: move;
    height: 150px;
    left: 0;
    opacity: .5;
    width: 150px;
    -ms-filter: alpha(Opacity=50);
    filter: alpha(opacity=50)
}
.sPic .zoom-popup, .sPic .zoom-preview {
    border: 1px solid #ddd;
    display: none;
    position: absolute;
    top: 0
}
.sPic .zoom-preview {
    background: #fff;
    height: 600px;
    left: 100%;
    margin-left: 10px;
    overflow: hidden;
    width: 600px;
    z-index: 200
}
.sInfo .row-box {
line-height: 24px;
    padding: 0 20px 16px 15px;
    clear: both;
    display: block;
    overflow: hidden;
}
.sPic .picbox-thumb-item img, .sPic .bigImg img {
    height: 100%
}
.sPic .bigImg img {
    display: block;
    width: 100%
}
.sPic .feature-box ul {
    margin: -20px 0 0 -30px
}
.sPic .feature-box-item img {
    height: 16px;
    margin-right: 5px
}
.sPic .zoom-preview img {
    max-width: none!important;
    position: absolute;
    width: auto
}
.goods-detail-btns .btn.disabled {
    cursor: default
}
.goods-detail-btns .btn-like-anim .icon {
    -webkit-animation: likeAnim .4s 0s ease-out;
    animation: likeAnim .4s 0s ease-out
}
.goods-detail .prod-intro:before, .goods-detail .prod-intro:after {
    content: " ";
    display: table
}
.goods-detail .prod-intro:after {
    clear: both
}
.sPic .video-container .close-icon {
    background: url(https://p5.ssl.qhimg.com/t01e07e3eba49f78172.png) no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 32px;
    z-index: 2
}
.sPic .picbox-thumb-item .img {
    border: 1px solid transparent;
    border-bottom-width: 3px;
    height: 88px;
    width: 88px
}
.sPic .picbox-thumb .arrow-left, .sPic .picbox-thumb .arrow-right {
    background: #FAFAFA;
    cursor: pointer;
    height: 53px;
    margin-top: -26.5px;
    position: absolute;
    top: 50%;
    width: 15px
}
.sPic .picbox-thumb .arrow-left {
    left: 0
}
.sPic .picbox-thumb .arrow-right {
    right: 0
}
.sPic .bigImg:hover {
    border: 1px solid #ddd
}
.sInfo .row-box .row-box {
    margin-bottom: 0
}
.sPic .picbox-thumb .active:after {
    background-color: #CDCDCD;
    bottom: 0;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
}
.sPic .picbox-thumb .arrow-left:before, .sPic .picbox-thumb .arrow-right:before, .sPic .picbox-thumb .arrow-left:after, .sPic .picbox-thumb .arrow-right:after {
    border-style: solid;
    border-color: transparent;
    border-width: 6px;
    content: '';
    display: block;
    height: 0;
    margin-top: -6px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 0
}
.sPic .picbox-thumb .arrow-left.disabled, .sPic .picbox-thumb .arrow-right.disabled, .sPic .picbox-thumb .arrow-left.flex-disabled, .sPic .picbox-thumb .arrow-right.flex-disabled {
    display: none
}
.sPic .picbox-thumb .arrow-left:before {
    border-right-color: #979797;
    left: -2px
}
.sPic .picbox-thumb .arrow-left:after {
    border-right-color: #fff;
    left: -1px
}
.sPic .picbox-thumb .arrow-right:before {
    border-left-color: #979797;
    right: -2px
}
.sPic .picbox-thumb .arrow-right:after {
    border-left-color: #fff;
    right: -1px
}
.sInfo .row-box-label, .sInfo .row-box .cate-label {
    float: left;
    font-size: 14px;
    margin-right: 10px
}
.sInfo .row-box .item-label, .sInfo .row-box .cate-label {
    line-height: 28px;
    height:28px;
    overflow: hidden;
    text-align: justify;
}
.sInfo .row-box .item-label:after, .sInfo .row-box .cate-label:after {
    content: '';
    display: inline-block;
    height: 0;
    line-height: 0;
    width: 100%
}
.sInfo .row-box-content, .sInfo .row-box .cate-list {
    overflow: hidden;
    position: relative
}
.sInfo .row-box-content{
    float: left;
}
.sInfo-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px
}
.sInfo-subtitle {
    color: #F33;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 7px
}
.sInfo-wrap-content {
    padding-top: 15px
}
.sInfo-wrap-info {
    background: #FAFAFA;
    margin-top: 11px;
    display: none;
    opacity: 0;
}
.sInfo-wrap{
    display: none;
    opacity: 0;
}
.sInfo-seckill {
    background: #fff url(https://p1.qhimg.com/t016990242a9d7ab9b0.png) repeat-x;
    color: #E65038;
    font-size: 12px;
    height: 31px;
    position: relative
}
.sInfo-seckill-right {
    float: right
}
.sInfo-seckill-content {
    line-height: 29px;
    margin: 0 20px 1px 100px;
    position: relative;
    z-index: 10
}
.sInfo-price {
    padding-bottom: 8px!important
}
.sInfo-price-normal {
    font-size: 24px
}
.sInfo-price-app {
    color: #F33
}
.sInfo-subtitle a {
    color: #2661B2;
    margin-right: 5px;
    text-decoration: underline
}
.sInfo-seckill span {
    display: inline-block;
    vertical-align: middle
}
.sInfo-coupons span {
    cursor: pointer;
    margin-right: 6px;
    white-space: nowrap
}
.sInfo .show-more {
    color: #999;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    padding: 0 10px;
    position: absolute;
    right: 0;
    text-decoration: none!important;
    top: 0;
    z-index: 10
}
.sInfo .divider {
    background: #F0F0F0;
    height: 5px
}
.sInfo-wrap .row-box-label, .sInfo-wrap .cate-label {
    color: #999
}
.sInfo-wrap-info .row-box-label {
    color: #333;
    margin-right: 5px
}
.sInfo-seckill:after {
    background: url(https://p2.qhimg.com/t016c1b9d0ef8b7c4cc.png) no-repeat;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 400px
}
.sInfo-seckill .cd-item {
    background: #E65038;
    border-radius: 4px;
    color: #fff;
    font-weight: 400;
    height: 19px;
    line-height: 19px;
    text-align: center;
    width: 20px
}
.sInfo-seckill .colon {
    margin: 0 3px
}
.sInfo-seckill .seckill-progress-box {
    background: #c53420;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    height: 24px;
    line-height: 12px;
    padding: 0 6px;
    vertical-align: middle
}
.sInfo-price .link {
    color: #2661B2;
    text-decoration: underline
}
.sInfo-price .row-box-content {
    display: inline-block;
    overflow: visible
}
.sInfo-price .item {
    margin-bottom: 4px
}
.sInfo-price .nowprice {
    color: #fa5437;
    font-weight: 600;
    display: none;
}
.sInfo-price .oldprice {
    font-size: 12px;
    font-style: normal;
    margin-right: 3px;
    text-decoration: line-through
}
.sInfo-price .product-tag {
    background-color: #f63;
    background: -webkit-linear-gradient(top, #f33 0, #f63 100%);
    background: linear-gradient(180deg, #f33 0, #f63 100%);
    border-radius: 4px 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    margin-left: 5px;
    padding: 0 8px;
    vertical-align: middle;
    white-space: nowrap
}
.sInfo-price-vip .i-vip {
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width: 20px
}
.sInfo .show-more:after {
    border-width: 4px;
    border-style: solid;
    _border-style: dashed;
    border-color: transparent;
    border-top-color: #888;
    _border-top-style: solid;
    content: '';
    height: 0;
    margin-top: -2px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform-origin: 50% 25%;
    transform-origin: 50% 25%;
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    vertical-align: middle;
    width: 0
}
.sInfo-seckill .seckill-progress-box .label {
    font-size: 10px
}
.sInfo-seckill .seckill-progress-box .progress {
    background: #8c2319;
    height: 2px;
    margin-top: 3px
}
.sInfo-seckill .seckill-progress-box .progress-inner {
    background-color: #ff5f00;
    background: -webkit-linear-gradient(top, #ff5f00 0, #ffad00 100%);
    background: linear-gradient(180deg, #ff5f00 0, #ffad00 100%);
    height: 100%
}
.sInfo .open .show-more:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.sInfo-coupons span:before, .sInfo-coupons span:after, .sInfo-coupons span i {
    display: inline-block;
    height: 20px;
    vertical-align: middle
}
.sInfo-coupons span i {
    background: #FFEBE9;
    border-top: 1px solid #F33;
    border-bottom: 1px solid #F33;
    box-sizing: border-box;
    color: #F33;
    font-style: normal;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}
.sInfo-coupons span:before, .sInfo-coupons span:after {
    background: url(https://p2.qhimg.com/t0199870b0383e82a90.png);
    content: '';
    width: 6px
}
.sInfo-coupons span:before {
    background-position: 0 0
}
.sInfo-coupons span:after {
    background-position: 6px 0
}
.sInfo-activity .row-box-content, .sInfo-activity a {
    color: #666
}
.sInfo-cate {
    padding-bottom: 6px!important
}
.sInfo-recommend {
    background: #FAFAFA;
    margin-top: 11px;
    padding: 0 40px;
    width: 440px
}
.sInfo-recommend-title {
    font-size: 14px;
    font-weight: 400;
    padding: 15px 0;
    position: relative;
    text-align: center
}
.sInfo-recommend-slides {
    overflow: hidden;
    padding-bottom: 10px
}
.gInfo {
    background: #fff;
    margin: 0 auto 50px;
    width: 1240px;
}
.gInfo-tab {
    line-height: 36px
}
.gInfo-tab-wrap {
    height: 50px
}
.gInfo-tab-code {
    background: #fff;
    background: url(https://p2.qhimg.com/t010f96e0652b822fea.png) center right no-repeat;
    bottom: 0;
    color: #666;
    font-size: 14px;
    line-height: 50px;
    padding-right: 43px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100
}
.gInfo-tab-oper {
    float: right
}
.gInfo-tab-list {
    overflow: hidden
}
.gInfo-content {
    border: 1px solid #DDD;
    margin-top: -1px;
    margin-bottom: 10px
}
.comment-box-tag {
    border-bottom: 1px solid #DDD;
    padding: 20px 50px
}
.comment-box-item {
    border-bottom: 1px solid #DDD;
    margin: 0 60px 0 50px;
    overflow: hidden;
    padding: 15px 0
}
.comment-box-item-left {
    float: left;
    margin-right: 10px;
    width: 150px
}
.comment-box-item-content {
    overflow: hidden
}
.comment-box-item-rate, .comment-box-item-txt {
    line-height: 20px
}
.comment-box-item-txt {
    font-size: 14px
}
.comment-box-item-txt, .comment-box-item-extra, .comment-box-item-img {
    margin-top: 10px
}
.comment-box-item-extra {
    color: #999;
    font-size: 12px;
    line-height: 18px
}
.comment-box-item-reply {
    margin-top: 20px
}
.cart-box-shop {
    color: #333;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 10px
}
.cart-box-item {
    line-height: 18px;
    margin-bottom: 15px
}
.sInfo-recommend-title span {
    background: #FAFAFA;
    display: inline-block;
    padding: 0 18px;
    position: relative;
    z-index: 10
}
.comment-box-tag ul {
    margin: -10px 0 0 -10px;
    overflow: hidden
}
.comment-box-tag li {
    background: #FFF;
    border-radius: 2px;
    border: 1px solid #DDD;
    cursor: pointer;
    float: left;
    font-weight: 400;
    line-height: 26px;
    margin: 10px 0 0 10px;
    padding: 0 14px
}
.comment-box-tag li, .cart-box-item a {
     color: #333;
    font-size: 16px;
}
.sInfo-activity .tag {
    background: #FFEBE9;
    border-radius: 15px;
    color: #F33;
    display: inline-block;
    font-style: normal;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding: 0 8px
}
.sInfo-activity .row-box {
    padding: 0 0 8px
}
.sInfo-activity .row-box-content {
    margin-bottom: -8px
}
.sInfo-activity .row-box-hide {
    display: none
}
.sInfo-activity .show-more {
    bottom: 0;
    top: auto
}
.sInfo-cate .row-box, .sInfo-num .row-box {
    line-height: 24px
}
.sInfo-cate .cate-list {
    margin-right: -10px
}
.sInfo-cate .cate-item, .sInfo-cate .cate-tips {
    display: inline-block;
    margin: 0 10px 10px 0
}
.sInfo-cate .cate-icon {
    background: url(https://p3.qhimg.com/t017a21f6ccbaf086d8.png) no-repeat 0 0;
    background-position: -96px -90px;
    float: left;
    height: 16px;
    margin-top: 6px;
    margin-right: 6px;
    width: 16px
}
.sInfo-cate .cate-tips {
    display: none;
    line-height: 26px
}
.sInfo-num .row-box-content {
    padding-left: 1px
}
.sInfo-num .gcIpt {
    text-align: center
}
.sInfo-num .warn {
    color: #F33;
    margin-left: 10px;
    vertical-align: middle
}
.sInfo-point .i-warn-info {
    cursor: pointer;
    margin-left: 5px
}
.sInfo-btns .i-heart {
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    width: 22px
}
.sInfo-recommend-title:after {
    background-color: #979797;
    content: '';
    height: 1px;
    left: 0;
    margin-top: -.5px;
    position: absolute;
    top: 50%;
    width: 100%
}
.sInfo-recommend-slides .slides-page {
    float: left;
    overflow: hidden
}
.sInfo-recommend-slides .slides-page-content {
    margin: -20px 0 0 -40px
}
.sInfo-recommend-slides .goods-item {
    float: left;
    margin: 20px 0 0 40px;
    width: 200px
}
.gInfo-tab .content {
    background: #fff;
    border: 1px solid #DDD;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 7px 0;
    position: relative
}
.gInfo-tab.item-fixed {
    left: 0;
    position: fixed;
    right: 0;
    top: 40px;
    z-index: 100
}
.gInfo-tab:after {
    content: '';
    position: absolute
}
.gInfo-tab-code .code {
    left: auto;
    margin-top: 0;
    margin-left: 0;
    right: -4px
}
.gInfo-tab-oper .btns {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    -webkit-transition: all .2s;
    transition: all .2s
}
.gInfo-tab-oper .btn {
    font-size: 18px;
    line-height: 34px;
    margin-right: 6px;
    width: 152px
}
.gInfo-tab-list .nav-item {
    border-left: 1px solid #333;
    color: #666;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    margin-left: -1px;
    padding: 0 30px
}
.gInfo-tab-list .nav-item, .gInfo-tab-list .nav-item-inner {
    position: relative
}
.gInfo .article-box {
    padding: 20px 0;
    text-align: center
}
.comment-box .empty-box {
    padding-top: 65px
}
.comment-box .empty-box-txt {
    margin-top: -85px
}
.comment-box-tag .on {
    background: #FFEBE9;
    border-color: #F33;
    font-weight: 600
}
.comment-box-item .user-info {
    line-height: 20px
}
.comment-box-item .user-info-img {
    display: inline-block;
    height: 20px;
    width: 20px
}
.comment-box-item .user-info-name {
    white-space: nowrap
}
.comment-box-item .user-info-tag {
    display: inline-block;
    height: 15px
}
.comment-box-item-img .img {
    border-radius: 2px;
    border: 1px solid #DDD;
    text-align: center
}
.comment-box-item-img .img, .comment-box-item-img .list-box {
    overflow: hidden
}
.comment-box-item-img .preview-box {
    cursor: url(https://s.ssl.qhres2.com/static/3f70e47c9637219c/shop-v2/zoom-out.cur), default;
    height: 300px;
    margin-top: 10px;
    position: relative;
    width: 300px
}
.cart-box .i-shop {
    background-repeat: no-repeat;
    height: 12px;
    width: 12px
}
.cart-box .i-service {
    background-repeat: no-repeat;
    height: 11px;
    width: 11px
}
.sInfo-activity a:hover {
    text-decoration: underline
}
.sInfo-cate .cate-item a, .sInfo-cate .cate-tips a {
    border-radius: 4px;
    border: 1px solid #DDD;
    color: #333;
    display: block;
    height: 26px;
    line-height: 26px;
    padding: 0 20px
}
.sInfo-num .gcIpt a {
    background: #F6F6F6;
    color: #333;
    font-family: simsun;
    font-size: 16px;
    overflow: hidden;
    width: 26px
}
.sInfo-num .gcIpt a, .sInfo-num .gcIpt input {
    border: 1px solid #ddd;
    float: left;
    height: 26px;
    line-height: 26px;
    margin-left: -1px;
    vertical-align: middle
}
.sInfo-num .gcIpt input {
    background: #fff;
    color: #999;
    font-family: arial;
    font-size: 14px;
    padding: 0;
    text-align: center;
    width: 40px
}
.gInfo .article-box img {
    height: auto;
    margin: 0 auto;
    max-width: 100%
}
.gInfo .article-box p {
    line-height: 1.8em;
    overflow: hidden;
    position: relative
}
.gInfo .article-box p, .comment-box {
    font-size: 14px
}
.comment-box-item .user-info-img img {
    border: 1px solid #DDD;
    border-radius: 50%;
    vertical-align: top;
    width: 100%
}
.comment-box-item .user-info-img img, .comment-box-item-img .img img, .comment-box-item .user-info-tag img {
    height: 100%
}
.comment-box-item-img .list-box li {
    cursor: url(https://s.ssl.qhres2.com/static/db14306d957a1347/shop-v2/zoom-in.cur), default;
    float: left;
    height: 60px;
    margin-right: 10px;
    width: 60px
}
.sInfo-activity.open .row-box-hide {
    display: block
}
.sInfo-activity.open .row-box-more, .sInfo-activity.open .show-more {
    display: none
}
.sInfo-cate .needselect .cate-tips {
    display: inline-block
}
.sInfo-num .gcIpt .hover {
    color: #fa5437
}
.sInfo-num .gcIpt .increment {
    font-size: 16px;
    line-height: 26px
}
.sInfo-num .gcIpt .disabled {
    background: #fff;
    color: #ddd;
    cursor: not-allowed
}
.sInfo-btns .on .i-heart {
    background-repeat: no-repeat
}
.gInfo-tab.item-fixed .content {
    width: 1000px
}
.gInfo-tab.item-fixed .btns {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.gInfo-tab-list .nav-item:hover, .gInfo-tab-list .nav-item.on {
    color: #333
}
.gInfo-tab-list .nav-item-inner:after {
    background-color: #F33;
    background: -webkit-linear-gradient(left, #f33 0, rgba(255,51,51,.3) 100%);
    background: linear-gradient(90deg, #f33 0, rgba(255,51,51,.3) 100%);
    bottom: -1px;
    content: '';
    display: none;
    height: 5px;
    left: 0;
    position: absolute;
    right: 0
}
.comment-box-item-img .list-box .on {
    border-color: #F33
}
.comment-box-item-img .preview-box .arrow-left, .comment-box-item-img .preview-box .arrow-right {
    height: 100%;
    position: absolute;
    top: 0;
    width: 25%
}
.comment-box-item-img .preview-box .arrow-left {
    cursor: url(https://s.ssl.qhres2.com/static/dd7605d3319235e9/shop-v2/arrow-left.cur), pointer;
    left: 0
}
.comment-box-item-img .preview-box .arrow-right {
    cursor: url(https://s.ssl.qhres2.com/static/c2d98af7b2c4b61f/shop-v2/arrow-right.cur), pointer;
    right: 0
}
.sInfo-cate .cate-item.cur a, .sInfo-cate .cate-tips.cur a {
    background: #FFEBE9;
    border-color: #F33
}
.sInfo-cate .cate-item.disable a, .sInfo-cate .cate-tips.disable a {
    background: #EEE;
    border-color: #DDD;
    cursor: not-allowed
}
.sInfo-num .gcIpt input:focus {
    outline: 0
}
.gInfo-tab-list .on .nav-item-inner:after {
    display: block
}
.cart-box-item.disabled .name a, .cart-box-item.disabled-price, .cart-box-item.disabled-num, .cart-box-item.disabled-spec {
    color: #999
}
.cart-box-item-status {
    background-color: rgba(0,0,0,.3);
    bottom: 0;
    color: #fff;
    left: 0;
    line-height: 18px;
    position: absolute;
    right: 0;
    text-align: center;
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#4d000000', endColorstr='#4d000000')
}
.cart-box-item-content {
*zoom:1
}
.cart-box-item-price, .cart-box-item-num, .cart-box-item-spec {
    float: right;
    margin-left: 5px
}
.cart-box-item-price, .cart-box-item-num {
    color: #999;
    white-space: nowrap
}
.cart-box-item-img {
    border-radius: 4px;
    border: 1px solid #DDD;
    float: left;
    height: 100px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    width: 100px
}
.cart-box-item-spec {
    margin-left: 0;
    width: 130px
}
.cart-box-item-num {
    width: 25px
}
.cart-box-item-price {
    color: #F53F3A;
    width: 65px
}
.cart-box-item-title {
    line-height: 18px;
    overflow: hidden;
    padding-right: 5px
}
.cart-box-item-extra {
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px
}
.cart-box-item-img img {
    height: 100%;
    width: auto
}
.cart-box-item-spec span {
    margin-left: 5px
}
.cart-box-item-title p {
    margin-top: 10px;
    font-size: 14px;
}
.cart-box-item-content:before, .cart-box-item-content:after {
    content: " ";
    display: table
}
.cart-box-item-content:after {
    clear: both
}
.cart-box-item-title .feature {
    margin-left: -5px
}
.cart-box-item-title .feature-item {
    display: inline-block;
    margin-left: 5px;
    white-space: nowrap
}
.cart-box-item-title .feature .icon {
    height: 11px
}
.cart-box-item-extra .disabled, .cart-box-item-extra .disabled a {
    color: #999
}
.check-list {
    margin: -10px 0 0 -10px;
    overflow: hidden
}
.check-list-item {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #DDD;
    cursor: pointer;
    float: left;
    font-size: 12px;
    line-height: 22px;
    margin: 10px 0 0 10px;
    min-width: 80px;
    text-align: center
}
.i-arrow {
    border-width: 4px;
    border-style: solid;
    _border-style: dashed;
    border-color: transparent;
    border-top-color: #666;
    _border-top-style: solid;
    display: inline-block;
    font-size: 0;
    height: 0;
    overflow: hidden;
    top: 1px;
    -webkit-transform-origin: 50% 25%;
    transform-origin: 50% 25%;
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    vertical-align: middle;
    width: 0
}
.order-info {

    padding: 82px 0 20px
}
.order-info-box {
    border-bottom: 1px solid #DDD;
    padding: 10px 20px 18px
}
.order-info-box-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding: 10px 0
}
.order-info-box-content {
    padding-left: 10px
}
.delivery-popup {
    padding: 15px 20px
}
.top-notice-bar, .notice-bar {
    background: #FFEBC6;
    border-radius: 5px;
    color: #F33;
    font-size: 12px;
    margin: 10px 0;
    max-height: 28px;
    overflow: hidden;
    padding: 8px;
    text-align: left
}
.top-notice-bar {
    background: url(https://p2.qhimg.com/t0162338fb79bf00d67.png) #FFEBC6 no-repeat 8px center;
    background-size: 19px 19px;
    padding-left: 35px
}
.i-warn-info {
    background-position: -6px 0
}
.notice-bar a, .top-notice-bar a {
    color: #F33;
    display: block;
    line-height: 14px;
    max-height: 28px;
    overflow: hidden
}
.cart-box-info .i-tag {
    background: #FFEBE9;
    border-radius: 18px;
    color: #F33;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    margin-right: 5px;
    padding: 0 8px
}
.check-list .on {
    border-color: #F33
}
.open .i-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.order-info-box-title .next {
    margin-left: 16px
}
.order-info-box-title .small, .order-info-box-title .link {
    font-size: 12px;
    font-weight: 400
}
.order-info-box-title .link {
    text-decoration: none
}
.order-info .address-list {
    margin: -10px 0 0 -10px;
    overflow: hidden
}
.order-info .address-item {
    border-radius: 4px;
    border: 1px solid #DDD;
    float: left;
    margin: 10px 0 0 10px;
    overflow: hidden;
    position: relative;
    width: 313px
}
.order-info .address-item-title, .order-info .address-item-detail {
    padding: 0 20px
}
.order-info .address-item-title {
    font-weight: 700;
    padding-top: 20px
}
.order-info .address-item-detail {
    line-height: 15px;
    margin-top: 15px
}
.order-info .address-item-oper {
    background: #F2F2F2;
    bottom: 0;
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center
}
.order-info .address-extra {
    margin-top: 20px
}
.order-info .detail-box {
    border-bottom: 1px solid #DDD;
    overflow: hidden
}
.order-info .detail-box-pay, .order-info .detail-box-cart {
    padding: 10px 20px
}
.order-info .detail-box-pay {
    border-left: 1px solid #ddd;
    float: right;
    margin-left: -1px;
    width: 378px
}
.order-info .detail-box-cart {
    border-right: 1px solid #ddd;
    overflow: hidden;
    padding-right: 0
}
.order-info .coupon-list {
    margin: -10px 0 -20px -15px;
    overflow: hidden;
    padding-bottom: 20px
}
.order-info .coupon-item {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #DDD;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    font-size: 12px;
    height: 140px;
    margin: 10px 0 0 15px;
    padding: 10px 10px 0;
    position: relative;
    width: 222px
}
.order-info .coupon-item-price {
    font-size: 0;
    line-height: 1;
    margin-top: 28px
}
.order-info .coupon-item-num {
    color: #F02C1E;
    font-size: 30px;
    font-weight: 700;
    margin-right: 4px
}
.order-info .coupon-item-desc {
    font-size: 12px;
    white-space: nowrap
}
.order-info .coupon-item-intro, .order-info .coupon-item-time {
    color: #9B9B9B
}
.order-info .coupon-item-intro {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 18px;
    margin-top: 6px;
    max-height: 36px;
    overflow: hidden
}
.order-info .coupon-item-time {
    margin-top: 3px;
    white-space: nowrap
}
.order-info .coupon-item-img {
    height: 82px;
    margin-top: -6px;
    text-align: center
}
.order-info .settle {
    text-align: right
}
.order-info .settle-detail {
    overflow: hidden;
    padding: 20px 30px
}
.order-info .settle-detail-table {
    float: right
}
.order-info .settle-total {
    background: #f2f2f2;
    padding: 10px 30px
}
.order-info .settle-total-info {
    font-size: 18px;
    font-weight: 700;
    line-height: 27px
}
.order-info .settle-total-address {
    color: #999;
    margin: 10px 0;
    font-size: 16px;
}
.order-info .settle-btns {
    padding: 10px 30px
}
.delivery-popup .tips {
    margin-bottom: 20px
}
.delivery-popup .btns {
    margin-top: 172px
}
.delivery-popup .selected-item {
    margin-bottom: 20px;
    position: relative
}
.delivery-popup .selected-item-title {
    background-color: #FAFAFA;
    cursor: pointer;
    line-height: 36px;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}
.delivery-popup .selected-item-content {
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
    color: #333;
    display: none;
    font-size: 14px;
    left: 0;
    max-height: 200px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 100
}
.cart-popup .ngdialog-content {
    width: 440px
}
.cart-popup .cart-box {
    margin: 0 -20px;
    max-height: 400px;
    overflow: auto;
    padding: 0 20px
}
.cart-popup .cart-box-item-img {
    border-radius: 8px
}
.cart-popup .cart-box-item-status {
    line-height: 25px
}
.cart-popup .gift-tips {
    margin-left: 15px
}
.sInfo-price-vip .i-vip {
    background-position: -2px -26px
}
.sInfo-btns .i-heart {
    background-position: 0 -56px
}
.sInfo-btns .i-heart:hover   {  background-position: 0 -84px;}
.order-info .coupon-item-num b {
    font-family: arial;
    font-size: 14px;
    font-weight: 400
}
.order-info .coupon-item-img img {
    height: 100%
}
.order-info .settle-detail-table td, .order-info .settle-detail-table th {
    line-height: 25px;
    padding-left: 20px;
    text-align: right
}
.order-info .settle-detail-table td {
    min-width: 60px;    position: inherit;    transform: inherit;
}
.delivery-popup .selected-item-content li {
    border-top: 1px solid #DDD;
    cursor: pointer;
    line-height: 18px;
    margin-top: -1px;
    padding: 10px
}
.order-info .address-list.close {
    max-height: 140px
}
.order-info .address-item-title .phone {
    margin-left: 18px
}
.order-info .address-item .oper-item {
    color: #333;
    display: block;
    float: left;
    line-height: 24px;
    position: relative;
    width: 33.333333%
}
.order-info .address-item .oper-item-title {
    font-weight: 700
}
.order-info .address-item.active {
    border-color: #F33
}
.order-info .address-extra .i-arrow {
    margin-left: 5px
}
.order-info .detail-box .i-address {
    background-repeat: no-repeat;
    height: 13px;
    width: 10px
}
.order-info .detail-box .i-edit {
    background-repeat: no-repeat;
    height: 9px;
    margin-right: 4px;
    width: 8px
}
.order-info .detail-box .i-help {
    background-repeat: no-repeat;
    cursor: pointer;
    height: 16px;
    width: 16px
}
.order-info .detail-box .tag {
    background-color: #F33;
    background: -webkit-linear-gradient(top, #f33 0, #f63 100%);
    background: linear-gradient(180deg, #f33 0, #f63 100%);
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    height: 14px;
    line-height: 14px;
    margin-left: 5px;
    padding: 0 4px;
    vertical-align: middle;
    white-space: nowrap
}
.order-info .detail-box .order-info-box-content {
    margin-bottom: 10px
}
.order-info .detail-box .info-box {
    border-radius: 4px;
    border: 1px solid #DDD;
    overflow: hidden;
    padding: 8px 15px;
    position: relative
}
.order-info .detail-box .info-box-oper {
    background: #DDD;
    cursor: pointer;
    line-height: 20px;
    padding: 0 9px;
    position: absolute;
    right: 0;
    top: 0
}
.order-info .detail-box .info-box-address {
    margin-top: 10px
}
.order-info .detail-box .info-box-address-info {
    color: #999;
    line-height: 20px;
    margin-top: 3px
}
.order-info .detail-box .info-box-address-detail {
    line-height: 18px;
    margin-top: 5px
}
.order-info .detail-box .info-box-invoice {
    line-height: 24px;
    padding: 15px 20px
}
.order-info .detail-box-pay .order-info-box-title {
    padding: 10px 0
}
.order-info .coupon .tab-box {
    margin-top: 10px;
    position: relative
}
.order-info .coupon .tab-box-tabs {
    background: #F2F2F2;
    height: 40px;
    margin-bottom: -1px;
    overflow: hidden
}
.order-info .coupon .tab-box-content {
    border: 1px solid #ddd;
    max-height: 290px;
    overflow: auto;
    padding: 20px 0 20px 15px
}
.order-info .coupon-item-price-small .coupon-item-num {
    font-size: 24px
}
.order-info .coupon-item .c-item-tag {
    font-size: 12px
}
.order-info .coupon .on {
    background-color: #FFF8F8;
    border-color: #F33
}
.order-info .settle-detail-table .txt, .order-info .settle-detail-table .label {
    display: inline-block;
    vertical-align: middle
}
.order-info .settle-detail-table .label {
    font-weight: 700;
    line-height: 1;
    width: 55px
}
.order-info .settle-total-info .number {
    color: #F33;
    margin-left: 10px;    position: inherit;
}
.delivery-popup .selected-item .i-arrow {
    margin-left: 5px
}
.delivery-popup .selected-item-content .detail {
    color: #999;
    font-size: 12px
}
.delivery-popup .selected-item-content .disabled {
    color: #666;
    cursor: not-allowed
}
.sInfo-btns .on .i-heart {
    background-position: 0 -84px
}
.order-info .coupon .tab-box-tabs li {
    border: 1px solid transparent;
    cursor: pointer;
    float: left;
    line-height: 38px;
    padding: 0 35px
}
.delivery-popup .selected-item-content li:hover {
    background-color: #f3f3f3
}
.order-info .address-item .oper-item:after {
    background-color: #DDD;
    bottom: 4px;
    content: '';
    left: -1px;
    position: absolute;
    top: 6px;
    width: 1px
}
.order-info .address-item.default .address-item-title {
    padding-left: 65px
}
.order-info .address-item.default .oper-item {
    width: 50%
}
.order-info .address-item.default .set-default {
    display: none
}
.order-info .address-item.default:after {
    background-repeat: no-repeat;
    color: #fff;
    content: '默认';
    height: 20px;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 17px;
    width: 55px
}
.order-info .address-item:hover .address-item-oper {
    display: block
}
.order-info .detail-box .info-box-invoice .next {
    margin-left: 16px
}
.order-info .detail-box .info-box.on {
    border-color: #F33
}
.order-info .coupon.loading .coupon-item {
    cursor: wait
}
.order-info .coupon .tab-box .app-loading {
    position: absolute
}
.order-info .coupon .tab-box-tabs .active {
    background-color: #fff;
    border-color: #ddd;
    border-bottom-color: transparent;
    color: #F33
}
.order-info .coupon .c-item-redeem .coupon-item-intro {
    -webkit-line-clamp: 1
}
.order-info .coupon .disabled .coupon-item-num, .order-info .coupon .disabled .coupon-item-desc, .order-info .coupon .disabled .coupon-item-intro {
    color: #999
}
.delivery-popup .selected-item.active .selected-item-content {
    display: block
}
.i-warn-info, .sInfo-price-vip .i-vip, .sInfo-btns .i-heart, .sInfo-btns .on .i-heart {
    background-image: url(https://p1.qhimg.com/t0141ce2282c77fd367.png)
}
.cart-box .i-shop {
    background-position: -43px 0
}
.cart-box .i-service {
    background-position: -44px -22px
}
.order-info .detail-box .i-address {
    background-position: -45px -73px
}
.order-info .detail-box .i-edit {
    background-position: -47px -96px
}
.order-info .detail-box .i-help {
    background-position: -39px -115px
}
.order-info .address-item.default:after {
    background-position: 0 -43px
}
.cart-box .i-shop, .cart-box .i-service, .order-info .address-item.default:after, .order-info .detail-box .i-address, .order-info .detail-box .i-edit, .order-info .detail-box .i-help {
    background-image: url(https://p1.qhimg.com/t01fafbdc7ae6fed2d8.png)
}
@media only screen and (min-width: 979px) and (max-width: 1300px) {
.goods-detail {
    margin: auto 30px;
}
.goods-detail .prod-intro {
    width: 100%;}
.gInfo {
    width: 100%;}
.btn-submit {
    font-size: 18px;
    width: 115px;
}
.goods-detail-btns .btn-like {
    width: 54px;
}
.container {
    width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.goods-detail {
    margin: auto 30px;
}
.goods-detail .prod-intro {
    width: 100%;}
.gInfo {
    width: 100%;}
.btn-submit {
    font-size: 18px;
    width: 115px;
}
.goods-detail-btns .btn-like {
    width: 54px;
}
.container {
    width: 100%;
}
.sPic {
    width: 48%;
}

.lSSlideWrapper li{    width: 100% !important;
}
.sPic {
    margin-right: 30px;
}}
@media screen and (max-width: 768px)
{
.goods-detail .prod-intro {
    width: 92%;
}
.gInfo {
    width: 92%;
}
.container {
    width: 92%;
}
.order-info .address-list.close {
    max-height: inherit;
}
.order-info .detail-box-pay {
    border-left: none;}
.goods-detail .prod-intro {
    width: 100%;}
.sPic {
    float: none;
    margin-right: 0;
    width: 95%;
}
.lSSlideWrapper ul li img{
    width: 100%;
}

.sInfo {
    width: 100%;
}
.goods-detail-btns .btn-buy {
    margin-bottom: 15px;
    width: 100%;
}
.btn-submit{
    width: 175px;
}
div.tab button {
      padding: 14px 12px !important;
}
.order-info .address-item {
    width: 94%;
}
.order-info .detail-box-pay {
    width: 100%;
}
}


/*shop*/

thead {
    background: white;
    border: none;
    font-weight: 700
}
thead tr {
    height: 50px
}
.cart_list {
    margin: 100px auto 30px;
    width: 1180px
}
.tables {
    color: rgba(51,51,51,1);
    font-size: 14px;
    font-family: SourceHanSansCN-Bold, SourceHanSansCN;
    text-align: center;
    width: 1180px
}
.tbodys {
    background: white
}
.goods_num {
    height: 100px;
    position: relative;
    text-align: center;
    width: 100px
}
.mod-modifier {
    border: 1px solid rgba(221,221,221,1);
    height: 20px;
    width: 96px
}
.modifier-value {
    border-left: 1px solid rgba(221,221,221,1);
    border-right: 1px solid rgba(221,221,221,1);
    outline: none;
    vertical-align: top;
    width: 35px
}
.modifier-value, .mod-modifier a {
    display: inline-block;
    height: 20px;
    text-align: center
}
.gift-tipss {
    color: #f33;
    font-weight: 400;
    position: absolute;
    top: 65px;
    width: 100%
}
.icon-nums-tips {
    border: 1px solid rgba(255,51,51,1);
    border-radius: 50%;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    text-align: center;
    width: 14px
}
.total {
    color: #f33
}
.common-label {
    color: #333;
    font-weight: 700
}
.delCheck {
    cursor: pointer;
    margin-left: 20px
}
.cart-info {
    border-top: 4px solid #ddd
}
.item-title {
    width: 230px;    margin-bottom: 5px;
}
.item-title, .item-titles {
    color: #333;
    display: inline-block;
    overflow: hidden
}
.item-titles {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 32px;
    -webkit-line-clamp: 2;
    width: 190px
}
.check_goods {
    line-height: 104px;
    position: relative;
    text-align: center;
    width: 60px
}
.cart-info-tag {
    background: rgba(255,235,233,1);
    display: inline-block
}
.cart-info-tag, .cart-info-tags {
    border-radius: 15px;
    color: rgba(255,51,51,1);
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    text-align: center;
    text-indent: 0;
    width: 40px
}
.cart-info-tags {
    background: rgba(255,235,233,1);
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}
.js-piece {
    color: rgba(255,51,51,1);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    line-height: 20px
}
.statistics {
    background: #f6f7f8;
    border: 1px solid #eaebec;
    font-size: 14px;
    height: 70px;
    line-height: 70px;
    margin-top: 15px;
    position: relative;
    text-indent: 10px;
    width: 1180px
}
.stat {
    bottom: 0;
    position: sticky
}
.cart-btn {
    background: linear-gradient(180deg, rgba(255,51,51,1) 0, rgba(255,102,51,1) 100%);
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    right: 40px;
    text-align: center;
    text-indent: 0;
    top: 10px;
    width: 160px
}
.cart-info {
    text-align: left;
    text-indent: 20px
}
.goods-info {
    display: flex;
align-items: center;
}
.goods_status {
    background: rgba(0,0,0,0.4);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    display: block;
    height: 20px;
    position: relative;
    text-align: center;
    text-indent: 0;
    top: -20px;
    width: 70px
}
.goods_status, .goods_status:hover {
    color: #FFF
}
.js_del {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 50px
}
.goods_info {
    text-align: left;
    width: 350px
}
.order-list {
    border-bottom: 1px solid #f0f0f0;
    height: 500px;
    overflow-y: auto
}
.totals {
    color: #f33
}
.cart-sale {
    color: #999
}
.mod-modifier a {
    font-size: 18px;
    line-height: 20px;
    width: 20px
}
.itemsList td {
    border-top: 1px solid #ddd
}
.item-title b {
    color: red
}
.statistics strong {
    color: #f45640
}
.order-list figcaption {
    display: inline-block;
    width: 300px
}
.goods_info img {
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 68px;
    width: 68px
}
.goods_info figcaption {
    margin-left: 10px
}
.goods b {
    color: #F33;
    font-size: 14px;
    font-weight: 400
}
thead tr:last-of-type {
    background: #f2f2f2;
    border-top: 2px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
    text-align: left;
    text-indent: 20px
}
.cartApp .gCart {
    border: none;
    min-height: 300px
}
.tbodys .cart-info {
    line-height: 40px
}
.check_goods .status {
    background: #e3e3e3;
    border-radius: 6px;
    color: #333;
    font-size: 12px;
    height: 18px;
    left: 6px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 30px
}
.statistics.fixed {
    bottom: 0;
    margin-top: 0;
    position: fixed;
    width: 1218px;
    z-index: 1000
}
.statistics .backtoshopping {
    border-left: 1px solid #e2e3e4;
    color: #666;
    margin-left: 15px;
    padding: 0 20px
}
.statistics .description {
    position: absolute;
    right: 260px;
    text-align: right;
    top: 15px
}
.stat .disabled {
    background: #aaa
}
.disabled:hover, .submit-button.disable {
    cursor: no-drop
}
.submit-button.disable {
    background: #969b9e
}
.js_del:hover {
    background: linear-gradient(180deg, rgba(255,51,51,1) 0, rgba(255,102,51,1) 100%);
    border-radius: 12px;
    color: #FFF;
    cursor: pointer
}
.order-list .goods_info {
    padding-left: 10px;
    text-align: left;
    width: 450px
}
.mod-modifier a:hover {
    color: #333
}
.itemsList td:first-of-type {
    border-top: none
}
.statistics .description p {
    font-size: 12px;
    line-height: 20px
}
.tbodys tr:first-of-type td {
    border-top: none
}
.statistics .description p strong {
    font-size: 24px
}
.statistics .description p .unit {
    font-weight: 400;
    font-size: 22px
}
.statistics .description p.shop_main {
    font-size: 16px
}
.statistics .description p strong, .statistics .description p .unit {
    color: #f33;
    font-size: 14px;
    font-weight: 700
}
figure {
    margin: 0
}
.statistics {
    background: white
}
.cartitle {
    color: #333;
    margin-left: 10px
}
.common-checkbox {
    background-image: url(https://p2.ssl.qhimg.com/t01628e42afe596b4f6.png);
    background-size: 100%
}
.common-checkbox, .common-checkBox {
    cursor: pointer;
    display: inline-block;
    height: 13px;
    vertical-align: middle;
    width: 13px
}
.common-checkBox {
    background-image: url(https://p2.ssl.qhimg.com/t01a21aa906aba26fc1.png);
    background-size: 100%;
    margin-top: 5px
}
.common-checkbox-edit {
    display: none
}
.limitedTime {
    text-align: left
}
.cart-seckill {
    color: red;
    display: flex;
    font-weight: 400;
    margin-bottom: 10px
}
.ck-wrap {
    text-indent: 4px
}
.goods_gifs {
    height: 30px;
    line-height: 30px
}
.item_gifts_title {
    margin-left: 10px;
    text-align: left
}
.goods_infos {
    font-weight: 400
}
.gifts {
    background: rgba(255,255,255,1);
    box-shadow: 0 1px 8px -2px rgba(153,153,153,1);
    display: none;
    left: 50%;
    min-height: 460px;
    position: fixed;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 422px;
    z-index: 100
}
.gift_head {
    align-items: center;
    background: rgba(240,240,240,1);
    display: flex;
    height: 30px;
    justify-content: space-between;
    padding: 0 11px;
    width: 400px
}
.close_font {
    cursor: pointer;
    display: inline-block;
    font-size: 22px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    width: 24px
}
.gifts_btn {
    background: rgba(255,255,255,1);
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 422px
}
.j_gift_item {
    align-items: center;
    display: flex;
    height: 90px;
    margin-top: 10px;
    width: 100%
}
.check_gift {
    height: 30px;
    text-align: center;
    width: 30px
}
.gift1 {
    height: 30px;
    line-height: 30px
}
.gift_content {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: 380px;
    overflow-y: auto;
    width: 422px
}
.full-gift-tips {
    font-size: 20px;
    text-align: center
}
.cont {
    display: flex
}
.cart-item_cont {
    display: flex;
    margin-top: 20px
}
.cont_img_box {
    background: rgba(255,255,255,1);
    border-radius: 8px;
    border: 1px solid rgba(221,221,221,1);
    display: inline-block;

    height: 80px;
    line-height: 80px;
    overflow: hidden;
    text-align: center;
    width: 80px
}
.promtions-box {
    background: rgba(255,255,255,1);
    box-shadow: 0 1px 8px -2px rgba(153,153,153,1);
    display: none;
    padding: 10px;
    position: absolute;
    width: 280px;
    z-index: 399
}
.promtions-ft {
    margin-top: 10px;
    text-align: center
}
.btn-item-change {
    background: rgba(255,255,255,1);
    border: 1px solid rgba(221,221,221,1);
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 90px
}
.tit {
    display: inline-block;
    width: 260px
}
.cart-head-tit {
    float: left
}
.cart-head-right {
    cursor: pointer;
    float: right;
    margin-right: 20px
}
.youhui {
    background: url(https://p2.ssl.qhimg.com/t01a4c2182bcdd8ea59.png) no-repeat;
    color: #f33;
    cursor: pointer;
    float: left;
    font-size: 12px;
    height: 21px;
    line-height: 21px;
    margin-left: 10px;
    position: relative;
    text-align: center;
    text-indent: 0;
    width: 55px
}
.youhuiquan {
    background: #fff;
    box-shadow: 0 1px 8px -2px rgba(153,153,153,1);
    display: none;
    margin-top: 6px;
    position: absolute;
    width: 340px;
    z-index: 100
}
.boxcouponlistwrap {
    cursor: default;
    height: 265px;
    overflow-y: auto;
    padding: 10px 10px 0 0
}
.couponlist-tit {
    background: rgba(255,255,255,1);
    border-radius: 4px;
    border: 1px solid rgba(255,51,51,1);
    box-sizing: border-box;
    color: #F33;
    height: 26px;
    line-height: 26px;
    min-width: 64px;
    padding: 0 2px;
    text-align: center;
    text-indent: 0
}
.couponlist-num {
    font-weight: 400;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}
.couponlist-cont {
    flex: 1;
    font-size: 12px;
    font-weight: 400;
    margin: 0 10px;
    overflow: hidden;
    text-align: left;
    text-indent: 0
}
.coupon-ft {
    margin-bottom: 10px;
    text-align: center
}
.coupons-btn {
    background: linear-gradient(180deg, rgba(255,51,51,1) 0, rgba(255,102,51,1) 100%);
    cursor: pointer;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    outline: none;
    width: 100px
}
.coupons-btn, .js-coupon-get {
    border-radius: 4px;
    color: rgba(255,255,255,1);
    text-align: center
}
.js-coupon-get {
    background: linear-gradient(180deg, rgba(255,51,51,1) 0, rgba(255,102,51,1) 100%);
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    text-indent: 0;
    width: 40px
}
.icon-status {
    color: #999
}
.coupon-status {
    text-align: center;
    width: 40px
}
.couponlist-tag {
    text-align: center;
    width: 44px
}
.addItem {
    display: none;
    font-family: PingFangSC-Regular, PingFang SC;
    margin: 0 auto;
    width: 1020px
}
.conts {
    background: white;
    float: left;
    margin-top: 10px;
    margin-left: 11px;
    padding: 10px 0;
    text-align: center;
    width: 195px
}
.item-detail {
    overflow: hidden;
    text-align: center;
    width: 100%
}
.item-details {
    margin-left: 10px;
    text-align: left
}
.item-price {
    color: #333;
    font-size: 20px
}
.piece-info {
    background: white;
    border-top: none;
    bottom: 0;
    display: flex;
    height: 72px;
    justify-content: space-between;
    line-height: 72px;
    margin-top: 10px;
    position: sticky
}
.piece-type {
    display: flex;
    height: 60px;
    line-height: 60px;
    margin-left: 30px
}
.mod-carts-console {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 500px
}
.piece_total {
    color: #f33;
    font-size: 14px;
    font-weight: 700
}
.piece_total_info {
    height: 50px;
    line-height: 25px;
    margin-top: 11px;
    text-align: right
}
.condition_full {
    color: rgba(153,153,153,1);
    font-size: 14px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    width: 270px
}
.piece_title {
    background: white;
    color: #333;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 1020px
}
.pagination {
    display: flex;
    justify-content: center;
    margin-top: 10px
}
.mod-up-dialog-bd {
    background: rgba(255,255,255,1);
    box-shadow: 0 1px 8px -2px rgba(153,153,153,1);
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    z-index: 102
}
.item-soldout {
    display: flex
}
.go-pay-item-detail {
    display: flex;
    height: 68px;
    justify-content: space-around;
    line-height: 68px;
    width: 350px
}
.order-ft {
    height: 40px;
    line-height: 40px;
    padding: 6px 0;
    text-align: center;
    width: 100%
}
.nogoods_title {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    height: 30px;
    margin-top: 10px;
    width: 100%
}
.nogoods_tip {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100%
}
.order-box-head {
    background: #f0f0f0;
    display: flex;
    justify-content: space-between;
    padding: 0 10px
}
.order-box-head-right {
    cursor: pointer;
    font-size: 20px;
    height: 26px;
    line-height: 24px;
    margin-top: 10px;
    text-align: center;
    text-indent: 0;
    width: 26px
}
.img-wrap {
    height: 82px;
    position: relative
}
.soldoutIinfo {
    height: 80px;
    line-height: 80px
}
.sold-out-img {
    padding-top: 30px;
    text-align: center
}
.soldout-img {
    height: 180px;
    width: 300px
}
.order-soldout {
    border-bottom: 1px solid #f0f0f0
}
.item_total {
    position: relative
}
.msg_ok {
    background: rgba(255,235,198,1);
    bottom: 65px;
    line-height: 20px;
    position: absolute;
    right: -20px;
    width: 230px
}
.triangle {
    border-top: 6px solid #ffebc6;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    bottom: -12px;
    display: inline-block;
    position: absolute;
    right: 60px
}
.kongCart-img {
    height: 206px;
    width: 295px
}
.cart-loading {
    display: none
}
.ck-all {
    margin-left: 6px
}
.gifts_btn button {
    background: rgba(255,255,255,1);
    border-radius: 4px;
    border: 1px solid rgba(255,51,51,1);
    color: #f33;
    cursor: pointer;
    line-height: 24px;
    outline: none;
    padding: 0;
    width: 88px
}
.j_gift_item span {
    font-weight: 400
}
.cont_img_box img {
    height: 98%;
    width: 98%
}
.goods-info figcaption {
    width: 200px
}
.promtions-ft button {
    background: rgba(255,255,255,1);
    border-radius: 4px;
    border: 1px solid rgba(255,51,51,1);
    color: #F33;
    cursor: pointer;
    height: 24px;
    line-height: 22px;
    outline: none;
    width: 54px
}
.boxcouponlist li {
    align-items: center;
    display: flex;
    height: 50px;
    list-style: none;
    margin: 5px 0
}
.conts img {
    width: 195px
}
.conts p {
    text-align: center
}
.preferential span {
    border: 1px solid rgba(231,112,71,1);
    color: #f17f38;
    padding: 0 4px
}
.preferential span, .addTOcart span {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-top: 10px
}
.addTOcart span {
    border-radius: 10px;
    border: 1px solid rgba(255,51,51,1);
    color: #f33;
    cursor: pointer;
    font-size: 12px;
    width: 100px
}
.piece_title span {
    border-top: 1px solid #999;
    display: inline-block;
    height: 20px;
    position: relative;
    top: 15px;
    width: 100px
}
.stockMessage span {
    background: #d2d2d2;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
    width: 80px
}
.pagination li {
    background: white;
    border: 1px solid #d2d2d2;
    height: 20px;
    line-height: 20px;
    margin-left: 4px;
    padding: 4px 10px
}
.go-pay-item-detail a {
    height: 68px;
    margin-left: 10px;
    width: 350px
}
.order-ft a {
    border-radius: 4px;
    border: 1px solid rgba(255,51,51,1);
    color: #f33;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-indent: 0;
    width: 100px
}
.promtions-box ul li {
    display: flex;
    justify-content: space-between;
    padding: 2px 0
}
.qikoo-header-newcart .header-wrapper {
    border-bottom: 0
}
.qikoo-header-newcart .header-box-title {
    color: #333;
    line-height: 24px;
    margin-top: 6px;
    overflow: hidden;
    position: relative
}
.qikoo-header-newcart .header-box-title, .cartitle {
    border-left: 1px solid #979797;
    font-size: 18px;
    font-weight: 400;
    padding-left: 8px
}
.common-checkbox.checked {
    background-image: url(https://p2.ssl.qhimg.com/t01d05423ad12b7ba40.png)
}
.common-checkBox.checked {
    background-image: url(https://p2.ssl.qhimg.com/t01edee2ff9db2e7a63.png)
}
.common-checkbox.disabled {
    opacity: 0.7
}
.cart-item .soldout {
    background: linear-gradient(180deg, rgba(187,187,187,1) 0, rgba(204,204,204,1) 100%);
    border-radius: 15px;
    color: #fff;
    padding: .1rem .3rem
}
.goods_gifs:last-of-type {
    margin-bottom: 10px
}
.gifts .cart-info {
    border-top-width: 1px;
    padding: 5px 0
}
.close_font:hover {
    background: linear-gradient(180deg, rgba(255,51,51,1) 0, rgba(255,102,51,1) 100%);
    border-radius: 50%;
    color: #FFF
}
.gift_content .item-title {
    height: 34px
}
.gift_content .item-param, .gift_content .item-num {
    color: #999
}
.cart-item_cont .gifts_change {
    text-align: center;
    width: 50px
}
.img-wrap .item-status {
    background: rgba(1,1,1,0.3);
    border-radius: 0 0 6px 6px;
    bottom: 0;
    color: #FFF;
    display: inline-block;
    height: 20px;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: center;
    width: 82px
}
.cannot .item-title, .cannot .item-num, .cannot .item-param {
    color: #999
}
.cannot .desc-tips {
    display: block
}
.cannot .common-checkbox {
    background-image: url(https://p3.qhimg.com/t01002daf5177cc7a35.png)
}
.youhuiquan:after {
    border-width: 4px;
    border-style: solid;
    _border-style: dashed;
    border-color: transparent;
    border-bottom-color: #fff;
    _border-bottom-style: solid;
    bottom: 100%;
    content: '';
    height: 0;
    left: 22px;
    overflow: hidden;
    position: absolute;
    width: 0
}
.couponlist-cont .couponlist-desc {
    color: #9D9FA2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.couponlist-cont .gray {
    color: #333
}
.js-coupon-get:hover, .couponlist-tag .c-item-tag {
    color: #FFF
}
.couponlist-tag .c-item-tag {
    background: #FF9F00;
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 2px 5px
}
.couponlist-tag .c-item-tag-vip {
    background: #271B14;
    color: #FFD764
}
.conts:nth-of-type(5n+1) {
    margin-left: 0
}
.cart-btn:hover, .order-box-head-right:hover {
    color: #FFF
}
.order-box-head-right:hover {
    background: linear-gradient(180deg, rgba(255,51,51,1) 0, rgba(255,102,51,1) 100%);
    border-radius: 50%
}
.ck-all .common-checkbox {
    position: relative;
    top: -1PX
}
.gifts_btn button:last-of-type {
    background: linear-gradient(180deg, rgba(255,51,51,1) 0, rgba(255,102,51,1) 100%);
    color: #fff;
    margin-left: 20px
}
.promtions-ft button:nth-of-type(2) {
    background: linear-gradient(180deg, rgba(255,51,51,1) 0, rgba(255,102,51,1) 100%);
    color: #FFF;
    margin-left: 10px
}
.addTOcart span:hover {
    background: linear-gradient(180deg, rgba(255,51,51,1) 0, rgba(255,102,51,1) 100%);
    color: #FFF
}
.pagination li:hover {
    border: 1px solid #23AC38
}
.order-ft a:last-of-type {
    background: linear-gradient(180deg, rgba(255,51,51,1) 0, rgba(255,102,51,1) 100%);
    color: #fff;
    margin-left: 10px
}
.gift_content .item-num .price-sale {
    color: #F33330
}
@media only screen and (min-width: 979px) and (max-width: 1300px) {
.ac-container {
    max-width: 100%;
    min-width: 100%;
}
.ac-wrap {
    width: 100%;
}
.ac-mod-list {
    width: 100%;
}
#D1-2 {
    margin: auto 30px;
}
.mod-order-success {
    width: 95%;
}
.mod-order-pay {
    width: 95%;
}
.con_1240 {
   width: 95%;
}
.con_1240 .clearfix{    width: 80%;}
.cart_list {
    width: 95%;
}
.tables {
    width: 95%;
}
.statistics{    width: 95%;}
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.ac-container {
    max-width: 100%;
    min-width: 100%;
}
.ac-wrap {
    width: 100%;
}
.ac-mod-list {
    width: 100%;
}
#D1-2 {
    margin: auto 30px;
}
.mod-order-success {
    width: 95%;
}
.mod-order-pay {
    width: 95%;
}
.con_1240 {
   width: 95%;
}
.con_1240 .clearfix{    width: 80%;}
.cart_list {
    width: 95%;
}
.tables {
    width: 95%;
}
.statistics{    width: 95%;}
.mod-order-success .amount {
    position: initial;
}
}
@media screen and (max-width: 768px)
{
.mod-order-success {
    width: 92%;
}
.mod-order-pay{
    width: 92%;
}
.ac-container {
    max-width: 100%;
    min-width: 100%;
}
.ac-wrap {
    width: 100%;
}
.ac-mod-list{
    width: 100%;
}
.item2 .item-img img {
    height: auto;
    width: 100%;
}
.item2 .item-img {
    height: auto;
    width: 50%;
}
.item-title {
    width: 50%;
}
.item2 {
    width: 100%;
}
.item3 {
    width: 50%;
}
.item4 {
    display: none;
}
.mod-order-success .amount {
    position: initial;
}
.mod-order-success{    padding: 30px 60px;}
.con_1240 {
    width: 90%;
}
.helpNav {
    width: 100%;
}
.helpCon {
    margin-left: 0;
    width: 100%;
    margin-top: 20px;
}
.cart_list {
    width: 90%;
}
.tables {
    width: 100%;
}
.statistics{
    width: 100%;margin-bottom: 100px;
}
.delCheck {
    display: none;
}
.statistics .description {
    position: absolute;
    right: 19px;
    text-align: right;
    top: 22px;
}
.statistics .description p {
    font-size: 12px;
    line-height: 10px;
}
.cart-btn{
    right: 4px;
    text-indent: 0;
    top: 83px;
    width: 110px;
}
thead tr {
    display: none;
}
.tbodys tr:first-of-type td {
    display: block;
}
.check_goods {
    float: left;
}
.goods_info {
    margin-top: 15px;
}
.goods_num {
    height: auto;}
.tbodys tr:first-of-type .fenlei
{
    display: none;
}
.goods_info {
    width: auto;
}
.price {
    line-height: normal;
    margin-top: 0;
}
.js_del {
    display: none;
}
}

/*优惠券tab*/
.tabs-basic{
    font: bold 13px sans-serif;
}

/* The tabs */

.tabs-basic ul{
    list-style: none;
    text-align: left;
    background: #F2F2F2;
    height: 40px;
    margin-bottom: -1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.tabs-basic ul li{
    display: inline-block;
    margin-bottom: -1px;
}

.tabs-basic a{
    display: block;
    text-decoration: none;
    color: #656a6d;
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    padding: 10px 22px;
}

.tabs-basic .tab-active {
    background-color: #fff;
    border-color: #ddd;
    border-bottom-color: transparent;
    color: #F33;
}

/* The content */

.tabs-basic .tabs-content-placeholder{
    overflow: hidden;
    font-weight: normal;
    background-color: #fff;
}

.tabs-basic .tabs-content-placeholder div{
    display: none;
}
.tabs-basic .tabs-content-placeholder div h5{
    background: #f2f2f2;
    padding: 10px 20px;
    font: bold 14px sans-serif;    clear: both;
}
.tabs-basic .tabs-content-placeholder div h5 .ed{    color: #f10f03;}
.tabs-basic .tabs-content-placeholder div h5 .yf{
    font: 14px sans-serif;
    margin-left: 10px;
}
.tabs-basic .tabs-content-placeholder .tab-content-active div{
    display: block;  
}
.tabs-basic .tabs-content-placeholder .tab-content-active .coupon{
    border: 1px solid #dddddd;
    width: 25%;
    text-align: left;
    margin: 20px;
    float:left;
}
.tabs-basic .tabs-content-placeholder .tab-content-active .coupon .coupon-amount{
    background: #eea7a7;
    padding: 2px 20px;
    border:2px solid #ddd;
}
.tabs-basic .tabs-content-placeholder .tab-content-active .coupon .noselect{
    background: #ddd;
    padding: 2px 20px;
    border:2px solid #ddd;
}
.tabs-basic .tabs-content-placeholder .tab-content-active .coupon .coupon-amount:hover{
    background: #eea7a7;
    cursor:pointer;
    border:2px solid #de0505;
}
.tabs-basic .tabs-content-placeholder .tab-content-active .coupon .coupon-amountfocus{
    background-image: url(../images/coupon-selected.png);
    background-color: #ef3b3b;
    background-repeat: no-repeat;
    background-position: bottom right;
    border:2px solid #ddd;
}
.tabs-basic .tabs-content-placeholder .tab-content-active .coupon .oupons{
    margin: 10px 20px;
    color: #de0505;
}
.tabs-basic .tabs-content-placeholder .tab-content-active .coupon .coupon-amount h3{
    color: #fff;
    font-size: 30px;
    margin: 10px auto;
}
.tabs-basic .tabs-content-placeholder .tab-content-active .coupon .coupon-amount p{
    color: #eee;
}
.tabs-basic .tabs-content-placeholder div.tab-content-active{
    display: block;
}
.tabs-basic .tabs-content-placeholder div fieldset{
      text-align: left;
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
}
.tabs-basic .tabs-content-placeholder div p{
    color: #565a5c;
    line-height: 1.45;
    text-align: left;

    margin: 5px 0 20px;
}

.tabs-basic .tabs-content-placeholder div img{
    max-width:100%;
}

@media (max-width: 500px) {

    .tabs-basic a{
        padding: 12px 15px;
    }

}
.jq22-container{
    border-bottom: 1px solid #DDD;
    padding: 10px 20px 18px;
}

.jq22-container h3{
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding: 10px 0;
}
.tabs-basic .tabs-content-placeholder .integral .Non{
    color: #f00;
    margin: 9px auto;
}

.tabs-basic .tabs-content-placeholder .integral .account{    float: left;}
.tabs-basic .tabs-content-placeholder .integral .account .nused{
    border: 1px solid #eee;
    padding: 3px;
}
.tabs-basic .tabs-content-placeholder .integral .account .o{
    color: #f00;
}
.tabs-basic .tabs-content-placeholder .integral .understand{
    float: right;
    color: #f00;
}
/*优惠券tab end*/

button, input[type="button"]#min
{        
    border: 1px solid #ddd;
    line-height: 28px;
    color: #333;
    font-size: 16px;
    overflow: hidden;
    /*width: 28px;*/
    margin-right:-5px;
}
button, input[type="button"]#add{
    border: 1px solid #ddd;
    line-height: 28px;
    color: #333;
    font-size: 16px;
    overflow: hidden;
    /*width: 28px;*/
    margin-left:-5px;
}
button, input[type="button"]#add:hover{
    border: 1px solid #f60;
    color:#f60;
}
button, input[type="text"]#ProductNum{
    border: 1px solid #ddd;
    line-height: 28px;
    color: #333;
    font-size: 16px;
    overflow: hidden;
}
input[type="button"]#add.num_right, input[type="button"]#min.num_left{
    width: 28px;
}
.mdsku {
    float:left;
    margin:0 4px 12px;
    min-width: 60px;
    height: 28px;
    padding: 0px 12px;
    background-color:#fff;
    border-radius: 0!important;
    border-color: #e5e5e5;
    color: #222;
}
.mdskuactive {
    border: 1px solid #f60;
    min-width: 60px;
    margin:0 4px 12px;
    background-color:#fff;
}
#app button {
    float: left;
    margin: 0 4px 12px;
    padding: 0 10px;
    /* min-width: 75px; */
    height: 28px;
    background-color: #fff;
    border-radius: 0!important;
    border-color: #e5e5e5;
    color: #222;
}
#app button.active{
    border: 1px solid #f60;
    /* min-width: 75px; */
    margin: 0 4px 12px;
    background-color: #fff;
}
#app dl{
    overflow:hidden;
}
#app dd{
    margin-top: 8px;
    margin-left:-4px;
}



/*order*/
.body-main {
    background: #F0F0F0;
    clear: both;
    overflow: hidden;
    z-index: 1
}
.mod-order-success {
    background: #fff;
    border: 1px solid #ddd;
    color: #333;
    font-size: 14px;
    line-height: 28px;
    margin: 40px auto;
    padding: 30px 120px;
    position: relative;
    width: 1180px
}
.payment {
    margin-top: 40px;
    padding-left: 70px
}
.countdown span {
    color: #f6382c;
    padding: 0 2px
}
.mod-order-success h2 {
    color: #333;
    font-size: 24px;
    line-height: 42px;
    position: relative;
    margin: 0;
}
.mod-order-success h3 {
    color: #000;
    font-size: 16px;
    line-height: 42px
}
.mod-order-success .order-detail {
    display: none
}
.mod-order-success .order-detail li{
    list-style: none;
}
.mod-order-success .detail-btn {
    color: #72b91a;
    display: inline-block;
    margin-right: 30px;
    position: relative
}
.mod-order-success .amount {
    font-size: 18px;
    position: absolute;
    right: 40px;
    top: 40px
}
.mod-order-success h2 .state-logo {
    left: -45px;
    line-height: 38px;
    position: absolute
}
.mod-order-success .amount span {
    color: #EB2427;
    font-size: 16px
}
.mod-order-success .detail-btn:before {
    border-color: #72b91a #fff;
    top: 10px
}
.mod-order-success .detail-btn:before, .mod-order-success .detail-btn:after {
    border-width: 5px 5px 0;
    border-style: solid;
    content: '\20';
    height: 0;
    overflow: hidden;
    position: absolute;
    right: -12px;
    width: 0
}
.mod-order-success .detail-btn:after {
    border-color: #fff transparent;
    top: 8px
}
.mod-order-success .amount .price {
    color: #EB2427;
    font-size: 36px;
    font-weight: 500
}
.mod-order-success .detail-btn.detail-show:before, .mod-order-success .detail-btn.detail-show:after {
    border-width: 0 5px 5px
}
.mod-order-success .detail-btn.detail-show:after {
    top: 12px
}
.payment .pay-card, .payment li {
    border: 2px solid #DDD;
    cursor: pointer;
    display: inline-block;
    margin-top: 20px;
    margin-right: 20px;
    padding: 2px 3px;
}
.payment .met li{
    border: 2px solid #ddd;
    background-color:#f3f3f3;
    margin-right: 10px;
    padding: 10px 15px;
    color:#aaa;
}
.payment .met li:hover{
    border: 2px solid #e00;
    background-color:#fff;
    margin-right: 10px;
    padding: 10px 15px;
    color:#666;
}
.payment .met .focusli{
    border: 2px solid #e00;
    background-color:#fff;
    background:url(../images/selected-icon.png) no-repeat right bottom;
    margin-right: 10px;
    padding: 10px 15px;
    color:#666;
}
.mod-order-pay {
    background: #fff;
    border: 1px solid #ddd;
    margin: -20px auto 50px;
    padding-bottom: 50px;
    width: 1180px
}
.paysuccess {
    background: #fff;
    padding: 55px 0
}
.paysuccess, .paybox {
    margin: 0 auto;
    overflow: hidden;
    width: 1240px
}
.paytext {
    margin-left: 144px;
    width: 630px
}
.downapp-img, .paytext {
    float: left;
    overflow: hidden
}
.downapp-img {
    border-left: 1px dashed #e1e1e1;
    text-align: center;
    width: 465px
}
.pay-t5 {
    padding-left: 53px
}
.payment h3 {
    color: #535353;
    font-weight: bold;
}
.payment h4 {
    color: #535353;
    font-weight: bold;
    font-size:16px;
    height:30px;
}
.payment p {
    color: #535353;
    line-height: 28px;
}
.payment .passwd {
    padding: 5px;
    border:1px solid #ccc;
}
.payment .mpws {
    width: 100px;
    border:1px solid #ccc;
    padding:10px;
    background-color:#ccc;
    color:#fff;
}
.payment .mpws:hover {
    background-color:#c00;
    color:#fff;
}
.spaceline {
    border-bottom:1px solid #ccc;
    margin-left:70px;
    margin-top:10px;
    width:80%;
    }
.mod-order-pay h2 {
    color: #000;
    font-size: 24px;
    line-height: 50px
}
.pay-t3 span, .pay-t3 em {
    float: left;
    font-style: normal
}
.pay-t3 span {
    width: 400px
}
.pay-t4 em {
    color: #eb4b30;
    font-style: normal;
    font-size: 24px
}
.pay-t5 a {
    border-radius: 2px;
    display: inline-block;
    font-size: 16px;
    margin: 40px 30px 0 0;
    text-align: center;
    width: 145px
}
.mod-order-pay .span {
    background: #FAFAFA;
    border-bottom: 1px solid #EFEFEF;
    color: #343434;
    font-size: 20px;
    height: 70px;
    line-height: 70px;
    padding-left: 70px
}
.mod-order-pay .pay-block {
    border-bottom: solid 1px #f2f2f2;
    padding: 25px 0
}
.mod-order-pay .pay-console {
    padding: 40px;
    text-align: right
}
.paytext .pay-t4, .paytext .pay-t3, .paytext .pay-t2 {
    clear: both;
    font-size: 16px;
    margin-left: 53px;
    padding-top: 20px
}
.paytext .pay-t1 {
    background: url(http://p8.yx-s.com/t01f4f703f0f274639e.png) no-repeat left center;
    display: block;
    font-size: 26px;
    font-weight: 400;
    height: 30px;
    line-height: 30px;
    padding-left: 50px
}
.paytext .pay-t3 {
    line-height: 24px
}
.pay-t5 .v-btn {
    background: #31ac43;
    color: #fff;
    height: 40px;
    line-height: 40px
}
.pay-t5 .c-btn {
    background: #fff;
    border: 1px solid #2daa3f;
    color: #2daa3f;
    height: 38px;
    line-height: 38px
}
.paytext .pay-t1-2 {
    background: url(http://p8.yx-s.com/t01b112777668438c0b.png) no-repeat
}
.payment li:hover {
    border: 2px solid #2DAA3F
}
.payment .focuspli {
    border: 2px solid #2DAA3F
}
.mod-order-pay .pay-block ul {
    float: left;
    margin: -30px -50px 0 0;
    width: 840px
}
.mod-order-pay .pay-block ul li {
    cursor: pointer;
    float: left;
    height: 36px;
    margin-top: 30px;
    width: 210px
}
.mod-order-pay .pay-block ul li img {
    border: solid 1px #e5e5e5;
    cursor: pointer;
    margin-left: 10px
}
.mod-order-pay .pay-block .pay-title {
    color: #000;
    float: left;
    font-size: 16px;
    line-height: 38px;
    width: 82px
}
.mod-order-pay .pay-console .console-info {
    font-size: 14px;
    font-weight: 700;
    line-height: 40px
}
.mod-order-pay .pay-console .gotopay {
    background: url(http://p8.yx-s.com/t01bbf98701945548e4.png) 0 -1814px no-repeat;
    float: right;
    height: 40px;
    margin-left: 10px;
    width: 159px
}
.mod-order-pay .pay-console .console-tip {
    font-size: 12px;
    font-weight: 400
}
.mod-order-pay .pay-console .console-info b {
    color: #f6382c;
    font-size: 30px;
    font-weight: 400
}



.like{
    background: #fafafa;
    border-radius: 6px;
    border: 1px solid #e7e7e7;
    line-height: 38px;
    width: 80px;
    margin-right: 16px;
    vertical-align: top;
    cursor: pointer;
    display: inline-block;
    outline: 0;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    font-size: 28px;
    color: #ccc;
}
.cs{color:#f00;}

/*.payment>ul>li:nth-child(1){display: none;}
.payment>ul.met>li:nth-child(1){display: inline-block;}*/

@media screen and (max-width: 768px){
.like{
    margin-right: 0px;
    float: right;
}
}