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

img {
  max-width: 100%; }

@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;
  min-width: 1024px;
  max-width: 1190px; }

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

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

[class*=col-lg] {
  margin-left: 10px; }

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

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

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

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

.btn span {
  display: block;
  height: 100%;
  font-size: inherit; }

.btn > span {
  padding-left: 1em;
  border: 1px solid #cccccc;
  background-color: white;
  border-radius: 3px; }

.btn > span > span {
  padding-right: 1em;
  line-height: 34px; }

.btn[disabled], .btn.disabled {
  cursor: default;
  pointer-events: none;
  color: #ccc;
  border-color: #ccc; }

.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: #EA2329;
  background-color: #EA2329;
  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: #1766DD; }

.btn-link > span > span {
  text-decoration: underline; }

.btn-link:hover > span, .btn-link:focus > span {
  background-color: transparent;
  color: #104698; }

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

.btn-sm > span, .input-comb-sm > .input-comb-btn > span {
  padding-left: .8em; }

.btn-sm > span > span, .input-comb-sm > .input-comb-btn > span > span {
  padding-right: .8em;
  line-height: 1.8; }

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

.font-gray3 {
  color: #333; }

.font-gray6 {
  color: #666; }

.font-gray9 {
  color: #999; }

/*----- 基本表单元素 ------*/
input, select, textarea {
  padding: 2px;
  border: 1px solid #cccccc;
  background-color: white;
  border-radius: 3px; }

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;
  display: inline\0;
  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 \0 screen {
  .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;
  display: inline\0;
  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; }

.membercenter-box .form-act {
  display: inline-block;
  margin-left: 1em; }

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

.bg-white {
  background: white; }

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

.no-border {
  border: 0 !important; }

.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: relative;
  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: relative;
  solid: #D4C289;
  z-index: 99999;
  background-color: #FEFBEB;
  border-width: 150px;
  -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: #DADADD; }

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

.message-success .message-content {
  color: #8AB660; }

.message-body {
  background-color: white;
  max-width: 210px;
  padding: 30px;
  border: 1px solid #a3afb9;
  -webkit-box-shadow: 0 0 10px rgba(150, 150, 150, 0.4);
  -moz-box-shadow: 0 0 10px rgba(150, 150, 150, 0.4);
  box-shadow: 0 0 10px rgba(150, 150, 150, 0.4);
  color: #333333;
  border-radius: 5px; }

.message-body .icon, .message-body [class^=icon-]:before {
  font-size: 24px;
  float: left;
  line-height: 24px;
  margin-right: 5px; }

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

.dialog-body {
  background: #FFFFFF;
  border: 1px solid #999999;
  border-radius: 6px;
  -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);
  outline: none; }

.dialog-body .image-load-container {
  display: block;
  min-width: 30px;
  min-height: 30px; }

.dialog-header {
  background: #FFFFFF;
  border-bottom: 1px solid #eaeaea;
  height: 36px;
  line-height: 36px;
  border-radius: 6px 6px 0 0;
  color: #333333;
  overflow: hidden; }

.dialog-header h2 {
  padding-left: 12px;
  float: left;
  font-size: 14px;
  white-space: normal;
  overflow: hidden;
  font-weight: normal;
  color: #999;
  line-height: 2.8; }

.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;
  line-height: 1;
  color: #999999;
  margin: -4px 10px 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: fixed;
  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: relative;
  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: #f7ca77;
  border-color: #f1a417; }

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

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

.verify-type {
  display: block;
  width: 240px; }

.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 {
  max-width: 60%;
  margin: 0 auto;
  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; }

.forgot-safe-box {
  position: relative;
  left: 18%; }

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

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

.signin-logo img {
  left: 27px; }

.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;
  border-radius: 5px;
  font-size: 12px; }

.login .form-control {
  position: relative;
  margin: 0 30px;
  padding-top: 40px; }

.login .caution {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.login-header {
  padding: 10px 30px 5px 30px; }

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

.login-header .header-keyname {
  float: left;
  font-size: 18px; }

.login-header .go-register {
  float: right;
  line-height: 30px; }

.login .form-row {
  position: static;
  height: 55px;
  margin-bottom: 0; }

.login .form-row:last-child {
  height: auto; }

.login .form-label {
  line-height: 2; }

.login .caution {
  display: block;
  line-height: 2; }

.login .form-act {
  margin-bottom: 0; }

.login .auto-login {
  float: left; }

.login .auto-login label {
  display: inline; }

.login .forget-or-signin {
  float: right; }

.login .check-wrap {
  display: inline-block;
  width: 100px; }

.signin2 {
  font-size: 14px; }

.signin2 .form-control {
  width: 840px;
  margin-left: 380px; }

.signin2 .to-login {
  float: right; }

.signin2 .form-row {
  margin-bottom: 20px; }

.signin2 .form-act {
  width: 350px; }

.signin2 .header-title {
  font-size: 32px;
  color: #666;
  text-indent: 230px;
  letter-spacing: 10px;
  margin-bottom: 30px;
  font-weight: normal; }

.signinup-center {
  position: relative;
  height: 547px; }

.signinup-center .form-control {
  position: absolute;
  left: 50%;
  transform: translateX(-40%);
  margin-left: 0; }

.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 {
  color: #8AB660;
  font-size: 24px; }

.success-info .success-info-l1 i {
  margin-right: 10px;
  font-size: 46px;
  vertical-align: middle; }

.success-info .success-info-l1.v-align i {
  vertical-align: middle; }

.success-info .success-info-l2 {
  margin-bottom: 100px; }

.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 {
  padding: 30px 30px 0 30px;
  text-align: center; }

.trust-login .trust-login-keyname {
  color: #999;
  margin-bottom: 20px; }

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

.login-panel .footer {
  background: #fff;
  color: #666; }

.login-panel .signin2 ~ .footer {
  border-top: 1px solid #efefef; }

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

.a-b {
  font-size: 12px; }

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

.related-search-content {
  margin-left: 7em;
  display: block; }

.related-search-content a {
  color: #1766DD;
  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: 5px 10px;
  background: #e8e8e8;
  color: #333;
  border-radius: 3px; }

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

.sortbar .icon, .sortbar [class^=icon-]:before {
  color: #999; }

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

.itemslist {
  padding: 10px 0;
  margin: 0 -5px; }

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

.itemslist li {
  float: left;
  width: 230px;
  height: 340px;
  margin: 0 5px;
  background: #fff;
  margin-bottom: 12px; }

.itemslist li .caption {
  padding: 5px 8px; }

.itemslist.itemslist-lg li {
  width: 270px;
  height: 400px;
  margin: 0 13px 20px; }

.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: auto;
  height: 230px;
  border: 0 none;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  position: relative; }

.item .pic img {
  max-width: 100%;
  _width: expression(function(el){if(/msie 6/i.test(navigator.userAgent)){var threshold=100*el.parentNode.clientWidth/100;el.style.width=(threshold==0||el.clientWidth>threshold)?threshold||'100%':'auto';}}(this));
  max-height: 230px;
  _height: expression(function(el){if(/msie 6/i.test(navigator.userAgent))el.style.height=(el.scrollHeight>230)?'230px':'auto';}(this)); }

.item .pic .cart-mask {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 40px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -40px;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
  text-align: center;
  color: #fff;
  line-height: 40px;
  font-size: 14px;
  cursor: pointer; }

.item .pic .cart-mask:hover {
  background-color: #ca1823; }

.item .pic:hover .cart-mask {
  bottom: 0px; }

.item .name {
  display: block;
  height: 36px;
  margin-bottom: 5px;
  overflow: hidden;
  color: #707070;
  font-size: 14px;
  line-height: 1.3;
  margin-top: 6px;
  padding: 0 5px; }

.item .tag {
  margin-right: 4px;
  font-size: 12px;
  padding: 0 4px;
  border-radius: 3px;
  color: #fff;
  background: #ea2329; }

.item .tags-group {
  padding: 0 5px; }

.item .tag.tag-orange {
  border: 1px solid #ffa100;
  color: #ffa100;
  background: #fff; }

.item .name .item-describe-tag {
  display: inline-block;
  vertical-align: middle;
  padding: 0 3px;
  height: 14px;
  line-height: 14px;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  background-color: #f75a4e;
  font-size: 12px; }

.item .name .item-describe-tag.item-describe-tag-o {
  color: #f75a4e;
  background-color: #fff;
  border: 1px solid #f75a4e; }

.item .name .item-describe-tag.item-describe-0214 {
  background: #fe748b;
  color: #fff;
  border: 1px solid #fe748b; }

.item .price {
  font-size: 18px;
  font-family: helvetica;
  padding: 0 5px; }

.item .price span {
  vertical-align: middle; }

.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: 40px;
  line-height: 40px;
  padding: 0 10px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-bottom: 0;
  border-radius: 3px 3px 0 0; }

.filter .filter-list {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 0 0 3px 3px; }

.filter .filter-attr {
  border-top: 1px dotted #e8e8e8;
  background: #f5f8f8; }

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

.filter .filter-attr .filter-attr-title {
  float: left;
  color: #666;
  line-height: 30px;
  margin-right: 20px;
  padding: 10px 15px;
  background: #f5f8f8;
  width: 6%; }

.filter .filter-attr .filter-attr-list {
  position: relative;
  float: left;
  width: 80%;
  padding: 10px 106px 10px 10px;
  background: #fff; }

.filter .filter-attr .filter-attr-list span {
  display: none; }

.filter .filter-attr .filter-attr-list.is-expand span {
  display: inline; }

.filter .filter-attr .more-btn {
  position: absolute;
  top: 10px;
  right: 20px; }

.filter .filter-attr:first-child {
  border-top: none; }

.filter .filter-attr.filter-attr-expand {
  display: none; }

.filter .goods-list-filter {
  position: relative; }

.filter .goods-list-filter.expand-panel .filter-attr-list {
  height: 30px;
  overflow: hidden; }

.filter .goods-list-filter.expand-panel .expand-btn {
  display: inline-block; }

.filter .goods-list-filter.expand-panel .unexpand-btn {
  display: none; }

.filter .goods-list-filter.unexpand-panel .filter-attr-list {
  height: auto; }

.filter .goods-list-filter.unexpand-panel .expand-btn {
  display: none; }

.filter .goods-list-filter.unexpand-panel .unexpand-btn {
  display: inline-block !important; }

.filter a {
  display: inline-block;
  line-height: 30px;
  margin: 0 6px 10px 0;
  padding: 0 5px;
  color: #333;
  white-space: nowrap;
  border-radius: 3px; }

.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: 30px;
  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 #EA2329;
  position: relative; }

.spec-item .selected a:hover {
  border-color: #EA2329; }

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

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

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

.detail-panel .detail-panel-hd {
  padding: 25px 20px 10px 0; }

.detail-panel .detail-panel-hd h1 {
  font-size: 16px;
  font-weight: bold; }

.detail-panel .detail-panel-hd span {
  vertical-align: middle; }

.detail-panel .detail-panel-hd div {
  max-height: 70px;
  overflow: hidden;
  color: #d43a35; }

.detail-panel .detail-panel-hd div a {
  text-decoration: underline; }

.detail-panel .detail-panel-hd .item-describe-tag {
  display: inline-block;
  vertical-align: middle;
  padding: 0 3px;
  height: 14px;
  line-height: 14px;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  background-color: #f75a4e;
  font-size: 12px;
  font-weight: normal;
  border: 1px solid;
  border-color: inherit; }

.detail-panel .detail-panel-hd .item-describe-tag.item-describe-tag-o {
  color: #f75a4e;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #f75a4e; }

.detail-panel .detail-panel-hd .item-describe-tag.item-describe-0214 {
  background: #fe748b;
  color: #fff;
  border: 1px solid #fe748b; }

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

.detail-panel .dt {
  width: 75px;
  margin-right: 10px;
  font-size: 14px; }

.detail-panel .dt em {
  color: #dd2434; }

.detail-panel .dt {
  float: left; }

.detail-panel .summary-outbox {
  background: #fafafa;
  padding-top: 20px;
  padding-bottom: 20px; }

.detail-panel .summary-outbox:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.detail-panel .summary {
  display: block;
  padding: 5px 0;
  margin: 0 20px;
  font-size: 14px; }

.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 .summary .dt {
  width: 70px; }

.detail-panel .price {
  font: 35px/30px Tahoma;
  color: #dd2434; }

.detail-panel .icon-star {
  color: #FF8500;
  font-size: 22px; }

.detail-panel .icon-star.disabled {
  color: #DEDEDE; }

.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 input {
  width: 40px;
  font-size: 14px;
  text-align: center; }

.number ::-webkit-inner-spin-button {
  -webkit-appearance: none; }

.number .btn {
  margin-right: 0; }

.number .btn span {
  line-height: 1.2;
  padding-left: 5px; }

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

.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: 36px;
  line-height: 36px;
  padding: 0 10px;
  margin: 0 20px;
  background: #e8e8e8;
  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 .add-comment {
  width: 70%;
  margin-left: 24%; }

.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;
  display: inline-block;
  width: 100px;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle; }

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

.switchable-panel .goods-info .bd img {
  display: block; }

.switchable-panel .goods-info .bd table {
  margin: 0 auto; }

.white-space {
  padding-top: 20px;
  background-color: #fff; }

.gray-space {
  padding-top: 10px; }

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

.goods-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  max-height: 544px;
  margin: -320px 0 0 -445px;
  z-index: 109; }

.goods-dialog .popup-body {
  position: relative; }

.goods-dialog .popup-header {
  background-color: #fff; }

.goods-dialog .popup-content {
  padding-top: 0;
  overflow: auto;
  max-height: 440px; }

.goods-dialog .goods-item {
  padding: 10px 0;
  border-bottom: 1px solid #ccc; }

.goods-dialog .item-left, .goods-dialog .item-info, .goods-dialog .dt, .goods-dialog .dd {
  float: left; }

.goods-dialog .item-left {
  width: 90px;
  height: 90px;
  margin-right: 20px; }

.goods-dialog .item-left img {
  max-width: 90px;
  max-height: 90px; }

.goods-dialog .item-info {
  width: 80%; }

.goods-dialog .item-info .dt {
  width: 75px;
  text-align: right;
  margin-right: 10px;
  font-size: 14px; }

.goods-dialog .item-info li {
  height: 40px;
  line-height: 40px;
  clear: both; }

.goods-dialog .item-info .goods-name {
  display: inline-block;
  float: left;
  font-weight: bold;
  text-align: left;
  width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.goods-dialog .choose-item-wrap {
  width: 80%; }

.goods-dialog .choose-item {
  position: relative;
  min-width: 27px;
  height: 27px;
  float: left;
  margin-right: 5px; }

.goods-dialog .choose-item a {
  display: block;
  border: 1px solid #dadada;
  color: #666; }

.goods-dialog .choose-item span {
  display: none; }

.goods-dialog .choose-item.on a {
  border: 2px solid #ca1119;
  padding: 0 19px; }

.goods-dialog .choose-item.on span {
  display: block;
  position: absolute;
  top: 8px;
  left: 0; }

.goods-dialog .choose-item.on span:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 18px solid #ca1119;
  border-right: 18px solid  transparent; }

.goods-dialog .choose-item.on i {
  position: absolute;
  top: -21px;
  left: 2px;
  color: #fff;
  font-size: 7px; }

.goods-dialog .del {
  text-decoration: line-through; }

.goods-dialog .popup-footer {
  position: relative;
  padding: 10px 15px;
  background-color: #efefef; }

.goods-dialog .popup-footer li {
  float: left;
  margin-right: 40px;
  height: 25px;
  line-height: 25px; }

.goods-dialog .popup-footer .coupon-price {
  font-size: 16px;
  font-weight: bold; }

.goods-dialog .popup-footer .number {
  float: left; }

.goods-dialog .popup-footer .number .action-quantity-input {
  height: 20px;
  line-height: 20px; }

.goods-dialog .popup-footer .btn-buy {
  position: absolute;
  right: 0;
  top: 0;
  height: 46px;
  line-height: 46px;
  padding: 0 40px;
  color: #fff;
  background-color: #ca1119;
  text-align: center;
  font-size: 14px; }

/*遮罩层*/
.full-bg {
  background-color: #000;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 108;
  filter: Alpha(opacity=30);
  -moz-opacity: 0.4;
  opacity: 0.4;
  overflow: hidden; }

.full-bg-show {
  display: block; }

/* 获取优惠券 */
.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 #dadada;
  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 #dadada;
  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%;
  border-radius: 3px; }

.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-list .group-list-wrap li:last-child:after {
  display: none; }

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

.buy-number {
  float: left;
  position: relative;
  width: 74px; }

.buy-number input {
  width: 40px;
  font-size: 14px;
  text-align: center; }

.buy-number ::-webkit-inner-spin-button {
  -webkit-appearance: none; }

.buy-number .btn {
  margin-right: 0;
  position: absolute;
  right: 0;
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  border: 1px solid #CCCCCC; }

.buy-number .btn-reduct {
  bottom: 0; }

.buy-number .btn-add {
  top: 0; }

.buy-info {
  float: left;
  height: 36px;
  line-height: 36px;
  margin-left: 10px; }

.buy-info span {
  margin-left: 20px; }

.detail-dialog-btn a {
  margin-left: 120px; }

.detail-dialog-btn a > span {
  padding-left: 1.2em; }

.detail-dialog-btn a > span > span {
  padding-right: 1.2em; }

.w180 {
  width: 180px; }

/*goods_detail_new page 商品详情页改版*/
.bread-nav {
  margin-bottom: 20px;
  color: #8C8C8C; }

.bread-nav a, .bread-nav > span {
  font-size: 14px;
  color: #333; }

.bread-nav a span, .bread-nav > span span {
  margin: 0 3px;
  color: #333; }

.bread-nav a:first-child {
  font-weight: 700;
  font-size: 15px; }

.bread-nav a:first-child span {
  font-weight: normal;
  font-size: 14px; }

.bread-nav > span:last-child {
  color: #999; }

.bread-nav > span:last-child > span {
  display: none; }

.goods-detail-panel {
  border: 1px solid #CCCCCC;
  background-color: #fff;
  padding-bottom: 16px; }

.goods-detail-panel .thumbnail-slider {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.description-panel {
  min-height: 422px;
  background: #fff;
  color: #666;
  margin-left: 8px; }

.description-panel .description-panel-hd {
  padding: 10px 20px; }

.description-panel .description-panel-hd h1 {
  font-size: 16px;
  color: #333; }

.description-panel .description-panel-hd div {
  max-height: 36px;
  overflow: hidden; }

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

.description-panel .description-panel-bd {
  position: relative; }

.description-panel .description-panel-bd:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.description-panel .description-panel-info {
  float: left;
  width: 72%; }

.description-panel .dt {
  width: 75px;
  font-size: 12px; }

.description-panel .dt em {
  color: #dd2434; }

.description-panel .dt {
  float: left; }

.description-panel .choose {
  padding-left: 0; }

/* 秒杀标签展示区
----------------*/
.description-panel .seckill-cell {
  padding: 8px 15px;
  background: url("/app/topc/statics/images/detail/seckill_bg.png") no-repeat 0% 0%/100% 100%;
  color: #fff;
  display: table; }
  .description-panel .seckill-cell .seckill-cell-bd,
  .description-panel .seckill-cell .seckill-cell-ft {
    display: table-cell;
    vertical-align: middle; }
  .description-panel .seckill-cell .seckill-cell-ft {
    width: 1%;
    white-space: nowrap;
    text-align: center; }
  .description-panel .seckill-cell .seckill-flag {
    font-size: 15px; }
    .description-panel .seckill-cell .seckill-flag img {
      width: 20px; }
    .description-panel .seckill-cell .seckill-flag img, .description-panel .seckill-cell .seckill-flag span {
      vertical-align: middle; }
  .description-panel .seckill-cell .seckill-timer {
    font-size: 12px;
    text-align: center;
    line-height: 1; }
    .description-panel .seckill-cell .seckill-timer .time-num span {
      margin-right: 6px; }
    .description-panel .seckill-cell .seckill-timer .time-num i {
      display: inline-block;
      background: #000;
      color: #fff;
      padding: 3px;
      border-radius: 3px; }
    .description-panel .seckill-cell .seckill-timer .time-num em {
      margin: 0 3px; }

.description-panel .summary-outbox {
  position: relative;
  background: #f9f5f2;
  padding-top: 20px;
  padding-bottom: 20px; }

.description-panel .summary-outbox:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.description-panel .summary {
  display: block;
  padding: 5px 0;
  font-size: 12px;
  color: #8d8d8d; }

.description-panel .summary > li {
  margin-top: 30px; }

.description-panel .summary > li:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.description-panel .summary > li:first-child {
  margin-top: 0; }

.description-panel .summary em {
  color: #dd2434; }

.description-panel .summary .dt {
  width: 70px; }

.description-panel .goods-qrcode {
  float: right;
  position: relative;
  text-align: center;
  margin-right: 40px;
  color: #8d8d8d; }

.description-panel .goods-qrcode span {
  display: inline-block;
  width: 60px; }

.description-panel .goods-qrcode .qrcode {
  display: none;
  position: absolute;
  top: 25px;
  left: -20px;
  z-index: 2; }

.description-panel .goods-qrcode .qrcode:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 42%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff; }

.description-panel .goods-qrcode .icon-arrow-up-b {
  display: none; }

.description-panel .goods-qrcode:hover .icon-arrow-down-b {
  display: none; }

.description-panel .goods-qrcode:hover .icon-arrow-up-b {
  display: inline-block; }

.description-panel .goods-qrcode:hover .qrcode {
  display: inline-block; }

.description-panel .price {
  font: 35px/30px Tahoma;
  color: #dd2434; }

.description-panel .icon-star {
  color: #FF8500;
  font-size: 22px; }

.description-panel .icon-star.disabled {
  color: #DEDEDE; }

.description-panel .jiage {
  font-size: 12px;
  color: #a1a1a1;
  text-decoration: line-through; }

.description-panel .label-danger {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  text-align: center;
  color: #fff;
  background-color: #EA2329;
  margin-right: 5px; }

.description-panel .activity {
  position: relative;
  height: 30px; }

.description-panel .activity-wrap {
  position: relative;
  height: 30px;
  background: #f9f5f2; }

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

.description-panel .activity-wrap .more {
  position: absolute;
  top: 2px;
  right: 0;
  color: #666;
  cursor: pointer; }

.description-panel .activity-wrap .more .icon-arrow-up-b {
  display: none; }

.description-panel .activity-wrap .dd {
  margin-left: 80px; }

.description-panel .activity-wrap.promotions-all-show {
  position: absolute;
  width: 541px;
  height: auto;
  left: -20px;
  padding: 0 20px;
  margin-top: 0;
  z-index: 5; }

.description-panel .activity-wrap.promotions-all-show .promotion-list {
  height: auto;
  overflow: visible;
  padding-bottom: 10px; }

.description-panel .activity-wrap.promotions-all-show .more {
  right: 20px; }

.description-panel .activity-wrap.promotions-all-show .icon-arrow-down-b {
  display: none; }

.description-panel .activity-wrap.promotions-all-show .icon-arrow-up-b {
  display: inline-block; }

.description-panel .promotion-list {
  position: relative;
  top: -4px;
  height: 31px;
  overflow: hidden; }

.description-panel .promotion-list a {
  line-height: 30px; }

.description-panel .promotion-list.more-gift {
  height: 50px; }

.description-panel .activity-txt {
  display: block;
  color: #ca1119;
  width: 80%; }

.description-panel .activity-txt .txt-desc {
  color: #ca1119; }

.description-panel .activity-txt img {
  max-width: 30px;
  max-height: 25px;
  margin-top: 3px;
  vertical-align: middle; }

.description-panel .activity-panel {
  position: absolute;
  width: 81%;
  left: 0;
  z-index: 99;
  padding: 0 15px 15px 100px;
  background-color: #f9f5f2;
  color: #ca1119;
  display: none; }

.description-panel .activity-panel li {
  height: 30px;
  line-height: 30px; }

.description-panel .goods-other-info {
  padding: 10px 0;
  border-bottom: 1px dashed #CCCCCC; }

.description-panel .goods-other-info:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.description-panel .goods-other-info li {
  float: left;
  height: 33px;
  line-height: 33px;
  margin-right: 30px; }

.description-panel .goods-other-info .icon-star {
  color: #FF8500;
  font-size: 22px; }

.description-panel .goods-other-info .icon-star.disabled {
  color: #DEDEDE; }

.description-panel .goods-other-info em {
  color: #FF8500; }

.description-panel .server {
  margin: 10px 0; }

.description-panel .price-del {
  font-size: 18px;
  color: #999;
  text-decoration: line-through;
  line-height: 24px; }

.seller {
  float: right;
  width: 186px;
  margin: 10px 20px 10px 0;
  font-size: 12px; }

.seller li {
  padding: 15px 5px;
  border-top: 1px solid #eee; }

.seller li:first-child {
  border-top: none; }

.seller .dl {
  margin-bottom: 5px; }

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

.seller .dl .dl-left {
  float: left;
  width: 110px; }

.seller .dl .dl-right {
  float: right;
  width: 60px;
  text-align: center; }

.seller .icon-arrow-down-a {
  color: #00850A; }

.seller .icon-arrow-up-a {
  color: #dd2434; }

.seller .btn-wrap {
  text-align: center; }

.seller .btn-wrap .btn-collect-shop {
  margin-left: 18px; }

.seller .qrcode {
  margin: 0 auto;
  width: 84px;
  padding: 7px;
  border: 1px solid #ccc;
  text-align: center;
  z-index: 2; }

.seller .shop-name {
  font-size: 12px;
  text-align: center;
  width: 100%;
  background: url(../images/shop_logo.jpg) no-repeat center center;
  padding-top: 60px; }

.choose {
  padding: 15px 0 20px 20px; }

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

.choose .price {
  color: #dd2434;
  font-size: 20px; }

.choose .item {
  float: left; }

.choose .dt {
  clear: both;
  float: left;
  height: 36px;
  width: 75px;
  font-size: 12px;
  line-height: 30px; }

.choose .dt em {
  color: #dd2434; }

.choose em {
  padding-right: 8px; }

.choose .dd {
  height: 36px;
  line-height: 30px;
  margin-left: 80px; }

.choose .btn-wrap {
  margin: 20px 0 0 83px; }

.choose .btn-wrap .btn {
  margin-right: 10px; }

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

.choose .btn-wrap {
  font-size: 16px;
  margin-left: 0; }

.choose .btn-wrap span {
  padding-left: 0;
  width: 200px;
  text-align: center; }

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

.choose-item {
  position: relative;
  float: left;
  min-width: 27px;
  height: 27px;
  line-height: 27px;
  margin-right: 5px;
  text-align: center;
  border: 1px solid #dadada;
  color: #666;
  font-family: helvetica;
  outline: 1px solid #fff;
  cursor: pointer; }

.choose-item img {
  display: inline-block;
  width: auto;
  height: 100%; }

.choose-item:hover {
  border: 1px solid #dd2434;
  outline: 1px solid #dd2434;
  color: #dd2434; }

.choose-item.on {
  position: relative;
  border: 1px solid #dd2434;
  outline: 1px solid #dd2434; }

.choose-item.on:before {
  position: absolute;
  right: 0;
  bottom: 0;
  content: " ";
  width: 0;
  height: 0;
  border-bottom: 12px solid #dd2434;
  border-left: 12px solid transparent; }

.choose-item.on:after {
  position: absolute;
  right: 0;
  bottom: 3px;
  vertical-align: 0;
  line-height: 0;
  font-size: 16px;
  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;
  content: "\282b";
  color: #fff; }

.choose-item.no-store {
  background-color: #e8e8e8;
  border: 1px solid #ccc;
  outline: 1px solid #ccc; }

.choose-item.no-store.on:before {
  border-bottom: 12px solid #ccc; }

.choose-item.no-sku {
  background-color: #e8e8e8;
  border: 1px dashed #ccc;
  outline: 1px dashed #ccc; }

.goods-detail-img .switchable-content {
  border: 0;
  width: 440px;
  height: 440px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #FFFFFF; }

.goods-detail-img .switchable-content:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.goods-detail-img .switchable-content li {
  width: 440px;
  height: 440px;
  line-height: 438px;
  overflow: hidden;
  text-align: center; }

.goods-detail-img .switchable-content li img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle; }

.goods-detail-img .switchable-content img {
  width: 440px;
  height: 440px; }

.goods-detail-img .switchable-nav-wrap {
  width: 391px;
  height: 71px;
  margin-left: 12px;
  overflow: hidden;
  position: relative; }

.goods-detail-img .switchable-nav {
  width: 1000px;
  position: absolute;
  left: 0;
  top: 0; }

.goods-detail-img .switchable-nav:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.goods-detail-img .switchable-nav li {
  float: left;
  cursor: pointer;
  width: 66px;
  height: 66px;
  line-height: 64px;
  border: 2px solid transparent;
  background-color: #FFFFFF;
  overflow: hidden;
  margin-right: 10px;
  text-align: center; }

.goods-detail-img .switchable-nav li img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle; }

.goods-detail-img .switchable-nav li.active {
  border: 2px solid #dd2434; }

.goods-detail-img .prev, .goods-detail-img .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;
  border: 1px solid #CCCCCC; }

.user-operate {
  overflow: auto;
  margin-top: 90px;
  padding-left: 10px;
  width: 440px;
  font-size: 12px; }

.user-operate .favorite {
  color: #999; }

.user-operate .favorite .icon, .user-operate .favorite [class^=icon-]:before {
  margin-right: 5px;
  font-size: 20px;
  vertical-align: middle;
  display: inline-block; }

.user-operate .favorite.on .icon, .user-operate .favorite.on [class^=icon-]:before {
  color: #FF8500; }

.user-operate .share {
  margin-left: 25px;
  color: #999; }

.user-operate .share .icon, .user-operate .share [class^=icon-]:before {
  display: inline-block;
  width: 15px;
  height: 20px;
  margin-right: 5px;
  background: url(../images/share.png) no-repeat center 4px; }

.goods-detail-box .side-box {
  margin-bottom: 10px;
  border: 1px solid #CCCCCC; }

.interest-search {
  padding: 0 10px;
  position: relative; }

.interest-search input {
  width: 168px;
  height: 27px;
  line-height: 29px;
  padding: 0 10px; }

.interest-search .icon-search-a {
  font-size: 18px;
  position: absolute;
  right: 13px;
  top: 3px; }

.goods-detail-browse.side-box {
  border: 0; }

.goods-detail-browse .bd {
  padding: 0; }

.goods-detail-browse .price {
  font-size: 16px;
  text-align: center; }

.detail-switchable-nav {
  background: #e8e8e8; }

.detail-switchable-nav:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.detail-switchable-nav li {
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  text-align: center;
  font-size: 14px;
  cursor: pointer; }

.detail-switchable-nav li.active {
  background-color: #fff;
  border-top: 2px solid #dd2434;
  color: #dd2434;
  cursor: default; }

.detail-switchable-nav li span {
  color: #0563c3; }

.goods-detail-tab {
  border: 1px solid #CCCCCC;
  padding-bottom: 30px;
  background: #fff; }

.goods-detail-tab .bd img {
  display: block;
  margin: 0 auto; }

.goods-detail-tab .bd img.mb-15 {
  margin-bottom: 15px; }

.goods-detail-tab .btn-impotr, .goods-detail-tab .shopname {
  display: none; }

.goods-detail-tab .detail-switchable-nav li {
  border: 1px solid #CCCCCC;
  border-top: 2px solid #e8e8e8;
  margin-left: -1px;
  border-bottom: 0;
  padding: 0 20px; }

.goods-detail-tab .detail-switchable-nav li span {
  color: #CA1119; }

.goods-detail-tab .detail-switchable-nav li.active {
  background-color: #fff;
  color: #CA1119;
  cursor: default;
  border-top: 2px solid #CA1119; }

.goods-detail-tab.fixed {
  display: block; }

.goods-detail-tab.fixed li {
  border-top: 2px solid #fff;
  background-color: #fff; }

.goods-detail-tab .btn-import, .goods-detail-tab .shopname {
  display: none; }

.ding-box {
  position: relative; }

.ding-tab {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 36px; }

.fixed {
  position: fixed;
  top: 0;
  z-index: 101;
  _position: absolute;
  _top: expression(eval(document.documentElement.scrollTop));
  text-align: center; }

.fixed .ding-tab-left.col-lg-3 {
  height: 36px; }

.fixed .ding-tab-right {
  background-color: #e8e8e8;
  outline: 1px solid #CCCCCC; }

.fixed .shopname {
  float: left;
  line-height: 54px;
  padding: 0 10px;
  position: relative;
  left: 20%; }

.fixed .detail-switchable-nav {
  position: relative;
  float: left; }

.fixed .btn-import {
  display: block;
  float: right; }

i.icon-qq {
  position: relative;
  left: 2px;
  top: 4px;
  display: inline-block;
  width: 17px;
  height: 19px;
  margin-left: 20px;
  background: url(../images/qq.jpg) no-repeat center; }

.background-changes {
  background-color: #fff; }

.top-distance {
  margin-top: 10px; }

a.hidden {
  display: none; }

.zoom-slider .pic-show {
  position: relative;
  z-index: 1;
  width: 365px;
  height: 365px; }

.zoom-slider .pic-show img {
  max-height: 365px;
  max-width: 365px;
  vertical-align: middle; }

.zoom-slider .pic-show .show-box {
  display: table-cell;
  height: 365px;
  width: 365px;
  text-align: center;
  vertical-align: middle; }

.zoom-slider .next-group, .zoom-slider .pre-group {
  display: none;
  width: 20px;
  height: 60px;
  line-height: 60px;
  position: absolute;
  right: 0;
  cursor: pointer; }

.zoom-slider .next-group i, .zoom-slider .pre-group i {
  font-size: 30px;
  color: #ccc; }

.zoom-slider .next-group:hover i, .zoom-slider .pre-group:hover i {
  color: #999; }

.zoom-slider .pic-thumb {
  position: relative; }

.zoom-slider .slider-thumb-wrap {
  position: relative;
  width: 336px;
  height: 65px;
  overflow: hidden;
  margin-top: 10px; }

.zoom-slider .slider-thumb-wrap.scrolled .slider-thumb {
  left: -340px; }

.zoom-slider .slider-thumb {
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  transition: all 0.8s ease;
  width: 9999px;
  position: absolute;
  left: 0;
  top: 0; }

.zoom-slider .slider-thumb li {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 4px;
  overflow: hidden;
  border: 2px solid #fff; }

.zoom-slider .slider-thumb li.active {
  border-color: #c81623; }

.zoom-slider .slider-thumb li .thumb-item {
  height: 60px;
  width: 60px;
  background-color: #FFFFFF; }

.zoom-slider .slider-thumb li .thumb-item span {
  height: 60px;
  width: 60px;
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.zoom-slider .slider-thumb li .thumb-item span img {
  max-width: 60px;
  max-height: 60px;
  display: inline-block;
  vertical-align: middle; }

div.zoomDiv {
  z-index: 999;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 365px;
  height: 365px;
  background: #ffffff;
  border: 1px solid #dadadd;
  display: none;
  text-align: center;
  overflow: hidden; }

div.zoomMask {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  cursor: move;
  z-index: 1; }

/*------ 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-th .col, .cart .cart-table-th [class*=col] {
  margin-left: 0; }

.cart .cart-table-ft {
  padding-top: 20px; }

.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-table-ft .cart-col-right {
  padding-right: 150px; }

.cart .cart-table-ft .total-price em {
  font-size: 16px; }

.cart .cart-table-ft button[type=submit] {
  position: absolute;
  top: 0;
  right: 0; }

.cart .cart-table-ft button[type=submit] span {
  height: 62px;
  line-height: 62px;
  border-radius: 0; }

.cart .cart-table-ft button[type=submit] > span {
  padding-left: 2.5em; }

.cart .cart-table-ft button[type=submit] > span > span {
  padding-right: 2.5em; }

.cart .cart-table-ft button[type=submit].btn-disabled:hover > span {
  background: #999; }

.cart .cart-table-ft .cart-table-btm {
  height: 64px; }

.cart .cart-table-ft .cart-table-btm .cart-row {
  padding: 0;
  line-height: 64px; }

.cart .cart-hd {
  background: #eee;
  border-top: none; }

.cart .cart-hd .cart-row:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.cart .tr-checked-bg {
  background: #fdf8e7; }

.cart .btn-disabled > span {
  background: #999; }

.cart .number {
  display: inline-block; }

.cart .number .number-increase-decrease:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.cart .number .btn, .cart .number .cart-num {
  float: left; }

.cart .number .cart-num {
  height: 26px;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  background: transparent; }

.cart .number .btn {
  height: 30px;
  line-height: 30px;
  border: 1px solid #ccc; }

.cart .number .decrease {
  border-right: 0;
  padding-left: 10px; }

.cart .number .increase {
  border-left: 0;
  padding-right: 10px; }

.cart .cart-goods-name {
  display: inline-block;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  /*white-space: nowrap;*/
  vertical-align: middle; }

.cart .label-danger {
  background: #EA2329; }

.cart .tr-checked {
  background: #fef9e8; }

.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 #efefef;
  position: relative; }

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

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

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

.cart-table .item-table .table-col-4, .cart-table .item-table .table-col-5, .cart-table .item-table .table-col-6 {
  width: 170px; }

.cart-table .item-table em {
  font-weight: bold; }

.cart-table .item-table tbody {
  border: 1px solid #efefef; }

.cart-table .item-table tbody tr {
  border-bottom: 0; }

.cart-table .item-table thead td {
  padding: 10px 0; }

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

.cart-table .item-table tr > td:nth-child(3) {
  vertical-align: top; }

.cart-table .item-table tr > td:nth-child(3) span {
  color: #666; }

.cart-table .item-table a.cart-goods-name {
  color: #333; }

.cart-table .item-table tr > td:nth-child(4) select {
  width: 80%;
  border-color: #EA2329;
  color: #EA2329;
  background: transparent; }

.cart-table .item-table tr > td:nth-child(4) option {
  color: #EA2329; }

.cart-table .item-table .delete-item {
  color: #333; }

.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-title {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc; }

.cart-table.zuhe-car-table .item-table .table-col-5 {
  width: 32%; }

.cart-table .item-zuhe .number {
  float: left; }

.cart-table .item-zuhe .number .cart-num {
  height: 20px;
  line-height: 20px; }

.cart-table .item-zuhe .item-total-price {
  float: left;
  margin-left: 30px;
  line-height: 20px; }

.cart-table .item-zuhe .col-operate {
  text-align: right;
  padding-right: 70px; }

#coupon-dialog, #voucher-dialog {
  position: fixed;
  z-index: 999;
  left: 50%;
  top: 50%;
  width: 420px;
  height: 300px;
  margin-left: -210px;
  background-color: #fff;
  border: 1px solid #fff;
  color: #676566; }

#coupon-dialog .coupon-container, #coupon-dialog .voucher-container, #voucher-dialog .coupon-container, #voucher-dialog .voucher-container {
  height: 230px;
  margin-bottom: 15px;
  overflow-y: auto; }

#coupon-dialog .coupon-container ul, #coupon-dialog .voucher-container ul, #voucher-dialog .coupon-container ul, #voucher-dialog .voucher-container ul {
  padding: 5px; }

#coupon-dialog .coupon-outbox, #coupon-dialog .voucher-outbox, #voucher-dialog .coupon-outbox, #voucher-dialog .voucher-outbox {
  padding: 10px 20px; }

#coupon-dialog .coupon-header, #coupon-dialog .voucher-header, #voucher-dialog .coupon-header, #voucher-dialog .voucher-header {
  border-bottom: 1px dashed #c4b8ba;
  font-size: 14px;
  height: 30px; }

#coupon-dialog .coupon-footer, #coupon-dialog .voucher-footer, #voucher-dialog .coupon-footer, #voucher-dialog .voucher-footer {
  text-align: center;
  height: 40px; }

#coupon-dialog .coupon-footer .btn, #coupon-dialog .voucher-footer .btn, #voucher-dialog .coupon-footer .btn, #voucher-dialog .voucher-footer .btn {
  margin: 0 20px; }

#coupon-dialog .btn-cancel > span, #voucher-dialog .btn-cancel > span {
  background: #fff;
  border: 1px solid #ccc;
  color: #333; }

#coupon-dialog-bg, #voucher-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; }

.empty-cart .empty-cart-text {
  line-height: 60px; }

/*------ 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-right {
  float: right;
  margin-right: 20px; }

.order-confirm-item {
  margin-top: 10px;
  padding-top: 10px; }

.order-confirm-item .order-confirm-item-hd {
  height: 26px;
  line-height: 26px;
  padding: 0 20px; }

.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 0 20px 0;
  margin: 0 20px;
  background: #fff;
  border-bottom: 1px solid #ddd; }

.order-confirm-item .form-label {
  width: 8em;
  margin-right: 10px;
  text-align: left; }

.order-confirm-item .coupon-item {
  margin-left: 60px; }

.order-confirm-item .coupon-item .order-confirm-item-bd {
  padding-left: 0; }

.order-confirm-item .coupon-choose, .order-confirm-item .voucher-choose {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ec8691;
  background-color: #f8e4e6;
  font-size: 14px;
  cursor: pointer;
  padding: 0 18px; }

.order-confirm-item .coupon-choose .icon, .order-confirm-item .coupon-choose [class^=icon-]:before, .order-confirm-item .voucher-choose .icon, .order-confirm-item .voucher-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; }

.order-confirm-address li {
  position: relative;
  height: 30px;
  line-height: 30px;
  margin: 0;
  border: 1px solid #fff;
  border-top: none; }

.order-confirm-address li > label, .order-confirm-address li:not(:last-child) {
  cursor: pointer; }

.order-confirm-address li:not(:last-child) > label {
  width: 100%;
  height: 100%; }

.order-confirm-address li:last-child {
  margin-top: 10px;
  padding-left: 35px;
  border: none; }

.order-confirm-address li:last-child:hover {
  background: none; }

.order-confirm-address li:not(:last-child):hover {
  background: #F6EDE6; }

.order-confirm-address li:not(:last-child):hover .address-edit {
  display: inline; }

.order-confirm-address li span.addr-info {
  display: inline-block;
  width: 40%;
  padding-left: 35px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle; }

.order-confirm-address li .checked-icon .icon-checkmark {
  top: -10px; }

.order-confirm-address li:not(:last-child).on {
  border: 1px solid #D23F33; }

.order-confirm-address li:not(:last-child).on .checked-icon {
  display: block; }

.order-confirm-address li input[type="radio"] {
  display: none; }

.order-confirm-address .address-default, .order-confirm-address .addr-edit {
  margin-left: 20px; }

.order-confirm-address .address-edit {
  display: none;
  margin-left: 30px; }

.order-confirm-address .list-addr-more label {
  cursor: pointer;
  border: 1px solid #ddd;
  padding: 2px 15px; }

.order-confirm-address .list-addr-more .icon, .order-confirm-address .list-addr-more [class^=icon-]:before {
  font-size: 12px;
  margin-right: 5px; }

/* --------------------------------------------------------------------------------------- */
.order-confirm-invoice li {
  position: relative;
  height: 30px;
  line-height: 30px;
  margin: 0;
  border: 1px solid #fff;
  border-top: none; }

.order-confirm-invoice li > label, .order-confirm-invoice li:not(:last-child) {
  cursor: pointer; }

.order-confirm-invoice li:not(:last-child) > label {
  width: 100%;
  height: 100%; }

.order-confirm-invoice li:last-child {
  margin-top: 10px;
  padding-left: 35px;
  border: none; }

.order-confirm-invoice li:last-child:hover {
  background: none; }

.order-confirm-invoice li:not(:last-child):hover {
  background: #F6EDE6; }

.order-confirm-invoice li:not(:last-child):hover .address-edit {
  display: inline; }

.order-confirm-invoice li span.invoice-tax-info {
  display: inline-block;
  width: 40%;
  padding-left: 35px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle; }

.order-confirm-invoice li .checked-icon .icon-checkmark {
  top: -10px; }

.order-confirm-invoice li:not(:last-child).on {
  border: 1px solid #D23F33; }

.order-confirm-invoice li:not(:last-child).on .checked-icon {
  display: block; }

.order-confirm-invoice li input[type="radio"] {
  display: none; }

.order-confirm-invoice .invoice-default, .order-confirm-invoice .invoice-edit {
  margin-left: 20px; }

.order-confirm-invoice .invoice-edit {
  display: none;
  margin-left: 30px; }

.order-confirm-invoice .list-invoice-more label {
  cursor: pointer;
  border: 1px solid #ddd;
  padding: 2px 15px; }

.order-confirm-invoice .list-invoice-more .icon, .order-confirm-invoice .list-invoice-more [class^=icon-]:before {
  font-size: 12px;
  margin-right: 5px; }

/* --------------------------------------------------------------------------------------- */
.checked-icon {
  display: none; }

.checked-icon::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 18px solid #D23F33;
  border-right: 22px solid transparent; }

.checked-icon .icon, .checked-icon [class^=icon-]:before {
  position: absolute;
  top: -13px;
  left: 2px;
  color: #fff;
  z-index: 2; }

.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 20px;
  background: #fff;
  border: 1px solid #ddd;
  border-top: 2px solid #8AB660;
  min-height: 500px; }

.payment.payment-success .success-info {
  margin-top: 150px;
  padding-bottom: 150px; }

.payment.payment-success .success-info-l1 {
  position: relative;
  width: 38%;
  margin: 0 auto;
  text-align: left; }

.payment.payment-success .success-info-l1 > div {
  margin-left: 45px; }

.payment.payment-success .icon-checkmark-c {
  position: absolute;
  top: -6px;
  left: 0; }

.payment.payment-success .success-info-l1-txt {
  font-size: 12px; }

.payment.payment-success .success-info-l1-txt .price {
  font-size: 24px; }

.payment .success-info {
  text-align: center;
  padding-bottom: 30px; }

.payment .success-info .success-info-l1 {
  line-height: 32px; }

.payment .success-info .success-info-r {
  margin-right: 10%; }

.payment .success-info .success-info-r .dt {
  display: inline-block;
  width: 80px;
  text-align: right; }

.payment .payment-info {
  border-bottom: 1px solid #efefef; }

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

.payment .payment-line {
  margin-top: 20px; }

.payment a {
  margin: 0 10px; }

.payment .payment-choose {
  margin: 20px 0; }

.payment .payment-choose .btn-action {
  text-align: right;
  margin: 30px 40px 0 0; }

.payment .payment-choose .btn-action > div {
  margin-bottom: 20px; }

.payment .payment-choose .btn-action .btn > span {
  padding-left: 3em; }

.payment .payment-choose .btn-action .btn > span > span {
  padding-right: 3em; }

.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-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: 45px;
  background: #f6f6f6;
  border: 1px solid #e1e1e1; }

.payment .payment-choose-title {
  font-size: 16px; }

.payment .payment-choose-title .btn {
  width: 110px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-left: 20px;
  border: 1px solid #e22335;
  background-color: #fff;
  color: #e22335;
  font-size: 12px; }

.payment .payment-choose-title > span, .payment .payment-choose-title span.price {
  font-size: 12px; }

.payment .payment-choose-title > span {
  margin-left: 20px; }

.payment-choose-item {
  float: left;
  width: 210px;
  height: 68px;
  margin-right: 25px;
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #ddd;
  cursor: pointer; }

.payment-choose-item input, .payment-choose-item img {
  margin: 0;
  vertical-align: middle;
  padding: 1px 0px; }

.payment-choose-item input[type="radio"] {
  display: none; }

.payment-choose-item.on {
  border: 2px solid #e22335;
  height: 66px;
  width: 208px; }

.payment-choose-item.on .choose-item-content i {
  display: block;
  position: absolute;
  top: -4px;
  right: 0;
  font-size: 12px;
  color: #fff;
  z-index: 2; }

.payment-choose-item.on .choose-item-content span {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 0;
  height: 0;
  border-top: 25px solid #e22335;
  border-left: 25px solid transparent;
  z-index: 1; }

.payment-choose-item .choose-item-content {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
  height: 100%; }

.payment-choose-item .choose-item-content i {
  display: none; }

.payment-pop {
  padding: 20px; }

.payment-pop .payment-pop-bd {
  margin-bottom: 10px;
  text-align: center; }

.payment-pop .payment-pop-bd div {
  margin-bottom: 30px; }

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

.password-dialog p {
  font-size: 18px;
  margin-bottom: 0; }

.password-dialog p i {
  position: relative;
  top: 11px;
  font-size: 60px;
  color: #ffcc00;
  margin-right: 10px; }

.password-dialog .btn > span {
  padding-left: 3em; }

.password-dialog .btn > span > span {
  padding-right: 3em; }

.password-dialog .pay-type {
  margin-top: 10px; }

.password-dialog .pay-type a {
  color: red;
  position: relative;
  left: -10px; }

.password-dialog .pay-type i {
  margin-right: 5px; }

.payment-redpacket-choose-list {
  min-height: 50px;
  margin-bottom: 20px;
  margin-right: -8%; }

.payment-redpacket-choose-list:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.payment-redpacket-choose-item, .payment-redpacket-item {
  position: relative;
  float: left;
  margin-top: 10px;
  margin-right: 7%;
  padding: 15px 10px;
  width: 24%;
  height: 44px;
  border: 1px solid #ddd;
  background-color: #fff; }

.payment-redpacket-choose-item .icon-redpacket, .payment-redpacket-item .icon-redpacket {
  float: left;
  display: inline-block;
  width: 40px;
  height: 42px;
  background-position: -155px -123px; }

.payment-redpacket-choose-item .red-packetname, .payment-redpacket-item .red-packetname {
  display: inline-block;
  width: 45%;
  margin: 0 5px 5px 0;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer; }

.payment-redpacket-choose-item .price, .payment-redpacket-item .price {
  float: right;
  line-height: 40px;
  font-size: 16px; }

.payment-redpacket-choose-item .out-time, .payment-redpacket-item .out-time {
  color: #999; }

.payment-redpacket-choose-item .icon-close-b, .payment-redpacket-item .icon-close-b {
  display: none;
  position: absolute;
  top: -15px;
  left: -7px;
  color: #e22335;
  font-size: 20px;
  cursor: pointer; }

.payment-redpacket-choose-item:hover .icon-close-b, .payment-redpacket-item:hover .icon-close-b {
  display: block; }

.payment-redpacket-choose-item .red-packetname {
  line-height: 40px;
  margin-bottom: 0;
  margin-left: 5px; }

.payment-redpacket-list {
  height: 410px;
  overflow-y: scroll;
  padding-bottom: 10px; }

.payment-redpacket-list .payment-redpacket-item:first-child {
  margin-top: 0; }

.payment-redpacket-list .payment-redpacket-item {
  float: none;
  margin-right: 0;
  width: 300px;
  cursor: pointer; }

.payment-redpacket-list .payment-redpacket-item:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.payment-redpacket-list .payment-redpacket-item .red-packetinfo {
  float: left;
  width: 60%;
  margin-left: 5px; }

.payment-redpacket-list .payment-redpacket-item:hover, .payment-redpacket-list .on {
  border-color: #e22335; }

.redpacket-dialog-action {
  position: absolute;
  left: 1px;
  bottom: 0;
  width: 99%;
  height: 60px;
  line-height: 60px;
  background: #fff;
  text-align: center;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }

.redpacket-dialog-action .btn {
  width: 40%; }

/* 确定订单 */
.order-verify-paytype .form-row {
  position: relative;
  float: left;
  width: 10%;
  text-align: center;
  margin-right: 20px;
  line-height: 36px;
  border: 1px solid #ddd; }

.order-verify-paytype .form-row.last {
  clear: both;
  margin-bottom: 0; }

.order-verify-paytype .form-row, .order-verify-paytype .form-row label {
  cursor: pointer; }

.order-verify-paytype .form-row label {
  width: 100%; }

.order-verify-paytype .form-row input {
  display: none; }

.order-verify-paytype .form-row.on {
  border: 1px solid #D23F33; }

.order-verify-paytype .form-row.on .checked-icon {
  display: block; }

.verify-total-info {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }

.verify-total-info .order-confirm-item-bd {
  border: 0; }

.verify-total-info .total-info {
  float: right;
  font-size: 14px; }

.verify-total-info .total-info .total-price {
  font-size: 24px; }

.verify-total-info .total-info .col-lg-2 {
  text-align: right; }

.verify-total-info .total-info .col-lg-2.price {
  text-align: left; }

.verify-total-info .item-border {
  padding: 10px 0; }

.order-verify-gooditem .item-bd {
  background-color: #f8f8f8; }

.order-verify-gooditem .item-body {
  padding: 0; }

.order-verify-gooditem .gooditem-left {
  float: left;
  width: 28%;
  background-color: #f7f8f9;
  padding: 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-left select {
  height: auto; }

.order-verify-gooditem .gooditem-right {
  float: right;
  width: 64%;
  background-color: #fff;
  color: #666;
  padding-left: 10px; }

.order-verify-gooditem .gooditem-right > div {
  background-color: #fcf5f0;
  padding: 30px 10px 30px 20px; }

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

.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 .td-last {
  text-align: center; }

.order-verify-gooditem .gooditem-right .tr-last {
  color: #333;
  font-size: 14px;
  text-align: right;
  padding-right: 40px; }

.order-verify-gooditem .gooditem-right .freight {
  font-size: 12px; }

.order-verify-gooditem .shipping-type-item {
  position: relative;
  display: inline-block;
  width: 45%;
  border: 1px solid #ddd;
  text-align: center; }

.order-verify-gooditem .shipping-type-item, .order-verify-gooditem .shipping-type-item label {
  cursor: pointer; }

.order-verify-gooditem .shipping-type-item label {
  width: 100%; }

.order-verify-gooditem .shipping-type-item input[type="radio"] {
  display: none; }

.order-verify-gooditem .shipping-type-item.on {
  border: 1px solid #D23F33; }

.order-verify-gooditem .shipping-type-item.on .checked-icon {
  display: block; }

.gift-item {
  color: #666; }

.gift-item span {
  margin-left: 20px; }

.tr-coupon-info .order-confirm-item-bd {
  background-color: #fdf9ee; }

.item-body, .item-border {
  border: 1px solid #ddd; }

.verify-table .cart-table-btm {
  border: 0;
  margin: 10px; }

.verify-table .cart-row {
  border: 0; }

.verify-table .total-row {
  font-size: 16px; }

.verify-table .price {
  text-align: left;
  font-weight: bold; }

.order-verify-invoice .item-border {
  padding: 10px; }

.order-verify-invoice .use-point.disabled .point-number, .order-verify-invoice .use-point.disabled input {
  color: #adadad; }

.order-verify-invoice .use-point.disabled .deduct-content {
  display: inline-block; }

.order-verify-invoice .use-point.disabled .point-info {
  display: none; }

.order-verify-invoice .use-point .choose-point input, .order-verify-invoice .use-point .choose-point label {
  cursor: pointer; }

.order-verify-invoice .use-point .point-number {
  width: 80px;
  height: 28px;
  line-height: 28px; }

.order-verify-invoice .use-point .deduct-point {
  color: #ff9b4b; }

.order-verify-invoice .use-point .deduct-content {
  display: none;
  position: relative;
  padding: 3px 15px;
  margin-left: 10px;
  background-color: #f8e4e6;
  border: 1px solid #ec8691;
  font-size: 14px;
  color: #c81623; }

.order-verify-invoice .use-point .deduct-content i {
  position: absolute;
  left: -7px;
  top: 7px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #ec8691; }

.order-verify-invoice .use-point .deduct-content i:after {
  content: "";
  position: absolute;
  left: 2px;
  top: -5px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #f8e4e6; }

.order-verify-invoice .use-point .left-point {
  margin-left: 92px;
  color: #adadad; }

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

.placeholder {
  position: static; }

.order-integral input {
  margin-right: 5px; }

.order-integral .txt-integral {
  width: 80px;
  height: 30px;
  color: #666; }

.order-integral .txt-integral.error-bd {
  border: 1px solid #C81622; }

.order-integral .lbl-unit {
  color: #666;
  margin-right: 5px; }

.order-integral .use-integral {
  color: #FFA35A;
  font-size: 14px;
  margin-left: 15px; }

.order-integral em {
  font-style: normal; }

.order-integral .sp-reminder {
  display: block;
  font-size: 12px;
  color: #C4C4C4;
  padding-left: 93px; }

.order-integral .error-msg {
  display: inline-block;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #f8e4e6;
  border: 1px solid #C81622;
  color: #C81622;
  display: none; }

/*预存款弹框样式*/
.password-dialog {
  text-align: center; }

.password-dialog p {
  font-size: 18px;
  margin-bottom: 0; }

.password-dialog p i {
  position: relative;
  top: 11px;
  font-size: 60px;
  color: #ffcc00;
  margin-right: 10px; }

.password-dialog .btn > span {
  padding-left: 3em; }

.password-dialog .btn > span > span {
  padding-right: 3em; }

.password-dialog .pay-type {
  margin-top: 10px; }

.password-dialog .pay-type a {
  color: red;
  position: relative;
  left: -10px; }

.password-dialog .pay-type i {
  margin-right: 5px; }

.fl {
  float: left; }

.fr {
  float: right; }

.w210 {
  width: 210px; }

.hid {
  display: none; }

/*------ membercenter ------*/
.member-container {
  padding-top: 28px;
  padding-bottom: 28px; }

.member-container i {
  vertical-align: -5% !important; }

.member-container-left {
  outline: 1px solid #efefef; }

.under-color {
  background-color: #fff; }

.membercenter-tab {
  position: relative; }

.membercenter-tab li {
  float: left;
  margin-right: -1px;
  font-size: 14px;
  height: 46px;
  line-height: 46px;
  background: transparent;
  border-radius: 6px 6px 0 0;
  padding-left: 16px;
  padding-right: 16px;
  border: 1px solid #efefef;
  cursor: pointer; }

.membercenter-tab li.active {
  border-bottom: none;
  background: #fff;
  height: 47px;
  color: #cc2632; }

.membercenter-tab .view-more {
  position: absolute;
  top: 30%;
  right: 0;
  right: 20px; }

.membercenter-tab-con {
  border: 1px solid #efefef;
  margin-top: -1px; }

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

.no-content .icon, .no-content [class^=icon-]:before {
  font-size: 50px;
  margin-right: 5px; }

.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 {
  padding-top: 15px;
  padding-bottom: 10px;
  background: #fff;
  color: #666; }

.side-nav .side-nav-title {
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  font-size: 14px;
  color: #333; }

.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:first-child {
  border-top: none; }

.member-home-btn {
  display: block;
  width: 100%;
  height: 46px;
  line-height: 46px;
  font-size: 14px;
  text-indent: 20px;
  border-bottom: 1px solid #efefef;
  background: #fff;
  color: #ea2329; }

.nowrap {
  width: 80px; }

.membercenter-box {
  margin-bottom: 20px; }

.membercenter-box .membercenter-box-hd {
  border-bottom: 1px solid #efefef;
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  background: #fff;
  color: #333;
  font-size: 14px; }

.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: 20px;
  background: #fff; }

.membercenter-box .membercenter-box-bd:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.membercenter-box .membercenter-box-bd.nogap {
  padding: 10px 0; }

.membercenter-box .membercenter-box-bd .no-data {
  padding: 92px 0; }

.membercenter-box .membercenter-box-bd .bg-icon {
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  color: #fff;
  font-size: 70px;
  border-radius: 50%;
  background-color: #d5d5d5;
  margin: 0 auto; }

.membercenter-box .membercenter-box-bd p {
  color: #787878; }

.membercenter-box .membercenter-box-left {
  float: left; }

.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-order-box-right {
  width: 30%;
  text-align: right; }

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

.item-table:first-child {
  margin-top: 0; }

.item-table thead {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border-bottom: 1px solid #efefef;
  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-bottom: 1px solid #efefef; }

.item-table tbody tr.gift-tr {
  border-top: 0; }

.item-table tbody tr.gift-tr td {
  padding: 2px 10px; }

.item-table tbody tr.gift-tr span {
  display: inline-block; }

.item-table tbody tr.gift-tr span:nth-child(1) {
  padding-left: 60px;
  width: 61%; }

.item-table tbody tr.gift-tr span:nth-child(1) a {
  width: 36%;
  color: #333; }

.item-table tbody tr.gift-tr span:nth-child(1) a:hover {
  color: #ea2329; }

.item-table tbody tr.gift-tr span:nth-child(1) > span {
  margin-left: 20px;
  color: #666; }

.item-table tbody td {
  padding: 10px; }

.item-table tfoot {
  border-top: 1px solid #efefef; }

.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 .table-col-8 {
  width: 122px; }

.item-table.table-goods .item-price {
  width: 120px; }

.item-table.table-goods tbody td {
  padding: 10px 0;
  text-align: center; }

.item-table.table-goods tbody td:nth-child(2), .item-table.table-goods tbody td.col-operate {
  text-align: left; }

.item-table.table-goods .btn span {
  margin-right: 0; }

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

.voucher-checked {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ec8691;
  background-color: #f8e4e6;
  padding: 3px 10px;
  color: #666; }

.search-trade-form {
  margin-bottom: 10px;
  text-align: right; }

.search-trade-form input {
  width: 20%;
  height: 24px; }

.search-trade-form button {
  height: 30px;
  font-size: 12px; }

.search-trade-form button span {
  padding-left: .5em; }

.search-trade-form button span span {
  line-height: 30px;
  padding-right: 1em; }

.table-goods-pic {
  margin: 0 5px;
  width: 64px;
  height: 64px;
  border: 1px solid #ccc;
  background-color: #FFFFFF;
  overflow: hidden;
  text-align: center; }

.table-goods-pic img {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  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; }

.sp-checkall {
  display: block;
  width: 50px;
  line-height: 26px; }

.sp-checkall, .act-mergepay {
  float: left; }

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

.points-subtract {
  font-size: 16px;
  color: #1A8725; }

.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: 122px;
  min-height: 160px;
  margin: 0 12px 10px 15px;
  text-align: center; }

.membercenter-favorit .membercenter-favorite-item .pic {
  width: 120px;
  height: 120px;
  line-height: 118px;
  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; }

.membercenter-history .title {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  margin-bottom: 10px; }

.membercenter-history .history-list {
  margin-right: -50px; }

.membercenter-history .history-item {
  width: 142px;
  float: left;
  margin-right: 50px;
  text-align: center;
  overflow: hidden; }

.membercenter-history .history-item .pic {
  width: 140px;
  height: 140px;
  line-height: 138px;
  border: 1px solid #dadada;
  background-color: #FFFFFF;
  overflow: hidden;
  margin-bottom: 5px;
  text-align: center;
  position: relative; }

.membercenter-history .history-item .pic img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle; }

.membercenter-history .history-item .pic img {
  width: auto;
  height: auto; }

.membercenter-history .history-item .name {
  color: #666;
  width: 100%;
  height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.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, .batch-operation .batch-expand-txt, .batch-operation .batch-unexpand-txt {
  float: left; }

.batch-operation .batch-expand {
  display: none;
  width: 90px; }

.batch-operation .batch-expand-txt {
  display: block !important; }

.batch-operation .batch-unexpand-txt {
  display: none !important; }

.is-batch-operate .batch-expand {
  display: block !important; }

.is-batch-operate .batch-unexpand-txt {
  display: 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;
  height: 23px;
  overflow: hidden; }

.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 {
  height: auto; }

.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;
  margin-left: 2rem; }

.membercenter-userinfo .caution {
  vertical-align: top; }

.membercenter-userinfo .help-block {
  margin-bottom: 0; }

.txt-list.assets {
  border-right: 1px solid #efefef; }

.txt-list.safe-center {
  position: relative;
  padding-left: 20px; }

.txt-list.assets .con-title,
.txt-list.safe-center .con-title {
  padding-bottom: 18px; }

.txt-list.safe-center .set-item {
  margin-top: 10px; }

.txt-list.safe-center .set {
  position: absolute;
  right: 0;
  top: 0; }

.txt-list li {
  float: left;
  margin-bottom: 10px;
  text-align: center;
  min-width: 20%;
  height: 66px;
  color: #666;
  line-height: 1.2; }

.txt-list li i {
  font-size: 44px; }

.txt-list .icon-redpacket, .txt-list .icon-integral, .txt-list .icon-coupons {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin: 6px 0 10px 0; }

.txt-list .redpacket {
  color: #f73c3c; }

.txt-list .redpacket a {
  color: #f73c3c; }

.txt-list .redpacket .icon-redpacket {
  background-position: -88px 0; }

.txt-list .integral {
  color: #f5aa29; }

.txt-list .integral a {
  color: #f5aa29; }

.txt-list .integral .icon-integral {
  background-position: 0 0; }

.txt-list .coupons {
  color: #ee8219; }

.txt-list .coupons a {
  color: #ee8219; }

.txt-list .coupons .icon-coupons {
  background-position: -44px 0; }

.txt-list .deposit {
  position: relative;
  top: -5px;
  color: #f7713c; }

.txt-list .deposit a {
  color: #f7713c; }

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

.box-display {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: box;
  -webkit-box-align: center;
  -webkit-box-pack: center; }

.flex {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }

.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1; }

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

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

.orderdtl-box {
  padding: 20px 0;
  border-top: 1px solid #ddd;
  background: #fff; }

.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 .orderdtl-hd-changed {
  padding: 0 10px 10px 10px;
  font-weight: bold;
  font-size: 14px;
  margin-top: -6px;
  border-bottom: 1px solid #ddd; }

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

.sp-see {
  cursor: pointer;
  color: #0563c3; }

span.icon-contacts {
  position: relative;
  top: 5px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-position: -251px -5px;
  cursor: pointer; }

.tp-3 {
  top: -3px; }

.safe-setting {
  margin: 20px 0;
  padding: 10px 20px;
  border: 1px solid #efefef; }

.safe-setting .safe-setting-row {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #efefef; }

.safe-setting .safe-setting-row:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.safe-setting .safe-setting-row:first-child {
  border-top: none; }

.safe-setting .safe-setting-row i,
.safe-setting .safe-setting-row span {
  width: auto;
  height: 48px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-left: 20px; }

.safe-setting .safe-setting-row i.safe-setting-intro,
.safe-setting .safe-setting-row span.safe-setting-intro {
  width: 460px; }

.safe-setting .safe-setting-row i.icon, .safe-setting .safe-setting-row i[class^=icon-]:before,
.safe-setting .safe-setting-row span.icon,
.safe-setting .safe-setting-row span[class^=icon-]:before {
  width: 30px; }

.safe-setting .safe-setting-row .operate {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -10px;
  text-align: 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: 15px;
  color: #333; }

.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: #8ab660;
  color: #fff; }

.status-bar div.on i.icon-last {
  color: #8ab660; }

.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 #efefef;
  margin-bottom: 10px; }

.score-level {
  padding: 15px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #efefef; }

.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 label span {
  line-height: 55px;
  margin-left: 5px; }

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

.comment-header span.detail-header {
  margin-left: 20px;
  padding: 0;
  font-size: 12px; }

/* 我的评价列表 */
.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; }

.name-hide, .del-item, .mar-l10 {
  margin-left: 10px; }

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

.table-evaluation .add-comment {
  width: 80%;
  margin-left: 18%;
  margin-top: 10px; }

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

.rate-edit-orderinfo {
  margin-bottom: 20px; }

.rate-edit-orderinfo span {
  margin: 0 5px; }

.goods-comment-l {
  width: 50%;
  border-right: 1px solid #efefef; }

.goods-comment-l .rate-price {
  height: 64px;
  line-height: 64px; }

.goods-comment-r {
  width: 46%;
  margin-top: 10px;
  margin-left: 20px; }

.goods-comment-r i {
  font-size: 22px; }

.goods-comment-r .rate-content {
  margin-left: 10px;
  color: #666; }

.edit-score-comment {
  background-color: #fef6f1; }

.edit-score-comment .score-comment span {
  vertical-align: top; }

.edit-score-comment .score-comment textarea {
  width: 90%; }

.edit-score-comment .score-comment .letter-limit {
  right: 46px; }

.edit-score-comment .score-imgs {
  padding-left: 75px; }

.edit-score-comment .score-imgs .img-thumbnail {
  background-color: #fff; }

.edit-score-comment .score-imgs .imgs-key {
  color: #666; }

/* 会员优惠券模块 */
.coupon-box .membercenter-box-hd {
  background: none;
  border-bottom: 0; }

.coupon-box .membercenter-box-bd {
  outline: 1px solid #efefef; }

.coupon-toolbar, .redpacket-toolbar {
  height: 30px;
  line-height: 30px;
  margin: 0 0 20px;
  background-color: #f8f8f8; }

.coupon-toolbar:after, .redpacket-toolbar:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.coupon-toolbar a, .redpacket-toolbar a {
  color: #333; }

.coupon-toolbar .c-sort, .redpacket-toolbar .c-sort {
  float: left; }

.coupon-toolbar .c-sort ul:after, .redpacket-toolbar .c-sort ul:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.coupon-toolbar .curr, .coupon-toolbar a:hover, .redpacket-toolbar .curr, .redpacket-toolbar a:hover {
  color: #dd2434; }

.coupon-toolbar li, .redpacket-toolbar li {
  float: left;
  margin: 0 30px 0 0; }

.coupon-toolbar .c-type, .redpacket-toolbar .c-type {
  position: relative;
  z-index: 5;
  padding: 1px 0 1px 10px;
  margin-left: 15px;
  border: 1px solid #f8f8f8;
  border-bottom: 0; }

.coupon-toolbar .c-type .dt, .redpacket-toolbar .c-type .dt {
  width: 72px;
  padding-left: 5px; }

.coupon-toolbar .c-type .dt i, .redpacket-toolbar .c-type .dt i {
  margin-left: 2px;
  position: relative;
  top: -1px; }

.coupon-toolbar .c-type .dt .icon-arrow-down, .redpacket-toolbar .c-type .dt .icon-arrow-down {
  display: inline-block; }

.coupon-toolbar .c-type .dt .icon-arrow-up, .redpacket-toolbar .c-type .dt .icon-arrow-up {
  display: none; }

.coupon-toolbar .c-type .dd, .redpacket-toolbar .c-type .dd {
  position: absolute;
  display: none;
  top: 29px;
  left: -1px;
  width: 87px;
  background-color: #fff;
  border: 1px solid #efefef;
  border-top: 0; }

.coupon-toolbar .c-type .dd a, .redpacket-toolbar .c-type .dd a {
  display: block;
  position: relative;
  height: 30px;
  line-height: 30px;
  padding-left: 20px; }

.coupon-toolbar .c-type:hover, .redpacket-toolbar .c-type:hover {
  border: 1px solid #efefef;
  border-bottom: 0;
  background-color: #fff; }

.coupon-toolbar .c-type:hover .dd, .redpacket-toolbar .c-type:hover .dd {
  display: inline-block; }

.coupon-toolbar .c-type:hover .icon-arrow-down, .redpacket-toolbar .c-type:hover .icon-arrow-down {
  display: none; }

.coupon-toolbar .c-type:hover .icon-arrow-up, .redpacket-toolbar .c-type:hover .icon-arrow-up {
  display: inline-block; }

.coupon-toolbar .extra-r, .redpacket-toolbar .extra-r {
  float: right;
  font-size: 0; }

.coupon-toolbar .extra-r a, .redpacket-toolbar .extra-r a {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 6px 10px 0 0;
  overflow: hidden; }

.coupon-toolbar .extra-r .lump-icon, .redpacket-toolbar .extra-r .lump-icon {
  background-position: -192px -7px; }

.coupon-toolbar .extra-r .lump-icon.curr, .redpacket-toolbar .extra-r .lump-icon.curr {
  background-position: -132px -7px; }

.coupon-toolbar .extra-r .list-icon, .redpacket-toolbar .extra-r .list-icon {
  background-position: -162px -8px; }

.coupon-toolbar .extra-r .list-icon.curr, .redpacket-toolbar .extra-r .list-icon.curr {
  background-position: -222px -8px; }

.coupon-items {
  margin-right: -65px; }

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

.coupon-item {
  float: left;
  width: 265px;
  margin: 0 65px 20px 0; }

.coupon-item .c-type {
  position: relative;
  width: 100%;
  height: 145px;
  padding-top: 30px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  border-radius: 5px; }

.coupon-item .c-price {
  font-family: Arial; }

.coupon-item .c-price span {
  line-height: 60px;
  font-size: 18px;
  vertical-align: top; }

.coupon-item .c-price strong {
  font-style: italic;
  font-size: 50px; }

.coupon-item .c-limit {
  margin-bottom: 8px;
  font-size: 14px; }

.coupon-item .c-time {
  color: #ba7717; }

.coupon-item .c-type-left, .coupon-item .c-type-right, .coupon-item .c-type-bottom-circle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%; }

.coupon-item .c-type-left {
  top: 77px;
  left: -10px; }

.coupon-item .c-type-right {
  top: 77px;
  right: -10px; }

.coupon-item .c-type-bottom {
  position: absolute;
  width: 100%;
  height: 5px;
  background-position: 0 -108px;
  bottom: 0;
  left: 0; }

.coupon-item .c-type-bottom-circle {
  display: none; }

.coupon-item .c-type-remind-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 70px solid #ba7717;
  border-right: 70px solid transparent;
  color: #fff; }

.coupon-item .c-type-remind-txt {
  position: absolute;
  top: 16px;
  left: -6px;
  width: 60px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  /* Internet Explorer 9*/
  -moz-transform: rotate(-45deg);
  /* Firefox */
  -webkit-transform: rotate(-45deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(-45deg);
  /* Opera */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

.coupon-item .icon-close {
  position: absolute;
  top: 6px;
  right: 10px;
  color: #ba7717;
  cursor: pointer; }

.coupon-item .c-msg {
  height: 240px;
  padding: 20px 0 0;
  background-color: #f8f8f8;
  font-size: 14px; }

.coupon-item .c-msg .range-item {
  display: block;
  margin: 0 0 15px;
  color: #666; }

.coupon-item .c-msg .range-item:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.coupon-item .c-msg .dt {
  float: left;
  width: 85px;
  display: inline-block;
  text-align: right; }

.coupon-item .c-msg .txt {
  float: left;
  width: 60%;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #999;
  overflow: hidden; }

.coupon-item .op-btn {
  margin-top: 80px;
  text-align: center; }

.coupon-item .op-btn a.btn {
  width: 119px;
  height: 35px;
  line-height: 35px;
  border-radius: 5px;
  border: 1px solid #ffc672;
  color: #ffc672;
  vertical-align: middle; }

.coupon-item-d .c-type {
  background: #ffc672; }

.coupon-item-gray .c-type {
  background: #c7c7c7; }

.coupon-item-gray .c-type-remind-bg {
  border-top-color: #9f9f9f; }

.coupon-item-gray .icon-close, .coupon-item-gray .c-time {
  color: #9f9f9f; }

.coupon-items02 {
  margin-right: 0; }

.coupon-items02 .coupon-item {
  width: 100%;
  height: 181px;
  margin-right: 0;
  float: none; }

.coupon-items02 .coupon-item:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.coupon-items02 .coupon-item .c-type {
  width: 258px;
  height: 153px;
  padding-top: 28px;
  float: left; }

.coupon-items02 .c-type-left {
  top: -10px;
  left: 119px; }

.coupon-items02 .c-type-right {
  display: none; }

.coupon-items02 .c-type-bottom-circle {
  display: inline-block;
  bottom: -10px;
  left: 119px; }

.coupon-items02 .c-type-bottom {
  width: 6px;
  height: 181px;
  top: 0;
  left: 252px;
  background-position: -276px 0; }

.coupon-items02 .icon-close {
  right: 20px; }

.coupon-items02 .c-msg {
  position: relative;
  float: left;
  width: 667px;
  height: 161px; }

.coupon-items02 .c-msg .txt {
  width: 75%; }

.coupon-items02 .c-range {
  float: left;
  width: 70%; }

.coupon-items02 .op-btn {
  float: right;
  width: 166px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px; }

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

.voucher-items .op-btn a.btn {
  border-color: #f96f66;
  color: #f96f66; }

.voucher-red {
  background: #f96f66 !important; }

.font-white {
  color: #fff !important; }

/* 会员红包 */
.redpacket-toolbar > ul:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.redpacket-toolbar li {
  margin-left: 40px; }

.redpacket-toolbar .on a {
  color: #ea2329; }

.redpacket-icon, .status-icon, .icon-redpacket, .icon-redpacket, .icon-integral, .icon-coupons, .extra-r a, .c-type-bottom, .icon-contacts, .widget-redpacket1 li, .widget-redpacket2 li, .code-info i {
  background: url(../images/member_icon.png) no-repeat 0 0; }

.redpacket-list {
  margin-left: -38px; }

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

.redpacket-list .redpacket-item {
  position: relative;
  float: left;
  overflow: hidden;
  width: 25%;
  height: 138px;
  margin-left: 38px;
  margin-bottom: 20px;
  border: 1px solid #ea2329;
  border-top-width: 5px;
  border-radius: 5px;
  padding: 15px 20px 0 20px;
  background: #fff;
  color: #999; }

.redpacket-list .redpacket-item:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.redpacket-list .item-bg {
  position: absolute;
  top: -4px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 9px;
  background: -webkit-radial-gradient(circle, #ea2329 10%, transparent 10%), -webkit-radial-gradient(circle, #ea2329 10%, white 10%) -1px -44px;
  background: -moz-radial-gradient(circle, #ea2329 10%, transparent 10%), -moz-radial-gradient(circle, #ea2329 10%, white 10%) -1px -44px;
  background: -o-radial-gradient(circle, #ea2329 10%, transparent 10%), -o-radial-gradient(circle, #ea2329 10%, white 10%) -1px -44px;
  background: -ms-radial-gradient(circle, #ea2329 10%, transparent 10%), -ms-radial-gradient(circle, #ea2329 10%, white 10%) -1px -44px;
  background: _radial-gradient_legacy(circle, #ea2329 10%, transparent 10%), _radial-gradient_legacy(circle, #ea2329 10%, white 10%) -1px -44px;
  background-size: 12px 100px; }

.redpacket-list .redpacket-icon {
  float: left;
  width: 67px;
  height: 72px;
  background-position: 0 -123px; }

.redpacket-list .redpacket-content {
  float: left;
  width: 63%;
  margin-left: 15px; }

.redpacket-list .redpacket-name {
  width: 88%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle; }

.redpacket-list .money {
  color: #ea2329;
  font-size: 25px; }

.redpacket-list .money span {
  font-weight: 600;
  font-size: 45px; }

.redpacket-list.repacket-used-list .redpacket-item, .redpacket-list.redpacket-expire-list .redpacket-item {
  border-color: #c7c7c7; }

.redpacket-list.repacket-used-list .item-bg, .redpacket-list.redpacket-expire-list .item-bg {
  background: -webkit-radial-gradient(circle, #c7c7c7 10%, transparent 10%), -webkit-radial-gradient(circle, #c7c7c7 10%, white 10%) -1px -44px;
  background: -moz-radial-gradient(circle, #c7c7c7 10%, transparent 10%), -moz-radial-gradient(circle, #c7c7c7 10%, white 10%) -1px -44px;
  background: -o-radial-gradient(circle, #c7c7c7 10%, transparent 10%), -o-radial-gradient(circle, #c7c7c7 10%, white 10%) -1px -44px;
  background: -ms-radial-gradient(circle, #c7c7c7 10%, transparent 10%), -ms-radial-gradient(circle, #c7c7c7 10%, white 10%) -1px -44px;
  background: _radial-gradient_legacy(circle, #c7c7c7 10%, transparent 10%), _radial-gradient_legacy(circle, #c7c7c7 10%, white 10%) -1px -44px;
  background-size: 12px 100px; }

.redpacket-list.repacket-used-list .redpacket-icon, .redpacket-list.redpacket-expire-list .redpacket-icon {
  background-position: -77px -123px; }

.redpacket-list.repacket-used-list .money, .redpacket-list.redpacket-expire-list .money {
  color: #c7c7c7; }

.redpacket-list.repacket-used-list .status-icon, .redpacket-list.redpacket-expire-list .status-icon {
  background-position: 0 -40px; }

.redpacket-list.redpacket-expire-list .status-icon {
  background-position: -95px -40px; }

.redpacket-info {
  position: relative;
  padding-top: 5px; }

.redpacket-info span {
  display: inline-block;
  width: 25%;
  text-align: left;
  color: #666; }

.redpacket-info .status-icon {
  position: absolute;
  top: -6px;
  right: -10px;
  width: 85px;
  height: 58px; }

/*成长值*/
.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;
  width: 85%; }

.artical-list .title a {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  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 {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  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; }

.new-order-list .order-item-intro {
  height: 28px;
  margin-top: 26px; }

.new-order-list .order-item-intro:nth-child(1) {
  margin-top: 0; }

.new-order-list .order-item-info {
  padding: 20px;
  border: 1px solid #efefef; }

.new-order-list .order-item-info:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.new-order-list .order-item-info .info-col {
  float: left;
  text-align: center;
  height: 64px;
  margin-left: 0;
  line-height: 64px; }

.new-order-list .order-item-info .info-col-01 {
  width: 40%;
  text-align: left;
  overflow: hidden;
  white-space: nowrap; }

.new-order-list .order-item-info .info-col-02 {
  width: 15%; }

.new-order-list .order-item-info .info-col-02 .info-goods-num {
  color: #666; }

.new-order-list .order-item-info .info-col-02 p {
  margin-bottom: 6px; }

.new-order-list .order-item-info .info-col-03 {
  width: 30%; }

.new-order-list .order-item-info .info-col-03 span {
  width: 265px;
  height: 64px;
  display: table-cell;
  vertical-align: middle;
  color: #c81623;
  font-size: 20px;
  font-family: helvetica; }

.new-order-list .order-item-info .info-col-04 {
  width: 15%; }

.new-order-list .order-item-info .info-col-04 .center-layout {
  width: 132px;
  height: 64px;
  display: table-cell;
  vertical-align: middle; }

.new-order-list .order-item-info .info-col-04 .center-layout a {
  margin-bottom: 10px;
  color: #666; }

.new-order-list .order-item-info .sp-more {
  display: inline-block;
  height: 64px;
  padding-bottom: 15px;
  vertical-align: middle;
  text-align: center;
  margin-left: 2px; }

.new-order-list .order-item-info .sp-more a {
  color: #333; }

.new-order-list .order-item-info .sp-more a:hover {
  color: #0563C3; }

.base-list-style {
  text-align: center; }

.base-list-style tbody tr {
  border-top: 1px solid #efefef; }

.base-list-style td {
  padding: 15px; }

.base-list-style thead {
  color: #707070; }

.list-col-1 {
  width: 10%; }

.list-col-2 {
  width: 20%; }

.list-col-3 {
  width: 30%; }

.list-col-4 {
  width: 40%; }

.list-col-5 {
  width: 50%; }

.list-col-6 {
  width: 60%; }

.list-col-7 {
  width: 70%; }

.list-col-8 {
  width: 80%; }

.list-col-9 {
  width: 90%; }

.deposit .balance {
  border-right: 1px solid #efefef; }

.deposit .balance span {
  display: inline-block;
  font-size: 24px;
  color: #c81623;
  vertical-align: middle;
  padding-left: 30px; }

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

.deposit .increase {
  color: #c81623; }

.deposit .reduce {
  color: #1ec656; }

.canceled-detail span {
  display: inline-block;
  padding-left: 50px;
  padding-right: 50px; }

.recharge-header {
  padding: 40px 0; }

.recharge-content {
  border: 1px solid #efefef;
  padding: 100px 0;
  background: #fff; }

.recharge-content .recharge-form {
  width: 40%;
  margin: 0 auto;
  font-size: 14px; }

.recharge-content .recharge-form .txt {
  padding-top: 10px; }

.recharge-content .recharge-form dl {
  clear: both; }

.recharge-content .recharge-form dt {
  float: left;
  wdith: 100px; }

.recharge-content .recharge-form dd {
  margin-left: 100px; }

.recharge-content .recharge-form .form-title {
  font-size: 20px;
  color: #666; }

.recharge-content .recharge-form .form-group {
  padding-top: 20px; }

.recharge-content .recharge-form .form-action {
  padding-top: 50px;
  padding-left: 80px;
  padding-right: 80px; }

.recharge-content .recharge-form .paytype:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.recharge-content .recharge-form .paytype li {
  float: left;
  margin-right: 16px;
  border: 1px solid #efefef;
  border-radius: 3px;
  min-width: 210px;
  text-align: center;
  padding: 6px 5px;
  line-height: 26px; }

.recharge-content .recharge-form .paytype li input {
  float: left;
  margin-right: 5px; }

.recharge-content .recharge-form .paytype li img {
  float: left; }

.recharge-content .recharge-form .amount-error .input-block {
  border-color: #d9534f;
  color: #d9534f; }

.recharge-content .recharge-form .amount-error .dv-error {
  display: block; }

.recharge-content .recharge-form .dv-error {
  display: none;
  margin-top: 10px;
  color: #d9534f; }

.recharge-content .recharge-form .dv-error .icon, .recharge-content .recharge-form .dv-error [class^=icon-]:before {
  margin-right: 5px;
  font-size: 14px; }

.recharge-content .recharge-form .paytype-choose-list li {
  padding: 0;
  width: 210px;
  height: 68px;
  margin-right: 25px;
  margin-bottom: 10px;
  background-color: #fff;
  cursor: pointer;
  min-width: 208px; }

.recharge-content .recharge-form .paytype-choose-list li input, .recharge-content .recharge-form .paytype-choose-list li img {
  margin: 0;
  vertical-align: middle;
  float: none; }

.recharge-content .recharge-form .paytype-choose-list li input[type="radio"] {
  display: none; }

.recharge-content .recharge-form .paytype-choose-list li label {
  display: inline-block;
  width: 100%;
  text-align: center;
  cursor: pointer; }

.recharge-content .recharge-form .paytype-choose-list li.on {
  border: 2px solid #e22335;
  height: 66px;
  width: 208px; }

.recharge-content .recharge-form .paytype-choose-list li.on .choose-item-content {
  width: 100%; }

.recharge-content .recharge-form .paytype-choose-list li.on .choose-item-content i {
  display: block;
  position: absolute;
  top: -8px;
  right: 0;
  font-size: 12px;
  color: #fff;
  z-index: 2; }

.recharge-content .recharge-form .paytype-choose-list li.on .choose-item-content span {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 0;
  height: 0;
  border-top: 25px solid #e22335;
  border-left: 25px solid transparent;
  z-index: 1; }

.recharge-content .recharge-form .paytype-choose-list .choose-item-content {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center; }

.recharge-content .recharge-form .paytype-choose-list .choose-item-content i {
  display: none; }

.recharge-content .recharge-result {
  font-size: 20px;
  color: #333;
  text-align: center; }

.recharge-content .recharge-result i {
  display: inline-block;
  font-size: 60px;
  vertical-align: middle;
  margin-right: 20px; }

.recharge-content .recharge-result.finished i {
  color: #45c169; }

.recharge-content .recharge-result.finished .btn-see {
  font-size: 12px;
  color: #c81624;
  margin-left: 20px; }

.recharge-content .recharge-result.finished .btn-see i {
  color: #c81624;
  font-size: 14px;
  margin-right: 5px; }

.recharge-content .recharge-result.failed i {
  color: #c81624; }

.recharge-content .page-guide {
  padding-top: 40px;
  text-align: center; }

.recharge-content .page-guide .btn {
  margin-left: 10px;
  margin-right: 10px; }

.recharge-steps {
  float: right;
  text-align: right; }

.recharge-steps span {
  position: relative;
  display: inline-block;
  min-width: 140px;
  padding: 6px 10px;
  background: #efefef;
  text-align: center; }

.recharge-steps span:before {
  position: absolute;
  top: 0;
  right: -19px;
  content: " ";
  border-style: solid;
  border-width: 15px;
  border-color: transparent;
  border-right: 0;
  border-left-color: #f8f8f8;
  z-index: 9; }

.recharge-steps span:after {
  position: absolute;
  top: 0;
  right: -14px;
  content: " ";
  border-style: solid;
  border-width: 15px;
  border-color: transparent;
  border-right: 0;
  border-left-color: #efefef;
  z-index: 10; }

.recharge-steps span.current {
  background: #c81624;
  color: #fff; }

.recharge-steps span.current:after {
  border-left-color: #c81624; }

.recharge-steps span:last-child:before {
  content: none; }

.recharge-steps span:last-child:after {
  content: none; }

.recharge-title {
  float: left;
  font-size: 24px;
  color: #666; }

.recharge-pay .recharge-form {
  width: 90%; }

.recharge-pay .recharge-form .form-action {
  width: 30%;
  margin: 0 auto; }

.recharge-order-content {
  padding-top: 40px;
  color: #666; }

.recharge-order-content .order-info {
  padding: 0 80px;
  margin-bottom: 100px; }

.recharge-order-content .goods-name {
  float: left;
  width: 40%; }

.recharge-order-content .goods-name span {
  display: block; }

.recharge-order-content .order-total {
  float: right; }

.recharge-order-content .order-total span {
  color: #c81623;
  font-size: 24px; }

.recharge-order-content .recharge-result span {
  position: relative; }

.recharge-order-content .recharge-result.failed i.icon-tip {
  color: #ffcc00; }

.recharge-order-content .recharge-result .btn-goback {
  font-size: 12px;
  color: #c81624; }

.recharge-order-content .recharge-result .btn-goback i {
  font-size: 14px;
  margin-right: 5px; }

/*.recharge-container .membercenter-box-bd{text-align:center;}*/
/*.recharge-container .membercenter-box-bd form{display:inline-block;}*/
.recharge-container .membercenter-box-bd .membercenter-box-left {
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 3;
  text-indent: 108px; }

.recharge-container .membercenter-box-bd .form-row {
  text-align: center; }

/*.recharge-container .form-row>div{display:inline-block;vertical-align:middle;position: relative;}*/
/*.recharge-container .membercenter-box-bd .form-label{float:none;position:absolute;left:-9em;padding-right:10px;box-sizing:border-box;}*/
.recharge-container .membercenter-box-bd .form-label {
  float: left;
  width: 98px; }

.recharge-container .membercenter-box-bd .form-act {
  margin: 0 0 0 108px; }

.recharge-container .membercenter-box-bd .form-act input {
  width: 100%; }

.recharge-container .membercenter-box-bd .input_file {
  width: 290px;
  text-align: left; }

.recharge-container .membercenter-box-bd .images-uploader {
  margin-left: 0; }

/*.recharge-container .membercenter-box-bd .text-muted{white-space: nowrap}*/
.hint-dialog {
  padding: 20px 30px; }

.hint-dialog .order-wait {
  color: #f88c0c; }

.hint-dialog .type-choose {
  margin: 20px 0; }

.hint-dialog .type-choose span {
  margin-right: 24px; }

.hint-dialog .hint-content {
  color: #666; }

.hint-dialog .hint-content p {
  line-height: 20px; }

.hint-dialog .operation {
  text-align: center; }

.hint-dialog .btn-sure {
  margin-left: 10px; }

.aftersales-detail .aftersales-detail-order-bd {
  margin-top: 10px;
  padding-bottom: 10px; }

.aftersales-detail .aftersales-detail-info {
  width: 80%;
  float: left;
  color: #333; }

.aftersales-detail .aftersales-detail-info li {
  float: left;
  width: 50%; }

.aftersales-detail .write-logistics {
  width: 15%;
  float: right;
  margin-top: 20px; }

.aftersales-detail .status-bar3 {
  text-align: center; }

.status-bar3 > div {
  display: inline-block;
  vertical-align: top; }

.status-bar3 .bg-status, .status-bar3 .status-center {
  position: relative;
  margin-bottom: 15px; }

.status-bar3 .first-status .bg-left {
  visibility: hidden; }

.status-bar3 .bg-left, .status-bar3 .bg-center {
  position: relative;
  left: -90px;
  width: 160px;
  height: 4px;
  background: #ddd; }

.status-bar3 .status-center .status-txt {
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: -30px; }

.status-bar3 .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;
  z-index: 20; }

.status-bar3 .txt {
  text-align: center;
  color: #666;
  width: 80px;
  margin: 5px auto 0 auto; }

.status-bar3 .on .bg-left, .status-bar3 .on .bg-center, .status-bar3 .on .number {
  background-color: red; }

.no-deposit .assets {
  width: 350px; }

.aftersales-detail .status-bar3 {
  text-align: center; }

.status-bar3 > div {
  display: inline-block;
  vertical-align: top; }

.status-bar3 .bg-status, .status-bar3 .status-center {
  position: relative;
  margin-bottom: 15px; }

.status-bar3 .bg-left, .status-bar3 .bg-center {
  position: relative;
  left: -90px;
  width: 160px;
  height: 4px;
  background: #ddd; }

.status-bar3 .first-status .bg-left {
  visibility: hidden; }

.status-bar3 .status-center .status-txt {
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: -30px; }

.status-bar3 .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;
  z-index: 20; }

.status-bar3 .txt {
  text-align: center;
  color: #666;
  width: 80px;
  margin: 5px auto 0 auto; }

.status-bar3 .on .bg-left, .status-bar3 .on .bg-center, .status-bar3 .on .number {
  background-color: red; }

/* 我的奖品 */
.lottery td {
  text-align: center; }

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

.prize-info-wrap label {
  display: inline-block;
  width: 100px;
  float: left;
  text-align: right; }

.prize-info-wrap span {
  display: inline-block;
  width: 70%;
  float: left; }

.no-bg {
  background: none; }

.no-bd {
  border: 0; }

.mb10 {
  margin-bottom: 10px; }

.bd {
  border: 1px solid #efefef; }

.col999 {
  color: #999; }

/*--------- purchase nav ---------*/
.purchase-nav {
  background-color: #d40c4a !important; }

.purchase-nav .menu a.on, .purchase-nav .menu a:hover {
  background-color: #b81336 !important; }

.main.purchase-main {
  padding: 30px 0; }

/*--------- purchase ----------*/
.purchase-view {
  position: relative; }

.purchase-banner {
  float: left;
  width: 890px;
  height: 480px;
  overflow: hidden; }

.purchase-banner .switchable-content {
  height: 480px; }

.purchase-banner .slider li {
  width: 900px;
  height: 480px;
  text-align: center; }

.purchase-banner .slider .slider-pic img {
  width: 900px;
  max-width: 100%;
  max-height: 100%; }

.banner-info {
  position: absolute;
  top: 0;
  right: 0; }

.banner-info li {
  height: 160px; }

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

.purchase-buying {
  float: left; }

.purchase-buying.col-lg-12 {
  margin-left: 0; }

.purchase-buying .buying-title {
  height: 40px;
  line-height: 40px;
  border-bottom: 2px solid #999;
  font-size: 20px;
  font-family: "微软雅黑";
  color: #333; }

.purchase-buying .buying-title i {
  font-size: 30px;
  color: #d70c4e;
  vertical-align: middle;
  font-weight: bold; }

.purchase-buying .buying-list {
  margin-right: -6px;
  background-color: 'pink'; }

.purchase-buying .buying-list:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.purchase-buying .list-item {
  float: left;
  width: 440px;
  height: 290px;
  border: 1px solid #dadadd;
  margin: 10px 6px 0 0;
  background: #fff; }

.purchase-buying .list-item.active {
  border-color: #e74063; }

.purchase-buying .item-img {
  width: 100%;
  height: 180px;
  display: table;
  text-align: center; }

.purchase-buying .item-img a {
  display: table-cell;
  height: 180px;
  vertical-align: middle; }

.purchase-buying .item-info {
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  margin: 15px 0;
  font-family: "微软雅黑"; }

.purchase-buying .item-info:after {
  content: "\0020";
  display: block;
  visibility: hidden;
  clear: both; }

.purchase-buying .item-info a {
  color: #333; }

.purchase-buying .info-title {
  float: left;
  width: 290px;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px; }

.purchase-buying .info-discount {
  position: relative;
  float: right;
  height: 30px;
  line-height: 30px;
  color: #fff;
  text-align: center; }

.purchase-buying .info-discount strong {
  font-size: 22px;
  margin-left: 3px;
  vertical-align: baseline;
  font-family: Arial;
  font-weight: 300;
  letter-spacing: -1px;
  margin-right: 5px;
  font-style: italic; }

.purchase-buying .info-discount i {
  position: absolute;
  top: -7px;
  right: -7px;
  color: #e74063;
  font-size: 43px; }

.purchase-buying .sp-discount {
  display: inline-block;
  padding: 0 16px;
  height: 30px;
  background-color: #e74063;
  color: #fff; }

.purchase-buying .sp-discount:after {
  position: absolute;
  left: 100%;
  content: "";
  border-style: solid;
  border-width: 15px;
  border-color: transparent;
  border-right-width: 0;
  border-left-width: 10px;
  border-left-color: #e74063; }

.purchase-buying .item-time {
  height: 10px;
  line-height: 10px;
  font-size: 14px;
  color: #999;
  border-top: 1px dashed #dadadd;
  padding: 15px 0 15px 10px; }

.purchase-buying .item-time i {
  font-size: 24px;
  margin-right: 10px;
  vertical-align: middle; }

.purchase-advance {
  float: right; }

.purchase-advance .advance-title {
  height: 40px;
  line-height: 40px;
  color: #333;
  font-size: 20px; }

.purchase-advance .advance-list {
  padding: 10px 10px 0 8px;
  border: 1px solid #dadadd;
  position: relative; }

.purchase-advance .advance-list .prev, .purchase-advance .advance-list .next {
  display: block;
  height: 28px;
  line-height: 28px;
  color: #a7a5a5;
  font-size: 30px;
  text-align: center; }

.purchase-advance .advance-list .disable {
  color: #e0e0e0; }

.purchase-advance .wrap-list {
  position: relative;
  width: 100%;
  max-height: 732px;
  overflow: hidden; }

.purchase-advance .wrap-list ul {
  position: absolute;
  top: 0;
  left: 0;
  max-height: 732px; }

.purchase-advance .advance-item {
  position: relative;
  width: 272px;
  height: 112px;
  margin-bottom: 10px; }

.purchase-advance .advance-item .advance-img {
  display: table;
  width: 100%;
  height: 112px;
  text-align: center; }

.purchase-advance .advance-item .advance-img a {
  height: 112px;
  display: table-cell;
  vertical-align: middle; }

.purchase-advance .dvbg, .purchase-advance .activity-name {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 24px; }

.purchase-advance .dvbg {
  background-color: #000;
  background-color: raba(0, 0, 0, 0.5);
  opacity: 0.5;
  filter: alpha(opacity=50); }

.purchase-advance .activity-name {
  width: 95%;
  line-height: 24px;
  font-size: 14px;
  color: #fff;
  padding-left: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.buying-list-default, .advance-list-default {
  border: 1px solid #ccc;
  text-align: center;
  font-size: 20px;
  color: #666; }

.buying-list-default .activity-icon:after, .advance-list-default .activity-icon:after {
  content: "";
  display: inline-block;
  width: 100px;
  height: 100px;
  background: url(../images/activity_default.png) no-repeat center; }

.buying-list-default {
  height: 650px;
  padding-top: 150px; }

.advance-list-default {
  max-height: 750px;
  overflow: auto;
  padding-top: 50px;
  padding-bottom: 50px; }

.advance-list-default p {
  font-size: 18px; }

/*------ purchase list ------*/
.purchase-list-banner {
  position: relative;
  height: 484px; }

.purchase-list-banner .dv-list-banner a {
  display: block;
  height: 484px;
  max-width: 100%; }

.purchase-list-banner .banner-info {
  position: absolute;
  top: 57px;
  right: 57px;
  width: 350px;
  height: 350px;
  border-width: 5px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.8);
  filter: alpha(opacity=80); }

.purchase-list-banner .banner-info-content {
  width: 330px;
  height: 280px;
  margin: 10px 0 0 10px;
  background: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  filter: alpha(opacity=80);
  font-family: "微软雅黑";
  color: #2d2d30;
  text-align: center;
  padding-top: 50px; }

.purchase-list-banner .banner-info-content h3 {
  font-size: 28px;
  margin-bottom: 10px;
  font-weight: normal; }

.purchase-list-banner .banner-info-content p {
  line-height: 54px;
  font-size: 14px; }

.purchase-list-banner .banner-info-content i {
  margin-right: 10px; }

.purchase-list-banner .banner-info-content strong {
  font-size: 24px; }

.purchase-list-banner .banner-info-content.banner-info-remind p:nth-child(2) {
  height: 30px;
  line-height: 30px; }

.purchase-list-banner .banner-info-content.banner-info-remind button {
  width: 40%;
  height: 42px;
  line-height: 42px;
  background-color: #f296bf;
  color: #fff;
  font-size: 16px; }

.purchase-list-banner .banner-info-content .activity-over {
  display: inline-block;
  width: 200px;
  height: 60px;
  line-height: 60px;
  margin: 0 auto;
  border-radius: 3px;
  font-size: 30px;
  color: #666;
  border: 1px solid #999;
  transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  /* IE 9 */
  -moz-transform: rotate(-7deg);
  /* Firefox */
  -webkit-transform: rotate(-7deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(-7deg); }

.purchase-list-banner .activity-notice {
  position: absolute;
  width: 332px;
  left: 20px;
  top: 15px;
  padding: 0 10px;
  color: #fff; }

.purchase-list-banner .activity-notice .notice-bg {
  width: 332px;
  height: 36px;
  border-radius: 50px;
  background-color: #000;
  filter: alpha(opacity=25);
  -moz-opacity: 0.25;
  opacity: 0.25; }

.purchase-list-banner .activity-notice .notice-info {
  position: absolute;
  top: 0;
  left: 30px;
  font-size: 18px;
  line-height: 30px; }

.purchase-list-banner .activity-notice .notice-info i {
  position: relative;
  top: 4px;
  font-size: 28px;
  margin-right: 10px; }

.search-content {
  margin-top: 10px;
  border: 1px solid #dadadd; }

.search-content .search-category {
  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: #d50042;
  height: 39px;
  border-top: 3px solid #d50042;
  background-color: #fff; }

.search-content .search-category li.active i {
  color: #d50042; }

.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 .search-category .sp-zy {
  display: inline-block;
  margin-left: 26px;
  line-height: 42px; }

.search-content .search-category input, .search-content .search-category label {
  cursor: pointer; }

.search-content .page-mini {
  display: block;
  text-align: right;
  margin-bottom: 10px; }

.search-content .page-mini .page-total {
  color: #e22335; }

.search-list {
  background-color: #fff;
  padding-top: 10px;
  font-family: "微软雅黑"; }

.search-list li {
  float: left;
  position: relative;
  width: 225px;
  height: 407px;
  margin: 0 0px 10px 9px;
  border: 1px solid #dadadd; }

.search-list li.active {
  border: 1px solid #e84063; }

.search-list .item-img {
  width: 225px;
  height: 225px;
  display: table;
  text-align: center;
  border-bottom: 1px dashed #dadadd;
  margin-bottom: 10px; }

.search-list .item-img a {
  display: table-cell;
  width: 100%;
  height: 225px;
  vertical-align: middle; }

.search-list .item-img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  vertical-align: middle;
  margin: 0 auto; }

.search-list .item-describe-tag {
  display: block;
  margin: 10px 0 10px 8px;
  width: 64px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  background-color: #d30444;
  border-radius: 2px; }

.search-list .item-describe {
  font-size: 12px;
  height: 42px;
  line-height: 24px;
  padding-left: 8px;
  padding-right: 10px;
  overflow: hidden; }

.search-list .item-describe a {
  color: #666; }

.search-list .buy-numbuy-num {
  padding-left: 8px;
  font-size: 22px;
  margin-bottom: 0; }

.search-list .item-buy-info {
  color: #999;
  font-family: "微软雅黑";
  padding: 2px 10px 5px 10px;
  font-size: 14px; }

.search-list .item-buy-info .del {
  float: left;
  text-decoration: line-through; }

.search-list .item-buy-info .buy-num {
  float: right; }

.search-list .item-buy-info .buy-num .number {
  font-size: 16px;
  color: #ee8219; }

.search-list .item-info {
  position: relative;
  color: #999;
  font-family: "微软雅黑";
  padding: 2px 10px 5px 10px;
  font-size: 14px;
  height: 53px; }

.search-list .item-info .del {
  text-decoration: line-through; }

.search-list .item-info .buy-num .number {
  font-size: 16px;
  color: #ee8219; }

.search-list .item-info .price {
  font-size: 24px;
  color: #e84063;
  position: absolute;
  left: 8px; }

.search-list .item-info .btn {
  position: absolute;
  top: 8px;
  right: 10px;
  width: 90px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  border-radius: 2px; }

.search-list .item-info.buy .btn {
  background-color: #e84063; }

.search-list .item-info.buy-remind .del {
  display: inline-block;
  margin-top: 10px;
  height: 28px;
  line-height: 28px; }

.search-list .item-info.buy-remind .btn {
  background-color: #f296bf; }

.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 {
  cursor: pointer;
  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;
  position: fixed; }

.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 .info-show i, .prechase-detail-panel-info .info-time i, .dropmenu-header .icon-shop {
  position: absolute;
  background: url(../images/activity_detail_split.png) no-repeat 0 0; }

.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 .buying {
  color: #ffa358; }

.prechase-detail-panel-info .info-top .top-activity-over {
  color: #090909; }

.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;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background-color: #ea3d61;
  margin-right: 10px;
  padding: 0 6px; }

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

.prechase-detail-panel-info .info-show a {
  position: relative;
  width: 80px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #ca1119;
  color: #ca1119;
  float: right;
  margin: 18px 30px 0 0;
  padding-left: 40px; }

.prechase-detail-panel-info .info-show i {
  top: 9px;
  left: 15px;
  width: 16px;
  height: 15px;
  background-position: -57px -4px;
  background-position: -57px -207px;
  margin-right: 10px; }

.prechase-detail-panel-info .info-time {
  clear: both;
  height: 86px;
  line-height: 86px;
  font-size: 18px;
  font-family: "微软雅黑";
  color: #d30342; }

.prechase-detail-panel-info .info-time span {
  position: relative;
  padding-left: 24px; }

.prechase-detail-panel-info .info-time i {
  top: 1px;
  left: 0;
  width: 19px;
  height: 21px; }

.prechase-detail-panel-info .info-time strong {
  font-size: 25px; }

.prechase-detail-panel-info .info-time.remind-info-time label {
  color: #666; }

.prechase-detail-panel-info .info-time.remind-info-time .activity-time {
  color: #f097be; }

.prechase-detail-panel-info .info-time.remind-info-time i {
  background-position: -29px 0; }

.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.rightnow-buy .price {
  color: #fff; }

.prechase-detail-panel-info .info-operation.buy .suggest-price, .prechase-detail-panel-info .info-operation.buy .limited-buy, .prechase-detail-panel-info .info-operation.rightnow-buy .suggest-price, .prechase-detail-panel-info .info-operation.rightnow-buy .limited-buy {
  color: #efefef; }

.prechase-detail-panel-info .info-operation.rightnow-buy {
  background-color: #f097be; }

.prechase-detail-panel-info .info-operation.rightnow-buy .triangle_border_nw {
  border-color: #9c486d transparent transparent transparent; }

.prechase-detail-panel-info .info-operation.buy {
  background-color: #ea3d61; }

.prechase-detail-panel-info .info-operation.buy .triangle_border_nw {
  border-color: #c52446 transparent transparent transparent; }

.prechase-detail-panel-info .info-operation.activity-over {
  background-color: #eeeceb; }

.prechase-detail-panel-info .info-operation.activity-over .price {
  color: #ca1119; }

.prechase-detail-panel-info .info-operation.activity-over .suggest-price {
  color: #e993a5; }

.prechase-detail-panel-info .info-operation.activity-over .triangle_border_nw {
  border-color: #a8a8a8 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: #faa94b;
  font-size: 30px;
  margin-top: 28px;
  font-family: "微软雅黑";
  color: #fff;
  margin-right: 90px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }

.prechase-detail-panel-info .info-operation .limited-buy {
  margin-top: 88px;
  text-align: right;
  padding-right: 17%; }

.prechase-detail-panel-info .info-operation .btn-remind {
  cursor: default;
  background-color: #faa94b; }

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

.prechase-detail-panel-info .info-operation .btn-buy {
  background-color: #ca1119; }

.prechase-detail-panel-info .btn-wrap a {
  margin-right: 26px;
  font-size: 12px;
  color: #666; }

.prechase-detail-panel-info .btn-wrap i {
  font-size: 20px;
  color: #ff8500; }

.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%;
  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 .buyer-info .seller {
  float: none;
  width: 100%; }

.buyer-box .buyer-info .seller li {
  padding: 15px 10px; }

.buyer-box .buyer-info .seller .btn-collect-shop {
  margin-left: 16px; }

.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-icon {
  position: relative;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background-color: #eee6d5;
  margin: 0 auto; }

.groupon-icon:after {
  content: "";
  display: inline-block;
  width: 72px;
  height: 130px;
  background: url(../images/groupon_icon.png) no-repeat center; }

.article-box .col-lg-3 {
  margin-right: 15px; }

.article-box .dropmenu {
  background-color: #fff;
  font-size: 14px;
  cursor: pointer; }

.article-box .dropmenu-header {
  position: relative;
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  border-bottom: 1px solid #efefef; }

.article-box .dropmenu-header span {
  padding-left: 45px;
  font-size: 14px;
  color: #ea2329; }

.article-box .icon-shop {
  top: 16px;
  left: 16px;
  width: 16px;
  height: 15px;
  background-position: -57px -4px; }

.article-box .icon-shop::after {
  content: "";
  position: relative;
  display: inline-block;
  top: -9px;
  left: -5px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #cc0a0a;
  text-align: center; }

.article-box .icon-arrow-down {
  display: none; }

.article-box .dropmenu-items {
  display: none; }

.article-box .cur .icon-arrow-down {
  display: inline-block; }

.article-box .cur .icon-arrow-right {
  display: none; }

.article-box .cur .dropmenu-items {
  display: block; }

.lotter-wrap .title {
  position: relative;
  color: #6d2512;
  text-align: center;
  margin-bottom: 150px; }

.lotter-wrap .title h1 {
  font-size: 60px;
  margin-bottom: 10px; }

.lotter-wrap .title .dirscript {
  font-size: 18px; }

.lotter-wrap .title-before, .lotter-wrap .title-after {
  color: #fff;
  -webkit-text-shadow: #6d2512 3px 0 0,#6d2512 0 3px 0,#6d2512 -3px 0 0,#6d2512 0 -3px 0;
  -moz-text-shadow: #6d2512 3px 0 0,#6d2512 0 3px 0,#6d2512 -3px 0 0,#6d2512 0 -3px 0;
  text-shadow: #6d2512 3px 0 0,#6d2512 0 3px 0,#6d2512 -3px 0 0,#6d2512 0 -3px 0;
  *filter: Glow(Color=#000, Strength=1); }

.lotter-wrap .title-before {
  color: #fff7a6; }

.lotter-wrap .qrcode {
  position: absolute;
  top: 10px;
  right: 50px;
  width: 100px;
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  text-align: center; }

.lotter-wrap .lotter-content {
  position: relative; }

.lotter-wrap .prize-box {
  float: left;
  width: 50%;
  margin-right: 20px; }

.lotter-wrap .prize-rule {
  float: left;
  width: 46%;
  color: #882c0d; }

.lotter-wrap .rule-content {
  position: relative;
  background: #fff8c2;
  border-radius: 5px;
  padding: 35px 30px 20px;
  margin-bottom: 50px; }

.lotter-wrap .rule-name {
  position: absolute;
  top: -20px;
  left: 0;
  background: #f7d15f;
  width: 190px;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  color: #872b0d;
  font-size: 24px; }

.lotter-wrap .rule-name:after {
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  width: 0;
  height: 0;
  border-left: 20px solid #f7d15f;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent; }

.lotter-wrap .rule-list {
  line-height: 25px;
  font-size: 14px; }

.lotter-wrap .rule-list ol {
  list-style-type: decimal; }

.lotter-wrap .prize-title {
  margin-bottom: 60px; }

.lotter-wrap .prize-result {
  padding: 25px 0;
  background: #fff8c2;
  border-radius: 5px;
  text-align: center; }

.lotter-wrap .prize-result .btn {
  margin-bottom: 10px; }

.lotter-wrap .prize-result p {
  font-size: 14px; }

.lotter-wrap .chance {
  font-size: 20px;
  margin-bottom: 10px; }

.lotter-wrap .chance span {
  display: inline-block;
  padding: 1px 15px;
  border: 1px solid #ff9140;
  margin: 0 5px; }

.banner {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.banner .turnplate {
  display: inline-block;
  position: relative;
  background-size: 100% 100%; }

.banner .turnplate canvas.item {
  width: 100%; }

.banner .turnplate img.pointer {
  position: absolute;
  width: auto;
  height: 100%;
  left: 0;
  top: 0; }

.prize-info input {
  width: 60%; }

/*自增css样式*/
#depositCount div {
  display: inline-block; }

#depositCount {
  padding: 3px;
  color: #6B6B6B; }

#depositCount div:last-child {
  color: #169BD5; }

.inline-block {
  display: inline-block !important; }

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

.promotion-coupon-list .item {
  width: 360px; }

.promotion-coupon-list .item .item-hd {
  width: 100px; }

.promotion-coupon-list .item .item-bd {
  width: 180px; }

.promotion-coupon-list .item .item-ft {
  width: 80px; }

.promotion-coupon-list {
  padding: 0 0.5rem; }

.promotion-coupon-list .coupon-item {
  position: relative;
  overflow: hidden;
  background: #fff;
  margin: 0 20px 20px 0; }

.coupon-item .item-ft {
  margin-left: 10px; }

.coupon-item .coupon-item-img {
  position: relative;
  overflow: hidden;
  width: 88%;
  padding: 88% 0 0 0;
  background: #f8f8f8; }

.coupon-item .coupon-item-img img {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.coupon-item .coupon-item-title {
  color: #333;
  font-size: 15px;
  margin-bottom: 12px;
  width: 180px; }

.coupon-item .coupon-item-desc {
  line-height: 1; }

.coupon-item .coupon-item-desc span {
  vertical-align: middle; }

.coupon-item .coupon-item-desc .desc-num {
  color: #F63442;
  font-size: 24px;
  margin-right: 12px; }

.coupon-item .coupon-item-desc .desc-flag {
  display: inline-block;
  background: #fac6ca;
  padding: 2px 6px;
  color: #f35e5e;
  font-size: 12px;
  border-radius: 2px; }

.coupon-item .handle-box .coupon-status {
  display: block;
  width: 75px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #999;
  border-radius: 0 5px 5px 0; }

.coupon-item .handle-box .coupon-status .coupon-status-icon {
  display: inline-block;
  font-size: 12px;
  border-radius: 50%;
  text-align: center;
  line-height: 15px;
  border: 2px solid #fff;
  color: #fff;
  margin: 10px auto 3px auto;
  width: 50px;
  height: 50px;
  padding: 9px 0;
  box-sizing: border-box; }

.coupon-item .handle-box .coupon-status i {
  color: #fff;
  font-size: 12px;
  display: block; }

.coupon-item .handle-box {
  display: none;
  text-align: center; }

/*---还未领取---*/
.coupon-item.status-1 .handle-box-1 {
  display: block; }

.coupon-item .handle-box-1 .coupon-status {
  background: #f63442;
  cursor: pointer; }

/*---已领取---*/
.coupon-item.status-2 .handle-box-2 {
  display: block; }

.coupon-item .handle-box-2 .coupon-status {
  background: #f35e5e;
  cursor: pointer; }

/*---已抢光---*/
.coupon-item.status-3 .handle-box-3 {
  display: block; }

/*-----福袋页面------*/
.fudai-list li {
  height: 370px; }

.fudai-list .item .price {
  margin-bottom: 0; }

.fudai-list .item .fudai-info {
  padding: 0 5px; }

.fudai-list .item .fudai-info .fudai-tag {
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  background: #ea2329;
  padding: 1px 5px; }

.fudai-list .item .fudai-info .fudai-tag-desc {
  font-size: 13px; }

.fudai-list .item .fudai-info .fudai-countdown {
  font-size: 13px;
  padding: 0 0 5px 0;
  color: #707070;
  margin: 5px 0;
  border-top: 1px dotted #707070; }

.fudai-list .item .fudai-info .fudai-countdown .fudai-countdown-timer {
  color: #ea2329; }

.qrcode-container .mask-bg {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  z-index: 3;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.qrcode-container .box-wrapper {
  position: fixed;
  z-index: 101;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  border-radius: 3px;
  height: auto; }

.qrcode-container .box-wrapper .box {
  background: #fff;
  width: 600px;
  margin: 0 auto;
  padding: 15px;
  border-radius: 8px; }

.qrcode-container .qrcode-img {
  width: 100%;
  max-width: 250px; }

.qrcode-container .desc {
  font-size: 14px;
  padding: 0 15px; }

.qrcode-container .btn {
  width: 100%;
  max-width: 300px; }

.font-size-0 {
  font-size: 0 !important; }

.font-size-12 {
  font-size: 12px !important; }

.font-size-16 {
  font-size: 16px !important; }

/*图片角标*/
.corner-mark {
  position: relative; }
  .corner-mark:before {
    content: ' ';
    background-image: url("/app/topc/statics/images/icons/419_1.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 7%;
    top: 0;
    z-index: 1;
    width: 20%;
    height: 100%; }

/*专用于详情页的角标*/
.corner-mark.corner-mark-detail:before {
  width: 15%; }

.corner-mark-left {
  position: relative; }
  .corner-mark-left:before {
    content: ' ';
    background-image: url("/app/topc/statics/images/icons/419_1.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 3%;
    top: 0;
    z-index: 1;
    width: 36px;
    height: 100%; }

.corner-mark-pic {
  position: absolute;
  width: 20% !important;
  height: auto !important;
  z-index: 2;
  right: 10px;
  top: 10px; }

.shop-addr-wrapper {
  padding: 0 5px;
  color: #666; }
  .shop-addr-wrapper .shop-addr-link {
    color: #666;
    font-size: 14px; }

.promotion-activity {
  text-align: center; }
  .promotion-activity .banner {
    width: 100%; }
  .promotion-activity .helpinfo,
  .promotion-activity .footer .theme-footer,
  .promotion-activity .footer .global-card,
  .promotion-activity .footer .shopWidgets_panel,
  .promotion-activity .footer + .shopWidgets_panel {
    display: none; }

.activity-widgets-card {
  max-width: 1150px;
  margin: 0 auto; }
  .activity-widgets-card .heading-title {
    padding: 70px 0 50px 0; }
  .activity-widgets-card .heading-title-img {
    display: block;
    width: 100%; }
  .activity-widgets-card .heading-title-text {
    font-size: 60px;
    font-weight: bold; }
  .activity-widgets-card .banner-img {
    margin-bottom: 40px; }
  .activity-widgets-card .product-row {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    /*margin: 0.25rem 0.125rem;*/ }
  .activity-widgets-card .product-box {
    position: relative;
    width: 20%;
    min-width: 20%; }
    .activity-widgets-card .product-box .product-item {
      display: block;
      padding: 0 0 5px 0;
      color: #333;
      font-size: 14px;
      text-align: left;
      background: #fff;
      margin: 0 5px 10px 5px; }
      .activity-widgets-card .product-box .product-item .product-item-img {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0 auto;
        padding: 100% 0 0 0;
        width: 100%; }
        .activity-widgets-card .product-box .product-item .product-item-img img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%; }
      .activity-widgets-card .product-box .product-item .product-item-name {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin: 8px 0;
        padding: 0 8px;
        height: 40px; }
      .activity-widgets-card .product-box .product-item .product-item-info {
        padding: 0 8px;
        line-height: 1.2; }
        .activity-widgets-card .product-box .product-item .product-item-info .info-price {
          margin-bottom: 37px; }
          .activity-widgets-card .product-box .product-item .product-item-info .info-price .new {
            font-size: 22px;
            color: #e60101; }
          .activity-widgets-card .product-box .product-item .product-item-info .info-price .old {
            font-size: 14px;
            color: #999;
            text-decoration: line-through; }
        .activity-widgets-card .product-box .product-item .product-item-info .info-icon {
          background: #ff6000;
          font-size: 16px;
          border-radius: 30px;
          color: #fff;
          line-height: 1;
          padding: 10px 0;
          text-align: center;
          margin: 0 4px; }
  .activity-widgets-card .layout-3 .product-box.product-box-title {
    width: 40%; }
    .activity-widgets-card .layout-3 .product-box.product-box-title .product-item {
      background-color: transparent;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      padding: 0;
      height: 380px;
      margin: 0px 5px 10px 5px; }

/* 818
---------------*/
.activity-818-cell img {
  width: 100%;
  display: block; }

.detail-mark-left-top {
  position: absolute;
  top: 0;
  left: 25px; }

.detail-mark-left-top .mark-818 {
  width: 82px; }

.yb-item-cat {
  position: relative;
  font-size: 12px; }
  .yb-item-cat .price {
    color: #666;
    font-size: 12px; }
  .yb-item-cat .yb-item {
    float: left;
    position: relative;
    z-index: 2;
    padding: 7px;
    height: 16px;
    border: 1px solid #ccc;
    background-color: #fff; }
    .yb-item-cat .yb-item span {
      float: left;
      line-height: 16px;
      margin-right: 5px !important; }
    .yb-item-cat .yb-item .icon-yan {
      font-size: 0;
      line-height: 16px;
      overflow: hidden;
      float: left;
      margin-right: 5px !important;
      width: 16px;
      height: 16px !important;
      min-height: 16px !important;
      background: url("../images/yb_sprite.png") no-repeat 0 -28px; }
  .yb-item-cat.selected .yb-item {
    border-color: #e3393c; }
  .yb-item-cat:hover .yb-item {
    border-bottom: 0 !important; }
  .yb-item-cat .more-item {
    display: none;
    background-color: #fff;
    position: absolute;
    top: 30px;
    left: 5px;
    border: 1px solid #ccc; }
    .yb-item-cat .more-item ul {
      padding: 6px 0; }
    .yb-item-cat .more-item li {
      padding: 6px 5px;
      line-height: 1.25; }
    .yb-item-cat .more-item li:after {
      display: block;
      content: "";
      overflow: hidden;
      clear: both; }
    .yb-item-cat .more-item span {
      float: left;
      margin-right: 5px !important; }
    .yb-item-cat .more-item .checkbox {
      font-size: 0;
      line-height: 14px;
      overflow: hidden;
      margin: 0;
      width: 14px;
      height: 14px !important;
      min-height: 14px !important;
      background: url("../images/yb_sprite.png") no-repeat 0 0; }
    .yb-item-cat .more-item li.selected .checkbox {
      background-position: 0 -14px; }
    .yb-item-cat .more-item .tips {
      background-color: #f98a53;
      color: #fff;
      padding: 0 2px; }
    .yb-item-cat .more-item .price {
      line-height: 1.25; }

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