﻿@charset "utf-8";
b,blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,img,input,label,li,ol,p,pre,select,span,strong,table,td,textarea,th,ul{margin:0;padding:0}
abbr,acronym,fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
q:after,q:before{content:''}
i{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
caption,td,th{text-align:left;font-weight:400;}
a,button,img{border:none;text-decoration:none; vertical-align: unset;}
a,button{text-decoration:none;}
button:focus,input:focus{outline:0;}
textarea{font-family:"Microsoft YaHei";}
img{border:none;outline:0}
a{color:#333;text-decoration:none;outline:0; cursor: pointer;}
ol,ul{list-style:none;}
table{word-break:break-all;word-wrap:break-word;}
body,html{ background: #AF130C;}
body{font-family:'Microsoft YaHei',Arial,Lucida Grande,Lucida Sans Unicode,Verdana,sans-serif;font-size:14px;font-weight:400;color:#333;width:100%;}
select::-ms-expand{display:none;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
.clear{clear:both;}
.w1067{width:1067px;margin:0 auto;}
.w1200{width:1200px;margin:0 auto;}
.w100{width:100%;}
.left{float:left;}
.right{float:right;}
.boxs{ box-sizing: border-box;  -ms-box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  }
input{ border: none;}
.trion{ transition:all .3s;  -moz-transition:all .3s; /* Firefox 4 */ -webkit-transition:all .3s; /* Safari and Chrome */ -o-transition:all .3s; /* Opera */}
a:hover{ text-decoration: none;}
input::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; } 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; } 
input::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #ccc; } 
input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; }
textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; } 
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; } 
textarea::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #ccc; } 
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; }

/* ---------------banner-------------- */
.hd_banner{ height: 973px; min-width: 1200px; position: relative;}
.hd_banner_c{ height: 973px;  position: absolute; z-index: 1;}
.hd_banner_c a{ display: block; width: 100%; height: 100%;}
.hd_banner_c_top{ background: url(../images/october/banner01.jpg) center no-repeat; height: 522px;}
.hd_banner_c_dw{ background: url(../images/october/banner02.jpg) center no-repeat; height: 451px;}
.hd_banner_con{ height: auto; position: absolute; z-index: 2; text-align: center; left: 0px;}
.hd_banner_con .hd_banner_logo{ padding-top: 75px; margin-bottom: 55px;}
.hd_banner_con a{ display: block;}
.hd_banner_con .hd_banner_p{ margin-top: 50px;}

/* ---------------新人礼包-------------- */
.hd_content{ position: relative; height: auto; background: url(../images/october/index_bj.png) top no-repeat;}
.hd_content_01{ height: 550px; margin-top: -40px; z-index: 9;}
.hd_content_01 .hd_content_top{ line-height: 109px;}
.hd_content_top{ text-align: center; color: #FFE3AC; position: relative; z-index: 2; height: 118px; line-height: 118px;}
.hd_content_top p{ font-size: 50px; font-weight: bold;}
.hd_content_top p span{ font-size: 70px; font-weight: bold; padding: 0px 10px; position: relative; top: 8px;}
.hd_content_con{ height: auto; background: #FEE6A7; border-radius: 73px; padding-top: 30px; margin-top: 60px;}
.hd_content_con_f{ background: unset; margin: 0px;}
.hd_content_con_f .hd_content_c{ background: unset; border: 0;}
.hd_content_c{ background: #fff; border: 6px solid #FEE6A7; border-radius: 40px;}
.hd_content_first_ul{ height: 337px; padding-top: 30px;}
.hd_content_first_ul li{ height: 337px; background: url(../images/october/red_bj.png) center no-repeat; text-align: center; width: 272px; margin-left: 8px; float: left;}
.hd_content_first_ul li:first-child{ margin-left: 45px;}
.hd_content_first_ul .title{ font-size: 72px; font-weight: bold; color: #CD111C; height: 160px; line-height: 160px;}
.hd_content_first_ul .title span{ font-size: 28px; position: relative; top: -30px;}
.hd_content_first_ul a{ display: block; color: #fff; font-size: 24px; padding-top: 28px; margin-left: -5px;}

/* ---------------0元试样-------------- */
.hd_content_02{  height: 500px;}
.hd_content_second_ul{ height: 90px; padding-top: 60px; margin-bottom: 58px;}
.hd_content_second_ul li{ float: left; height: 90px; text-align: center; width: 152px; line-height: 90px; font-size: 20px; background: #FFE4AF; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);}
.hd_content_second_ul li:first-child{ margin-left: 25px;}
.hd_content_second_ul li i{ width: 42px; height: 42px; display: inline-block; line-height: 42px; background: #CD111C; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 20px;}
.hd_content_second_ul .iconfont_i{ float: left; margin: 0px 16px; font-size: 14px; line-height: 90px; color: #CD111C;}

/* ---------------送货上门-------------- */
.hd_content_03{ height: 865px;}
.hd_content_third_ul{ height: auto; padding-top: 60px; margin-bottom: 50px; padding-left: 23px;}
.hd_content_third_ul li{ width: 230px; height: 150px; float: left; background: #FFE4AF; border-radius: 5px; margin-bottom: 28px; margin-right: 30px; text-align: center;}
.hd_content_third_ul li:nth-child(4n){ margin-right: 0px;}
.hd_content_third_ul li i{ display: block; color: #CD111C; padding-top: 37px; font-size: 34px;}
.hd_content_third_ul li p{ margin-top: 12px; font-size: 28px;}
.hd_content_third_ul li:hover p{ color: #CD111C;}

/* ---------------合作品牌-------------- */
.hd_cooperation{ height: 546px; margin-top: 60px;}
.hd_cooperation .title{ text-align: center; color: #FFE3AC; line-height: 80px; font-size: 60px; letter-spacing: 1px;}
.hd_cooperation ul{ margin-top: 52px;}
.hd_cooperation ul li{ float: left; width: 250px; height: 160px; border-radius: 5px; background: #FFFFFF; text-align: center;  margin-bottom: 20px; margin-right: 20px;}
.hd_cooperation ul li:nth-child(4n){ margin-right: 0px;}
.hd_cooperation ul li img{ position: relative; top:50%; transform:translateY(-50%);}

/* ---------------活动规则-------------- */
.hd_content_05{ height: 454px; background: url(../images/october/bj_05.jpg) center no-repeat; padding-top: 20px;}
.hd_rule{ background: #fff; border: 6px solid #FFCB75; border-radius: 38px; height: 310px; text-align: center; margin-bottom: 100px;}
.hd_rule .title{ font-size: 22px; font-weight: bold; color: #AF130C; padding-top: 35px;}
.hd_rule .dev{ font-size: 16px; color: #AF130C; padding-top: 14px; padding-bottom: 20px;}
.hd_rule p{ line-height: 30px;}