@charset "UTF-8";
html { font-family: "Hiragino Sans GB", "Hiragino Sans GB W3", "微软雅黑", "宋体", Helvetica, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; word-wrap: break-word; }

article, aside, details, figcacption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: transparent; text-decoration: none; color: #a8a9ac; -webkit-tap-highlight-color: transparent; }

a:active, a:hover, a:focus { outline: 0; text-decoration: none; color: #eb6f98; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

sub, sup { font-size: 0.75em; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; width: auto; max-width: 100%; width: 100%; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; }

ton { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: inherit; }

body { font-size: 0.24rem; }

body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, a, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-family: inherit; box-sizing: border-box; text-align: justify; }

body { color: #a8a9ac; background: #fff; }

ul, li, ol { list-style: none; line-height: normal; }

small { font-size: 0.875em; }

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

.prize2 ul, .prize2 li, .cf { *zoom: 1; }
.prize2 ul:before, .prize2 li:before, .prize2 ul:after, .prize2 li:after, .cf:before, .cf:after { content: ""; display: table; }
.prize2 ul:after, .prize2 li:after, .cf:after { clear: both; }

.left, .right { float: left; }

.show { display: block !important; }

.hide { display: none !important; }

.h50 { width: 100%; height: 0.98rem; }

.invite .btn, .invite .btn2, .prize .btn2, .prize2 .btn2, .product-details .main-img .btn-details { background-color: #eb6f98; text-align: center; color: #fff; }

.top-nav { height: 0.98rem; width: 100%; line-height: 0.98rem; background-color: #201e1e; position: fixed; top: 0; right: 0; z-index: 9; overflow: hidden; }
.top-nav .top-left, .top-nav .top-right { position: absolute; z-index: 10; top: 0.23rem; }
.top-nav a { color: #fff; }
.top-nav .top-left { height: 0.5rem; padding-left: 0.4rem; line-height: 0.5rem; background: url(../images/back.png) 0 center no-repeat; background-size: 0.5rem 0.5rem; left: 0rem; font-size: 0.32rem; }
.top-nav h3 { text-align: center; width: 100%; line-height: 0.98rem; font-size: 0.32rem; color: #fff; }
.top-nav .top-right { right: 0.2rem; }
.top-nav .top-right img { width: 0.5rem; height: 0.5rem; display: block; }

.logo { width: 100%; }

.invite { width: 100%; }
.invite .main-img { width: 100%; position: relative; min-height: 2.5rem; }
.invite .main-img .txt { width: 100%; height: 1.52rem; position: absolute; top: .6rem; left: 0; background-color: rgba(255, 255, 255, 0.72); text-align: center; color: #eb6f98; font-size: .32rem; padding-top: .2rem; line-height: .48rem; }
.invite .tj { width: 100%; text-align: center; }
.invite .btn { width: 4.35rem; height: .85rem; line-height: .85rem; display: inline-block; font-size: .3rem; margin: .7rem -0px; }
.invite .btn2 { width: 5.1rem; height: .85rem; line-height: .85rem; display: inline-block; font-size: .3rem; margin: .7rem -0px; background: url("../images/btn.png") 0 center repeat-x; background-size: 1px 100%; }
.invite .tips { width: 100%; padding: 0 .5rem; text-align: center; }
.invite .tips2 { width: 100%; padding: 0 .2rem; line-height: .4rem; text-align: center; font-size: .3rem; }
.invite .tips2 span { border: #eb6f98 1px solid; padding: 0 .2rem; color: #eb6f98; margin: 0 .1rem; height: .34rem; line-height: .34rem; display: inline-block; }

.prize { width: 100%; padding: .5rem; }
.prize h3 { border-bottom: #eb6f98 1px solid; text-align: center; line-height: .48rem; color: #eb6f98; font-size: .3rem; }
.prize h3 span { display: inline-block; width: 50%; text-align: center; }
.prize ul { padding-top: .4rem; }
.prize li { width: 100%; height: .7rem; line-height: .7rem; margin-bottom: .4rem; text-align: center; }
.prize li i { display: inline-block; width: .8rem; height: .7rem; background: url(../images/icon1.png) center center no-repeat; background-size: .8rem .7rem; text-align: center; color: #fff; font-size: .2rem; margin: 0 .1rem; }
.prize li span { display: inline-block; width: 2.92rem; height: .7rem; background: url(../images/bg1.png) center center no-repeat; background-size: 2.92rem .7rem; text-align: left; color: #eb6f98; font-size: .2rem; margin: 0 .1rem; padding-left: .7rem; }
.prize li.on span { background-image: url(../images/bg1-on.png); color: #fff; }
.prize .prize-tips { height: .5rem; line-height: .5rem; border: #eb6f98 1px solid; color: #eb6f98; padding: 0 .2rem; font-size: .24rem; text-align: center; margin-top: .7rem; }
.prize .btn2 { width: 3.17rem; height: .54rem; line-height: .54rem; display: inline-block; font-size: .3rem; margin: .7rem -0px; }

.prize2 { width: 100%; padding: .5rem; position: relative; }
.prize2 h3 { border-bottom: #eb6f98 1px solid; text-align: center; line-height: .48rem; color: #eb6f98; font-size: .3rem; }
.prize2 h3 span { display: inline-block; width: 50%; text-align: center; }
.prize2 ul { padding-top: 2.4rem; margin-bottom: 2.5rem; }
.prize2 li { width: 100%; height: .7rem; line-height: .7rem; margin-bottom: 1.1rem; text-align: center; }
.prize2 li i { float: left; display: inline-block; width: .8rem; height: .7rem; background: url(../images/icon2.png) center center no-repeat; background-size: .8rem .7rem; text-align: center; color: #fff; font-size: .2rem; margin: 0 .1rem; }
.prize2 li span { display: inline-block; width: 2.5rem; height: .7rem; border: #b4b3b4 1px solid; text-align: left; color: #b4b3b4; font-size: .2rem; margin: 0 .1rem; padding-left: .7rem; float: right; }
.prize2 li.on span { border-color: #eb6f98; background-color: #eb6f98; color: #fff; }
.prize2 li.on i { background-image: url(../images/icon1.png); }
.prize2 .prize-tips { height: .67rem; line-height: .67rem; border: #eb6f98 1px solid; color: #eb6f98; padding: 0 .2rem; font-size: .24rem; text-align: center; margin-top: 1rem; }
.prize2 .btn2 { width: 3.17rem; height: .54rem; line-height: .54rem; display: inline-block; font-size: .3rem; margin: .7rem -0px; }
.prize2 .percent { width: .8rem; position: absolute; top: 1.4rem; left: 1.6rem; height: 12rem; }
.prize2 .percent .circle-top, .prize2 .percent .circle-bottom { width: .26rem; height: .26rem; border-radius: .26rem; overflow: hidden; display: block; background-color: #b4b3b4; position: absolute; left: .27rem; }
.prize2 .percent .circle-top.on, .prize2 .percent .circle-bottom.on { background-color: #eb6f98; }
.prize2 .percent .circle-top { top: 0; }
.prize2 .percent .circle-bottom { bottom: 0; }
.prize2 .percent .line { width: .11rem; height: 11.78rem; left: .35rem; top: .1rem; background-color: #b4b3b4; position: absolute; }
.prize2 .percent .line i { width: 100%; height: 5%; position: absolute; top: 0; left: 0; background-color: #eb6f98; }
.prize2 .percent .icon { width: .8rem; height: .86rem; background: url("../images/icon-1.png") center center no-repeat; background-size: 100% 100%; position: absolute; top: 8%; left: 0; }
.prize2 .btn2 { width: 5.1rem; height: .85rem; line-height: .85rem; display: inline-block; font-size: .3rem; margin: .7rem -0px; background: url("../images/btn.png") 0 center repeat-x; background-size: 1px 100%; }

.product-details { width: 100%; }
.product-details .main-img { width: 100%; position: relative; min-height: 2.5rem; }
.product-details .main-img img { display: block; }
.product-details .main-img .txt { width: 100%; height: 1.31rem; line-height: 1.31rem; position: absolute; top: 50%; margin-top: -.65rem; left: 0; background-color: rgba(255, 255, 255, 0.72); text-align: center; color: #eb6f98; font-size: .32rem; }
.product-details .main-img .btn-details { width: 5.1rem; height: .85rem; line-height: .85rem; display: inline-block; font-size: .3rem; background: url("../images/btn.png") 0 center repeat-x; background-size: 1px 100%; }
.product-details .con1 { width: 100%; padding: .5rem; font-size: .24rem; color: #6c6c6c; line-height: .36rem; text-align: justify; }
.product-details h4 { font-size: .32rem; color: #eb6f98; margin-top: .4rem; margin-bottom: .2rem; text-align: center; font-weight: bold; }
.product-details .tips, .product-details .cpt { color: #eb6f98; width: 100%; font-size: .24rem; line-height: .36rem; margin: .7rem -0px; text-align: center; }
.product-details .cpt { color: #6c6c6c; margin-bottom: 0; }
.product-details .feedback-img { padding-top: .3rem; }
.product-details .feedback-img img { width: 100%; display: block; }
.product-details .con-box { width: 100%; display: none; }

footer { height: .98rem; line-height: .98rem; background-color: #201e1e; }

.shares { width: 100%; position: fixed; top: 0; left: 0; z-index: 99; background-color: rgba(0, 0, 0, 0.6); height: 100%; display: none; }

.addr-input { width: 100%; position: fixed; bottom: 0; background-color: #eeeeee; border-bottom: #201e1e .98rem solid; z-index: 99; display: none; }
.addr-input li { width: 100%; border-top: #fff 1px solid; height: .74rem; line-height: .74rem; padding: 0 .2rem; }
.addr-input span { width: .8rem; display: inline-block; }
.addr-input input[type=text] { width: 5.2rem; height: .74rem; border: none; outline: none; background-color: transparent; }
.addr-input select { width: 5.2rem; height: .74rem; border: none; margin-left: -4px; outline: none; background-color: transparent; }
.addr-input .tj { width: 100%; height: .9rem; margin-top: 1.2rem; text-align: center; }
.addr-input .btn-submit, .addr-input .btn-cancle { width: 2.5rem; height: .9rem; display: inline-block; background-color: #eb6f98; text-align: center; line-height: .9rem; font-size: .34rem; color: #fff; }
.addr-input .btn-cancle { background-color: #b4b3b4; margin-left: .2rem; }