@charset "UTF-8";
a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
}
*:focus {outline: none;}
body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
}
html {
    background: white;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
fieldset,
form,
figure {
    margin: 0;
}
button {
    margin: 0;
    padding: 0;
}
ul,
ol,
menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
body {
    font-size: 75%;
    line-height: 1.5;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset,
a img,
iframe {
    border: 0 none;
}
address,
em,
i {
    font-style: normal;
}
input,
select,
button {
    vertical-align: middle;
}
input,
select,
button,
textarea {
    font-size: 100%;
    font-family: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
iframe {
    display: block;
}
body {
    color: #333;
    font-size: 13px;
    font-family: "华文细黑",sans-serif;
}
a {
    color: #333;
    text-decoration: none;
}
.page {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    overflow: hidden;
}
.full-screen {
    max-width: 640px;
    margin: 0 auto;
}
.full-padding {
    padding: 0 10px;
}
/*.box,
.col2 {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    width: 100%;
}*/
/*.box .col,
.col2 .col {
    box-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
}*/
.f-l {
    float: left;
}
.f-r {
    float: right;
}
.t-r {
    text-align: right;
    color: #8e6a55;
}
.t-l {
    text-align: left;
}
.ib {
    display: inline-block;
}
.ib.gray {
    background-color: #666;
    color: white;
}
/*.gb {
    display: block;
    border: 1px solid #ddd;
    background-color: #eaeaea;
    padding: 10px;
}*/
.ob {
    display: block;
    border: 1px solid #FCE8BE;
    background-color: #fef7e9;
    padding: 10px;
}
.c-fix:after {
    display: block;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: "\0020";
    clear: both;
}
.fix-f {
    float: left;
    width: 100%;
}
.hide {
    display: none!important;
}
.price {
    color: red;
    /*float: left;*/
    width: 100%;
}
.check_price{padding-right:20px;}
select,
input {
    padding: 0;
    margin: 0;
    outline: none;
    color: #8e6a55;
}

.star {
    display: inline-block;
    width: 66px;
    height: 11px;
    background: url(../images/star.png) no-repeat 0 -80px;
}
.star b {
    display: inline-block;
    height: 100%;
    background: url(../images/star.png) no-repeat;
}
.star.big {
    line-height: 20px;
    vertical-align: -4px;
    width: 125px;
    height: 20px;
    background: url(../images/star_b.png) no-repeat 0 -100px;
}
.star.big b {
    background: url(../images/star_b.png) no-repeat;
}
.star.s_1 {
    background-position: 0 -80px;
}
.star.s_2 {
    background-position: 0 -60px;
}
.star.s_3 {
    background-position: 0 -40px;
}
.star.s_4 {
    background-position: 0 -20px;
}
.star.s_5 {
    background-position: 0 0;
}
.dialog {
    background-color: white;
}
.dialog .dialog-head {
    position: relative;
    text-align: center;
    border-bottom: 1px solid #bfbfbf;
}
.dialog .close {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: white;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}
.confirm {
    padding: 10px 20px;
    color: #8e6a55;
}
.confirm .btn-bar {
    margin-bottom: 20px;
}
.confirm .true {
    margin-right: 10px;
}
.confirm .false {
    margin-left: 10px;
}
.msg {
    font-size: 18px;
    line-height: 40px;
    padding: 10px;
    text-align: center;
}
.msg .success,
.msg .checkout-success {
    background: url(../images/checkmark.png) no-repeat left 50%;
    padding-left: 50px;
    background-size: 52px;
}
.msg .error,
.msg .checkout-error {
    background: url(../images/infoerror.gif) no-repeat left 50%;
    padding-left: 50px;
}
.bold {
    font-weight: bold;
}
.section {
    /*border-bottom: 1px solid #bfbfbf;*/
    padding: 13px;
    color:  #8e6a55;
}
#J_mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10001;
    background-color: rgba(0, 0, 0, 0.7);
}
#loading {
    margin: -50px 0 0 -50px;
    width: 100px;
    height: 100px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 20;
}
.d-table .k {
    line-height: 26px;
    text-align: right;
}
.d-table .v {
    line-height: 26px;
}
.d-line {
    line-height: 20px;
    position: relative;
}
.d-line .k,
.d-line .v {
    display: inline-block;
}
.d-line .l-k {
    float: left;
    text-align: right;
    width: 80px;
    line-height: 24px;
}
.d-line .l-v {
    display: block;
    margin-left: 85px;
    padding-right: 10px;
    line-height: 24px;
}
.d-line .down {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -3px;
}
.btn {
    display: block;
    text-align: center;
    height: 31px;
    line-height: 31px;
  /*  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #b5b8bd), color-stop(100%, #a8acb3));
    background-image: -webkit-linear-gradient(#b5b8bd, #a8acb3);
    background-image: -moz-linear-gradient(#b5b8bd, #a8acb3);
    background-image: -o-linear-gradient(#b5b8bd, #a8acb3);
    background-image: linear-gradient(#b5b8bd, #a8acb3);*/
    /*border: 1px solid #9AA1A9;*/
    /*color: white;*/
    font-size: 18px;
}
/*.btn:hover,
.btn:active,
.btn:visited {
    color: white;
    text-decoration: none;
}*/
/*.btn.red {
    height: 33px;
    line-height: 33px;
    border: none;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #c60808), color-stop(100%, #a00709));
    background-image: -webkit-linear-gradient(#c60808, #a00709);
    background-image: -moz-linear-gradient(#c60808, #a00709);
    background-image: -o-linear-gradient(#c60808, #a00709);
    background-image: linear-gradient(#c60808, #a00709);
    color: white;
}*/
/*.btn.red:visited {
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #c60808), color-stop(100%, #a00709));
    background-image: -webkit-linear-gradient(#c60808, #a00709);
    background-image: -moz-linear-gradient(#c60808, #a00709);
    background-image: -o-linear-gradient(#c60808, #a00709);
    background-image: linear-gradient(#c60808, #a00709);
    color: white;
}
.btn.red .arr {
    border-color: white;
}*/
/*.btn.orange {
    height: 33px;
    line-height: 33px;
    border: none;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fdb543), color-stop(100%, #f4a321));
    background-image: -webkit-linear-gradient(#fdb543, #f4a321);
    background-image: -moz-linear-gradient(#fdb543, #f4a321);
    background-image: -o-linear-gradient(#fdb543, #f4a321);
    background-image: linear-gradient(#fdb543, #f4a321);
    color: white;
}
.btn.orange:visited {
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fdb543), color-stop(100%, #f4a321));
    background-image: -webkit-linear-gradient(#fdb543, #f4a321);
    background-image: -moz-linear-gradient(#fdb543, #f4a321);
    background-image: -o-linear-gradient(#fdb543, #f4a321);
    background-image: linear-gradient(#fdb543, #f4a321);
    color: white;
}*/
.btn.gray {
    background: #EAEAEA;
    color: #333;
    height: 31px;
    line-height: 31px;
    border: 1px solid #ddd;
}
.btn.gray:visited {
    background: #EAEAEA;
    color: #333;
}
button.btn {
    width: 100%;
}
.tab .trigger-list {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    width: 100%;
}
.tab .trigger {
    box-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    border-top: 2px solid white;
    border-bottom: 1px solid #bfbfbf;
    text-align: center;
    height: 25px;
    line-height: 25px;
}
.tab .trigger.act {
    border-top: 2px solid #fc6b00;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    border-bottom: 1px solid white;
}
.tab .panel {
    display: none;
}
.tab .panel.act {
    display: block;
}
.icon {
    position: relative;
    display: inline-block;
    text-align: center;
}
.icon.r-arr {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    width: 16px;
    height: 16px;
    background-color: #333;
}
.icon.r-arr .arr {
    border-color: white;
    position: absolute;
}
.icon.r-arr .arr.top {
    bottom: 4px;
    left: 5px;
}
.icon.r-arr .arr.right {
    top: 5px;
    left: 4px;
}
.icon.r-arr .arr.down {
    top: 4px;
    left: 5px;
}
.icon.r-arr .arr.left {
    top: 5px;
    right: 4px;
}
.icon.r-b {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 11px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
}
.icon.red {
    background-color: #fc6b00;
    color: white;
    padding: 0 5px;
    height: 22px;
    line-height: 22px;
}
/*.icon.orange {
    background-color: #ff5800;
    color: white;
    padding: 0 5px;
    height: 22px;
    line-height: 22px;
}*/
.icon.gray {
    background-color: #ccc;
    color: white;
    padding: 0 5px;
    height: 22px;
    line-height: 22px;
}
.arr {
    display: inline-block;
    border: #666 solid;
    border-width: 2px 2px 0 0;
    width: 4px;
    height: 4px;
}
.arr.top {
    transition-duration: 0;
    -webkit-transition-duration: 0;
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
}
.arr.right {
    position: relative;
    top: -2px;
    transition-duration: 0;
    -webkit-transition-duration: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.arr.down {
    transition-duration: 0;
    -webkit-transition-duration: 0;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.arr.left {
    transition-duration: 0;
    -webkit-transition-duration: 0;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}


.pageview {
    padding: 10px 0;
    text-align: center;
}
.pageview .flip {
    display: inline-block;
    padding: 1px 5px 2px;
    margin: 0 2px;
    border: 1px solid #ddd;
}
.pageview .active {
    color: #fff;
    background: #a50c17;
}
.pageview .over {
    color: #ccc;
}
/*header{background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ececec),color-stop(100%,#d4d4d4));background-image:-webkit-linear-gradient(#ececec,#d4d4d4);background-image:-moz-linear-gradient(#ececec,#d4d4d4);background-image:-o-linear-gradient(#ececec,#d4d4d4);background-image:linear-gradient(#ececec,#d4d4d4);*/

height:38px;
position:relative;
border-bottom:1px solid #D6D6D6;

}
.page header:before,
.page header:after {
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #ececec), color-stop(100%, #d4d4d4));
    background-image: -webkit-linear-gradient(#ececec, #d4d4d4);
    background-image: -moz-linear-gradient(#ececec, #d4d4d4);
    background-image: -o-linear-gradient(#ececec, #d4d4d4);
    background-image: linear-gradient(#ececec, #d4d4d4);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 300px;
}
.page header:before {
    right: 100%;
}
.page header:after {
    left: 100%;
}
.footer {
    padding: 10px;
    text-align: center;
    color: #999;
}
.footer p {
    margin-top: 10px;
}
.slider {
    overflow: hidden;position: relative;width: 100%;
}
.slider .slider-list {
    overflow: hidden;position: relative;width: 100%;
}
.slider .slider-list {overflow: hidden;position: relative;width: 100%;}
.slider .slider-list li{float: left;position: relative;width: 100%;}
.slider .slider-list li img {width: 100%;}
.slider-point {
    text-align: center;
}
.slider-point span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #e9e9e9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4);
}
.slider-point span.act {
    background-color: #fc6b00;
}
.pt-pic {
    padding-bottom: 10px;
}
/*.pt-pic .slider {
    height: 500px;
}
.pt-pic .slider-item {
    float: left;
    width: 100%;
    overflow: hidden;
}
.pt-pic .slider-item img {
    width: 100%;
    vertical-align: middle;
}*/

.pt-price {
    position: relative;
    line-height: 40px;
}
.pt-price .price {
    color: red;
    font-size: 18px;
    font-weight: bold;
}
.pt-price .arr {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -3px;
}
.pt-promotions {
    position: relative;
    border-bottom: 1px solid #bfbfbf;
    padding: 8px 21px 8px 5px;
}
.pt-promotions .arr {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -3px;
}
.pt-promotions .ib {
    padding: 0 5px;
    margin: 5px;
}
.promotions-panel {
    padding: 10px;
}
.promotions-panel .panel {
    padding: 10px 0;
}
.promotions-panel .panel li {
    padding: 5px 0;
    border-top: 1px dashed #ddd;
}
.promotions-panel .panel li.first {
    border: none;
}
.promotions-panel .panel li.disable {
    color: #999;
}
.promotions-panel .panel li.disable span {
    color: #999;
}
.promotions-panel .panel span {
    color: #900;
}
.pt-sku{margin-top: -60px;overflow: hidden;}
/*.pt-sku {
    padding: 8px 0;
    position: relative;
}
.pt-sku .sku {
    padding: 0 5px;
    margin: 5px;
    display: inline-block;
    border: 1px solid #ddd;
    background-color: #eaeaea;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 28px;
    color: black;
}
.pt-sku .sku .arr {
    position: relative;
    top: -3px;
    margin-left: 3px;
}
.pt-sku .sku.sel {
    border-color: #C00;
}
.pt-sku .sel-sku-box {
    padding: 0 5px;
}
.pt-sku .close-bar {
    margin-top: 10px;
    border-top: 1px solid #bfbfbf;
    text-align: center;
}
.pt-sku .close-bar .close {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 50px;
    height: 25px;
    border-radius: 0 0 4px 3px;
    -webkit-border-radius: 0 0 4px 3px;
    -moz-border-radius: 0 0 4px 3px;
    background-color: white;
    border: 1px solid #bfbfbf;
    border-top: 1px solid white;
}
.pt-sku .sku-item .k {
    float: left;
    width: 60px;
    text-align: right;
    line-height: 38px;
}
.pt-sku .sku-item .v {
    margin-left: 60px;
}*/

.pt-detail {
    margin: 15px 0;
    padding: 0 5px;
}
.pt-detail .panel {
    padding: 10px;
}
.pt-detail .panel img {
    max-width: 100%;
}
.pt-comment {
    padding: 10px;
}
.pt-comment .info {
    padding: 10px 110px 10px 10px;
    border: 1px solid #ddd;
    background-color: #f2f2f2;
}
.pt-comment .info .publish {
    float: right;
    margin-right: -110px;
    width: 80px;
    padding: 10px;
    border-left: 1px solid #ddd;
}
.pt-comment .info .publish .btn {
    height: 25px;
    line-height: 25px;
    font-size: 12px;
}
.pt-comment .info .grades {
    padding: 10px 0;
}
.pt-comment .info .grades .num {
    font-size: 18px;
    font-weight: 800;
    color: #f60;
}
.pt-comment .info .gray {
    color: #999;
}
.pt-comment .count {
    padding: 15px 0 10px;
}
.pt-comment .list {
    display: none;
}
.pt-comment .list.active {
    display: block;
}
.pt-comment .list .item {
    margin-top: 10px;
}
.pt-comment .list .item .anthor {
    padding: 10px 10px 10px 77px;
    background-color: #f2f2f2;
}
.pt-comment .list .item .anthor .person {
    float: left;
    margin-left: -68px;
    width: 62px;
    text-align: center;
}
.pt-comment .list .item .anthor .person .level {
    border: 1px solid #fce8be;
    background-color: #fef7e9;
}
.pt-comment .list .item .anthor .person .pic {
    width: 60px;
    height: 60px;
    border: 1px solid #eee;
    overflow: hidden;
    background-color: #ddd;
}
.pt-comment .list .item .anthor .person .name {
    padding-top: 3px;
}
.pt-comment .list .item .anthor .time {
    float: right;
}
.pt-comment .list .item .anthor .content {
    padding-top: 30px;
    min-height: 70px;
}
.pt-comment .list .item .content {
    word-break: break-word;
}
.pt-comment .list .item .consult {
    padding: 10px;
    background-color: #f2f2f2;
}
.pt-comment .list .item .reply {
    padding-left: 50px;
}
.pt-comment .list .item .reply .reply-item {
    margin-top: 10px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    line-height: 20px;
    position: relative;
}
.pt-comment .list .item .reply .reply-item .n {
    float: left;
    margin-top: 8px;
    margin-left: -40px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background-color: #666;
    border-radius: 5px;
}
.pt-comment .list .item .reply .reply-item .c {
    display: block;
}
.pt-comment .list .item .reply .reply-item .t {
    display: block;
    margin-top: -20px;
    text-align: right;
    color: #999;
}
.pt-comment .list .item .reply .reply-item i {
    position: absolute;
    left: -4px;
    top: 22px;
    background-color: #fff;
    border-color: #ddd;
    border-width: 1px 1px 0 0;
}
.pt-comment .list .item .reply .btn {
    margin-top: 10px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
}
.pt-comment .pager {
    margin-top: 10px;
    text-align: center;
}
.pt-comment .pager .prev,
.pt-comment .pager .next,
.pt-comment .pager .current {
    padding: 3px 8px;
    border: 1px solid #ddd;
    background-color: #f2f2f2;
}
.pt-comment .pager .prev {
    float: left;
}
.pt-comment .pager .next {
    float: right;
}
.pt-comment .pager .current {
    display: inline-block;
}
.publish_comment {
    padding-bottom: 10px;
}
.publish_comment .grades {
    padding: 5px 0;
}
.publish_comment .grades .tag {
    display: inline-block;
    width: 80px;
    text-align: right;
}
.publish_comment .consult-type {
    height: 65px;
}
.publish_comment .consult-type strong {
    display: block;
    padding: 10px 0;
}
.publish_comment .consult-type span {
    float: left;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.publish_comment .consult-type span.active {
    color: #FFF;
    background-color: #333;
}
.publish_comment .textarea {
    padding: 10px 0;
}
.publish_comment .textarea .action-fill-textarea {
    width: 98%;
    height: 80px;
    border: 1px solid #ddd;
    resize: none;
}
.publish_comment .tip {
    padding: 10px 0;
    text-align: right;
    color: #999;
}
.publish_comment .item {
    padding: 5px;
    border: 1px solid #ddd;
    line-height: 25px;
    min-height: 25px;
}
.publish_comment .item label {
    float: left;
    width: 70px;
    padding-right: 5px;
    border-right: 1px solid #ddd;
    text-align: right;
}
.publish_comment .item input {
    border: none;
    margin-left: 5px;
    width: 200px;
    vertical-align: middle;
}
.publish_comment .item .verify-input {
    width: 88px;
}
.publish_comment .item .verify-code {
    vertical-align: middle;
}
.publish_comment .mt10 {
    margin-top: 10px;
}
.brands-list {
    padding: 10px 0;
}
.brands-list .items {
    float: left;
    padding-bottom: 10px;
    margin-right: 10px;
}
.brands-list .items:nth-child(3n+0) {
    margin-right: 0;
}
.brands-list .img {
    width: 91px;
    height: 91px;
    line-height: 89px;
    *line-height: 91px;
    border: 1px solid #ddd;
    overflow: hidden;
    text-align: center;
    display: table-cell;
}
.brands-list .img img {
    max-width: 91px;
    max-height: 91px;
    vertical-align: middle;
}
/*.total {
    height: 38px;
    line-height: 38px;
    font-weight: bold;
    font-size: 14px;
}*/
.total .fixed-bar {
    height: 38px;
    line-height: 38px;
    background-color: #fef7e9;
}
/*.total.fixed .fixed-bar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 900;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}*/
.total.fixed .fixed-bar .checkout {
    display: block;
}
.total .checkout {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 5px;
    height: 38px;
    line-height: 38px;
    color: #ff5800;
}
.total .checkout .arr {
    border-color: #ff5800;
    position: relative;
    top: -2px;
}
.total-inner {
    position: relative;
    padding: 0 10px;
}
.cart-pt .pre-info {
    padding: 10px;
    background-color: #eee;
}
.cart-pt .order-promotion .pre-info {
    padding: 0;
    background: transparent;
}
/*.cart-pt .cart-empty {
    width: 160px;
    margin: 0 auto;
    padding: 50px 0;
}
*//*.cart-pt .cart-empty h1 {
    padding-top: 90px;
    font-size: 14px;
    background: url(../images/cart_empty.png) no-repeat center top;
}*/
/*.cart-pt .cart-empty p {
    padding-top: 20px;
    line-height: 30px;
    color: #999;
}*/
.pt-gallery .panel {
    padding: 0 10px;
}
.pt-gallery .no-data {
    padding: 30px 0;
    text-align: center;
}
.pt-gallery .no-data a {
    color: #2970A6;
}
.pt-gallery .warn {
    margin-bottom: 20px;
    display: inline-block;
    padding-left: 40px;
    height: 32px;
    line-height: 32px;
    background: url(../images/warn.jpg) no-repeat;
}
.pt-gallery .filter-handle {
    box-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    border-top: 2px solid white;
    border-bottom: 1px solid #bfbfbf;
    text-align: center;
    height: 25px;
    line-height: 25px;
}
.pt-list .pt-h-pro {
    text-align: right;
}
.pt-list .pt-h-pro .J-pre {
    display: inline-block;
    width: 80px;
    text-align: center;
}
.pt-list .pt-h-pro .J-pre .top {
    display: inline-block;
}
.pt-list .pt-h-pro .J-pre .down {
    display: none;
}
.pt-list .pt-h-pro .J-pre.act {
    background: #eee;
}
.pt-list .pt-h-pro .J-pre.act .top {
    display: none;
}
.pt-list .pt-h-pro .J-pre.act .down {
    display: inline-block;
}
.pt-list .pt-h-pro .pre-info {
    padding: 10px;
    text-align: left;
    background: #eee;
}
.pt-list .pt-h-bar {
    /*margin-top: 12px;*/
    clear: both;
}
.pt-list .pt-h-del {
    float: left;
    width: 82px;
}
.pt-list .pt-h-other {
    min-height: 20px;
    color: #8e6a55;
}
.pt-list .pt-h-other .pt-h-other-num{float: right;margin-right: 20px;}
.pt-num {
    /*display: box;*/
 /*   display: -webkit-box;
    display: -moz-box;*/
    float: right;
}
.pt-num .plus,
.pt-num .minus {
    display: inline-block;
    width: 31px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #bfbfbf;
    text-align: center;
}
.pt-num .num {
    padding: 0 10px;
}
.pt-num .num .num-ipt {
    border: 1px solid #bfbfbf;
    height: 31px;
    line-height: 31px;
    text-align: center;
    width: 33px;
    padding: 0 5px;
}
.pt-filter .title {
    height: 30px;
    line-height: 30px;
    padding: 5px;
    border-bottom: 1px solid #DDD;
}
.pt-filter .title .reset {
    font-weight: 800;
    color: #2970A6;
}
.pt-filter .title .btn {
    float: right;
    width: 80px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
}
.pt-filter dl {
    margin: 8px;
    border-bottom: 1px solid #DDD;
}
.pt-filter dl dt {
    padding: 8px 10px;
    border: 1px solid #DDD;
    border-bottom: none;
}
.pt-filter dl dt span {
    margin-left: 10px;
    font-weight: normal;
    color: #333;
}
.pt-filter dl dt span.act {
    color: #FDB543;
}
.pt-filter dl dt .arr {
    margin-right: 10px;
}
.pt-filter dl dt .down {
    display: none;
}
.pt-filter dl dt.first {
    border-bottom: none;
}
.pt-filter dl dt.handle {
    font-weight: 800;
    background: #EAEAEA;
}
.pt-filter dl dt.handle .right {
    display: none;
}
.pt-filter dl dt.handle .down {
    display: inline-block;
}
.pt-filter dl dd table {
    width: 100%;
    text-align: center;
    table-layout: fixed;
    background: #efefef;
}
.pt-filter dl dd table td {
    height: 30px;
    border: 1px solid #DDD;
    border-bottom: none;
}
.pt-filter dl dd table .handle {
    color: #FFF;
    background: #666;
}
.pt-category .title {
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    border-bottom: 1px solid #DDD;
}
.pt-category strong {
    font-size: 16px;
}
.pt-category .content {
    padding-bottom: 20px;
    text-align: center;
    background: #EAEAEA;
}
.pt-category .content em {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #999;
}
.pt-category .content .item {
    float: left;
    width: 47%;
    margin: 10px 1% 0;
    background: #FFF;
    border: 1px solid #DDD;
}
.pt-category .content .item a {
    display: block;
    padding: 8px 0;
}
.pt-category .content .item .arr {
    float: right;
    margin: 8px 10px 0 0;
}
.pt-category .content .item span {
    display: inline-block;
    width: 130px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    overflow: hidden;
}
.action-post-reply .form-item {
    padding: 5px 0;
}
.action-post-reply .action-filled-textarea {
    width: 98%;
    height: 80px;
    border: 1px solid #ddd;
    resize: none;
}
.action-post-reply .verify-code {
    vertical-align: middle;
}
.address-form {
    padding: 0 13px;
}
.address-btn {
    margin-top: 10px;
}
.pay-item,
.shipping-item,
.address-item {
    margin: 12px 0;
}
.pre-type {
    font-weight: bold;
    line-height: 26px;
    margin-top: 10px;
}
.order-msg .c-g {
    margin: 0;
    padding: 6px 10px;
}
.point-dis {
    padding: 10px;
}
.point-dis b {
    color: #f00;
}
.point-dis p {
    padding: 10px 0;
}
.point-dis p span {
    margin-left: 20px;
}
.point-dis .dis-set input {
    height: 28px;
    border: 1px solid #ddd;
}
.point-dis .dis-set .btn {
    width: 80px;
    display: inline-block;
    vertical-align: middle;
}
.order-promotion,
.unused-promotion {
    padding: 5px 0;
}
.order-promotion h3,
.unused-promotion h3 {
    font-weight: normal;
}
.order-promotion ul,
.unused-promotion ul {
    padding-left: 30px;
}
.order-promotion .btn-collapse,
.order-promotion .btn-collapse,
.unused-promotion .btn-collapse,
.unused-promotion .btn-collapse {
    display: inline-block;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    border: 1px solid darkgrey;
    text-align: center;
    vertical-align: middle;
    font: 14px/18px simsun, serif;
    color: #666;
}

.mem-avatar img {
    max-width: 70px;
    max-height: 70px;
    vertical-align: middle;
}
.mem-name {
    float: left;
    font-weight: bold;
}
.mem-experience {
    float: right;
}
.mem-deposit {
    margin: 12px 0;
}
.mem-integration {
    margin: 12px 0;
}
.mem-menu {
    margin: 12px 0;
}
.mem-menu .btn {
    font-size: 13px;
}
.mem-menu .col {
    margin-right: 5px;
}
.mem-menu .col:last-child {
    margin-right: 0;
}
.mem-menu #cartNum {
    float: right;
    margin-top: -38px;
    height: 18px;
    line-height: 18px;
    border-radius: 10px;
}
.mem-fav-list .title {
    position: relative;
    display: block;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
}
.mem-fav-list .arr {
    position: absolute;
    top: 50%;
    right: 13px;
    margin-top: -3px;
}
.mem-fav-list .box {
    background-color: #bfbfbf;
}
.mem-fav-item {
    box-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    height: 75px;
    display: block;
    margin: 1px 0 1px 1px;
    background-color: white;
}
.mem-fav-item:last-child {
    margin-right: 1px;
}
.mem-fav-item img {
    max-height: 75px;
    max-width: 75px;
}
/*.mem-order-item {
    padding: 13px 0;
}*/
/*.mem-order-pt {
    border: 1px solid #ddd;
    border-top: none;
    padding: 5px 5px 0;
}*/
/*.mem-pt-item {
    position: relative;
    float: left;
    margin-bottom: 5px;
    width: 71px;
    height: 70px;
    line-height: 68px;
    *line-height: 70px;
    overflow: hidden;
    text-align: center;
    border: 1px solid #bfbfbf;
    border-right: none;
}
.mem-pt-item img {
    max-width: 71px;
    max-height: 70px;
    vertical-align: middle;
}
.mem-pt-item:last-child,
.mem-pt-item:nth-child(4n+0) {
    width: 70px;
    height: 70px;
    line-height: 68px;
    *line-height: 70px;
    border: 1px solid #bfbfbf;
    overflow: hidden;
    text-align: center;
}
.mem-pt-item:last-child img,
.mem-pt-item:nth-child(4n+0) img {
    max-width: 70px;
    max-height: 70px;
    vertical-align: middle;
}
.mem-pt-item .num {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ff5800;
    height: 13px;
    line-height: 13px;
    color: white;
    font-size: 11px;
    padding: 0 3px;
}
.mem-pt-item .icon {
    position: absolute;
    top: 0;
    left: 0;
}
.mem-comment-list th {
    height: 30px;
    border-bottom: 1px solid #ddd;
    background: #eee;
}
.mem-comment-list td {
    padding: 5px 0;
}
.mem-comment-list .goods-pic img {
    width: 60px;
    height: 60px;
}
.mem-comment-list .goods-name {
    padding: 0 5px;
}
.mem-comment-list .datetime {
    width: 88px;
    text-align: center;
}
.mem-comment-list .actions {
    width: 60px;
    text-align: center;
    white-space: nowrap;
}*/
.favorites .count {
    padding: 10px;
    border-bottom: 1px solid #DDD;
}
.favorites .item {
    padding: 10px 10px 10px 110px;
    height: 120px;
    position: relative;
}
.favorites .item .f-l {
    margin-left: -100px;
}
.favorites .item span,
.favorites .item a {
    display: block;
}
.favorites .item .pic {
    width: 80px;
    height: 80px;
    border: 1px solid #DDD;
    margin-bottom: 10px;
}
.favorites .item img {
    width: 80px;
    height: 80px;
}
.favorites .item .del {
    width: 80px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #DDD;
    background: #EEE;
}
.favorites .item .size {
    margin-top: 5px;
    color: #CCC;
}
.favorites .item .price {
    margin-top: 10px;
    color: red;
}
.favorites .item .get {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 90px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}
.favorites .item .disabled {
    color: #FFF;
    background: gray;
}
.integral,
.deposit {
    padding: 10px;
}
.integral .count,
.deposit .count {
    padding-bottom: 10px;
    font-weight: 800;
}
.integral .count em,
.deposit .count em {
    margin-right: 30px;
}
.integral table,
.deposit table {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    width: 100%;
}
.integral table th,
.deposit table th {
    padding: 5px;
    border-bottom: 1px solid #DDD;
    text-align: left;
}
.integral table td,
.deposit table td {
    padding: 5px;
}
.integral table .trade,
.deposit table .trade {
    color: green;
}
.integral .deposit-num,
.deposit .deposit-num {
    padding-bottom: 20px;
}
.integral .deposit-way,
.deposit .deposit-way {
    padding-bottom: 70px;
}
.integral .deposit-way .act,
.deposit .deposit-way .act {
    border-color: #900;
}
.integral .deposit-way .btn,
.deposit .deposit-way .btn {
    margin-top: 10px;
}
.reg-license {
    max-height: 400px;
    overflow-y: scroll;
}
table.normal-grid {
    width: 100%;
    margin: 10px 0;
    border: none;
}
table.normal-grid thead {
    background: #f9f9f9 none repeat scroll 0 0;
}
table.normal-grid th {
    color: #8e6a55;
    font-size: 110%;
    font-style: normal;
    line-height: 2;
    padding: 5px;
}
table.normal-grid td{
    color: #8e6a55;
    font-size: 100%;
    font-style: normal;
    line-height: 2;
    padding: 5px;
}
em.grey{
    color: #cfbaaf;
}
em.red{
    color: #f3574b;
}
em.green{
    color: #ff7d27;
}
.msg-box{
    text-align: center;
    margin: 20px 0;
    color: #8e6a55;
    font-style: normal;
    font-size: 120%;
}


/*登录*/
.banner {border-bottom: 1px solid #b3b3b3;font-size: 1.2em;font-weight: normal;height: 38px;line-height: 38px;overflow: hidden;width: 100%;}
.banner a{color: #858585;}
.link {border-bottom: 2px solid #674029;color: #674029;}
.banner .telbtn {float: left;height: 36px;text-align: center;width: 50%;}
.banner .cakebtn {float: right;height: 36px;text-align: center;width: 50%;}
.a-bar {border-bottom: 1px solid #fbeeef;height: 44px;position: relative;}
.a-bar .arr {position: relative;top: -2px;}
.a-bar .a-name {text-align: center;font-size: 16px;box-flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;line-height: 44px;color: #8e6a55}
.a-bar .a-back {position: absolute;left: 0;top: 0;}
.a-bar .a-back  img{width: 44px}
.a-bar .add-adr{ position: absolute;right: 10px;top: 13px;}
.a-bar .add-adr img {width: 16px;}
.a-bar .a-right {
margin-right: 9px;
text-decoration: none;
height: 25px;
line-height: 25px;
}
.a-bar .a-right .btn {
font-size: 13px;
height: 25px;
line-height: 25px;
padding: 0 10px;
}
.contact-us .info {color: #dfdfdf;text-align: center;}
.contact-us {padding: 13px 0 27px;}
.contact-us .info em {color: #a77746;display: inline-block;font-size: 11px;line-height: 15px;margin: 3px 0 0 5px;vertical-align: top;}
.contact-us .info span {color: #a77746;display: inline-block;font-family: "Baskerville Old Face";font-size: 12px;line-height: 15px;margin: 3px 5px 0 0;vertical-align: top;}
.contact-us .info em：first-child {margin-left: 0;}
.contact-us .info span:last-child {margin-right: 0;}

.contact-us+div{display: none;background-color: red;}
.home-to-top { position: relative; padding: 10px 13px; background-color: #F5F5F5 ;}
.contact-us .copyright {color: #c6a37c;font-size: 9px;margin-top: 9px;text-align: center;}
.form .c-g {border: 1px solid #eee;margin-top: -1px;line-height: 43px;font-size: 12px;color: #8e6a55;}
.tellist .item input {border: medium none;height: 48px;line-height: 48px;margin-left: 6%;width: 82%;}
.tellist .item .btn-code {position: absolute;right: 0;top: 4px;background-color: #491903;border: 1px solid #491903;border-radius: 2px;color: #fff;font-size: 16px;height: 40px;line-height: 40px;padding: 0 10px;text-align: center;z-index: 10; cursor: pointer;}
input:invalid { border:0 none; outline: 0 none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow: none;}
.form .c-l{float: left;width: 63px;padding-right: 5px;text-align: right;}
.form .c-l.user{background: url("ico_username.jpg") no-repeat scroll 0 0; background-size:38px 44px;border-right: 1px solid #eee}
.form .c-l.pwd1{background: url("ico_password.jpg") no-repeat scroll 0 0; background-size:38px 44px;border-right: 1px solid #eee}
.form .c {margin-left:73px;position: relative; }
.form .c.signup_c{margin-left: 20px}
.form .c-g.code{margin-right: 71px;position: relative;}
.getcode{ bottom: 88px;height: 45px;overflow: hidden;position: absolute;top:0;right: -72px;width: 72px;}
.getcode a.get {border-right: 1px solid #eee;color: #70a4c1;display: block;font-size: 12px;height: 43px;line-height: 43px;text-align: center;}
.get{display:block;background-color: #fff;border:none;border-right: 1px solid #eee;color: #70a4c1;height: 44px;line-height: 44px;text-align: center;width: 100%;border-left: 1px solid #eee;cursor: pointer;border-bottom: 1px solid #eee}
.form .x-input,
.form .text {border: none;width: 100%;color:#8e6a55;appearance: none;-webkit-appearance:none;}
.form .pwd{border: 1px solid #eee;padding: 11px 0 11px 20px;display: block;border-top: none;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.form .pwd2{padding: 12px 0 ;}
.form .verify-input {width: 90px;}
.form .verify-code {vertical-align: middle;}
.form .select {border: none;background: none;width: 100%;height: 40px;}
.form .inputstyle {border: 1px solid #eee;background-color:#fff;height: 40px;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.form .s-arr {position: absolute;top: 10px;right: 10px;}
.form .c-g-c {height: 28px;line-height: 28px;padding: 6px 0 0 0;}
.form .notice {text-align: right;color: #999;}
.tips {color: #828383;font-size: 1.1em;height: 48px;line-height: 48px;margin: 4px 12px;}
.tips .warnning {background: rgba(0, 0, 0, 0) url("ico_warnning.png") no-repeat scroll 0 0 / 18px 18px;float: left;height: 18px;margin-top: 15px;width: 18px;}
.tips p {float: left;margin-left: 10px}
.telexplain {color: #858585;font-size: 1.2em;line-height: 24px;margin: 4px 12px;}
.telexplain span {color: #895b45;font-size: 1em;font-weight: normal;}
.tellist .item {border-bottom: 1px solid #d6d6d6;font-size: 1.2em;height: 48px;line-height: 48px;overflow: hidden;position: relative;}
.txt-error.bgnone {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);font-size: 0;height: 24px;line-height: 0;}	
.tellist .item .btn-disabled {background-color: #ddd;border: medium none;color: #999;cursor: not-allowed;}
label.bound_weixin {background: url("/wap_themes/21cake/images/icon/ico_checkon.png") no-repeat scroll 0 0; background-size:20px 20px;  color: #8e6a55;display: inline-block;font-size: 12px;height: 20px;line-height: 20px;margin: 0 0 5px 10px;overflow: hidden;padding-left: 25px;position: relative;cursor: pointer;}
label.bound_weixin.ck {background: url("/wap_themes/21cake/images/icon/ico_checkoff.png") no-repeat scroll 0 0; background-size:20px 20px;}

label.agreement{color: #684029;cursor: pointer;display: inline-block;font-size: 12px;height: 20px;line-height: 20px;margin: 0 0 5px 10px;overflow: hidden;position: relative;}
label.jizhu {background: url("ico_checkoff.jpg") no-repeat scroll 0 0; background-size:20px 20px;  color: #8e6a55;display: inline-block;font-size: 12px;height: 20px;line-height: 20px;margin: 0 0 5px 10px;overflow: hidden;padding-left: 25px;position: relative;cursor: pointer;}
label.jizhu.ck {background: url("ico_checkon.jpg") no-repeat scroll 0 0; background-size:20px 20px;}
input#remember_me {left: -9999px;position: absolute;}
.btn.login{background: none repeat scroll 0 0 #684029;border: 1px solid #684029;color: #fff;display: block;font-size: 16px;height: 39px;line-height: 39px;text-align: center;cursor: pointer;}
.btn-style-a {border: 1px solid #cfbaaf;color: #8e6a55;display: block;font-size: 16px;height: 39px;line-height: 39px;margin: 20px 0;text-align: center;}
.zhuce{margin-top:20px;}
#footerlogout{color:#74a7c6;}
#footerlogout .loginname{font-family: "Microsoft YaHei";margin-right: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 165px;}
#footerlogout a{vertical-align: top; display:inline-block;color:#74a7c6;line-height: 18px;}
.forgetpwd{display: inline;float: right;margin-top: -4px}
.forgetpwd a{color: #74a7c6;}
/*登陆页面end*/