/*垂直居中*/

/*1行显示*/

html,
body {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}

body {
  font-family: "hiragino sans gb", "hiragino sans gb w3", "microsoft yahei", sans-serif;
  background: #eeeeee;
  color: #727272;
}

[data-dpr="1"] h1,
[data-dpr="1"] h2,
[data-dpr="1"] h3,
[data-dpr="1"] h4,
[data-dpr="1"] h5,
[data-dpr="1"] h6 {
  font-size: 15px;
}

[data-dpr="2"] h1,
[data-dpr="2"] h2,
[data-dpr="2"] h3,
[data-dpr="2"] h4,
[data-dpr="2"] h5,
[data-dpr="2"] h6 {
  font-size: 30px;
}

[data-dpr="3"] h1,
[data-dpr="3"] h2,
[data-dpr="3"] h3,
[data-dpr="3"] h4,
[data-dpr="3"] h5,
[data-dpr="3"] h6 {
  font-size: 45px;
}

img {
  border: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

input {
  outline: none;
}

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

input:disabled {
  background: transparent;
}

/*间距类*/

.g-mt1 {
  margin-top: 0.3125rem;
}

.g-mt2 {
  margin-top: 0.15625rem;
}

.g-mt3 {
  margin-top: 0.078125rem;
}

/*按钮类*/

.g-btn {
  display: inline-block;
  text-align: center;
}

.g-btn-r {
  padding: 0.15625rem 0;
  text-align: center;
  background: #fc5600;
  color: #fff;
  -webkit-box-shadow: 0 1px 0 0 #040000;
  box-shadow: 0 1px 0 0 #040000;
}

[data-dpr="1"] .g-btn-r {
  font-size: 18px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

[data-dpr="2"] .g-btn-r {
  font-size: 36px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

[data-dpr="3"] .g-btn-r {
  font-size: 54px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

/*flexbox*/

.g-flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.g-flexbox2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}

.g-flexitem {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

/*垂直居中*/

.g-transformcenter {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*图标*/

.g-icon {
  display: inline-block;
  vertical-align: middle;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

/*1行显示文字*/

.g-title,
.g-title2 {
  text-align: center;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 0.3125rem;
}

[data-dpr="1"] .g-title,
[data-dpr="1"] .g-title2 {
  font-size: 18px;
}

[data-dpr="2"] .g-title,
[data-dpr="2"] .g-title2 {
  font-size: 36px;
}

[data-dpr="3"] .g-title,
[data-dpr="3"] .g-title2 {
  font-size: 54px;
}

.g-title2 {
  margin-top: 0;
  margin-bottom: 0.3125rem;
}

[data-dpr="1"] .g-title2 {
  font-size: 12px;
}

[data-dpr="2"] .g-title2 {
  font-size: 24px;
}

[data-dpr="3"] .g-title2 {
  font-size: 36px;
}

.g-text {
  text-align: center;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 0.125rem;
}

[data-dpr="1"] .g-text {
  font-size: 12px;
}

[data-dpr="2"] .g-text {
  font-size: 24px;
}

[data-dpr="3"] .g-text {
  font-size: 36px;
}

.g-text2 {
  margin-top: 0.125rem;
  text-align: center;
  color: #fc5600;
}

[data-dpr="1"] .g-text2 {
  font-size: 15px;
}

[data-dpr="2"] .g-text2 {
  font-size: 30px;
}

[data-dpr="3"] .g-text2 {
  font-size: 45px;
}

.g-text2 span {
  color: #727272;
  text-decoration: line-through;
  margin-left: 0.03125rem;
}

[data-dpr="1"] .g-text2 span {
  font-size: 12px;
  line-height: 24px;
}

[data-dpr="2"] .g-text2 span {
  font-size: 24px;
  line-height: 48px;
}

[data-dpr="3"] .g-text2 span {
  font-size: 36px;
  line-height: 72px;
}

.g-text3 {
  margin-top: 0.3125rem;
  text-align: center;
}

[data-dpr="1"] .g-text3 {
  line-height: 26px;
}

[data-dpr="2"] .g-text3 {
  line-height: 52px;
}

[data-dpr="3"] .g-text3 {
  line-height: 78px;
}

/*标志*/

.g-mark,
.g-mark2 {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0.15625rem;
  height: 0.578125rem;
  line-height: 0.578125rem;
  text-align: center;
  color: #fff;
  background: #fc5600;
}

[data-dpr="1"] .g-mark,
[data-dpr="1"] .g-mark2 {
  font-size: 15px;
}

[data-dpr="2"] .g-mark,
[data-dpr="2"] .g-mark2 {
  font-size: 30px;
}

[data-dpr="3"] .g-mark,
[data-dpr="3"] .g-mark2 {
  font-size: 45px;
}

.g-mark2 {
  background: #bebebe;
}

/*垂直居中*/

/*1行显示*/

/*推广*/

.ad {
  margin-top: 0.3125rem;
  padding: 0.3125rem;
  background: #fff;
}

.ad a {
  display: block;
}

.ad a:first-child {
  margin-right: 0.3125rem;
}

.ad img {
  width: 100%;
  display: block;
}

.ad div {
  margin-top: 0.3125rem;
}

.ad div:first-child {
  margin-top: 0;
}

.ad2 {
  margin-top: 0.3125rem;
  background: #fff;
}

.ad2 a {
  display: block;
  padding-bottom: 0.3125rem;
}

.ad2 .graphic-l1 {
  position: relative;
}

.ad2 .graphic-l1:before {
  content: "";
  position: absolute;
  bottom: -0.234375rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 50%;
  margin-left: -0.234375rem;
  width: 0.46875rem;
  height: 0.46875rem;
  background: #fff;
  overflow: hidden;
}

.ad5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  background:  0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.ad5 a {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding: 0.15625rem 0;
}

.ad5 a div {
  width: 80%;
  margin: 0 auto;
}

/*垂直居中*/

/*1行显示*/

/*地址输入*/

.inputbox {
  background: #fff;
  padding: 0.3125rem;
  padding-right: 0.625rem;
  border-bottom: 1px solid #e5e5e5;
}

.inputbox-t {
  color: #212121;
  margin-right: 0.15625rem;
}

[data-dpr="1"] .inputbox-t {
  font-size: 15px;
}

[data-dpr="2"] .inputbox-t {
  font-size: 30px;
}

[data-dpr="3"] .inputbox-t {
  font-size: 45px;
}

.inputbox-i {
  border: 0;
  padding: 0.0625rem 0;
  line-height: 0.46875rem;
  margin-right: 0.3125rem;
}

[data-dpr="1"] .inputbox-i {
  font-size: 15px;
}

[data-dpr="2"] .inputbox-i {
  font-size: 30px;
}

[data-dpr="3"] .inputbox-i {
  font-size: 45px;
}

.inputbox-btn {
  margin: 0.3125rem 1.875rem 0;
}

/*地址列表*/

.address-list {
  background: #fff;
}

.address-list li {
  padding: 0.3125rem 0.625rem;
  border-bottom: 1px solid #e5e5e5;
}

[data-dpr="1"] .address-list li {
  font-size: 12px;
}

[data-dpr="2"] .address-list li {
  font-size: 24px;
}

[data-dpr="3"] .address-list li {
  font-size: 36px;
}

.address-user {
  color: #212121;
}

[data-dpr="1"] .address-user {
  font-size: 15px;
}

[data-dpr="2"] .address-user {
  font-size: 30px;
}

[data-dpr="3"] .address-user {
  font-size: 45px;
}

.address-list .inputbox-btn {
  margin: 0;
}

/*垂直居中*/

/*1行显示*/

/*通知*/

.advoce {
  /*margin-top: @bg-padding;
	padding: @bg-padding;*/
  padding: 0.15625rem 0.3125rem 0;
  color: #fc5600;
}

[data-dpr="1"] .advoce {
  font-size: 12px;
}

[data-dpr="2"] .advoce {
  font-size: 24px;
}

[data-dpr="3"] .advoce {
  font-size: 36px;
}

.advoce .i-advoice {
  width: 0.375rem;
  height: 0.375rem;
  vertical-align: top;
  margin-right: 0.15625rem;
}

/*垂直居中*/

/*1行显示*/

.my .header {
  height: 1.890625rem;
}

.my .header-con {
  height: 1.890625rem;
  background:  -0.015625rem 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  border-bottom: 1px solid #c9c3eb;
}

.my .head-text {
  padding-top: 0.375rem;
}

.dhxy .header {
  height: 1.890625rem;
}

.dhxy .header-con {
  height: 1.890625rem;
  background:  -0.015625rem 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  border-bottom: 1px solid #e2c7b8;
}

.dhxy .head-text {
  padding-top: 0.375rem;
}

/*垂直居中*/

/*1行显示*/

/*计算*/

.amount {
  width: 3.09375rem;
  height: 0.65625rem;
  line-height: 0.65625rem;
  border: 1px solid #999999;
  text-align: center;
}

[data-dpr="1"] .amount {
  font-size: 12px;
}

[data-dpr="2"] .amount {
  font-size: 24px;
}

[data-dpr="3"] .amount {
  font-size: 36px;
}

.amount-op {
  width: 0.875rem;
}

.amount-num {
  border-right: 1px solid #999;
  border-left: 1px solid #999;
}

.amount-num input {
  width: 80%;
  border: 0;
  text-align: center;
}

[data-dpr="1"] .amount-num input {
  height: 12px;
  line-height: 12px;
}

[data-dpr="2"] .amount-num input {
  height: 24px;
  line-height: 24px;
}

[data-dpr="3"] .amount-num input {
  height: 36px;
  line-height: 36px;
}

/*垂直居中*/

/*1行显示*/

/*轮播*/

.carousel {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 55.625%;
  background: #fff;
  overflow: hidden;
}

.carousel .tempwrap {
  height: 100%;
}

.carousel .hd {
  width: 100%;
  position: absolute;
  z-index: 1;
  text-align: center;
  bottom: 0.15625rem;
}

.carousel .hd ul {
  display: inline-block;
  padding: 0.125rem;
  /* background-color: rgba(255, 255, 255, 0.7); */
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 0;
  vertical-align: top;
}

.carousel .hd li {
  display: inline-block;
  width: 0.15625rem;
  height: 0.15625rem;
  -webkit-border-radius: 0.15625rem;
  border-radius: 0.15625rem;
  background: #8c8c8c;
  margin: 0 0.09375rem;
  vertical-align: top;
  overflow: hidden;
}

.carousel .hd li.on {
  background: #fc5600;
}

.carousel .bd {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}

.carousel .bd ul,
.carousel .bd li {
  height: 100%;
}

.carousel .bd li {
  display: block !important;
  float: left;
}

.carousel .bd a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.carousel2 {
  padding-bottom: 75%;
}

.carousel3 {
  margin-top: 0.3125rem;
  background: #fff;
  padding: 0.3125rem 0;
}

.carousel3 h2 {
  padding: 0 0.3125rem;
  color: #212121;
  font-weight: normal;
}

[data-dpr="1"] .carousel3 h2 {
  font-size: 15px;
}

[data-dpr="2"] .carousel3 h2 {
  font-size: 30px;
}

[data-dpr="3"] .carousel3 h2 {
  font-size: 45px;
}

.carousel3 .carousel3-box {
  margin: 0 0.15625rem;
  overflow: hidden;
}

.carousel3 .tempwrap {
  margin-top: 0.15625rem;
}

.carousel3 .bd li {
  float: left;
  width: 24.99%;
  padding: 0 0.15625rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.carousel3 .bd a {
  display: block;
  width: 100%;
}

.carousel3 .bd img {
  width: 100%;
  height: 21%;
}

.carousel3 .hd {
  margin: 0.15625rem 0.3125rem 0;
  height: 0.46875rem;
  overflow: hidden;
}

.carousel3 .hd li {
  text-indent: -15.609375rem;
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  background: #e9e9e9;
}

.carousel3 .hd li.on {
  background: #999999;
}

.carousel3 .cprev,
.carousel3 .cnext {
  width: 0.46875rem;
  height: 0.46875rem;
  line-height: 0.46875rem;
  background: #fc5600;
  text-align: center;
}

/*垂直居中*/

/*1行显示*/

/*购物车*/

.cart {
  margin-top: 0.3125rem;
  background: #fff;
}

.cart li {
  padding: 0.46875rem;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}

[data-dpr="1"] .cart li {
  font-size: 12px;
}

[data-dpr="2"] .cart li {
  font-size: 24px;
}

[data-dpr="3"] .cart li {
  font-size: 36px;
}

.cart li.cart-fire {
  padding: 0.3125rem 0.46875rem;
  color: #212121;
}

[data-dpr="1"] .cart li.cart-fire {
  font-size: 15px;
}

[data-dpr="2"] .cart li.cart-fire {
  font-size: 30px;
}

[data-dpr="3"] .cart li.cart-fire {
  font-size: 45px;
}

.cart .i-sure {
  margin-right: 0.15625rem;
}

.cart-img {
  width: 1.875rem;
  height: 1.875rem;
  margin-right: 0.3125rem;
}

.cart-intr {
  position: relative;
}

.cart-mark {
  float: left;
  text-align: center;
  height: 0.375rem;
  line-height: 0.375rem;
  padding: 0 0.125rem;
  color: #fff;
  background: #fc5600;
  margin-right: 0.15625rem;
}

.cart-intr .amount {
  margin-top: 0.15625rem;
}

.cart-title {
  margin-top: -0.0625rem;
}

[data-dpr="1"] .cart-title {
  font-size: 15px;
}

[data-dpr="2"] .cart-title {
  font-size: 30px;
}

[data-dpr="3"] .cart-title {
  font-size: 45px;
}

.cart-op {
  margin-left: 0.15625rem;
  min-width: 1.09375rem;
  text-align: right;
  color: #fc5600;
}

.cart-op_d {
  color: #666666;
  text-decoration: line-through;
  margin-left: 0.078125rem;
}

.cart-op .i-del {
  position: absolute;
  bottom: 0.46875rem;
  right: 0.46875rem;
  width: 1.3125rem;
  height: 0.8125rem;
  -webkit-background-size: 0.328125rem 0.40625rem;
  background-size: 0.328125rem 0.40625rem;
}

.cart-op_num {
  padding-right: 0.625rem;
  color: #666666;
}

.cart-none {
  text-align: center;
  padding-top: 1.5625rem;
  padding-bottom: 0.9375rem;
  background: #fff;
  color: #999999;
}

[data-dpr="1"] .cart-none {
  font-size: 12px;
}

[data-dpr="2"] .cart-none {
  font-size: 24px;
}

[data-dpr="3"] .cart-none {
  font-size: 36px;
}

.cart-none .g-icon {
  margin-right: 0.09375rem;
}

.cart-none .g-btn {
  margin-top: 0.9375rem;
  padding: 0.15625rem 0.3125rem;
  background: #fc5600;
  color: #fff;
}

[data-dpr="1"] .cart-none .g-btn {
  font-size: 12px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

[data-dpr="2"] .cart-none .g-btn {
  font-size: 24px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

[data-dpr="3"] .cart-none .g-btn {
  font-size: 36px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

/*垂直居中*/

/*1行显示*/

/*商品分类*/

.category {
  background: #fff;
}

.category-title {
  padding: 0.3125rem 0.625rem 0.15625rem;
  font-weight: normal;
  color: #212121;
  border-bottom: 1px solid #e5e5e5;
}

[data-dpr="1"] .category-title {
  font-size: 15px;
}

[data-dpr="2"] .category-title {
  font-size: 30px;
}

[data-dpr="3"] .category-title {
  font-size: 45px;
}

.category .tag {
  padding: 0.15625rem 0.625rem;
}

.category .tag li {
  /*height: 28px;
    line-height: 28px;*/
}

.category .ad {
  margin-top: 0;
}

/*垂直居中*/

/*1行显示*/

/*结算*/

.checkout,
.checkout2 {
  padding: 0.3125rem 0.625rem;
  background: #fff;
  position: relative;
}

[data-dpr="1"] .checkout,
[data-dpr="1"] .checkout2 {
  font-size: 12px;
}

[data-dpr="2"] .checkout,
[data-dpr="2"] .checkout2 {
  font-size: 24px;
}

[data-dpr="3"] .checkout,
[data-dpr="3"] .checkout2 {
  font-size: 36px;
}

.checkout span {
  color: #fc5600;
}

.checkout-t1 {
  color: #212121;
  overflow: hidden;
}

[data-dpr="1"] .checkout-t1 {
  font-size: 15px;
}

[data-dpr="2"] .checkout-t1 {
  font-size: 30px;
}

[data-dpr="3"] .checkout-t1 {
  font-size: 45px;
}

.checkout-t1 b {
  float: right;
  margin-top: 0.125rem;
}

.checkout-t2 {
  color: #00c800;
}

[data-dpr="1"] .checkout-t2 {
  font-size: 18px;
}

[data-dpr="2"] .checkout-t2 {
  font-size: 36px;
}

[data-dpr="3"] .checkout-t2 {
  font-size: 54px;
}

.checkout .i-rightarrow3 {
  position: absolute;
  right: 0.625rem;
  top: 50%;
  margin-top: -0.125rem;
}

.checkout-paywayff {
  margin: 0 0.3125rem;
  width: 2.15625rem;
  padding: 0.15625rem 0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #999999;
  text-align: center;
  display: inline-block;
}

.checkout2 {
  padding: 0;
}

.checkout-payway {
  color: #212121;
  padding: 0.3125rem 0.625rem;
  border-bottom: 1px solid #999999;
}

[data-dpr="1"] .checkout-payway {
  font-size: 15px;
}

[data-dpr="2"] .checkout-payway {
  font-size: 30px;
}

[data-dpr="3"] .checkout-payway {
  font-size: 45px;
}

.checkout-payway:last-child {
  border-bottom: none;
}

.checkout-payway-icon {
  width: 0.8125rem;
  height: 0.8125rem;
  margin-right: 0.15625rem;
}

.checkout2 .active .i-check {
  background-image: ;
}

.checkout-form {
  margin-top: 0.3125rem;
}

.checkout-form input,
.checkout-form button {
  height: 0.9375rem;
  background: #fff;
  border: 1px solid #999999;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

[data-dpr="1"] .checkout-form input,
[data-dpr="1"] .checkout-form button {
  font-size: 15px;
}

[data-dpr="2"] .checkout-form input,
[data-dpr="2"] .checkout-form button {
  font-size: 30px;
}

[data-dpr="3"] .checkout-form input,
[data-dpr="3"] .checkout-form button {
  font-size: 45px;
}

.checkout-form input {
  margin-right: 0.3125rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.09375rem;
}

.checkout-form button {
  width: 1.5625rem;
}

.checkout-btn {
  margin-top: 0.3125rem;
  padding: 0.3125rem 0;
}

.checkout .order-colum2 {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}

.checkout-yh {
  margin-top: 0.15625rem;
}

.checkout-yh li {
  padding: 0.078125rem;
}

.checkout-yh li.active {
  color: #fc5600;
}

.checkout-yh li.active b {
  background-image: ;
}

.checkout-yh b {
  margin-right: 0.15625rem;
}

/*垂直居中*/

/*1行显示*/

/*栏目*/

.columns {
  margin-top: 0.3125rem;
}

.columns .graphic-l1 {
  margin-bottom: 0.3125rem;
}

/*垂直居中*/

/*1行显示*/

/*评论*/

.comment {
  background: #fff;
}

.comment-item {
  padding: 0.625rem 0.625rem 0.3125rem;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
}

.comment-item:last-child {
  border-bottom: none;
}

.comment-ava {
  width: 1.0625rem;
  height: 1.0625rem;
  display: block;
  -webkit-border-radius: 1.0625rem;
  border-radius: 1.0625rem;
  margin-right: 0.3125rem;
}

.comment-user {
  color: #212121;
}

[data-dpr="1"] .comment-user {
  font-size: 15px;
}

[data-dpr="2"] .comment-user {
  font-size: 30px;
}

[data-dpr="3"] .comment-user {
  font-size: 45px;
}

.comment-intr {
  margin-top: 0.15625rem;
}

[data-dpr="1"] .comment-intr {
  font-size: 12px;
  line-height: 18px;
}

[data-dpr="2"] .comment-intr {
  font-size: 24px;
  line-height: 36px;
}

[data-dpr="3"] .comment-intr {
  font-size: 36px;
  line-height: 54px;
}

.comment-photos {
  margin-top: 0.15625rem;
  margin-left: -0.34375rem;
  overflow: hidden;
}

.comment-photos img {
  width: 1.5625rem;
  height: 1.5625rem;
  float: left;
  margin-left: 0.34375rem;
  margin-bottom: 0.3125rem;
}

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

.comment-op span {
  display: inline-block;
  vertical-align: middle;
}

.comment-op .i-good {
  margin-left: 0.15625rem;
}

.comment-op .active {
  color: #fc5600;
}

.comment-op .active .i-good {
  background-image: url(/uploads/image/gsimages/goodon.png);
}

.comment-push {
  background: #fff;
  padding: 0.3125rem 0.46875rem;
  position: fixed;
  bottom: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.comment_box {
  border: 0;
  width: 100%;
  padding-right: 0.9375rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 0.375rem;
  outline: none;
  padding-bottom: 0.09375rem;
  border-bottom: 1px solid #e5e5e5;
}

[data-dpr="1"] .comment_box {
  font-size: 12px;
}

[data-dpr="2"] .comment_box {
  font-size: 24px;
}

[data-dpr="3"] .comment_box {
  font-size: 36px;
}

.comment-push .comment-btn {
  position: absolute;
  right: 0.46875rem;
  top: 0;
  height: 100%;
  width: 0.9375rem;
  text-align: center;
}

.comment-push .i-post {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -0.1875rem;
  margin-top: -0.3125rem;
}

/*垂直居中*/

/*1行显示*/

/*优惠券*/

.coupons {
  margin-top: 0.3125rem;
}

.coupons li {
  margin-top: 0.3125rem;
  padding: 0.3125rem 0.625rem;
  background: #fff;
}

.coupons li:first-child {
  margin-top: 0;
}

.coupons-title {
  color: #212121;
  padding-bottom: 0.3125rem;
  border-bottom: 1px dotted #a1a1a1;
}

[data-dpr="1"] .coupons-title {
  font-size: 15px;
}

[data-dpr="2"] .coupons-title {
  font-size: 30px;
}

[data-dpr="3"] .coupons-title {
  font-size: 45px;
}

.coupons .g-flexbox {
  padding: 0.15625rem 0;
}

.coupons .i-youhuiquan,
.coupon .i-youhuiquan {
  line-height: 0.96875rem;
  color: #fc5600;
  text-align: center;
  font-weight: bold;
}

[data-dpr="1"] .coupons .i-youhuiquan,
[data-dpr="1"] .coupon .i-youhuiquan {
  font-size: 15px;
}

[data-dpr="2"] .coupons .i-youhuiquan,
[data-dpr="2"] .coupon .i-youhuiquan {
  font-size: 30px;
}

[data-dpr="3"] .coupons .i-youhuiquan,
[data-dpr="3"] .coupon .i-youhuiquan {
  font-size: 45px;
}

.coupons-intr {
  margin-left: 0.3125rem;
  color: #999999;
}

[data-dpr="1"] .coupons-intr {
  font-size: 12px;
  line-height: 24px;
}

[data-dpr="2"] .coupons-intr {
  font-size: 24px;
  line-height: 48px;
}

[data-dpr="3"] .coupons-intr {
  font-size: 36px;
  line-height: 72px;
}

/*单个优惠券状态*/

.coupon {
  padding: 3.875rem 0 0.625rem;
  background: #fff  center 0.625rem no-repeat;
  -webkit-background-size: 3.25rem 2.90625rem;
  background-size: 3.25rem 2.90625rem;
  padding-left: 50%;
  padding-right: 0.625rem;
}

[data-dpr="1"] .coupon .coupons-intr {
  line-height: 21.6px;
}

[data-dpr="2"] .coupon .coupons-intr {
  line-height: 43.2px;
}

[data-dpr="3"] .coupon .coupons-intr {
  line-height: 64.8px;
}

.coupon .g-flexbox {
  line-height: 0.375rem;
  margin-left: -2.8125rem;
}

.coupon h2 {
  color: #fc5600;
}

[data-dpr="1"] .coupon h2 {
  font-size: 12px;
}

[data-dpr="2"] .coupon h2 {
  font-size: 24px;
}

[data-dpr="3"] .coupon h2 {
  font-size: 36px;
}

.coupon span,
.coupon a {
  color: #fc5600;
}

.coupon a {
  margin-left: 0.15625rem;
  vertical-align: bottom;
}

.coupon .g-btn-r {
  margin-top: 0.3125rem;
  width: 2.8125rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  margin-left: -2.8125rem;
}

[data-dpr="1"] .coupon .g-btn-r {
  font-size: 12px;
}

[data-dpr="2"] .coupon .g-btn-r {
  font-size: 24px;
}

[data-dpr="3"] .coupon .g-btn-r {
  font-size: 36px;
}

.coupon-suc .i-youhuiquan {
  display: none;
}

.coupon-suc .coupons-intr {
  margin-left: 0;
}

.coupon-fail {
  padding-top: 4.46875rem;
  background-image: ;
  -webkit-background-size: 4.15625rem 3.109375rem;
  background-size: 4.15625rem 3.109375rem;
}

.coupon-fail .g-btn-r {
  background: #999999;
}

.coupon-tip {
  margin-top: 0.15625rem;
  color: #fc5600;
  margin-left: -2.8125rem;
}

/*垂直居中*/

/*1行显示*/

/*详情页*/

.detail {
  margin-top: 0.3125rem;
  background: #fff;
}

.detail img {
  width: 100%;
}

#product_dtl  img{
    vertical-align: top;
}

.detail img.detail-imgor {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  width: auto;
}

/*垂直居中*/

/*1行显示*/

/*弹窗*/

.dialog,
.dialog-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
}

.dialog-overlay {
  background: rgba(0, 0, 0, 0.5);
}

.dialog-con {
  position: absolute;
  top: 5%;
  left: 50%;
  margin-left: -4rem;
  width: 8rem;
  bottom: 5%;
  background: #fff;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  z-index: 12;
}

.dialog-close {
  width: 0.625rem;
  height: 0.625rem;
  line-height: 0.625rem;
  text-align: center;
  position: absolute;
  top: 0.15625rem;
  right: 0.15625rem;
  z-index: 11;
}

.dialog-title {
  height: 0.875rem;
  line-height: 0.875rem;
  color: #212121;
  text-indent: 0.3125rem;
  border-bottom: 1px solid #e5e5e5;
}

[data-dpr="1"] .dialog-title {
  font-size: 15px;
}

[data-dpr="2"] .dialog-title {
  font-size: 30px;
}

[data-dpr="3"] .dialog-title {
  font-size: 45px;
}

.dialog-box {
  position: absolute;
  top: 2rem;
  bottom: 0.3125rem;
  left: 0.3125rem;
  right: 0.3125rem;
  border: 1px solid #e5e5e5;
  overflow: hidden;
}

.dialog li {
  height: 0.78125rem;
  line-height: 0.78125rem;
  text-indent: 0.3125rem;
  border-bottom: 1px solid #e5e5e5;
}

[data-dpr="1"] .dialog li {
  font-size: 12px;
}

[data-dpr="2"] .dialog li {
  font-size: 24px;
}

[data-dpr="3"] .dialog li {
  font-size: 36px;
}

.dialog li:active,
.dialog li.active {
  color: #fff;
  background: #fc5600;
}

.dialog-mark {
  padding: 0 0.3125rem 0;
  display: flex;
  align-items: center;
  height: 1.0625rem;
  flex-wrap: wrap;
}

.dialog-mark span {
  color: #212121;
  margin-right: 0.625rem;
  position: relative;
}

.dialog-mark span:before {
  width: 0.3125rem;
  height: 0.3125rem;
  line-height: 0.3125rem;
  -webkit-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
  text-align: center;
  position: absolute;
  top: -0.078125rem;
  right: -0.3125rem;
  content: "x";
  font-size: 10px;
  background: #cc0000;
  color: #fff;
}

.dialog-con2 {
  width: 7.8125rem;
  padding: 0.3125rem;
  margin: 0 auto;
  background: #fff;
  position: relative;
  z-index: 20;
  top: 0.9375rem;
}

.dialog-texteare textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ddd;
  width: 100%;
  outline: none;
  padding: 0.15625rem;
  height: 2.5rem;
}

.dialog-btnbox {
  margin-top: 0.3125rem;
  text-align: center;
}

.dialog-btnbox .g-btn {
  padding: 0.15625rem 0.3125rem;
  background: #fc5600;
  color: #fff;
  margin-left: 0.3125rem;
}

[data-dpr="1"] .dialog-btnbox .g-btn {
  font-size: 12px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

[data-dpr="2"] .dialog-btnbox .g-btn {
  font-size: 24px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

[data-dpr="3"] .dialog-btnbox .g-btn {
  font-size: 36px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

/*新增提醒弹窗*/

.dialogmessage {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -2.703125rem;
  margin-top: -0.9375rem;
  width: 4.78125rem;
  padding: 0.3125rem;
  z-index: 100;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
}

[data-dpr="1"] .dialogmessage {
  font-size: 18px;
}

[data-dpr="2"] .dialogmessage {
  font-size: 36px;
}

[data-dpr="3"] .dialogmessage {
  font-size: 54px;
}

/*垂直居中*/

/*1行显示*/

/*错误*/

.error {
  text-align: center;
}

.error .g-icon {
  margin-left: 1.875rem;
}

.error .p1 {
  margin-top: 0.3125rem;
  color: #212121;
}

[data-dpr="1"] .error .p1 {
  font-size: 27px;
}

[data-dpr="2"] .error .p1 {
  font-size: 54px;
}

[data-dpr="3"] .error .p1 {
  font-size: 81px;
}

/*垂直居中*/

/*1行显示*/

.footer {
  height: 1.21875rem;
  margin-top: 0.3125rem;
}

.footer .buynav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}

.footer2 {
  margin-top: 0.3125rem;
  height: 1.015625rem;
}

/*垂直居中*/

/*1行显示*/

/*图文混排 一排显示1个*/

.graphic-l1 img {
  display: block;
  width: 100%;
}

/*图文混排 一排显示2个*/

.graphic-l2 {
  padding: 0.3125rem;
  background: #fff;
  overflow: hidden;
}

.graphic-l2 li {
  float: left;
  width: 49.9%;
  padding-bottom: 0.3125rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.graphic-l2 img {
  width: 100%;
}

.graphic-l2 li:nth-child(2n-1) {
  padding-right: 0.25rem;
}

.graphic-l2 li:nth-child(2n) {
  padding-left: 0.25rem;
}

.graphic-l2 li:nth-child(2n) .g-mark,
.graphic-l2 li:nth-child(2n) .g-mark2 {
  left: 0.25rem;
}

/*图文混排 一排显示3个*/

.graphic-l3 {
  padding: 0 0.3125rem 0.3125rem;
  background: #fff;
}

.graphic-l3 li {
  margin-left: 0.46875rem;
}

.graphic-l3 li:first-child {
  margin-left: 0;
}

.graphic-l3 img {
  width: 100%;
}

/*图文混排 一排显示4个，且背景有网格*/

.graphic-l4 {
  text-align: center;
  padding-bottom: 0.3125rem;
  overflow: hidden;
}

[data-dpr="1"] .graphic-l4 {
  font-size: 12px;
}

[data-dpr="2"] .graphic-l4 {
  font-size: 24px;
}

[data-dpr="3"] .graphic-l4 {
  font-size: 36px;
}

.graphic-l4 li {
  width: 24.99%;
  height: 1.53125rem;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.graphic-l4 li:nth-child(4n) {
  border-right: none;
}

.graphic-l4 li a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 0.3125rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #727272;
}

.graphic-l4 li p {
  margin-top: 0.125rem;
}

[data-dpr="1"] .graphic-l4 li p {
  font-size: 12px;
}

[data-dpr="2"] .graphic-l4 li p {
  font-size: 24px;
}

[data-dpr="3"] .graphic-l4 li p {
  font-size: 36px;
}

/*文字混排 游戏详情页*/

.graphic-detail {
  background: #fff;
  padding: 0.3125rem;
}

.graphic-detail h1 {
  color: #212121;
  font-weight: normal;
}

[data-dpr="1"] .graphic-detail h1 {
  font-size: 15px;
}

[data-dpr="2"] .graphic-detail h1 {
  font-size: 30px;
}

[data-dpr="3"] .graphic-detail h1 {
  font-size: 45px;
}

.graphic-detail_int {
  color: #727272;
  margin-top: 0.15625rem;
}

[data-dpr="1"] .graphic-detail_int {
  font-size: 12px;
}

[data-dpr="2"] .graphic-detail_int {
  font-size: 24px;
}

[data-dpr="3"] .graphic-detail_int {
  font-size: 36px;
}

.graphic-detail_pri {
  color: #fc5600;
  margin-top: 0.15625rem;
}

[data-dpr="1"] .graphic-detail_pri {
  font-size: 12px;
}

[data-dpr="2"] .graphic-detail_pri {
  font-size: 24px;
}

[data-dpr="3"] .graphic-detail_pri {
  font-size: 36px;
}

[data-dpr="1"] .graphic-detail_pri span:first-child {
  font-size: 18px;
}

[data-dpr="2"] .graphic-detail_pri span:first-child {
  font-size: 36px;
}

[data-dpr="3"] .graphic-detail_pri span:first-child {
  font-size: 54px;
}

.graphic-detail_pri span:nth-child(2) {
  color: #727272;
  margin-left: 0.3125rem;
  position: relative;
}

.graphic-detail_pri span:nth-child(2):before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  background: #fc5600;
}

.graphic-detail_tg {
  color: #fc5600;
  margin-top: 0.15625rem;
}

[data-dpr="1"] .graphic-detail_tg {
  font-size: 12px;
  line-height: 18px;
}

[data-dpr="2"] .graphic-detail_tg {
  font-size: 24px;
  line-height: 36px;
}

[data-dpr="3"] .graphic-detail_tg {
  font-size: 36px;
  line-height: 54px;
}

.graphic-detail .progress-p div {
  background: #fc5600;
}

.graphic-detail_buy {
  text-align: center;
  margin-top: 0.3125rem;
  color: #212121;
}

[data-dpr="1"] .graphic-detail_buy {
  font-size: 12px;
}

[data-dpr="2"] .graphic-detail_buy {
  font-size: 24px;
}

[data-dpr="3"] .graphic-detail_buy {
  font-size: 36px;
}

.graphic-detail_buy .amount {
  margin: 0.3125rem auto 0;
}

.graphic-detail_buy .amount input {
  color: #fc5600;
}

/*垂直居中*/

/*1行显示*/

/*页头*/

.header {
  height: 1.21875rem;
}

.header-con {
  height: 1.21875rem;
  line-height: 1.21875rem;
  color: #fff;
  text-align: center;
  background: #fc5600;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
}

[data-dpr="1"] .header-con {
  font-size: 21px;
}

[data-dpr="2"] .header-con {
  font-size: 42px;
}

[data-dpr="3"] .header-con {
  font-size: 63px;
}

.header .g-btn {
  position: absolute;
  top: 50%;
  margin-top: -0.28125rem;
  left: 0.28125rem;
  width: 1.375rem;
  height: 0.5625rem;
  line-height: 0.5625rem;
  border: 1px solid #fff;
  -webkit-border-radius: 0.0625rem;
  border-radius: 0.0625rem;
}

[data-dpr="1"] .header .g-btn {
  font-size: 12px;
}

[data-dpr="2"] .header .g-btn {
  font-size: 24px;
}

[data-dpr="3"] .header .g-btn {
  font-size: 36px;
}

.header .g-btn2 {
  position: absolute;
  width: 1.40625rem;
  height: 1.25rem;
  top: 0;
  left: 0;
}

.header .g-btn2 b {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.header .g-btn3 {
  left: auto;
  right: 0;
}

.header2 {
  position: relative;
  padding: 0.3125rem 0;
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}

.animated {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes slidedown {
  0% {
    -webkit-transform: translatey(-4em);
  }

  100% {
    -webkit-transform: translatey(0);
  }
}

@keyframes slidedown {
  0% {
    -webkit-transform: translatey(-4em);
    transform: translatey(-4em);
  }

  100% {
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }
}

.animated.slidedown {
  -webkit-animation-name: slidedown;
  animation-name: slidedown;
}

@-webkit-keyframes slideup {
  0% {
    -webkit-transform: translatey(0);
  }

  100% {
    -webkit-transform: translatey(-4em);
  }
}

@keyframes slideup {
  0% {
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }

  100% {
    -webkit-transform: translatey(-4em);
    transform: translatey(-4em);
  }
}

.animated.slideup {
  -webkit-animation-name: slideup;
  animation-name: slideup;
}

/*垂直居中*/

/*1行显示*/

/*售后指引*/

.aftersales {
  margin-top: 0.3125rem;
  background: #fff;
  text-align: center;
  height: 1.0625rem;
  line-height: 0.8125rem;
}

[data-dpr="1"] .aftersales {
  font-size: 12px;
}

[data-dpr="2"] .aftersales {
  font-size: 24px;
}

[data-dpr="3"] .aftersales {
  font-size: 36px;
}

.aftersales li {
  width: 40%;
}

.aftersales li:last-child {
  text-align: left;
}

.aftersales b {
  margin-right: 0.09375rem;
}

.aftersales a {
  display: block;
  width: 100%;
  height: 100%;
  color: #727272;
}

.help {
  background: #fff;
  padding: 0 0.625rem;
}

.help li {
  border-bottom: 1px dashed #e5e5e5;
}

.help li:last-child {
  border: 0;
}

.help-title {
  color: #212121;
  padding: 0.3125rem 0;
  overflow: hidden;
}

[data-dpr="1"] .help-title {
  font-size: 15px;
}

[data-dpr="2"] .help-title {
  font-size: 30px;
}

[data-dpr="3"] .help-title {
  font-size: 45px;
}

.help-title .g-icon {
  float: right;
  margin-top: 0.09375rem;
  margin-right: 0.625rem;
}

.help-text {
  display: none;
  border-top: 1px dashed #e5e5e5;
  padding: 0.3125rem 0;
}

[data-dpr="1"] .help-text {
  font-size: 12px;
  line-height: 24px;
}

[data-dpr="2"] .help-text {
  font-size: 24px;
  line-height: 48px;
}

[data-dpr="3"] .help-text {
  font-size: 36px;
  line-height: 72px;
}

.help .active .help-text {
  display: block;
}

.help .active .i-botarrow2 {
  background-image: ;
}

.i-1yuan {
  width: 0.9375rem;
  height: 0.4375rem;
  background-image: ;
}

.i-1yuan2 {
  width: 0.578125rem;
  height: 0.578125rem;
  background-image: ;
}

.i-1yuan3 {
  width: 0.5rem;
  height: 0.5rem;
  background-image: ;
}

.i-accessories {
  width: 0.46875rem;
  height: 0.421875rem;
  background-image: ;
}

.i-ad {
  width: 0.1875rem;
  height: 0.1875rem;
  background-image: ;
}

.i-advoice {
  width: 3.125rem;
  height: 3.125rem;
  background-image: ;
}

.i-bg2 {
  width: 10rem;
  height: 2.40625rem;
  background-image: ;
}

.i-bg3 {
  width: 9.90625rem;
  height: 1.0625rem;
  background-image: ;
}

.i-botarrow {
  width: 0.25rem;
  height: 0.140625rem;
  background-image: ;
}

.i-botarrow2 {
  width: 0.25rem;
  height: 0.140625rem;
  background-image: ;
}

.i-buy {
  width: 0.671875rem;
  height: 0.453125rem;
  background-image: ;
}

.i-buy2 {
  width: 0.671875rem;
  height: 0.453125rem;
  background-image: ;
}

.i-check {
  width: 0.40625rem;
  height: 0.40625rem;
  background-image: ;
}

.i-checkon {
  width: 0.40625rem;
  height: 0.40625rem;
  background-image: ;
}

.i-close {
  width: 0.40625rem;
  height: 0.390625rem;
  background-image: ;
}

.i-clothing {
  width: 0.515625rem;
  height: 0.453125rem;
  background-image: ;
}

.i-daifukuan {
  width: 0.921875rem;
  height: 0.984375rem;
  background-image: ;
}

.i-dailyuse {
  width: 0.4375rem;
  height: 0.46875rem;
  background-image: ;
}

.i-daishouhuo {
  width: 0.984375rem;
  height: 0.921875rem;
  background-image: ;
}

.i-del {
  width: 0.328125rem;
  height: 0.40625rem;
  background-image: ;
}

.i-dhxybg {
  width: 10rem;
  height: 1.859375rem;
  background-image: ;
}

.i-error {
  width: 4.359375rem;
  height: 3.65625rem;
  background-image: ;
}

.i-fail {
  width: 4.15625rem;
  height: 3.109375rem;
  background-image: ;
}

.i-fuwu {
  width: 0.546875rem;
  height: 0.546875rem;
  background-image: ;
}

.i-gifts {
  width: 0.53125rem;
  height: 0.515625rem;
  background-image: ;
}

.i-good {
  width: 0.328125rem;
  height: 0.3125rem;
  background-image: ;
}

.i-goodon {
  width: 0.328125rem;
  height: 0.3125rem;
  background-image: ;
}

.i-h5-logo-dhxy {
  width: 5.90625rem;
  height: 1.015625rem;
  background-image: ;
}

.i-h5-logo-my {
  width: 5.265625rem;
  height: 0.96875rem;
  background-image: ;
}

.i-h5-logo-yys {
  width: 5.234375rem;
  height: 1.34375rem;
  background-image: ;
}

.i-help {
  width: 0.421875rem;
  height: 0.421875rem;
  background-image: ;
}

.i-home {
  width: 0.59375rem;
  height: 0.53125rem;
  background-image: ;
}

.i-home2 {
  width: 0.59375rem;
  height: 0.53125rem;
  background-image: ;
}

.i-home3 {
  width: 0.59375rem;
  height: 0.53125rem;
  background-image: ;
}

.i-leftarrow {
  width: 0.0625rem;
  height: 0.109375rem;
  background-image: ;
}

.i-leftarrow2 {
  width: 0.21875rem;
  height: 0.390625rem;
  background-image: ;
}

.i-leftarrow3 {
  width: 0.703125rem;
  height: 0.703125rem;
  background-image: ;
}

.i-my {
  width: 0.46875rem;
  height: 0.453125rem;
  background-image: ;
}

.i-my2 {
  width: 0.46875rem;
  height: 0.453125rem;
  background-image: ;
}

.i-mybg {
  width: 10rem;
  height: 1.859375rem;
  background-image: ;
}

.i-netease {
  width: 0.78125rem;
  height: 0.78125rem;
  background-image: ;
}

.i-new {
  width: 0.5rem;
  height: 0.5rem;
  background-image: ;
}

.i-phone {
  width: 0.390625rem;
  height: 0.390625rem;
  background-image: ;
}

.i-phone2 {
  width: 0.359375rem;
  height: 0.5rem;
  background-image: ;
}

.i-pinglun {
  width: 0.34375rem;
  height: 0.34375rem;
  background-image: ;
}

.i-post {
  width: 0.375rem;
  height: 0.3125rem;
  background-image: ;
}

.i-review {
  width: 0.9375rem;
  height: 0.9375rem;
  background-image: ;
}

.i-rightarrow {
  width: 0.0625rem;
  height: 0.109375rem;
  background-image: ;
}

.i-rightarrow2 {
  width: 0.140625rem;
  height: 0.25rem;
  background-image: ;
}

.i-rightarrow3 {
  width: 0.140625rem;
  height: 0.25rem;
  background-image: ;
}

.i-share {
  width: 0.5rem;
  height: 0.46875rem;
  background-image: ;
}

.i-suc {
  width: 3.25rem;
  height: 2.90625rem;
  background-image: ;
}

.i-sure {
  width: 0.46875rem;
  height: 0.46875rem;
  background-image: ;
}

.i-tea {
  width: 0.5rem;
  height: 0.453125rem;
  background-image: ;
}

.i-text {
  width: 4.40625rem;
  height: 0.859375rem;
  background-image: ;
}

.i-text2 {
  width: 4.609375rem;
  height: 0.734375rem;
  background-image: ;
}

.i-toparrow {
  width: 0.25rem;
  height: 0.140625rem;
  background-image: ;
}

.i-type {
  width: 0.59375rem;
  height: 0.421875rem;
  background-image: ;
}

.i-type2 {
  width: 0.578125rem;
  height: 0.40625rem;
  background-image: ;
}

.i-wx {
  width: 0.78125rem;
  height: 0.6875rem;
  background-image: ;
}

.i-ykt {
  width: 0.8125rem;
  height: 0.8125rem;
  background-image: ;
}

.i-youhuiquan {
  width: 1.34375rem;
  height: 0.96875rem;
  background-image: ;
}

.i-yysbg {
  width: 10.015625rem;
  height: 1.859375rem;
  background-image: ;
}

.i-yyslogo {
  width: 1.140625rem;
  height: 1.140625rem;
  background-image: ;
}

.i-zfb {
  width: 0.796875rem;
  height: 0.796875rem;
  background-image: ;
}

/*垂直居中*/

/*1行显示*/

/*分类导航*/

.subnav {
  padding-left: 0.4375rem;
  padding-right: 0.3125rem;
  height: 1.0625rem;
  line-height: 1.0625rem;
  color: #212121;
  background: #fff;
}

[data-dpr="1"] .subnav {
  font-size: 15px;
}

[data-dpr="2"] .subnav {
  font-size: 30px;
}

[data-dpr="3"] .subnav {
  font-size: 45px;
}

.subnav a {
  float: right;
  color: #727272;
}

[data-dpr="1"] .subnav a {
  font-size: 12px;
}

[data-dpr="2"] .subnav a {
  font-size: 24px;
}

[data-dpr="3"] .subnav a {
  font-size: 36px;
}

.subnav b {
  margin-right: 0.0625rem;
}

.subnav2 {
  padding-left: 0.4375rem;
  padding-bottom: 0.15625rem;
  color: #000000;
  font-weight: bold;
}

[data-dpr="1"] .subnav2 {
  font-size: 18px;
}

[data-dpr="2"] .subnav2 {
  font-size: 36px;
}

[data-dpr="3"] .subnav2 {
  font-size: 54px;
}

/*购买指引导航*/

.buynav {
  height: 1.21875rem;
  line-height: 1.21875rem;
  background: #fff;
}

.buynav a {
  display: block;
  text-align: center;
  color: #999999;
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  position: relative;
}

[data-dpr="1"] .buynav a {
  font-size: 12px;
}

[data-dpr="2"] .buynav a {
  font-size: 24px;
}

[data-dpr="3"] .buynav a {
  font-size: 36px;
}

.buynav.g-flexbox b {
  margin-top: -0.390625rem;
}

.buynav.g-flexbox span {
  position: absolute;
  bottom: -0.3125rem;
  width: 100%;
  left: 0;
}

.buynav a.flex2 {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  flex: 2;
}

.buynav a.flex3 {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  flex: 3;
}

.buynav a.buynav-cart,
.buynav a.buynav-now,
.buynav a.buynav-disable {
  color: #fff;
}

[data-dpr="1"] .buynav a.buynav-cart,
[data-dpr="1"] .buynav a.buynav-now,
[data-dpr="1"] .buynav a.buynav-disable {
  font-size: 15px;
}

[data-dpr="2"] .buynav a.buynav-cart,
[data-dpr="2"] .buynav a.buynav-now,
[data-dpr="2"] .buynav a.buynav-disable {
  font-size: 30px;
}

[data-dpr="3"] .buynav a.buynav-cart,
[data-dpr="3"] .buynav a.buynav-now,
[data-dpr="3"] .buynav a.buynav-disable {
  font-size: 45px;
}

.buynav-cart {
  background: #ff9800;
}

.buynav-now {
  background: #fc5600;
}

.buynav-disable {
  background: #c1c1c1;
}

[data-dpr="1"] .buynav a.buynav-money {
  font-size: 15px;
}

[data-dpr="2"] .buynav a.buynav-money {
  font-size: 30px;
}

[data-dpr="3"] .buynav a.buynav-money {
  font-size: 45px;
}

.buynav a.buynav-money span {
  font-size: 0.65625rem;
  color: #fc5600;
}

.buynav2 a {
  background: #212121;
  color: #fff;
}

/*购买选中*/

.buynav .active {
  color: #fc5600;
}

.buynav2 .active {
  background: #fc5600;
  color: #fff;
}

.active .i-home2 {
  background-image: ;
}

/*多级选择卡*/

.linkagenav {
  padding: 0.3125rem 0.625rem 0.15625rem;
  background: #fff;
  color: #212121;
}

[data-dpr="1"] .linkagenav {
  font-size: 15px;
}

[data-dpr="2"] .linkagenav {
  font-size: 30px;
}

[data-dpr="3"] .linkagenav {
  font-size: 45px;
}

.linkagenav span {
  margin-right: 0.15625rem;
}

.linkagenav .active {
  color: #fc5600;
  position: relative;
}

.linkagenav .active:before {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #fc5600;
  overflow: hidden;
  content: "";
  bottom: -0.15625rem;
}

/*垂直居中*/

/*1行显示*/

/*订单列表*/

.order {
  color: #999999;
}

[data-dpr="1"] .order {
  font-size: 15px;
}

[data-dpr="2"] .order {
  font-size: 30px;
}

[data-dpr="3"] .order {
  font-size: 45px;
}

.order li {
  position: relative;
  background: #fff;
  margin-top: 0.3125rem;
  padding: 0.3125rem 0.625rem;
  overflow: hidden;
}

.order li:first-child {
  margin-top: 0;
}

.order-status {
  position: absolute;
  right: 0.625rem;
  color: #fc5600;
}

.order-status p {
  display: inline-block;
}

.order-btn {
  text-align: center;
  width: 1.5625rem;
  height: 0.625rem;
  line-height: 0.625rem;
  color: #fff;
  background: #fc5600;
}

[data-dpr="1"] .order-btn {
  font-size: 12px;
}

[data-dpr="2"] .order-btn {
  font-size: 24px;
}

[data-dpr="3"] .order-btn {
  font-size: 36px;
}

.order-num {
  margin-top: 0.15625rem;
}

[data-dpr="1"] .order-num {
  font-size: 12px;
}

[data-dpr="2"] .order-num {
  font-size: 24px;
}

[data-dpr="3"] .order-num {
  font-size: 36px;
}

.order-num span {
  color: #554eaf;
}

.order-num2,
.order-use {
  color: #212121;
}

[data-dpr="1"] .order-num2,
[data-dpr="1"] .order-use {
  font-size: 15px;
}

[data-dpr="2"] .order-num2,
[data-dpr="2"] .order-use {
  font-size: 30px;
}

[data-dpr="3"] .order-num2,
[data-dpr="3"] .order-use {
  font-size: 45px;
}

.order-imgs {
  margin-top: 0.3125rem;
  padding: 0.3125rem 0;
  overflow: hidden;
  border-top: 1px dotted #a1a1a1;
  border-bottom: 1px dotted #a1a1a1;
}

.order-imgs img {
  float: left;
  width: 2rem;
  height: 2rem;
  margin-left: 0.234375rem;
}

.order-imgs img:first-child {
  margin-left: 0;
}

.order-money {
  text-align: right;
  margin-top: 0.15625rem;
}

[data-dpr="1"] .order-money {
  font-size: 12px;
}

[data-dpr="2"] .order-money {
  font-size: 24px;
}

[data-dpr="3"] .order-money {
  font-size: 36px;
}

.order-colum,
.order-colum2,
.order-process {
  padding: 0.3125rem 0.625rem;
  background: #fff;
}

[data-dpr="1"] .order-colum,
[data-dpr="1"] .order-colum2,
[data-dpr="1"] .order-process {
  font-size: 12px;
}

[data-dpr="2"] .order-colum,
[data-dpr="2"] .order-colum2,
[data-dpr="2"] .order-process {
  font-size: 24px;
}

[data-dpr="3"] .order-colum,
[data-dpr="3"] .order-colum2,
[data-dpr="3"] .order-process {
  font-size: 36px;
}

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

.order-colum2 span {
  color: #fc5600;
}

[data-dpr="1"] .order-colum2 span {
  font-size: 18px;
}

[data-dpr="2"] .order-colum2 span {
  font-size: 36px;
}

[data-dpr="3"] .order-colum2 span {
  font-size: 54px;
}

.order-process {
  margin-top: 0.3125rem;
}

.order-process .order-btn {
  margin: 0 auto;
}

.order-process p {
  margin-top: 0.15625rem;
  color: #999999;
}

[data-dpr="1"] .order-process p {
  font-size: 10px;
}

[data-dpr="2"] .order-process p {
  font-size: 20px;
}

[data-dpr="3"] .order-process p {
  font-size: 30px;
}

.order-buys {
  padding: 0 0.625rem;
  background: #fff;
  margin-top: 0.3125rem;
}

.order-buys li {
  padding: 0.3125rem 0;
  overflow: hidden;
  border-top: 1px dotted #a1a1a1;
}

[data-dpr="1"] .order-buys li {
  font-size: 12px;
}

[data-dpr="2"] .order-buys li {
  font-size: 24px;
}

[data-dpr="3"] .order-buys li {
  font-size: 36px;
}

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

.order-buys img {
  width: 1.5625rem;
  height: 1.5625rem;
  float: left;
  margin-right: 0.3125rem;
}

.order-buys span {
  text-decoration: line-through;
}

.order-reservation .order-imgs {
  border: none;
  padding: 0;
}

/*垂直居中*/

/*1行显示*/

/*不知道放哪的放这里*/

.other-text {
  padding: 0.625rem 0 1.25rem;
  text-align: center;
}

.other-columns {
  margin-top: 0.3125rem;
  text-align: center;
  padding: 0.3125rem 0;
}

[data-dpr="1"] .other-columns {
  font-size: 15px;
}

[data-dpr="2"] .other-columns {
  font-size: 30px;
}

[data-dpr="3"] .other-columns {
  font-size: 45px;
}

.other-body {
  min-height: 100%;
  background: #fafafa;
}

.other-body .graphic-l2 {
  background: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.other-body .graphic-l2 li {
  background: #fff;
  margin-bottom: 0.25rem;
  padding: 0;
  width: 48%;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
}

[data-dpr="1"] .other-body .graphic-l2 li {
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
}

[data-dpr="2"] .other-body .graphic-l2 li {
  -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.05);
}

[data-dpr="3"] .other-body .graphic-l2 li {
  -webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.05);
}

.other-body .graphic-l2 .g-text {
  padding: 0.15625rem 0;
}

.other-title {
  padding: 0.3125rem 0.3125rem 0;
}

[data-dpr="1"] .other-title {
  font-size: 15px;
}

[data-dpr="2"] .other-title {
  font-size: 30px;
}

[data-dpr="3"] .other-title {
  font-size: 45px;
}

.other-title b {
  display: inline-block;
  width: 0.0625rem;
  height: 0.25rem;
  margin-right: 0.15625rem;
  overflow: hidden;
  background: #fc5600;
  vertical-align: middle;
}

/*登录的*/

.login {
  background: #fff;
  height: 7.8125rem;
}

.i-good {
  width: 0.65625rem;
  height: 0.625rem;
  -webkit-background-size: 0.459375rem 0.4375rem;
  background-size: 0.459375rem 0.4375rem;
}

.i-pinglun {
  width: 0.6875rem;
  height: 0.6875rem;
  -webkit-background-size: 0.48125rem 0.48125rem;
  background-size: 0.48125rem 0.48125rem;
}

/*垂直居中*/

/*1行显示*/

/*个人中心*/

.person {
  padding: 0.625rem 0 0.3125rem;
  background: #fff;
}

.person_img {
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 0 auto;
  display: block;
  width: 1.875rem;
  height: 1.875rem;
}

.person_text {
  color: #212121;
  text-align: center;
  margin-top: 0.15625rem;
}

[data-dpr="1"] .person_text {
  font-size: 12px;
}

[data-dpr="2"] .person_text {
  font-size: 24px;
}

[data-dpr="3"] .person_text {
  font-size: 36px;
}

.person_buy {
  text-align: center;
  border-top: 1px solid #e5e5e5;
  background: #fff;
  padding: 0.625rem 0.3125rem;
}

[data-dpr="1"] .person_buy {
  font-size: 12px;
}

[data-dpr="2"] .person_buy {
  font-size: 24px;
}

[data-dpr="3"] .person_buy {
  font-size: 36px;
}

.person_buy p {
  margin-top: 0.15625rem;
}

.person_buy span {
  height: 0.28125rem;
  line-height: 0.28125rem;
  min-width: 0.28125rem;
  padding: 0 0.0625rem;
  -webkit-border-radius: 0.28125rem;
  border-radius: 0.28125rem;
  display: inline-block;
  background: #fc5600;
  color: #fff;
  margin-left: 0.078125rem;
}

/*垂直居中*/

/*1行显示*/

/*进度条*/

.progress {
  margin-top: 0.3125rem;
  width: 100%;
  overflow: hidden;
}

.progress-l,
.progress-r {
  width: 0.3125rem;
  height: 0.3125rem;
  line-height: 0.3125rem;
  background: #fc5600;
  text-align: center;
}

.progress-p {
  background: #e9e9e9;
  border-top: 1px solid #bfbfbf;
}

.progress-p div {
  margin-top: -1px;
  background: #999999;
  height: 0.3125rem;
}

/*垂直居中*/

/*1行显示*/

.reservation-none {
  padding: 0.9375rem 0;
  background: #fff;
  text-align: center;
}

[data-dpr="1"] .reservation-none {
  font-size: 15px;
  line-height: 20px;
}

[data-dpr="2"] .reservation-none {
  font-size: 30px;
  line-height: 40px;
}

[data-dpr="3"] .reservation-none {
  font-size: 45px;
  line-height: 60px;
}

.reservation-none span {
  color: #fc5600;
}

/*垂直居中*/

/*1行显示*/

/*分享*/

.share {
  width: 7.875rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99;
}

.share .inputbox-btn {
  -webkit-user-select: none;
  user-select: none;
  margin-right: 0.625rem;
  margin-left: 0.625rem;
}

.share .inputbox-btn {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.share-close {
  position: absolute;
  top: 0;
  right: -0.78125rem;
  width: 0.625rem;
  height: 0.625rem;
}

.share-con img {
  display: block;
  width: 100%;
}

/*垂直居中*/

/*1行显示*/

/*标签*/

.tag {
  text-align: left;
  margin-left: -0.15625rem;
  margin-top: 0.15625rem;
  color: #727272;
}

[data-dpr="1"] .tag {
  font-size: 12px;
}

[data-dpr="2"] .tag {
  font-size: 24px;
}

[data-dpr="3"] .tag {
  font-size: 36px;
}

.tag li {
  text-align: center;
  display: inline-block;
  min-width: 1.21875rem;
  height: 0.78125rem;
  line-height: 0.78125rem;
  border: 1px solid #999999;
  padding: 0 0.15625rem;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-left: 0.15625rem;
  margin-bottom: 0.15625rem;
}

.tag .active {
  border-color: #fc5600;
  color: #fc5600;
}

.tag .disable {
  border-style: dashed;
  border-color: #d6d6d8;
  color: #cdcdcd;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.tag li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #727272;
}

.tag li a:active {
  color: #fc5600;
}

/*垂直居中*/

/*1行显示*/

/*阴阳师*/

.yys {
  background: #f4f0e6;
}

.yys .header {
  height: 1.890625rem;
}

.yys .header-con {
  height: 1.890625rem;
  line-height: 0.46875rem;
  background:  -0.015625rem 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  border-bottom: 1px solid #b79651;
  color: #b49152;
  overflow: hidden;
}

.yys .graphic-l2 {
  background: transparent;
  padding: 0 0.3125rem;
}

.yys .graphic-l2 li {
  height: 0;
  padding-bottom: 60%;
  margin-bottom: 0.15625rem;
}

.yys .graphic-l2 li:nth-child(2n-1) {
  padding-right: 0.15625rem;
}

.yys .graphic-l2 li:nth-child(2n) {
  padding-left: 0.15625rem;
}

.yys .goback {
  margin-top: 0.15625rem;
  background:  0 0 no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  height: 1.0625rem;
}

.yyshead {
  padding-top: 0.375rem;
  display: inline-block;
  margin: 0 auto;
}

.i-yyslogo {
  vertical-align: middle;
}

.yystitle {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  margin-left: 0.15625rem;
}

[data-dpr="1"] .yystitle {
  font-size: 13px;
}

[data-dpr="2"] .yystitle {
  font-size: 26px;
}

[data-dpr="3"] .yystitle {
  font-size: 39px;
}

.yystitle p:first-child {
  font-weight: bold;
  margin-bottom: 0.078125rem;
}

[data-dpr="1"] .yystitle p:first-child {
  font-size: 18px;
}

[data-dpr="2"] .yystitle p:first-child {
  font-size: 36px;
}

[data-dpr="3"] .yystitle p:first-child {
  font-size: 54px;
}