pfhwyigou/mobile/web/zt/collage/index.css

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;}