@charset "utf-8";
h1,h2,h3,h4{ font-weight: normal; }
.tc{ text-align: center!important; }
.mt50{ margin-top: 0.5rem!important; }
.mb10{ margin-bottom: 0.1rem; }
.index-offer{ margin-top: 0.1rem; }
.offer{  background-color: #ffffff;}
.offer-form{ padding: 0.4rem;}
.offer-form h3{ margin:0.1rem auto 0.2rem auto; color: #000; text-align: center; font-size: 0.54rem; }
.offer-form h3.title{ text-align: left; margin-bottom: 0; }
.offer-form .small-tit{ color: #181818; font-size: 0.3rem; margin-bottom: 0.4rem; }
.border{ display: inline-block; width: 1rem;height: 0.01rem; vertical-align: middle; background-color: #dcdcdc;}

.line{ font-size: 0.32rem;position: relative; width: 100%; height: 0.9rem ;margin: 0 auto 0.2rem auto; padding: 0.2rem 0.25rem; background-color: #fff;border:1px solid #d1d1d1; border-radius: 0.05rem;}
.line input{ border:none; color: #999999; background:none; line-height: 0.35rem; vertical-align: middle; width: 100%;}
.line span{ color: #212121; margin-right: 0.1rem; }
.line i.more{ width: 0.12rem; height: 0.24rem; right: 0.2rem; top: 0.3rem; display: block; position: absolute; background: url(../images/right.png) center center/100% no-repeat; }
.line ul{ display: none; width: 100%; padding-top: 0.1rem; position: absolute; width: 100%; left: 0; top:0.9rem; background: #fff; box-shadow: 0 0 0.2rem 0.1rem #ccc; z-index: 100; }
.line ul li{ float: left; display: inline; width: 24%; margin: 0 0.5%; }
.line ul li a{ display: block; text-align: center;border-radius: 0.05rem; margin-bottom: 0.1rem; }
.line ul li a.active{ background: #f36c28; color: #fff; }
.huxing li a{ width: 100%; }
.offer-btn1{ display: block; margin: 0.3rem auto; text-align: center; line-height: 0.88rem; color: #fff;height: 0.88rem;background-color: #f36c28;	border-radius: 0.1rem; font-size: 0.32rem; width: 100%;}
.offer-btn2{ border-radius: 0; }
.offer-title{line-height: 0.4rem; margin: 0.5rem auto 0.3rem auto; }
.offer-title h4{ color: #2f2f2f; }
.style-container .next,.style-container .prev,.brand-container .next,.brand-container .prev{ z-index: 10000; width: 0.35rem; height: 1.25rem; position: absolute; top: 40%; left: 0.1rem; }
.style-container .next,.brand-container .next{ left: auto; right: 0.1rem; }
.contioner{ padding: 0.22rem; background-color: #fff; }
.contioner img{ margin-bottom: 0.1rem;  }

.posit{ display: flex; justify-content: space-between; margin-top: 0.2rem; }
.posit li{ width: 1.05rem; display: inline-block; height: 1.45rem; border-radius: 0; font-size: 0.28rem; color: #676767; text-align: center; }
.posit li span{ display: block; padding-top: 0.25rem; height: 1.06rem; background-color: #aeaeae; border-radius: 0.05rem; }
.posit li span img{ display: block; width: 90%; margin:0 auto; }
.posit li p{ line-height: 0.4rem; }

.bottom-btn{ margin-top: 0.2rem; border-radius: 0.15rem; }
.order-form{ padding: 0 0.4rem 0.4rem 0.4rem; }
.order-form p{ width: 100%; border:1px solid #d1d1d1; border-radius: 0.1rem; line-height: 0.84rem; text-indent: 0.2rem; font-size: 0.32rem; color: #999999; margin-bottom: 0.2rem; }
.order-form p input{ width: 95%; }
.order-form a.a-btn{ background: #f36c28; display: block; border-radius: 0.1rem; text-align: center; color: #fff; font-size: 0.32rem; line-height: 0.88rem; }

.order-case{ padding: 0 0.1rem; }
.order-case li{ float: left; display: inline; width: 46%; margin: 0 2% 0.3rem 2%; }
.order-case li p{ color: #1b1b1b; font-size: 0.30rem; text-align: center; line-height: 2; }
.order-case li img{ border-radius: 0.1rem; }

.form-info{border-radius: 0rem 0rem 0.08rem 0.08rem;border: solid 0.01rem #e0e0e0; margin-top: -0.3rem; border-top: none; padding: 0.4rem 0 0.2rem 0; margin-bottom: 0.25rem;}
.form-info span{ display: inline-block; width: 45%; margin:0 auto; text-align:center; font-size: 0.26rem; color: #5b5b5b;}
.s-form{ margin-bottom: 0.5rem; margin-top: 0.2rem; display: flex; justify-content: space-between; }
.s-form .w1{  width: 1.65rem;	height: 0.65rem; line-height: 0.65rem; padding-left: 0.15rem; background-color: #e5e5e5; }
.s-form .w2{ width: 3.2rem;	height: 0.65rem; line-height: 0.65rem; padding-left: 0.15rem; background-color: #e5e5e5; }
.s-form .dosubmit{width: 0.85rem;height: 0.65rem;line-height: 0.65rem; background-color: #ebdb2d; font-size: 0.2rem; text-align:center; color: #595432; display: inline-block; vertical-align:top;}
.tit-2{ width: 6rem; margin:1rem auto 0.5rem auto; display: block; }
.tit-3{ width: 2.8rem; margin:1rem auto 0.5rem auto; display: block; }
.offer-main{ width: 100%; background-color: #f4f4f4; padding: 0 0.2rem; float: left; }
.offer-main .main-1 img{ width: 23%; display: inline; vertical-align: bottom; }
.offer-main .main-1 .ml{ }
.offer-main .main-1 .main-1-1{ font-size: 0.15rem; width: 74%; display: inline; }
.offer-main .main-1 .main-1-1 h4{ display: inline-block; padding: 0 0.35rem; background-color: #b42e32; color: #fff; font-size: 0.2rem; line-height: 0.35rem; margin-bottom: 0.2rem; margin-top: 0.3rem; }
.offer-main .main-1 .main-1-1 p.p1{ margin-bottom: 0.2rem; }
.offer-main .main-1 .main-1-1 p { line-height: 150%; }
.offer-main .main-1 .main-1-1 p span{ color: #b42e32; }