@charset "UTF-8";
/*------- Author: Tyler Chao===tylerchao.sh at gmail.com -------*/
html {
  background: #FFFFFF;
}

body,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
dl, dd,
fieldset, form,
input, select, textarea,
button,
figure {
  margin: 0;
}

ul, ol, menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

body {
  font-size: 75%;
  line-height: 1.5;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
}

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

fieldset, a img, iframe {
  border: 0 none;
}

address, em, i {
  font-style: normal;
}

abbr, acronym {
  font-variant: normal;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCCCCC;
  margin: 1em 0;
  padding: 0;
}

:active {
  outline: 0 none;
}

input, select, button {
  vertical-align: middle;
}

input, select, button, textarea {
  font-size: 100%;
  font-family: inherit;
}

button::-moz-focus-inner,
input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner {
  border: 0 none;
  padding: 0;
}

::-webkit-input-placeholder {
  color: #999999;
}

::-moz-placeholder {
  color: #999999;
}

:-moz-placeholder {
  color: #999999;
}

:-ms-input-placeholder {
  color: #999999;
}

.placeholder {
  color: #999999;
}

@font-face {
  font-family: "iconfonts";
  src: url("../fonts/iconfonts.eot?v=1.5.2");
  src: url("../fonts/iconfonts.eot?v=1.5.2#iefix") format("embedded-opentype"), url("../fonts/iconfonts.woff?v=1.5.2") format("woff"), url("../fonts/iconfonts.ttf?v=1.5.2") format("truetype"), url("../fonts/iconfonts.svg?v=1.5.2#svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon:before, [class^=icon-]:before {
  display: inline-block;
  vertical-align: 0;
  line-height: 1;
  font-family: "iconfonts";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: none;
  text-rendering: auto;
  speak: none;
}

.icon-add:before {
  content: "⠁";
}

.icon-alarm:before {
  content: "⠂";
}

.icon-alert:before {
  content: "⠃";
}

.icon-arrow-back:before {
  content: "⠄";
}

.icon-arrow-down:before {
  content: "⠇";
}

.icon-arrow-down-a:before {
  content: "⠅";
}

.icon-arrow-down-b:before {
  content: "⠆";
}

.icon-arrow-end-a:before {
  content: "⠈";
}

.icon-arrow-forward:before {
  content: "⠉";
}

.icon-arrow-left:before {
  content: "⠌";
}

.icon-arrow-left-a:before {
  content: "⠊";
}

.icon-arrow-left-b:before {
  content: "⠋";
}

.icon-arrow-right:before {
  content: "⠏";
}

.icon-arrow-right-a:before {
  content: "⠍";
}

.icon-arrow-right-b:before {
  content: "⠎";
}

.icon-arrow-start-a:before {
  content: "⠐";
}

.icon-arrow-up:before {
  content: "⠓";
}

.icon-arrow-up-a:before {
  content: "⠑";
}

.icon-arrow-up-b:before {
  content: "⠒";
}

.icon-bag:before {
  content: "⠕";
}

.icon-bag-flash:before {
  content: "⠔";
}

.icon-bell:before {
  content: "⠗";
}

.icon-bell-a:before {
  content: "⠖";
}

.icon-bolt:before {
  content: "⠘";
}

.icon-bookmark:before {
  content: "⠙";
}

.icon-calculator:before {
  content: "⠚";
}

.icon-calendar:before {
  content: "⠛";
}

.icon-card:before {
  content: "⠜";
}

.icon-cart:before {
  content: "⠞";
}

.icon-cart-a:before {
  content: "⠝";
}

.icon-cash:before {
  content: "⠟";
}

.icon-chatbox:before {
  content: "⠠";
}

.icon-chatboxes:before {
  content: "⠢";
}

.icon-chatboxes-a:before {
  content: "⠡";
}

.icon-chatbubble:before {
  content: "⠥";
}

.icon-chatbubble-a:before {
  content: "⠣";
}

.icon-chatbubble-b:before {
  content: "⠤";
}

.icon-chatbubbles:before {
  content: "⠦";
}

.icon-checkmark:before {
  content: "⠬";
}

.icon-checkmark-a:before {
  content: "⠧";
}

.icon-checkmark-b:before {
  content: "⠨";
}

.icon-checkmark-c:before {
  content: "⠩";
}

.icon-checkmark-d:before {
  content: "⠪";
}

.icon-checkmark-e:before {
  content: "⠫";
}

.icon-chevron-down:before {
  content: "⠭";
}

.icon-chevron-left:before {
  content: "⠮";
}

.icon-chevron-right:before {
  content: "⠯";
}

.icon-chevron-up:before {
  content: "⠰";
}

.icon-circle:before {
  content: "⠲";
}

.icon-circle-filled:before {
  content: "⠱";
}

.icon-clock:before {
  content: "⠳";
}

.icon-close:before {
  content: "⠸";
}

.icon-close-a:before {
  content: "⠴";
}

.icon-close-b:before {
  content: "⠵";
}

.icon-close-c:before {
  content: "⠶";
}

.icon-close-d:before {
  content: "⠷";
}

.icon-cloud:before {
  content: "⠺";
}

.icon-cloud-a:before {
  content: "⠹";
}

.icon-compose:before {
  content: "⠼";
}

.icon-compose-a:before {
  content: "⠻";
}

.icon-connection:before {
  content: "⠽";
}

.icon-contact:before {
  content: "⠿";
}

.icon-contact-a:before {
  content: "⠾";
}

.icon-doc:before {
  content: "⡂";
}

.icon-doc-flash:before {
  content: "⡀";
}

.icon-doc-text:before {
  content: "⡁";
}

.icon-drag:before {
  content: "⡃";
}

.icon-drawer:before {
  content: "⡄";
}

.icon-dropdown:before {
  content: "⡅";
}

.icon-earth:before {
  content: "⡆";
}

.icon-email:before {
  content: "⡈";
}

.icon-email-a:before {
  content: "⡇";
}

.icon-eye:before {
  content: "⡉";
}

.icon-flag:before {
  content: "⡋";
}

.icon-flag-a:before {
  content: "⡊";
}

.icon-flower:before {
  content: "⡌";
}

.icon-folder:before {
  content: "⡎";
}

.icon-folder-a:before {
  content: "⡍";
}

.icon-forward:before {
  content: "⡏";
}

.icon-gear:before {
  content: "⡑";
}

.icon-gear-a:before {
  content: "⡐";
}

.icon-grid:before {
  content: "⡒";
}

.icon-heart:before {
  content: "⡔";
}

.icon-heart-a:before {
  content: "⡓";
}

.icon-help:before {
  content: "⡖";
}

.icon-help-a:before {
  content: "⡕";
}

.icon-home:before {
  content: "⡘";
}

.icon-home-a:before {
  content: "⡗";
}

.icon-image:before {
  content: "⡙";
}

.icon-images:before {
  content: "⡚";
}

.icon-info:before {
  content: "⡜";
}

.icon-info-a:before {
  content: "⡛";
}

.icon-lightbulb:before {
  content: "⡞";
}

.icon-lightbulb-a:before {
  content: "⡝";
}

.icon-link:before {
  content: "⡟";
}

.icon-load-a:before {
  content: "⡠";
}

.icon-load-b:before {
  content: "⡡";
}

.icon-load-c:before {
  content: "⡢";
}

.icon-locate:before {
  content: "⡣";
}

.icon-location:before {
  content: "⡤";
}

.icon-lock:before {
  content: "⡥";
}

.icon-locked:before {
  content: "⡦";
}

.icon-login:before {
  content: "⡧";
}

.icon-logout:before {
  content: "⡨";
}

.icon-loop:before {
  content: "⡪";
}

.icon-loop-strong:before {
  content: "⡩";
}

.icon-medal:before {
  content: "⡫";
}

.icon-mic:before {
  content: "⡭";
}

.icon-mic-a:before {
  content: "⡬";
}

.icon-minus:before {
  content: "⡰";
}

.icon-minus-a:before {
  content: "⡮";
}

.icon-minus-b:before {
  content: "⡯";
}

.icon-more:before {
  content: "⡱";
}

.icon-navicon:before {
  content: "⡲";
}

.icon-navigate-a:before {
  content: "⡳";
}

.icon-paperclip:before {
  content: "⡴";
}

.icon-person:before {
  content: "⡶";
}

.icon-person-add:before {
  content: "⡵";
}

.icon-persons:before {
  content: "⡷";
}

.icon-pin:before {
  content: "⡸";
}

.icon-plus:before {
  content: "⡻";
}

.icon-plus-a:before {
  content: "⡹";
}

.icon-plus-b:before {
  content: "⡺";
}

.icon-power:before {
  content: "⡼";
}

.icon-pricetag:before {
  content: "⡾";
}

.icon-pricetag-a:before {
  content: "⡽";
}

.icon-pricetags:before {
  content: "⢀";
}

.icon-pricetags-a:before {
  content: "⡿";
}

.icon-printer:before {
  content: "⢁";
}

.icon-pulse:before {
  content: "⢂";
}

.icon-record:before {
  content: "⢃";
}

.icon-refresh:before {
  content: "⢄";
}

.icon-remove:before {
  content: "⢅";
}

.icon-reply:before {
  content: "⢇";
}

.icon-reply-all:before {
  content: "⢆";
}

.icon-sad:before {
  content: "⢈";
}

.icon-search:before {
  content: "⢊";
}

.icon-search-a:before {
  content: "⢉";
}

.icon-share:before {
  content: "⢋";
}

.icon-shop-flash:before {
  content: "⢌";
}

.icon-star:before {
  content: "⢏";
}

.icon-star-a:before {
  content: "⢍";
}

.icon-star-half:before {
  content: "⢎";
}

.icon-stop:before {
  content: "⢐";
}

.icon-storage:before {
  content: "⢑";
}

.icon-telephone:before {
  content: "⢓";
}

.icon-telephone-a:before {
  content: "⢒";
}

.icon-tip:before {
  content: "⢔";
}

.icon-trash:before {
  content: "⢖";
}

.icon-trash-a:before {
  content: "⢕";
}

.icon-unlocked:before {
  content: "⢗";
}

.icon-user:before {
  content: "⢘";
}

.icon-volume-high:before {
  content: "⢙";
}

.icon-volume-low:before {
  content: "⢚";
}

.icon-wifi:before {
  content: "⢛";
}

.icon-success {
  color: #8AB660;
}

.icon-warning {
  color: #FEBF0F;
}

.wrap {
  margin-left: auto;
  margin-right: auto;
  width: 950px;
}

.wrap-lg {
  margin-left: auto;
  margin-right: auto;
  width: 1190px;
}

.wrap-lg .col-lg-2 li{
  margin-top:10px;
}

.wrap-fluid:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}

.col, [class|=col] {
  float: left;
  margin-left: 10px;
}

[class|=col-lg] {
  margin-left: 50px;
}

.col-1 {
  width: 50px;
}

.col-lg-1 {
  width: 65px;
}

.offset-1 {
  margin-left: 60px;
}

.offset-lg-1 {
  margin-left: 75px;
}

.col-2 {
  width: 110px;
}

.col-lg-2 {
  width: 110px;
}
.wrap-lg .col-lg-2 li{
    margin-top:10px;
}

.offset-2 {
  margin-left: 120px;
}

.offset-lg-2 {
  margin-left: 150px;
}

.col-3 {
  width: 170px;
}

.col-lg-3 {
  width: 215px;
}

.offset-3 {
  margin-left: 180px;
}

.offset-lg-3 {
  margin-left: 225px;
}

.col-4 {
  width: 230px;
}

.col-lg-4 {
  width: 290px;
}

.offset-4 {
  margin-left: 240px;
}

.offset-lg-4 {
  margin-left: 300px;
}

.col-5 {
  width: 290px;
}

.col-lg-5 {
  width: 365px;
}

.offset-5 {
  margin-left: 300px;
}

.offset-lg-5 {
  margin-left: 375px;
}

.col-6 {
  width: 350px;
}

.col-lg-6 {
  width: 440px;
}

.offset-6 {
  margin-left: 360px;
}

.offset-lg-6 {
  margin-left: 450px;
}

.col-7 {
  width: 410px;
}

.col-lg-7 {
  width: 515px;
}

.offset-7 {
  margin-left: 420px;
}

.offset-lg-7 {
  margin-left: 525px;
}

.col-8 {
  width: 470px;
}

.col-lg-8 {
  width: 590px;
}

.offset-8 {
  margin-left: 480px;
}

.offset-lg-8 {
  margin-left: 600px;
}

.col-9 {
  width: 530px;
}

.col-lg-9 {
  width: 665px;
}

.offset-9 {
  margin-left: 540px;
}

.offset-lg-9 {
  margin-left: 675px;
}

.col-10 {
  width: 590px;
}

.col-lg-10 {
  width: 740px;
}

.offset-10 {
  margin-left: 600px;
}

.offset-lg-10 {
  margin-left: 750px;
}

.col-11 {
  width: 650px;
}

.col-lg-11 {
  width: 815px;
}

.offset-11 {
  margin-left: 660px;
}

.offset-lg-11 {
  margin-left: 825px;
}

.col-12 {
  width: 710px;
}

.col-lg-12 {
  width: 890px;
}

.btnpa{display:block;background:#d4b160;width:90px;height:22px;line-height: 22px;color:white;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;
text-align:center;border:1px solid #e4d1a7;margin: 7px 0 0 0;}

.offset-12 {
  margin-left: 720px;
}

.offset-lg-12 {
  margin-left: 900px;
}

.col-13 {
  width: 770px;
}

.col-lg-13 {
  width: 965px;
}

.offset-13 {
  margin-left: 780px;
}

.offset-lg-13 {
  margin-left: 975px;
}

.col-14 {
  width: 830px;
}

.col-lg-14 {
  width: 1040px;
}

.offset-14 {
  margin-left: 840px;
}

.offset-lg-14 {
  margin-left: 1050px;
}

.col-15 {
  width: 890px;
}

.col-lg-15 {
  width: 1115px;
}

.offset-15 {
  margin-left: 900px;
}

.offset-lg-15 {
  margin-left: 1125px;
}

.col-16 {
  width: 950px;
}

.col-lg-16 {
  width: 1190px;
}

.row:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.row [class|="col"]:first-child {
  margin-left: 0;
}
.row.wrap {
  width: 960px;
}
.row.wrap-lg {
  width: 1200px;
}

.input-row {
  margin-bottom: 10px;
}
.input-row input.col-1 {
  width: 44px;
}
.input-row input.col-lg-1 {
  width: 59px;
}
.input-row input.col-2 {
  width: 104px;
}
.input-row input.col-lg-2 {
  width: 134px;
}
.input-row input.col-3 {
  width: 164px;
}
.input-row input.col-lg-3 {
  width: 209px;
}
.input-row input.col-4 {
  width: 224px;
}
.input-row input.col-lg-4 {
  width: 284px;
}
.input-row input.col-5 {
  width: 284px;
}
.input-row input.col-lg-5 {
  width: 359px;
}
.input-row input.col-6 {
  width: 344px;
}
.input-row input.col-lg-6 {
  width: 434px;
}
.input-row input.col-7 {
  width: 404px;
}
.input-row input.col-lg-7 {
  width: 509px;
}
.input-row input.col-8 {
  width: 464px;
}
.input-row input.col-lg-8 {
  width: 584px;
}
.input-row input.col-9 {
  width: 524px;
}
.input-row input.col-lg-9 {
  width: 659px;
}
.input-row input.col-10 {
  width: 584px;
}
.input-row input.col-lg-10 {
  width: 734px;
}
.input-row input.col-11 {
  width: 644px;
}
.input-row input.col-lg-11 {
  width: 809px;
}
.input-row input.col-12 {
  width: 704px;
}
.input-row input.col-lg-12 {
  width: 884px;
}
.input-row input.col-13 {
  width: 764px;
}
.input-row input.col-lg-13 {
  width: 959.0px;
}
.input-row input.col-14 {
  width: 824px;
}
.input-row input.col-lg-14 {
  width: 1034px;
}
.input-row input.col-15 {
  width: 884px;
}
.input-row input.col-lg-15 {
  width: 1109px;
}
.input-row input.col-16 {
  width: 944px;
}
.input-row input.col-lg-16 {
  width: 1184px;
}

.table {
  width: 100%;
  max-width: 100%;
}
.table > thead > tr,
.table > tbody > tr,
.table > tfoot > tr {
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 5px 2px;
  line-height: 1.5;
}
.table > thead > tr.selected,
.table > tbody > tr.selected,
.table > tfoot > tr.selected {
  background-color: #fffcf4;
}
.table > thead > tr.active,
.table > tbody > tr.active,
.table > tfoot > tr.active {
  background-color: whitesmoke;
}
.table > thead > tr.active:hover,
.table > tbody > tr.active:hover,
.table > tfoot > tr.active:hover {
  background-color: #ededed;
}
.table > thead > tr.success,
.table > tbody > tr.success,
.table > tfoot > tr.success {
  background-color: #f1f6ec;
}
.table > thead > tr.success:hover,
.table > tbody > tr.success:hover,
.table > tfoot > tr.success:hover {
  background-color: #e9f1e1;
}
.table > thead > tr.info,
.table > tbody > tr.info,
.table > tfoot > tr.info {
  background-color: #e7f6fa;
}
.table > thead > tr.info:hover,
.table > tbody > tr.info:hover,
.table > tfoot > tr.info:hover {
  background-color: #daf1f8;
}
.table > thead > tr.warning,
.table > tbody > tr.warning,
.table > tfoot > tr.warning {
  background-color: #fdf5e9;
}
.table > thead > tr.warning:hover,
.table > tbody > tr.warning:hover,
.table > tfoot > tr.warning:hover {
  background-color: #fceedb;
}
.table > thead > tr.error,
.table > tbody > tr.error,
.table > tfoot > tr.error {
  background-color: #fbf0ef;
}
.table > thead > tr.error:hover,
.table > tbody > tr.error:hover,
.table > tfoot > tr.error:hover {
  background-color: #f9e4e2;
}
.table > thead > tr {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > colgroup + thead > tr:first-child,
.table > thead:first-child > tr:first-child {
  border-top: 0;
}

.table-striped > tbody > :nth-child(odd) {
  background-color: #f9f9f9;
}

.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th {
  border: 1px solid #dddddd;
}
.table-bordered > thead {
  background-color: #f3f3f3;
}

.table-hover > tbody > tr:hover {
  background-color: whitesmoke;
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

/*------- buttons -------*/
button {
  margin: 0;
  white-space: nowrap;
  cursor: pointer;
}

.btn {
  border: 0 none;
  background-color: transparent;
  padding: 0;
  font-size: 116.66667%;
  outline-offset: -2px;
}
.btn span {
  display: inline-block;
  height: 100%;
  font-size: inherit;
}
.btn > span {
  padding-left: 1em;
  border: 1px solid #cccccc;
  background-color: white;
}
.btn > span > span {
  padding-right: 1em;
  line-height: 34px;
}
.btn[disabled], .btn.disabled {
  cursor: default;
  pointer-events: none;
}
.btn[disabled] > span, .btn.disabled > span {
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.btn:hover > span, .btn:focus > span {
  background-color: #f2f2f2;
}

a.btn {
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
}

::-webkit-file-upload-button {
  margin-left: 2px;
  padding: 0 1em;
  border: 1px solid #cccccc;
  background-color: #F9F9F9;
  line-height: 20px;
  border-radius: 4px;
  outline: 0;
}
::-webkit-file-upload-button:hover {
  background-color: #e6e6e6;
}

.btn-flat {
  color: #333333;
}
.btn-flat:hover > span, .btn-flat:focus > span {
  border-color: #c4c4c4;
  background-color: #fafafa;
  color: #262626;
}

.btn-plane > span,
.btn-plane:hover > span,
.btn-plane:focus > span {
  background-color: #EEEEEE;
}

a.btn-simple {
  color: #333333;
}

.btn-primary > span {
  border-color: #3071a9;
  background-color: #428bca;
  color: white;
}
.btn-primary:hover > span, .btn-primary:focus > span {
  background-color: #357ebd;
}

.btn-success > span {
  border-color: #719c47;
  background-color: #8AB660;
  color: white;
}
.btn-success:hover > span, .btn-success:focus > span {
  background-color: #7dad4f;
}

.btn-info > span {
  border-color: #31b0d5;
  background-color: #5bc0de;
  color: white;
}
.btn-info:hover > span, .btn-info:focus > span {
  background-color: #46b8da;
}

.btn-warning > span {
  border-color: #ec971f;
  background-color: #f0ad4e;
  color: white;
}
.btn-warning:hover > span, .btn-warning:focus > span {
  background-color: #eea236;
}

.btn-danger > span {
  border-color: #c9302c;
  background-color: #d9534f;
  color: white;
}
.btn-danger:hover > span, .btn-danger:focus > span {
  background-color: #d43f3a;
}

.btn-import > span,
.btn-major > span,
.btn-caution > span {
  padding-left: 1.5em;
  border-color: transparent;
  color: white;
}
.btn-import > span > span,
.btn-major > span > span,
.btn-caution > span > span {
  padding-right: 1.5em;
}

a.btn-import > span,
a.btn-major > span,
a.btn-caution > span {
  color: white;
}
a.btn-import:hover > span, a.btn-import:focus > span,
a.btn-major:hover > span,
a.btn-major:focus > span,
a.btn-caution:hover > span,
a.btn-caution:focus > span {
  color: white;
}

.btn-link > span {
  border: 0 none;
  background-color: transparent;
  color: #0563C3;
}
.btn-link > span > span {
  text-decoration: underline;
}
.btn-link:hover > span, .btn-link:focus > span {
  background-color: transparent;
  color: #033d78;
}

.btn-rounded {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
.btn-rounded > span {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.btn-sm, .input-comb-sm > .input-comb-btn {
  font-size: 100%;
}
.btn-sm > span, .input-comb-sm > .input-comb-btn > span {
  padding-left: .5em;
}
.btn-sm > span > span, .input-comb-sm > .input-comb-btn > span > span {
  padding-right: .5em;
  line-height: 22px;
}

.btn-lg, .input-comb-lg > .input-comb-btn {
  font-size: 133.33333%;
}
.btn-lg > span, .input-comb-lg > .input-comb-btn > span {
  padding-left: 1.5em;
}
.btn-lg > span > span, .input-comb-lg > .input-comb-btn > span > span {
  padding-right: 1.5em;
  height: 46px;
  line-height: 46px;
}

.btn-block {
  display: block;
  width: 100%;
}
.btn-block span {
  display: block;
}
.btn-block > span {
  padding-left: 0;
}
.btn-block > span > span {
  padding-right: 0;
  width: 100%;
}

a.btn-block {
  text-align: center;
}

.btn-collapse,
.btn-expand {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  border: 1px solid #A9A9A9;
  vertical-align: middle;
  text-align: center;
  font: 14px/18px simsun, serif;
  color: #8B8B8B;
}

/*new*/
.btn .icon-arrow-down-a,
.btn .icon-arrow-up-a {
  display: none;
}
.btn.is-asc .icon-arrow-down-a {
  display: none;
}
.btn.is-asc .icon-arrow-up-a {
  display: inline-block;
}
.btn.is-desc .icon-arrow-down-a {
  display: inline-block;
}
.btn.is-desc .icon-arrow-up-a {
  display: none;
}

.btn-tab {
  color: #666;
}
.btn-tab span {
  width: 86px;
  padding-left: 0;
  line-height: 35px;
  background: #e8e8e8;
  border: none;
  border-radius: 5px 5px 0 0;
  text-align: center;
}
.btn-tab span span {
  padding-right: 0;
}

.more-btn .icon, .more-btn [class^=icon-]:before {
  display: inline-block !important;
}
.more-btn .unexpand-btn {
  display: none !important;
}
.more-btn.is-expand .unexpand-btn {
  display: inline-block !important;
}
.more-btn.is-expand .expand-btn {
  display: none !important;
}

.is-expand .more-btn .unexpand-btn {
  display: inline-block !important;
}
.is-expand .more-btn .expand-btn {
  display: none !important;
}

/*----- 基本表单元素 ------*/
input, select, textarea {
  padding: 2px;
  border: 1px solid #cccccc;
  background-color: white;
}
input:hover, input:focus, select:hover, select:focus, textarea:hover, textarea:focus {
  border-color: darkgray;
}
input[readonly], input[disabled], select[readonly], select[disabled], textarea[readonly], textarea[disabled] {
  background-color: #eeeeee;
  border-color: #d4d4d4;
}

input, select, textarea, .input-comb > .input-comb-addon {
  line-height: 30px;
}

input, select, .input-comb > .input-comb-addon {
  height: 30px;
}

input[type=search], select {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=checkbox], input[type=radio], input[type=range], fieldset, legend {
  border: 0 none;
}

input[type=search] {
  -webkit-appearance: none;
  outline-offset: -2px;
}
input[type=checkbox], input[type=radio] {
  margin: 0;
  margin-top: 1px \9;
  height: 13px;
  line-height: normal;
}
input[type="file"] {
  display: block;
  outline-offset: -2px;
}
input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-calendar-picker-indicator, input[type=month]::-webkit-inner-spin-button, input[type=month]::-webkit-calendar-picker-indicator, input[type=week]::-webkit-inner-spin-button, input[type=week]::-webkit-calendar-picker-indicator, input[type=time]::-webkit-inner-spin-button, input[type=time]::-webkit-calendar-picker-indicator, input[type=datetime-local]::-webkit-inner-spin-button, input[type=datetime-local]::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
  display: none;
}
input[type=date]::-webkit-datetime-edit-text:nth-child(2), input[type=date]::-webkit-datetime-edit-text:nth-child(4), input[type=datetime-local]::-webkit-datetime-edit-text:nth-child(2), input[type=datetime-local]::-webkit-datetime-edit-text:nth-child(4) {
  color: #FFFFFF;
  display: inline-block;
  width: 5px;
  margin: 0 2px;
  height: 0;
  border-top: 1px solid #333333;
  vertical-align: middle;
}

select[multiple], select[size] {
  height: auto;
}

fieldset {
  padding: 0;
  margin: 0;
  min-width: 0;
}
@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  font-size: 18px;
  line-height: inherit;
  border-bottom: 1px solid #eeeeee;
}

label {
  display: inline-block;
  max-width: 100%;
}

/*------ 基本表单元素辅助类 ------*/
.placeholder {
  position: absolute;
  left: 4px;
  top: 6px;
  z-index: 2;
}

.input-block {
  display: block;
  width: 98% \9;
  width: calc(100% - 2 * (2px + 1px));
}

.input-lg, .input-comb-lg input, .input-comb-lg > .input-comb-addon {
  height: 42px;
  line-height: 42px;
  font-size: 150%;
}

.input-sm, .input-comb-sm input, .input-comb-sm > .input-comb-addon {
  height: 18px;
  line-height: 18px;
}

.input-xxst {
  width: 30px;
}

.input-xst {
  width: 59px;
}

.input-st {
  width: 134px;
}

.input-me {
  width: 209px;
}

.input-ln {
  width: 284px;
}

.input-xln {
  width: 359px;
}

.input-xxln {
  width: 434px;
}

.input-comb {
  letter-spacing: -4px;
}
.input-comb > [class*=col-] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
@media \0screen {
  .input-comb > input {
    margin-right: -1px;
  }
}
.input-comb > input + .input-comb-addon,
.input-comb > input + .input-comb-btn {
  margin-left: -1px;
}
.input-comb > .input-comb-addon,
.input-comb > .input-comb-btn {
  letter-spacing: 0;
  white-space: nowrap;
  vertical-align: middle;
}
.input-comb > .input-comb-addon + input,
.input-comb > .input-comb-btn + input {
  margin-left: -1px;
}
.input-comb > .input-comb-addon {
  display: inline-block;
  padding: 2px 4px;
  min-width: 27px;
  border: 1px solid #cccccc;
  background-color: #eeeeee;
  text-align: center;
}
.input-comb > .input-comb-addon [class|=icon] {
  font-size: 20px;
}

.input-comb-lg > .input-comb-addon {
  padding: 2px 6px;
  min-width: 35px;
}
.input-comb-lg [class|=icon] {
  font-size: 22px;
}

.input-comb-sm > .input-comb-addon {
  padding: 2px 3px;
  min-width: 20px;
}
.input-comb-sm [class|=icon] {
  font-size: 16px;
}

.radio,
.checkbox {
  display: block;
  min-height: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  margin-right: 5px;
  vertical-align: 0;
}

.radio-inline,
.checkbox-inline {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-left: 10px;
}

/*------ form表单相关 ------*/
.form-row {
  position: relative;
  min-height: 36px;
}
.form-row:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.form-row .verify-code {
  vertical-align: middle;
}
.form-row .inline {
  display: inline-block;
  vertical-align: middle;
}
.form-row .inline div {
  display: inline;
}
.form-row .auto-change-verify-handle {
  cursor: pointer;
}

.form-row-action {
  margin-top: 20px;
}

.form-row-last {
  margin-bottom: 0;
}

.form-label {
  float: left;
  width: 9em;
  min-height: 1px;
  text-align: right;
  line-height: 36px;
}
.form-label em {
  margin-right: 5px;
  color: #EF4521;
}

.form-act {
  display: block;
  margin-left: 10em;
  line-height: 34px;
}
.form-act label {
  margin-left: 5px;
  margin-right: 15px;
  vertical-align: middle;
}
.form-act select {
  margin-right: 10px;
}
.form-act button {
  margin-right: 20px;
}

.form-act textarea, .form-act-wide textarea, .form-act-side textarea {
  display: block;
  width: 99%;
  -webkit-resize: vertical;
  -moz-resize: vertical;
  resize: vertical;
}

.has-figure {
  position: relative;
}
.has-figure .input-block {
  padding-right: 36px;
  width: 86% \9;
  width: calc(100% - 2 * 1px - 2px - 36px);
}
.has-figure .input-lg, .has-figure .input-comb-lg input, .input-comb-lg .has-figure input, .has-figure .input-comb-lg > .input-comb-addon {
  padding-right: 48px;
  width: 83% \9;
  width: calc(100% - 2 * 1px - 2px - 48px);
}
.has-figure .input-sm, .has-figure .input-comb-sm input, .input-comb-sm .has-figure input, .has-figure .input-comb-sm > .input-comb-addon {
  padding-right: 24px;
  width: 89% \9;
  width: calc(100% - 2 * 1px - 2px - 24px);
}
.has-figure .input-figure {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 18px;
  color: #999999;
}
.has-figure .input-figure-lg {
  width: 48px;
  height: 48px;
  line-height: 48px;
}
.has-figure .input-figure-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
}

.has-error .caution {
  display: inline-block;
  vertical-align: middle;
  background-color: #fbf0ef;
  border: 1px solid #eeb5b0;
  color: #D23F33;
  line-height: 30px;
  padding: 2px 10px;
}
.has-error .caution [class|=icon] {
  font-size: 150%;
  line-height: 1;
  vertical-align: middle;
}
.has-error .caution[class|=icon]:before {
  font-size: 133.33333%;
  margin-right: 5px;
  vertical-align: middle;
}
.has-error input, .has-error textarea, .has-error select {
  border-color: #f2c9c5;
  background-color: #fefcfc;
}
.has-error .input .icon, .has-error .input [class^=icon-]:before,
.has-error .input-figure {
  color: #d54b40;
}

.has-success .caution {
  display: inline-block;
  vertical-align: middle;
  background-color: #f1f6ec;
  border: 1px solid #bdd6a6;
  color: #8AB660;
  line-height: 30px;
  padding: 2px 10px;
}
.has-success .caution [class|=icon] {
  font-size: 150%;
  line-height: 1;
  vertical-align: middle;
}
.has-success .caution:before {
  font-size: 116.66667%;
  margin-right: 5px;
}
.has-success .input-figure {
  color: #8AB660;
}

.caution-input {
  border-color: #E0C6CD;
  background-color: #FFF8F6;
}

/*加在form标签上的class，控制整个表单样式*/
/*默认：form横向、error纵向*/
/*form纵向*/
.form-vertical .form-label {
  text-align: left;
  float: none;
  width: auto;
}
.form-vertical .form-act,
.form-vertical .has-error .caution {
  margin-left: 0;
}

/*error横向*/
.form-tip-horizontal .form-act {
  float: left;
  margin-left: 1em;
}
.form-tip-horizontal .has-error .caution {
  margin-left: 10px;
}

/*控制form表单中input框不同尺寸*/
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 1px;
  line-height: 1.5;
  color: #959595;
}

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 14px;
}

h6,
.h6 {
  font-size: 12px;
}

p {
  margin-bottom: 9px;
}

.lead {
  font-weight: 400;
  font-size: 133.33%;
  margin-bottom: 12px;
}

mark,
.mark {
  background-color: #fdf5e9;
  padding: .2em;
}

small,
.small {
  font-size: 85%;
  color: #333333;
}

.text-left {
  text-align: left;
}

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

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

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

blockquote {
  margin: 10px 0 10px 10px;
  background-color: #eeeeee;
  padding: 5px 10px;
  border-left: 3px solid #5bc0de;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.dl-horizontal dt {
  float: left;
  clear: left;
  padding-right: 5px;
  width: 10em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  font-weight: 700;
}
.dl-horizontal dd {
  margin-left: 10em;
  padding-left: 5px;
}
.dl-horizontal dd:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}

code {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #eeeeee;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

kbd {
  padding: 1px 4px;
  font-size: 90%;
  color: #FFFFFF;
  background-color: #444444;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
}

pre {
  padding: 5px 10px;
  color: #FFFFFF;
  background-color: #444444;
  margin-bottom: 9px;
}

/*------- auxiliary -------*/
.text-muted {
  color: gray;
}

.text-success {
  color: #8AB660;
}

.text-warning {
  color: #f0ad4e;
}

.text-info {
  color: #5bc0de;
}

.text-danger {
  color: #d9534f;
}

.bg-yellow {
  color: #FFFDF4;
}

.bg-alert {
  color: #fffcf4;
}

.bg-success {
  color: #f1f6ec;
}

.bg-warning {
  color: #fdf5e9;
}

.bg-info {
  color: #e7f6fa;
}

.bg-danger {
  color: #fdf7f7;
}

.bg-error {
  color: #fbf0ef;
}

.bg-selected {
  color: #FFFFCD;
}

.close {
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #BBBBBB;
  text-shadow: 0 1px 0 white;
}
.close:hover, .close:focus {
  color: #999999;
  text-decoration: none;
  cursor: pointer;
}

button.close {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-color: #333333;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.clear {
  clear: both;
}

.clearfix:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.visible {
  visibility: visible;
}

.hidden {
  visibility: hidden;
}

.text-hide {
  font: 0/0 serif;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
}

.breadcrumb {
  padding: 8px 10px;
  margin-bottom: 9px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "> ";
  padding: 0 5px;
  color: #cccccc;
}
.breadcrumb > .active {
  color: #666666;
}

.label {
  display: inline;
  padding: .2em .5em .3em;
  background-color: #cccccc;
  font-size: 100%;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-disabled {
  background-color: darkgray;
}
.label-primary {
  background-color: #428bca;
}
.label-success {
  background-color: #8AB660;
}
.label-info {
  background-color: #5bc0de;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-danger {
  background-color: #d9534f;
}

a.label:hover, a.label:focus {
  color: white;
  text-decoration: none;
}

.point {
  display: inline-block;
  min-width: 16px;
  padding: 6px 4px;
  font-size: 11px;
  color: white;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #d9534f;
  border-radius: 12px;
}
.btn .point {
  position: relative;
  top: -1px;
}
.point-sm {
  min-width: 14px;
  padding: 4px 3px;
}
.point-disabled {
  color: #fcfcfc;
  background-color: darkgray;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

a.point:hover, a.point:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}

.alert {
  background-color: #fffcf4;
  border: 1px solid #ffe59d;
  color: #FEBF0F;
  line-height: 30px;
  padding: 2px 10px;
}
.alert [class|=icon] {
  font-size: 150%;
  line-height: 1;
  vertical-align: middle;
}

.info {
  background-color: #e7f6fa;
  border: 1px solid #b0e1ef;
  color: #5bc0de;
  line-height: 30px;
  padding: 2px 10px;
}
.info [class|=icon] {
  font-size: 150%;
  line-height: 1;
  vertical-align: middle;
}

.warning {
  background-color: #fdf5e9;
  border: 1px solid #f8d9ac;
  color: #f0ad4e;
  line-height: 30px;
  padding: 2px 10px;
}
.warning [class|=icon] {
  font-size: 150%;
  line-height: 1;
  vertical-align: middle;
}

.danger {
  background-color: #fdf7f7;
  border: 1px solid #eba5a3;
  color: #d9534f;
  line-height: 30px;
  padding: 2px 10px;
}
.danger [class|=icon] {
  font-size: 150%;
  line-height: 1;
  vertical-align: middle;
}

.success {
  background-color: #f1f6ec;
  border: 1px solid #bdd6a6;
  color: #8AB660;
  line-height: 30px;
  padding: 2px 10px;
}
.success [class|=icon] {
  font-size: 150%;
  line-height: 1;
  vertical-align: middle;
}

.error {
  background-color: #fbf0ef;
  border: 1px solid #eeb5b0;
  color: #D23F33;
  line-height: 30px;
  padding: 2px 10px;
}
.error [class|=icon] {
  font-size: 150%;
  line-height: 1;
  vertical-align: middle;
}

.caution-inline {
  background-color: #FFAD35;
  display: inline-block;
}
.caution-inline .arr, .caution-inline .arr2 {
  display: none;
}
.caution-inline .icon, .caution-inline [class^=icon-]:before {
  font-size: 16px;
  margin-left: 8px;
  margin-right: 5px;
  vertical-align: -2px;
  color: white;
}
.caution-inline .caution-content {
  line-height: 24px;
  padding-right: 8px;
  color: white;
}

.notice {
  display: block;
  line-height: 140%;
}
.notice .icon, .notice [class^=icon-]:before {
  margin-right: 5px;
  vertical-align: middle;
}

.notice-inline {
  padding: 0 5px;
  vertical-align: middle;
}
.notice-inline .icon, .notice-inline [class^=icon-]:before {
  font-size: 14px;
  margin-right: 5px;
  vertical-align: middle;
}

.xtips-container {
  position: 3px;
  solid: #FEBF0F;
  z-index: 99999;
  background-color: white;
  border: 133px solid #CCCCCC;
}
.xtips-container:focus {
  outline: 0 none;
}
.xtips-container .arrow {
  position: absolute;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  width: 14px;
  height: 14px;
}
.xtips-container .arrow i {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 7px dashed transparent;
}
.xtips-container .arrow-bottom {
  left: 0;
  bottom: -14px;
}
.xtips-container .arrow-bottom i {
  border-top-style: solid;
}
.xtips-container .arrow-bottom .below {
  border-top-color: #FEBF0F;
  bottom: -3px;
}
.xtips-container .arrow-bottom .above {
  border-top-color: white;
  bottom: 1px;
  left: 0;
}
.xtips-container .icon, .xtips-container [class^=icon-]:before {
  color: #FEBF0F;
  display: inline-block;
  position: absolute;
  left: 6px;
}
.xtips-container .xtips-content {
  padding: 6px 10px 6px 25px;
  color: #555555;
}

.xtooltip {
  position: 1px;
  solid: #D4C289;
  z-index: 99999;
  background-color: #FEFBEB;
  border-width: 150px;
  border-style: max;
  -webkit-box-shadow: 1px 1px 1px rgba(180, 180, 180, 0.5);
  -moz-box-shadow: 1px 1px 1px rgba(180, 180, 180, 0.5);
  box-shadow: 1px 1px 1px rgba(180, 180, 180, 0.5);
  visibility: hidden;
}
.xtooltip:focus {
  outline: 0 none;
}
.xtooltip .xtips-content {
  padding: 3px 5px;
  color: #555555;
}

.tooltip-container {
  position: absolute;
  z-index: 100000;
  background-color: #333333;
  color: #FFFFFF;
  padding: 5px 10px;
}
.tooltip-container:focus {
  outline: 0 none;
}
.tooltip-container .arrow {
  position: absolute;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  width: 10px;
  height: 10px;
}
.tooltip-container .arrow i {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 5px dashed transparent;
}
.tooltip-container .arrow-left {
  top: 0;
  left: -10px;
}
.tooltip-container .arrow-left i {
  border-right-style: solid;
}
.tooltip-container .arrow-left .above {
  border-right-color: #333333;
  left: 0;
  top: 0;
}
.tooltip-container .arrow-right {
  top: 0;
  right: -10px;
}
.tooltip-container .arrow-right i {
  border-left-style: solid;
}
.tooltip-container .arrow-right .above {
  border-left-color: #333333;
  right: 0;
  top: 0;
}
.tooltip-container .arrow-top {
  left: 0;
  top: -10px;
}
.tooltip-container .arrow-top i {
  border-bottom-style: solid;
}
.tooltip-container .arrow-top .above {
  border-bottom-color: #333333;
  top: 0;
  left: 0;
}
.tooltip-container .arrow-bottom {
  left: 0;
  bottom: -10px;
}
.tooltip-container .arrow-bottom i {
  border-top-style: solid;
}
.tooltip-container .arrow-bottom .above {
  border-top-color: #333333;
  bottom: 0;
  left: 0;
}

.message {
  display: inline-block;
  position: absolute;
  background-color: #FFDEAC;
  padding: 0 8px;
  line-height: 22px;
  color: #333333;
  font-size: 12px;
}
.message:focus {
  outline: 0 none;
}

.message-error {
  position: absolute;
  z-index: 10002;
}
.message-error:focus {
  outline: 0 none;
}
.message-error .icon, .message-error [class^=icon-]:before {
  color: #e44d10;
}
.message-error .message-body {
  border-color: #eba5a3;
  background-color: #fdf7f7;
}
.message-error .message-content {
  color: #d9534f;
}

.message-success {
  position: absolute;
  z-index: 10002;
}
.message-success:focus {
  outline: 0 none;
}
.message-success .icon, .message-success [class^=icon-]:before {
  color: #8AB660;
}
.message-success .message-body {
  border-color: #bdd6a6;
  background-color: #f1f6ec;
}
.message-success .message-content {
  color: #8AB660;
}

.message-body {
  background-color: white;
  max-width: 202px;
  padding: 30px 50px;
  border: 1px solid #a3afb9;
  -webkit-box-shadow: 2px 2px 1px rgba(150, 150, 150, 0.5);
  -moz-box-shadow: 2px 2px 1px rgba(150, 150, 150, 0.5);
  box-shadow: 2px 2px 1px rgba(150, 150, 150, 0.5);
  color: #333333;
}
.message-body .icon, .message-body [class^=icon-]:before {
  font-size: 30px;
  float: left;
  line-height: 30px;
}
.message-body .message-content {
  line-height: 22px;
}

.popup-container {
  position: absolute;
  z-index: 10001;
  background-color: white;
  -webkit-box-shadow: 2px 2px 3px rgba(150, 150, 150, 0.3);
  -moz-box-shadow: 2px 2px 3px rgba(150, 150, 150, 0.3);
  box-shadow: 2px 2px 3px rgba(150, 150, 150, 0.3);
}
.popup-container:focus {
  outline: 0 none;
}
.popup-container .popup-body {
  border: 1px solid #E6E6E6;
}
.popup-container .popup-header {
  background-color: #EFEFEF;
  height: 35px;
  padding: 0 10px;
}
.popup-container .popup-header h2 {
  float: left;
  line-height: 35px;
  font-size: 14px;
  font-weight: 400;
  color: #555555;
}
.popup-container .popup-header span {
  float: right;
}
.popup-container .popup-header .popup-btn-close {
  background: none;
  border: 0 none;
  height: 35px;
  overflow-y: hidden;
  padding: 0;
  color: #C6C6C6;
  font: 20px/35px "Arial Black", arial;
}
.popup-container .popup-header .popup-btn-close i {
  line-height: 1;
  display: inline-block;
}
.popup-container .popup-header .popup-btn-close:hover {
  color: #999999;
}
.popup-container .popup-content {
  color: #555555;
  text-align: center;
  padding: 15px;
}

.dialog {
  position: fixed;
  z-index: 10001;
  display: none;
}

.dialog-body {
  background: #FFFFFF;
  border: 1px solid #999999;
  -webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2);
}
.dialog-body .image-load-container {
  display: block;
  min-width: 30px;
  min-height: 30px;
}

.dialog-header {
  background: #F3F3F3;
  border-bottom: 1px solid #DDDDDD;
  height: 27px;
  line-height: 27px;
  color: #333333;
  padding: 1px;
  overflow: hidden;
}
.dialog-header h2 {
  padding-left: 6px;
  float: left;
  font-size: 14px;
  white-space: normal;
  overflow: hidden;
}
.dialog-header span {
  float: right;
}
.dialog-header span button {
  cursor: pointer;
  border: 0 none;
  padding: 0;
  height: 20px;
  width: 20px;
  overflow: hidden;
}
.dialog-header .dialog-btn-close {
  background-color: transparent;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  color: #999999;
  margin: -4px 2px 0 0;
}

.dialog-content {
  padding: 10px;
  overflow: auto;
}
.dialog-content .loading {
  text-align: center;
  line-height: 22px;
  height: 55px;
  display: block;
}
.dialog-content .actions {
  margin-top: 10px;
  text-align: center;
}
.dialog-content .actions button {
  margin-left: 20px;
}
.dialog-content .actions button:first-child {
  margin-left: 0;
}

.passport-container {
  position: absolute;
  z-index: 10001;
  background-color: white;
  -webkit-box-shadow: 0 0 15px rgba(60, 60, 60, 0.4);
  -moz-box-shadow: 0 0 15px rgba(60, 60, 60, 0.4);
  box-shadow: 0 0 15px rgba(60, 60, 60, 0.4);
}
.passport-container:focus {
  outline: 0 none;
}
.passport-container .passport-body {
  border: 1px solid #E6E6E6;
}
.passport-container .passport-header .passport-btn-close {
  background: none;
  border: 0 none;
  height: 20px;
  overflow-y: hidden;
  padding: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #C6C6C6;
  font: 20px/20px iconfonts, "Arial Black", arial sans-serif;
}
.passport-container .passport-header .passport-btn-close i {
  line-height: 1;
  display: inline-block;
}
.passport-container .passport-header .passport-btn-close:hover {
  color: #999999;
}
.passport-container .passport-content {
  color: #555555;
}

.image-container {
  position: absolute;
  z-index: 10001;
  background-color: white;
  -webkit-box-shadow: 0 0 15px rgba(60, 60, 60, 0.4);
  -moz-box-shadow: 0 0 15px rgba(60, 60, 60, 0.4);
  box-shadow: 0 0 15px rgba(60, 60, 60, 0.4);
}
.image-container:focus {
  outline: 0 none;
}
.image-container .image-btn-close {
  display: none;
}
.image-container .image-content {
  width: 600px;
  height: 600px;
  line-height: 598px;
  border: 0 none;
  overflow: hidden;
  text-align: center;
}
.image-container .image-content img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.mini-cart-dialog .minicart-infos {
  line-height: 2;
  text-align: center;
}
.mini-cart-dialog .minicart-infos .icon, .mini-cart-dialog .minicart-infos [class^=icon-]:before {
  margin-right: 5px;
  font-size: 14px;
  color: #8AB660;
}
.mini-cart-dialog .minicart-infos p {
  margin-bottom: 20px;
}
.mini-cart-dialog .minicart-infos em {
  color: #d92626;
  padding-left: 5px;
  padding-right: 5px;
}
.mini-cart-dialog .minicart-error {
  padding: 10px;
  line-height: 2;
  text-align: center;
}
.mini-cart-dialog .minicart-error .icon, .mini-cart-dialog .minicart-error [class^=icon-]:before {
  margin-right: 5px;
  font-size: 14px;
  color: #D23F33;
}
.mini-cart-dialog .minicart-error p {
  margin-bottom: 20px;
}

.mask {
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  background-color: #333333;
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 100%;
  height: 100%;
}

.cover {
  position: absolute;
  z-index: 10000;
  left: 0;
  top: 0;
  background-color: #FFFFFF;
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 100%;
  height: 100%;
  text-align: center;
  color: white;
}

.mini-mask {
  position: 0.7;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #000000;
  line-height: 11em;
}
.mini-mask .mask-loading {
  display: inline-block;
  background: #CCCCCC url(../images/loader.gif) no-repeat center;
  width: 70px;
  height: 70px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.alert-container {
  position: absolute;
  z-index: 10001;
  background-color: white;
}
.alert-container:focus {
  outline: 0 none;
}
.alert-container .alert-body {
  border: 3px solid #A9A9A9;
  border-top: 0 none;
}
.alert-container .alert-header {
  background-color: #A9A9A9;
  height: 30px;
}
.alert-container .alert-header h2 {
  float: left;
  padding-left: 10px;
  line-height: 30px;
  font-size: 14px;
  font-weight: 400;
  color: white;
}
.alert-container .alert-header span {
  float: right;
}
.alert-container .alert-header .alert-btn-close {
  background: none;
  border: 0 none;
  height: 30px;
  margin-right: 5px;
  overflow-y: hidden;
  padding: 0;
  color: #dddddd;
  font: 14px/30px iconfonts, arial;
}
.alert-container .alert-header .alert-btn-close:hover {
  color: white;
}
.alert-container .alert-content {
  color: #555555;
  padding: 15px;
}
.alert-container .action-confirm {
  margin-right: 15px;
}

.dialog-tips-container {
  position: 3px;
  solid: #FEBF0F;
  z-index: 9999;
  background-color: white;
  border: 145px solid #CCCCCC;
  display: none;
}
.dialog-tips-container:focus {
  outline: 0 none;
}
.dialog-tips-container .arrow {
  position: absolute;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  width: 14px;
  height: 14px;
}
.dialog-tips-container .arrow i {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 7px dashed transparent;
}
.dialog-tips-container .arrow-left {
  top: 0;
  left: -14px;
}
.dialog-tips-container .arrow-left i {
  border-right-style: solid;
}
.dialog-tips-container .arrow-left .below {
  border-right-color: #FEBF0F;
  left: -3px;
}
.dialog-tips-container .arrow-left .above {
  border-right-color: white;
  left: 1px;
  top: 0;
}
.dialog-tips-container .arrow-right {
  top: 0;
  right: -14px;
}
.dialog-tips-container .arrow-right i {
  border-left-style: solid;
}
.dialog-tips-container .arrow-right .below {
  border-left-color: #FEBF0F;
  right: -3px;
}
.dialog-tips-container .arrow-right .above {
  border-left-color: white;
  right: 1px;
  top: 0;
}
.dialog-tips-container .arrow-top {
  left: 0;
  top: -14px;
}
.dialog-tips-container .arrow-top i {
  border-bottom-style: solid;
}
.dialog-tips-container .arrow-top .below {
  border-bottom-color: #FEBF0F;
  top: -3px;
}
.dialog-tips-container .arrow-top .above {
  border-bottom-color: white;
  top: 1px;
  left: 0;
}
.dialog-tips-container .arrow-bottom {
  left: 0;
  bottom: -14px;
}
.dialog-tips-container .arrow-bottom i {
  border-top-style: solid;
}
.dialog-tips-container .arrow-bottom .below {
  border-top-color: #FEBF0F;
  bottom: -3px;
}
.dialog-tips-container .arrow-bottom .above {
  border-top-color: white;
  bottom: 1px;
  left: 0;
}
.dialog-tips-container .icon, .dialog-tips-container [class^=icon-]:before {
  color: #FEBF0F;
  display: inline-block;
  position: absolute;
  left: 6px;
}
.dialog-tips-container .dialog-tips-content {
  padding: 6px 10px 6px 25px;
  color: #555555;
}
.dialog-tips-container .bottom {
  margin-top: 5px;
  text-align: center;
}
.dialog-tips-container .action-confirm {
  margin-right: 15px;
}

.pager {
  margin: 10px 0;
  text-align: right;
  line-height: 1.83333;
  font-size: 100%;
  letter-spacing: -4px;
}
.pager > .flip {
  display: inline-block;
  background-color: white;
  border: 1px solid #dddddd;
  color: #e22335;
  padding: 1px 6px;
  margin-left: 5px;
  width: auto;
  min-width: 11px;
  vertical-align: middle;
  text-align: center;
  letter-spacing: 0;
}
.pager > .disabled {
  background-color: #f2f2f2;
  border-color: #eaeaea;
  color: #cccccc;
  cursor: not-allowed;
}
.pager > .prev,
.pager > .next {
  font-size: 133.33333%;
  font-weight: bold;
  line-height: 1.25;
  padding-bottom: 2px;
}
.pager > a.flip:hover,
.pager > .active {
  background-color: #e22335;
  border-color: #e22335;
  color: white;
}
.pager > .active {
  font-weight: bold;
}
.pager > .ellipsis {
  margin-left: 5px;
  letter-spacing: 0;
}

.pager-sm {
  text-align: right;
  line-height: 1.5;
}
.pager-sm > .flip {
  padding-left: 4px;
  padding-right: 4px;
  margin-left: 3px;
  min-width: 12px;
}
.pager-sm .prev,
.pager-sm .next {
  line-height: 1.0625;
}
.pager-sm > .ellipsis {
  margin-left: 2px;
}

.datepicker {
  padding: 4px;
  direction: ltr;
  /*.dow {
      border-top: 1px solid #ddd !important;
  }*/
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '\0020';
  display: inline-block;
  position: absolute;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.datepicker-dropdown:after {
  content: '\0020';
  display: inline-block;
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  background-color: white;
  border: 1px solid #CCCCCC;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  color: #333333;
  line-height: 1.5;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table td, .datepicker table th {
  text-align: center;
  width: 28px;
  height: 22px;
  border: none;
}
.table-striped .datepicker table th, .table-striped .datepicker table td {
  background-color: transparent;
}
.datepicker table td.day:hover, .datepicker table td.day.focused {
  background-color: #eeeeee;
  cursor: pointer;
}
.datepicker table td.old, .datepicker table td.new {
  color: gray;
}
.datepicker table td.disabled, .datepicker table td.disabled:hover {
  background-color: #eeeeee;
  color: gray;
  cursor: default;
}
.datepicker table td.today, .datepicker table td.today:hover, .datepicker table td.today.disabled, .datepicker table td.today.disabled:hover {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table td.today:hover:hover {
  color: #000;
}
.datepicker table td.today.active:hover {
  color: #fff;
}
.datepicker table td.range, .datepicker table td.range:hover, .datepicker table td.range.disabled, .datepicker table td.range.disabled:hover {
  background-color: #eeeeee;
  border-radius: 0;
}
.datepicker table td.range.today, .datepicker table td.range.today:hover, .datepicker table td.range.today.disabled, .datepicker table td.range.today.disabled:hover {
  color: #000;
  background-color: #f6c977;
  border-color: #f0a317;
}
.datepicker table td.selected, .datepicker table td.selected:hover, .datepicker table td.selected.disabled, .datepicker table td.selected.disabled:hover {
  color: #fff;
  background-color: #999999;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table td.active, .datepicker table td.active:hover, .datepicker table td.active.disabled, .datepicker table td.active.disabled:hover {
  color: white;
  background-color: #428bca;
  border-color: #3071a9;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
}
.datepicker table td span:hover {
  background: #eeeeee;
}
.datepicker table td span.disabled, .datepicker table td span.disabled:hover {
  background: none;
  color: gray;
  cursor: default;
}
.datepicker table td span.active, .datepicker table td span.active:hover, .datepicker table td span.active.disabled, .datepicker table td span.active.disabled:hover {
  color: white;
  background-color: #428bca;
  border-color: #3071a9;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table td span.old, .datepicker table td span.new {
  color: gray;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}

.input-comb.date > .input-comb-addon {
  cursor: pointer;
}

.images-uploader {
  margin: 10px;
  letter-spacing: -4px;
}
.images-uploader .img-thumbnail {
  width: 70px;
  height: 70px;
  line-height: 68px;
  border: 1px solid #CCCCCC;
  margin-right: 10px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  letter-spacing: 0;
  vertical-align: middle;
}
.images-uploader .img-thumbnail img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.images-uploader .handle {
  display: inline-block;
  position: relative;
}
.images-uploader input[type=file],
.images-uploader .icon-add {
  display: block;
  margin: 3px;
  font-size: 30px;
  color: #AAAAAA;
  line-height: 62px;
  text-align: center;
  border: 1px dotted #DDDDDD;
  cursor: pointer;
}
.images-uploader input[type=file] {
  position: absolute;
  z-index: 1;
  width: 62px;
  height: 62px;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}
.images-uploader .icon-close-b {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  font-size: 14px;
  cursor: pointer;
  display: none;
}
.images-uploader .icon-close-b:before {
  left: 0;
  top: 0;
  content: "删除";
  color: #fff;
  position: absolute;
  text-align: center;
  line-height: 70px;
  width: 100%;
  height: 100%;
}

.system-widgets-box {
  background-color: #EFEFEF;
  margin-bottom: 10px;
  text-align: center;
  font: bold 18px/300px arial;
}

/*------ mod基本模块 ------*/
.text-justify {
  text-align: justify;
  text-justify: distribute-all-lines;
  -webkit-text-align-last: justify;
  -moz-text-align-last: justify;
  -ms-text-align-last: justify;
  text-align-last: justify;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .text-justify:after {
    content: "\200B";
    display: inline-block;
    width: 100%;
    overflow: hidden;
    height: 0;
  }
}
.mod-bottom, .form-row, .mod, .signupin-content .form-row-normal, .signin, .signup, .sign-title, .signup-success .descrip, .related-search, .filter-container, .gallery-sortbar, .goods-item .goods-name, .brand-desc h2, .detail-content, .product-tags, .product-attributes, .product-parameters, .product-score .btn-discuss, .post-comment .scores-list {
  margin-bottom: 10px;
/*  2015/9/28 新增*/
  margin-top:15px;
}

.mod {
  border: 1px solid #CCCCCC;
}

.mod-title {
  background-color: #EFEFEF;
}
.mod-title h2 {
  font-size: 116.66667%;
}

/* autocompleter */
.autocompleter-choices {
  position: absolute;
  z-index: 65535;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  text-align: left;
  overflow: hidden;
}
.autocompleter-choices li {
  position: relative;
  margin-top: -1px;
  display: block;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
  line-height: 25px;
  white-space: nowrap;
  cursor: pointer;
}

.autocompleter-selected {
  background-color: #F6F6F6;
}

.autocompleter-queried {
  display: inline;
  font-weight: bold;
}

/* 密码检测组件 */
.password-check {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
  color: #666666;
}
.password-check q {
  display: inline-block;
  vertical-align: middle;
}
.password-check em {
  margin-left: 1px;
  padding: 0 10px;
  background-color: #CCCCCC;
  color: #FFFFFF;
  display: inline-block;
}
.password-check .progress {
  display: inline-block;
  background-color: #FFFFFF;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  vertical-align: middle;
  clear: both;
}

.password-weak .weak {
  background-color: #e22335;
}

.password-good .weak {
  background-color: #e22335;
}
.password-good .good {
  background-color: #ff8135;
}

.password-strong .weak {
  background-color: #e22335;
}
.password-strong .good {
  background-color: #ff8135;
}
.password-strong .strong {
  background-color: #8AB65D;
}

/*------ passport ------*/
.signupin-tags {
  border-bottom: 2px solid #636363;
  padding-top: 20px;
  padding-left: 20px;
}
.signupin-tags ul, .signupin-tags .anonym-buy {
  float: left;
  line-height: 33px;
}
.signupin-tags li {
  float: left;
  background-color: #EEEEEE;
  margin-right: 10px;
  font-size: 133.33333%;
}
.signupin-tags li a {
  display: block;
  padding-left: 18px;
  padding-right: 18px;
  color: #666666;
}
.signupin-tags li.active {
  background-color: #666666;
}
.signupin-tags li.active a {
  color: #FFFFFF;
  font-weight: bold;
}
.signupin-tags .anonym-buy a {
  margin-left: 5px;
}

.signupin-content .alert-tip, .signupin-content .error-tip {
  width: 286px;
}
.signupin-content .form-row {
  height: 51px;
  font-size: 116.66667%;
}
.signupin-content .form-row-normal {
  overflow: hidden;
  font-size: 116.66667%;
}
.signupin-content .form-label {
  height: 32px;
  overflow: hidden;
}
.signupin-content .x-input {
  width: 288px;
  height: 26px;
  line-height: 26px;
  padding: 1px 4px;
}
.signupin-content .x-check,
.signupin-content .x-select {
  height: 32px;
}
.signupin-content .calendar {
  width: 268px;
  padding-left: 24px;
}
.signupin-content .notice-inline {
  position: absolute;
  top: 33px;
  left: 0;
  padding: 0;
  height: 16px;
  line-height: 16px;
  white-space: nowrap;
  font-size: 12px;
}

.header-title {
  font-size: 24px;
  color: #999999;
  margin-bottom: 30px;
}

.spec {
  font-size: 16px;
}

.signin {
  width: 340px;
  background-color: #FFFFFF;
  border: 2px solid #CCCCCC;
  margin-left: -344px;
}
.signin .form-label {
  display: none;
}
.signin .form-act {
  margin-left: 20px;
  *display: inline;
}
.signin .need-signup {
  overflow: hidden;
  padding: 10px 20px;
  background-color: #efefef;
}
.signin .need-signup h3 {
  float: left;
  color: #E73E31;
  font: 14px/25px 'Microsoft Yahei';
}
.signin .need-signup .btn-simple {
  float: right;
}

.signup {
  border: 2px solid #CCCCCC;
}
.signup .form-label {
  width: 145px;
}
.signup .form-act {
  margin-left: 148px;
  *margin-left: 0;
}

.sign-title {
  height: 44px;
  border-bottom: 1px solid #CCCCCC;
  padding-left: 20px;
}
.sign-title h2 {
  font: 400 24px/44px 'Microsoft Yahei';
  color: #1566C0;
}

.signin-page-wrap {
  margin-bottom: 40px;
  padding-left: 100%;
}

.signup-aside {
  padding: 40px 20px 170px 25px;
  border-left: 1px dotted #CCCCCC;
}
.signup-aside .descrip {
  font-size: 14px;
  line-height: 40px;
}

.signup-success {
  padding-left: 120px;
  padding-top: 60px;
  padding-bottom: 60px;
}
.signup-success .icon, .signup-success [class^=icon-]:before {
  font-size: 70px;
  color: #6CA334;
  float: left;
  line-height: 70px;
}
.signup-success .descrip {
  font-size: 14px;
  color: #333333;
  margin-left: 90px;
}
.signup-success .tips-controls {
  padding: 30px 0;
}
.signup-success .alert-tip {
  padding: 5px 10px;
  color: #333333;
  margin-bottom: 20px;
}
.signup-success .alert-tip em {
  display: block;
  color: red;
}

.redirection-alert {
  margin-top: 15px;
  color: #999999;
}
.redirection-alert i {
  color: #FE4C00;
  margin-left: 3px;
  margin-right: 3px;
}

/* 忘记密码 */
.forgot-content {
  padding: 20px 40px;
  background-color: white;
  font-size: 14px;
}
.forgot-content ul {
  padding-bottom: 60px;
}
.forgot-content .been-send {
  padding-bottom: 30px;
  text-align: center;
  font-size: 116.66667%;
}
.forgot-content .been-send .icon, .forgot-content .been-send [class^=icon-]:before {
  font-size: 183.33333%;
  margin-right: 10px;
  vertical-align: middle;
}
.forgot-content .goto-signin {
  color: #0083FF;
}

.forgot-remember {
  margin-left: 5px;
}

.forgot-resend {
  margin-left: 5px;
}

.forgot-success {
  margin-bottom: 70px;
  text-align: center;
  font-size: 14px;
}
.forgot-success .icon, .forgot-success [class^=icon-]:before {
  font-size: 50px;
  margin-right: 20px;
  color: #6CA334;
  line-height: 50px;
  vertical-align: middle;
}

/*new*/
.login-wrap {
  margin-top: 30px;
  margin-bottom: 30px;
}

.row-logo {
  margin-left: 45px;
}

.login .form-row.verify-code img, .signin2 .form-row.verify-code img {
  width: 70px;
  vertical-align: middle;
}
.login .form-row .inline, .signin2 .form-row .inline {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5;
}
.login .form-row.form-row-text, .signin2 .form-row.form-row-text {
  height: 30px;
}
.login .form-act .icon.icon-checkmark-c, .login .form-act .icon-checkmark-c[class^=icon-]:before, .signin2 .form-act .icon.icon-checkmark-c, .signin2 .form-act .icon-checkmark-c[class^=icon-]:before {
  right: 30px;
  color: #8AB660;
}

.login {
  padding: 15px 0;
  background: white;
}
.login .form-row {
  height: 85px;
  margin: 0 60px;
}
.login .form-row:last-child {
  height: auto;
}
.login .form-label {
  line-height: 2;
}
.login .caution {
  display: block;
  line-height: 1.5;
}
.login .form-act {
  margin-bottom: 0;
}
.login .auto-login {
  float: left;
}
.login .forget-or-signin {
  float: right;
}

.signin2 {
  padding: 30px 50px;
  background: #fff;
}
.signin2 .to-login {
  float: right;
}
.signin2 .form-row {
  margin-bottom: 20px;
}
.signin2 .form-act {
  width: 350px;
}

.agreement > div {
  margin-bottom: 20px;
}
.agreement .title {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.success-info {
  margin-top: 30px;
  color: #666;
}
.success-info .btn {
  margin-right: 5px;
  font-size: 18px;
  vertical-align: middle;
}
.success-info .success-info-l1 {
  font-size: 24px;
  color: #8AB660;
}
.success-info .success-info-l1 i {
  margin-right: 10px;
  font-size: 46px;
  vertical-align: text-top;
}
.success-info .success-info-l1.v-align i {
  vertical-align: middle;
}
.success-info .success-info-l2 {
  margin-bottom: 15px;
  margin-left: 55px;
}
.success-info .success-info-l3 {
  margin-bottom: 20px;
  margin-left: 55px;
}
.success-info .success-info-l4 {
  margin-left: 55px;
}
.success-info .success-info-operate {
  margin-bottom: 20px;
}

.fail-info {
  color: #666;
  font-size: 16px;
}
.fail-info i {
  margin-right: 10px;
  font-size: 46px;
  vertical-align: middle;
}

/*信任登录*/
.trust-login {
  margin: 10px 50px 0 50px;
  text-align: center;
}
.trust-login .trust-login-btn {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin: 0 8px;
}
.trust-login .trust-login-btn img {
  width: 100%;
  height: 100%;
}

.trust-skip {
  margin-bottom: 10px;
  color: #666;
}

.trust-login-wrap {
  background: none;
  padding: 0;
}

.trust-login-box {
  background: #fff;
  border: 1px solid #ccc;
}
.trust-login-box .trust-login-header {
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  border-bottom: 1px dashed #ececec;
  color: #999;
  font-size: 20px;
}
.trust-login-box .trust-login-list {
  padding: 50px 0;
}
.trust-login-box .trust-login-list2 {
  height: 333px;
  padding: 20px 0 20px 40px;
}

/*------ goods gallery ------*/
.related-search {
  background-color: #FCFCFC;
  border: 1px solid #EFEFEF;
  padding: 4px 10px;
  line-height: 1.83333;
}

.related-search-label {
  color: #333333;
  float: left;
  width: 7em;
}

.related-search-content {
  margin-left: 7em;
  display: block;
}
.related-search-content a {
  color: #0563C3;
  padding-right: 12px;
}
.related-search-content .active {
  font-weight: bold;
  color: #666666;
}

.filter-container {
  border: 1px solid #D3D3D3;
}
.filter-container .filter-title {
  background-color: #DDDDDD;
  line-height: 2.83333;
  padding-left: 10px;
  padding-right: 10px;
}
.filter-container .filter-title h3 {
  font-size: 100%;
  float: left;
}
.filter-container .filter-title .gallery-total-info {
  float: left;
}
.filter-container .filter-title .gallery-total-info b {
  color: #D62528;
}
.filter-container .filter-title .filter-clean {
  float: right;
}
.filter-container .filter-title .filter-clean .icon, .filter-container .filter-title .filter-clean [class^=icon-]:before {
  color: #666666;
}

.gallery-category li {
  float: left;
  margin-right: 6px;
}

.filter-selected dt, .filter-promotion dt {
  float: left;
  margin-right: 3px;
  width: 76px;
  text-align: right;
}
.filter-selected dd, .filter-promotion dd {
  margin-left: 81px;
}

.filter-selected-item {
  display: inline-block;
  border: 1px solid #CCCCCC;
  padding-left: 5px;
  padding-right: 5px;
}
.filter-selected-item .icon, .filter-selected-item [class^=icon-]:before {
  margin-left: 3px;
  font-size: 9px;
  cursor: pointer;
}

.filter-item {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  white-space: nowrap;
}
.filter-item .icon, .filter-item [class^=icon-]:before {
  visibility: hidden;
  display: inline-block;
  margin-left: 3px;
  font-size: 9px;
  color: #FFFFFF;
  cursor: pointer;
}

.filter-item-hide {
  display: none;
}

.filter-item-show {
  display: inline;
}

.filter-lists-container {
  padding: 10px 10px 5px;
}
.filter-lists-container .filter-entries {
  border-bottom: 1px dotted #DDDDDD;
  margin-bottom: 5px;
  line-height: 20px;
}
.filter-lists-container .filter-entries-label {
  float: left;
  margin-right: 3px;
  width: 76px;
  text-align: right;
}
.filter-lists-container .filter-entries-values {
  margin-left: 80px;
  margin-right: 50px;
}
.filter-lists-container .filter-non-fold {
  margin-right: 0;
}
.filter-lists-container .filter-entries-more {
  float: right;
}
.filter-lists-container .filter-entries-more .icon, .filter-lists-container .filter-entries-more [class^=icon-]:before {
  display: inline-block;
  margin-left: 4px;
  background-color: #CCCCCC;
  line-height: 12px;
  width: 12px;
  text-align: center;
  color: #FFFFFF;
}
.filter-lists-container .filter-item-pop {
  padding: 34px 10px 6px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  position: absolute;
  left: -6px;
  top: -6px;
  text-align: center;
  width: 94px;
  display: none;
}
.filter-lists-container .filter-item-pop a {
  margin-right: 26px;
}
.filter-lists-container .filter-pop-active {
  position: relative;
}
.filter-lists-container .filter-pop-active .filter-item-input {
  position: relative;
  z-index: 2;
}
.filter-lists-container .filter-pop-active .filter-item-pop {
  display: block;
}

.filter-dropdown-container {
  padding-left: 10px;
  padding-right: 12px;
}
.filter-dropdown-container .filter-dropdown-item {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
.filter-dropdown-container .filter-dropdown-label {
  border: 1px solid #DDDDDD;
  background-color: #F6F6F6;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  cursor: pointer;
}
.filter-dropdown-container .filter-dropdown-values {
  border: 1px solid #DDDDDD;
  padding-top: 5px;
  position: absolute;
  left: 0;
  width: 100%;
  background-color: #FFFFFF;
  line-height: 20px;
  max-height: 77px;
  overflow: auto;
  visibility: hidden;
}
.filter-dropdown-container .filter-dropdown-values li {
  float: left;
  padding-left: 6px;
  padding-right: 6px;
  white-space: nowrap;
}
.filter-dropdown-container .filter-dropdown-values li .icon, .filter-dropdown-container .filter-dropdown-values li [class^=icon-]:before {
  display: inline-block;
  visibility: hidden;
}
.filter-dropdown-container .current .filter-dropdown-label {
  background-color: #FFFFFF;
  border-bottom: 0 none;
  padding-bottom: 5px;
  z-index: 2;
}
.filter-dropdown-container .current .filter-dropdown-values {
  visibility: visible;
  margin-top: -1px;
}
.filter-dropdown-container .current .active .icon, .filter-dropdown-container .current .active [class^=icon-]:before {
  visibility: visible;
}

.filter-dropdown-inner {
  position: relative;
  margin-left: 80px;
}

.filter-more {
  margin-left: 81px;
  line-height: 30px;
}
.filter-more .icon, .filter-more [class^=icon-]:before {
  display: inline-block;
  margin-left: 4px;
  background-color: #CCCCCC;
  line-height: 12px;
  width: 12px;
  text-align: center;
  color: #FFFFFF;
}

.filter-promotion {
  line-height: 22px;
}
.filter-promotion .active {
  background-color: #D62528;
}
.filter-promotion .active .handle {
  color: #FFFFFF;
}
.filter-promotion .active .icon, .filter-promotion .active [class^=icon-]:before {
  visibility: visible;
}

.gallery-sortbar {
  border: 1px solid #DDDDDD;
  background-color: #F3F3F3;
}
.gallery-sortbar .gallery-sort {
  float: left;
  padding-left: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.gallery-sortbar .gallery-sort .price-desc .asc,
.gallery-sortbar .gallery-sort .price-asc .desc {
  display: none;
}
.gallery-sortbar .gallery-sort em {
  padding: 0px 8px;
  display: inline-block;
  line-height: 21px;
}
.gallery-sortbar .gallery-showmode {
  float: left;
  padding: 11px 2px 8px 10px;
}
.gallery-sortbar .gallery-showmode a {
  margin-left: 5px;
  margin-right: 5px;
  color: #666666;
}
.gallery-sortbar .gallery-showmode input {
  margin-left: 10px;
}
.gallery-sortbar .gallery-showmode .icon, .gallery-sortbar .gallery-showmode [class^=icon-]:before {
  font-size: 15px;
  margin-right: 3px;
  vertical-align: middle;
}
.gallery-sortbar .sortbar-filter-tags {
  background-color: #FFFFFF;
  clear: both;
  height: 25px;
  line-height: 25px;
  padding-left: 10px;
}
.gallery-sortbar .sortbar-filter-tags label {
  margin-right: 5px;
}

.goods-item .goods-pic .img-tag-tl,
.goods-item .goods-pic .img-tag-tr,
.goods-item .goods-pic .img-tag-bl,
.goods-item .goods-pic .img-tag-br {
  position: absolute;
  line-height: 28px;
  width: 30px;
  height: 30px;
}
.goods-item .goods-pic .img-tag-tl img,
.goods-item .goods-pic .img-tag-tr img,
.goods-item .goods-pic .img-tag-bl img,
.goods-item .goods-pic .img-tag-br img {
  max-width: 30px;
  max-height: 30px;
}
.goods-item .goods-pic .text-tag-tl,
.goods-item .goods-pic .text-tag-tr,
.goods-item .goods-pic .text-tag-bl,
.goods-item .goods-pic .text-tag-br {
  background-color: #F6F6F6;
  position: absolute;
  line-height: 1.5;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
}
.goods-item .goods-pic .img-tag-tl,
.goods-item .goods-pic .text-tag-tl {
  top: 0;
  left: 0;
}
.goods-item .goods-pic .img-tag-tr,
.goods-item .goods-pic .text-tag-tr {
  top: 0;
  right: 0;
}
.goods-item .goods-pic .img-tag-bl,
.goods-item .goods-pic .text-tag-bl {
  bottom: 0;
  left: 0;
}
.goods-item .goods-pic .img-tag-br,
.goods-item .goods-pic .text-tag-br {
  bottom: 0;
  right: 0;
}
.goods-item .goods-name {
  max-height: 36px;
  overflow: hidden;
  font-size: 100%;
}
.goods-item .promotion-tags .tag {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 3px;
}
.goods-item .p-quantity {
  display: inline-block;
  width: 74px;
  margin-right: 8px;
  position: relative;
}
.goods-item .p-quantity a {
  display: inline-block;
  width: 20px;
  height: 21px;
  overflow: hidden;
  vertical-align: middle;
  border: 1px solid #a9a9a9;
  text-align: center;
  font: 14px/22px simsun, serif;
}
.goods-item .p-quantity input {
  width: 30px;
  height: 21px;
  line-height: 21px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  border-width: 1px 0;
  border-style: solid;
  border-color: #a9a9a9;
  text-align: center;
}
.goods-item .store-warn {
  line-height: 15px;
  width: 74px;
  text-align: center;
  display: block;
  position: absolute;
  top: 22px;
  left: 0;
}
.goods-item .btn-simple {
  margin-right: 10px;
}

.gallery-show .goods-item {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #CCCCCC;
}
.gallery-show .goods-pic {
  position: relative;
}

/*-- 商品列表 --*/
.gallery-grid .goods-item {
  float: left;
  width: 175px;
  padding-left: 10px;
  padding-right: 10px;
}
.gallery-grid .goods-pic {
  width: 160px;
  height: 160px;
  line-height: 158px;
  border: 0 none;
  overflow: hidden;
  text-align: center;
  margin: 0 auto 10px;
}
.gallery-grid .goods-pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.gallery-grid .goods-price {
  max-height: 36px;
  overflow: hidden;
}
.gallery-grid .goods-price del {
  clear: both;
  display: block;
}
.gallery-grid .goods-comment {
  color: #666666;
  margin-left: 5px;
}
.gallery-grid .promotion-tags {
  margin-bottom: 7px;
}

.gallery-list .goods-pic {
  width: 100px;
  height: 100px;
  line-height: 98px;
  border: 0 none;
  overflow: hidden;
  text-align: center;
  float: left;
  margin-right: 10px;
}
.gallery-list .goods-pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.gallery-list .goods-info {
  margin-left: 130px;
  margin-right: 340px;
}
.gallery-list .goods-comment {
  margin-top: 5px;
  margin-bottom: 5px;
  color: #888888;
}
.gallery-list .goods-price {
  width: 142px;
  float: right;
  margin-top: 10px;
  color: #666666;
}
.gallery-list .goods-action {
  width: 172px;
  float: right;
  margin-top: 10px;
  margin-left: 10px;
}

/*------ goods compare ------*/
.gallery-compare {
  position: fixed;
  right: 10px;
  top: 10%;
  z-index: 10000;
}
.gallery-compare .fold {
  background-color: #F3F3F3;
  border: 1px solid #DDDDDD;
  padding: 5px;
  width: 12px;
  line-height: 14px;
}
.gallery-compare .handle-expan {
  margin-bottom: 5px;
  display: inline-block;
}
.gallery-compare .unfold {
  display: none;
}
.gallery-compare .header {
  padding-left: 10px;
  padding-right: 5px;
}
.gallery-compare .header h3 {
  float: left;
}
.gallery-compare .handle-collapse {
  float: right;
}
.gallery-compare .handle-collapse .icon, .gallery-compare .handle-collapse [class^=icon-]:before {
  width: 12px;
  height: 12px;
  line-height: 12px;
  display: inline-block;
  margin-left: 5px;
}
.gallery-compare .none-compare {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #888888;
  text-align: center;
}
.gallery-compare .compare-item {
  border-bottom: 1px solid #E3E3E3;
  overflow: hidden;
  position: relative;
  padding: 5px 10px;
}
.gallery-compare .compare-item .goods-pic {
  float: left;
  width: 60px;
  height: 60px;
  line-height: 58px;
  border: 1px solid #DDDDDD;
  background-color: #FFFFFF;
  overflow: hidden;
  text-align: center;
}
.gallery-compare .compare-item .goods-pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.gallery-compare .compare-item .goods-intro {
  margin-left: 66px;
  overflow: hidden;
}
.gallery-compare .compare-item .goods-name {
  font-weight: 400;
  font-size: 12px;
  height: 36px;
  overflow: hidden;
}
.gallery-compare .compare-item .goods-price {
  padding-top: 5px;
  float: left;
}
.gallery-compare .compare-item .goods-action {
  float: right;
  padding-top: 5px;
}
.gallery-compare .footer {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}
.gallery-compare .footer button {
  margin-right: 15px;
}
.gallery-compare .template {
  display: none;
}

.gallery-compare-unfold .fold {
  display: none;
}
.gallery-compare-unfold .unfold {
  display: block;
}

.goods-compare .compare-table {
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  width: 100%;
}
.goods-compare td, .goods-compare th {
  border: 1px solid #DDDDDD;
  padding: 0;
}
.goods-compare .none-border {
  border: 0 none;
}
.goods-compare th {
  background-color: #EFEFEF;
  height: 28px;
  white-space: nowrap;
  padding-left: 3px;
  border-width: 1px 0;
}
.goods-compare td {
  line-height: 24px;
  text-align: center;
}
.goods-compare .compare-item {
  float: left;
}
.goods-compare .compare-item td {
  padding-left: 4px;
  padding-right: 4px;
}
.goods-compare .goods-item {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 0 none;
}
.goods-compare .goods-name {
  margin-bottom: 0;
  line-height: 18px;
  height: 36px;
}
.goods-compare .goods-pic {
  width: 100px;
  height: 100px;
  line-height: 98px;
  border: 0 none;
  overflow: hidden;
  margin: 0 auto 5px;
  text-align: center;
}
.goods-compare .goods-pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.goods-compare .stars {
  text-align: left;
}
.goods-compare .stars span {
  text-align: left;
}

/*商品列表排序条*/
.sortbar {
  line-height: 34px;
  padding: 0 10px;
  background: #e8e8e8;
  color: #666;
}
.sortbar:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.sortbar .left {
  float: left;
}
.sortbar .right {
  float: right;
}
.sortbar .right > span {
  margin-left: 20px;
}
.sortbar em {
  color: #d62528;
}

.sortbar2 a {
  margin-right: 5px;
}

.itemslist {
  padding: 10px 0;
  background: #fff;
}
.itemslist:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.itemslist li {
  float: left;
  width: 220px;
  height: 330px;
  margin: 0 9px;
}
.itemslist.itemslist-lg li {
  width: 270px;
  height: 400px;
  margin: 0 13px;
}
.itemslist.itemslist-lg .item .name {
  height: 54px;
}
.itemslist.itemslist-lg .item .pic {
  width: 250px;
  height: 290px;
  line-height: 288px;
  border: 0 none;
  overflow: hidden;
  text-align: center;
}
.itemslist.itemslist-lg .item .pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.item .pic {
  width: 200px;
  height: 230px;
  line-height: 228px;
  border: 0 none;
  background-color: #FFFFFF;
  overflow: hidden;
  text-align: center;
  margin-bottom: 5px;
}
.item .pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.item .pic img {
  width: auto;
  height: auto;
}
.item .name {
  display: block;
  height: 36px;
  margin-bottom: 5px;
  overflow: hidden;
  color: #333;
}
.item .name .item-describe-tag {
  display: inline-block;
  margin-right: 5px;
  padding: 0 8px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background-color: #f75a4e;
}
.item .price {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
  font-family: verdana;
}

.itemslist2 {
  padding: 10px 0;
}
.itemslist2:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.itemslist2 li {
  float: left;
  width: 220px;
  height: 360px;
  margin: 0 9px;
}
.itemslist2.itemslist-lg li {
  width: 270px;
  height: 400px;
  margin: 0 13px;
}
.itemslist2.itemslist-lg .item .name {
  height: 54px;
}
.itemslist2.itemslist-lg .item .pic {
  width: 250px;
  height: 290px;
  line-height: 288px;
  border: 0 none;
  overflow: hidden;
  text-align: center;
}
.itemslist2.itemslist-lg .item .pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.item2 .pic {
  width: 220px;
  height: 220px;
  line-height: 218px;
  border: 0 none;
  background-color: #FFFFFF;
  overflow: hidden;
  text-align: center;
  margin-bottom: 5px;
}
.item2 .pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.item2 .pic img {
  width: auto;
  height: auto;
}
.item2 .name {
  display: block;
  height: 54px;
  margin-bottom: 5px;
  overflow: hidden;
  color: #333;
}
.item2 .price {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
  font-family: verdana;
  text-align: center;
}
.item2 .evaluate-wrap {
  text-align: center;
}
.item2 .evaluate {
  color: #999;
}

.promotion-detail .itemslist2 {
  background: #fff;
}
.promotion-detail .evaluate-wrap {
  padding-bottom: 10px;
}
.promotion-detail .pic {
  width: 216px;
  border: 2px solid #f3f3f3;
}

.filter .filter-title {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background: #e8e8e8;
}
.filter .filter-list {
  background: #fff;
  border: 1px solid #e8e8e8;
}
.filter .filter-attr {
  padding: 10px;
  border-top: 1px dotted #e8e8e8;
}
.filter .filter-attr:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.filter .filter-attr .filter-attr-title {
  float: left;
  margin-right: 10px;
  color: #666;
}
.filter .filter-attr .filter-attr-list {
  position: relative;
  float: left;
  width: 870px;
}
.filter .filter-attr .filter-attr-list span {
  display: none;
}
.filter .filter-attr .filter-attr-list.is-expand span {
  display: inline;
}
.filter .filter-attr .btn {
  position: absolute;
  top: 0;
  right: -10px;
  margin-right: 0;
}
.filter .filter-attr .btn .icon, .filter .filter-attr .btn [class^=icon-]:before {
  display: inline-block;
}
.filter .filter-attr:first-child {
  border-top: none;
}
.filter .filter-attr.filter-attr-expand {
  display: none;
}
.filter a {
  display: inline-block;
  line-height: 24px;
  margin: 0 20px 5px 0;
  padding: 0 5px;
  color: #333;
  white-space: nowrap;
}
.filter a .icon, .filter a [class^=icon-]:before {
  display: none;
  margin-left: 5px;
}
.filter a.on .icon, .filter a.on [class^=icon-]:before {
  display: inline-block;
}
.filter .filter-list-more {
  text-align: center;
}
.filter .filter-list-more .btn {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  margin-top: -1px;
  padding: 0 30px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-top: none;
}

.price-filter {
  margin-left: 20px;
}

/*------ brand ------*/
.brand-info {
  padding: 10px;
  overflow: hidden;
}

.brand-logo {
  width: 120px;
  height: 80px;
  overflow: hidden;
  float: left;
}
.brand-logo img {
  max-width: 120px;
  max-height: 80px;
}

.brand-desc {
  margin-left: 130px;
}
.brand-desc h2 {
  font-size: 14px;
  font-weight: 400;
}
.brand-desc p {
  color: #666666;
  text-indent: 2em;
  margin-bottom: 0;
}

/* stars */
.stars {
  position: relative;
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 1px;
  display: inline-block;
}
.stars .below {
  color: #DDDDDD;
  width: 80px;
  display: inline-block;
}
.stars .above {
  position: absolute;
  left: 0;
  color: #E0A902;
  overflow: hidden;
}

.stars-0 .above {
  width: 0;
}

.stars-1 .above {
  width: 2%;
}

.stars-2 .above {
  width: 4%;
}

.stars-3 .above {
  width: 6%;
}

.stars-4 .above {
  width: 8%;
}

.stars-5 .above {
  width: 10%;
}

.stars-6 .above {
  width: 12%;
}

.stars-7 .above {
  width: 14%;
}

.stars-8 .above {
  width: 16%;
}

.stars-9 .above {
  width: 18%;
}

.stars-10 .above {
  width: 20%;
}

.stars-11 .above {
  width: 22%;
}

.stars-12 .above {
  width: 24%;
}

.stars-13 .above {
  width: 26%;
}

.stars-14 .above {
  width: 28%;
}

.stars-15 .above {
  width: 30%;
}

.stars-16 .above {
  width: 32%;
}

.stars-17 .above {
  width: 34%;
}

.stars-18 .above {
  width: 36%;
}

.stars-19 .above {
  width: 38%;
}

.stars-20 .above {
  width: 40%;
}

.stars-21 .above {
  width: 42%;
}

.stars-22 .above {
  width: 44%;
}

.stars-23 .above {
  width: 46%;
}

.stars-24 .above {
  width: 48%;
}

.stars-25 .above {
  width: 50%;
}

.stars-26 .above {
  width: 52%;
}

.stars-27 .above {
  width: 54%;
}

.stars-28 .above {
  width: 56%;
}

.stars-29 .above {
  width: 58%;
}

.stars-30 .above {
  width: 60%;
}

.stars-31 .above {
  width: 62%;
}

.stars-32 .above {
  width: 64%;
}

.stars-33 .above {
  width: 66%;
}

.stars-34 .above {
  width: 68%;
}

.stars-35 .above {
  width: 70%;
}

.stars-36 .above {
  width: 72%;
}

.stars-37 .above {
  width: 74%;
}

.stars-38 .above {
  width: 76%;
}

.stars-39 .above {
  width: 78%;
}

.stars-40 .above {
  width: 80%;
}

.stars-41 .above {
  width: 82%;
}

.stars-42 .above {
  width: 84%;
}

.stars-43 .above {
  width: 86%;
}

.stars-44 .above {
  width: 88%;
}

.stars-45 .above {
  width: 90%;
}

.stars-46 .above {
  width: 92%;
}

.stars-47 .above {
  width: 94%;
}

.stars-48 .above {
  width: 96%;
}

.stars-49 .above {
  width: 98%;
}

.stars-50 .above {
  width: 100%;
}

/*------ product detail ------*/
.product-container {
  width: 100%;
  table-layout: fixed;
}

.product-titles {
  padding-bottom: 10px;
  line-height: 1.8;
  text-align: left;
}
.product-titles h2 {
  font-size: 1.5em;
}
.product-titles p {
  color: #FE2000;
}

.product-side {
  width: 452px;
  float: left;
}

.product-main {
  margin-left: 470px;
}

.product-album .loading {
  position: absolute;
  text-align: center;
  z-index: 2;
  background-color: #FFFFFF;
  opacity: 0.7;
  filter: alpha(opacity=70);
  padding: 5px;
  line-height: 1;
  color: #333333;
  text-decoration: none;
  white-space: nowrap;
}
.product-album .loading img {
  vertical-align: middle;
}

.product-album-preview {
  position: relative;
  border: 1px solid #DDDDDD;
}

.product-album-pic {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 450px;
  height: 450px;
  line-height: 448px;
  overflow: hidden;
  text-align: center;
}
.product-album-pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.album-preview-container {
  position: relative;
  display: inline-block;
  line-height: 100%;
}

.album-zooms-handle {
  position: absolute;
  z-index: 10;
  visibility: hidden;
  overflow: hidden;
  background-color: #B3D5FF;
  opacity: 0.5;
  filter: alpha(opacity=50);
  line-height: 1;
  cursor: move;
}

.album-zooms-container {
  position: absolute;
  border: 1px solid #CCCCCC;
  z-index: 10000;
  visibility: hidden;
  overflow: hidden;
  background-color: #FFFFFF;
}
.album-zooms-container img {
  display: block;
  position: relative;
}

.album-big-image, .album-mid-image {
  position: absolute;
  left: -10000px;
  top: -10000px;
}

.product-album-zoom {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 11;
  background-color: #F6F6F6;
  width: 24px;
  height: 24px;
  text-align: center;
  opacity: 0.85;
  filter: alpha(opacity=85);
}
.product-album-zoom a {
  color: #666666;
  font-size: 21px;
  line-height: 24px;
}
.product-album-zoom img {
  display: block;
}

.product-album-thumb {
  margin-top: 10px;
  width: 100%;
  position: relative;
  clear: left;
}
.product-album-thumb .flip {
  position: absolute;
  top: 0;
  margin-top: 5px;
  width: 16px;
  background-color: #EEEEEE;
  height: 64px;
  line-height: 64px;
  text-align: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}
.product-album-thumb .flip a {
  color: #666666;
  font-size: 18px;
  margin-left: -1px;
}
.product-album-thumb .flip a:hover {
  text-decoration: none;
}
.product-album-thumb .prev {
  left: 0;
}
.product-album-thumb .next {
  right: 0;
}
.product-album-thumb .over {
  background-color: #F6F6F6;
}
.product-album-thumb .over a {
  color: #CCCCCC;
  cursor: default;
}
.product-album-thumb .thumbnail-list {
  margin: 0 16px;
  padding-top: 5px;
  overflow: hidden;
  width: 420px;
  height: 64px;
  *position: relative;
}
.product-album-thumb .thumbnail-list li {
  padding: 1px;
  margin: 0 4px;
  float: left;
}
.product-album-thumb .thumbnail-list .thumbnail {
  width: 60px;
  height: 60px;
  line-height: 58px;
  border: 1px solid #DDDDDD;
  overflow: hidden;
  text-align: center;
}
.product-album-thumb .thumbnail-list .thumbnail img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.product-album-thumb .thumbnail-list .active {
  position: relative;
  padding: 0;
}
.product-album-thumb .thumbnail-list .active .arrow {
  position: absolute;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  width: 10px;
  height: 10px;
}
.product-album-thumb .thumbnail-list .active .arrow i {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 5px dashed transparent;
}
.product-album-thumb .thumbnail-list .active .arrow-top {
  left: 28.5px;
  top: -10px;
}
.product-album-thumb .thumbnail-list .active .arrow-top i {
  border-bottom-style: solid;
}
.product-album-thumb .thumbnail-list .active .arrow-top .below {
  border-bottom-color: #FF6600;
  top: 0;
}
.product-album-thumb .thumbnail-list .active .arrow-top .above {
  border-bottom-color: #FFFFFF;
  top: 0;
  left: 0;
}
.product-album-thumb .thumbnail-list .active .thumbnail {
  border: 2px solid #FF6600;
}

.product-information {
  line-height: 2;
  float: left;
  width: 100%;
}
.product-information .label {
  float: left;
  width: 5em;
}
.product-information .detail {
  display: block;
  margin-left: 5em;
  height: 24px;
}
.product-information .detail .minor {
  color: #888888;
}
.product-information .price ins {
  font-size: 166.66667%;
  line-height: 1.2;
  text-decoration: none;
}
.product-information .info-disabled {
  background-color: #EFEFEF;
  color: #999999;
  border-right: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  padding: 15px;
}
.product-information .pop-wrapper {
  position: relative;
}
.product-information .pop-body {
  position: absolute;
  z-index: 1;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  -webkit-box-shadow: 1px 1px 1px rgba(151, 151, 151, 0.5);
  -moz-box-shadow: 1px 1px 1px rgba(151, 151, 151, 0.5);
  box-shadow: 1px 1px 1px rgba(151, 151, 151, 0.5);
}
.product-information .pop-body li {
  white-space: nowrap;
}
.product-information .label-alert {
  line-height: 20px;
}

.product-concerns {
  position: relative;
  border-bottom: 1px dotted #DDDDDD;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.product-concerns ul,
.product-concerns .item {
  *zoom: 1;
}
.product-concerns li {
  clear: both;
}
.product-concerns .more {
  margin-left: 10px;
}
.product-concerns .more .icon, .product-concerns .more [class^=icon-]:before {
  margin-left: 5px;
  background-color: #CCCCCC;
  color: #F9F9F9;
  width: 14px;
  height: 14px;
}
.product-concerns .pop-body {
  left: 0;
  top: 14px;
  padding: 5px 10px;
  min-width: 114px;
}

.product-buy {
  background-color: #FFFDF4;
  border: 1px solid #ffe6ca;
  padding: 10px 15px;
  margin-top: 10px;
}
.product-buy .item-label {
  float: left;
  width: 6em;
  margin-right: 0.3em;
  text-align: right;
}
.product-buy .item-content {
  display: block;
  margin-left: 6.3em;
}
.product-buy .icon-qrcode {
  color: #999999;
  font-size: 133.33333%;
}
.product-buy .pop-wrapper .action-handle {
  margin-right: 0;
  padding: 3px 5px;
  border: 1px solid #FFFFFF;
  border-top-width: 0;
}
.product-buy .pop-wrapper .active {
  border-color: #CCCCCC;
  background-color: #FFFFFF;
  position: relative;
  z-index: 2;
  -webkit-box-shadow: 1px 1px 1px rgba(151, 151, 151, 0.5);
  -moz-box-shadow: 1px 1px 1px rgba(151, 151, 151, 0.5);
  box-shadow: 1px 1px 1px rgba(151, 151, 151, 0.5);
}
.product-buy .pop-wrapper .pop-body {
  left: 0;
  bottom: 16px;
  padding: 1px;
}
.product-buy .pop-wrapper .pop-body img {
  display: block;
}

.spec-item {
  margin-bottom: 6px;
  overflow: hidden;
  *zoom: 1;
}
.spec-item .spec-attr {
  float: left;
  border: 1px solid #CCCCCC;
  background-color: #F6F6F6;
  margin-right: 6px;
  margin-bottom: 4px;
}
.spec-item .spec-attr a {
  display: block;
  border: 1px solid #FFFFFF;
  color: #111111;
  line-height: 20px;
}
.spec-item .spec-attr a:hover {
  border-color: #CCCCCC;
}
.spec-item .spec-attr span {
  padding: 0 6px;
  *zoom: 1;
}
.spec-item .spec-attr img {
  display: block;
  width: 30px;
  height: 30px;
}
.spec-item .selected {
  border: 0 none;
}
.spec-item .selected a {
  border: 2px solid #D80808;
  position: relative;
}
.spec-item .selected a:hover {
  border-color: #D80808;
}
.spec-item .locked {
  border-style: dashed;
  border-color: #999999;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.product-buy-quantity {
  margin-bottom: 20px;
  *zoom: 1;
}
.product-buy-quantity .p-quantity {
  display: inline-block;
  width: 74px;
  overflow: hidden;
  vertical-align: middle;
}
.product-buy-quantity .p-quantity a {
  display: inline-block;
  width: 20px;
  height: 21px;
  overflow: hidden;
  vertical-align: middle;
  border: 1px solid #a9a9a9;
  text-align: center;
  font: 14px/22px simsun, serif;
}
.product-buy-quantity .p-quantity input {
  width: 30px;
  height: 21px;
  line-height: 21px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  border-width: 1px 0;
  border-style: solid;
  border-color: #a9a9a9;
  text-align: center;
}
.product-buy-quantity .p-store {
  padding: 0 10px;
  background-color: #DDDDDD;
  display: inline-block;
  margin-left: 3px;
  vertical-align: middle;
}

.product-buy-action {
  word-break: break-all;
  word-wrap: break-word;
}
.product-buy-action .btn {
  margin-right: 15px;
}
.product-buy-action .icon, .product-buy-action [class^=icon-]:before {
  vertical-align: middle;
}

.product-notify {
  padding: 20px;
  color: #333333;
}
.product-notify .desc {
  margin-bottom: 2em;
}

.detail-content img {
  max-width: 100%;
}

.product-tags {
  margin-top: 30px;
  border-bottom: 1px solid #CCCCCC;
}
.product-tags .tags-hd {
  font-size: 14px;
  font-weight: 400;
  float: left;
  border: 1px solid #CCCCCC;
  border-bottom: 0 none;
  background-color: #EFEFEF;
  margin-right: 5px;
}
.product-tags .tags-hd a {
  color: #333333;
  border: 1px solid #FFFFFF;
  display: block;
  padding: 2px 15px;
}
.product-tags .active {
  border-top: 2px solid #D80808;
  background-color: #FFFFFF;
  margin-bottom: -1px;
  font-weight: 700;
  *position: relative;
}

.product-section {
  overflow: hidden;
}
.product-section.loading,
.product-section .loading {
  background: url(../images/loading.gif) no-repeat center center;
  height: 30px;
  border: 0 none;
}
.product-section .tags-hd {
  display: none;
}

.product-attributes {
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
}
.product-attributes ul {
  border: 1px solid #FFFFFF;
  padding: 10px 15px;
}
.product-attributes li {
  float: left;
  width: 33.3%;
  line-height: 26px;
}

.product-parameters table {
  width: 100%;
}
.product-parameters .section-hd {
  background-color: #EFEFEF;
  text-align: left;
  border: 1px solid #DDDDDD;
  height: 36px;
  padding-left: 8px;
  font-size: 14px;
}
.product-parameters td {
  border: 1px solid #DDDDDD;
  line-height: 2;
  padding: 3px 10px;
}
.product-parameters .item-ttl {
  font-weight: 700;
  text-align: right;
  width: 16%;
  white-space: nowrap;
}

.product-score {
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
  line-height: 24px;
}
.product-score td {
  padding: 15px 20px;
}

.score-total .label {
  font-weight: 700;
  padding-right: 6px;
  float: left;
}
.score-total .values {
  float: left;
}
.score-total .score {
  color: #E0A902;
  font-size: 14px;
}
.score-total .total {
  display: block;
}
.score-total .total-count {
  color: #E0A902;
}

.scores-list .label {
  padding-right: 2px;
  width: 56px;
  text-align: right;
  display: inline-block;
}
.scores-list .score {
  color: #E0A902;
  font-size: 14px;
}
.scores-list .rating {
  color: #DDDDDD;
  cursor: pointer;
}
.scores-list .active,
.scores-list .stars-1 .star-1,
.scores-list .stars-2 .star-1, .scores-list .stars-2 .star-2,
.scores-list .stars-3 .star-1, .scores-list .stars-3 .star-2, .scores-list .stars-3 .star-3,
.scores-list .stars-4 .star-1, .scores-list .stars-4 .star-2, .scores-list .stars-4 .star-3, .scores-list .stars-4 .star-4,
.scores-list .stars-5 .star-1, .scores-list .stars-5 .star-2, .scores-list .stars-5 .star-3, .scores-list .stars-5 .star-4, .scores-list .stars-5 .star-5 {
  color: #E0A902;
}

.product-score .desc i {
  color: #666666;
}

.comment-list {
  padding: 10px 10px 10px 20px;
  line-height: 24px;
}
.comment-list .title i {
  color: #D80808;
}
.comment-list .title a {
  text-decoration: underline;
}
.comment-list .title-aside {
  text-align: right;
}
.comment-list .content {
  margin-top: 10px;
}
.comment-list .comment-item {
  margin: 5px 0;
  overflow: hidden;
  *zoom: 1;
}
.comment-list .comment-item .stars {
  float: left;
}
.comment-list .comment-item .time {
  float: right;
}
.comment-list .member {
  width: 80px;
  float: left;
  text-align: center;
  margin-right: 5px;
}
.comment-list .member-avatar {
  width: 60px;
  height: 60px;
  line-height: 58px;
  border: 1px solid #CCCCCC;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  padding: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.comment-list .member-avatar img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.comment-list .member-discuss {
  position: relative;
  margin-left: 100px;
  padding: 10px;
  background-color: #F6F6F6;
  border: 1px solid #CCCCCC;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.comment-list .point {
  position: absolute;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  width: 30px;
  height: 30px;
}
.comment-list .point i {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 15px dashed transparent;
}
.comment-list .point-left {
  top: 20px;
  left: -30px;
}
.comment-list .point-left i {
  border-right-style: solid;
}
.comment-list .point-left .below {
  border-right-color: #CCCCCC;
  left: -1px;
}
.comment-list .point-left .above {
  border-right-color: #F6F6F6;
  left: 0px;
  top: 0;
}
.comment-list .discuss-label {
  overflow: hidden;
  padding-bottom: 5px;
}
.comment-list .discuss-content {
  clear: right;
  padding: 8px;
  border-bottom: 1px dotted #CCCCCC;
  border-top: 1px dotted #CCCCCC;
}
.comment-list .btn-close {
  margin-left: 10px;
  vertical-align: middle;
  display: inline-block;
}

.reply-list {
  padding: 5px 5px 0 5px;
}

.reply-action i {
  color: #888888;
  float: left;
}
.reply-action .inter-handle {
  float: right;
}
.reply-action .inter-handle em {
  display: none;
  position: relative;
  margin: 0 auto;
  width: 16px;
  padding-bottom: 8px;
}
.reply-action.active-handle em {
  display: block;
}
.reply-action .arrow {
  position: absolute;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  width: 16px;
  height: 16px;
}
.reply-action .arrow i {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  border: 8px dashed transparent;
}
.reply-action .arrow-top {
  left: 0;
  bottom: 0;
}
.reply-action .arrow-top i {
  border-bottom-style: solid;
}
.reply-action .arrow-top .above {
  border-bottom-color: #FFFFFF;
  top: 0;
  left: 0;
}

.post-reply {
  padding: 10px;
  background-color: #FFFFFF;
}
.post-reply .btn-close {
  margin-left: 10px;
  vertical-align: middle;
  display: inline-block;
}

.reply-item {
  border: 1px solid #DDDDDD;
  background-color: #FFFFFF;
  margin-top: 8px;
  padding: 10px 35px;
  position: relative;
}
.reply-item .infos {
  float: left;
}
.reply-item .time {
  float: right;
}
.reply-item .lquote {
  color: #DDDDDD;
  font-size: 133.33333%;
  position: absolute;
  left: 5px;
  top: 2px;
}
.reply-item .rquote {
  color: #DDDDDD;
  font-size: 133.33333%;
  position: absolute;
  right: 5px;
  bottom: 2px;
}

.reply-label {
  overflow: hidden;
}

.reply-content {
  margin-top: 5px;
}

.reply-admin .infos em, .reply-admin .reply-content {
  color: #EB5800;
}

.post-comment {
  line-height: 24px;
}
.post-comment .mod-title i {
  font-size: 12px;
  color: #999999;
  margin-left: 10px;
}
.post-comment .mod-content {
  padding: 20px;
}
.post-comment .word-count {
  float: right;
  color: #666666;
  font-size: 11px;
  margin-right: 5px;
  line-height: 25px;
}
.post-comment .btn-discuss {
  margin: 0 5px;
}
.post-comment .not-login {
  color: #888888;
}
.post-comment .sub-label {
  color: #666666;
}
.post-comment .sub-label-side {
  width: 180px;
  float: right;
  color: #666666;
}

.product-consult {
  line-height: 24px;
}

.consult-title {
  padding: 20px;
  border-bottom: 1px solid #DDDDDD;
}
.consult-title em {
  margin-left: 15px;
}

.consult-content {
  padding: 10px 20px;
}
.consult-content .no-message {
  margin-top: 20px;
}
.consult-content .title i {
  color: #D80808;
}
.consult-content .title a {
  text-decoration: underline;
}
.consult-content .title-aside {
  text-align: right;
}
.consult-content .tabs {
  margin-top: 10px;
}
.consult-content .tabs li {
  float: left;
  margin-right: 5px;
}
.consult-content .tabs a {
  display: block;
  padding: 0 10px;
}
.consult-content .tabs li.active a,
.consult-content .tabs a:hover {
  background-color: #a4a4a4;
  color: #FFFFFF;
}

.consult-item {
  background-color: #F6F6F6;
  border: 1px solid #DDDDDD;
  padding: 10px 12px;
  margin-top: 10px;
}
.consult-item .icon-question {
  color: #037dbf;
  font-size: 15px;
  width: 15px;
  height: 15px;
  line-height: 15px;
  float: left;
  margin-top: 8px;
}
.consult-item .icon-answer {
  color: #D80808;
  font-size: 15px;
  width: 15px;
  height: 15px;
  line-height: 15px;
  float: left;
  margin-top: 8px;
}
.consult-item .question-content,
.consult-item .answer-action,
.consult-item .answer-item,
.consult-item .post-answer {
  margin-left: 26px;
}

.question-content .desc {
  display: block;
}
.question-content .name {
  float: left;
  color: #666666;
}
.question-content .time {
  float: right;
  color: #999999;
}

/*new*/
.thumbnail-slider {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.thumbnail-slider .prev, .thumbnail-slider .next {
  float: left;
  display: block;
  width: 15px;
  height: 50px;
  line-height: 50px;
  margin-top: 2px;
  background: #fff;
  color: #666;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}
.thumbnail-slider .switchable-content {
  width: 363px;
  height: 363px;
  margin-bottom: 5px;
  border: 1px solid #CCCCCC;
  overflow: hidden;
  background-color: #FFFFFF;
}
.thumbnail-slider .switchable-content:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.thumbnail-slider .switchable-content li {
  width: 363px;
  height: 363px;
  line-height: 361px;
  overflow: hidden;
  text-align: center;
}
.thumbnail-slider .switchable-content li img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.thumbnail-slider .switchable-nav-wrap {
  float: left;
  width: 320px;
  margin-left: 12px;
  overflow: hidden;
  position: relative;
  height: 55px;
}
.thumbnail-slider .switchable-nav {
  width: 1000px;
  position: absolute;
  left: 0;
  top: 0;
}
.thumbnail-slider .switchable-nav:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.thumbnail-slider .switchable-nav li {
  float: left;
  width: 50px;
  height: 50px;
  line-height: 48px;
  border: 2px solid transparent;
  background-color: #FFFFFF;
  overflow: hidden;
  margin-right: 10px;
  text-align: center;
}
.thumbnail-slider .switchable-nav li img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.thumbnail-slider .switchable-nav li.active {
  border: 2px solid #dd2434;
}

.detail-panel {
  min-height: 422px;
  background: #fff;
  color: #666;
}
/*2015/9/28*/
.detail-panel .detail-panel-hd {
  padding: 10px 0 10px 10px;
  border-bottom:1px solid #e4e4e4;
}
.detail-panel .detail-panel-hd h1 {
  font-size: 16px;
  font-weight: bold;
}
.detail-panel .detail-panel-hd h1 em{
    color:#f60;
}
.detail-panel .detail-panel-hd div {
  max-height: 36px;
  overflow: hidden;
}
.detail-panel .detail-panel-hd .item-describe-tag {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  margin-right: 5px;
  padding: 0 8px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background-color: #f75a4e;
}
.detail-panel .detail-panel-bd {
  position: relative;
}
.detail-panel .detail-panel-bd:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.detail-panel .detail-panel-info {
  float: left;
  width: 75%;
}
.detail-panel .dt {
  width: 70px;
  margin-right: 10px;
  color:#999;
  font-size: 12px;
}
.detail-panel .dt em {
  color: #dd2434;
}
.detail-panel .dt, .detail-panel .dd {
  float: left;
  font-size:12px;
  margin: 0;
  color:#999;
}
.detail-panel .dd {
    color:#333;
}
.detail-panel .summary-outbox {
  background: #fafafa;
  padding-top: 12px;
  padding-bottom: 12px;
}
.detail-panel .summary-outbox:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.detail-panel .summary {
  float: none;
  display: block;
  width: 570px;
  padding: 15px 20px;
  font-size: 14px;
  border-bottom:1px solid #e4e4e4;
}
.detail-panel .summary li {
  margin-top: 15px;
}
.detail-panel .summary li:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.detail-panel .summary li:first-child {
  margin-top: 0;
}
.detail-panel .summary em {
  color: #dd2434;
}
.detail-panel .goods-qrcode {
  float: right;
  text-align: center;
  margin-right: 12px;
}
.detail-panel .price {
  font: 700 30px/25px Tahoma;
  color: #dd2434;
}
.detail-panel .icon-star {
  color: #FF8500;
  font-size: 22px;
}
.detail-panel .icon-star.disabled {
  color: #DEDEDE;
}
.detail-panel .choose {
  padding: 15px 0 0 20px;
  padding-bottom: 20px;
}
.detail-panel .choose:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.detail-panel .choose .item {
  float: left;
}
.detail-panel .choose .dt {
  margin-top: 6px;
}
.detail-panel .choose .dd {
  width: 80%;
}
.detail-panel .choose .btn-wrap {
  margin: 20px 0 0 83px;
}
.detail-panel .choose .btn-wrap .btn {
  margin-right: 10px;
}
.detail-panel .choose > div {
/*  margin-bottom: 10px;*/
  margin-bottom:15px;overflow: hidden;width: 100%;
}
.detail-panel .choose > div:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.detail-panel .choose-item-wrap:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.detail-panel .choose-item {
  position: relative;
  float: left;
  height: 32px;
  margin: 2px 8px 2px 0;
}
.detail-panel .choose-item span {
  display: none;
  position: absolute;
  bottom: -8px;
  right: 1px;
  font-size: 22px;
  color: #dd2434;
}
.detail-panel .choose-item span i {
  position: absolute;
  bottom: 4px;
  right: -1px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.detail-panel .choose-item a {
  display: block;
  height: 27px;
  padding: 1px 6px;
  border: 1px solid #ccc;
  color: #666;
}
.detail-panel .choose-item a:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.detail-panel .choose-item a img {
  float: left;
  margin-top: 1px;
}
.detail-panel .choose-item a i {
  float: left;
  padding-top: 4px;
  font-style: normal;
  cursor: pointer;
}
.detail-panel .choose-item:hover a {
  padding: 0 5px;
  border: 2px solid #dd2434;
  color: #dd2434;
}
.detail-panel .choose-item.on span {
  display: inline;
}
.detail-panel .choose-item.on a {
  padding: 0 5px;
  border: 2px solid #dd2434;
}
.detail-panel .seller {
  float: right;
  width: 186px;
  margin: 10px 10px 10px 0;
  border: 1px solid #eee;
  font-size: 12px;
}
.detail-panel .seller li {
  padding: 15px 5px;
  border-top: 1px solid #eee;
}
.detail-panel .seller li:first-child {
  border-top: none;
}
.detail-panel .seller .dl {
  margin-bottom: 5px;
}
.detail-panel .seller .dl:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.detail-panel .seller .dl .dl-left {
  float: left;
  width: 110px;
}
.detail-panel .seller .dl .dl-right {
  float: right;
  width: 60px;
  text-align: center;
}
.detail-panel .seller .icon-arrow-down-a {
  color: #00850A;
}
.detail-panel .seller .icon-arrow-up-a {
  color: #dd2434;
}
.detail-panel .seller .btn-wrap {
  text-align: center;
}
.detail-panel .seller .btn-wrap .btn {
  margin: 0 5px;
}
.detail-panel .seller .qrcode {
  margin: 0 auto;
  width: 84px;
  padding: 7px;
  border: 1px solid #ccc;
  text-align: center;
}

.pro-like {
  text-align: center;
  margin-top: 20px;
}

.favorite-btn {
  color: #999;
}
.favorite-btn .icon, .favorite-btn [class^=icon-]:before {
  margin-right: 5px;
  margin-top: -2px;
  color: #999;
  font-size: 24px;
  vertical-align: middle;
  display: inline-block;
}
.favorite-btn.on .icon, .favorite-btn.on [class^=icon-]:before {
  color: #ffb904;
}

.pro-share {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  margin-top: -3px;
}

.disable-tag {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  background: #a1a1a1;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

.disable-tag-sm {
  display: inline-block;
  padding: 0 10px;
  background: #ccc;
  border: 1px solid #a1a1a1;
  color: #666;
  text-align: center;
}

.favorite-hint {
  margin: 40px 0;
}
.favorite-hint:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.favorite-hint .icon, .favorite-hint [class^=icon-]:before {
  float: left;
  margin: -4px 20px 0 0;
  font-size: 60px;
}
.favorite-hint .title {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}
.favorite-hint button {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  border: 0 none;
  padding: 0;
  height: 20px;
  width: 20px;
  overflow: hidden;
  background-color: transparent;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  color: #999999;
  margin: -4px 2px 0 0;
}
.favorite-hint .favorite-text {
  float: left;
}
.favorite-hint.already .icon, .favorite-hint.already [class^=icon-]:before {
  color: orange;
}
.favorite-hint.already .title {
  color: #666;
}
.favorite-hint.successed .icon, .favorite-hint.successed [class^=icon-]:before, .favorite-hint.successed .title {
  color: #8AB660;
}
.number .sl{float:left;line-height: 28px;padding-left: 10px;}
.number input {width:70px; height: 26px; font-size: 14px; line-height: 26px;text-align: center;padding:0;float:left;margin-left:-1px;border-color:#e5e5e5}
.number input:hover{line-height:26px;}
.number .btn{float:left;margin-left:-1px;display:block;width:26px; line-height:26px; text-align:center;background-color:#f8f8f8; border-color:#e5e5e5}
.number .btn span{display:block;height:26px;line-height:26px;background-color: #f8f8f8;color: #707070;border-color: #e5e5e5;font-size: 16px;font-weight: bold;}
.number .btn span span {
  padding-left: 0;
  padding-right: 5px;
}
.number .number-stockout {
  display: none;
}
.number.is-stockout .number-stockout {
  display: block;
  width: 95px;
  margin-top: 5px;
  line-height: 1;
  color: #e22335;
  text-align: center;
}
.number.is-stockout .number-increase-decrease .btn {
  color: #e22335;
}
.number.is-stockout .number-increase-decrease .btn span {
  border-color: #e22335;
}
.number.is-stockout .number-increase-decrease input {
  border-color: #e22335;
}

.side-box .hd {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background: #e8e8e8;
  color: #666;
  font-size: 14px;
  font-weight: bold;
}
.side-box .bd {
  padding: 10px;
  background: #fff;
}
.side-box a {
  color: #666;
}
.side-box .link {
  display: block;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
}
.side-box .goods2 {
  padding: 10px 0;
  border-top: 1px solid #eee;
}
.side-box .goods2 .price {
  text-align: center;
}
.side-box .goods2:first-child {
  border-top: none;
}
.side-box .searchbar-small {
  width: 100%;
}

.searchbar-small {
  position: relative;
  width: 170px;
}
.searchbar-small [class|=icon] {
  color: #333333;
}

.goods-info .evaluation {
  padding-top: 29px;
  position: relative;
}
.goods-info .evaluation .evaluation-nav {
  position: absolute;
  left: 0;
  margin-top: -29px;
  z-index: 99;
}
.goods-info .evaluation .evaluation-nav li {
  float: left;
  width: 130px;
  height: 27px;
  line-height: 25px;
  text-align: center;
  border: 1px solid #f0f0f0;
  border-top-width: 2px;
  background-color: #f0f0f0;
  border-bottom: 0 none;
  margin-right: 3px;
  padding-top: 1px;
  cursor: pointer;
}
.goods-info .evaluation .evaluation-nav li.active {
  background-color: #fff;
  border-top-color: #e22335;
  color: #e22335;
  cursor: default;
  height: 28px;
}
.goods-info .evaluation .evaluation-condition {
  position: absolute;
  right: 0;
  top: 0;
}
.goods-info .evaluation .evaluation-content {
  position: relative;
  padding: 20px;
  border: 1px solid #f0f0f0;
}
.goods-info .evaluation .checkbox-inline, .goods-info .evaluation .input-sm, .goods-info .evaluation .input-comb-sm input, .input-comb-sm .goods-info .evaluation input, .goods-info .evaluation .input-comb-sm > .input-comb-addon {
  margin-right: 10px;
}
.goods-info .evaluation .del-color {
  color: #e32436;
}
.goods-info .hd {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background: #e8e8e8;
  color: #dd2434;
  font-size: 14px;
}
.goods-info .bd {
  padding: 10px;
  line-height: 2;
}
.goods-info .bd .item-table {
  border: none;
}
.goods-info .bd .item-table tr {
  border-top: 1px solid #ddd;
}
.goods-info .bd .item-table tr:first-child {
  border: none;
}
.goods-info .bd .item-table td {
  vertical-align: top;
}
.goods-info .bd .item-table .user-name {
  display: inline-block;
  width: 70px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 15px;
}
.goods-info .bd .item-table .detail {
  width: 70%;
}
.goods-info .bd .item-table .show-pics:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.goods-info .bd .item-table .show-pics a {
  position: relative;
  display: block;
  float: left;
  border: 1px solid #ddd;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  margin-right: 3px;
  width: 40px;
  text-align: center;
}
.goods-info .bd .item-table .show-pics a img {
  border-radius: 5px;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.goods-info .bd .item-table .show-pics a i {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 15px;
  line-height: 15px;
  text-align: center;
  border-radius: 3px 0 3px 0;
  width: 15px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.goods-info .bd .item-table .feedback {
  background: #f4f4f4;
  border-radius: 6px;
  margin-top: 10px;
  color: #999;
}
.goods-info .bd .item-table .feedback .feedback-tit {
  padding: 10px;
}
.goods-info .bd .item-table .feedback .feedback-txt {
  padding: 0 20px 10px 20px;
}
.goods-info .bd .item-table .feedback .feedback-txt p {
  word-break: break-all;
}
.goods-info img {
  max-width: 100%;
}

.tab1 {
  position: relative;
}
.tab1 .switchable-nav {
  background: #e8e8e8;
}
.tab1 .switchable-nav:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.tab1 .switchable-nav li {
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
.tab1 .switchable-nav li.active {
  background-color: #fff;
  border-top: 2px solid #dd2434;
  color: #dd2434;
  cursor: default;
}
/*.tab1 .switchable-nav li span {
  color: #0563c3;
}*/
.tab1 .switchable-content {
  padding-top: 20px;
  background: #fff;
}

.detailinfo-list {
  padding: 0 20px 10px 20px;
}
.detailinfo-list:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.detailinfo-list li {
  float: left;
  width: 33%;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.detail-table .tdTitle {
  background: none repeat scroll 0 0 #F5FAFE;
  text-align: right;
  width: 110px;
}
.detail-table th {
  background: #EEF7FE;
  text-align: right;
  padding: 5px;
}
.detail-table th.tdTitle {
  text-align: center;
}
.detail-table td {
  padding: 2px 5px;
}
.detail-table th, .detail-table td {
  border: 1px solid #ccc;
}

.goods-grade {
  margin-bottom: 20px;
  padding: 10px;
}
.goods-grade:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.goods-grade .goods-grade-title {
  float: left;
  border-right: 1px solid #ccc;
  margin-right: 50px;
  margin-left: 30px;
  padding-right: 50px;
  font-size: 14px;
  text-align: center;
}
.goods-grade .goods-grade-title span {
  display: block;
  font-size: 50px;
  color: #e32233;
}
.goods-grade .goods-grade-score {
  float: left;
  margin-right: 90px;
  font-size: 14px;
}
.goods-grade .goods-grade-score em {
  color: #dd2434;
}
.goods-grade .goods-grade-score div {
  margin-bottom: 5px;
}
.goods-grade .goods-grade-score .level-name {
  display: inline-block;
  vertical-align: middle;
}
.goods-grade .goods-grade-score .score-parent {
  display: inline-block;
  vertical-align: middle;
  width: 500px;
  height: 12px;
}
.goods-grade .goods-grade-score .score-parent .score-progress {
  background-image: -webkit-linear-gradient(left, #fee969, #fd9a01);
  background-image: -moz-linear-gradient(left, #fee969, #fd9a01);
  background-image: linear-gradient(to right, #fee969, #fd9a01);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=true, gradientType=0, startColorstr='#FFFEE969', endColorstr='#FFFD9A01', GradientType=1) \9;
  height: 12px;
  position: relative;
}
.goods-grade .goods-grade-score .score-parent .score-progress .score-num {
  position: absolute;
  color: #888;
  width: 100px;
  top: -2px;
  right: -110px;
  font-size: 12px;
}
.goods-grade .goods-grade-graph {
  float: left;
  position: relative;
  padding-top: 30px;
}
.goods-grade .goods-grade-graph span {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  padding: 0 5px;
  background: #dd2434;
  color: #fff;
}
.goods-grade .goods-grade-graph span i {
  position: absolute;
  bottom: -8px;
  left: 50%;
  z-index: 9;
  margin-left: -4px;
  color: #dd2434;
}
.goods-grade .goods-grade-bar {
  position: relative;
}
.goods-grade .goods-grade-bar:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.goods-grade .goods-grade-bar .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 420px;
  height: 16px;
  background: #dd2434;
  background: -moz-linear-gradient(left, #fff, #dd2434);
  background: -webkit-linear-gradient(left, #fff, #dd2434);
  background: -ms-linear-gradient(left, #fff, #dd2434);
}
.goods-grade .goods-grade-bar .txt {
  position: relative;
  z-index: 2;
  float: left;
  width: 85px;
  text-align: center;
}

.goods-comments {
  padding: 20px 10px;
  border-top: 1px solid #ccc;
}
.goods-comments:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.goods-comments .col1 {
  float: left;
  width: 640px;
  margin-right: 30px;
}
.goods-comments .col2 {
  float: left;
  width: 170px;
  margin-right: 30px;
}
.goods-comments .col3 {
  float: left;
  width: 70px;
}
.goods-comments span {
  color: #999;
}
.goods-comments:first-child {
  border-top: none;
}

/* 获取优惠券 */
.get-coupon-success {
  margin-left: 50px;
}
.get-coupon-success:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}

.coupon-info {
  padding: 20px 50px 40px 50px;
}
.coupon-info .coupon {
  float: left;
  margin-top: 57px;
}
.coupon-info .coupon-detail {
  margin-left: 350px;
}
.coupon-info .coupon-detail h1 {
  color: #e22335;
  font-weight: normal;
  margin-bottom: 10px;
}
.coupon-info .coupon-detail .coupon-rule {
  font-size: 14px;
  color: #666;
  border-bottom: 1px dashed #d4d4d4;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.coupon-info .coupon-detail .coupon-rule dt {
  float: left;
  width: 100px;
}
.coupon-info .coupon-detail .coupon-rule dd {
  margin-left: 100px;
}
.coupon-info .coupon-detail .coupon-explain {
  background-color: #e6e6e6;
  padding: 10px;
  color: #9a9a9a;
  margin-bottom: 20px;
}

.discount {
  display: block;
  background-color: #f2f2f2;
  position: relative;
  float: inherit !important;
  margin-left: 85px;
  padding: 8px;
}
.discount .discount-in {
  max-height: 78px;
  background: #f2f2f2;
  overflow: hidden;
}
.discount .discount-in .label {
  font-size: 12px;
  padding-bottom: .2em;
}
.discount .discount-in .discount-gift {
  width: 36px;
  height: 36px;
  background-color: #FFF;
  display: inline-block;
  border: 1px solid #cecece;
  vertical-align: middle;
}
.discount .discount-in .discount-gift img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.discount .discount-in .discount-txt {
  display: inline-block;
  vertical-align: middle;
  max-width: 290px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.discount .discount-in .discount-tips {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 12px;
}
.discount .discount-in .discount-tips i {
  font-size: 14px;
  padding: 0 2px;
  border: 1px solid #ccc;
  color: #9e9e9e;
}
.discount:hover {
  height: 78px;
}
.discount:hover .discount-in {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  max-height: inherit;
  z-index: 99;
}
.discount:hover .discount-in ul {
  padding: 8px;
}

.discount-group:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.discount-group .group-list {
  float: left;
  position: relative;
  width: 750px;
  height: 151px;
  overflow: hidden;
  margin: 0 20px 20px 20px;
}
.discount-group .group-list .group-list-wrap {
  position: absolute;
  width: 2000px;
  padding-bottom: 20px;
}
.discount-group .group-list .group-list-wrap:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.discount-group .group-list .group-list-wrap li {
  float: left;
  position: relative;
  width: 112px;
  margin-right: 38px;
}
.discount-group .group-list .group-list-wrap li a {
  display: block;
  line-height: 1.2;
}
.discount-group .group-list .group-list-wrap li .thumbnail {
  width: 112px;
  height: 112px;
  text-align: center;
  margin-bottom: 10px;
}
.discount-group .group-list .group-list-wrap li .thumbnail img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.discount-group .group-list .group-list-wrap li .pro-title {
  height: 29px;
  overflow: hidden;
}
.discount-group .group-list .group-list-wrap li:after {
  position: absolute;
  top: 40px;
  right: -30px;
  font-family: "iconfonts";
  content: "\2801";
  font-size: 24px;
  color: #ccc;
}
.discount-group .group-info {
  float: left;
  position: relative;
  margin-left: 38px;
  color: #656565;
}
.discount-group .group-info .group-name {
  font-size: 24px;
}
.discount-group .group-info .group-price span {
  font-size: 18px;
  color: #e12232;
}
.discount-group .group-info .old-price {
  text-decoration: line-through;
}
.discount-group .group-info .get-group {
  margin-top: 10px;
}
.discount-group .group-info:after {
  position: absolute;
  top: 20px;
  left: -50px;
  font-family: Arial;
  content: "＝";
  font-size: 50px;
  color: #ccc;
}
.discount-group .scrollBtn {
  float: left;
  display: table;
  height: 120px;
  margin-right: 30px;
}
.discount-group .scrollBtn > div {
  display: table-cell;
  vertical-align: middle;
}
.discount-group .scrollBtn .icon, .discount-group .scrollBtn [class^=icon-]:before {
  display: block;
  border: 1px solid #ccc;
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: pointer;
  text-align: center;
  font-size: 26px;
  color: #ccc;
  width: 30px;
}
.discount-group .scrollBtn .icon.disabled, .discount-group .scrollBtn .disabled[class^=icon-]:before {
  border: 1px solid #f5f5f5;
  color: #f5f5f5;
}

.empty {
  margin: 160px 0 360px 100px;
}
.empty:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.empty .empty-left {
  float: left;
  margin-right: 50px;
}
.empty .empty-left i {
  font-size: 66px;
  color: #999;
}
.empty .empty-right {
  margin-top: 20px;
  float: left;
}
.empty p {
  font-size: 16px;
  color: #666;
}

.coupon-img {
  position: relative;
  height: 180px;
}
.coupon-img img {
  position: absolute;
  top: 0;
  left: 0;
}
.coupon-img .txt {
  padding-top: 30px;
  position: relative;
  text-align: center;
  font-family: microsoft yahei;
}
.coupon-img .txt h3 {
  font-size: 34px;
  font-weight: normal;
  color: #fff;
}
.coupon-img .txt .content {
  font-size: 26px;
  color: #fff;
}
.coupon-img .txt .time {
  font-size: 16px;
  color: #F9B8BB;
}

/* 商品咨询 */
.item-consult {
  padding: 10px;
}
.item-consult .item-consult-nav {
  float: left;
  background: #efefef;
  padding-left: 10px;
  padding-top: 5px;
  width: 80%;
  margin-top: 12px;
}
.item-consult .item-consult-nav li {
  float: left;
  padding: 10px 20px;
  cursor: pointer;
}
.item-consult .item-consult-nav li span {
  color: #bb9951;
}
.item-consult .item-consult-nav .active {
  background: #fff;
  border-top: 1px solid #dfc181;
}
.item-consult .get-consult {
  float: right;
  color: #999;
}
.item-consult .get-consult a > span {
  padding-left: 32px;
}
.item-consult .get-consult a > span > span {
  padding-right: 32px;
}
.item-consult .get-consult i {
  font-size: 20px;
  vertical-align: middle;
}
.item-consult .item-consult-con li {
  border: 1px solid #efefef;
  margin-top: 20px;
  padding: 10px;
}
.item-consult .item-consult-con li dt {
  clear: both;
  width: 60px;
  float: left;
}
.item-consult .item-consult-con li dd {
  margin-left: 70px;
}
.item-consult .item-consult-con li .usr-info {
  color: #a0a0a0;
  margin-bottom: 10px;
}
.item-consult .item-consult-con li .admin-reply {
  color: #bfa15b;
  margin-top: 10px;
}
.item-consult .item-consult-con li .admin-reply dd {
  position: relative;
  padding-right: 140px;
}
.item-consult .item-consult-con li .admin-reply .reply-time {
  position: absolute;
  right: 0;
  top: 0;
  color: #a0a0a0;
}
.item-consult .item-consult-form {
  border: 1px solid #efefef;
  border-top-width: 3px;
  border-top-color: #dfc181;
  padding: 15px;
  margin-top: 30px;
  color: #6f6f6f;
}
.item-consult .item-consult-form .form-title {
  font-size: 16px;
  margin-bottom: 10px;
  color: #333;
}
.item-consult .item-consult-form .form-label {
  width: 5em;
  color: #333;
}
.item-consult .item-consult-form .form-act {
  margin-left: 6em;
}
.item-consult .item-consult-form .offset-2 {
  margin-left: 6em;
}
.item-consult .item-consult-form .form-footer {
  border-top: 1px dashed #f0f0f0;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

/*------ albums ------*/
.albums-left {
  float: left;
  width: 180px;
}

.albums-right {
  margin-left: 190px;
}

.albums-main {
  float: left;
  width: 100%;
}

.albums-pic-list {
  margin: 50px 24px 50px 30px;
}
.albums-pic-list .next {
  font-size: 15px;
  text-align: center;
  display: block;
  height: 30px;
  line-height: 30px;
  color: #666666;
  cursor: pointer;
}
.albums-pic-list .next.disable {
  cursor: default;
  color: #CCCCCC;
}
.albums-pic-list .previous {
  font-size: 15px;
  text-align: center;
  display: block;
  height: 30px;
  line-height: 30px;
  color: #666666;
  cursor: pointer;
}
.albums-pic-list .previous.disable {
  cursor: default;
  color: #CCCCCC;
}
.albums-pic-list ul {
  position: relative;
}

.albums-pic-item {
  position: relative;
  width: 114px;
  height: 114px;
  border: 3px solid  #D4D4D4;
  margin-bottom: 10px;
  cursor: pointer;
  background-color: #FFFFFF;
}
.albums-pic-item .ar {
  display: none;
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -6px;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  font-size: 0px;
  border-left: 6px solid #FEBF0F;
  border-top: 6px solid #F5F5F5;
  border-right: 6px solid #F5F5F5;
  border-bottom: 6px solid #F5F5F5;
}
.albums-pic-item.active, .albums-pic-item.hover {
  border-color: #FEBF0F;
}
.albums-pic-item.active .ar, .albums-pic-item.hover .ar {
  display: block;
}
.albums-pic-item .albums-pic {
  width: 114px;
  height: 114px;
  line-height: 112px;
  overflow: hidden;
  text-align: center;
}
.albums-pic-item .albums-pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.albums-product-title {
  padding: 20px;
  line-height: 35px;
  text-align: center;
}
.albums-product-title h1 {
  font-size: 133.33333%;
}

.albums-main-pic {
  text-align: center;
}

.albums-scroll {
  overflow: hidden;
}

/*------ cart ------*/
.steps li {
  height: 30px;
  line-height: 30px;
  float: left;
}
.steps i {
  display: inline-block;
}
.steps a, .steps span {
  display: block;
  padding: 0 10px;
}
.steps .step-item {
  background-color: #EFEFEF;
  padding: 0;
  white-space: nowrap;
}
.steps .step-arrow {
  padding: 0;
}

.cart-main {
  border: 1px solid #E6E6E6;
  table-layout: fixed;
}
.cart-main caption {
  text-align: left;
  background-color: #EFEFEF;
  border: 1px solid #E6E6E6;
  border-bottom: 0 none;
}
.cart-main thead {
  background-color: #EFEFEF;
}
.cart-main td {
  line-height: 20px;
  vertical-align: top;
  text-align: center;
  padding: 2px 0;
}
.cart-main .cart-item {
  border-bottom: 1px solid #EFEFEF;
}
.cart-main .cart-item .last td {
  *border-bottom: 1px solid #EFEFEF;
}
.cart-main .last td {
  padding-bottom: 15px;
}
.cart-main .p-info {
  text-align: left;
}
.cart-main .p-pic {
  width: 80px;
  height: 80px;
  line-height: 78px;
  border: 1px solid #dddddd;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}
.cart-main .p-pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.cart-main .order-price {
  padding: 15px 1px 10px;
  line-height: 30px;
  white-space: nowrap;
}
.cart-main .order-price ul {
  float: right;
}
.cart-main .warn-message {
  clear: both;
  width: 74px;
  margin: 2px auto;
  text-align: center;
  color: white;
  background-color: #EF4521;
  display: block;
}
.cart-main .p-quantity {
  width: 74px;
  margin: 0 auto;
  overflow: hidden;
}
.cart-main .p-quantity a {
  float: left;
  width: 20px;
  height: 21px;
  overflow: hidden;
  border: 1px solid #A9A9A9;
  text-align: center;
  font: 14px/22px simsun, serif;
}
.cart-main .p-quantity input {
  float: left;
  width: 30px;
  height: 21px;
  line-height: 21px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #A9A9A9;
  text-align: center;
  padding: 0;
  margin: 0;
}

/*new*/
.cart .cart-table {
  margin-bottom: 10px;
}
.cart .cart-table-ft {
  padding-top: 20px;
}
.cart .cart-table-ft .cart-check-all {
  margin-top: 16px;
}
.cart .cart-table-ft .cart-row:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.cart .cart-table-ft .row {
  display: inline-block;
  vertical-align: middle;
}
.cart .cart-hd {
  background: #eee;
  border: 1px solid #ccc;
  border-top: none;
}
.cart .cart-hd .cart-row:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}

.cart-table .cart-table-th {
  line-height: 1.5;
}
.cart-table .cart-table-hd {
  padding: 5px 10px;
}
.cart-table .cart-table-hd em {
  font-weight: bold;
}
.cart-table .cart-table-bd {
  background: #fff;
  border: 1px solid #ccc;
}
.cart-table .cart-table-btm {
  background: #fff;
  border: 1px solid #ccc;
}
.cart-table .cart-table-btm .cart-col {
  white-space: nowrap;
}
.cart-table .cart-table-btm .cart-col > a, .cart-table .cart-table-btm .cart-col > span {
  margin-left: 20px;
}
.cart-table .cart-row {
  padding: 10px;
  border-top: 1px solid #ccc;
}
.cart-table .cart-row:first-child {
  border-top: none;
}
.cart-table .cart-row.cart-table-th {
  line-height: 1.5;
}
.cart-table .is-disabled {
  color: #d6d6d6;
}
.cart-table .is-disabled .cart-goods-name {
  color: #d6d6d6;
  cursor: default;
}
.cart-table .is-disabled .number-increase-decrease {
  display: none;
}
.cart-table .cart-col {
  float: left;
}
.cart-table .cart-col.col-checkbox {
  width: 60px;
}
.cart-table .cart-col.col-name {
  width: 475px;
}
.cart-table .cart-col.col-other {
  width: 170px;
}
.cart-table .cart-col.col-operate a {
  margin-right: 10px;
  padding-left: 15px;
  border-left: 1px solid #ccc;
}
.cart-table .cart-col.col-operate a:first-child {
  padding-left: 0;
  border-left: none;
}
.cart-table .cart-col em {
  color: #e22335;
}
.cart-table .cart-col.cart-col-right {
  float: right;
}
.cart-table input[type="radio"], .cart-table input[type="checkbox"] {
  margin: 0 5px 0 0;
}
.cart-table .cart-goods:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.cart-table .cart-goods .pic {
  float: left;
  width: 64px;
  height: 64px;
  line-height: 62px;
  border: 0 none;
  overflow: hidden;
  margin-right: 20px;
  text-align: center;
}
.cart-table .cart-goods .pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.cart-table .cart-goods .pic img {
  width: auto;
  height: auto;
}
.cart-table .cart-goods .cart-goods-name {
  float: left;
  width: 160px;
  height: 36px;
  margin-top: 16px;
  line-height: 1.5;
  overflow: hidden;
}
.cart-table .item-table {
  border: none;
}
.cart-table .item-table .table-col-1 {
  width: 60px;
}
.cart-table .item-table .table-col-2 {
  width: 70px;
}
.cart-table .item-table .table-col-3 {
  width: 33%;
}
.cart-table .item-table .table-col-4, .cart-table .item-table .table-col-6 {
  width: 170px;
}
.cart-table .item-table .table-col-5 {
  width: 170px;
}
.cart-table .item-table em {
  font-weight: bold;
}
.cart-table .item-table tbody {
  border: 1px solid #ccc;
}
.cart-table .item-table span {
  margin-right: 0;
}
.cart-table .item-table .item-describe-tag {
  display: inline-block;
  margin-right: 5px;
  padding: 0 8px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background-color: #f75a4e;
}
.cart-table .coupons {
  display: inline-block;
  position: relative;
}
.cart-table .coupons .coupons-select {
  height: 22px;
  line-height: 22px;
  border: 1px solid #ec8691;
  background-color: #f8e4e6;
  cursor: pointer;
  padding: 0 6px;
  color: #e33141;
}
.cart-table .coupons .coupons-option {
  position: absolute;
  left: 0;
  top: 25px;
  background-color: #fff;
  border: 1px solid #ddd;
  display: none;
  min-width: 200px;
  max-height: 188px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 99;
}
.cart-table .coupons .coupons-option ul {
  padding-left: 10px;
  padding-right: 10px;
}
.cart-table .coupons .coupons-option li {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  white-space: nowrap;
}
.cart-table .coupons .coupons-option li img {
  vertical-align: middle;
}
.cart-table .coupons .has-get {
  display: none;
}
.cart-table .discount-area {
  background-color: #fdfdfd;
}
.cart-table .discount-title {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

#coupon-dialog {
  position: fixed;
  z-index: 999;
  left: 50%;
  top: 50%;
  width: 420px;
  margin-left: -210px;
  background-color: #f5e6e9;
  border: 1px solid #ec8691;
  color: #676566;
}
#coupon-dialog .coupon-outbox {
  padding: 10px 20px;
}
#coupon-dialog .coupon-header {
  border-bottom: 1px dashed #c4b8ba;
  font-size: 14px;
  height: 30px;
}
#coupon-dialog .coupon-footer {
  text-align: center;
  height: 40px;
}
#coupon-dialog .coupon-footer .btn {
  margin: 0 20px;
}

#coupon-dialog-bg {
  position: fixed;
  z-index: 998;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
}

.empty-cart {
  background: #fff;
  margin: 30px 0;
  padding: 50px 0;
  line-height: 2;
  color: #666;
}
.empty-cart i {
  line-height: 45px;
  font-size: 60px;
  color: #999;
}

/*------ order checkout ------*/
.order-main .order-section-title {
  height: 36px;
  line-height: 36px;
  background-color: #EFEFEF;
  padding-left: 14px;
}
.order-main .order-section-title b {
  font-size: 14px;
  padding-right: 20px;
}
.order-main .order-section-title a {
  color: #0563C3;
}
.order-main .order-section-content {
  padding: 10px 20px;
}
.order-main .order-section table {
  width: 92%;
  margin: 0 auto;
}
.order-main .order-section table label {
  padding-left: 5px;
  vertical-align: middle;
}
.order-main .order-section th, .order-main .order-section td {
  padding-top: 8px;
  padding-bottom: 8px;
}
.order-main .order-section th {
  text-align: right;
  padding-right: 6px;
  font-weight: 400;
  width: 12%;
  white-space: nowrap;
}
.order-main .order-section th em {
  color: #EF4521;
}
.order-main .order-goods th {
  white-space: normal;
}
.order-main .order-goods .memo {
  background-color: #EEEEEE;
  padding: 4px 8px;
}
.order-main .change-shipping {
  line-height: 20px;
  margin: 0 auto;
}
.order-main .change-shipping li {
  margin: 5px 0;
  padding: 5px 10px 5px 40px;
}
.order-main .change-shipping li.selected {
  background-color: #FFF3E1;
}
.order-main .change-shipping .action-change-shipping {
  vertical-align: top;
  width: 2%;
}
.order-main .change-shipping label {
  display: inline-block;
  vertical-align: top;
  width: 97%;
}
.order-main .change-shipping label table {
  width: 100%;
}
.order-main .change-shipping address {
  display: inline-block;
  vertical-align: top;
  width: 720px;
  padding: 0 10px;
}
.order-main .change-shipping .last address {
  width: auto;
}
.order-main .change-shipping i {
  margin: 0 20px;
}
.order-main .change-shipping em {
  display: inline-block;
  vertical-align: top;
}
.order-main .change-shipping em span {
  padding: 0 10px;
}
.order-main .change-delivery thead tr {
  border-bottom: 1px solid #CCCCCC;
  font-size: 14px;
}
.order-main .change-delivery thead td {
  padding-left: 10px;
  *border-bottom: 1px solid #CCCCCC;
}
.order-main .change-delivery .separator {
  height: 10px;
}
.order-main .change-delivery tbody td {
  padding-left: 5px;
}
.order-main .change-delivery .master td {
  vertical-align: bottom;
  padding-bottom: 0;
}
.order-main .change-delivery .sub {
  height: 16px;
  color: #999999;
}
.order-main .change-delivery .sub td {
  padding-left: 22px;
  padding-top: 0;
}
.order-main .change-delivery tfoot td {
  padding: 15px 0 0 5px;
}
.order-main .change-payment th {
  text-align: left;
}

.order-container .fold {
  display: none;
}
.order-container .cart-main .p-info {
  padding-left: 20px;
}
.order-container .cart-main .p-promotion {
  text-align: left;
  padding-left: 20px;
}

.order-clearing {
  border: 1px solid #C6C6C6;
  width: 100%;
}
.order-clearing .order-price .inner {
  position: relative;
  float: right;
}
.order-clearing .order-price .message {
  left: 206px;
  bottom: 65px;
  *left: 210px;
  /*for lte ie7*/
}

/*new*/
.order-confirm .cart-table {
  margin-top: 20px;
}
.order-confirm .cart-row {
  line-height: 2;
}
.order-confirm .membercenter-box .col-number {
  width: 115px;
}
.order-confirm .membercenter-box .col-status {
  width: 190px;
}
.order-confirm .membercenter-table .col-name {
  width: 760px;
}
.order-confirm .membercenter-table .col-name .number {
  width: 130px;
}

.order-confirm-title {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  background: #E8E8E8;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
}

.order-confirm-item {
  margin-top: 10px;
}
.order-confirm-item .order-confirm-item-hd {
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
}
.order-confirm-item .order-confirm-item-hd em {
  font-weight: bold;
}
.order-confirm-item .order-confirm-item-hd a {
  margin-left: 20px;
}
.order-confirm-item .order-confirm-item-bd {
  padding: 10px;
  background: #fff;
  border: 1px solid #ddd;
}
.order-confirm-item .form-label {
  width: 8em;
  margin-right: 10px;
}
.order-confirm-item .order-confirm-item-right {
  float: right;
}

.order-confirm-address li {
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-top: none;
}
.order-confirm-address li:first-child {
  border-top: 1px solid #ddd;
}
.order-confirm-address li.last {
  margin-top: 10px;
  padding: 0;
  border: none;
}
.order-confirm-address li.last:hover {
  background: none;
}
.order-confirm-address li:hover {
  background: #F6EDE6;
}
.order-confirm-address li:hover .address-edit {
  display: inline;
}
.order-confirm-address li label {
  display: inline-block;
  width: 60%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.order-confirm-address .address-default, .order-confirm-address .addr-edit {
  margin-left: 20px;
}
.order-confirm-address .address-edit {
  display: none;
  margin-left: 30px;
}

.status-bar2:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.status-bar2 > div {
  float: left;
}
.status-bar2 .bg {
  position: relative;
  width: 125px;
  height: 4px;
  margin-bottom: 15px;
  background: #ddd;
}
.status-bar2 .number {
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -12px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  background: #ddd;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
.status-bar2 .txt {
  text-align: center;
  color: #ddd;
}
.status-bar2 .on .bg {
  background: #8AB660;
}
.status-bar2 .on .number {
  background: #8AB660;
}
.status-bar2 .on .txt {
  text-align: center;
  color: #8AB660;
}
.status-bar2.status-bar2-large .bg {
  width: 200px;
  height: 6px;
  margin-bottom: 25px;
}
.status-bar2.status-bar2-large .number {
  top: -15px;
  width: 35px;
  height: 35px;
  line-height: 35px;
}
.status-bar2.status-bar2-large .first .bg, .status-bar2.status-bar2-large .last .bg {
  width: 100px;
}
.status-bar2.status-bar2-large .first .number, .status-bar2.status-bar2-large .last .number {
  margin-left: 0;
}
.status-bar2.status-bar2-large .first .number {
  left: -2px;
}
.status-bar2.status-bar2-large .first .txt {
  margin-left: -15px;
  text-align: left;
}
.status-bar2.status-bar2-large .last .number {
  right: -2px;
  left: initial;
}
.status-bar2.status-bar2-large .last .txt {
  margin-right: -10px;
  text-align: right;
}

.payment {
  padding: 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-top: 2px solid #8AB660;
  height: 600px;
}
.payment .success-info {
  margin-left: 35%;
}
.payment .success-info .success-info-l1 {
  line-height: 32px;
}
.payment .price {
  font-size: 18px;
}
.payment .payment-info {
  padding-top: 100px;
}
.payment .payment-info:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.payment .payment-line {
  margin: 10px 0 0 55px;
}
.payment a {
  margin: 0 10px;
}
.payment .payment-choose {
  margin: 40px 0;
}
.payment .payment-choose-list {
  margin: 20px 0 30px 0;
}
.payment .payment-choose-list:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.payment .payment-choose-item {
  float: left;
  width: 190px;
  margin-right: 25px;
  padding: 4px 10px;
  background: #fff;
  border: 1px solid #ddd;
  cursor: pointer;
}
.payment .payment-choose-item input, .payment .payment-choose-item img {
  margin: 0;
  vertical-align: middle;
}
.payment .payment-choose-item.on {
  border: 2px solid #e22335;
}
.payment .payment-choose-tab {
  position: relative;
  width: 100px;
  margin-right: 10px;
  margin-bottom: -2px;
  padding: 0;
  line-height: 30px;
  background: #FFFDEE;
  border: 2px solid #E8D393;
  border-bottom: none;
  color: #E39168;
  text-align: center;
  font-size: 14px;
}
.payment .payment-choose-bd {
  padding: 10px;
  background: #FFFDEE;
  border: 2px solid #E8D393;
}

.payment-pop {
  padding: 20px;
}
.payment-pop .payment-pop-bd {
  margin-bottom: 10px;
  border-bottom: 1px dashed #ddd;
  text-align: center;
}
.payment-pop .payment-pop-bd div {
  margin-bottom: 30px;
}

/* 确定订单 */
.order-verify-paytype .form-row {
  float: left;
  margin-right: 20px;
  line-height: 36px;
}
.order-verify-paytype .form-row.last {
  clear: both;
  margin-bottom: 0;
}

.verify-total-info .total-info {
  float: right;
}
.verify-total-info .total-info .total-price {
  font-size: 16px;
  font-weight: bold;
}
.verify-total-info .total-info .col-lg-1 {
  text-align: right;
}

.order-verify-gooditem .item-bd {
  background-color: #f8f8f8;
}
.order-verify-gooditem .gooditem-left {
  float: left;
  width: 23%;
  background-color: #f8f8f8;
  padding: 40px 60px 40px 30px;
  color: #666;
  line-height: 37px;
}
.order-verify-gooditem .gooditem-left .line-bottom {
  border-bottom: 1px solid #efefef;
}
.order-verify-gooditem .gooditem-left .row-title {
  float: left;
}
.order-verify-gooditem .gooditem-left .sp-set {
  float: right;
}
.order-verify-gooditem .gooditem-left .addr, .order-verify-gooditem .gooditem-left .time {
  color: #333;
}
.order-verify-gooditem .gooditem-right {
  float: left;
  width: 64%;
  background-color: #fdf9ee;
  padding: 40px 30px;
  color: #666;
}
.order-verify-gooditem .gooditem-right table {
  border: 0;
  border-collapse: separate;
}
.order-verify-gooditem .gooditem-right table thead, .order-verify-gooditem .gooditem-right table tbody {
  background-color: #fdf9ee;
}
.order-verify-gooditem .gooditem-right table thead, .order-verify-gooditem .gooditem-right table tr {
  border-top: 0;
}
.order-verify-gooditem .gooditem-right table a {
  color: #666;
}
.order-verify-gooditem .gooditem-right .sp-ticket {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background-color: #F85848;
  color: #fff;
}

.distribution-dialog .distribution-time-choose {
  margin-left: 5em;
}
.distribution-dialog .paytype-choose {
  margin-left: 8em;
}
.distribution-dialog .form-item {
  margin-bottom: 20px;
}

.taketime-dialog {
  color: #666;
}
.taketime-dialog .taketime-choose {
  color: #333;
}
.taketime-dialog .taketime-choose span {
  display: inline-block;
  width: 55px;
  height: 55px;
  text-align: center;
  line-height: 55px;
  border: 1px solid #CCCCCC;
  margin-right: -1px;
  float: left;
}
.taketime-dialog .taketime-choose label {
  margin-left: 0;
}
.taketime-dialog .taketime-choose .choose-date, .taketime-dialog .taketime-choose .choose-week {
  display: block;
  width: 100%;
  line-height: 100%;
  text-align: center;
}
.taketime-dialog .taketime-choose .choose-date {
  height: 16px;
  padding-top: 13px;
}
.taketime-dialog .taketime-choose .choose-week {
  height: 22px;
}
.taketime-dialog .taketime-choose .active {
  background-color: #79bf4f;
  color: #fff;
}
.taketime-dialog .taketime-item .form-act {
  margin-left: 3em;
}
.taketime-dialog .taketime-item .taketime-item-prompt {
  line-height: 24px;
  color: #666;
}
.taketime-dialog .form-item {
  margin-top: 20px;
}
.taketime-dialog .form-item.last {
  margin-bottom: 20px;
}
.taketime-dialog .last .form-act {
  margin-left: 16em;
}

.takegoods-dialog .form-item, .takegoods-dialog .item-addr {
  margin-bottom: 20px;
}
.takegoods-dialog a {
  color: #e0c17e;
  line-height: 16px;
  float: left;
}
.takegoods-dialog .takegoods-addr {
  position: relative;
  display: inline-block;
  width: 220px;
  height: 30px;
  line-height: 30px;
  padding-left: 20px;
  border: 1px solid #CCCCCC;
  margin-right: 10px;
  float: left;
  cursor: pointer;
}
.takegoods-dialog .takegoods-addr.active {
  border: 1px solid #e0c17e;
}
.takegoods-dialog .takegoods-addr.active .choose-triangle, .takegoods-dialog .takegoods-addr.active .icon-checkmark {
  display: block;
}
.takegoods-dialog .choose-triangle {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 20px solid #e0c17e;
  border-right: 20px solid transparent;
  display: none;
}
.takegoods-dialog .icon-checkmark {
  position: absolute;
  top: -8px;
  left: 1px;
  color: #fff;
  display: none;
}
.takegoods-dialog .sp-addr {
  display: inline-block;
  width: 270px;
  float: left;
  line-height: 16px;
  margin-right: 10px;
  color: #666;
}
.takegoods-dialog .takegoods-item-action {
  margin-left: 13em;
}
.takegoods-dialog .takegoods-item-prompt {
  color: #666;
}
.takegoods-dialog .takegoods-item-prompt .form-act {
  line-height: 24px;
}

/*------ membercenter ------*/
.no-content {
  margin-top: 10px;
  padding: 160px 0 185px 0;
  border-top: 1px dotted #ccc;
  font-size: 16px;
  color: #666;
  text-align: center;
}

.no-content2 {
  color: #999;
  text-align: center;
}
.no-content2 .symbol {
  display: block;
  margin-bottom: 10px;
}
.no-content2 .symbol .txt {
  display: block;
}
.no-content2 .symbol .icon, .no-content2 .symbol [class^=icon-]:before {
  font-size: 30px;
}
.no-content2.order {
  padding: 30px 0 80px 0;
}
.no-content2.order .symbol {
  font-size: 16px;
}
.no-content2.order .icon, .no-content2.order [class^=icon-]:before {
  font-size: 50px;
}

.side-nav {
  background: #fff;
  color: #666;
}
.side-nav .side-nav-title {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: bold;
}
.side-nav .side-nav-list {
  padding: 0 0 10px 30px;
}
.side-nav .side-nav-list li {
  height: 24px;
  line-height: 24px;
}
.side-nav .side-nav-list li a {
  color: #666;
}
.side-nav .side-nav-list li.on a {
  color: #dd2434;
}
.side-nav .side-nav-item {
  border-top: 1px dotted #ccc;
}
.side-nav .side-nav-item:first-child {
  border-top: none;
}

.member-home-btn {
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #ccc;
}

.nowrap a {
  white-space: nowrap;
}

.membercenter-box {
  border: 1px solid #ccc;
}
.membercenter-box .membercenter-box-hd {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background: #e8e8e8;
  color: #666;
  font-size: 14px;
  font-weight: bold;
}
.membercenter-box .membercenter-box-hd:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.membercenter-box .membercenter-box-hd [class^=col-] {
  margin-left: 0;
}
.membercenter-box .membercenter-box-hd .col-goods {
  width: 386px;
  text-indent: 10px;
}
.membercenter-box .membercenter-box-hd .col-price {
  width: 70px;
}
.membercenter-box .membercenter-box-hd .col-number {
  width: 70px;
}
.membercenter-box .membercenter-box-hd .col-status {
  width: 190px;
}
.membercenter-box .membercenter-box-hd .col-total {
  width: 90px;
}
.membercenter-box .membercenter-box-hd .col-operate2 {
  width: 80px;
}
.membercenter-box .membercenter-box-hd .btn {
  line-height: 26px;
  font-size: 12px;
  font-weight: normal;
}
.membercenter-box .membercenter-box-bd {
  padding: 10px;
  background: #fff;
}
.membercenter-box .membercenter-box-bd:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.membercenter-box .membercenter-box-left {
  float: left;
  font-size: 12px;
}
.membercenter-box .membercenter-box-left .order-status {
  margin-left: 30px;
  font-weight: normal;
}
.membercenter-box .membercenter-box-right {
  float: right;
}
.membercenter-box .membercenter-box-right .btn {
  height: 28px;
  line-height: 28px;
  margin-top: -2px;
}
.membercenter-box .membercenter-box-right .btn span {
  line-height: 28px;
}
.membercenter-box .membercenter-box-row .btn {
  margin-left: 10px;
}
.membercenter-box .membercenter-box-row .consult-btn-delete {
  color: #b69144;
}
.membercenter-box .membercenter-box-row .consult-btn-delete i:before {
  font-size: 20px;
  display: inline-block;
  font-family: "iconfonts";
  vertical-align: middle;
  margin-right: 5px;
}

.cart .membercenter-box .membercenter-box-hd .col-goods {
  width: 736px;
  text-indent: 10px;
}
.cart .membercenter-box .membercenter-box-hd .col-price {
  width: 120px;
}
.cart .membercenter-box .membercenter-box-hd .col-number {
  width: 80px;
}
.cart .membercenter-box .membercenter-box-hd .col-status {
  width: 190px;
}
.cart .membercenter-box .membercenter-box-hd .col-total {
  width: 120px;
}
.cart .membercenter-box .membercenter-box-hd .col-operate2 {
  width: 80px;
}

.membercenter-box-wrap .membercenter-box-title {
  height: 30px;
  line-height: 30px;
  color: #666;
  font-size: 14px;
  font-weight: bold;
}
.membercenter-box-wrap .membercenter-box-hd {
  font-size: 12px;
  font-weight: normal;
}

.avatar {
  text-align: center;
}
.avatar i {
  width: 45px;
  font-size: 45px;
  color: #e6e6e6;
}
.avatar img {
  display: block;
  width: 45px;
  height: 45px;
}

.item-table {
  width: 100%;
  margin-top: 10px;
  border: 1px solid #ddd;
}
.item-table:first-child {
  margin-top: 0;
}
.item-table thead {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
  color: #666;
}
.item-table thead span {
  margin-right: 20px;
}
.item-table thead td {
  padding: 0 10px;
}
.item-table tbody {
  background: #fff;
}
.item-table tbody tr {
  border-top: 1px solid #ddd;
}
.item-table tbody td {
  padding: 10px;
}
.item-table tfoot {
  border-top: 1px solid #ddd;
}
.item-table tfoot td {
  padding: 10px;
}
.item-table.table-address .table-col-2 {
  width: 40%;
}
.item-table.table-goods .table-col-1 {
  width: 70px;
}
.item-table.table-goods .table-col-2 {
  width: 30%;
}
.item-table.table-goods .table-col-3 {
  width: 80px;
}
.item-table.table-goods .table-col-4 {
  width: 70px;
}
.item-table.table-goods .table-col-5 {
  width: 85px;
  border-right: 1px solid #ccc;
}
.item-table.table-goods .table-col-7 {
  width: 100px;
}
.item-table.table-goods .item-price {
  width: 120px;
}
.item-table.table-orderdtl .table-col-1 {
  width: 70px;
}
.item-table.table-orderdtl .table-col-2 {
  width: 45%;
}
.item-table.table-refund .table-col-1 {
  width: 70px;
}
.item-table.table-refund .table-col-2 {
  width: 35%;
}
.item-table.table-consult .table-col-1 {
  width: 15px;
}
.item-table.table-consult .table-col-2 {
  width: 112px;
}
.item-table.table-consult .table-col-3 {
  width: 25%;
}
.item-table.table-consult .table-col-4 {
  width: 62%;
}
.item-table.table-checkout .table-col-1 {
  width: 70px;
}
.item-table.table-checkout .table-col-2 {
  width: 55%;
}
.item-table.table-checkout .table-col-3 {
  width: 120px;
}
.item-table.table-checkout .table-col-4 {
  width: 80px;
}
.item-table.table-checkout .table-col-5 {
  width: 120px;
}
.item-table.table-checkout .col-lg-1 {
  text-align: right;
}
.item-table.table-checkout .price select {
  vertical-align: middle;
}
.item-table.table-checkout tfoot td {
  padding-left: 30px;
}
.item-table.table-checkout thead {
  border-top: 2px solid #ddd;
}
.item-table.table-checkout .coupon-choose {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ec8691;
  background-color: #f8e4e6;
  font-size: 14px;
  cursor: pointer;
  padding: 0 18px;
}
.item-table.table-checkout .coupon-choose .icon, .item-table.table-checkout .coupon-choose [class^=icon-]:before {
  font-size: 10px;
  text-align: center;
  width: 17px;
  height: 17px;
  line-height: 17px;
  background-color: #e22333;
  margin-top: -3px;
  color: #fff;
  border-radius: 100%;
  vertical-align: middle;
}
.item-table.table-checkout .coupon-checked {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ec8691;
  background-color: #f8e4e6;
  padding: 3px 10px;
  color: #666;
}
.item-table.table-checkout .subtotal {
  border-top: 1px solid #ddd;
}
.item-table.table-checkout .subtotal-info > div {
  float: right;
}
.item-table.table-checkout .subtotal-info > div:first-child {
  height: 40px;
  line-height: 40px;
}
.item-table.table-checkout .discount-area {
  background-color: #fdfdfd;
}
.item-table.table-checkout .discount-title {
  border-top: 1px solid #ddd;
}
.item-table .col-operate a, .item-table .col-operate span {
  margin-right: 10px;
  white-space: nowrap;
}
.item-table .col-operate a:last-child {
  margin-right: 0;
}
.item-table .col-operate .btn {
  margin-bottom: 10px;
}

.table-goods-pic {
  width: 64px;
  height: 64px;
  line-height: 62px;
  border: 1px solid #ccc;
  background-color: #FFFFFF;
  overflow: hidden;
  text-align: center;
}
.table-goods-pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.table-goods-pic img {
  width: auto;
  height: auto;
}

.item-describe-tag {
  display: inline-block;
  margin-right: 5px;
  padding: 0 8px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background-color: #f75a4e;
}

.table-goods-item .table-goods-pic {
  float: left;
}
.table-goods-item .table-goods-info {
  margin-left: 76px;
}
.table-goods-item .note {
  display: block;
  margin-top: 5px;
  color: #999;
}

.points-add {
  font-size: 16px;
  color: #ff0000;
}

.points-minus {
  font-size: 16px;
  color: #FF853C;
}

.points-wrap {
  margin: 20px 40px;
}
.points-wrap h3 {
  font-size: 12px;
  color: #666;
}
.points-wrap:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.points-wrap .points-left {
  float: left;
  margin-right: 70px;
  padding-right: 70px;
  border-right: 1px solid #ddd;
}
.points-wrap .points-right {
  float: left;
}
.points-wrap .points-have {
  font-size: 26px;
  color: #ff0000;
}
.points-wrap .points-past {
  font-size: 26px;
  color: #FF853C;
}
.points-wrap .note {
  color: #999;
}

.membercenter-favorit:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.membercenter-favorit .membercenter-favorite-item {
  position: relative;
  float: left;
  width: 160px;
  min-height: 210px;
  margin: 0 12px 10px 15px;
}
.membercenter-favorit .membercenter-favorite-item .pic {
  width: 160px;
  height: 160px;
  line-height: 158px;
  border: 1px solid #ccc;
  background-color: #FFFFFF;
  overflow: hidden;
  margin-bottom: 5px;
  text-align: center;
  position: relative;
}
.membercenter-favorit .membercenter-favorite-item .pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.membercenter-favorit .membercenter-favorite-item .pic img {
  width: auto;
  height: auto;
}
.membercenter-favorit .membercenter-favorite-item .name {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.membercenter-favorit .membercenter-favorite-item .operate {
  display: none;
  position: absolute;
  top: 0;
  right: -2px;
}
.membercenter-favorit .membercenter-favorite-item .operate a {
  margin-left: 5px;
}
.membercenter-favorit .membercenter-favorite-item .operate2 {
  display: none;
  position: absolute;
  top: 0;
  right: -2px;
}
.membercenter-favorit .membercenter-favorite-item:hover .operate {
  display: block;
}
.membercenter-favorit .membercenter-favorite-item.on .btn-select {
  border-color: #e22335 #e22335 transparent transparent;
}
.membercenter-favorit .membercenter-favorite-item.on .item-mask {
  border: 2px solid #e22335;
}
.membercenter-favorit .item-mask {
  display: none;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background-color: #333333;
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.order-cancel {
  margin-left: 30px;
}
.order-cancel:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.order-cancel .icon-information-a {
  float: left;
  margin-right: 20px;
  font-size: 60px;
  color: orange;
}
.order-cancel ul {
  float: left;
}
.order-cancel em {
  color: red;
}
.order-cancel textarea {
  width: 264px;
}
.order-cancel select {
  width: 270px;
}

.batch-operation {
  font-size: 12px;
  font-weight: normal;
}
.batch-operation input[type="checkbox"] {
  margin: 0 3px 0 0;
}
.batch-operation a {
  margin-left: 15px;
}
.batch-operation .batch-expand {
  display: none;
}
.batch-operation .batch-expand-txt {
  display: inline-block !important;
}
.batch-operation .batch-unexpand-txt {
  display: none !important;
}

.is-batch-operate .batch-expand {
  display: inline-block !important;
}
.is-batch-operate .batch-unexpand-txt {
  display: inline-block !important;
}
.is-batch-operate .batch-expand-txt {
  display: none !important;
}
.is-batch-operate .operate {
  display: none !important;
}
.is-batch-operate .operate2 {
  display: block !important;
}
.is-batch-operate .item-mask {
  display: block !important;
}
.is-batch-operate .membercenter-favorite-item:hover {
  cursor: pointer;
}
.is-batch-operate .membercenter-favorite-item:hover .item-mask {
  border: 2px solid #e22335;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.favorite-category {
  margin: 0 10px 10px 10px;
  padding: 5px 20px;
  line-height: 2;
  background: #f5f5f5;
}
.favorite-category:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.favorite-category a {
  color: #333;
}
.favorite-category a.on {
  color: #e22335;
}
.favorite-category .favorite-category-all {
  float: left;
  margin-right: 20px;
}
.favorite-category .favorite-category-list {
  float: left;
  width: 80%;
}
.favorite-category .favorite-category-list a {
  margin-right: 20px;
  white-space: nowrap;
}
.favorite-category .favorite-category-list span {
  display: none;
}
.favorite-category .more-btn {
  float: right;
}
.favorite-category.is-expand .favorite-category-list span {
  display: inline;
}

.btn-square {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 22px;
  text-align: center;
}

.btn-select {
  position: relative;
  z-index: 30;
  display: block;
  width: 0;
  height: 0;
  border-width: 15px;
  border-color: #b9b9b9 #b9b9b9 transparent transparent;
  border-style: solid;
}
.btn-select i {
  position: absolute;
  top: -12px;
  left: 1px;
  font-size: 14px;
  color: #fff;
}

.membercenter-address .membercenter-address-title {
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  color: #666;
}
.membercenter-address .btn {
  margin-right: 20px;
}
.membercenter-address ul {
  margin-bottom: 30px;
}

.membercenter-userinfo .form-label {
  width: 110px;
}
.membercenter-userinfo .form-act,
.membercenter-userinfo .caution {
  margin-left: 120px;
}
.membercenter-userinfo .caution {
  width: 270px;
}
.membercenter-userinfo .help-block {
  margin-bottom: 0;
}

.txt-list li {
  margin-bottom: 10px;
}
.txt-list .title {
  display: inline-block;
  width: 3em;
  margin-right: 1em;
  color: #666;
}
.txt-list .status {
  color: #999;
}
.txt-list a {
  margin: 0 10px;
}
.txt-list em {
  color: red;
}

.order-pop .operate {
  margin-top: 10px;
}
.order-pop a {
  margin-right: 20px;
}

.orderdtl-box {
  padding: 20px 0;
  border-top: 1px solid #ddd;
}
.orderdtl-box:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.orderdtl-box:first-child {
  border-top: none;
}
.orderdtl-box .orderdtl-hd {
  padding: 0 10px;
  font-weight: bold;
}
.orderdtl-box .orderdtl-bd {
  padding: 20px 20px 0 20px;
}
.orderdtl-box .orderdtl-bd > div {
  margin-bottom: 10px;
}
.orderdtl-box .status-bar2 {
  margin: 0 50px;
}
.orderdtl-box .item-table thead {
  background: #f5f5f5;
}
.orderdtl-box .row {
  margin-bottom: 10px;
}
.orderdtl-box .orderdtl-box-right {
  float: right;
}
.orderdtl-box.membercenter-ordert1-unpay-hd {
  padding: 20px 100px;
}

.safe-setting {
  margin: 10px 0;
  padding: 20px;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 0 2px 2px rgba(136, 136, 136, 0.1);
  -moz-box-shadow: 0 0 2px 2px rgba(136, 136, 136, 0.1);
  box-shadow: 0 0 2px 2px rgba(136, 136, 136, 0.1);
}
.safe-setting .safe-setting-row {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
.safe-setting .safe-setting-row:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.safe-setting .safe-setting-row:first-child {
  margin: 0;
  padding: 0;
  border-top: none;
}
.safe-setting .safe-setting-row i,
.safe-setting .safe-setting-row span {
  float: left;
}
.safe-setting .safe-setting-row a {
  float: right;
}
.safe-setting i {
  margin-right: 20px;
  font-size: 32px;
}
.safe-setting i.icon-checkmark-c {
  color: #8AB660;
}
.safe-setting i.icon-alert {
  color: #eaca17;
}
.safe-setting .safe-setting-title {
  margin-right: 40px;
  font-size: 14px;
  font-weight: bold;
  color: #666;
}
.safe-setting .safe-setting-intro {
  display: inline-block;
  width: 430px;
  color: #666;
}
.safe-setting .operate {
  float: right;
}
.safe-setting .operate a {
  display: block;
  float: none;
}
.safe-setting .unbind-btn {
  margin-top: 5px;
  color: #999;
}

.status-bar:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.status-bar div {
  position: relative;
  float: left;
  width: 150px;
  height: 30px;
  line-height: 30px;
  margin-right: 18px;
  padding-left: 30px;
  background: #F3F3F3;
  color: #666;
}
.status-bar div.on {
  background: #000;
  color: #fff;
}
.status-bar div.on i.icon-last {
  color: #000;
}
.status-bar i {
  position: absolute;
  top: -6px;
  left: 0;
  font-size: 42px;
  color: #fff;
}
.status-bar i.icon-last {
  left: 180px;
  color: #F3F3F3;
}

.safe-box {
  padding: 30px;
}
.safe-box .status-bar {
  margin-bottom: 30px;
}
.safe-box ul {
  margin-top: 30px;
}
.safe-box .form-row {
  margin-bottom: 30px;
}

.safe-hint {
  color: #FF853C;
}
.safe-hint .icon, .safe-hint [class^=icon-]:before {
  font-size: 20px;
  vertical-align: middle;
  margin-right: 10px;
}
.safe-hint a {
  margin-left: 10px;
  color: #FF853C;
  text-decoration: underline;
}

.password-check {
  float: right;
  margin-top: 5px;
}

.refund-img-box:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.refund-img-box .table-goods-pic {
  float: left;
  margin-right: 20px;
}

/* 店铺评星 */
.rating,
.rating-tip {
  margin-bottom: 12px;
  margin-left: 80px;
  font-size: 15px;
  color: #7a7a7a;
}
.rating:after,
.rating-tip:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}

.rating-type,
.rating-star,
.rating-val,
.rating-dec {
  float: left;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
}

.rating-star {
  height: 27px;
}
.rating-star i {
  float: left;
  display: block;
  width: 28px;
  height: 27px;
  padding-right: 9px;
  margin-top: -3px;
  font-size: 32px;
  cursor: pointer;
  color: #b8b8b9;
}
.rating-star i.icon-star {
  color: #ff8500;
}

.rating-val {
  color: #e42334;
}

.rating-tip {
  margin-left: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  color: #ff8d10;
}

/* 宝贝评价 */
.goods-score {
  border: 1px solid #d9d9d9;
  margin-bottom: 10px;
}

.score-level {
  padding: 15px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #d9d9d9;
}
.score-level:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.score-level .goods-price {
  float: right;
}

.goods-infor,
.goods-infor .goods-img,
.goods-infor .goods-title,
.level-key,
.level-item {
  float: left;
}

.goods-infor .goods-img {
  width: 66px;
}
.goods-infor .goods-img img {
  display: block;
}

.goods-title {
  width: 240px;
  margin-left: 10px;
  font-size: 14px;
  display: table;
  height: 64px;
}
.goods-title a {
  display: table-cell;
  vertical-align: middle;
}

.goods-price {
  float: right;
  margin-right: 30px;
  height: 64px;
  display: table;
}
.goods-price div {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
}

.choose-level {
  margin-left: 30px;
  margin-top: 20px;
}
.choose-level:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}

.level-item {
  margin-left: 60px;
}
.level-item label {
  vertical-align: middle;
  margin-left: 6px;
  font-size: 14px;
}
.level-item .icon, .level-item [class^=icon-]:before {
  vertical-align: middle;
  margin-left: 6px;
  font-size: 40px;
}
.level-item .good-color {
  color: #d34742;
}
.level-item .normal-color {
  color: #ddba3a;
}
.level-item .bad-color {
  color: #424242;
}

.level-key {
  font-size: 15px;
  height: 38px;
  line-height: 38px;
}

.score-comment {
  padding: 26px;
  position: relative;
}
.score-comment textarea {
  font-size: 14px;
  width: 100%;
  height: 200px;
}
.score-comment .letter-limit {
  position: absolute;
  bottom: 0;
  right: 20px;
  color: #aaa;
}

.score-imgs {
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 18px;
}
.score-imgs .imgs-key {
  padding-left: 10px;
}
.score-imgs.inbox {
  padding: 0;
}
.score-imgs.inbox .images-uploader {
  margin-left: 0;
  margin-right: 0;
}
.score-imgs.inbox .imgs-key {
  padding-left: 0;
}

.goods-comment {
  margin-top: 30px;
}

.evaluation-submit {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.evaluation-submit .anonymous {
  margin-bottom: 10px;
  font-size: 14px;
}
.evaluation-submit label {
  vertical-align: middle;
}
.evaluation-submit .btn > span {
  width: 240px;
}

.comment-header {
  background-color: #e8e8e8;
  padding-top: 5px;
  padding-bottom: 5px;
}
.comment-header span {
  display: inline-block;
  font-weight: normal;
  margin-left: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
  color: #666;
}

/* 我的评价列表 */
.switchable {
  padding-top: 29px;
  position: relative;
}
.switchable .switchable-nav {
  position: absolute;
  left: 0;
  margin-top: -29px;
  z-index: 99;
}
.switchable .switchable-nav li {
  float: left;
  width: 130px;
  height: 27px;
  line-height: 25px;
  text-align: center;
  border: 1px solid #f0f0f0;
  border-top-width: 2px;
  background-color: #f0f0f0;
  border-bottom: 0 none;
  margin-right: 3px;
  padding-top: 1px;
  cursor: pointer;
}
.switchable .switchable-nav li.active {
  background-color: #fff;
  border-top-color: #e22335;
  color: #e22335;
  cursor: default;
  height: 28px;
}
.switchable .switch-condition {
  position: absolute;
  right: 0;
  top: 0;
}
.switchable .switchable-content {
  position: relative;
  padding: 20px;
  border: 1px solid #f0f0f0;
}
.switchable .checkbox-inline, .switchable .input-sm, .switchable .input-comb-sm input, .input-comb-sm .switchable input, .switchable .input-comb-sm > .input-comb-addon {
  margin-right: 10px;
}
.switchable .del-color {
  color: #e32436;
}

.icon-flower.good {
  color: #d34742;
}
.icon-flower.neutral {
  color: #ddba3a;
}
.icon-flower.bad {
  color: #424242;
}

.name-hide-dialog {
  text-align: center;
  padding: 30px;
}
.name-hide-dialog h4 {
  margin-bottom: 30px;
  font-weight: normal;
}
.name-hide-dialog .btn {
  margin-left: 30px;
  margin-right: 30px;
}

.btn-cancel > span {
  padding-left: 1.5em;
  color: #fff;
  background-image: -webkit-linear-gradient(#333, #000);
  background-image: -moz-linear-gradient(#333, #000);
  background-image: linear-gradient(#333333, #000000);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=true, gradientType=0, startColorstr='#FF333333', endColorstr='#FF000000') \9;
}
.btn-cancel > span > span {
  padding-right: 1.5em;
}
.btn-cancel:hover > span, .btn-cancel:focus > span {
  background-image: -webkit-linear-gradient(#666, #000);
  background-image: -moz-linear-gradient(#666, #000);
  background-image: linear-gradient(#666666, #000000);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=true, gradientType=0, startColorstr='#FF666666', endColorstr='#FF000000') \9;
}

.table-evaluation .level, .table-evaluation .detail, .table-evaluation .thumb, .table-evaluation .txt {
  display: inline-block;
  vertical-align: middle;
}
.table-evaluation .creat-date {
  color: #ccc;
}
.table-evaluation .level {
  width: 40px;
  text-align: center;
  padding-left: 12px;
  padding-right: 12px;
}
.table-evaluation .level .icon-flower {
  font-size: 30px;
}
.table-evaluation .detail {
  width: 80%;
}
.table-evaluation .thumb {
  width: 64px;
  margin-right: 10px;
}
.table-evaluation .txt {
  width: 100px;
}
.table-evaluation .pre-comment {
  border-width: 0;
}
.table-evaluation .pre-comment .init {
  background: #efefef;
  padding: 10px;
}
.table-evaluation .pre-comment .init-key {
  color: #ccc;
}
.table-evaluation .feedback {
  background: #f4f4f4;
  border-radius: 6px;
  margin-top: 10px;
  color: #999;
}
.table-evaluation .feedback .feedback-tit {
  padding: 10px;
}
.table-evaluation .feedback .feedback-txt {
  padding: 0 20px 10px 20px;
}
.table-evaluation .feedback .feedback-txt p {
  word-break: break-all;
}
.table-evaluation .show-pics {
  margin-bottom: 10px;
}
.table-evaluation .show-pics a {
  position: relative;
  display: block;
  float: left;
  border: 1px solid #ddd;
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  margin-right: 3px;
  width: 50px;
  text-align: center;
}
.table-evaluation .show-pics a img {
  border-radius: 5px;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.table-evaluation .show-pics a i {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 3px 0 3px 0;
  width: 20px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.show-pic-dialog {
  padding-left: 10px;
}
.show-pic-dialog .show-img {
  display: table-cell;
  vertical-align: middle;
  width: 460px;
  height: 460px;
  margin: 0 auto;
  text-align: center;
}
.show-pic-dialog .show-img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* 修改评论 大部分延用评论页模块 */
.old-evaluation-view {
  padding: 20px 30px;
  font-size: 14px;
  color: #676767;
}
.old-evaluation-view li {
  padding-top: 16px;
}
.old-evaluation-view li:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.old-evaluation-view li .view-key {
  float: left;
  width: 120px;
}
.old-evaluation-view li .view-val {
  float: left;
}
.old-evaluation-view li .view-val a {
  position: relative;
  display: block;
  float: left;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-right: 3px;
  width: 65px;
  text-align: center;
  background-color: #fff;
  height: 65px;
  line-height: 65px;
}
.old-evaluation-view li .view-val a img {
  border-radius: 5px;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.old-evaluation-view li .view-val a i {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 3px 0 3px 0;
  width: 20px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}

/* 会员优惠券模块 */
.no-coupon {
  font-size: 18px;
}
.no-coupon .icon-pricetags {
  font-size: 36px;
  color: #eaeaea;
  margin-right: 10px;
  vertical-align: middle;
}
.no-coupon .btn {
  display: block;
  padding: 0 20px;
  font-size: 12px;
  margin-top: 20px;
}

/*成长值*/
.icon-cash.yellow, .icon-medal.orange {
  font-size: 20px;
  vertical-align: middle;
}

.grow-value {
  position: relative;
  display: block;
  width: 1020px;
  margin: 30px auto 0 auto;
}
.grow-value .txt {
  margin-bottom: 100px;
}
.grow-value .chart {
  position: relative;
  margin: 50px 0 30px 0;
}
.grow-value .line-fragment {
  position: relative;
  float: left;
}
.grow-value .line-fragment:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.grow-value .line:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.grow-value .line b {
  float: left;
  position: relative;
  display: inline-block;
  width: 80px;
  height: 3px;
  margin-top: 18px;
  background: #E2C2B1;
}
.grow-value .line b.on.full em {
  width: 100%;
}
.grow-value .line b.on em {
  background: #FF8034;
}
.grow-value .line b em {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 0%;
  height: 3px;
  background: #FF8034;
}
.grow-value .line .grade {
  position: relative;
  float: left;
  display: inline-block;
  z-index: 10;
  width: 26px;
  height: 26px;
  margin: 0 3px;
  line-height: 26px;
  background-color: #fff;
  border: 4px solid #E2C2B1;
  border-radius: 50%;
  color: #E2C2B1;
  text-align: center;
}
.grow-value .line .grade.on {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0;
  border-color: #fff;
  background-color: #FF8034;
  color: #fff;
}
.grow-value .line .grade.on.big {
  margin: 0 3px;
  border-color: #FFBE96;
}
.grow-value .line .pop-wrap {
  position: relative;
  float: left;
}
.grow-value .grow-pop {
  display: none;
  position: absolute;
  top: -85px;
  left: 10%;
  width: 136px;
  margin-left: -70px;
}
.grow-value .grow-pop p {
  padding: 5px 10px;
  border: 2px solid #FACB64;
  border-radius: 5px;
}
.grow-value .grow-pop p:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.grow-value .grow-pop p .l1 {
  display: block;
  color: #FACB64;
  border-bottom: 1px solid #FACB64;
}
.grow-value .grow-pop p .l2 {
  color: #FF8034;
}
.grow-value .grow-pop i {
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -6px;
  font-size: 30px;
  color: #FF8034;
}

.pop-hint .txt {
  display: table;
  width: 260px;
  margin: 0 auto;
  line-height: 1.5;
  margin-bottom: 20px;
  font-size: 16px;
  color: #666;
  text-align: center;
}
.pop-hint .txt:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.pop-hint .icon, .pop-hint [class^=icon-]:before {
  float: left;
  font-size: 40px;
  vertical-align: middle;
}
.pop-hint .icon-checkmark-c {
  color: #8AB660;
}
.pop-hint .icon-alert {
  color: #eaca17;
}
.pop-hint .operate {
  text-align: center;
}
.pop-hint p {
  display: table-cell;
  vertical-align: middle;
}

.im-tit {
  float: left;
}

.im-b {
  float: left;
}
.im-b img {
  display: block;
  margin-bottom: 5px;
}

.artical-detail .artical-detail-hd {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.artical-detail .artical-detail-hd h2 {
  text-align: center;
}
.artical-detail .time {
  color: #999;
  font-size: 0.8em;
}
.artical-detail p {
  color: #666;
}

.artical-list li {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 10px;
  height: 30px;
  line-height: 30px;
}
.artical-list li:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.artical-list .title {
  float: left;
  color: #000;
}
.artical-list .title a {
  color: #000;
}
.artical-list .time {
  float: right;
}

.dropmenu-list .dropmenu {
  background: #F0F0F0;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}
.dropmenu-list .dropmenu .icon, .dropmenu-list .dropmenu [class^=icon-]:before {
  float: right;
}
.dropmenu-list .dropmenu a {
  color: #000;
}
.dropmenu-list .dropmenu-items {
  display: none;
}
.dropmenu-list .dropmenu-items li {
  background: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}
.dropmenu-list .dropmenu-items li a {
  color: #666;
}
.dropmenu-list .dropmenu-items li a.active {
  color: #e22335;
}
.dropmenu-list.cur .dropmenu-items {
  display: block;
}

.complain-form {
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
.complain-form .row {
  margin-bottom: 20px;
}
.complain-form .table-goods-pic {
  float: left;
  margin-right: 20px;
}

.score-comment2 .letter-limit {
  display: none;
}
.score-comment2.wrong .comment {
  background-color: #fbf0ef;
  border: 1px solid #eeb5b0;
  color: #D23F33;
}
.score-comment2.wrong .letter-limit {
  display: block;
  color: #D23F33;
}

.table-consult tbody tr {
  border-top: 0;
}
.table-consult tbody td {
  padding: 10px;
  border: 1px solid #ddd;
}
.table-consult tbody .border-right-none {
  border-right: 0;
}
.table-consult tbody .border-left-none {
  border-left: 0;
}
.table-consult .memberconter-consult-hd {
  text-align: center;
  color: #333;
}
.table-consult .col-reply {
  color: #666;
  line-height: 24px;
}
.table-consult .col-reply .col-reply-time {
  float: right;
  color: #999;
}
.table-consult .col-reply .no-reply {
  color: #999;
  float: none;
}

/*------ purchase list ------*/
.purchase-banner {
  height: 550px;
  overflow: hidden;
}
.purchase-banner .purchase-switch {
  position: absolute;
  left: 50%;
  bottom: 20px;
  text-align: center;
  z-index: 9;
}
.purchase-banner .purchase-switch:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.purchase-banner .purchase-switch li {
  float: left;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin: 0 5px;
  background: #cdd3d1;
  color: #999;
  border-radius: 50%;
  cursor: pointer;
}
.purchase-banner .purchase-switch li.active {
  background: #e22335 !important;
  color: #fff;
}
.purchase-banner .purchase-switch li:hover {
  background: #999;
  color: #fff;
}

.group-purchase-banner .slider .slider-pic img {
  width: 100%;
}

.purchase-hot {
  position: relative;
  width: 100%;
  height: 56px;
  margin: 20px 0 20px 0;
}
.purchase-hot .decor-line-left, .purchase-hot .decor-line-right {
  font-size: 0;
  width: 29%;
  height: 2px;
  background-color: #f75a4e;
  margin-top: 28px;
}
.purchase-hot .decor-line-left {
  float: left;
}
.purchase-hot .decor-line-right {
  float: right;
}
.purchase-hot .hot-content {
  position: absolute;
  left: 50%;
  z-index: 80;
  margin-left: -218px;
  width: 436px;
}
.purchase-hot .hot-content .hot-content-ctn {
  text-align: center;
  width: 436px;
  height: 48px;
  font-size: 26px;
  font-family: "微软雅黑";
  color: #f75a4e;
  background: url("../images/purchase_hot_bg.png") no-repeat;
  padding-top: 8px;
  cursor: pointer;
}
.purchase-hot .hot-content .hot-content-ctn i:before {
  display: inline-block;
  font-family: "iconfonts";
  vertical-align: middle;
}
.purchase-hot .hot-content .hot-content-sub {
  position: absolute;
  top: 56px;
  width: 434px;
  border: 1px solid #dadadd;
  border-top: 0;
  border-radius: 0 0 5px 5px;
  font-size: 24px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.95);
  display: none;
}
.purchase-hot .hot-content .hot-content-sub a {
  display: block;
  line-height: 48px;
  color: #666;
}

.purchase-category {
  height: 57px;
  background-color: #f75a4e;
  font-size: 14px;
  padding: 12px 33px 0;
}
.purchase-category a {
  color: #fff;
}
.purchase-category .purchase-category-ul li {
  float: left;
  text-align: center;
}
.purchase-category .purchase-category-ul > li {
  position: relative;
  z-index: 1;
}
.purchase-category .purchase-category-item {
  display: inline-block;
  padding: 15px 15px 0;
  height: 42px;
}
.purchase-category .purchase-category-sub-item {
  position: absolute;
  left: 0;
  top: 57px;
  background-color: rgba(255, 255, 255, 0.95);
  border: 1px solid #dadadd;
  border-top: 0;
  border-radius: 0 0 5px 5px;
  padding: 20px 0 20px 20px;
  width: 380px;
  line-height: 26px;
  display: none;
}
.purchase-category .purchase-category-sub-item li {
  margin-right: 20px;
  text-align: left;
}
.purchase-category .purchase-category-sub-item a {
  color: #666;
  font-size: 12px;
}
.purchase-category .active a.purchase-category-item {
  color: #f75a4e;
  background-color: #fff;
}
.purchase-category .active .purchase-category-sub-item {
  display: block;
}

.search-content {
  margin-top: 10px;
}
.search-content .search-category {
  margin-bottom: 20px;
  height: 42px;
  background-color: #efefef;
  font-size: 14px;
}
.search-content .search-category li {
  float: left;
  height: 22px;
  text-align: center;
}
.search-content .search-category li.active a {
  color: #f75a4e;
  height: 39px;
  border-top: 3px solid #f75a4e;
  background-color: #fff;
}
.search-content .search-category li.active i {
  color: #f75a4e;
}
.search-content .search-category li i {
  display: inline-block;
  line-height: 1;
  font-family: "iconfonts";
  font-size: inherit;
}
.search-content .search-category a {
  color: #666;
  display: inline-block;
  height: 39px;
  line-height: 39px;
  padding: 0 26px;
  border-top: 3px solid #efefef;
}
.search-content .page-mini {
  display: block;
  text-align: right;
  margin-bottom: 10px;
}
.search-content .page-mini .page-total {
  color: #e22335;
}

.search-list {
  margin-right: -10px;
}
.search-list li {
  float: left;
  position: relative;
  width: 288px;
  height: 465px;
  margin: 0 10px 30px 0;
  border: 1px solid #dadadd;
}
.search-list li.mar-rightn-none {
  margin-right: 0;
}
.search-list li.active {
  border: 1px solid #f75a4e;
}
.search-list p {
  margin-bottom: 0;
}
.search-list .item-img {
  position: relative;
  width: 288px;
  height: 332px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.search-list .item-img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.search-list .item-img .over-seal {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 99;
  width: 156px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  margin: -26px 0 0 -78px;
  font-size: 36px;
  font-family: "微软雅黑";
  background-color: rgba(255, 255, 255, 0.95);
  border: 1px dashed #666;
  border-radius: 5px;
}
.search-list .item-describe {
  font-size: 12px;
  padding: 8px 10px;
  height: 42px;
  line-height: 23px;
  overflow: hidden;
}
.search-list .item-describe a {
  color: #666;
}
.search-list .item-describe .item-describe-tag {
  float: left;
  display: inline-block;
  margin-right: 5px;
  padding: 0 8px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background-color: #f75a4e;
}
.search-list .item-info {
  color: #333;
  font-family: "微软雅黑";
  padding: 5px 26px 12px 10px;
  font-size: 14px;
  height: 53px;
}
.search-list .item-info .del {
  float: left;
  text-decoration: lin;
}
.search-list .item-info .item-info-top {
  margin-bottom: 4px;
}
.search-list .item-info .buy-num {
  float: right;
}
.search-list .item-info .buy-num .number {
  font-size: 16px;
  color: #fbb727;
}
.search-list .item-info .buy-numbuy-num {
  float: left;
  font-size: 24px;
}
.search-list .item-info .buy, .search-list .item-info .buy-remind {
  float: right;
  width: 104px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 18px;
  color: #fff;
}
.search-list .item-info .item-info-bottom a {
  color: #fff;
}
.search-list .item-info .buy {
  background-color: #fbb82c;
}
.search-list .item-info .buy-remind {
  background-color: #f75a4e;
}
.search-list .item-info.activity-over {
  background-color: #b0b9ba;
  color: #fff;
}
.search-list .item-info.rightnow-buy {
  background-color: #f75a4e;
  color: #fff;
}
.search-list .dv-over {
  position: absolute;
  top: 0;
  left: 0;
  width: 288px;
  height: 465px;
  background-color: rgba(0, 0, 0, 0.3);
}

/* pruchase_detail page */
.prechase-goods-img {
  background-color: #fff;
  border: 1px solid #CCCCCC;
  padding-bottom: 16px;
}
.prechase-goods-img .switchable-content {
  border: 0;
  width: 440px;
  height: 440px;
  margin-bottom: 20px;
}
.prechase-goods-img .switchable-content:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.prechase-goods-img .switchable-content li {
  width: 440px;
  height: 440px;
  line-height: 438px;
  overflow: hidden;
  text-align: center;
}
.prechase-goods-img .switchable-content li img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.prechase-goods-img .switchable-content img {
  width: 440px;
  height: 440px;
}
.prechase-goods-img .prechase-goods-info {
  width: 738px;
}
.prechase-goods-img .switchable-nav-wrap {
  width: 391px;
  height: 71px;
  margin: 0 6px;
}
.prechase-goods-img .switchable-nav li {
  width: 66px;
  height: 66px;
  line-height: 64px;
  border: 2px solid transparent;
  background-color: #FFFFFF;
  overflow: hidden;
  margin-right: 10px;
  text-align: center;
}
.prechase-goods-img .switchable-nav li img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.prechase-goods-img .switchable-nav li.active {
  border: 2px solid #dd2434;
}

.begin-remind-dialog {
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -220px;
}
.begin-remind-dialog input {
  width: 240px;
  height: 33px;
}
.begin-remind-dialog .actions {
  text-align: left;
  padding-left: 110px;
}
.begin-remind-dialog .popup-btn-course {
  width: 118px;
  height: 35px;
  background-color: #DFC181;
  color: #fff;
  font-size: "微软雅黑";
  border-radius: 2px;
  border: 0;
}

.prechase-detail-panel .prechase-detail-panel-info {
  width: 95%;
}

.prechase-detail-panel-info {
  padding-left: 14px;
}
.prechase-detail-panel-info .panel-info-top {
  margin: 10px 0;
}
.prechase-detail-panel-info .info-top {
  float: left;
  width: 220px;
  height: 26px;
  line-height: 26px;
  color: #f75a4e;
  background: url(../images/huodong_bg.jpg) no-repeat;
}
.prechase-detail-panel-info .info-top .top-activity-over {
  color: #666;
}
.prechase-detail-panel-info .more {
  float: right;
  color: #666;
  margin-right: 10px;
}
.prechase-detail-panel-info .more i {
  display: inline-block;
  line-height: 1;
  font-family: "iconfonts";
  font-size: inherit;
  margin-left: 5px;
}
.prechase-detail-panel-info .more:hover {
  color: #f75a4e !important;
}
.prechase-detail-panel-info h1 {
  font-size: 16px;
  font-family: "微软雅黑";
  width: 100%;
  padding: 15px 0;
  color: #090909;
  border-top: 1px dashed #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.prechase-detail-panel-info h1 span {
  font-size: 14px;
  color: #fff;
  display: inline-block;
  width: 68px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background-color: #f75a4e;
  margin-right: 10px;
}
.prechase-detail-panel-info .info-show {
  height: 72px;
  line-height: 72px;
  font-size: 14px;
}
.prechase-detail-panel-info .info-show span {
  float: left;
}
.prechase-detail-panel-info .info-show strong {
  font-size: 18px;
  color: #f75a4e;
}
.prechase-detail-panel-info .info-show a {
  position: relative;
  width: 80px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #dfc182;
  color: #b69144;
  float: right;
  margin: 18px 30px 0 0;
  padding-left: 40px;
}
.prechase-detail-panel-info .info-show i {
  position: absolute;
  top: 9px;
  left: 15px;
  width: 16px;
  height: 15px;
  background: url(../images/shop_icon.jpg) no-repeat left center;
  margin-right: 10px;
}
.prechase-detail-panel-info .info-time {
  clear: both;
  height: 86px;
  line-height: 86px;
  font-size: 18px;
  font-family: "微软雅黑";
  color: #f75a4e;
}
.prechase-detail-panel-info .info-time span {
  position: relative;
  padding-left: 24px;
}
.prechase-detail-panel-info .info-time i {
  position: absolute;
  top: 1px;
  left: 0;
  width: 19px;
  height: 21px;
  background: url(../images/clock.jpg) no-repeat left center;
}
.prechase-detail-panel-info .info-time strong {
  font-size: 25px;
}
.prechase-detail-panel-info .activity-over-show {
  clear: both;
  height: 86px;
  line-height: 86px;
  text-align: left;
  font-size: 30px;
  font-family: "微软雅黑";
}
.prechase-detail-panel-info .operation-panel {
  width: 98%;
  height: 161px;
  margin-bottom: 10px;
}
.prechase-detail-panel-info .operation-panel-wrap {
  width: 738px;
  height: 161px;
  position: relative;
  margin-bottom: 10px;
}
.prechase-detail-panel-info .info-operation {
  width: 100%;
  height: 161px;
  position: absolute;
  top: 0;
  right: 0px;
  color: #fff;
  font-size: 20px;
}
.prechase-detail-panel-info .info-operation.buy .price, .prechase-detail-panel-info .info-operation.activity-over .price {
  color: #fff;
}
.prechase-detail-panel-info .info-operation.buy .suggest-price, .prechase-detail-panel-info .info-operation.activity-over .suggest-price {
  color: #e0e0e0;
}
.prechase-detail-panel-info .info-operation.rightnow-buy {
  background-color: #dfc182;
}
.prechase-detail-panel-info .info-operation.rightnow-buy .price {
  color: #f75a4e;
}
.prechase-detail-panel-info .info-operation.rightnow-buy .suggest-price {
  color: #999;
}
.prechase-detail-panel-info .info-operation.rightnow-buy .triangle_border_nw {
  border-color: #bc9646 transparent transparent transparent;
}
.prechase-detail-panel-info .info-operation.buy {
  background-color: #f75a4e;
}
.prechase-detail-panel-info .info-operation.buy .triangle_border_nw {
  border-color: #b8342a transparent transparent transparent;
}
.prechase-detail-panel-info .info-operation.activity-over {
  background-color: #b0b9ba;
}
.prechase-detail-panel-info .info-operation.activity-over .suggest-price {
  color: #efefef;
}
.prechase-detail-panel-info .info-operation.activity-over .triangle_border_nw {
  border-color: #888e8f transparent transparent transparent;
}
.prechase-detail-panel-info .info-operation .triangle_border_nw {
  width: 0;
  height: 0;
  border-width: 13px 13px 0 0;
  border-style: solid;
  position: absolute;
  right: 0;
  bottom: -13px;
}
.prechase-detail-panel-info .info-operation .operation-left {
  float: left;
  margin: 42px 0 0 56px;
}
.prechase-detail-panel-info .info-operation .price {
  color: #f75a4e;
  font-size: 34px;
}
.prechase-detail-panel-info .info-operation .suggest-price {
  color: #999;
}
.prechase-detail-panel-info .info-operation a {
  float: right;
  width: 174px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  background-color: #fbb727;
  font-size: 30px;
  margin-top: 42px;
  font-family: "微软雅黑";
  color: #fff;
  margin-right: 90px;
}
.prechase-detail-panel-info .info-operation .btn-remind {
  cursor: default;
  background-color: #dfc182;
}
.prechase-detail-panel-info .info-operation .btn-buy, .prechase-detail-panel-info .info-operation .btn-go {
  width: 146px;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  margin-right: 40px;
}
.prechase-detail-panel-info .info-operation .btn-buy {
  background-color: #f55a4e;
}
.prechase-detail-panel-info .btn-wrap i {
  font-size: 20px;
}
.prechase-detail-panel-info .btn-wrap a {
  margin-right: 26px;
  font-size: 12px;
  color: #b69144;
}

.buyer-box .buyer-info {
  width: 100%;
  margin: 0 10px 10px 0;
  border: 1px solid #CCCCCC;
  font-size: 12px;
  background-color: #fff;
}
.buyer-box .buyer-info li {
  padding: 15px 0px;
  margin: 0 5px;
  border-top: 1px solid #eee;
}
.buyer-box .buyer-info li:first-child {
  border-top: none;
  padding-top: 0;
}
.buyer-box .buyer-info .shop-name {
  font-size: 12px;
  text-align: center;
  width: 100%;
  background: url(../images/shop_logo.jpg) no-repeat center center;
  padding-top: 60px;
}
.buyer-box .buyer-info .icon-qq {
  position: relative;
  left: 2px;
  top: 4px;
  display: inline-block;
  width: 17px;
  height: 19px;
  background: url(../images/qq.jpg) no-repeat;
}
.buyer-box .buyer-info .shop-name, .buyer-box .buyer-info .score, .buyer-box .buyer-info .btn-goto {
  color: #b69144;
}
.buyer-box .buyer-info .dl {
  margin-bottom: 5px;
}
.buyer-box .buyer-info .dl:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both;
}
.buyer-box .buyer-info .dl .dl-left {
  float: left;
  width: 110px;
}
.buyer-box .buyer-info .dl .dl-right {
  float: right;
  width: 60px;
  text-align: center;
}
.buyer-box .buyer-info .icon-arrow-down-a {
  color: #00850A;
}
.buyer-box .buyer-info .icon-arrow-up-a {
  color: #dd2434;
}
.buyer-box .buyer-info .btn-goto, .buyer-box .buyer-info .btn-collect {
  display: inline-block;
  width: 90px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 12px;
  border: 1px solid #b69144;
}
.buyer-box .buyer-info .btn-goto {
  margin-right: 15px;
}
.buyer-box .buyer-info .btn-collect {
  color: #f55a4e;
}
.buyer-box .buyer-info .qrcode {
  margin: 0 auto;
  width: 84px;
  padding: 7px;
  border: 1px solid #ccc;
  text-align: center;
}
.buyer-box .shop-search {
  border: 1px solid #CCCCCC;
  margin: 10px 0;
  background-color: #fff;
  padding: 15px 0;
}
.buyer-box .shop-search p, .buyer-box .shop-search .search-area {
  padding: 0 10px;
}
.buyer-box .shop-search p {
  color: #666;
}
.buyer-box .shop-search .search-area {
  position: relative;
}
.buyer-box .shop-search .search-area input {
  width: 99%;
  height: 29px;
  line-height: 29px;
}
.buyer-box .shop-search .icon-search-a {
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 4px;
}

.lately-browse {
  width: 100%;
  font-family: "微软雅黑";
}
.lately-browse .browse-title {
  color: #666;
  margin: 8px 0;
}
.lately-browse .browse-item {
  position: relative;
  width: 100%;
  height: 215px;
  margin-bottom: 10px;
  border: 1px solid #CCCCCC;
}
.lately-browse .browse-item .price {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 14px;
  color: #333;
  text-align: center;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: rgba(255, 255, 255, 0.9);
}

.purchase-tab {
  border: 1px solid #CCCCCC;
  padding-bottom: 30px;
  background: #fff;
}
.purchase-tab .switchable-nav li {
  height: 52px;
  line-height: 52px;
  border-top: 2px solid #e8e8e8;
}
.purchase-tab .switchable-nav li.active {
  background-color: #fff;
  border-top: 2px solid #dfc182;
  color: #dfc182;
  cursor: default;
}
.purchase-tab .switchable-nav li.active span {
  color: #dfc182;
}
.purchase-tab .bd img {
  display: block;
  margin: 0 auto;
}
.purchase-tab .bd img.mb-15 {
  margin-bottom: 15px;
}

/* purchase_no_groupon page */
.groupon-info {
  border-top: 2px solid #dfc182;
  height: 700px;
  margin-top: -1px;
  color: #666;
  text-align: center;
}
.groupon-info .wrap-lg {
  padding: 10px;
  margin: 150px auto 0;
}
.groupon-info .wrap-lg p {
  font-size: 18px;
  margin: 30px 0;
}
.groupon-info .wrap-lg a {
  color: #fff;
  font-size: 14px;
}
.groupon-info .groupon-icon {
  position: relative;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background-color: #eee6d5;
  margin: 0 auto;
}
.groupon-info .groupon-icon:after {
  content: "";
  display: inline-block;
  width: 72px;
  height: 130px;
  background: url(../images/groupon_icon.png) no-repeat center;
}
// 2015/9/28 供求信息CSS
.btn-group{
  width: 75%;
  margin: 0 auto;
  margin-top: 20px;
}
.btn-group li{
  width:25%;
  float: left;
}
.btn-yes{
  margin-left: 30px;
}
.btn-yes input{
  margin-right: 20px;
}
.editGoods span{
  display:inline-block;
  width:100px;
}