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