/*CSS Reset*/
@font-face {
  font-family: "iconfont";
  src: url(../../font/iconfont.ttf) format("truetype"); }
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
header,
nav,
section,
article,
aside,
footer,
figure,
figcaption,
menu,
button {
  margin: 0;
  padding: 0; }

body {
  font-family: "SimSun", "STHeiti Light", "Microsoft YaHei";
  font-size: 14px;
  color: #333;
  background-color: #f6f6f6;
  margin: 0 auto;
  outline: 0;
  height: 100%; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th {
  font-weight: normal;
  text-align: left; }

fieldset,
img {
  border: 0; }

li {
  list-style: none; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

input {
  border-radius: 0;
  text-indent: 5px; }

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  outline: 0; }

button {
  -webkit-appearance: none;
  border: 0;
  background: none; }

a {
  -webkit-touch-callout: none;
  text-decoration: none;
  color: #333; }

:focus {
  outline: 0;
  -webkit-tap-highlight-color: transparent; }

em, i {
  font-style: normal; }

[v-cloak] {
  display: none; }

table thead {
  border: 1px solid #ececec;
  background-color: #f6f6f6; }

button:disabled {
  background-color: #e0e0e0 !important;
  color: #fff !important;
  cursor: not-allowed !important; }

.clear:before, .clear:after {
  content: ' ';
  display: table; }

.clear:after {
  clear: both; }

.forbidden {
  background-color: #e0e0e0 !important;
  color: #fff !important;
  pointer-events: none !important;
  cursor: not-allowed !important; }

.gold-btn, .hollow-sm-btn {
  display: inline-block;
  width: 80px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer; }

.hollow-sm-btn {
  border: 1px solid #666;
  color: #666;
  line-height: 26px;
  font-size: 12px; }

.gold-btn {
  background: #c8a165;
  color: #fff;
  font-size: 12px; }

.gold-big-btn {
  display: inline-block;
  width: 160px;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  text-align: center;
  background: #c8a165;
  color: #fff;
  font-family: "Microsoft YaHei";
  cursor: pointer; }

.gold-btn:hover,
.gold-big-btn:hover {
  background: #c3944a; }

.hollow-btn {
  display: block;
  font-size: 18px;
  border: 1px solid #333;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center; }

.text-c {
  text-align: center; }

.vert-t {
  vertical-align: top; }

.vert-m {
  vertical-align: middle; }

.font-b {
  font-weight: bold; }

.yahei {
  font-family: "Microsoft YaHei"; }

.red {
  color: red; }

.fcOrigin {
  color: #ff6600; }

.fc6 {
  color: #666; }

.fc9 {
  color: #999; }

.bf6 {
  background-color: #f6f6f6; }

.bShGold {
  background-color: #f9f7f3; }

.f12 {
  font-size: 12px; }

.f13 {
  font-size: 13px; }

.f14 {
  font-size: 14px; }

.f16 {
  font-size: 16px; }

.f24 {
  font-size: 24px; }

.f28 {
  font-size: 28px; }

.hide {
  display: none; }

.pos-re {
  position: relative; }

.pos-ab {
  position: absolute; }

.float-l {
  float: left; }

.float-r {
  float: right; }

.bread-nav {
  margin-top: 35px;
  font-size: 12px; }
  .bread-nav a:hover {
    text-decoration: underline;
    color: #c8a165; }
  .bread-nav span {
    color: #999; }

.bread-crumbs {
  position: relative;
  padding-left: 23px; }

.bread-crumbs:after {
  content: '';
  position: absolute;
  top: 0;
  left: 4px;
  z-index: 1;
  width: 10px;
  height: 15px;
  background: url("../../../img/icon.png") no-repeat -673px 2px; }

.pub-sm-ttl {
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  padding-left: 10px;
  font-weight: bold;
  background: #f8f8f8;
  border-bottom: 1px solid #ececec;
  font-size: 12px; }

.pub-ucenter-ttl {
  font-weight: bold; }

.pub-pddt-20 {
  padding-top: 20px; }

.pub-pddb-20 {
  padding-bottom: 20px; }

.pub-pddt-40 {
  padding-top: 40px; }

.pub-pddb-40 {
  padding-bottom: 40px; }

.pub-zeng {
  padding: 3px;
  border: 1px solid #ff6600;
  font-size: 14px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #ff6600;
  margin-right: 8px; }

.i-jianshe {
  background-position: 9px 8px; }

.i-zhongguo {
  background-position: -95px 10px; }

.i-nongye {
  background-position: 10px -53px; }

.i-pingan {
  background-position: -94px -52px; }

.i-gongshang {
  background-position: 10px -114px; }

.i-jiaotong {
  background-position: -95px -114px; }

.i-pufa {
  background-position: 12px -175px; }

.i-zhaoshang {
  background-position: -94px -175px; }

.i-minsheng {
  background-position: 10px -231px; }

.i-xingye {
  background-position: -94px -233px; }

.i-guangfa {
  background-position: 12px -291px; }

.i-youzheng {
  background-position: -101px -291px; }

.p-note-icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url("../../../img/icon.png") no-repeat -468px -106px;
  vertical-align: middle; }

.pub-pimg {
  float: left;
  width: 77px;
  height: 77px; }

.pub-pname {
  width: 200px;
  margin-left: 77px;
  padding: 5px 20px;
  box-sizing: border-box;
  word-break: break-all; }

.marg-top20 {
  margin-top: 20px; }

.marg-tb50 {
  margin-top: 50px;
  margin-bottom: 50px; }

.module-ttl {
  margin: 0 auto 30px;
  width: 246px;
  height: 87px;
  border: 1px solid #c8a165;
  color: #c8a165;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  font-family: "Microsoft YaHei"; }
  .module-ttl .en {
    position: absolute;
    background-color: #fff;
    left: -10px;
    top: 10px;
    line-height: 30px;
    font-size: 16px;
    letter-spacing: 2px; }
  .module-ttl .cn {
    font-size: 32px;
    margin-top: 36px;
    text-align: center; }

.too-ttl {
  width: 960px;
  height: 33px;
  margin: 30px auto 20px;
  position: relative;
  overflow: hidden; }
  .too-ttl .too-ttl-b {
    width: 100%;
    display: block;
    margin-top: 16px;
    border-top: 1px solid #a6a6a6; }
  .too-ttl span {
    font-size: 18px;
    position: absolute;
    width: 140px;
    background-color: #f6f6f6;
    top: 4px;
    left: 50%;
    margin-left: -70px; }

.pub-pagebox-center {
  text-align: center; }

.pub-number-box {
  width: 110px;
  height: 32px;
  border: 1px solid #ccc;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  overflow: hidden;
  background-color: #fff;
  margin: 0 auto; }
  .pub-number-box span {
    display: block;
    float: left;
    width: 25px;
    height: 100%;
    position: relative;
    cursor: pointer; }
  .pub-number-box span:active {
    background-color: #f3f3f3; }
  .pub-number-box span:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 12px;
    z-index: 1;
    background-image: url("../../../img/icon.png");
    background-repeat: no-repeat; }
  .pub-number-box .pub-num-add:after {
    left: 9px;
    background-position: -559px 5px; }
  .pub-number-box .pub-num-sub:after {
    left: 7px;
    background-position: -579px 0; }
  .pub-number-box input {
    float: left;
    width: 58px;
    height: 32px;
    line-height: 32px \9;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: transparent;
    text-align: center;
    font-family: "Microsoft YaHei"; }

.pub-select-lb {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #c8a165;
  position: relative;
  box-sizing: border-box;
  cursor: pointer; }
  .pub-select-lb input {
    border: transparent;
    outline: none;
    background-color: transparent;
    opacity: 0;
    -ms-filter: Alpha(Opacity=0);
    filter: Alpha(Opacity=0);
    -webkit-appearance: none; }

.pub-select-current .pub-select-lb:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 14px;
  top: -2px;
  left: 1px;
  z-index: 1;
  background: url("../../../img/icon.png") no-repeat -438px 1px; }

.pub-checkbox input[type="checkbox"] {
  display: none; }
.pub-checkbox label {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  width: 16px;
  height: 16px;
  border: 1px solid #c8a165;
  position: relative;
  box-sizing: border-box;
  cursor: pointer; }
.pub-checkbox label:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 14px;
  top: -2px;
  left: 1px;
  z-index: 1;
  background: url(../../../img/icon.png) no-repeat -438px 1px;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
.pub-checkbox input[type="checkbox"]:checked + label:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
  opacity: 1; }

.pub-word-radio input,
.pub-word-checkbox input {
  display: none; }
.pub-word-radio label,
.pub-word-checkbox label {
  padding: 6px 38px;
  line-height: 30px;
  text-align: center;
  color: #999;
  border: 1px solid #999;
  border-radius: 3px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  cursor: pointer; }
.pub-word-radio input:checked + label,
.pub-word-checkbox input:checked + label {
  color: #fff;
  background: #c8a165;
  border: 1px solid #c8a165; }

.pub-likes {
  position: relative;
  margin-bottom: 40px; }
  .pub-likes .prev, .pub-likes .next {
    position: absolute;
    top: 50%;
    margin-top: -33px;
    z-index: 50;
    display: block;
    width: 35px;
    height: 65px;
    background-color: #333;
    filter: alpha(opacity=50);
    opacity: 0.5; }
  .pub-likes .prev:hover, .pub-likes .next:hover {
    filter: alpha(opacity=80);
    opacity: 0.8; }
  .pub-likes .prev:after, .pub-likes .next:after {
    content: '';
    position: absolute;
    width: 25px;
    height: 50px;
    left: 5px;
    top: 7px; }
  .pub-likes .prev {
    left: 1%; }
  .pub-likes .next {
    right: 1%; }
  .pub-likes .prev:after {
    background: url(../../../img/icon.png) -182px -35px no-repeat; }
  .pub-likes .next:after {
    background: url(../../../img/icon.png) -216px -35px no-repeat; }

.pub-recommended .pro-box {
  width: 1140px;
  padding-top: 15px; }
  .pub-recommended .pro-box .pub-bd {
    overflow: hidden;
    zoom: 1; }
    .pub-recommended .pro-box .pub-bd > li {
      float: left;
      overflow: hidden;
      margin-right: 20px; }
  .pub-recommended .pro-box .product {
    margin: 0; }

.pub-tab-box {
  width: 100%; }
  .pub-tab-box .pub-tab-head {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 10px; }
    .pub-tab-box .pub-tab-head li {
      width: 115px;
      height: 40px;
      line-height: 40px;
      float: left;
      text-align: center;
      font-size: 12px;
      background-color: #f2f2f2;
      box-sizing: border-box;
      border: 1px solid #cccccc;
      margin-right: 10px;
      border-bottom: none;
      position: relative;
      cursor: pointer;
      font-weight: bold; }
    .pub-tab-box .pub-tab-head .on {
      border-top: 0; }
      .pub-tab-box .pub-tab-head .on span {
        position: absolute;
        width: 100%;
        height: 42px;
        line-height: 38px;
        top: 0;
        left: 0;
        border-top: 2px solid #333;
        background-color: #f6f6f6;
        box-sizing: border-box; }

.partial-load .partial-loading {
  width: 32px;
  height: 32px;
  background: url(../../../img/loading-2.gif) no-repeat;
  margin: 0 auto; }
.partial-load .partial-load-c {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px; }

.pub-ord-gds {
  margin-top: 30px;
  margin-bottom: 20px;
  box-sizing: border-box;
  border: 1px solid #ececec;
  border-bottom: none; }
  .pub-ord-gds .pub-sm-ttl {
    overflow: hidden;
    padding-left: 20px; }
    .pub-ord-gds .pub-sm-ttl li {
      float: left;
      text-align: center; }
    .pub-ord-gds .pub-sm-ttl .sp {
      text-align: left;
      box-sizing: border-box;
      padding-left: 20px; }
  .pub-ord-gds .sp {
    width: 319px; }
  .pub-ord-gds .dj {
    width: 157px; }
  .pub-ord-gds .sl {
    width: 141px; }
  .pub-ord-gds .xj {
    width: 219px; }
  .pub-ord-gds .goods {
    display: table;
    width: 100%;
    height: 120px;
    font-size: 12px;
    border-bottom: 1px solid #ececec;
    box-sizing: border-box;
    padding-left: 20px; }
    .pub-ord-gds .goods > li {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
    .pub-ord-gds .goods .dj, .pub-ord-gds .goods .sl, .pub-ord-gds .goods .xj {
      font-family: "Microsoft YaHei";
      font-size: 14px; }
    .pub-ord-gds .goods .sp {
      text-align: left; }
      .pub-ord-gds .goods .sp img {
        width: 77px;
        height: 77px;
        float: left; }
      .pub-ord-gds .goods .sp div {
        padding: 0 17px;
        word-break: break-all;
        width: 208px;
        margin-left: 77px;
        line-height: 19px;
        height: 49px; }
    .pub-ord-gds .goods .dj s {
      display: block;
      width: 100%;
      color: #999;
      font-size: 12px;
      margin-top: 5px; }

.pub-preferential {
  width: 349px;
  padding-left: 20px;
  position: relative; }
  .pub-preferential > em {
    line-height: 60px;
    font-size: 12px;
    font-weight: bold; }
  .pub-preferential .activity-select,
  .pub-preferential .no-activity {
    display: inline-block;
    width: 170px;
    height: 32px;
    border: 1px solid #ececec;
    background: #fff;
    padding: 0 10px;
    line-height: 30px;
    box-sizing: border-box;
    font-size: 12px;
    color: #fe8040;
    position: relative;
    cursor: pointer;
    -webkit-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -ms-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s; }
    .pub-preferential .activity-select span, .pub-preferential .activity-select p,
    .pub-preferential .no-activity span,
    .pub-preferential .no-activity p {
      color: #999; }
  .pub-preferential .activity-select:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 10px;
    top: 11px;
    right: 10px;
    background: url("../../../img/icon.png") no-repeat -602px 0; }
  .pub-preferential .no-activity {
    display: none; }
  .pub-preferential .activity-select:hover {
    border-color: #999; }
  .pub-preferential .view-gifts {
    display: none;
    color: #999;
    font-size: 12px;
    cursor: pointer;
    margin-left: 7px;
    padding-right: 15px;
    position: relative;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .pub-preferential .view-gifts:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 3px;
    right: 0;
    background: url("../../../img/icon.png") no-repeat -634px 2px; }
  .pub-preferential .view-gifts-op:after {
    background: url("../../../img/icon.png") no-repeat -651px 2px; }
  .pub-preferential .view-gifts:hover {
    text-decoration: underline; }
  .pub-preferential .view-mj {
    font-family: "Microsoft YaHei";
    color: #ff6600;
    vertical-align: middle; }
  .pub-preferential .acti-list {
    display: none;
    position: absolute;
    left: 68px;
    top: -80px;
    z-index: 90;
    border: 1px solid #ececec;
    width: 300px;
    font-size: 12px;
    background: #fbfbfb; }
    .pub-preferential .acti-list > li {
      width: 100%;
      height: 38px; }
      .pub-preferential .acti-list > li > label {
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 11px;
        box-sizing: border-box;
        cursor: pointer; }
      .pub-preferential .acti-list > li span {
        display: inline-block;
        width: 262px;
        height: 27px;
        height: 23px \9;
        border-bottom: 1px solid #ececec;
        box-sizing: border-box; }
        .pub-preferential .acti-list > li span em {
          margin-left: 7px; }
        .pub-preferential .acti-list > li span .mj {
          color: #ff6600;
          font-weight: bold; }
      .pub-preferential .acti-list > li .acti-select {
        margin: 0 11px; }
    .pub-preferential .acti-list .pub-select-current {
      background: #f9f4eb; }

.pub-gifts-list {
  width: 100%;
  height: 180px;
  position: absolute;
  top: -180px;
  left: 0;
  z-index: 99;
  display: none; }
  .pub-gifts-list .box {
    width: 1140px;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #ececec;
    padding: 0 54px;
    position: relative; }
    .pub-gifts-list .box .gifts-ctn-div {
      width: 100%;
      height: 180px;
      overflow: hidden;
      position: relative;
      z-index: 98; }
  .pub-gifts-list .gifts-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 1140px;
    height: 180px;
    background: #333;
    opacity: .9;
    filter: alpha(opacify=90); }
  .pub-gifts-list .prev, .pub-gifts-list .next {
    position: absolute;
    width: 30px;
    height: 120px;
    top: 30px;
    z-index: 99;
    background: transparent;
    box-sizing: border-box;
    border: 1px solid #ececec;
    opacity: .7;
    filter: alpha(opacify=70); }
  .pub-gifts-list .prev {
    left: 24px; }
  .pub-gifts-list .next {
    right: 24px; }
  .pub-gifts-list .prev:hover, .pub-gifts-list .next:hover {
    opacity: 1;
    filter: alpha(opacify=100); }
  .pub-gifts-list .prev:after, .pub-gifts-list .next:after {
    content: '';
    position: absolute;
    top: 48%;
    left: 42%;
    width: 6px;
    height: 10px; }
  .pub-gifts-list .prev:after {
    background: url("../../../img/icon.png") no-repeat -617px 0; }
  .pub-gifts-list .next:after {
    background: url("../../../img/icon.png") no-repeat -602px 0; }
  .pub-gifts-list .gifts-ctn {
    width: 100%;
    height: 180px;
    zoom: 1; }
    .pub-gifts-list .gifts-ctn > li {
      float: left;
      width: 334px; }
      .pub-gifts-list .gifts-ctn > li > a {
        display: block;
        width: 100%;
        height: 180px;
        padding: 30px 0 30px 35px;
        box-sizing: border-box; }
      .pub-gifts-list .gifts-ctn > li img, .pub-gifts-list .gifts-ctn > li ul {
        float: left; }
      .pub-gifts-list .gifts-ctn > li img {
        width: 120px;
        height: 120px; }
    .pub-gifts-list .gifts-ctn .gifts-info {
      width: 178px;
      box-sizing: border-box;
      padding-left: 15px;
      color: #fff; }
      .pub-gifts-list .gifts-ctn .gifts-info .nm {
        height: 58px;
        box-sizing: border-box;
        padding-top: 6px;
        font-size: 13px;
        line-height: 18px; }
      .pub-gifts-list .gifts-ctn .gifts-info .pr {
        font-size: 16px;
        font-family: "Microsoft YaHei"; }
      .pub-gifts-list .gifts-ctn .gifts-info .n {
        margin-top: 17px;
        font-size: 16px;
        font-family: "Microsoft YaHei"; }
        .pub-gifts-list .gifts-ctn .gifts-info .n em {
          font-size: 12px; }

.pub-pop-style {
  margin: 28px auto; }
  .pub-pop-style tr {
    height: 40px; }
  .pub-pop-style .one {
    width: 95px;
    text-align: right; }
  .pub-pop-style .two {
    padding-left: 15px; }
    .pub-pop-style .two select {
      width: 80px;
      height: 30px;
      box-sizing: border-box;
      border: 1px solid #bfbfbf; }
    .pub-pop-style .two textarea {
      width: 248px;
      height: 80px;
      box-sizing: border-box;
      border: 1px solid #bfbfbf;
      resize: none;
      text-indent: 4px; }
  .pub-pop-style input[type='text'],
  .pub-pop-style input[type='password'],
  .pub-pop-style input[type='number'] {
    width: 170px;
    height: 30px;
    line-height: 28px \9;
    box-sizing: border-box;
    border: 1px solid #bfbfbf; }

.pub-add-addr {
  width: 400px; }
  .pub-add-addr .street .one {
    padding-top: 10px;
    vertical-align: top; }
  .pub-add-addr .street .two {
    padding-top: 5px; }

.pub-placeholder {
  position: relative; }
  .pub-placeholder em {
    position: absolute;
    top: 13px;
    left: 10px;
    z-index: 1;
    font-size: 12px;
    color: #999; }

.head-p-make .head-p-upload {
  margin-top: 75px;
  overflow: hidden;
  vertical-align: middle;
  text-align: center; }
  .head-p-make .head-p-upload .upload-btn {
    display: inline-block;
    vertical-align: middle; }
.head-p-make .head-p-tool {
  margin-top: 35px; }
.head-p-make .jcropper-holder {
  border: 1px black solid; }
.head-p-make #outer {
  text-align: center; }
.head-p-make .jcExample {
  text-align: left;
  background: white;
  width: 1040px;
  font-size: 80%;
  margin: 1.5em auto 2em auto;
  border: 1px #999 solid;
  padding: 1em 2em 2em; }
.head-p-make .jcExample .article table {
  margin: 75px auto; }
.head-p-make .jcExample .preview-box {
  padding-left: 30px; }
  .head-p-make .jcExample .preview-box div {
    border: 1px solid #ddd; }
.head-p-make form {
  margin: 1.5em 0; }
.head-p-make form.coords label {
  margin-right: 1em;
  font-weight: bold;
  color: #900; }
.head-p-make form.coords input {
  width: 3em; }
.head-p-make .ui-button {
  font-size: 10pt; }
.head-p-make .ui-dialog {
  font-size: 9pt; }
.head-p-make .ui-state-default {
  font-size: 9pt; }
.head-p-make .ui-widget-overlay {
  opacity: 0.80;
  filter: Alpha(opacity=70); }
.head-p-make .jc-dialog {
  padding-top: 1em; }
.head-p-make .ui-dialog p tt {
  color: yellow; }
.head-p-make li small {
  font-style: normal;
  color: #CF4429;
  font-size: 11px; }
.head-p-make .jcrop-light .jcrop-selection {
  -moz-box-shadow: 0 0 15px #999;
  /* Firefox */
  -webkit-box-shadow: 0 0 15px #999;
  /* Safari, Chrome */
  box-shadow: 0 0 15px #999;
  /* CSS3 */ }
.head-p-make .jcrop-dark .jcrop-selection {
  -moz-box-shadow: 0 0 15px #000;
  /* Firefox */
  -webkit-box-shadow: 0 0 15px #000;
  /* Safari, Chrome */
  box-shadow: 0 0 15px #000;
  /* CSS3 */ }
.head-p-make .jcrop-fancy .jcrop-handle.ord-e {
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0; }
.head-p-make .jcrop-fancy .jcrop-handle.ord-w {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0; }
.head-p-make .jcrop-fancy .jcrop-handle.ord-nw {
  -webkit-border-bottom-right-radius: 0; }
.head-p-make .jcrop-fancy .jcrop-handle.ord-ne {
  -webkit-border-bottom-left-radius: 0; }
.head-p-make .jcrop-fancy .jcrop-handle.ord-sw {
  -webkit-border-top-right-radius: 0; }
.head-p-make .jcrop-fancy .jcrop-handle.ord-se {
  -webkit-border-top-left-radius: 0; }
.head-p-make .jcrop-fancy .jcrop-handle.ord-s {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0; }
.head-p-make .jcrop-fancy .jcrop-handle.ord-n {
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0; }
.head-p-make .upload-tar img {
  max-width: 650px;
  max-height: 650px; }
.head-p-make .uploadImg {
  width: 86px;
  height: 36px;
  line-height: 34px;
  background: #00b7ee;
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #00b7ee;
  position: relative;
  top: -2px; }
.head-p-make .uploadImg:hover {
  background-color: #00a2d4; }
.head-p-make .bread-nav {
  margin-top: 30px; }

.bottom-search {
  height: 250px;
  width: 100%;
  background-color: #f8f7f7;
  overflow: hidden;
  font-family: "Microsoft YaHei"; }
  .bottom-search > div {
    width: 460px;
    height: 155px;
    margin: 0 auto;
    text-align: center; }
  .bottom-search h3 {
    margin-top: 46px;
    font-size: 22px; }
  .bottom-search p {
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 30px; }
  .bottom-search .srh-box {
    height: 50px;
    width: 100%;
    overflow: hidden; }
    .bottom-search .srh-box input {
      width: 320px;
      height: 50px;
      line-height: 50px \9;
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #c8a165;
      border-radius: 5px;
      text-indent: 18px; }
    .bottom-search .srh-box span {
      display: inline-block;
      float: left;
      width: 130px;
      height: 50px;
      line-height: 50px;
      background-color: #c8a165;
      color: #fff;
      border-radius: 5px;
      margin-left: 10px;
      cursor: pointer; }

.pub-coupon-blue {
  width: 250px;
  height: 126px;
  position: relative;
  float: left;
  margin-right: 10px;
  font-family: "Microsoft YaHei";
  background: url("../../../img/parts/coupon-blue.png") no-repeat; }
  .pub-coupon-blue input[type="radio"] {
    display: none; }
  .pub-coupon-blue label,
  .pub-coupon-blue .inf {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    box-sizing: border-box;
    cursor: pointer; }
  .pub-coupon-blue .inf {
    z-index: 2;
    padding: 19px 15px 0 15px; }
    .pub-coupon-blue .inf p {
      margin-bottom: 20px;
      color: #fff; }
    .pub-coupon-blue .inf div {
      color: #88ceee;
      line-height: 20px; }
  .pub-coupon-blue .discp {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 7px;
    right: 2px;
    z-index: 5; }
  .pub-coupon-blue input[type="radio"]:checked + label {
    border: 2px solid #c8a165; }
  .pub-coupon-blue input[type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: 0;
    bottom: 0;
    z-index: 3;
    background: url("../../../img/parts/selected.png") no-repeat; }

.pub-coupon-expire {
  background: url("../../../img/parts/coupon-dis.png") no-repeat; }
  .pub-coupon-expire .inf div {
    color: #999; }

.pub-coupon {
  width: 330px;
  height: 170px;
  background: url("../../../img/parts/coupon.png") no-repeat;
  font-family: "Microsoft YaHei";
  float: left; }
  .pub-coupon > li {
    float: left;
    height: 170px; }
  .pub-coupon .tip {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 13px;
    right: 17px;
    z-index: 5;
    cursor: pointer; }
  .pub-coupon .inf {
    width: 260px;
    position: relative;
    box-sizing: border-box;
    padding-left: 25px; }
    .pub-coupon .inf > div .price {
      font-size: 38px;
      color: #ff6600; }
    .pub-coupon .inf > div .discp {
      display: inline-block; }
      .pub-coupon .inf > div .discp em {
        background: #ddd;
        padding: 0 5px; }
  .pub-coupon .btn {
    width: 70px; }
    .pub-coupon .btn a {
      display: block;
      writing-mode: tb-rl;
      text-align: center;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      font-size: 20px;
      color: #fff;
      line-height: 65px; }
  .pub-coupon .cname {
    font-size: 16px;
    color: #796d61;
    margin-top: 14px;
    margin-bottom: 26px; }
  .pub-coupon .expiry {
    color: #796d61;
    font-size: 12px;
    margin-top: 29px; }

.coupon-done {
  background: url("../../../img/parts/coupon-done.png") no-repeat; }

.header {
  min-width: 1140px;
  height: 80px;
  background-color: #fff; }
  .header .to-head {
    width: 1140px;
    margin: 0 auto; }
    .header .to-head > li {
      float: left;
      height: 80px; }
    .header .to-head .logo-box {
      width: 215px; }
      .header .to-head .logo-box .logo {
        display: block;
        height: 35px;
        margin-top: 22.5px;
        background: url("../../../img/icon.png") no-repeat right 0; }
    .header .to-head .to-nav {
      width: 272px;
      margin-left: 198px; }
    .header .to-head .to-nav-list > li {
      float: left;
      height: 80px;
      line-height: 80px;
      padding: 0 25px;
      font-family: "Microsoft YaHei";
      font-size: 16px;
      cursor: pointer;
      color: #808080; }
    .header .to-head .to-nav-list > li:hover {
      color: #333; }
    .header .to-head .to-nav-list a {
      color: inherit; }
    .header .to-head .to-user {
      width: 200px;
      float: right; }
    .header .to-head .to-user-list {
      width: 100%;
      height: 30px;
      margin-top: 25px; }
      .header .to-head .to-user-list li {
        float: left; }
      .header .to-head .to-user-list .to-user-c {
        width: 30px;
        height: 30px;
        background-image: url("../../../img/icon.png");
        background-repeat: no-repeat;
        cursor: pointer;
        position: relative; }
        .header .to-head .to-user-list .to-user-c .to-user-c-num {
          width: 16px;
          height: 16px;
          line-height: 16px;
          font-size: 12px;
          color: #fff;
          background: url("../../../img/icon.png") no-repeat -143px -43px;
          position: absolute;
          top: -5px;
          right: -7px;
          text-align: center; }
      .header .to-head .to-user-list .to-user-out {
        padding-left: 33px; }
        .header .to-head .to-user-list .to-user-out > div {
          float: left; }
        .header .to-head .to-user-list .to-user-out .to-user-p {
          width: 30px;
          height: 30px;
          background-image: url("../../../img/icon.png");
          background-repeat: no-repeat;
          cursor: pointer;
          margin-right: 25px;
          background-position: -50px 0; }
      .header .to-head .to-user-list .to-user-log {
        background-image: none;
        width: 82px;
        line-height: 24px;
        margin-top: 2px; }
        .header .to-head .to-user-list .to-user-log a {
          margin: 0 3px; }
        .header .to-head .to-user-list .to-user-log .to-user-reg {
          color: #c8a165; }
    .header .to-head .nav-classify {
      position: relative; }
      .header .to-head .nav-classify .cla-ctn-box {
        width: 356px;
        height: 237px;
        position: absolute;
        left: 0;
        bottom: -237px;
        z-index: 99;
        background-color: #fff;
        color: #666;
        font-size: 12px;
        overflow: hidden;
        display: none;
        -webkit-box-shadow: 2px 2px 4px 0 #888;
        -moz-box-shadow: 2px 2px 4px 0 #888;
        box-shadow: 2px 2px 4px 0 #888; }
      .header .to-head .nav-classify .cla-ctn {
        width: 100%;
        box-sizing: border-box;
        padding: 20px;
        cursor: auto;
        overflow: hidden; }
        .header .to-head .nav-classify .cla-ctn > li {
          float: left;
          line-height: normal;
          width: 50%;
          overflow: hidden;
          margin-bottom: 15px; }
        .header .to-head .nav-classify .cla-ctn p {
          font-weight: bold;
          margin-bottom: 10px;
          text-align: left; }
        .header .to-head .nav-classify .cla-ctn a {
          margin-bottom: 10px;
          margin-right: 20px;
          float: left;
          white-space: nowrap; }
        .header .to-head .nav-classify .cla-ctn a:hover {
          color: #c8a165; }
    .header .to-head .nav-classify:hover .cla-ctn-box {
      display: block; }
    .header .to-head .to-user-c {
      background-position: -104px 1px; }
    .header .to-head .zhangguitai {
      font-size: 18px;
      font-family: "Microsoft YaHei";
      padding-left: 20px;
      height: 37px;
      line-height: 37px;
      margin-top: 21px;
      margin-left: 25px;
      border-left: 1px solid #999; }
  .header .to-srh {
    width: 255px;
    box-sizing: border-box;
    padding-right: 25px;
    padding-left: 28px;
    position: relative; }
    .header .to-srh .to-srh-box {
      width: 200px;
      height: 35px;
      border: 1px solid #dedede;
      -webkit-border-radius: 18px;
      -moz-border-radius: 18px;
      border-radius: 18px;
      overflow: hidden;
      margin-top: 21.5px;
      position: relative; }
    .header .to-srh .to-srh-ipt {
      border: none;
      background: transparent;
      height: 35px;
      line-height: 35px \9;
      width: 145px;
      float: left;
      text-indent: 10px; }
    .header .to-srh .to-srh-btn {
      display: block;
      float: left;
      width: 55px;
      height: 35px;
      position: relative;
      cursor: pointer; }
    .header .to-srh .to-srh-btn:before {
      content: '';
      position: absolute;
      top: 5.5px;
      left: 15.5px;
      width: 24px;
      height: 24px;
      background-image: url("../../../img/icon.png");
      background-repeat: no-repeat;
      background-position: -325px -42px; }
    .header .to-srh .to-srh-btn:hover:before {
      background-position: 1px 1px; }
    .header .to-srh .ipt-holder {
      position: absolute;
      height: 20px;
      line-height: 20px;
      top: 7.5px;
      left: 10px;
      z-index: 2;
      color: #999; }
    .header .to-srh .to-srh-ctn {
      display: none;
      position: absolute;
      top: 80px;
      left: -78px;
      z-index: 95;
      width: 530px;
      height: 260px;
      border: 1px solid #ececec;
      background: #fff;
      -webkit-box-shadow: 3px 3px 1px -1px #cacaca;
      -moz-box-shadow: 3px 3px 1px -1px #cacaca;
      box-shadow: 3px 3px 1px -1px #cacaca;
      font-size: 12px;
      overflow: hidden; }
      .header .to-srh .to-srh-ctn > li {
        float: left;
        box-sizing: border-box;
        padding: 0 20px; }
        .header .to-srh .to-srh-ctn > li h3 {
          height: 50px;
          line-height: 50px;
          color: #999;
          border-bottom: 1px solid #ececec; }
        .header .to-srh .to-srh-ctn > li p:hover {
          color: #c8a165; }
      .header .to-srh .to-srh-ctn .to-srh-history {
        width: 250px;
        height: 100%;
        position: relative; }
        .header .to-srh .to-srh-ctn .to-srh-history p {
          height: 28px;
          line-height: 15px;
          box-sizing: border-box;
          padding-top: 14px;
          text-align: left;
          overflow: hidden;
          margin-bottom: 14px; }
          .header .to-srh .to-srh-ctn .to-srh-history p a {
            cursor: pointer; }
          .header .to-srh .to-srh-ctn .to-srh-history p a:hover {
            color: #c8a165; }
      .header .to-srh .to-srh-ctn .to-srh-history:after {
        content: '';
        position: absolute;
        top: 50px;
        right: -1px;
        width: 1px;
        height: 150px;
        background: #ececec; }
      .header .to-srh .to-srh-ctn .to-srh-exp {
        width: 280px;
        height: 100%; }
        .header .to-srh .to-srh-ctn .to-srh-exp a {
          float: left;
          padding: 3px 5px;
          border: 1px solid #666;
          margin: 10px 5px 0 0;
          color: #666; }
        .header .to-srh .to-srh-ctn .to-srh-exp a:hover {
          color: #c8a165;
          border-color: #c8a165; }
  .header .to-user-in {
    display: none;
    width: 137px;
    height: 55px;
    float: left;
    position: relative;
    margin-left: 33px;
    box-sizing: border-box; }
    .header .to-user-in div {
      float: left;
      height: 30px;
      cursor: pointer; }
    .header .to-user-in .to-user-hp {
      width: 30px;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      border-radius: 15px;
      overflow: hidden; }
      .header .to-user-in .to-user-hp img {
        width: 100%;
        height: 100%; }
    .header .to-user-in .to-user-um {
      width: 76px;
      line-height: 30px;
      box-sizing: border-box;
      margin: 0 7px;
      word-break: keep-all;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      text-align: right; }
    .header .to-user-in .to-user-xl {
      width: 17px;
      height: 17px;
      margin-top: 7px;
      background: url("../../../img/icon.png") no-repeat -373px -39px; }
    .header .to-user-in .to-user-ot {
      display: none;
      position: absolute;
      top: 54px;
      right: 0;
      z-index: 99;
      width: 110px;
      box-sizing: border-box;
      padding: 15px;
      background: #fff;
      border: 1px solid #ececec; }
      .header .to-user-in .to-user-ot > li {
        float: left;
        width: 100%;
        height: 30px;
        line-height: 30px;
        text-align: center; }
        .header .to-user-in .to-user-ot > li a:hover {
          color: #c8a165; }
  .header .to-user-in:hover .to-user-xl {
    background: url("../../../img/icon.png") no-repeat -405px -39px; }
  .header .to-user-in:hover .to-user-ot {
    display: block; }

.footer {
  width: 100%;
  height: 360px; }
  .footer .ft-box {
    min-width: 1140px;
    background: #ece9e6; }
  .footer .ft-list {
    width: 1140px;
    height: 270px;
    margin: 0 auto;
    padding-top: 75px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-align: left; }
    .footer .ft-list li {
      float: left;
      width: 197px; }
      .footer .ft-list li dt {
        font-weight: bold;
        margin-bottom: 27px; }
      .footer .ft-list li dd {
        font-size: 12px;
        margin-bottom: 15px;
        color: #666; }
      .footer .ft-list li a:hover {
        text-decoration: underline; }
    .footer .ft-list .ft-qrcode {
      float: right;
      overflow: hidden;
      width: 285px; }
      .footer .ft-list .ft-qrcode div {
        float: left; }
      .footer .ft-list .ft-qrcode p {
        margin-top: 5px;
        font-size: 12px;
        text-align: center;
        color: #666; }
      .footer .ft-list .ft-qrcode .ft-qrcode-rt {
        float: right; }
  .footer .copy-right {
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 12px;
    color: #999;
    font-family: "Microsoft YaHei"; }

.ucenter section {
  padding-top: 20px; }
.ucenter section:after, .ucenter section:before {
  content: '';
  display: table; }
.ucenter section:after {
  clear: both; }
.ucenter .right-ctn {
  margin-left: 200px;
  background: #fff;
  box-sizing: border-box;
  padding-left: 40px;
  padding-right: 40px;
  min-height: 576px; }

.sidebar {
  width: 180px;
  float: left;
  background: #fff; }
  .sidebar .me {
    height: 180px;
    text-align: center;
    padding-top: 40px;
    box-sizing: border-box; }
    .sidebar .me img {
      width: 80px;
      height: 80px;
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      border-radius: 40px; }
    .sidebar .me div {
      margin-top: 10px; }
  .sidebar .od-nav > li {
    line-height: 36px;
    box-sizing: border-box;
    border-left: 2px solid transparent;
    padding-left: 33px;
    margin-bottom: 8px; }
  .sidebar .od-nav a {
    display: block;
    width: 100%;
    height: 100%; }
  .sidebar .od-nav a:hover {
    color: #c8a165;
    cursor: pointer; }
  .sidebar .od-nav .current {
    background: #f6f6f6;
    color: #c8a165;
    border-left: 2px solid #c8a165; }

.section {
  width: 1140px;
  margin: 0 auto; }

.main-imgs {
  width: 1140px;
  height: 570px;
  overflow: hidden;
  position: relative;
  margin: 0 auto 50px; }
  .main-imgs .ctn {
    position: relative;
    height: 100%;
    z-index: 0; }
    .main-imgs .ctn li {
      zoom: 1;
      vertical-align: middle; }
      .main-imgs .ctn li img {
        max-width: 100%;
        max-height: 100%;
        display: block; }
  .main-imgs .prev, .main-imgs .next {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    display: block;
    width: 45px;
    height: 60px;
    filter: alpha(opacity=50);
    opacity: 0.5; }
  .main-imgs .prev:hover, .main-imgs .next:hover {
    opacity: .8;
    filter: alpha(opacity=80); }
  .main-imgs .prev {
    left: 5px;
    background: url(../../../img/icon.png) 10px -34px no-repeat; }
  .main-imgs .next {
    right: 5px;
    background: url(../../../img/icon.png) -28px -34px no-repeat; }
  .main-imgs .pagination {
    width: 100%;
    height: 15px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 5px;
    z-index: 1; }
    .main-imgs .pagination ul {
      overflow: hidden;
      margin: 0 auto;
      position: absolute;
      top: 3px;
      left: 50%;
      margin-left: -20px; }
      .main-imgs .pagination ul li {
        float: left;
        width: 10px;
        height: 10px;
        overflow: hidden;
        margin-right: 5px;
        text-indent: -999px;
        cursor: pointer;
        background: url("../../../img/icon.png") -119px -43px no-repeat; }
      .main-imgs .pagination ul .on {
        background: url("../../../img/icon.png") -96px -43px no-repeat; }

.index {
  background-color: #fff; }
  .index .main-imgs-bg {
    width: 100%;
    height: 570px;
    position: absolute;
    z-index: 0; }
  .index .product-part {
    font-family: "Microsoft YaHei";
    margin-bottom: 50px; }
    .index .product-part .main {
      height: 360px;
      background-color: #f6f6f6;
      margin-bottom: 15px;
      position: relative; }
      .index .product-part .main > li {
        text-align: center;
        height: 100%; }
        .index .product-part .main > li a {
          font-size: 0; }
        .index .product-part .main > li img {
          height: 100%; }
      .index .product-part .main .main-img {
        width: 520px;
        height: 100%; }
    .index .product-part .main-right > li {
      float: right; }
    .index .product-part .main-right .main-info {
      text-align: right; }
      .index .product-part .main-right .main-info .main-name {
        margin-right: 131px;
        float: right; }
        .index .product-part .main-right .main-info .main-name ul {
          left: inherit;
          right: -7px; }
      .index .product-part .main-right .main-info .sketch {
        margin-top: 85px;
        margin-right: 131px; }
    .index .product-part .minor {
      width: 100%;
      height: 370px; }
      .index .product-part .minor > li {
        float: left;
        width: 370px;
        height: 370px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #ececec;
        position: relative;
        overflow: hidden; }
      .index .product-part .minor img {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s; }
      .index .product-part .minor .minor-mar {
        margin: 0 15px; }
      .index .product-part .minor .ho-exp {
        position: absolute;
        top: 0;
        left: 0;
        width: 370px;
        height: 370px;
        z-index: 2;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 65px;
        text-align: center;
        font-size: 20px;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: scale3d(0.7, 0.7, 1);
        transform: scale3d(0.7, 0.7, 1);
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s; }
      .index .product-part .minor .ho-mask {
        width: 370px;
        height: 370px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: #fff;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s; }
      .index .product-part .minor .ho-exp-p {
        margin-bottom: 17px; }
      .index .product-part .minor .ho-price {
        text-align: center;
        margin-top: 45px;
        margin-bottom: 60px; }
        .index .product-part .minor .ho-price .fav {
          color: #ff6600;
          font-size: 24px;
          margin-right: 15px; }
        .index .product-part .minor .ho-price .before-fav {
          color: #999;
          font-size: 18px; }
      .index .product-part .minor .hollow-btn {
        width: 200px;
        height: 46px;
        line-height: 46px; }
      .index .product-part .minor > li:hover img {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        -moz-transform: scale3d(1.1, 1.1, 1);
        -ms-transform: scale3d(1.1, 1.1, 1);
        -o-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1); }
      .index .product-part .minor > li:hover .ho-exp {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1;
        filter: alpha(opacity=100); }
      .index .product-part .minor > li:hover .ho-mask {
        opacity: .8;
        filter: alpha(opacity=80); }
  .index .main-info {
    position: relative;
    min-width: 580px;
    height: 100%;
    display: table; }
    .index .main-info .main-info-box {
      display: table-cell;
      vertical-align: middle; }
    .index .main-info .main-name {
      margin-left: 131px; }
      .index .main-info .main-name div {
        position: relative;
        width: 245px;
        height: 85px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #c8a165; }
      .index .main-info .main-name ul {
        position: absolute;
        background-color: #f6f6f6;
        top: 10px;
        left: -7px;
        padding: 5px 0;
        color: #c8a165; }
        .index .main-info .main-name ul .en {
          font-size: 15px;
          letter-spacing: 2px; }
        .index .main-info .main-name ul .pname {
          font-size: 32px;
          line-height: 35px;
          height: 35px;
          overflow: hidden;
          letter-spacing: 3px; }
    .index .main-info .sketch {
      padding-top: 17px;
      margin-left: 131px;
      font-size: 18px;
      color: #666; }
      .index .main-info .sketch p {
        line-height: normal;
        margin-top: 15px; }
  .index .new-goods-box {
    overflow: hidden;
    margin-bottom: 50px; }
    .index .new-goods-box > li {
      overflow: hidden;
      float: left; }
  .index .new-goods {
    width: 568px;
    height: 285px;
    border: 1px solid #ececec;
    font-family: "Microsoft YaHei";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .index .new-goods > li {
      float: left;
      width: 283px;
      height: 284px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      position: relative; }
      .index .new-goods > li img {
        max-width: 100%;
        height: 100%; }
    .index .new-goods .new-info {
      background-color: #f4f4f4;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 65px; }
    .index .new-goods .new-info:before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      z-index: 1; }
    .index .new-goods .nname {
      font-size: 22px;
      margin-top: 48px; }
    .index .new-goods .nexp {
      font-size: 14px;
      margin-top: 7px; }
    .index .new-goods .nprice {
      margin-top: 38px;
      margin-bottom: 40px; }
      .index .new-goods .nprice span {
        color: #ff6600;
        font-size: 18px;
        margin-right: 10px; }
      .index .new-goods .nprice s {
        color: #999;
        font-size: 12px; }
    .index .new-goods .hollow-btn {
      width: 99px;
      height: 35px;
      line-height: 35px;
      margin-left: 4px;
      font-size: 14px; }
  .index .new-goods-left .new-info:before {
    border-top: 17px solid transparent;
    border-right: 17px solid #f4f4f4;
    border-bottom: 17px solid transparent;
    left: -17px;
    top: 50%;
    margin-top: -17px; }
  .index .new-goods-right > li {
    float: right; }
  .index .new-goods-right .new-info:before {
    border-top: 17px solid transparent;
    border-left: 17px solid #f4f4f4;
    border-bottom: 17px solid transparent;
    right: -17px;
    top: 50%;
    margin-top: -17px; }
  .index .new-goods-top {
    width: 283px;
    height: 570px;
    float: left; }
    .index .new-goods-top .new-info:before {
      border-left: 17px solid transparent;
      border-right: 17px solid transparent;
      border-bottom: 17px solid #f4f4f4;
      top: -17px;
      left: 50%;
      margin-left: -17px; }
  .index .new-goods-bottom {
    width: 283px;
    height: 570px;
    float: left; }
    .index .new-goods-bottom .new-info:before {
      border-left: 17px solid transparent;
      border-right: 17px solid transparent;
      border-top: 17px solid #f4f4f4;
      bottom: -17px;
      left: 50%;
      margin-left: -17px; }
  .index .goods-ctn {
    width: 100%;
    height: 225px;
    overflow: hidden; }
    .index .goods-ctn ul {
      width: 100%;
      height: 225px;
      zoom: 1; }
    .index .goods-ctn li {
      float: left;
      width: 370px;
      margin-right: 15px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #ececec; }
      .index .goods-ctn li img {
        max-width: 100%;
        max-height: 100%; }
    .index .goods-ctn li:last-child {
      margin: 0; }

.classify {
  width: 100%;
  background-color: #f6f6f6; }
  .classify .section {
    overflow: hidden; }
  .classify .view {
    width: 1140px;
    margin: auto; }
  .classify .no-result {
    display: none;
    height: 150px;
    line-height: 150px;
    text-align: center; }
  .classify .nothing-tips {
    text-align: center;
    margin-bottom: 85px; }
    .classify .nothing-tips div {
      margin: 50px 0 20px 0; }

.pro-box {
  width: 1160px;
  padding-top: 30px; }
  .pro-box .product {
    width: 270px;
    height: 330px;
    position: relative;
    float: left;
    margin-right: 20px;
    margin-bottom: 25px;
    overflow: visible; }
  .pro-box .collect {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 2px 7px 0 0;
    background: url("../../../img/icon.png") no-repeat -478px 2px;
    z-index: 4;
    cursor: pointer; }
  .pro-box .collected {
    background: url("../../../img/icon.png") no-repeat -520px 2px; }
  .pro-box .p-ctn {
    width: 100%;
    height: 100%; }
    .pro-box .p-ctn .p-img {
      width: 269px;
      height: 269px;
      border: 1px solid #ececec;
      display: table;
      position: relative; }
      .pro-box .p-ctn .p-img .imgbox {
        width: 269px;
        height: 269px;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        font-size: 0;
        overflow: hidden; }
      .pro-box .p-ctn .p-img img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s; }
    .pro-box .p-ctn .p-info {
      overflow: hidden; }
      .pro-box .p-ctn .p-info > li {
        float: left; }
      .pro-box .p-ctn .p-info .price {
        width: 65%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        white-space: nowrap;
        overflow: hidden;
        font-family: "Microsoft YaHei"; }
        .pro-box .p-ctn .p-info .price span {
          font-size: 17px;
          color: #ff6600;
          margin-right: 13px; }
        .pro-box .p-ctn .p-info .price s {
          font-size: 14px;
          color: #999; }
      .pro-box .p-ctn .p-info .col-box {
        width: 35%;
        color: #999;
        text-align: right;
        height: 25px;
        line-height: 25px; }
        .pro-box .p-ctn .p-info .col-box em {
          display: inline-block;
          float: right; }
    .pro-box .p-ctn .p-info-name {
      margin-top: 7px;
      height: 28px;
      line-height: 28px;
      padding: 0 3px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .pro-box .p-buy, .pro-box .p-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .pro-box .p-buy {
    z-index: 3;
    box-sizing: border-box;
    padding: 20px;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale3d(0.7, 0.7, 1);
    transform: scale3d(0.7, 0.7, 1);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
    .pro-box .p-buy .desc {
      font-size: 12px;
      line-height: 18px;
      margin: 85px 0 45px 0; }
    .pro-box .p-buy .p-buy-btn {
      text-align: center; }
    .pro-box .p-buy .hollow-btn {
      display: inline-block;
      font-size: 14px;
      width: 100px;
      height: 35px;
      line-height: 35px; }
  .pro-box .p-mask {
    z-index: 2;
    background-color: #fff;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
  .pro-box .product:hover .p-ctn .p-img img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1);
    -ms-transform: scale3d(1.1, 1.1, 1);
    -o-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }
  .pro-box .product:hover .p-buy {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
    filter: alpha(opacity=100); }
  .pro-box .product:hover .p-mask {
    filter: alpha(opacity=80);
    opacity: .8; }

.classify .pub-pagebox-center {
  padding: 83px 0; }

.tooarts {
  font-family: "Microsoft YaHei";
  text-align: center; }
  .tooarts .to-user-log {
    font-family: "SimSun"; }
  .tooarts .art {
    margin-top: 50px;
    margin-bottom: 5px; }
  .tooarts .too-w {
    font-size: 12px;
    line-height: 30px;
    font-family: "SimSun"; }
  .tooarts .too-view {
    width: 1176px;
    margin-top: 40px; }
    .tooarts .too-view li {
      float: left;
      margin-right: 17px;
      width: 270px; }
  .tooarts .technology {
    overflow: hidden;
    margin-bottom: 30px; }
    .tooarts .technology li {
      float: left;
      height: 270px; }
    .tooarts .technology .one {
      width: 500px; }
    .tooarts .technology .two {
      width: 640px;
      box-sizing: border-box;
      padding: 0 100px;
      background-color: #fff; }
      .tooarts .technology .two h3 {
        font-size: 24px;
        margin-top: 90px;
        margin-bottom: 24px; }
      .tooarts .technology .two p {
        font-size: 18px;
        line-height: 32px;
        color: #666; }
  .tooarts .te-right li {
    float: right; }
  .tooarts .te-last {
    margin-bottom: 265px; }
  .tooarts .too-tec {
    margin: 45px auto 35px; }

.login section {
  height: 550px;
  padding-top: 70px;
  box-sizing: border-box; }
.login .login-img {
  height: 422px;
  float: left;
  margin-left: 50px; }
.login .ctn {
  float: right;
  width: 400px;
  height: 410px;
  background: #fff;
  box-sizing: border-box;
  padding: 30px 0 25px 0; }
  .login .ctn h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    font-family: "Microsoft YaHei";
    margin-bottom: 40px;
    padding-left: 35px; }
    .login .ctn h3 span {
      color: #fe7325;
      font-size: 12px;
      margin-left: 30px;
      font-family: SimSun;
      font-weight: normal; }
  .login .ctn input {
    box-sizing: border-box;
    border: 1px solid #ccc;
    height: 40px;
    line-height: 40px \9; }
  .login .ctn > button {
    display: block;
    width: 330px;
    height: 40px;
    background-color: #c8a165;
    color: #fff;
    margin: 0 auto 50px;
    cursor: pointer; }
  .login .ctn > button:active {
    background-color: #c3944a; }
  .login .ctn em {
    position: absolute;
    height: 20px;
    line-height: 20px;
    top: 15px;
    z-index: 0;
    color: #999;
    font-size: 13px; }
.login .login-box div {
  height: 50px;
  box-sizing: border-box;
  padding: 5px 0;
  line-height: 40px;
  text-align: center;
  position: relative; }
  .login .login-box div input {
    margin-left: 25px;
    width: 280px;
    position: relative;
    z-index: 2;
    background: transparent; }
  .login .login-box div em {
    left: 94px; }
.login .login-box .other-ways {
  line-height: 30px;
  margin: 0 40px;
  overflow: hidden; }
  .login .login-box .other-ways li {
    float: left;
    height: 100%;
    margin-right: 25px; }
    .login .login-box .other-ways li a {
      display: block;
      width: 100%;
      height: 100%; }
  .login .login-box .other-ways .wx {
    width: 30px;
    height: 30px;
    background: url("../../../img/icon.png") no-repeat -445px -39px; }
    .login .login-box .other-ways .wx:hover {
      background-position: -492px -39px; }
.login .register-box div {
  padding: 5px 0;
  position: relative; }
  .login .register-box div em {
    left: 100px; }
.login .register-box i {
  display: inline-block;
  width: 95px;
  text-align: center; }
.login .register-box input {
  width: 270px; }
.login .register-box .auth-code input {
  width: 200px; }
.login .register-box .auth-code button {
  display: inline-block;
  width: 60px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #c8a165;
  margin-left: 10px;
  cursor: pointer; }
.login .register-box .auth-code span:active {
  background: #c3944a; }
.login .register-box .register-btn {
  margin-top: 25px;
  margin-bottom: 35px; }
.login .register-box > p {
  text-align: center;
  color: #999;
  margin-bottom: 10px;
  font-family: "Microsoft YaHei"; }
.login .no-psd {
  height: 40px;
  line-height: 40px;
  text-align: right;
  margin-bottom: 15px;
  box-sizing: border-box;
  padding-right: 35px; }
  .login .no-psd a {
    margin-left: 40px; }
  .login .no-psd a:hover {
    color: #c8a165; }
.login .login-wx {
  width: 100%;
  padding: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .login .login-wx img {
    width: 100%;
    height: 300px;
    margin: 0 auto 25px;
    display: block; }

.cart .cart-box {
  padding-top: 30px; }
  .cart .cart-box .lis-1 {
    width: 510px; }
  .cart .cart-box .lis-2 {
    width: 188px; }
  .cart .cart-box .lis-3 {
    width: 170px; }
  .cart .cart-box .lis-4 {
    width: 145px; }
  .cart .cart-box .lis-5 {
    width: 127px; }
.cart .cart-head {
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: #eaeaea; }
  .cart .cart-head li {
    float: left; }
.cart .cart-ctn-li {
  box-sizing: border-box;
  border: 1px solid #ececec;
  margin-bottom: -1px;
  background-color: #fff;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }
  .cart .cart-ctn-li .sold-out-flag,
  .cart .cart-ctn-li .sold-out-mask {
    display: none; }
.cart .cart-sold-out {
  position: relative;
  background-color: #f6f6f6; }
  .cart .cart-sold-out .sold-out-flag {
    display: block;
    position: absolute;
    left: 24px;
    bottom: 0;
    z-index: 1;
    width: 80px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    box-sizing: border-box;
    border: 1px solid #919191;
    color: #999;
    text-align: center; }
  .cart .cart-sold-out .sold-out-mask {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .4;
    -ms-filter: Alpha(Opacity=40);
    filter: Alpha(Opacity=40); }
  .cart .cart-sold-out .cart-del {
    position: relative;
    z-index: 4; }
  .cart .cart-sold-out .sold-out-flag {
    z-index: 4; }
.cart .cart-body .pub-select-current {
  background-color: #f7f2e6; }
.cart .cart-ctn {
  width: 100%;
  height: 200px;
  box-sizing: border-box;
  display: table; }
  .cart .cart-ctn > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
  .cart .cart-ctn .info > div {
    float: left;
    box-sizing: border-box; }
  .cart .cart-ctn .info .gd-select {
    width: 53px;
    margin-top: 60px; }
  .cart .cart-ctn .info .gd-img {
    width: 140px;
    height: 140px;
    box-sizing: border-box;
    border: 1px solid #ececec; }
    .cart .cart-ctn .info .gd-img img {
      width: 138px;
      height: 138px; }
  .cart .cart-ctn .info .gd-inf {
    width: 315px;
    height: 140px;
    padding-left: 24px;
    text-align: left;
    position: relative; }
    .cart .cart-ctn .info .gd-inf p {
      font-size: 12px;
      margin-top: 10px;
      line-height: 20px;
      word-break: break-all;
      word-wrap: break-word; }
  .cart .cart-ctn .price {
    font-family: "Microsoft YaHei"; }
    .cart .cart-ctn .price div {
      font-size: 18px;
      color: #666; }
    .cart .cart-ctn .price s {
      font-size: 12px;
      color: #999; }
  .cart .cart-ctn .subtotal {
    color: #ff6600;
    font-size: 18px;
    font-family: "Microsoft YaHei"; }
  .cart .cart-ctn .cart-del {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../../../img/icon.png") no-repeat -393px 0;
    cursor: pointer;
    opacity: .7;
    filter: alpha(opacity=70); }
  .cart .cart-ctn .cart-del:hover {
    opacity: 1;
    filter: alpha(opacity=100); }
.cart .cart-foot {
  width: 100%;
  height: 60px;
  padding: 10px 0 22px 0; }
.cart .cft-list-box {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }
  .cart .cft-list-box .cft-list {
    margin: 0 auto;
    width: 1140px;
    height: 60px;
    background: #eaeaea; }
    .cart .cft-list-box .cft-list > li {
      float: left;
      height: 100%;
      box-sizing: border-box; }
  .cart .cft-list-box .oprs {
    width: 215px;
    padding-top: 21px;
    padding-left: 17px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .cart .cft-list-box .oprs span {
      margin-right: 16px; }
    .cart .cft-list-box .oprs .cart-all-del:hover,
    .cart .cft-list-box .oprs .cart-empty-out:hover {
      cursor: pointer;
      text-decoration: underline;
      color: #c8a165; }
  .cart .cft-list-box .num,
  .cart .cft-list-box .total {
    line-height: 60px;
    text-align: center; }
    .cart .cft-list-box .num i,
    .cart .cft-list-box .total i {
      color: #fe8040;
      font-size: 16px;
      font-family: "Microsoft YaHei"; }
  .cart .cft-list-box .num {
    width: 132px; }
  .cart .cft-list-box .total {
    width: 238px; }
  .cart .cft-list-box .sttm {
    width: 160px; }
    .cart .cft-list-box .sttm .settlement {
      display: block;
      width: 160px;
      height: 60px;
      font-size: 18px;
      background: #c8a165;
      color: #fff;
      cursor: pointer; }
    .cart .cft-list-box .sttm .settlement:hover {
      background: #c3944a; }
.cart .cft-list-box-fixed {
  position: fixed;
  top: inherit;
  bottom: 0;
  left: 0;
  z-index: 99;
  background: #eaeaea; }
.cart .acti-list {
  border: 1px solid #c8a165; }
  .cart .acti-list .act-ipt {
    display: none; }
  .cart .acti-list input[name='activeSelect']:checked + label {
    border-right: 4px solid #c8a165;
    background: #f7f2e6; }
  .cart .acti-list > li {
    height: auto;
    box-sizing: border-box;
    border-bottom: 1px solid #ececec; }
    .cart .acti-list > li span {
      height: auto;
      height: auto \9;
      border: none;
      margin-bottom: 5px;
      font-size: 13px; }
    .cart .acti-list > li label {
      box-sizing: border-box;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 10px; }
  .cart .acti-list .zp i {
    color: #ff6600; }

.product .dt-main {
  margin-top: 13px;
  width: 100%;
  height: 630px; }
  .product .dt-main > div {
    float: left; }
.product .pro-small-imgs {
  width: 92px;
  height: 560px;
  margin-right: 40px; }
  .product .pro-small-imgs .lists {
    width: 100%;
    overflow: hidden; }
    .product .pro-small-imgs .lists > li {
      width: 90px;
      height: 90px;
      border: 1px solid #ececec;
      display: table;
      background: #fff;
      margin-bottom: 5px; }
      .product .pro-small-imgs .lists > li a {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        text-align: center;
        font-size: 0; }
      .product .pro-small-imgs .lists > li img {
        max-width: 100%;
        max-height: 100%; }
    .product .pro-small-imgs .lists .img-current {
      border-color: #c8a165; }
  .product .pro-small-imgs .prev, .product .pro-small-imgs .next {
    display: block;
    width: 100%;
    height: 45px;
    position: relative; }
  .product .pro-small-imgs .prev:after, .product .pro-small-imgs .next:after {
    content: '';
    width: 46px;
    height: 14px;
    position: absolute;
    top: 15px;
    left: 23px; }
  .product .pro-small-imgs .prev:after {
    background: url("../../../img/icon.png") no-repeat -161px 0; }
  .product .pro-small-imgs .next:after {
    background: url("../../../img/icon.png") no-repeat -232px -1px; }
.product .pro-info {
  width: 1008px;
  height: 630px;
  box-sizing: border-box; }
  .product .pro-info .main-info {
    width: 100%;
    height: 515px; }
    .product .pro-info .main-info > li {
      float: left; }
  .product .pro-info .b-img {
    width: 470px;
    height: 470px;
    display: table;
    padding-top: 45px; }
    .product .pro-info .b-img a {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      background-color: #fff;
      box-sizing: border-box;
      border: 1px solid #bdc;
      font-size: 0; }
    .product .pro-info .b-img img {
      max-width: 100%;
      max-height: 100%; }
  .product .pro-info .info-box {
    margin-left: 40px;
    width: 496px;
    padding-top: 38px;
    font-family: "Microsoft YaHei"; }
    .product .pro-info .info-box h2 {
      font-size: 24px;
      line-height: 42px;
      margin-bottom: 22px; }
    .product .pro-info .info-box .price-box {
      position: relative;
      box-sizing: border-box;
      padding: 10px;
      width: 496px;
      height: 88px;
      background: url("../../../img/parts/price-bg.jpg") no-repeat; }
      .product .pro-info .info-box .price-box .coupon-btn {
        display: inline-block;
        width: 80px;
        height: 24px;
        margin-top: 10px;
        background: url("../../../img/parts/product-d-cpns.png") no-repeat; }
    .product .pro-info .info-box .price .collect,
    .product .pro-info .info-box .price .share {
      float: right;
      width: 32px;
      height: 32px;
      -webkit-border-radius: 16px;
      -moz-border-radius: 16px;
      border-radius: 16px; }
    .product .pro-info .info-box .price .collect {
      margin-right: 20px;
      background: url("../../../img/icon.png") no-repeat -557px -97px #acacac; }
    .product .pro-info .info-box .price .collected {
      background: url("../../../img/icon.png") no-repeat -628px -97px #acacac; }
    .product .pro-info .info-box .price .share {
      background: url("../../../img/icon.png") no-repeat -592px -97px #acacac; }
    .product .pro-info .info-box .price .collect:hover,
    .product .pro-info .info-box .price .share:hover {
      background-color: #7b7b7b; }
    .product .pro-info .info-box .price span {
      font-size: 24px;
      color: #ff6600; }
    .product .pro-info .info-box .price s {
      color: #999;
      font-size: 14px;
      margin-left: 15px; }
    .product .pro-info .info-box .para {
      width: 100%;
      height: 135px;
      line-height: 30px;
      font-size: 12px;
      color: #666;
      margin-top: 28px;
      overflow: hidden;
      font-family: "SimSun"; }
      .product .pro-info .info-box .para span {
        margin-right: 25px;
        white-space: nowrap;
        float: left; }
    .product .pro-info .info-box .num-box {
      height: 40px;
      line-height: 40px;
      margin-top: 30px; }
      .product .pro-info .info-box .num-box i {
        font-size: 12px; }
    .product .pro-info .info-box .buy-add {
      width: 100%;
      height: 45px;
      margin-top: 60px; }
      .product .pro-info .info-box .buy-add a {
        display: inline-block;
        width: 235px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        color: #fff;
        font-size: 16px; }
      .product .pro-info .info-box .buy-add .buy-now {
        margin-right: 20px;
        background-color: #ff6600; }
      .product .pro-info .info-box .buy-add .buy-now:hover {
        background-color: #F56503; }
      .product .pro-info .info-box .buy-add .add-to-cart {
        background-color: #c8a165; }
        .product .pro-info .info-box .buy-add .add-to-cart i {
          display: inline-block;
          width: 28px;
          height: 28px;
          background: url("../../../img/icon.png") no-repeat -302px 0;
          vertical-align: middle;
          margin-right: 10px; }
      .product .pro-info .info-box .buy-add .add-to-cart:hover {
        background-color: #c3944a; }
  .product .pro-info .author-info {
    height: 40px;
    width: 470px;
    line-height: 40px;
    cursor: pointer;
    margin-top: 10px; }
    .product .pro-info .author-info > img {
      width: 40px;
      height: 40px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      vertical-align: middle; }
    .product .pro-info .author-info span {
      font-size: 12px;
      padding-left: 10px; }
    .product .pro-info .author-info label {
      float: right;
      font-size: 12px;
      position: relative; }
    .product .pro-info .author-info label:hover > i {
      color: #ff6600;
      text-decoration: underline; }
    .product .pro-info .author-info label:hover .author-box {
      display: block; }
  .product .pro-info .author-box {
    display: none;
    width: 800px;
    height: 213px;
    position: absolute;
    top: 40px;
    left: -215px;
    z-index: 50;
    padding: 20px;
    background-color: #f9f9f9;
    box-sizing: border-box;
    border: 1px solid #ececec; }
    .product .pro-info .author-box > li {
      float: left; }
    .product .pro-info .author-box img {
      width: 340px;
      height: 170px;
      float: left; }
    .product .pro-info .author-box .introduction {
      width: 418px;
      box-sizing: border-box;
      padding-left: 30px; }
    .product .pro-info .author-box .introd-nm {
      line-height: 30px; }
      .product .pro-info .author-box .introd-nm .one {
        font-size: 18px;
        margin-right: 15px;
        font-family: "Microsoft YaHei"; }
      .product .pro-info .author-box .introd-nm .two {
        font-size: 12px;
        margin-left: 8px; }
    .product .pro-info .author-box .introd-sj {
      line-height: 21px;
      height: 100px;
      overflow-y: auto; }
    .product .pro-info .author-box .introd-more {
      display: block;
      width: 165px;
      height: 25px;
      box-sizing: border-box;
      border: 1px solid #666;
      text-align: center;
      line-height: 25px;
      margin-top: 12px; }
  .product .pro-info .author-box:after {
    content: '';
    position: absolute;
    top: -20px;
    left: 220px;
    z-index: 50;
    width: 35px;
    height: 20px;
    background: url(../../../img/icon.png) no-repeat -544px -38px; }
.product .comments-ctn {
  display: none; }
.product .condition {
  padding: 8px 15px;
  background: #fcf9f2;
  box-sizing: border-box;
  border: 1px solid #d7d7d7;
  margin-bottom: 20px;
  font-size: 13px;
  font-weight: bold; }
  .product .condition label {
    margin-right: 15px; }
  .product .condition input[type="radio"] {
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 4px; }
.product .service-rev {
  margin-top: 10px;
  padding: 10px;
  background: #e4e3e3;
  font-size: 12px; }
  .product .service-rev p {
    margin-bottom: 8px; }
  .product .service-rev i {
    color: #666; }
.product .cmmt-list > li {
  position: relative;
  outline: 0;
  padding: 10px;
  border-bottom: 1px solid #D4D4D4; }
.product .cmmt-list > li:before, .product .cmmt-list > li:after {
  content: " ";
  display: table; }
.product .cmmt-list > li:after {
  clear: both; }
.product .cmmt-list .review-details {
  box-sizing: border-box;
  overflow: hidden;
  margin-left: 245px;
  position: relative;
  zoom: 1; }
.product .cmmt-list .items .rvw {
  line-height: 1.4;
  color: #3F3F3F;
  word-wrap: break-word;
  font-size: 12px; }
.product .cmmt-list .items .rvw-imgs {
  overflow: hidden;
  margin-top: 15px; }
  .product .cmmt-list .items .rvw-imgs li {
    display: table;
    float: left;
    margin-right: 10px; }
    .product .cmmt-list .items .rvw-imgs li div {
      display: table-cell;
      width: 52px;
      height: 52px;
      vertical-align: middle;
      text-align: center;
      border: 1px solid #ddd;
      box-sizing: border-box;
      font-size: 0;
      cursor: pointer; }
    .product .cmmt-list .items .rvw-imgs li img {
      width: 100%;
      max-width: 50px; }
.product .cmmt-list .who-hp {
  float: left;
  overflow: hidden;
  width: 70px;
  text-align: center;
  line-height: 1.5;
  font-size: 12px; }
  .product .cmmt-list .who-hp .avat {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px; }
.product .cmmt-list .who-name {
  float: left; }
  .product .cmmt-list .who-name .one {
    font-size: 13px;
    margin-bottom: 10px; }
.product .zoomDiv {
  position: absolute;
  width: 420px !important;
  height: 420px !important;
  top: 139px !important;
  left: 53% !important;
  z-index: 10 !important;
  overflow: hidden; }
.product div.zoomMask {
  position: absolute;
  background: url(../../../img/mask.png) repeat scroll 0 0 transparent;
  cursor: move;
  z-index: 1;
  background-color: #018add;
  opacity: .3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); }
.product .pub-number-box {
  display: inline-block;
  vertical-align: middle;
  margin: 0 60px 0 20px; }
.product .share-box {
  width: 400px;
  height: 95px;
  padding: 10px 20px; }
  .product .share-box li {
    float: left;
    width: 25%;
    text-align: center; }
  .product .share-box div {
    margin: 0 auto 10px;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background-image: url("../../../img/icon.png");
    background-repeat: no-repeat; }
  .product .share-box .kongj {
    background-position: 0 -230px; }
  .product .share-box .weib {
    background-position: -79px -231px; }
  .product .share-box .lianj {
    background-position: -156px -228px; }
  .product .share-box .saom {
    background-position: -234px -229px; }
.product .pro-qrcode {
  margin: 0 auto; }
  .product .pro-qrcode img {
    width: 400px;
    height: 400px;
    float: left; }
.product .coupons {
  width: 370px;
  padding: 20px;
  box-sizing: border-box; }
  .product .coupons .pub-coupon {
    margin-bottom: 20px; }
    .product .coupons .pub-coupon .right-now {
      display: block; }
    .product .coupons .pub-coupon .done {
      display: none; }
  .product .coupons .coupon-done .done {
    display: block; }
  .product .coupons .coupon-done .right-now {
    display: none; }

.order .right-ctn {
  margin-bottom: 80px; }
.order .odr-classify-box {
  padding-top: 50px;
  overflow: hidden; }
  .order .odr-classify-box .ord-words {
    width: 913px; }
    .order .odr-classify-box .ord-words li {
      width: 100px;
      float: left;
      text-align: center;
      margin-right: 52px;
      margin-top: 10px; }
  .order .odr-classify-box .odr-classify {
    width: 913px; }
    .order .odr-classify-box .odr-classify > li {
      width: 100px;
      height: 100px;
      box-sizing: border-box;
      border: 1px solid #ececec;
      float: left;
      margin-right: 52px;
      padding-top: 15px;
      cursor: pointer; }
      .order .odr-classify-box .odr-classify > li i {
        display: block;
        width: 52px;
        height: 52px;
        margin: 0 auto 10px;
        background-image: url("../../../img/icon.png");
        background-repeat: no-repeat; }
      .order .odr-classify-box .odr-classify > li .all {
        background-position: 9px -98px; }
      .order .odr-classify-box .odr-classify > li .dfk {
        background-position: -53px -98px; }
      .order .odr-classify-box .odr-classify > li .dfh {
        background-position: -126px -98px; }
      .order .odr-classify-box .odr-classify > li .dsh {
        background-position: -194px -98px; }
      .order .odr-classify-box .odr-classify > li .dpj {
        background-position: -257px -98px; }
      .order .odr-classify-box .odr-classify > li .sh {
        background-position: -321px -98px; }
      .order .odr-classify-box .odr-classify > li span {
        display: block;
        width: 35px;
        height: 16px;
        background: #c8a165;
        text-align: center;
        color: #fff;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        margin: 0 auto; }
    .order .odr-classify-box .odr-classify > li:hover {
      border-color: #c8a165; }
    .order .odr-classify-box .odr-classify .current {
      border-color: #c8a165; }
.order .ord-header {
  height: 50px;
  background: #ece3d4;
  margin-top: 35px; }
  .order .ord-header li {
    line-height: 50px;
    float: left;
    text-align: center;
    font-size: 12px; }
.order .ord-body {
  padding-bottom: 20px; }
.order .ord-body .nm, .order .ord-header .nm {
  width: 360px; }
.order .ord-body .dj, .order .ord-header .dj {
  width: 85px; }
.order .ord-body .nb, .order .ord-header .nb {
  width: 79px; }
.order .ord-body .sf, .order .ord-header .sf {
  width: 126px; }
.order .ord-body .st, .order .ord-header .st {
  width: 95px; }
.order .ord-body .hd, .order .ord-header .hd {
  width: 114px; }
.order .aft-ord-body .nm, .order .aft-ord-header .nm {
  width: 360px; }
.order .aft-ord-body .dj, .order .aft-ord-header .dj {
  width: 160px; }
.order .aft-ord-body .sf, .order .aft-ord-header .sf {
  width: 100px; }
.order .aft-ord-body .st, .order .aft-ord-header .st {
  width: 120px; }
.order .aft-ord-body .hd, .order .aft-ord-header .hd {
  width: 120px; }
.order .aft-ord-body .nm {
  border-right: 1px solid #ececec; }
.order .aft-ord-body .st {
  color: #c8a165; }
.order .aft-ord-body .sf {
  font-family: 'SimSun' !important;
  font-size: 12px !important; }
.order .odr-box {
  border: 1px solid #ececec;
  border-bottom: none;
  margin-top: 10px; }
  .order .odr-box .odr-ttl {
    line-height: 30px;
    height: 30px;
    color: #999;
    box-sizing: border-box;
    background: #f8f8f8;
    border-bottom: 1px solid #ececec;
    font-size: 12px;
    font-family: "Microsoft YaHei"; }
    .order .odr-box .odr-ttl td {
      padding-left: 20px; }
  .order .odr-box .serial-nb {
    margin-left: 40px;
    font-family: "SimSun"; }
    .order .odr-box .serial-nb i {
      font-family: "Microsoft YaHei"; }
  .order .odr-box .odr-inf {
    height: 120px;
    font-size: 12px;
    border-bottom: 1px solid #ececec; }
    .order .odr-box .odr-inf td {
      height: 120px;
      vertical-align: middle;
      text-align: center; }
    .order .odr-box .odr-inf .nm {
      box-sizing: border-box;
      padding-left: 20px;
      text-align: left; }
      .order .odr-box .odr-inf .nm img {
        width: 77px;
        height: 77px;
        float: left; }
    .order .odr-box .odr-inf .gds-name {
      padding: 0 17px;
      word-break: break-all;
      width: 227px;
      margin-left: 77px;
      line-height: 19px;
      height: 49px; }
    .order .odr-box .odr-inf .dj s {
      display: block;
      width: 100%;
      color: #999;
      font-size: 12px;
      margin-top: 5px; }
    .order .odr-box .odr-inf .dj, .order .odr-box .odr-inf .nb, .order .odr-box .odr-inf .sf {
      font-family: "Microsoft YaHei";
      font-size: 14px; }
    .order .odr-box .odr-inf .sf em {
      display: block;
      width: 100%;
      color: #999;
      margin-top: 5px; }
    .order .odr-box .odr-inf .st div {
      color: #ff6600;
      margin-bottom: 10px; }
    .order .odr-box .odr-inf .st a:hover {
      text-decoration: underline; }
    .order .odr-box .odr-inf .hd a {
      display: block;
      margin: 5px auto 5px; }
    .order .odr-box .odr-inf .hd a:hover {
      text-decoration: underline; }
    .order .odr-box .odr-inf .sf, .order .odr-box .odr-inf .st, .order .odr-box .odr-inf .hd {
      border-left: 1px solid #ececec;
      border-right: 1px solid #ececec; }
.order .view-odr-more {
  display: block;
  width: 100%;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background: #fbfbfb;
  border-bottom: 1px solid #ececec;
  font-size: 12px;
  color: #999;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }
.order .view-odr-more:hover {
  background: #f6f6f6;
  color: #666; }
.order .the-pager {
  text-align: center;
  height: 35px;
  padding-top: 27px; }
.order .view-after-sale,
.order .aft-sale-app {
  margin-left: 17px; }
.order .nothing-tips {
  margin-top: 30px;
  margin-bottom: 15px;
  text-align: center; }
  .order .nothing-tips p {
    margin-bottom: 15px; }
.order .show-logistics {
  position: relative; }
  .order .show-logistics > a {
    margin: 0 !important;
    padding: 0 0 5px 0; }
  .order .show-logistics .logistics {
    display: none;
    position: absolute;
    top: 0;
    left: -188px;
    z-index: 5;
    width: 280px;
    border: 1px solid #c8a165;
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 10px;
    text-align: left; }
    .order .show-logistics .logistics > p {
      line-height: 35px;
      color: #999;
      border-bottom: 1px solid #ddd; }
    .order .show-logistics .logistics ul {
      padding: 10px 0 0 20px;
      line-height: 18px; }
    .order .show-logistics .logistics li {
      list-style: disc; }
    .order .show-logistics .logistics .logistics-all {
      margin-top: 20px; }
      .order .show-logistics .logistics .logistics-all a {
        display: inline;
        color: #c8a165;
        text-decoration: underline; }
  .order .show-logistics .logistics:before {
    content: '';
    position: absolute;
    top: -8px;
    left: 180px;
    z-index: 5;
    width: 0;
    height: 0;
    border-width: 0 7px 7px;
    border-style: solid;
    border-color: transparent transparent #c8a165; }
.order .show-logistics:hover .logistics {
  display: block; }

.odr-detail .right-ctn {
  padding-top: 42px;
  border: 1px solid transparent; }
.odr-detail .odet-ttl {
  margin-bottom: 15px; }
  .odr-detail .odet-ttl .number i {
    font-family: "Microsoft YaHei";
    font-size: 12px; }
.odr-detail .progress-box {
  height: 120px;
  width: 580px;
  margin: 35px auto; }
  .odr-detail .progress-box li {
    float: left;
    width: 135px;
    height: 120px;
    position: relative;
    z-index: 3; }
    .odr-detail .progress-box li i {
      display: block;
      width: 100%;
      height: 4px;
      background: #f2f2f2;
      margin-top: 58px; }
    .odr-detail .progress-box li div {
      font-size: 12px;
      position: absolute;
      bottom: 0;
      left: 19px;
      width: 100px;
      text-align: center;
      color: #999; }
    .odr-detail .progress-box li h4 {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      text-align: center;
      color: #666; }
  .odr-detail .progress-box li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    margin-top: -20px;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #f2f2f2;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #727272; }
  .odr-detail .progress-box .px div {
    width: 100px;
    text-align: center;
    left: -28px; }
  .odr-detail .progress-box .px h4 {
    text-align: left;
    left: -8px; }
  .odr-detail .progress-box .pj div {
    width: 100px;
    text-align: center;
    left: inherit;
    right: -30px; }
  .odr-detail .progress-box .pj h4 {
    text-align: right;
    left: inherit;
    right: 5px; }
  .odr-detail .progress-box .px, .odr-detail .progress-box .pj {
    width: 87px; }
  .odr-detail .progress-box .px:before {
    left: 0;
    margin-left: 0; }
  .odr-detail .progress-box .pj:before {
    left: inherit;
    margin-left: auto;
    right: 0; }
  .odr-detail .progress-box .px:after, .odr-detail .progress-box .fk:after, .odr-detail .progress-box .fh:after, .odr-detail .progress-box .sh:after, .odr-detail .progress-box .qr:after, .odr-detail .progress-box .pj:after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 8;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    text-align: center;
    line-height: 20px; }
  .odr-detail .progress-box .px:after {
    content: '1';
    left: 20px; }
  .odr-detail .progress-box .fk:after {
    content: '2'; }
  .odr-detail .progress-box .fh:after {
    content: '3'; }
  .odr-detail .progress-box .qr:after {
    content: '4'; }
  .odr-detail .progress-box .pj:after {
    content: '5';
    left: inherit;
    right: 10px; }
  .odr-detail .progress-box .on i {
    background: #c8a165; }
  .odr-detail .progress-box .on:before {
    background: #c8a165; }
  .odr-detail .progress-box .on:after {
    content: '';
    background: url("../../../img/icon.png") no-repeat -694px 5px; }
.odr-detail .info-box {
  box-sizing: border-box;
  border: 1px solid #ececec;
  font-size: 12px; }
  .odr-detail .info-box .info {
    width: 100%; }
    .odr-detail .info-box .info > ul {
      display: table; }
      .odr-detail .info-box .info > ul > li {
        display: table-cell; }
  .odr-detail .info-box .address {
    width: 40%;
    box-sizing: border-box;
    padding: 12px 20px; }
    .odr-detail .info-box .address tr {
      height: 28px; }
    .odr-detail .info-box .address td {
      line-height: 20px; }
    .odr-detail .info-box .address .one {
      width: 65px;
      vertical-align: top;
      padding-top: 4px; }
  .odr-detail .info-box .state {
    width: 60%;
    box-sizing: border-box;
    padding: 20px 35px;
    border-top: 1px solid #ececec;
    background: #fcf8f2; }
    .odr-detail .info-box .state .ts {
      font-size: 18px;
      height: 25px;
      line-height: 25px;
      color: #ff6600;
      position: relative;
      margin-bottom: 15px;
      font-family: "Microsoft YaHei"; }
    .odr-detail .info-box .state .pay-now {
      float: right; }
    .odr-detail .info-box .state .discp {
      width: 350px;
      color: #999;
      text-align: left;
      margin: 20px 0 20px 16px; }
      .odr-detail .info-box .state .discp li {
        list-style: inherit;
        line-height: 22px; }
    .odr-detail .info-box .state .logistics-inf {
      line-height: 22px; }
      .odr-detail .info-box .state .logistics-inf i {
        width: 125px;
        float: left; }
      .odr-detail .info-box .state .logistics-inf span {
        margin-left: 125px;
        display: block; }
.odr-detail .total-info {
  text-align: right;
  line-height: 20px;
  margin: 10px 0 30px 0; }
  .odr-detail .total-info span {
    display: inline-block;
    width: 100px; }
  .odr-detail .total-info li {
    line-height: 23px; }
  .odr-detail .total-info .real {
    margin-top: 8px; }

.make-sure-ord section {
  margin-top: 30px; }
.make-sure-ord .address-box {
  position: relative; }
  .make-sure-ord .address-box .address-manag {
    position: absolute;
    top: 14px;
    right: 0;
    font-size: 12px;
    cursor: pointer; }
  .make-sure-ord .address-box .address-manag:hover {
    text-decoration: underline;
    color: #c8a165; }
.make-sure-ord .new-address {
  width: 120px;
  height: 25px;
  margin: 20px 0 0 106px;
  line-height: 25px; }
.make-sure-ord .address-list > li {
  line-height: 28px;
  height: 28px;
  box-sizing: border-box;
  padding: 0 15px;
  font-size: 12px;
  margin: 6px 0; }
  .make-sure-ord .address-list > li .send-to {
    padding-left: 33px;
    margin-right: 20px;
    display: none;
    position: relative; }
  .make-sure-ord .address-list > li .send-to:after {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 20px;
    height: 25px;
    z-index: 2;
    background: url("../../../img/icon.png") no-repeat -650px -42px; }
  .make-sure-ord .address-list > li i {
    margin-left: 40px;
    color: #c8a165;
    display: none; }
  .make-sure-ord .address-list > li .address-info {
    margin-left: 91px; }
  .make-sure-ord .address-list > li .modify {
    float: right;
    display: none;
    cursor: pointer;
    font-weight: normal; }
.make-sure-ord .address-list > li:hover {
  background: #fff; }
  .make-sure-ord .address-list > li:hover .modify {
    display: inline; }
.make-sure-ord .address-list .current {
  line-height: 60px;
  height: 60px;
  border: 1px solid #c8a165;
  background: #f8f6f2;
  font-weight: bold; }
  .make-sure-ord .address-list .current .send-to {
    display: inline; }
  .make-sure-ord .address-list .current i {
    display: inline; }
  .make-sure-ord .address-list .current .address-info {
    margin-left: 0; }
  .make-sure-ord .address-list .current .modify {
    display: inline; }
.make-sure-ord .address-list .current:hover {
  background: #f8f6f2; }
.make-sure-ord .address-info {
  cursor: pointer; }
  .make-sure-ord .address-info input {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px; }
.make-sure-ord .order-info {
  margin-top: 40px; }
.make-sure-ord .pub-ord-gds .goods {
  background: #fff; }
.make-sure-ord .pub-ord-gds .sp {
  width: 426px; }
  .make-sure-ord .pub-ord-gds .sp div {
    width: 315px; }
.make-sure-ord .pub-ord-gds .dj {
  width: 210px; }
.make-sure-ord .pub-ord-gds .sl {
  width: 188px; }
.make-sure-ord .pub-ord-gds .xj {
  width: 294px; }
.make-sure-ord .total {
  height: 60px;
  background: #eaeaea;
  box-sizing: border-box;
  padding: 0 20px;
  border: 1px solid #ececec;
  margin-bottom: 30px;
  position: relative; }
  .make-sure-ord .total .stat i {
    font-family: "Microsoft YaHei"; }
  .make-sure-ord .total .stat s {
    color: #999;
    margin-left: 10px; }
  .make-sure-ord .total .preferential {
    float: right;
    padding-left: 0; }
  .make-sure-ord .total .in-total {
    float: right;
    line-height: 60px; }
.make-sure-ord .hd {
  text-align: right;
  margin-bottom: 80px; }
  .make-sure-ord .hd .commit-ord {
    margin-top: 20px; }
.make-sure-ord .total-info {
  text-align: right;
  line-height: 20px; }
  .make-sure-ord .total-info span {
    display: inline-block;
    width: 90px; }
.make-sure-ord .address-confirm {
  margin-top: 13px;
  text-align: right; }
  .make-sure-ord .address-confirm span {
    position: relative;
    background: #eaeaea;
    padding: 5px 5px 5px 28px; }
  .make-sure-ord .address-confirm span:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 3px;
    width: 20px;
    height: 25px;
    z-index: 2;
    background: url(../../../img/icon.png) no-repeat -650px -42px; }
.make-sure-ord .coupon-box {
  overflow: hidden;
  width: 1146px; }
.make-sure-ord .pub-coupon-blue {
  margin-right: 36px;
  margin-top: 20px; }
.make-sure-ord .coupons .pub-tab-head {
  margin-bottom: 0;
  border-bottom: 1px solid #c8a165; }
  .make-sure-ord .coupons .pub-tab-head li {
    border: 1px solid #c8a165;
    border-bottom: none; }
  .make-sure-ord .coupons .pub-tab-head .on span {
    border-top: 2px solid #c8a165; }
.make-sure-ord .coupons .pub-tab-body {
  border: 1px solid #c8a165;
  border-top: none;
  padding: 0 15px 15px; }
.make-sure-ord .computed {
  padding: 8px 10px;
  border: 1px solid #ddd;
  background: #efefef;
  margin: 20px 0; }
.make-sure-ord .no-coupons {
  line-height: 40px;
  padding-top: 20px; }
.make-sure-ord .promo-code {
  padding-top: 20px; }
  .make-sure-ord .promo-code .ipt {
    width: 468px;
    height: 35px;
    border: 1px solid #ddd;
    vertical-align: middle; }
  .make-sure-ord .promo-code button {
    width: 95px;
    height: 36px;
    font-size: 18px;
    color: #fff;
    background: #c8a165;
    vertical-align: middle;
    cursor: pointer; }
  .make-sure-ord .promo-code button:hover {
    background: #c3944a; }
  .make-sure-ord .promo-code label {
    padding-left: 20px;
    display: inline-block;
    vertical-align: middle; }

.odr-pay .info {
  height: 130px;
  box-sizing: border-box;
  padding: 35px; }
.odr-pay .wait-pay .price {
  font-size: 18px;
  font-family: "Microsoft YaHei"; }
  .odr-pay .wait-pay .price em {
    font-size: 24px;
    color: #ff6600; }
.odr-pay .wait-pay .odr-suc {
  font-size: 12px;
  margin-left: 30px; }
  .odr-pay .wait-pay .odr-suc i {
    font-family: "Microsoft YaHei"; }
.odr-pay .hint {
  margin-top: 13px;
  font-size: 12px; }
.odr-pay .pay-select {
  height: 300px;
  box-sizing: border-box;
  border: 1px solid #ececec;
  background: #fff;
  margin-bottom: 80px;
  padding: 30px 35px; }
.odr-pay .ways {
  padding-left: 65px;
  margin-top: 35px;
  overflow: hidden; }
  .odr-pay .ways > li {
    float: left;
    width: 150px;
    height: 60px;
    line-height: 58px;
    box-sizing: border-box;
    border: 1px solid #ececec;
    padding-left: 58px;
    position: relative;
    margin-right: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden; }
  .odr-pay .ways > li:before, .odr-pay .ways > li:after {
    content: '';
    position: absolute;
    z-index: 1;
    background-image: url("../../../img/icon.png");
    background-repeat: no-repeat; }
  .odr-pay .ways > li:before {
    width: 41px;
    height: 41px;
    left: 9px;
    top: 9px; }
  .odr-pay .ways .zhifubao:before {
    background-position: 1px -168px; }
  .odr-pay .ways .weixin:before {
    background-position: -62px -168px; }
  .odr-pay .ways .current {
    border-color: #c8a165; }
  .odr-pay .ways .current:after {
    width: 32px;
    height: 32px;
    right: 0;
    bottom: 0;
    background-position: -688px -33px; }
.odr-pay .pay-for {
  display: block;
  margin: 76px auto 0;
  user-select: none; }
.odr-pay .result-box {
  margin: 40px 0 105px 0;
  height: 500px;
  background: #fff;
  box-sizing: border-box;
  padding: 125px 330px; }
  .odr-pay .result-box > ul {
    box-sizing: border-box;
    width: 100%;
    padding-left: 80px;
    position: relative; }
    .odr-pay .result-box > ul li {
      box-sizing: border-box;
      padding-left: 20px; }
  .odr-pay .result-box > ul:after {
    content: '';
    position: absolute;
    top: 45px;
    left: 0;
    width: 83px;
    height: 83px;
    background-image: url("../../../img/icon.png");
    background-repeat: no-repeat; }
  .odr-pay .result-box .success:after {
    background-position: -920px -72px; }
  .odr-pay .result-box .fail:after {
    background-position: -810px -72px; }
  .odr-pay .result-box .tm {
    display: inline-block;
    height: 30px;
    padding-top: 10px;
    line-height: 30px;
    font-family: "Microsoft YaHei";
    font-size: 15px;
    font-weight: bold; }
  .odr-pay .result-box .pay-rs {
    height: 45px;
    line-height: 45px;
    color: #ff6600;
    font-size: 24px;
    font-family: "Microsoft YaHei"; }
  .odr-pay .result-box .price {
    font-family: "Microsoft YaHei";
    font-size: 18px; }
  .odr-pay .result-box .order-num {
    line-height: 35px;
    font-family: "Microsoft YaHei"; }
  .odr-pay .result-box .exp {
    line-height: 35px; }
.odr-pay .oprs {
  margin-top: 30px; }
.odr-pay .hollow-btn {
  display: inline-block;
  font-size: 12px;
  width: 140px;
  height: 40px;
  line-height: 40px; }
.odr-pay .view-order {
  border-color: #ececec; }
.odr-pay .browse, .odr-pay .continue-pay {
  border-color: #c8a165;
  color: #c8a165;
  margin-left: 20px; }

.address-manage .addr-ttl {
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  border: 1px solid #ececec;
  background: #f6f6f6;
  margin: 15px 0 10px 0; }
  .address-manage .addr-ttl > li {
    text-align: center;
    float: left; }
.address-manage .default-addr {
  display: none; }
.address-manage .shr {
  width: 120px; }
.address-manage .dz {
  width: 235px;
  box-sizing: border-box;
  padding: 0 10px; }
.address-manage .yb {
  width: 109px; }
.address-manage .sj {
  width: 123px; }
.address-manage .cz {
  width: 170px; }
  .address-manage .cz a {
    display: inline-block;
    width: 20px;
    height: 22px;
    background-image: url("../../../img/icon.png");
    background-repeat: no-repeat; }
  .address-manage .cz .addr-m-edit {
    background-position: -399px -104px;
    margin-right: 20px; }
  .address-manage .cz .addr-m-del {
    background-position: -432px -104px; }
.address-manage .kb {
  width: 100px; }
  .address-manage .kb .gold-btn, .address-manage .kb .hollow-sm-btn {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    margin: 0 auto; }
  .address-manage .kb .gold-btn:hover {
    background: #c8a165; }
.address-manage .addr-info {
  height: 88px;
  display: table;
  border: 1px solid #ececec;
  margin-top: -1px;
  font-size: 12px; }
  .address-manage .addr-info > li {
    text-align: center;
    display: table-cell;
    vertical-align: middle; }
.address-manage .addr-default {
  background: #f8f6f2;
  border: 1px solid #c8a165;
  position: relative;
  z-index: 2; }
  .address-manage .addr-default .default-addr {
    display: block; }
  .address-manage .addr-default .set-default {
    display: none; }
.address-manage .add-addr-btn {
  width: 120px;
  height: 40px;
  line-height: 40px;
  margin-top: 30px;
  font-size: 14px;
  float: right;
  cursor: pointer; }

.bank-card .card-container-pa {
  width: 100%;
  overflow: hidden; }
.bank-card .card-container {
  width: 878px;
  margin-top: 35px;
  overflow: hidden; }
  .bank-card .card-container > li {
    width: 274px;
    height: 150px;
    box-sizing: border-box;
    margin: 0 18px 18px 0;
    padding: 0 15px 15px 15px;
    float: left;
    border: 1px solid #f2ecdf;
    background-color: #f8f1e6;
    border-radius: 6px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
  .bank-card .card-container > li:hover {
    border: 1px solid #c8a165;
    background: #f2e3cb; }
  .bank-card .card-container .oprs {
    height: 50px;
    line-height: 50px;
    text-align: right;
    font-size: 12px; }
    .bank-card .card-container .oprs span {
      cursor: pointer;
      margin-left: 18px; }
    .bank-card .card-container .oprs span:hover {
      color: #c8a165; }
  .bank-card .card-container .info {
    height: 85px; }
    .bank-card .card-container .info .bank {
      float: left;
      width: 64px;
      height: 64px;
      -webkit-border-radius: 32px;
      -moz-border-radius: 32px;
      border-radius: 32px;
      background-image: url("../../../img/bank.png");
      background-repeat: no-repeat;
      background-color: #fff; }
    .bank-card .card-container .info .account {
      margin-left: 74px; }
    .bank-card .card-container .info .bank-name {
      margin-bottom: 10px;
      padding-top: 3px; }
  .bank-card .card-container .add-bank-card {
    text-align: center;
    cursor: pointer; }
    .bank-card .card-container .add-bank-card span {
      font-family: "Microsoft YaHei";
      font-size: 24px;
      display: inline-block;
      margin-top: 55px; }
    .bank-card .card-container .add-bank-card i {
      display: inline-block;
      width: 20px;
      height: 20px;
      float: left;
      margin-top: 7px;
      padding-top: 5px;
      margin-right: 10px;
      background: url(../../../img/icon.png) no-repeat -284px -43px; }
.bank-card .right-ctn {
  margin-bottom: 80px; }

.add-bank-card-pop .pub-pop-style,
.unbind-pop .pub-pop-style {
  width: 420px; }
  .add-bank-card-pop .pub-pop-style .two input,
  .unbind-pop .pub-pop-style .two input {
    width: 270px; }

.acc-setting .right-ctn {
  margin-bottom: 80px; }
.acc-setting .items {
  width: 100%;
  margin-top: 25px; }
  .acc-setting .items .one {
    width: 15%;
    box-sizing: border-box;
    padding-left: 20px; }
  .acc-setting .items .two {
    width: 67%; }
  .acc-setting .items .three {
    width: 18%;
    text-align: center; }
  .acc-setting .items thead tr {
    height: 48px; }
  .acc-setting .items tbody tr {
    height: 80px; }
  .acc-setting .items tbody .hp {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
  .acc-setting .items .p-note-icon {
    position: relative;
    top: -2px;
    margin-left: 15px; }
  .acc-setting .items .phone-bind, .acc-setting .items .phone {
    vertical-align: middle; }
.acc-setting .modify-psd-pop input[type='number'],
.acc-setting .modify-psd-pop input[type='password'], .acc-setting .setting-psd-pop input[type='number'],
.acc-setting .setting-psd-pop input[type='password'] {
  width: 248px; }
.acc-setting .modify-psd-pop tr .phone-code, .acc-setting .setting-psd-pop tr .phone-code {
  width: 190px; }
.acc-setting .get-code {
  display: inline-block;
  width: 48px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background: #c3944a;
  color: #fff;
  margin-left: 10px;
  cursor: pointer; }

.my-collection .pro-box {
  width: 880px; }
  .my-collection .pro-box .product {
    width: 273px; }
.my-collection .pub-pagebox-center {
  padding: 70px 0 40px 0; }
.my-collection .nothing-tips {
  text-align: center;
  margin-top: 90px;
  color: #999; }
  .my-collection .nothing-tips p {
    margin-top: 15px; }

.review-manage .right-ctn {
  margin-bottom: 100px; }
.review-manage .review-tb {
  width: 100%;
  margin-top: 25px; }
  .review-manage .review-tb thead {
    border-left: none;
    border-right: none;
    background: #fff; }
  .review-manage .review-tb th {
    height: 50px;
    padding-left: 25px;
    font-size: 12px;
    font-weight: bold; }
    .review-manage .review-tb th select {
      width: 80px;
      height: 24px;
      font-weight: normal; }
  .review-manage .review-tb td {
    height: 70px;
    padding-left: 20px;
    font-size: 12px;
    line-height: 17px;
    vertical-align: top; }
  .review-manage .review-tb .one {
    width: 56%; }
  .review-manage .review-tb .two {
    width: 44%; }
  .review-manage .review-tb .ptime {
    color: #999;
    margin-bottom: 7px; }
  .review-manage .review-tb .revw {
    padding-right: 20px; }
  .review-manage .review-tb tbody .two {
    vertical-align: top;
    padding-top: 15px;
    padding-bottom: 15px; }
.review-manage .review-details {
  padding: 10px 0;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  zoom: 1; }
.review-manage .items .rvw {
  line-height: 1.4;
  color: #3F3F3F;
  word-wrap: break-word;
  font-size: 12px; }
.review-manage .items .rvw-imgs {
  overflow: hidden;
  margin-top: 15px; }
  .review-manage .items .rvw-imgs li {
    display: table;
    float: left;
    margin-right: 10px; }
    .review-manage .items .rvw-imgs li div {
      display: table-cell;
      width: 52px;
      height: 52px;
      vertical-align: middle;
      text-align: center;
      border: 1px solid #ddd;
      box-sizing: border-box;
      cursor: pointer; }
    .review-manage .items .rvw-imgs li img {
      width: 100%;
      max-width: 50px;
      display: block; }
.review-manage .service-rev {
  margin-top: 10px;
  padding: 10px;
  background: #f2f2f2;
  font-size: 12px; }
  .review-manage .service-rev p {
    margin-bottom: 8px;
    color: #C8A165; }
  .review-manage .service-rev i {
    color: #666; }
.review-manage .prod {
  overflow: hidden;
  vertical-align: top;
  padding-top: 15px; }
  .review-manage .prod img {
    float: left;
    width: 80px;
    height: 80px;
    border: 1px solid #ddd; }
  .review-manage .prod .inf {
    font-size: 12px;
    margin-left: 90px; }
    .review-manage .prod .inf i {
      color: red; }
.review-manage .review-date {
  padding-top: 15px;
  display: block;
  color: #999; }
.review-manage .review-type {
  display: block;
  text-align: center;
  padding-left: 0;
  margin: 15px auto 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  font-weight: bold;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px; }
.review-manage .hao {
  color: #fff;
  background: #c8a165; }
.review-manage .zhong {
  color: #c8a165;
  border: 1px solid #c8a165; }
.review-manage .cha {
  background: #cacaca;
  color: #fff; }

.represent .right-ctn {
  overflow: hidden;
  padding-bottom: 110px;
  margin-bottom: 80px; }
.represent .rep-box {
  margin-top: 25px; }
  .represent .rep-box img {
    float: left; }
  .represent .rep-box .statement {
    box-sizing: border-box;
    padding: 30px 20px;
    background: #f9f7f3;
    height: 420px;
    overflow-y: auto; }
    .represent .rep-box .statement h2 {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 10px; }
    .represent .rep-box .statement h3 {
      font-size: 15px;
      font-weight: bold;
      padding: 5px 0 10px 0; }
    .represent .rep-box .statement p {
      margin-bottom: 10px;
      line-height: 21px; }
  .represent .rep-box .sta-box {
    margin-left: 390px;
    border: 1px solid #ddd; }
  .represent .rep-box .dad {
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #f4f4f4;
    border-top: 1px solid #ddd; }
  .represent .rep-box .become {
    width: 160px;
    font-size: 14px;
    height: 32px; }
.represent .is-agree {
  font-size: 12px; }
  .represent .is-agree input {
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px; }

.commission .right-ctn {
  margin-bottom: 80px; }
.commission .total-cm {
  font-size: 16px;
  font-family: "Microsoft YaHei";
  color: #F56503; }
.commission .withdraw {
  float: right;
  font-weight: normal; }
.commission .total-stat {
  display: table;
  width: 100%;
  height: 178px;
  margin: 30px 0;
  border: 1px solid #ececec;
  background: #fcf8f2; }
  .commission .total-stat li {
    display: table-cell;
    vertical-align: middle;
    width: 33.3333%; }
    .commission .total-stat li span, .commission .total-stat li i {
      display: block;
      width: 100%;
      text-align: center; }
    .commission .total-stat li span {
      font-size: 36px;
      font-family: "Microsoft YaHei"; }
    .commission .total-stat li i {
      font-size: 12px;
      margin-top: 13px; }
.commission .tixian-box .tips {
  font-size: 12px;
  color: #999;
  padding-bottom: 10px; }
.commission .pub-pagebox-center {
  margin-top: 40px; }
.commission .default-table {
  width: 100%;
  font-size: 12px; }
  .commission .default-table thead .one {
    width: 21%; }
  .commission .default-table thead .two {
    width: 20%; }
  .commission .default-table thead .three {
    width: 15%; }
  .commission .default-table thead .four {
    width: 44%; }
  .commission .default-table th {
    height: 50px;
    padding-left: 15px; }
  .commission .default-table tbody tr {
    height: 80px; }
    .commission .default-table tbody tr td {
      padding-left: 15px; }
  .commission .default-table tbody .one, .commission .default-table tbody .two {
    font-family: "Microsoft YaHei"; }
  .commission .default-table tbody .one {
    font-size: 14px; }
  .commission .default-table tbody .two {
    color: #999; }
  .commission .default-table tbody .four {
    padding-top: 10px;
    padding-bottom: 10px; }
    .commission .default-table tbody .four p {
      margin-bottom: 7px; }
    .commission .default-table tbody .four div {
      color: #999;
      line-height: 20px; }
  .commission .default-table .result {
    color: #ff6600; }
  .commission .default-table .view-more {
    padding-top: 7px;
    cursor: pointer;
    color: #333; }
  .commission .default-table .view-more:hover {
    color: #c8a165;
    text-decoration: underline; }
.commission .fanyong-tb .four span {
  margin-right: 10px; }
.commission .withdraw-box {
  margin-top: 50px; }
.commission .ipt-info {
  width: 450px;
  margin: 120px auto; }
  .commission .ipt-info li {
    padding: 10px 0; }
    .commission .ipt-info li select, .commission .ipt-info li input[type='number'] {
      width: 240px;
      height: 28px;
      box-sizing: border-box;
      border-radius: 4px;
      border: 1px solid #ddd; }
.commission .tx-tips {
  color: #999;
  font-size: 12px; }
.commission .withd-commit {
  border: none;
  display: block;
  margin-left: 150px;
  margin-top: 15px; }
.commission .view-more-pop th, .commission .view-more-pop td {
  text-align: center;
  height: 30px; }
.commission .view-more-pop .default-table tr {
  height: 40px; }
.commission .no-details {
  text-align: center;
  padding: 150px 0 130px; }

.commission-whd .right-ctn {
  height: 650px; }

.c-service .right-ctn {
  margin-bottom: 80px;
  padding-bottom: 100px; }
.c-service h4 {
  margin-top: 35px; }
  .c-service h4 span {
    padding-bottom: 3px;
    border-bottom: 2px solid #ddd;
    font-weight: bold; }
.c-service .erweima {
  margin: 25px 0 15px 25px; }
.c-service .phone {
  font-size: 24px;
  color: #666;
  font-family: "Microsoft YaHei";
  padding: 30px 0 0 25px; }
.c-service .qq {
  padding: 30px 0 0 25px; }
  .c-service .qq li {
    line-height: 20px; }

.aft-apply .aft-container {
  box-sizing: border-box;
  background-color: #fff;
  padding: 40px;
  margin: 20px 0;
  border: 1px solid #ececec; }
.aft-apply .tb {
  width: 100%;
  font-size: 12px;
  text-align: center;
  border: 1px solid #ececec;
  margin-top: 30px; }
  .aft-apply .tb th {
    height: 30px;
    text-align: center; }
  .aft-apply .tb thead .two {
    width: 20%; }
  .aft-apply .tb thead .thr {
    width: 15%; }
  .aft-apply .tb thead .four {
    width: 15%; }
  .aft-apply .tb .one {
    text-align: left;
    padding-left: 20px;
    width: 50%;
    font-family: "SimSun";
    font-size: 12px; }
  .aft-apply .tb td {
    height: 90px;
    font-family: "Microsoft YaHei";
    font-size: 14px; }
  .aft-apply .tb .price {
    display: block; }
.aft-apply .ord-info {
  width: 100%;
  border: 1px solid #ececec;
  font-size: 12px;
  margin-top: -1px; }
  .aft-apply .ord-info span {
    font-family: "Microsoft YaHei"; }
  .aft-apply .ord-info th {
    padding-left: 20px;
    height: 30px; }
  .aft-apply .ord-info td {
    padding: 15px 0 15px 30px; }
    .aft-apply .ord-info td p {
      line-height: 25px; }
.aft-apply .gold-btn {
  border: none;
  line-height: 28px; }
.aft-apply .fill-in-div {
  width: 100%;
  box-sizing: border-box;
  padding: 15px 0 30px 0;
  margin-top: 10px;
  border: 1px solid #ececec; }
.aft-apply .fill-in-box {
  width: 100%;
  font-size: 12px; }
  .aft-apply .fill-in-box .one {
    width: 75px;
    padding-left: 20px; }
  .aft-apply .fill-in-box tr {
    height: 50px; }
  .aft-apply .fill-in-box textarea {
    width: 660px;
    height: 100px;
    box-sizing: border-box;
    padding: 10px;
    resize: none;
    text-indent: 5px;
    border: 1px solid #ddd; }
  .aft-apply .fill-in-box .apply-num .pub-number-box {
    display: inline-block;
    vertical-align: middle; }
  .aft-apply .fill-in-box .apply-num .apply-num-max {
    vertical-align: middle;
    font-size: 12px;
    color: #999;
    margin-left: 15px; }
  .aft-apply .fill-in-box .vert-t {
    padding-top: 15px; }
.aft-apply .img-box {
  width: 100%;
  padding: 20px 0 10px 0;
  overflow: hidden; }
  .aft-apply .img-box > li {
    float: left;
    height: 82px; }
  .aft-apply .img-box .img-list {
    display: table; }
  .aft-apply .img-box .imgs {
    display: table-cell;
    margin-right: 10px;
    vertical-align: middle;
    text-align: center;
    padding-right: 15px; }
    .aft-apply .img-box .imgs > div {
      position: relative;
      width: 80px;
      height: 80px;
      border: 1px solid #ddd; }
    .aft-apply .img-box .imgs img {
      max-width: 100%;
      max-height: 100%; }
  .aft-apply .img-box .img-del {
    position: absolute;
    width: 100%;
    height: 25px;
    bottom: 0;
    left: 0;
    line-height: 25px;
    font-size: 12px;
    text-align: center;
    background: rgba(3, 3, 3, 0.5);
    color: #fff;
    cursor: pointer; }
  .aft-apply .img-box .img-del:hover {
    background: rgba(3, 3, 3, 0.7); }
  .aft-apply .img-box .upload-img {
    position: relative;
    width: 80px;
    height: 80px;
    box-sizing: border-box;
    margin-right: 10px;
    border: 1px dashed #999;
    cursor: pointer; }
    .aft-apply .img-box .upload-img input, .aft-apply .img-box .upload-img label {
      display: block;
      width: 100%;
      height: 100%;
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      cursor: pointer; }
  .aft-apply .img-box .upload-img:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    margin-top: -17px;
    margin-left: -17px;
    width: 34px;
    height: 34px;
    background: url("../../../img/icon.png") no-repeat -513px -106px; }
.aft-apply .webuploader-pick {
  width: 100%;
  height: 100%;
  padding: 0;
  background-color: transparent;
  z-index: 2; }
.aft-apply .commit-aft-info {
  display: block;
  margin: 30px auto 0;
  width: 335px;
  height: 40px;
  line-height: 40px;
  font-size: 14px; }
.aft-apply .info-div {
  padding: 0 20px 30px;
  border: 1px solid #ececec;
  margin-top: 10px;
  box-sizing: border-box;
  font-size: 12px; }
  .aft-apply .info-div .ttl {
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #ececec; }
    .aft-apply .info-div .ttl em {
      color: #ff6600;
      font-weight: bold; }
    .aft-apply .info-div .ttl span {
      font-family: "Microsoft YaHei"; }
    .aft-apply .info-div .ttl .gold-btn {
      float: right;
      margin-top: 10px;
      margin-right: 10px; }
    .aft-apply .info-div .ttl .aft-complete {
      color: #ff6600;
      float: right;
      font-size: 14px; }

.aft-refund .enclosure {
  display: table;
  height: auto;
  padding-top: 7px; }
  .aft-refund .enclosure > div, .aft-refund .enclosure > ul {
    display: table-cell; }
  .aft-refund .enclosure .e-items {
    display: table; }
    .aft-refund .enclosure .e-items li {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
      .aft-refund .enclosure .e-items li div {
        width: 80px;
        height: 80px;
        margin-right: 15px;
        cursor: pointer;
        border: 1px solid #ececec; }
      .aft-refund .enclosure .e-items li img {
        max-width: 100%;
        max-height: 100%; }
.aft-refund .params {
  padding: 20px 0;
  border-bottom: 1px solid #ececec;
  min-height: 170px;
  height: 100%; }
  .aft-refund .params .headp {
    float: left; }
    .aft-refund .params .headp div {
      width: 60px;
      height: 60px;
      border-radius: 30px;
      overflow: hidden;
      background: #ddd; }
    .aft-refund .params .headp img {
      width: 100%;
      height: 100%; }
  .aft-refund .params .info {
    margin-left: 80px;
    padding-top: 14px; }
    .aft-refund .params .info > div {
      height: 30px;
      line-height: 30px; }
  .aft-refund .params .bname {
    font-family: "Microsoft YaHei"; }
    .aft-refund .params .bname span {
      font-size: 14px; }
    .aft-refund .params .bname i {
      float: right;
      color: #999; }
  .aft-refund .params .aft-stat span {
    font-size: 14px;
    color: #ff6600;
    font-weight: bold; }
  .aft-refund .params .aft-stat i {
    float: right;
    color: #999;
    font-family: "Microsoft YaHei"; }
  .aft-refund .params .wul-info {
    width: 90%;
    padding: 10px 0 10px 10px;
    background-color: #ececec; }
    .aft-refund .params .wul-info input[type='text'], .aft-refund .params .wul-info input[type='number'] {
      width: 270px;
      height: 28px;
      border: 1px solid #ddd; }
    .aft-refund .params .wul-info span {
      margin-right: 20px; }
.aft-refund .buyer {
  border-bottom: 1px solid #999; }
.aft-refund .flow-path {
  width: 100%;
  height: 60px;
  margin-top: 30px; }
  .aft-refund .flow-path li {
    float: left;
    width: 33.3333%;
    height: 60px;
    line-height: 60px;
    position: relative;
    text-align: center; }
  .aft-refund .flow-path li:after {
    content: '';
    position: absolute;
    top: 0;
    right: -30px;
    z-index: 2;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent; }
  .aft-refund .flow-path .one {
    background: #f2e6d3; }
  .aft-refund .flow-path .one:after {
    border-left: 30px solid #f2e6d3; }
  .aft-refund .flow-path .two {
    background: #e9d5b6; }
  .aft-refund .flow-path .two:after {
    border-left: 30px solid #e9d5b6; }
  .aft-refund .flow-path .three {
    background: #e1c293; }
  .aft-refund .flow-path .three:after {
    display: none; }

.about-us .view {
  background: #fff;
  padding: 30px;
  margin: 20px 0;
  box-sizing: border-box; }
.about-us h3 {
  font-weight: normal;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  margin-bottom: 18px; }
.about-us p {
  font-size: 12px;
  line-height: 28px; }
.about-us .bread-nav {
  margin-bottom: 25px;
  font-size: 12px; }
.about-us .ctn > div {
  margin-bottom: 33px; }
.about-us .ctn h4 {
  margin-bottom: 10px; }
.about-us .team p {
  margin-bottom: 20px; }
.about-us .connect {
  overflow: hidden;
  margin-top: 30px; }
  .about-us .connect li {
    float: left;
    margin-right: 100px; }

.evaluate .ttl {
  margin-top: 15px;
  padding: 10px 0 25px 0;
  border-top: 1px solid #ddd; }
.evaluate .list-box {
  width: 860px;
  overflow: hidden; }
.evaluate .list {
  width: 910px;
  overflow: hidden; }
  .evaluate .list li {
    float: left;
    margin: 0 51px 30px 0; }
    .evaluate .list li div {
      float: left; }
    .evaluate .list li img {
      margin-left: 15px;
      width: 100px;
      height: 100px; }
.evaluate .done li img {
  margin-left: 7px; }
.evaluate .ebox {
  padding: 10px 30px;
  background: #fff7ec; }
.evaluate .etype {
  margin-right: 20px; }
.evaluate .area-box {
  position: relative;
  height: 150px;
  margin-top: 10px; }
  .evaluate .area-box textarea {
    padding-top: 5px;
    width: 100%;
    height: 100%;
    border-color: #c8a165;
    text-indent: 5px;
    resize: none;
    box-sizing: border-box; }
  .evaluate .area-box .t-len {
    position: absolute;
    bottom: 8px;
    right: 8px;
    font-size: 12px;
    color: #999; }
.evaluate .upload-box {
  overflow: hidden;
  padding: 10px;
  background: #f7e8d4; }
  .evaluate .upload-box .imgs {
    overflow: hidden;
    margin-left: 125px; }
    .evaluate .upload-box .imgs li {
      float: left;
      width: 50px;
      height: 50px;
      position: relative;
      margin-right: 10px;
      border: 1px solid #ddd; }
      .evaluate .upload-box .imgs li img {
        max-width: 100%;
        max-height: 100%; }
      .evaluate .upload-box .imgs li .del {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        text-align: center;
        line-height: 50px;
        cursor: pointer; }
    .evaluate .upload-box .imgs li:hover .del {
      display: block; }
.evaluate .webuploader-pick {
  padding: 8px 20px;
  border: 1px solid #666;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #666;
  font-size: 12px;
  background: none; }
.evaluate .upload-box .btns {
  float: left; }
.evaluate .fast-evla {
  margin: 20px 0; }
.evaluate .cm-box {
  margin-top: 25px; }
  .evaluate .cm-box .gold-btn {
    font-size: 14px;
    width: 100px;
    height: 35px; }

.my-coupons .pub-tab-body li {
  overflow: hidden; }
.my-coupons .coupon-ctn {
  width: 860px;
  overflow: hidden; }
.my-coupons .coupon-box {
  width: 1140px;
  overflow: hidden; }
.my-coupons .pub-coupon-blue {
  margin-right: 55px;
  margin-top: 30px; }
.my-coupons .coupons {
  position: relative; }
.my-coupons .get-coupons {
  position: absolute;
  right: 0;
  top: 0; }
.my-coupons .no-coupons {
  text-align: center;
  margin-top: 100px; }
  .my-coupons .no-coupons div {
    font-size: 16px; }
  .my-coupons .no-coupons .gold-btn {
    width: 167px;
    margin-top: 15px; }

.coupon-center .pro-box {
  width: 1140px;
  overflow: hidden; }
.coupon-center .coupons {
  width: 1212px;
  margin-bottom: 40px; }
.coupon-center .pub-coupon {
  margin-right: 74px;
  margin-bottom: 20px; }

/*# sourceMappingURL=main.css.map */