html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,dt,dd,th,td,button,input,form,img{ padding: 0; margin: 0; color: #fff; font-family: 'Microsoft YaHei', Helvetica;}
html,body{-webkit-text-size-adjust: 100%; background-color: #1b0426; -webkit-overflow-scrolling: touch;}
html *{ -webkit-tap-highlight-color: transparent;}
a{ color: #333; text-decoration: none;}
img,textarea{ border: 0; vertical-align: middle}
ul,ol,li{ list-style: none;} 
i,em{ font-style: normal }
table{ border-spacing: none; border-collapse: collapse;}
button,input[type=text],input[type=password],select,textarea{ box-sizing: border-box; -webkit-appearance: none;}
.clearfix:after{ content: ''; display: block; height: 0; clear: both; visibility: hidden;}
em{ font-style: normal;}
.bg{ position: relative; background-position: top center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; overflow: hidden;}


.banner{ background-image: url(../images/banner.jpg); height: 20.975rem;}
.banner .time{ position: absolute; top: 1.95rem; right: 0.5rem; line-height: 0.55rem; font-size: 0.45rem; color: #694606;}
.mod1{ height: 35.175rem;}
.mod1 .z3-mod{ width: 8.125rem; position: absolute; top: 3.225rem; right: 0;}
.mod1 .z3-mod a{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99;}
.mod1 .z3-mod img{ display: block; width: 6.125rem;}
.mod1 .z3-mod .tit{ line-height: 0.9rem; margin-top: 0.325rem; font-size: 0.7rem; color: #f5e9fb; font-weight: normal;}
.mod1 .z3-mod .txt{ margin-top: 0.5rem; line-height: 0.7rem; font-size: 0.45rem; color: #f5e9fb;}
.mod1 .z3-mod .price{ text-align: right; margin: 0.65rem 1.45rem 0 0; line-height: 1.15rem; height: 1.15rem; overflow: hidden; font-size: 0.65rem; color: #ff005a;}
.mod1 .z3-mod .price em{ font-size: 1rem;}
.mod1 .z3-mod .btn{ display: block; float: right; margin-right: 1.15rem; width: 4.75rem; font-size: 0.5rem; border-radius: 0.125rem; text-align: center; height: 1.25rem; line-height: 1.25rem; background-color: #ff005a; color: #fff;} 
.xp-mod{ width: 100%; height: 15.425rem; position: absolute; left: 0; bottom: 3.575rem;}
.xp-mod .xp-le{ float: left; position: relative; margin-left: 0.5rem; width: 7.15rem; height: 15.425rem; background-image: url(../images/p30.png);}
.xp-mod .xp-ri{ float: left; position: relative; margin-left: 0.25rem; width: 7.15rem; height: 15.425rem; background-image: url(../images/e5.png);}
.xp-inner{ position: absolute; top: 7.35rem; left: 0.625rem; width: 6.5rem; text-align: center;}
.xp-inner .tit{ height: 1.2rem; line-height: 1.2rem; font-size: 0.75rem; color: #f5e9fb; font-weight: normal;}
.xp-inner .txt{ margin-top: 0.2rem; font-size: 0.45rem; line-height: 0.65rem; height: 1.95rem; overflow: hidden; color: #f5e9fb;}
.xp-inner .price{ margin-top: 0.25rem; height: 1.125rem; line-height: 1.125rem; overflow: hidden; font-size: 0.65rem; color: #ff005a;}
.xp-inner .price em{ font-size: 1rem;}
.xp-inner .btn{ display: block; margin: 0 auto; width: 4.75rem; font-size: 0.5rem; border-radius: 0.125rem; text-align: center; height: 1.25rem; line-height: 1.25rem; background-color: #ff005a; color: #fff;}
.xp-inner .lookmore{ display: block; width: 100%; line-height: 0.7rem; margin-top: 0.4rem; font-size: 0.5rem; color: #fff;}
.mod-tit{ display: block; height: 3.75rem;}
.inner-txt{ width: 7.5rem;}
.inner-txt .tit{ line-height: 0.9rem; font-size: 0.75rem; font-weight: normal;}
.inner-txt .tit em{ font-size: 0.45rem;}
.inner-txt .txt{ margin-top: 0.225rem; line-height: 0.65rem; font-size: 0.45rem;}
.inner-txt .icon818{ display: inline-block; margin-top: 0.7rem; width: 2.5rem; height: 0.65rem; line-height: 0.72rem; overflow: hidden; text-align: center; background-color: #ff005a; color: #fff; font-size: 0.45rem; border-radius: 0.125rem;}
.inner-txt .zeng{ line-height: 0.6rem; margin-top: 0.15rem; font-size: 0.45rem; color: #f2dcc3;}
.inner-txt .zeng a{ color: #f7ad24;}
.inner-txt .price{ margin-top: 0.75rem; line-height: 1.1rem; height: 1.1rem; overflow: hidden; font-size: 0.65rem; color: #ff005a;}
.inner-txt .price.mt2{ margin-top: 2rem;}
.inner-txt .price em{ font-size: 1rem;}
.inner-txt .price del{ font-size: 0.5rem; color: #fff; margin: 0.15rem;}
.inner-txt .btn{ display: block; width: 4.75rem; font-size: 0.5rem; border-radius: 0.125rem; text-align: center; height: 1.25rem; line-height: 1.25rem; background-color: #ff005a; color: #fff;}


.mod2,.mod3,.mod4,.mod5,.mod6,.mod7{ padding-bottom: 2.5rem;}
.product1{ margin-bottom: 0.5rem; background-image: url(../images/product-bg1.png); height: 10.5rem; background-position: top center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; overflow: hidden;}
.product2{ margin-bottom: 0.5rem; background-image: url(../images/product-bg2.png); height: 10.5rem; background-position: top center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; overflow: hidden;}
.product1 .pic{ float: left; height: 10rem; margin: 0.25rem 0 0 0.25rem;}
.product1 .inner-txt{ float: right; padding-top: 1.45rem; margin-right: 0.25rem;}

.product2 .pic{ float: right; height: 10rem; margin: 0.25rem 0.25rem 0 0;}
.product2 .inner-txt{ float: left; text-align: right; padding-top: 1.45rem; margin-left: 0.25rem;}
.product2 .inner-txt .btn{ float: right;}
.list-mod1 .list1{ margin-bottom: .5rem; width: 7.875rem; height: 15.275rem; padding-top: 0.25rem; box-sizing: border-box; float: left; background-image: url(../images/listbg1.png);}
.list-mod1 .list1.ri{ float: right;}
.list-mod1 .list1 .list1-img{ display: block; margin: 0 auto; height: 8.6rem;}

.list-mod1 .list1 .inner-txt{ width: 7.875rem; padding-top: 0.55rem; text-align: center;}
.list-mod1 .list1 .inner-txt .txt{ height: 1.3rem; overflow: hidden;}
.list-mod1 .list1 .inner-txt .btn,.list-mod2 .list2 .inner-txt .btn{ margin: 0 auto;}
.list-mod1 .list1 .inner-txt .price{ margin-top: 0.3rem;}
.mod6 .product2 .inner-txt{ padding-top: 1.15rem;}

.list-mod2{ margin-bottom: 0.5rem;}
.list-mod2 .list2{ width: 7.875rem; height: 18.4rem; padding-top: 0.25rem; box-sizing: border-box; float: left; background-image: url(../images/listbg2.png);}
.list-mod2 .list2.ri{ float: right;}
.list-mod2 .list2 .list2-img{ display: block; margin: 0 auto; height: 8.6rem;}
.list-mod2 .list2 .inner-txt{ width: 7.875rem; padding-top: 0.55rem; text-align: center;}
.list-mod2 .list2 .inner-txt .txt{ height: 1.3rem; overflow: hidden;}
.list-mod2 .list2 .inner-txt .center-icon818{ display: block; margin: 0.65rem auto 0; width: 2.5rem; height: 0.65rem; text-align: center; line-height: 0.72rem; overflow: hidden; font-size: 0.45rem; color: #fff; background-color: #ff005a; border-radius: 0.125rem;}
.list-mod2 .list2 .inner-top{ height: 4.1rem; padding-top: .25rem;}
.list-mod2 .list2 .inner-bottom{ padding-top: 0; margin-top: 0;}
.list-mod2 .list2 .inner-bottom .center-icon818{ margin: 0 auto;}
.product3{ margin-bottom: 0.5rem; background-image: url(../images/product-bg3.png); height: 13.475rem; padding-top: 0.25rem; box-sizing: border-box; background-position: top center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; overflow: hidden;}
.product3 .pic{ display: block; height: 8.6rem; margin: 0 auto;}
.product3 .inner-txt{ position: relative; padding-left: 1.125rem; padding-top: 0.4rem; width: 100%; box-sizing: border-box;}
.product3 .inner-txt .txt{ height: 1.3rem; overflow: hidden;}
.product3 .inner-txt .zeng-bg{ height: .65rem; line-height: .65rem; margin-top: 0.375rem;}
.product3 .inner-txt .zeng-bg .icon818{ float: left; margin: 0 0.325rem 0 0;}
.product3 .inner-txt .zeng{ float: left; width: 6.15rem; margin: 0;}
.product3 .inner-txt .btn-mod{ position: absolute; right: 1.175rem; bottom: 0;}
.product3 .inner-txt .btn-mod .price{ text-align: right;}