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

body{background:#FFF7F5;}

.m_imgBox{width:100%;position:relative;}
.m_imgBox img{width:100%;display:block;}
.m_neir_box{width:1000px;height:450px;margin:auto;margin-top:50px;}
.m_neir_djs{height:180px;background:#FFF;}
.m_neir_djs_l{float:left;width:458px;height:138px;margin-top:20px;background: url(/zt/collage/m_zt1_02.png) no-repeat 0 0/ 100% 100%;margin-left:25px;}
.m_neir_right{width:300px;float:right;}
.m_neir_right em{font-size:16px;color:#666;display:block;margin-top:15px;}
.m_neir_right ul{margin-top:7px;}
.m_neir_right ul li{width:53px;height:56px;background: url(/zt/collage/m_zt1_03.png) no-repeat 0 0/ 100% 100%;line-height:72px;text-align:center;font-size:12px;color:#A2773A;float:left;margin-right:20px;}
.m_neir_right ul li:last-child{margin-right:0;}
.m_neir_right ul li i{font-size:22px;font-weight:600;}
.m_neir_right span{font-size:16px;color:#939393;display:block;margin-top:6px;}
.m_neir_zyh{float:left;width:459px;height:138px;background: url(/zt/collage/m_zt1_04.png) no-repeat 0 0/ 100% 100%;margin:20px 0 0 30px;position:relative;}
.m_neir_zyh span{display:block;font-size:25px;color:#FFE4AD;text-align:center;line-height:173px;text-shadow:5px 3px 13px rgba(73, 63, 63, 0.6);}
.m_neir_zyh span i{font-size:39px;font-weight:600;}

.m_neir_bm{height:230px;background: #EDD8AC;}
.m_neir_bm_l_box{width:653px;height:188px;background:#FFF;float:left;margin:20px 0 0 20px;}
.m_neir_bm_l{padding:0 20px;}
.m_neir_bm_l_title{font-size:27px;color:#BF9A4E;margin-top:15px;}
.m_neir_bm_l form{height:45px;margin-top:15px;}
.m_neir_bm_l form input{height:44px;}
.m_neir_bm_input{border:1px solid #DADADA;width:220px;height:45px;float:left;margin-right:22px;}
.m_neir_bm_input input{float:right;width:172px;border:0;height:44px;display:block;font-size:16px;color:#B7B7B7;}
.m_neir_bm_l form input[type="button"]{width:120px;height:44px;display:block;background:#FE443E;border-radius:50px;border:0;font-size:22px;color:#FFF;}
.m_neir_bm_input img{position:relative;top:12px;left:10px;}
.m_neir_jdt_box{margin-top:43px;}
.m_neir_jdt{width:460px;height:16px;background:#EBEBEB;float:left;border-radius:20px;position:relative;}
.m_neir_jdtjd{display:block;width:12%;background:#D5A35D;height:100%;border-radius:20px;position:relative;}
.m_neir_jdt_box em{margin-left:10px;font-size:17px;color:#666;position:relative;top:-6px;left:25px}
.m_neir_jdtjd span{display:block;background: url(/zt/collage/m_zt1_07.png) no-repeat 0 0/ 100% 100%;position:absolute;top:-30px;right:-37.5px;width: 75px;text-align: center;font-size:12px;color:#FFF;height:25px;line-height: 20px;}
.m_neir_bm_r_box{width:270px;height:188px;float:left;margin:20px 0px 0px 30px;background:#FFF;}
.m_neir_bm_r{padding:0 15px;}
.m_neir_bm_r_title{font-size:18px;color:#333;margin-top:15px;}

.m_neir_bm_r_lb{margin-top:12px;}
.m_neir_bm_r_lb ul li{height:25px;margin-bottom:7px;}
.m_neir_bm_r_lb ul li span{width:50%;text-align:center;display:block;float:left;line-height:25px;font-size:15px;color:#666;}
.m_cbl_box{position:fixed;top:50%;right:30px;width:160px;margin-top:-333px;display:none;}
.m_cbl_box ul li{border:1px solid #FFCE89;width:160px;height:40px;text-align:center;line-height:40px;margin-bottom:10px;border-radius:5px;background:#FFF7F5;}
.m_cbl_box ul li a{font-size:16px;color:#D5A35D;display:block;width:88%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 6%;}
.m_cbl_box ul li a.on{background:#D5A35D;color:#FFF;}
.m_cbl_zd img{margin:auto;display:block;}
#pa{position:absolute;bottom:5%;right:20px;}
.m_imgBox .m_djck{position:absolute;top:68%;left:45.5%;width:8%;height:16%;}
.m_imgBox .m_lpjg{position: absolute;top: 76%;left: 30.5%;width: 8%;display: block;font-size: 23px;font-weight: 600;color: #FE443E;}
.m_imgBox .m_src{position: absolute;top: 24%;left: 49.5%;width: 26%;height: 74%;display: block;}
.m_imgBox .m_lpbm{position: absolute;top: 75%;left:40%;width:6.5%;height:11%;display: block;}
.m_bmck_box{width:100%;height:100%;position:fixed;top:0;left:0;display:none;
    z-index: 30;}
.m_bmck_zhez{background:rgba(32, 29, 29, 0.38);position:absolute;top:0;left:0;width:100%;height:100%;}
.m_bmck{width:545px;height:378px;background:#FFF;position:absolute;top:50%;left:50%;margin-top:-189px;margin-left:-272.5px;}
.m_bmck_title{font-size:32px;color:#333;text-align:center;margin-top:30px;}
.m_bmck_title span{margin: 0 10px;font-weight:600;}
.m_bmck_title img{position: relative;top: 15px;}
.m_bmck_text{margin-top:20px;font-size:22px;color: #D4A45C;text-align:center;}
.m_bmck form{width:360px;margin:auto;margin-top:30px;}
.m_bmck form .m_bmck_input{border:1px solid #E0E0E0;width:360px;height:50px;border-radius:5px;margin-bottom:12px;}
.m_bmck form .m_bmck_input img{width:30px;position: relative;top: 12px;left: 20px}
.m_bmck form .m_bmck_input input{float:right;width:290px;border:0;height:50px;display:block;font-size:16px;color:#B7B7B7;}
.m_bmck form input[type="button"]{width:100%;height:50px;display:block;background:#FF443F;border-radius:5px;border:0;font-size:22px;color:#FFF;}
.m_bmck_gb{position:absolute;top:10px;right:10px;}
.m_bmck_gb img{width:27px;display:block;}
.m_ckxc{width:4%;height:5%;position: absolute;bottom: 29%;left:45.8%;}
.m_imgBox-time {position: absolute;bottom:34.1%;left:31%;color:#79594a;font-size:16px;}
.m_imgBox-tel {position: absolute;bottom: 25%;left: 48%;color:#79594a;font-size:17px;}
.m_jpzxf{display:none;}



/*2019-10-21  修改*/

.w-publicw {display:block;width:1000px;margin:0 auto;position:relative;left:-29px;}
.clist {margin-top:110px;}
.clist ul li + li {margin-top:70px;}
.clist .title-font {position:relative;height:140px;line-height:140px;}
.clist .title-font i {font-size:77px;color:rgba(213, 163, 93, 0.095);text-transform:uppercase;position:absolute;top:0px;left:134px;line-height:normal;font-family:Arial,Verdana, Geneva, sans-serif;}
.clist .title-font b {text-transform:uppercase;font-size:77px;color:rgba(213, 163, 93, 0.095);line-height:normal;font-family:Arial,Verdana, Geneva, sans-serif;position:absolute;bottom:-30px;right:170px;}
.clist .title-font .title-font-c {font-size:56px;color:#D5A35D;text-align:center;font-weight:normal;position:relative;z-index:10;}
.clist .title-font .title-font-c span {display:inline-block;padding:0 10px;position:relative;}
.clist .title-font .title-font-c span:after {content:"";display:block;width:100%;height:1px;background:#FAC47A;position:absolute;left:0;bottom:25px;}
.clist .title-font .title-font-c em {font-weight:bold;display:inline-block;position:relative;}
.clist .title-font .title-font-c em:after {content:"";display:block;width:100%;height:4px;background:#D5A35D;position:absolute;left:0;bottom:25px;}
.clist .feature {margin-top:90px;}
.clist .feature dl dd {color:#674A20;font-size:20px;position:relative;padding-left:15px;}
.clist .feature dl dd:before {content:"*";display:inline-block;color:#FE443E;font-size:20px;position:absolute;left:0;font-weight:bold;top:5px;}
.clist .feature dl dd + dd {margin-top:15px;}

.discounts {margin-top:35px;text-align:center;position:relative;}
.discounts .discounts-his {position:absolute;font-size:22px;color:#E8FFCF;top:8px;left:50%;width:650px;margin-left:-325px;}
.discounts .discounts-his i {font-size:30px;font-weight:bold;margin:0 3px;position:relative;top:2px;}
.discounts .discounts-his span {display:inline-block;margin:0 15px;}

.info-box {display: -webkit-flex;display: flex;flex-wrap: nowrap;}
.info-font {display:inline-block;width:488px;}
.info-title {background:#FFD79F;position:relative;z-index:10;padding:25px 35px;height:197px;}
.info-title h2 {font-size:26px;color:#3D2B12;font-weight:bold;display:block;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.info-title h2 a {display:block;}
.info-title > p {font-size:20px;color:#6D5B42;margin-top:7px;}
.info-title dl {display: -webkit-flex;display: flex;flex-wrap: nowrap;margin-top:30px;}
.info-title dl dd {float:left;width:33%;}
.info-title dl dd p:first-child {font-size:20px;color:#3D2B12;}
.info-title dl dd p:nth-child(2) {font-size:16px;color:#6D5B42;}
.info-title .info-pr {position:absolute;left:35px;bottom:20px;width:85%;}
.info-title .info-pr p {font-size:20px;color:#6D5B42;}
.info-title .info-pr p span {font-size:34px;color:#FE443E;font-weight:bold;}
.info-title .info-pr a {display:inline-block;position:absolute;width:120px;height:44px;background:#FE443E;color:#fff;text-align:center;line-height:44px;border-radius:30px;font-size:22px;right:20px;bottom:0px;}

.info-img {display:inline-block;width:500px;height:305px;padding:10px;border:1px solid #D5A35D;margin-top:30px;margin-left:-11px;}
.info-img img {display:block;width:100%;height:100%;}