/*
 * 
 * 公共样式
 * 
 * */
*{
	margin:0;
	padding:0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
*,*:before,*:after{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
html{
	width:100%;
	height:100%;
}
body{
	width:100%;
	min-height:100%;
	background-color: #f6f6f6;
	font-size:12px;
	color:#333;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-flow:column;
	        flex-flow:column;
	font-family: Arial, 冬青黑体简体中文, "Hiragino Sans GB W3";
	height: 100%;
}
table{border-collapse:collapse;}
input[type="radio"],
input[type="checkbox"]{
	vertical-align:middle;
}
input,
textarea {
    border: 0;
    -webkit-appearance: none;
}
ul{list-style:none;}
a,a:hover,a:link{text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{
	display:block;
	clear:both;
	content:'';
	width:0;
	height:0;
	font-size:0;
	visibility:hidden;
}
.mbody{
	width:100%;
	max-width:487px;
	margin:0 auto;
}
.img-block{
	display:block;
	width:100%;
	height:auto;
}
/*遮罩层样式*/
.mask-bg{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:999;
	background:rgba(0,0,0,0.5);
}
/* 箭头 */
.arrow-right::after {
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
}
.arrow::after {
    display: block;
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    z-index: 6;
    border-top: 1.5px solid #cccccc;
    border-right: 1.5px solid #cccccc;
}
/* 文本单行 */
.text-ellipsis {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.loading-box {
    position: relative;
    text-align: center;
}
.loading-mask {
    position: fixed;
    /*background: #000;
    opacity: .2;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.loading-content {
    position: fixed;
    left: 50%;
    top: 250px;
    width: 110px;
    min-height: 120px;
    margin-left: -55px;
    padding: 10px;
    background: hsla(0,0%,7%,.7);
    text-align: center;
    border-radius: 5px;
    color: #fff;
    z-index: 5001;
}
.loading-content .animate {
    width: 40px;
    height: 40px;
    vertical-align: baseline;
    display: inline-block;
    margin: 25px 0 10px;;
    vertical-align: middle;
    -webkit-animation: superLoading 1s steps(12, end) infinite;
            animation: superLoading 1s steps(12, end) infinite;
    background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=") no-repeat;
    background-size: 100%;
}
.loading-content .text {
    margin: 0 0 15px;
    font-size: 16px;
}
@-webkit-keyframes superLoading {
0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
}
100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
            transform: rotate3d(0, 0, 1, 360deg);
}
}
@keyframes superLoading {
0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
}
100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
            transform: rotate3d(0, 0, 1, 360deg);
}
}

.weui_mask {
    position: fixed;
    z-index: 11;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}
.weui_dialog {
    position: fixed;
    z-index: 13;
    width: 85%;
    max-width: 420px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #FAFAFC;
    text-align: center;
    border-radius: 3px;
}
.weui_dialog_confirm .weui_dialog .weui_dialog_hd {
    padding: 1.2em 20px 1em;
}
.weui_dialog_title {
    font-weight: 400;
    font-size: 17px;
}
.weui_dialog_bd {
    padding: 0 20px;
    font-size: 15px;
    color: #888;
}
.weui_dialog_confirm .weui_dialog .weui_dialog_bd {
    text-align: center;
}
.weui_dialog.less:\38,
.weui_dialog_bd {
    padding: 0 20px;
    font-size: 15px;
    color: #888;
}
.weui_dialog_ft {
    position: relative;
    line-height: 42px;
    margin-top: 20px;
    font-size: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.weui_dialog_confirm .weui_dialog_ft .weui_btn_dialog {
    position: relative;
}
.weui_btn_dialog.default {
    color: #353535;
}
.weui_dialog_ft .weui_btn_dialog {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #333;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.weui_btn_dialog.primary {
    color: #0BB20C;
}
.weui_dialog_confirm .weui_dialog_ft .weui_btn_dialog:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    border-left: 1px solid #D5D5D6;
    color: #D5D5D6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}
.weui_dialog_ft:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D5D5D6;
    color: #D5D5D6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.weui_dialog_ft .weui_btn_dialog:active {
    background-color: #EEEEEE;
}

.toast{
	position: fixed;
	display:inline-block;
    min-width: 7.6em;
    min-height: 40px;
    line-height:20px;
    top: 50%;
    left: 50%;
    font-size:14px;
    color:#fff;
    padding:10px;
    text-align:center;
    margin-top:-40px;
    /*opacity: 0;*/
  transition: all .3s;
  -webkit-transition: all .3s;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    background: rgba(40, 40, 40, 0.75);
    border-radius: 5px;
    color: #FFFFFF;
    z-index: 9993;
}
/*.toast.cur{
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}*/

.mask[css-city] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    max-width: 487px;
    margin: 0 auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.body[css-city] {
    width: 100%;
    background: #fff;
    margin-top: -40px;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in;
    opacity: 0;
}
.body-move[css-city] {
    opacity: 1;
    margin-top: 0;
}
.body-move-out[css-city] {
    opacity: 0;
    margin-top: -20px;
}
.body ul[css-city] {
    padding: 14px 0 0 14px;
}
.list[css-city] {
    width: calc(25% - 14px);
    border-radius: 35px;
    background: #F5F5F5;
    height: 34px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    margin: 0 14px 14px 0;
}
.list-a[css-city] {
    text-decoration: none;
    color: #666;
    line-height: 34px;
    height: 34px;
    width: 100%;
    display: block;
}
.list-select[css-city] {
    background: #FFDB00;
}
.list-select a[css-city] {
    color: #fff !important;
}
.but[css-city] {
    margin: 4px auto 16px;
}
.triangular-arrow[css-city] {
    width: 15px;
    height: 15px;
    margin: 0 auto;
    border-top: 4px solid #D8D8D8;
    border-right: 4px solid #D8D8D8;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.mint-swipe {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.mint-swipe-items-wrap {
  position: relative;
  overflow: hidden;
  height: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}
.mint-swipe-items-wrap .slide-item {
  position: absolute;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  width: 100%;
  height: 100%;
  display: none
}
.mint-swipe-items-wrap .slide-item.is-active {
  display: block;
  -webkit-transform: none;
  transform: none;
}
.mint-swipe-indicators {
  position: absolute;
  bottom: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.mint-swipe-indicator {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: rgba(250,250,250,0.4);
  margin: 0 3px;
}
.mint-swipe-indicator.is-active {
  background: rgba(250,190,0,1);
}
.product {
    margin: 0 12px;
}
.product-title {
    margin: 18px auto 12px;
}
.product-title img {
    width: 180px;
    height: 32px;
    margin: 0 auto;
    display: block;
}
.product-one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    scroll-behavior: smooth;
}
.product-one li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 12px 0;
    border-bottom: 1px solid #f2f2f2;
}
.product-one li:last-child {
    border: none;
}
.product-one-left {
    width: 35%;
    height: 122px;
    max-height: 122px;
    min-height: 122px;
}
.product-one-left img {
    width: 100%;
    height: 122px;
    max-height: 122px;
    min-height: 122px;
    border-radius: 6px 0 0 6px;
    vertical-align: middle;
}
.product-one-right {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 3% 0 3% 4%;
    position: relative;
}
.product-one-title {
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0 0 8px;
    height: 38px;
}
.product-one-price {
    position: absolute;
    bottom: 10px;
    left: 14px;
}
.product-one-but {
    position: absolute;
    right: 0;
    bottom: 8px;
    width: 76px;
    height: 30px;
    line-height: 30px;
    background: #FFDB00;
    text-align: center;
    border-radius: 36px;
    color: #333333;
}
.product-tips {
    width: 100%;
    text-align: center;
    height: 44px;
    line-height: 44px;
    font-size: 12px;
    color: #999;
}
.product-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.product-two li {
    display: block;
    border-radius: 6px;
    background: #fff;
    width: calc(50% - 5px);
    margin-bottom: 10px;
    position: relative;
}
.product-two li img {
    width: 100%;
    height: auto;
    border-radius: 6px 6px 0 0;
    float: left;
}
.product-two-text {
    padding: 5%; 
    position: relative;
}
.price-red {
    font-weight: 550;
    color: #ff6868;
}
.price-gray {
    font-weight: 400;
    color: #999;
}
.price-yellow {
    text-align: center;
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background: #FFEDB7;
    color: #333;
    font-size: 11px;
    margin: 0 2px 0;
}
.price-size-12 {
    font-size: 14px;
}
.price-size-18 {
    font-size: 20px;
}
.a-href {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
/**iphone4/5***/
@media only screen and (min-device-width:241px) and (max-device-width:359px){
    .price-yellow {
        width: 15px;
        height: auto;
        line-height: auto;
        margin: 0 auto;
    }
    .product-one-left img {
        height: 105px;
        min-height: 105px;
        max-height: 105px;
    }
    .product-one-left {
        height: 105px;
        min-height: 105px;
        max-height: 105px;
    }
}
/**iphone6 plus**/
@media only screen and (min-device-width:414px) and (max-device-width:430px){
    .product-one-left img {
        height: 137px;
        min-height: 137px;
        max-height: 137px;
    }
    .product-one-left {
        height: 137px;
        min-height: 137px;
        max-height: 137px;
    }
}
@media only screen and (min-device-width:431px){
    .product-one-left img {
        height: 167px;
        min-height: 167px;
        max-height: 167px;
    }
    .product-one-left {
        height: 167px;
        min-height: 167px;
        max-height: 167px;
    }
}






















































































































































































































































































































































































































































































































































































































































/* 因全局 common 的 body 样式 min-height:100%;display:flex; 导致 此页面 body relative 布局无高度，所以加一个高度并且去掉 flex */
body {
    height: 100%;
    display: block;
}

*[css-index] {
        font-family: Arial, 冬青黑体简体中文, "Hiragino Sans GB W3";
}
.body[css-index] {
		margin: 0 auto;
        position: relative;
		width: 100%;
		max-width: 487px;
		min-height: 100%;
        background-color: #f5f5f5;
        padding-bottom: 55px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
}
.search[css-index] {
        height: 45px;
        line-height: 45px;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 6px 0;
}
.search-left[css-index] {
        width: 80px;
        text-align: center;
}
.search-left-body[css-index] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        line-height: 32px;
}
.search-left-text[css-index] {
        font-size: 14px;
        display: inline-block;
}
.search-left-img[css-index] {
        width: 12px;
        height: 7px;
        display: inline-block;
        margin-left: 6px;
}
.search-right[css-index] {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        background: #f2f2f2;
        margin: 0 15px 0 0;
        border-radius: 17px;
        font-size: 14px;
        line-height: 33px;
        padding-left:16px;
        color:#bbb;
}
.rotation-chart[css-index] {
        height: 14rem;
        min-height: 3.2rem;
        background: #fff;
}
.rotation-chart-footer[css-index] {
        width:100%;
        height:15px;
        position:absolute;
        top:221px;
}
.rotation-chart img[css-index] {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
}
.classify[css-index] {
        padding: 15px 0 0;
        /* border-bottom: 1px solid #e6e6e6; */
        background: #fff;
}
.newClassify[css-index]{
        position:absolute;
        top:0;
        right:5%;
        width:26% !important;
        height:auto !important;
}
.classify li[css-index] {
        display: inline-block;
        width: 20%;
        margin: 0 0 15px;
        position: relative;
}
.classify li img[css-index] {
        width: 60px;
        height: 60px;
        display: block;
        margin: 0 auto;
}
.classify li p[css-index] {
        margin-top: 5px;
        text-align: center;
}
.classify-a[css-index] {
        display: block;
        width: 100%;
        height: calc(100% + 18px);
        position: absolute;
        left: 0;
        top: -9px;
        z-index: 2;
}
.product-one li[css-index] {
        border-radius: 6px;
        margin-bottom: 10px;
        padding: 0;
        border: none;
        background: #fff;
}
.look-more[css-index] {
        margin: 5px auto 15px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        background: #fff;
        font-size: 16px;
        color: #666;
        display: block;
}
.qr-code[css-index] {
        position: relative;
        margin: 24px 14px 60px;
}
.qr-code-background[css-index] {
        width: 100%;
        height: auto;
        float: left;
}
.qr-code-qrcode[css-index] {
        position: absolute;
        font-size: 13px;
        color: #000;
        line-height: 22px;
        width: 65px;
        height: 65px;
        top: 0;
        right: 28px;
}
.qr-code-text[css-index] {
        position: absolute;
        font-size: 13px;
        color: #FF7800;
        line-height: 22px;
        width: 222px;
        text-align: right;
        top: 10px;
        right: 100px;
        font-weight: 600;
        text-shadow: 0 1px white, 1px 0 white, -1px 0 white, 0 -1px white;
}
.qr-code-tips[css-index] {
        position: absolute;
        height: 14px;
        line-height: 14px;
        font-size: 10px;
        text-align: center;
        color: #999999;
        width: 100%;
        bottom: -19px;
}
.btn-kf[css-index] {
        position: fixed;
        width: 60px;
        height: 60px;
        right: 14px;
        bottom: 62px;
        cursor: pointer;
        background-size: 60px;
        z-index: 9;
}
.corner-mark-img[css-index] {
        position: absolute;
        width: 40px;
        top: 0;
        left: 0;
}
.corner-mark-text[css-index] {
        position: absolute;
        width: 40px;
        color: white;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        top:6px;
        left:-6px;
        font-size:10px;
        text-align:center;
        font-weight: bold;
}
.list-window[css-index] {
        margin-top: 12px;
}
.list-window-div[css-index] {
        width: calc(50% - 5px);
        height: 86px;
        border-radius: 6px;
        overflow:hidden;
        display: inline-block;
        margin: 0 0 9px 0;
}
.list-window-div[css-index]:nth-child(odd) {
        margin-right: 9px;
}
.list-window-div-a[css-index] {
        width: 100%;
        height: 100%;
        display: block;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
}
.product-title[css-index]:first-child {
        margin-top: 20px;
}
	/**iphone4/5***/
@media only screen and (min-device-width:241px) and (max-device-width:359px){
.rotation-chart-footer[css-index] {
            top: 201px;
}
.qr-code-text[css-index] {
            font-size: 12px;
            top: 10px;
}
.qr-code-qrcode[css-index] {
            top: -6px;
}
}
	/**iphone6 plus**/
@media only screen and (min-device-width:414px) and (max-device-width:486px){
.rotation-chart-footer[css-index] {
            top: 241px;
}
.qr-code-text[css-index] {
            font-size: 14px;
            right: 120px;
}
.qr-code-qrcode[css-index] {
            top: -10px;
            width: 85px;
            height: 85px;
}
.list-window-div[css-index] {
            height: 110px;
}
}
	/** 全屏 **/
@media only screen and (min-device-width:431px){
.rotation-chart-footer[css-index] {
            top: 281px;
}
.list-window-div[css-index] {
            height: 140px;
}
}

.product-one li[css-sec] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 6px;
    background: #fff;
    margin-bottom: 10px;
    position: relative;
    padding: 0;
    border: none
}
.product-one-title[css-sec] {
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0 0 12px;
}
.product-one-right[css-sec] {
    padding: 3% 4%;
}
.price-left[css-sec] {
    float: left;
}
.price-right[css-sec] {
    float: right;
}
.price-text[css-sec] {
    font-size: 12px;
}
/**iphone4/5***/
@media only screen and (min-device-width:241px) and (max-device-width:359px){
.product-one-right[css-sec] {
        padding: 3%;
}
.product-one-title[css-sec] {
        margin-bottom: 7px;
}
.price-text[css-sec] {
        font-size: 11px;
}
}
/**iphone6 plus**/
@media only screen and (min-device-width:414px) and (max-device-width:486px){
.price-size-12[css-sec] {
        font-size: 13px;
}
.price-size-18[css-sec] {
        font-size: 20px;
}
}

.header-img[data-v-acff3902] {
    width:3.6rem;
    height:0.64rem;
    margin: 0.2rem auto;
    display: block;
}
.main[data-v-acff3902] {
    border-radius: 0.12rem;
    background: #fff;
}
.main header[data-v-acff3902] {
    border-bottom: 0.02rem solid #e6e6e6;
}
.pic-ul[data-v-acff3902] {
    padding: 0.24rem 0 0  0.24rem
}
.pic-li[data-v-acff3902] {
    width: calc(33.3333% -  0.24rem);
    height: auto;
    float: left;
    margin-right:  0.24rem;
    margin-bottom: 0.18rem;
}
.pic-li[data-v-acff3902]:nth-child(3n+3) {
    margin-right: 0;
}
.pic-div[data-v-acff3902] {
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
}
.pic[data-v-acff3902] {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    border-radius: 0.08rem;
    -o-object-fit: cover;
       object-fit: cover;
}
.price[data-v-acff3902] {
    color: #FC4542;
    text-align: center
}
.price-price[data-v-acff3902] {
    margin-top: 0.14rem;
}
.price-price span[data-v-acff3902] {
    font-size: 0.32rem;
    display: inline-block;
    margin-left: -0.04rem;
}
.price-tips[data-v-acff3902] {
    color: #666;
}
.more-but[data-v-acff3902] {
    border-radius: 0.12rem;
    width: 100%;
    margin: 0.2rem auto;
    background: #fff;
    text-align: center;
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.32rem;
    color: #666;
}

.flex[data-v-2dd9a998]{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	display:-webkit-flex;
}
.flex-item[data-v-2dd9a998]{
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
	-webkit-flex:1;
}
.top-nav[data-v-2dd9a998]{
    height: 45px;
    background-color: #ffffff;
    position: relative;
}
.top-nav .item .text[data-v-2dd9a998]{
    display: block;
    font-size: 14px;
    line-height: 45px;
    color: #333333;
    text-align: center;
    cursor: pointer;
}
.top-nav .item .text[data-v-2dd9a998]{
	position: relative;
	font-size: 16px;
}
.top-nav .item.border .text[data-v-2dd9a998]:after{
	content: ' ';
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 1px;
	height: 18px;
	background-color: #e6e6e6;
}
.top-nav .line[data-v-2dd9a998]{
	position: absolute;
	left: 50%;
	width: 40px;
	height:4px;
	background-color: #000;
	bottom: -1px;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%)
}

.mask[data-v-763696f8] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.body[data-v-763696f8] {
    width: 275px;
    height: 244px;
    border-radius: 12px;
    background: #fff;
    position: relative;
    margin-top: -40px;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in;
    opacity: 0;
}
.body-move[data-v-763696f8] {
    opacity: 1;
    margin-top: 0;
}
.body-move-out[data-v-763696f8] {
    opacity: 0;
    margin-top: -20px;
}
.header[data-v-763696f8] {
    margin: 22px 26px 18px;
    text-align: center;
    color: #333;
    font-weight: 550;
    font-size: 15px;
    height: 16px;
    line-height: 16px;
}
.main[data-v-763696f8] {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    background-image: url('xl_box246x246.png');
    background-size: 120px;
    padding: 10px 0 0 10px;
}
.main img[data-v-763696f8] {
    width: 100px;
    height: 100px;
}
.footer[data-v-763696f8] {
    width: 100%;
    margin: 18px auto 0;
    text-align: center;
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    color: #999;
}
.custom-service[data-v-763696f8] {
    position: absolute;
    left: 0;
    top: -82px;
    background: 275px 82px;
    width: 275px;
    height: 82px;
}
.close[data-v-763696f8] {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 121px;
    bottom: -64px;
}

.footer[css-ico] {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    z-index: 9;
}
.footer-ul[css-ico] {
    max-width: 487px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e2e2e2;
    background: #fafafa;
}
.footer-li[css-ico] {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 50px;
}
.footer-li img[css-ico] {
    width: 24px;
    height: 24px;
    display: block;
    margin: 4px auto 2px;
}
.footer-li p[css-ico] {
    text-align: center;
    font-size: 12px;
    color: #666;
}
.footer-li-sel[css-ico] {
    color: #333 !important; 
}

.hidden[data-v-3935d939] {
    display: none;
}
.mask[data-v-3935d939] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.body[data-v-3935d939] {
    padding: 0 0 24px;
    border-radius: 12px;
    background: #fff;
    position: relative;
    margin-top: -40px;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in;
    opacity: 0;
}
.body-move[data-v-3935d939] {
    opacity: 1;
    margin-top: 0;
}
.body-move-out[data-v-3935d939] {
    opacity: 0;
    margin-top: -20px;
}
.header[data-v-3935d939] {
    margin: 22px 26px 18px;
    text-align: center;
    color: #333;
    font-weight: 550;
    font-size: 15px;
    height: 16px;
    line-height: 16px;
}
.main[data-v-3935d939] {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    background-image: url('xl_box246x246.png');
    background-size: 120px;
    padding: 10px 0 0 10px;
}
.main img[data-v-3935d939] {
    width: 100px;
    height: 100px;
}
.close[data-v-3935d939] {
    width: 32px;
    height: 32px;
    position: absolute;
    left: calc(50% - 16px);
    bottom: -64px;
}

.hidden[data-v-28d01334] {
    display: none;
}
.mask[data-v-28d01334] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.body[data-v-28d01334] {
    padding: 0 0 24px;
    border-radius: 12px;
    position: relative;
    margin-top: -40px;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in;
    opacity: 0;
}
.body-move[data-v-28d01334] {
    opacity: 1;
    margin-top: 0;
}
.body-move-out[data-v-28d01334] {
    opacity: 0;
    margin-top: -20px;
}
.main[data-v-28d01334] {
    width: 5.8rem;
    height: 7rem;
}
.close[data-v-28d01334] {
    width: 32px;
    height: 32px;
    position: absolute;
    left: calc(50% - 16px);
}

.index-nav-bar {
	position: absolute; 
	height: 4px;
	width: 20px;
	-webkit-border-radius: 2px;
	border-radius: 2px; 
	-webkit-transition: left .2s;
	-o-transition: left .2s;
	transition: left .2s;
	background-color: #FF7124
}