@charset "utf-8";
/* CSS Document */
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body { line-height: 1.5; font-family:"微软雅黑", Helvetica, Arial, sans-serif; max-width: 750px; margin: 0 auto; background-color:#f8f8f8; padding: 0.90rem 0 1.00rem;}
*{ margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
img { border: 0; }
a { text-decoration: none; display:block;}
i, em { font-style: normal;}
li { list-style: none; vertical-align: bottom;}
.disable { display: none; }
.fl { float: left; }
.fr { float: right; }
.t-r { text-align: right; }
.clearfix:after { content: ""; height: 0; display: block; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
* +html .clearfix { height: 1%; }
.clearfix { display: block; clear: both; }
button{ outline: none;}
input, textarea { outline: none; resize: none; font-family:"微软雅黑", Helvetica, Arial, sans-serif;}
input[type="button"] { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; }
select { height: 22px; line-height: 18px; padding: 2px 0; outline: none; }
.m_cell_hd, .m_cell_ft { display: table-cell; vertical-align: middle; word-wrap: break-word; word-break: break-all; white-space: nowrap; overflow: hidden;}
.m_cell_primary { width: 2000px; white-space: normal;}

.wrapper{ max-width: 750px; margin: 0 auto; box-sizing: border-box;}
@media only screen and (max-width: 750px) {
	.wrapper{ width: 100%;}
}

/*头部*/
.header3{ position: fixed; left: 0; top: 0; right: 0; height: 0.90rem; background-color: #ed414a; z-index: 9;}
.header3 h1{ display:block; text-align: center; font-size: 0.38rem; color: #fff; font-weight: 400; line-height: 0.90rem; height: .90rem; overflow: hidden;}
.header3 a{ display:block; position: absolute; top: 0; color: #fff; font-size: 0.30rem; line-height: 0.90rem; height: 0.90rem; overflow: hidden;}
.header3 .back{ left: 0.25rem; background: url(../images/backa.png) no-repeat left center; background-size: 0.19rem auto; padding-left: 0.30rem;}
.header3 .center{ right: 0.25rem;}
.header3 .center img{ height: 0.42rem; margin-top: 0.24rem;}

/*banner*/
.banner{ width: 100%; position: relative; overflow: hidden;}
.banner .bd img{ width: 100%;}
.banner .nums{ position: absolute; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.60); height: 0.60rem; line-height: 0.60rem; font-size: 0.28rem; color: #fff; padding: 0 0.25rem; overflow: hidden; z-index: 3;}
.banner .nums p.fr{ background:url(../images/eye.png) no-repeat left center; background-size: 0.32rem auto; padding-left: 0.40rem;}

/*详情*/
.detial_info{ background-color: #ed414a; overflow: hidden;}
.price{ float:left; padding: 0.15rem 0.25rem 0; text-align: center; color: #fff; font-size: 0.28rem; line-height: 0.40rem; height: 1.10rem; box-sizing: border-box;}
.price b{ display: block; font-size: 0.42rem; font-weight: 400;}
.price b i{ font-size: 0.28rem;}
.price del{ display:block; line-height: 0.35rem;}
.time{ float:right; height: 1.10rem; padding: 0 0.25rem; text-align: center; background-color: #e8525a; overflow: hidden; font-size: 0.26rem; color: #fff; padding-top: 0.15rem; box-sizing: border-box; line-height: 0.40rem;}
.detial_title{ padding: 0.20rem 0.25rem 0; background-color: #fff;}
.detial_title h1{ display:block; font-size: 0.32rem; font-weight: 400; color: #333;}
.detial_title ul{ border-top: 1px #ddd solid; margin-top: 0.20rem; padding-top: 0.10rem;}
.detial_title li{ margin-top: 0.05rem;}
.detial_title i{ float:left; font-size: 0.26rem; color: #50b43f; line-height: 0.44rem; background: url(../images/cart.png) no-repeat left center; background-size: 0.28rem auto; padding-left: 0.38rem; margin-right: 0.40rem;}
.detial_title i.refund{background: url(../images/refund.png) no-repeat left center; background-size: 0.28rem auto; }
.detial_title p{ font-size: 0.28rem; color: #666; line-height: 0.80rem; height: 0.80rem;}

/*加群*/
.join{ background-color:#fff; padding: 0.25rem; margin: 0.18rem 0;}
.join img{ width: 1.10rem; height: 1.10rem; border-radius: 0.10rem; margin-right: 0.20rem;}
.join h4{ display:block; font-size: 0.32rem; color: #333; font-weight: 400; line-height: 0.45rem;}
.join p{ font-size: 0.26rem; color: #999; line-height: 0.40rem;}
.join a{ display:block; background-color: #ed414a; color: #fff; padding: 0 0.40rem; border-radius: 0.06rem; font-size: 0.28rem; height: 0.55rem; line-height: 0.55rem;}

/*弹窗*/
.bg{ display:none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.50); z-index: 10;}
.box{ display:none; position:fixed; left: 50%; top: 50%; margin-left: -2.50rem; margin-top: -3.54rem; width: 5.0rem; background-color: #fff; border-radius: 0.20rem; overflow: hidden; z-index: 11;}
.box .top{ padding: 0.30rem 0.50rem; border-bottom: 1px #ddd solid;}
.box .top ul img{ float: left; height: 0.90rem; margin-right: 0.15rem;}
.box .top ul b{ display:block; overflow: hidden; font-size: 0.28rem; line-height: 0.90rem; color: #666;}
.box .top > img{ width: 100%; margin-top: 0.20rem;}
.box .top p{ font-size: 0.28rem; color: #666; padding-top: 0.15rem; text-align: center;}
.box button{ display:block; border: 0; width: 100%; height: 0.80rem; background-color: transparent; font-size: 0.28rem; color: #666;}

/*列表*/
.index_list01{ background-color:#fff;}
.index_list01 li{ padding: 0.20rem; border-bottom: 1px #ddd solid;}
.index_list01 li:last-child{ border-bottom:none;}
.index_list01 img,.index_list02 img{ width: 100%;}
.index_list01 .img,.index_list02 .img{ position: relative; overflow: hidden;}
.index_list01 .img i,.index_list02 .img i{ position:absolute; left: 0; bottom: 0; padding: 0.05rem 0.10rem; font-size: 0.26rem; color: #fff; background-color: rgba(0,0,0,0.5); z-index: 1;}
.index_list01 .img span,.index_list02 .img span{ display:block; position: absolute; color: #fff; z-index: 1;}
.index_list01 .img .bgs,.index_list02 .img .bgs{ top: -0.10rem; left: -0.45rem; border-left: 0.70rem solid transparent; border-right: 0.70rem solid transparent; border-bottom: 0.70rem solid #f00; transform: rotate(-45deg);}
.index_list01 .img .num,.index_list02 .img .num{ top: 0.15rem; left: -0.04rem; font-size: 0.26rem; transform: rotate(-45deg);}
.index_list01 h4,.index_list02 h4{ display:block; padding-top: 0.15rem; font-size: 0.32rem; color: #333; font-weight: 400; line-height: 0.50rem; height: 0.50rem; overflow: hidden;}
.index_list01 p,.index_list02 p{ font-size: 0.28rem; color: #999; line-height: 0.40rem; height: 0.40rem; margin-bottom: 0.10rem; overflow: hidden;}
.index_list01 p em,.index_list02 em{ float:right;}
.index_list01 b,.index_list02 b{ display:block; font-size: 0.38rem; color: #f00; height: 0.50rem; line-height: 0.50rem; position: relative; font-weight: 400;}
.index_list01 b del,.index_list02 b del{ margin-left: 0.10rem; color: #999; font-size: 0.24rem;}
.index_list01 b i,.index_list02 b i{ display:block; position: absolute; right: 0; top: 0; border-radius: 0.06rem; color: #fff; font-size: 0.24rem; background-color: #ed414a; width: 1.40rem; text-align: center;}

.index_list02{ margin-top: 0.20rem; padding: 0 0.10rem;}
.index_list02 li{ float:left; width: 49.4%; background-color: #fff; margin-bottom: 0.15rem; overflow: hidden;}
.index_list02 li:nth-child(2n){ float:right;}
.index_list02 .con{ padding: 0 5px 0.15rem;}

/*底部*/
.footer{ border-top: 1px #ddd solid; position: fixed; left: 0; bottom: 0; right: 0; height: 1.0rem; background-color: #fff; z-index: 9;}
.footer button{ display:block; border: 0; width: 100%; height: 1.0rem; font-size: 0.30rem; color: #fff; background-color: #ed414a;}
.footer a{ display:block; text-align: center; font-size: 0.26rem; color: #666; width: 1.40rem; height: 1.0rem; padding-top: 0.10rem; box-sizing: border-box; overflow: hidden;}
.footer img{ margin: 0 auto; height: 0.45rem;}