.section1 { background-color: #ffffff; padding-top: .1rem; } .section1 .offer_box { width: 15rem; height: 6.6rem; background: url(/uploads/image/zoimg/offer_bg.png) no-repeat; background-size: 100%; padding: 0.8rem .75rem 0 1.2rem; flex-direction: column; margin: -2.95rem auto .73rem; position: relative; z-index: 4; } .section1 .offer_box>div { width: 100%; } .offer_box div.num { width: 5.88rem; align-items: flex-end; height: 40px; } .offer_box div.num span { font-family: 'avantibold'; font-size: 1.6rem; font-weight: 700; color: #c83838; height: 40px; line-height: 40px; } .offer_box div.num i { width: 0.8rem; height: 0.8rem; background-color: #c83838; border-radius: .8rem; font-size: .5rem; color: #ffffff; text-align: center; line-height: .8rem; margin-bottom: .1rem; margin-left: .1rem; flex-shrink: 0; } .section1 .offer_box div.title { width: 100%; margin-top: .3rem; } .section1 .offer_box div.title span { width: 5.88rem; height: 1rem; background-color: #c83838; border-radius: 0.15rem; font-size: 0.55rem; font-weight: 700; line-height: 1rem; color: #ffffff; text-align: center; } .section1 .offer_box div.title span:nth-child(2) { width: 6.38rem; } .section1 .offer_box p { font-size: 0.45rem; line-height: 0.7rem; color: #999999; margin-top: .5rem; } .tab_box { width: 100%; background-color: #e7bd88; } .tab_box.fixed{ position: fixed; top: 2rem; left: 0; width: 100%; z-index: 10; } .tab_box .tab { padding: 0 .2rem; height: 2.15rem; } .tab_box .tab li { /* width: 2.05rem; */ height: 1.3rem; background: linear-gradient(0deg, #f2f2f2 0%, #ffffff 41%, #ededed 100%); border-radius: 0.13rem; font-size: 0.55rem; color: #b80000; padding: 0 0.35rem; } .tab_box .tab li.active { color: #ffffff; background: #b80000; } .part { padding: .75rem .53rem 1.08rem; background: #8b0000 no-repeat; background-size: 100%; background-position: bottom center; } .part>h2 { font-size: 1.07rem; color: #e7bd88; margin-bottom: .5rem; } .part>p { font-size: 1.07rem; color: #e7bd88; font-size: 0.55rem; color: #e7bd88; margin-bottom: .8rem; } .part .btn_box { margin-top: 1.2rem; } .part .btn_box .btn { width: 6.43rem; height: 1.73rem; background: url(/uploads/image/zoimg/btn.png) no-repeat; background-size: 100%; border-radius: 0.84rem; font-size: 0.6rem; font-weight: 700; color: #8f5711; } .part .btn_box .btn a{font-size: 0.6rem;} .part .btn_box .btn:nth-child(2) { margin-left: .85rem; } .part .btn_box .btn a { color: #8f5711; } .part1 .daily { flex-direction: column; align-items: flex-start; height: 2.2rem; overflow: hidden; position: relative; } .part1 .daily li { height: 1.1rem; background-color: rgba(0, 0, 0, .5); border-radius: 0.52rem; padding: 0 .3rem 0 .18rem; max-width: 95%; position: absolute; left: 0; top: 0; transform: translatey(2.2rem); } .part1 .daily li.fadein { transform: translatey(1.1rem); opacity: 1 !important; transition: all 1s ease; } .part1 .daily li.fadeout { transform: translatey(-.2rem); opacity: 0; transition: all 1s ease; } .part1 .daily li span { width: 2.7rem; height: 0.8rem; background-color: #aa2323; border-radius: 0.37rem; font-size: 0.47rem; color: #ffffff; flex-shrink: 0; margin-right: .3rem; } .part1 .daily p { font-size: 0.47rem; color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .part1 .fire { width: 4rem; height: 0.9rem; background-image: linear-gradient(90deg, #f2f2f2 0%, #ffffff 41%, #ededed 100%); border-radius: 0.44rem; font-size: 0.4rem; color: #aa2323; margin-bottom: .65rem; margin-top: .3rem; } .part1 .fire img { width: 0.4rem; margin-right: .2rem; } .part1 .offer_box { width: 100%; height: 22.95rem; background-color: #e7bd88; border-radius: 0.21rem; padding: .15rem; } .part1 .offer_box>div:nth-child(1) { width: 100%; height: 100%; background-color: #ffffff; border-radius: 0.21rem; padding: 0 .21rem; } .part1 .offer_box .top { flex-wrap: wrap; padding: .6rem 0 .6rem; border-bottom: 1px solid #f4d6b1; ; } .part1 .offer_box .top h3 { font-size: 0.64rem; color: #b80000; position: relative; z-index: 1; margin-right: .8rem; } .part1 .offer_box .top h3::after { content: ""; width: 105%; height: 0.57rem; background: linear-gradient(to right, #ffffff, #f0cda1); border-radius: 0.26rem; position: absolute; bottom: -.1rem; left: 0; z-index: -1; } .part1 .offer_box p:last-child { width: 100%; font-size: 0.47rem; color: #e7bd88; text-align: center; margin-top: .55rem; } .part1 .content ul { flex-wrap: wrap; align-items: flex-start; margin-top: .4rem; padding-right: .4rem; overflow-y: scroll; height: 17.7rem; } .part1 .content li { width: 4.3rem; height: 4.3rem; background: no-repeat; background-size: 100%; border-radius: 4.3rem; margin-bottom: 0.5rem; font-size: 0.6rem; color: #000000; margin-right: 0.3rem; } .part1 .content li:nth-child(3n) { margin-right: 0; } .part1 .content li a { width: 100%; height: 100%; flex-direction: column; } .part1 .content li p { text-align: center; height: 1.4rem; line-height: 0.7rem; width: 3.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: .55rem; } .part1 .content li span { height: 1.27rem; font-family: 'avantibold'; font-size: 1.1rem; font-weight: 700; line-height: 1.27rem; color: #c83838; } .part1 .content li i { width: 0.7rem; height: 0.7rem; background-color: #c83838; border-radius: .8rem; font-size: .4rem; color: #ffffff; text-align: center; line-height: .7rem; margin-left: .1rem; font-weight: 400; position: relative; } .part1 div.num { width: auto; align-items: flex-end; height: auto; } .part2,.part4{ background: #ffffff url(/uploads/image/zoimg/bg2.png) no-repeat; background-size: 100% 100%; } .part2>h2 , .part4>h2 { color: #000000; } .part2>p, .part4>p { color: #000000; } .part2 .list_box { width: 100%; height: 10.78rem; background-color: #e7bd88; border-radius: 0.21rem; padding: .15rem; } .part2 .list_box>div { width: 100%; height: 100%; background: no-repeat; background-size: 100%; padding: .5rem .2rem .23rem; } .part2 .list_box .thead { font-size: 0.55rem; color: #ffffff; padding: 0 .3rem; text-align: center; margin-bottom: .4rem; } .part2 .list_box .thead span{ width: 2.7rem; } .part2 .list_box .list{ height: 8.55rem; overflow: hidden; } .part2 .list_box ul { border-radius: 0.21rem; background-color: #ffffff; position: relative; } .part2 .list_box li { height: 1.73rem; font-size: 0.47rem; color: #000000; padding: 0 .3rem; } .part2 .list_box li span { flex-shrink: 0; text-align: center; width: 2.7rem; } .part2 .list_box li span:nth-child(3), .part2 .list_box .thead span:nth-child(3) { width: 5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .part2 .list_box li span:nth-child(4), .part2 .list_box .thead span:nth-child(4) { width: 3.4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .part2 .list_box li.w { background-color: #f2f2f2; } .part2 .list_box li.g { background-color: #ffffff; } .part3 .list { flex-wrap: wrap; height: 8.5rem; overflow: hidden; } .part3 .img { width: 31.9%; height: 8.5rem; margin-right: .3rem; margin-top: .3rem; overflow: hidden; } .part3 .img img { width: 100%; } .part3 .img:nth-child(3n) { margin-right: 0; } .part3 .img:nth-child(1), .part3 .img:nth-child(2), .part3 .img:nth-child(3) { margin-top: 0; } .part3 .more { flex-direction: column; font-size: 0.55rem; color: #e7bd88; margin-top: .7rem; } .part3 .more img { width: 1.02rem; margin-top: .2rem; } .part3 .btn_box { margin-top: .5rem; } .part4 h2{ margin-bottom: .8rem; font-size: .95rem; } .part4 .swiper-container{ padding-bottom: 1rem; } .part4 .swiper-wrapper{ align-items: stretch; } .part4 .swiper-slide{ width: 14.95rem; height: auto; background-color: #e7bd88; border-radius: 0.21rem; padding: .15rem; } .part4 .swiper-slide>div{ width: 100%; height: 100%; background-color: #b80000; border-radius: 0.21rem; padding: .2rem; } .part4 .swiper-slide .content{ width: 100%; height: 100%; background-color: #ffffff; border-radius: 0.21rem; padding: .6rem .9rem .3rem; position: relative; } .part4 .swiper-slide h3{ font-size: 0.7rem; font-weight: normal; color: #b80000; padding-left: .65rem; margin-bottom: .3rem; } .part4 .swiper-slide p{ font-size: 0.5rem; line-height: 1rem; color: #8f5711; } .part4 .swiper-slide .num{ font-size: 1.71rem; font-weight: 700; color: #b80000; opacity: 0.1; position: absolute; left: 0.3rem; top: 0.2rem; display: block; } .part4 .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 0; } .part4 .swiper-pagination-bullet{ width: 0.4rem; height: 0.4rem; background-color: #e7bd88; border-radius: .4rem; opacity: 1; } .part4 .swiper-pagination-bullet-active{ background-color: #b80000; } .part5 h2{ margin-bottom: .8rem; } .part5 ul{ flex-wrap: wrap; align-items: flex-start; } .part5 li{ width: 4.72rem; height: 3rem; position: relative; } .part5 li.mar{ margin-bottom: .53rem; } .part5 li p{ font-size: 0.55rem; line-height: 0.75rem; color: #333333; position: absolute; left: .6rem; top: .4rem; } .free-ask { width: 100%; background: #ffffff url(/uploads/image/zoimg/bg2.png) no-repeat; background-size: 100% 100%; padding: .6rem .6rem; } .free-ask .title, .free-ask .tip { text-align: center; } .free-ask .title { font-size: 0.85rem; line-height: 1.7rem; color: #323232; } .free-ask .tip { font-size: 0.55rem; line-height: 1.25rem; color: #e7bd88; } .free-ask .wrap { margin: 0.125rem 0 0 2.85rem; } .free-ask li { font-size: 0.6rem; line-height: 1.05rem; color: #848383; } .free-ask .dash-line { width: 100%; border-top: 1px dashed #d0cfcf; margin: 0.7rem auto 0.9rem; } .free-ask form { display: block; width: 11.2rem; margin: 0 auto; } .free-ask .item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.65rem; } .free-ask .item input, .free-ask .item select { width: 8.5rem; height: 1.55rem; background: #ffffff; border-radius: 3px; font-size: 0.6rem; line-height: 1.55rem; padding: 0 0.85rem; outline: none; appearance: none; -webkit-appearance: none; border: none; } .free-ask .item select { color: #a3a3a3; background: #ffffff no-repeat 7.4rem 0.65rem; background-size: 0.4rem 0.25rem; } .free-ask ::-webkit-input-placeholder { color: #a3a3a3; } .free-ask :-moz-placeholder { color: #a3a3a3; } .free-ask ::-moz-placeholder { color: #a3a3a3; } .free-ask :-ms-input-placeholder { color: #a3a3a3; } .free-ask .icon { width: 0.6rem; height: 1.55rem; background-repeat: no-repeat; background-position: center; background-size: 0.55rem 0.55rem; } .free-ask .icon-name { background-image: url(/uploads/image/zoimg/icon_name.png); } .free-ask .icon-city { background-image: ; background-size: 0.4rem 0.55rem; } .free-ask .icon-tel { background-image: url(/uploads/image/zoimg/icon_tel.png); } .free-ask label { font-size: 0.55rem; line-height: 1.55rem; color: #323232; } .free-ask .submit { background: #e7bd88; border-radius: 0.2rem; text-align: center; font-size: 0.6rem; line-height: 1.7rem; color: #8f5711; margin-top: 1.1rem; } .free-ask .data { text-align: center; font-size: 0.55rem; line-height: 1.65rem; color: #848383; } .free-ask, .free-ask div, .free-ask .item input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .free-ask .item { position: relative; } .free-ask .item input.form-code { width: 100%; } .free-ask .item .j_getcode { position: absolute; right: 0; width: 5.35rem; height: 1.55rem; line-height: 1.55rem; background: #e7bd88; color: #8f5711; text-align: center; border-radius: 3px; }