pfhwyigou/mobile/web/zt/chunjiezt20191222/css/style.css

body{max-width: 750px; height: auto; margin: 0 auto; background: #a20112;}
.wcopy{display: none;}
.chunjieztBox_head,.chunjieztBox_head p,.chunjieztBox_head p img{ width: 100%; height: auto;}
.chunjieztMain{width: 100%; height: auto;}
.boxcenter,.boxcenter p.ico,.boxcenter p.ico img{ width: 100%; height: auto;}

.boxcenter .lpmain{ background: url('/zt/chunjiezt20191222/image/ico_10.png') no-repeat center; background-size:100% 100%; }
.boxcenter .lpmain2{ background: url('/zt/chunjiezt20191222/image/ico_15.png') no-repeat center; background-size:100% 100%; }
.boxcenter .lpmain3{ background: url('/zt/chunjiezt20191222/image/ico_20.png') no-repeat center; background-size:100% 100%; }

.lpmain_lp_main{ width: 80%; margin: 0 auto; margin-bottom: 15px; background: #fff; overflow: hidden;border-radius: 5px;box-shadow:0px 7px 7px 1px rgba(149, 149, 149, 0.35);}

.lpmain_center{  width: 100%; height: auto;}
.lpmain_center .topmain p.lpimg{ padding: 10px; height: 177px; width: 100%; border-radius: 5px; overflow: hidden;}
.lpmain_center .topmain p.lpimg img{height: 100%; width: 100%; background: #f8f8f8;}
.lpmain_center .topmain .lptxt{ padding: 0 15px;}
.lpmain_center .topmain .lptxt p.left_t{float: left; font-size: 1.325rem; font-weight: bold; color: #333;max-width: 70%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.lpmain_center .topmain .lptxt p.city_c{float: right; position: relative; top: 3px;}
.lpmain_center .topmain .lptxt p.city_c i{ display: inline-block; width: 13px; height: 17px;}
.lpmain_center .topmain .lptxt p.city_c i img{ width: 100%; height: 100%;}
.lpmain_center .topmain .lptxt p.city_c span{display: inline-block; font-size: 1.0625rem; color: #B8B8B8; padding-left: 3px; position: relative; top: 2px;}
.lpmain_center .topmain .lptxt p.lppric{margin-top: 5px;}
.lpmain_center .topmain .lptxt p.lppric span{font-size: 0.937rem; color: #D61900;}
.lpmain_center .topmain .lptxt p.lppric span em{font-size: 1.062rem;}
.lpmain_center .topmain .lptxt p.lppric span i{font-size: 1.45rem;font-weight: bold;}
.lpmain_center .topmain .lptxt p.lppric b{font-size: 0.75rem; color: #999; padding-left: 3px; font-weight: normal;}

.lpmain_center .topmain .lptxt p.mianji{margin-top: 5px; font-size: 0.937rem; color: #333; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} 
.lpmain_center .topmain .lptxt p.tuijian{height: 50px;margin-top: 10px;}
.lpmain_center .topmain .lptxt p.tuijian span{display: inline-block; float: left; font-size: 0.937rem; color: #333;border:1px solid #333; height: 26px;line-height: 24px; padding: 0 10px; border-radius: 6px;}
.lpmain_center .topmain .lptxt p.tuijian em{display: block; float: left; max-width: 63%; margin-left: 8px; font-size: 0.937rem; color: #D61900; line-height: 24px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.lpmain_center .topmain .lptxt p.style{margin-top: 5px; font-size: 0.937rem; color: #333; height:18px; line-height: 18px;}
.lpmain_center .topmain .lptxt p.style span{display: inline-block;}
.lpmain_center .topmain .lptxt p.style span:nth-child(2){margin: 0 10px; padding:0 10px; border-left: 1px solid #333; border-right: 1px solid #333; text-align: center;}
.lpmain_center .topmain .lptxt p.style span em{ color: #D61900;}

.bootom_bu{ width: 92%; margin: 0 auto; border-top: 1px solid #959595;margin-top: 15px; padding-top: 3px; }
.bootom_bu a{display: block; float: left; width: 50%; height: 70px; text-align: center;}
.bootom_bu a img{ width: auto; height: 70px; display: inline-block;}

.ztfooter{ width: 100%; height: auto;}
.ztfooter p.ico,.ztfooter p.ico img{ width: 100%; height: auto;}
.ztfooter_bm{ position: relative; width: 100%;}
.ztfooter_bm_main{ position: absolute; left:50%;top: 50%;  width: 64%; margin-left: -32%; margin-top: -65px;}


.ztfooter_bm_main .cityleft{position: relative; width: 100%;}
.ztfooter_bm_main .cityleft .city_m{ background: #fff;border-radius: 2px; height: 40px; width: 100%; position: relative;}
.ztfooter_bm_main .cityleft .city_m span{display: inline-block; font-size: 0.937rem; color: #666; height: 40px; line-height: 40px; padding-left: 10px;}
.ztfooter_bm_main .cityleft .city_m i{display: inline-block; width: 15px;height: 16px; position: absolute; right: 10px; top: 50%;margin-top: -12px;}
.ztfooter_bm_main .cityleft .city_m i img{width: 100%;height: 100%;}
.ztfooter_bm_main .cityleft .city_list{background: #fff; width: 100%; border-radius: 3px; position: absolute; left: 0; top: 45px; z-index: 1; display: none;}
.ztfooter_bm_main .cityleft .city_list a{text-align: center; display: block;font-size: 0.937rem; color: #666;height: 35px; line-height: 35px;}
.ztfooter_bm_main .cityleft .city_list a+a{border-top: 1px solid #eee;}
.ztfooter_bm_main .cityleft .city_list a.on{background: #eee; color: red;}
.ztfooter_bm_main .ing_t{margin-top: 10px; height: 40px; background: #fff; border-radius: 2px;}
.ztfooter_bm_main .ing_t i{display: inline-block; width: 12px; height: 20px; position: relative; top: 10px; margin-left: 10px; float: left;}
.ztfooter_bm_main .ing_t i img{width: 100%; height: auto;}
.ztfooter_bm_main .ing_t em{display: inline-block; float: left; margin-left: 8px; width: 1px; height:20px; background: #BFB9B9; position: relative; top: 10px;}
.ztfooter_bm_main .ing_t input{display: block; float: left; margin-left: 10px; background: #fff; border:none; font-size: 0.937rem; color: #666; width: 75%; height: 40px;}
.ztfooter_bm_main .ing_but{ width: 60%; height: 40px; line-height: 40px; font-size: 1.025rem; font-weight: bold; color: #453e02; text-align: center; background: #ffe612; border-radius: 2px; display: block; margin: 0 auto; margin-top: 15px;}

/*右边悬挂*/
.rightnav{display: none; position: fixed; z-index: 5; width: 65px; right: 0px; top: 10%; background: url('/zt/chunjiezt20191222/image/ico_30.png') no-repeat  center; background-size:100% 100%; }
.rightnav_box{width: 100%; margin: 0 auto; padding-top: 10px; padding-bottom: 30px;}
.rightnav_box .nav_list{ width: 95%; margin: 0 auto;}
.rightnav_box .nav_list a{display: block; font-size: 1.025rem; color:#FDEBC5;font-weight: bold; height: 30px; line-height: 30px; text-align: center;}
.rightnav_box .nav_list a+a{border-top: 1px solid #7E0000;}
.cent_bm{ width: 52px; height: auto; margin: 0 auto; margin-top: 3px;}
.cent_bm img{ width: 100%; height: auto;}
.rightnav_box .nav_list a.on{background: #7E0000;}



/*豪礼*/
.Hgift{ display: none; position: fixed; left: 50%; top: 20%; width: 90%; margin-left: -45%; z-index: 20;}
.Hgift_bg{ display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; left: 0px; top: 0px; z-index:18;}
.HgiftBox{ width: 100%; height: auto; position: relative;}
.HgiftBox .bg_ico{ width: 100%; height: auto;}
.Hgift_form{width: 80%; position: absolute; left: 50%; margin-left: -40%; bottom: 10%;}
.Hgift_gb{position: absolute; left: 50%; bottom: -50px; width: 35px; height: 35px; margin-left: -17.5px;}
.Hgift_gb img{ width: 100%; height: 100%;}
.Hgift_xian{ position: absolute; height: 300px;left: 50%; top: -300px; width: 1px; background: #fff;}
.Hgift_form .cityleft{position: relative; width: 100%;}
.Hgift_form .cityleft .city_m{ background: #fff;border-radius: 2px; height: 40px; width: 100%; position: relative;}
.Hgift_form .cityleft .city_m span{display: inline-block; font-size: 0.937rem; color: #666; height: 40px; line-height: 40px; padding-left: 10px;}
.Hgift_form .cityleft .city_m i{display: inline-block; width: 15px;height: 16px; position: absolute; right: 10px; top: 50%;margin-top: -12px;}
.Hgift_form .cityleft .city_m i img{width: 100%;height: 100%;}
.Hgift_form .cityleft .city_list{background: #fff; width: 100%; border-radius: 3px; position: absolute; left: 0; top: 45px; z-index: 1; display: none;}
.Hgift_form .cityleft .city_list a{text-align: center; display: block;font-size: 0.937rem; color: #666;height: 35px; line-height: 35px;}
.Hgift_form .cityleft .city_list a+a{border-top: 1px solid #eee;}
.Hgift_form .cityleft .city_list a.on{background: #eee; color: red;}
.Hgift_form .ing_t{margin-top: 13px; height: 40px; background: #fff; border-radius: 2px;}
.Hgift_form .ing_t i{display: inline-block; width: 12px; height: 20px; position: relative; top: 10px; margin-left: 10px; float: left;}
.Hgift_form .ing_t i img{width: 100%; height: auto;}
.Hgift_form .ing_t em{display: inline-block; float: left; margin-left: 8px; width: 1px; height:20px; background: #BFB9B9; position: relative; top: 10px;}
.Hgift_form .ing_t input{display: block; float: left; margin-left: 10px; background: #fff; border:none; font-size: 0.937rem; color: #666; width: 75%; height: 40px;}
.Hgift_form .ing_but{ width: 60%; height: 55px;line-height: 40px; font-size: 1.025rem; font-weight: bold; color: #f31413; text-align: center; background: url('/zt/chunjiezt20191222/image/ico_31.png') no-repeat center; background-size:100% 100%; display: block; margin: 0 auto; margin-top: 25px;}

/*求学团*/
.schoolBm{ display: none; position: fixed; left: 50%; top: 20%; height: auto; width: 90%; z-index: 20; margin-left: -45%;}
.schoolBm_bg{ display: none; background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 18;}
.schoolBm_main{ width: 100%; height: 100%; position: relative;}
.schoolBm_main p.bm_bg,.schoolBm_main p.bm_bg img{width: 100%; height: 100%;}
.schoolBm_gb{position:absolute; left: 50%; bottom: -50px; width: 36px; height: 36px; margin-left: -18px;}
.schoolBm_gb img{ width: 100%; height: 100%;}
.schoolBm_form{ position: absolute; left: 50%; bottom: 7%; width: 84%; margin-left: -42%;}
.schoolBm_form .lptitile{font-size: 1.125rem; font-weight: bold; color: #fff; text-align: center;}
.schoolBm_form form p{margin-top: 15px; height: 40px; background: #fff; border-radius: 5px; width: 100%;}
.schoolBm_form form p i{display: block; float: left; width: 16px; text-align: center; height: 16px; position: relative; top: 8px; margin-left: 10px;}
.schoolBm_form form p i img{ width: auto;  height: 16px;display: inline-block;}
.schoolBm_form form p em{display: block; width: 1px; margin-left: 10px; height: 16px; background: #d1d1d1; position: relative; top: 12px; float: left;}
.schoolBm_form form p input{height: 40px; position: relative; top: 0px; display: block; float: left; width: 74%; background: #fff; border:none; margin-left: 10px; font-size: 0.937rem; color:#666;}
.schoolBm_form form .cio_buttom{display: block; height: 40px; width: 70%; line-height: 40px; font-weight: bold; text-align: center; margin: 0 auto; margin-top: 30px; border-radius: 50px; background: -webkit-linear-gradient(top, #fff, #ffd300);font-size: 1.25rem; color: #fd352d;}

/*祈福团报名*/
.blessingBm{display:none; position: fixed; left: 50%; top: 10%; height: auto; width: 90%; z-index: 20; margin-left: -45%;}
.blessingBm_bg{display:none; background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 18;}
.blessingBm_main{ width: 100%; height: 100%; position: relative;}
.blessingBm_main .bm_bg,.blessingBm_main .bm_bg img{ width: 100%; height: 100%;}
.blessingBm_form{ position: absolute; z-index: 2; left: 50%;width: 80%; margin-left: -40%; bottom: 7%;}
.blessingBm_gb{position:absolute; right: 50%; bottom: -50px; width: 36px; height: 36px; margin-right: -18px;}
.blessingBm_gb img{ width: 100%; height: 100%;}
.blessingBm_form .lptitile{font-size: 1.125rem; color: #fff; text-align: center; margin-bottom: 0px;}
.blessingBm_form form p{margin-top: 15px; height: 40px; background: #fff; border-radius: 5px; width: 100%;}
.blessingBm_form form p i{display: block; float: left; width: 16px; text-align: center; height: 16px; position: relative; top: 8px; margin-left: 10px;}
.blessingBm_form form p i img{ width: auto;  height: 16px;display: inline-block;}
.blessingBm_form form p em{display: block; width: 1px; margin-left: 10px; height: 16px; background: #d1d1d1; position: relative; top: 12px; float: left;}
.blessingBm_form form p input{height: 40px; position: relative; top: 0px; display: block; float: left; width: 74%; background: #fff; border:none; margin-left: 10px; font-size: 0.937rem; color:#666;}
.blessingBm_form form .cio_buttom2{display: block; width: 100%;height: 40px; line-height: 40px; font-size: 1.25rem; font-weight: bold; color: #fff; margin-top: 15px; text-align:center; border-radius: 30px; background: #C80500;}

/*旅行团报名*/
.travelBm{ display:none; position: fixed; left: 50%; top:15%; height: auto; width: 98%; z-index: 20; margin-left: -49%;}
.travelBm_bg{display:none; background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 18;}
.travelBm_main{ width: 100%; height: 100%; position: relative;}
.travelBm_main .bm_bg,.blessingBm_main .bm_bg img{ width: 100%; height: 100%;}
.travelBm_form{ position: absolute; z-index: 2; left: 50%;width: 60%; margin-left: -30%; bottom: 19%;}
.travelBm_gb{position:absolute; right: 50%; bottom: -35px; width: 36px; height: 36px; margin-right: -18px;}
.travelBm_gb img{ width: 100%; height: 100%;}
.travelBm_form .lptitile{font-size: 1.125rem; font-weight: bold;  color: #fff; text-align: center; margin-bottom: 14%;}
.travelBm_form form .in_text{display: block; width: 100%; margin-bottom: 15px; height: 40px; background: #FDACA1; border-radius: 30px; border:none; font-size: 0.937rem; color:#b51919; padding-left: 20px;}
.travelBm_form form .cio_buttom2{display: block; width: 70%; margin: 0 auto; height: 45px; line-height: 45px; margin-top: 0px; border-radius: 30px; background: rgba(0,0,0,0);}
.travelBm_form form .in_text::-webkit-input-placeholder {color: #b51919;}
.travelBm_form form .in_text::-moz-placeholder {color: #b51919;}
.travelBm_form form .in_text::-moz-placeholder {color: #b51919;}
.travelBm_form form .in_text::-ms-input-placeholder { color: #b51919;}




@media only screen and (max-width: 374px) {
    .lpmain_center .topmain .lptxt p.tuijian em{max-width: 60%;}
    .lpmain_center .topmain .lptxt p.style span:nth-child(2){margin: 0 2px;padding: 0 2px;}
    .schoolBm_form form .cio_buttom{margin-top: 8px;}
    .schoolBm_form form p{margin-top: 10px;}
    .blessingBm_form form p,.blessingBm_form form .cio_buttom2{margin-top: 10px;}
    .blessingBm_form{bottom: 5%;}
    .travelBm_form form .in_text{margin-bottom: 10px;}
    .travelBm_form{bottom: 17%;}
    .travelBm_form .lptitile{margin-bottom: 11%;}
    .ztfooter_bm_main .ing_but{margin-top: 10px;}
    .Hgift_form .ing_but{margin-top: 10px;}
    .Hgift_form{bottom: 7%;}
}