body {background:#800807;} .body_box {max-width:750px;margin:0 auto;overflow:hidden;} .m_imgBox{width:100%;position:relative;} .m_imgBox img{width:100%;display:block;} .m_content_box{width:100%;height:308px;background: url(/zt/collage/hjw1_05.png) no-repeat 0 0/ 100% 100%;overflow:hidden;} /*.m_Number_box{border:1px solid;}*/ .m_Number_title{background: url(/zt/collage/hjw1_06.png) no-repeat 0 0/ 100% 100%;width:85px;font-size:0.75rem;color:#FFF;height:30px;text-align:center;line-height:25px;margin:auto;} .m_Number_hct{width:92%;height:18px;margin:auto;margin-top:10px;background:#FFF;border-radius:20px;position:relative;} .m_Number_hct img{position:absolute;top:0;right:13%;width:5.5%;} .m_Number_jd{width:0%;height:100%;background:#FFB026;border-radius:20px;border:2px solid #FFF;} #m_Numberjd{transition: all .4s;} .m_Number_dc{font-size:0.8125rem;color:#FFF;float:right;position:relative;right:12%;margin-top:10px;} .m_time_box{width:92%;margin:auto;background:#FBF5E5;overflow:hidden;border-radius:5px;overflow:hidden;margin-top:10px;} .m_time_title{font-size:0.8125;color:#333;text-align:center;margin-top:15px;} .m_time{width:83%;height:80px;background: url(/zt/collage/hjw1_08.png) no-repeat 0 0/ 100% 100%;margin:auto;margin-top:15px;} .m_time li{float:left;position:relative;top:26px;width:22%;left:9%;} .m_time li i{background:#FFF;width:55%;height:35px;display:block;float:left;text-align:center;line-height:35px;font-size:1.5rem;color:#171315;} .m_time li span{line-height:40px;position:relative;left:13%;font-size:0.8rem;color:#FFF;} .m_time_text{width:100%;height:50px;margin-top:20px;background:#DD7A19;} .m_time_text_l{float:left;width:50%;height:50px;text-align:center;} .m_time_text_l em{display:block;margin-top:10px;font-size:0.7rem;color:#FFF;} .m_time_text_l span{font-size:1.0625rem;color:#FFF;letter-spacing:2px;} .m_bmcg_box{width:92%;background:#FDF5DF;margin:auto;overflow:hidden;margin-top:15px;} .m_bmcg_text_l{float:left;width:50%;height:50px;text-align:center;} .m_bmcg_text_l em{display:block;font-size:1.05rem;color:#666;font-weight:600;line-height:50px;} .m_bmcg_text_l em.on{background:#DD7A19; color: #FFF;} .m_content_ul_box{background:#FFF;width:92%;margin:auto;display:none;} .m_content_ul li{height:40px;} .m_content_ul li+li{border-top:1px solid #eee;} .m_content_name{width:50%;float:left;text-align:center;font-size:0.8125;color:#666;line-height:40px;} .m_imgBox .m_imgBox_a{display:block;width:92%;position:absolute;top:0;left:4%;height:85%;} .m_imgBox .m_imgBox_jg{position:absolute;bottom:10%;left:25%;font-size:1.05rem;color:#FAE5C0;} .m_imgBox .m_imgBox_jg i{font-size:1.9rem;font-weight:600;} .m_imgBox .m_imgBox_bm{position:absolute;bottom:10%;right:12%;width:22%;height:21%;} .m_tz{width:92%;height:79%;position:absolute;top:19%;left:4%;} @media screen and (min-width: 300px) and (max-width: 374px) { .m_time li i{height:30px;line-height:30px;font-size:1.1rem;} .m_imgBox .m_imgBox_jg i{font-size:1.5rem;} .m_time li span{line-height:30px;} } #display{display:block;} .m_ctrs_box{border:1px solid #F1E1D3;display:block;width:100%;font-size:0.9rem;color:#757575;margin:auto;position:relative;padding:0 10px;height:40px;line-height:40px;background:#FFF;border-radius:5px;margin:12px 0;} .m_ctrs{border:1px solid #F1E1D3;width:100%;position:absolute;top:51px;left:0;background:#FFF;border-radius:0 0 5px 5px;display:none;} .m_ctrs li{border-bottom: 1px solid #eee;text-indent:15px;height: 35px;line-height: 35px;font-size:0.9rem;color:#757575;} .m_ctrs_box img{width:15px;float:right;position: relative;top: 17px;} .m_hqDiscount_box{width:100%;height:100%;position:fixed;top:0px;z-index:10000;display:none;} .m_hqDiscount_zhez{background:rgba(51, 51, 51, 0.6);width:100%;height:100%;} .m_hqDiscount{background: url(/image/m_bmv1.png) no-repeat 0 0/ 100% 100%;border-radius:8px;width:335px;height:380px;margin: auto;position:absolute;bottom:50%;left:50%;margin-left:-167.5px;overflow:hidden;margin-bottom:-140px;} .m_hqDiscount_bk{width:265px;height:280px;margin:auto;margin-top:60px;position:relative;} .m_bk_title{text-align:center;} .m_bk_title span{font-size:1.3rem;color:#454545;letter-spacing:1px;} .m_bk_title i{display:block;margin:auto;width:40px;height:4px;border-radius:20px;background:#FDE33C;margin-top:4px;} .m_bk_style{text-align:center;margin-top:10px;font-size:1.4rem;color: #333;letter-spacing:1px;} .m_bk_text{text-align:center;margin:auto;margin-top:9px;} .m_bk_text img{width:26px;} .m_bk_text span{font-size:1rem;color: #333;letter-spacing:5px;margin:0 5px;font-size:0.8rem;color: #B9B9B9;} .m_hqDiscount_bk form{position:absolute;bottom:0;width:100%;} .m_hqDiscount_bk form input[type="text"]{border:1px solid #F1E1D3;display:block;width:100%;margin:auto;padding:0 10px;height:40px;background:#FFF;border-radius:5px;font-size:0.9rem;color:#757575;margin:12px 0;} .m_hqDiscount_bk form input[type="button"]{border:0;display:block;width:70%;margin:auto;height:40px;background:#F8830E;border-radius:30px;margin-top:15px;font-size:1.05rem;color: #fff;letter-spacing:1px;} .m_hqDiscountgb{position:absolute;bottom:50%;left:50%;z-index:100;margin-bottom:-205px;margin-left:-20px;width:40px} .m_hqDiscountgb img{width:100%;height:100%;} /*2019-10-17 修改专题*/ .wlist {margin:0px 17px 0;} .wlist ul li + li {margin-top:15px;} .wlist .wlist-top {background:#FDF5DF;border-radius:5px;position:relative;padding:10px 0;} .wlist .wlist-top:before {content:"";display:inline-block;width:7px;height:7px;background:#800807;position:absolute;left:10px;bottom:5px;border-radius:50%;} .wlist .wlist-top:after {content:"";display:inline-block;width:7px;height:7px;background:#800807;position:absolute;right:10px;bottom:5px;border-radius:50%;} .wlist .wlist-top i.il {display:inline-block;width:3px;height:33px;border-radius:3px;background:#FBF5E5;position:absolute;bottom:-24px;left:12px;z-index:10;} .wlist .wlist-top i.ir {display:inline-block;width:3px;height:33px;border-radius:3px;background:#FBF5E5;position:absolute;bottom:-24px;right:12px;z-index:10;} .wlist .wlist-top .wlist-top-label {position:relative;margin-left:-3px;} .wlist .wlist-top .wlist-top-label >img {display:inline-block;width:164px;} .wlist .wlist-top .wlist-top-label p {font-size:1rem;color:#fff;position:absolute;top:5px;left:7px;display:inline-block;width:143px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .wlist-top dl dd {font-size:0.8125rem;color:#1B1B1B;font-weight:bold;padding:0 13px;line-height:16px;margin:8px 0;} .wlist-top dl dd:before {content:"";display:inline-block;width:5px;height:5px;background:#1B1B1B;border-radius:50%;margin-right:6px;vertical-align:top;position:relative;top:4px;} .wlist-top dl dd span {display:inline-block;width:94%;font-size:0.8125rem;color:#1B1B1B;font-weight:bold;} .wlist-bottom {margin-top:15px;background:#fff;border-radius:5px;} .wlist-bottom .wlist-bottom-img {display:block;height:165px;position:relative;} .wlist-bottom .wlist-bottom-img:before {content:"";display:inline-block;width:7px;height:7px;background:#800807;position:absolute;left:10px;top:5px;border-radius:50%;} .wlist-bottom .wlist-bottom-img:after {content:"";display:inline-block;width:7px;height:7px;background:#800807;position:absolute;right:10px;top:5px;border-radius:50%;} .wlist-bottom .wlist-bottom-img a {display:block;height:165px;overflow:hidden;} .wlist-bottom .wlist-bottom-img a > img {display:block;width:100%;height:100%;} .wlist-bottom .wlist-bottom-logo {position:absolute;bottom:-1px;left:0;width:100%;background:#fff;height:26px;display: -webkit-flex;display: flex;flex-wrap: nowrap;} .wlist-bottom .wlist-bottom-logo .p1 {display:block;width:22.94%;line-height:26px;text-align:center;} .wlist-bottom .wlist-bottom-logo .p1 > img {display:inline-block;width:62%;} .wlist-bottom .wlist-bottom-logo .p2 {display:block;width:38.53%;line-height:26px;text-align:center;font-size:0.75rem;color:#fff;background:#FF8921;} .wlist-bottom .wlist-bottom-logo .p3 {display:block;width:38.53%;line-height:26px;text-align:center;font-size:0.75rem;color:#fff;background:#FF8921;} .wlist-bottom-font {padding:15px;} .wlist-bottom-font h2 {font-size:1.0625rem;color:#1B1B1B;font-weight:bold;} .wlist-bottom-font > p {font-size:0.8125rem;color:#666666;margin-top:5px;} .wlist-bottom-font dl {display: -webkit-flex;display: flex;flex-wrap: nowrap;margin-top:10px;} .wlist-bottom-font dl dd {height:38px;display:block;width:33.33%;text-align:center;position:relative;} .wlist-bottom-font dl dd + dd:after {content:"";display:inline-block;width:1px;height:26px;background:#E5E5E5;position:absolute;left:0;top:50%;margin-top:-13px;} .wlist-bottom-font dl dd p:nth-child(1) {font-size:0.875rem;color:#1B1B1B;font-weight:bold;margin-top:5px;} .wlist-bottom-font dl dd p:nth-child(2) {font-size:0.6875rem;color:#878686;} .wlist-bottom-font .wlist-bottom-p {background:#A90A09;display: -webkit-flex;display: flex;flex-wrap: nowrap;height:40px;margin-top:12px;border-radius:20px;align-items:center;position:relative;} .wlist-bottom-font .wlist-bottom-p .group {width:23px;position:relative;height:50px;margin-left:20px;top:1px;} .wlist-bottom-font .wlist-bottom-p .group > img {display:block;width:100%;height:50px;} .wlist-bottom-font .wlist-bottom-p .group span {display:inline-block;position:absolute;top:0;font-size:0.6875rem;text-align:center;writing-mode:tb-rl;letter-spacing:1px;left:1px;top:3px;color:#8e0100;font-weight:bold;} .wlist-bottom-font .wlist-bottom-p .price {font-size:1rem;color:#fae5c0;margin-left:15px;} .wlist-bottom-font .wlist-bottom-p .price span {font-size:2rem;} .wlist-bottom-font .wlist-bottom-p .price i {display:inline-block;vertical-align:middle;} .wlist-bottom-font .wlist-bottom-p .price i.ten {position:relative;top:-3px;margin-left:3px;} .wlist-bottom-font .wlist-bottom-p a {display:inline-block;width:78px;height:30px;line-height:30px;text-align:center;color:#8E0100;font-size:0.8125rem;border-radius:20px;font-weight:bold;position:absolute;right:16px; background: -webkit-linear-gradient(#fef9f1, #fae5c0); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#fef9f1, #fae5c0); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#fef9f1, #fae5c0); /* Firefox 3.6 - 15 */ background: linear-gradient(#fef9f1, #fae5c0); /* 标准的语法 */ } @media screen and (min-width: 300px) and (max-width: 374px) { .m_hqDiscount{width:295px;height:330px;margin-left:-147.5px;margin-top:-210px;} .m_hqDiscountgb{margin-top: 140px;} .m_hqDiscount_bk{width:225px;height:240px;} .m_bk_title span{font-size:1rem;} .m_bk_title i{width:30px;margin-top:3px;} .m_bk_style{font-size:1.1rem;} .m_bk_text span{font-size:0.7rem;} .m_bk_text img{width:22px;} .m_bk_text{margin-top:5px;} .m_hqDiscount_bk form input[type="text"]{height:35px;margin:10px 0;} .m_hqDiscount_bk form input[type="button"]{width:65%;font-size:1rem;margin-top:12px;} .m_hqDiscount_bk form{bottom:-8px;} } .m_hqDiscount{ animation:change 0.8s; -webkit-animation:change 0.8s; -moz-animation:change 0.8s; } @keyframes change { 0% {bottom:100%;opacity:0;} 100% {opacity:1;} } -webkit-@keyframes change { 0% {bottom:100%;opacity:0;} 100% {opacity:1;} } -moz-@keyframes change { 0% {bottom:100%;opacity:0;} 100% {opacity:1;} } .m_hqDiscountgb{ animation:change 0.8s; -webkit-animation:change 0.8s; -moz-animation:change 0.8s; } @keyframes change { 0% {bottom:100%;opacity:0;} 100% {opacity:1;} } -webkit-@keyframes change { 0% {bottom:100%;opacity:0;} 100% {opacity:1;} } -moz-@keyframes change { 0% {bottom:100%;opacity:0;} 100% {opacity:1;} } .m_jpzpt_xf{display:none;} .m_imgBox2{ position: relative;} .m_imgBox2 span.cut-off{ display: inline-block; position: absolute; left: 26%; top: 35%; font-size: 0.875rem; color: #fff; font-weight: bold;} .m_imgBox2 span.kanfang{ display: inline-block; position: absolute; left: 26%; top: 37%; font-size: 0.875rem; color: #fff; font-weight: bold;} .m_imgBox3{ position: relative;} .m_imgBox3 span{ display: inline-block; position: absolute; left: 9%; top: 24.5%; font-size: 0.875rem; color: #fff; font-weight: bold;}