body{background: #aa0113;} .chunjieztHead,.chunjieztHead p,.chunjieztHead p img{width: 100%; height: auto;} .chunjieztMain{ width: 100%; height: auto; background: url('/zt/chunjiezt20191222/image/ico_bg_01.png') no-repeat center; background-size: 100% 100%; } .mainBox{ width: 1160px; margin: 0 auto;} .mainBox_m{width: 100%; height: auto; margin-top: 20px;} .mainBox_m p.ico,.mainBox_m p.ico img{ width: 100%; height: auto;} .lplist{ position: relative; width: 100%; height: auto;} .lplist .lplist_bg{ width: 100%; height: auto;} .lplist .lplist_bg img{ width: 100%; height: auto;} .lplist_main{ position: absolute; left: 50%; top: 15px; width: 820px; margin-left: -413px;} .lplist_main_center{ width: 100%; height: auto; overflow: hidden;} .lplist_main ul li{ box-shadow:0px 7px 7px 1px rgba(149, 149, 149, 0.35); float: left; width: 382px;background: #fff; border-radius: 10px; overflow: hidden;} .lplist_main ul li .top_tu{ width: 360px; height: 180px; border-radius: 10px; overflow: hidden; margin:10px 11px;} .lplist_main ul li .top_tu img{ width: 100%; height: 100%;} .lplist_main ul li .center_text{ margin: 4px 15px 0;} .lplist_main ul li .center_text .title a{display: block; float: left; font-size: 24px; color: #333; max-width: 65%;font-weight:bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .lplist_main ul li .center_text .title p.r{float: right; position: relative; top: 8px;} .lplist_main ul li .center_text .title p.r i{width: 12px; height: 14px; display: inline-block; } .lplist_main ul li .center_text .title p.r i img{width: 100%; height: 100%;} .lplist_main ul li .center_text .title p.r span{display: inline-block; font-size: 16px; color: #B8B8B8; margin-left: 3px;} .lplist_main ul li .center_text .pric{margin-top: 3px;} .lplist_main ul li .center_text .pric span{font-size: 16px; color: #D61900;} .lplist_main ul li .center_text .pric span em{font-size: 30px; position: relative; top: 2px;} .lplist_main ul li .center_text .pric span i{font-size: 34px; font-weight: bold;position: relative; top: 2px;} .lplist_main ul li .center_text .pric b{font-size: 12px; color: #999;font-weight: normal;} .lplist_main ul li .center_text .mianji{margin-top: 5px; font-size: 16px; color: #333;font-weight:bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .lplist_main ul li .center_text .tuijian{margin-top: 10px; height: 55px;} .lplist_main ul li .center_text .tuijian p{font-size: 14px; color: #333; border:1px solid #333; border-radius: 12px; height: 24px; line-height: 24px; float: left; padding: 0 12px;} .lplist_main ul li .center_text .tuijian span{display: block; width: 255px; font-size: 16px; color: #D61900; line-height: 24px; margin-left: 5px; float: left; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .lplist_main ul li .center_text .style{font-size: 16px; color: #333; border-bottom: 1px solid #959595; padding-bottom: 13px;} .lplist_main ul li .center_text .style span{ display: inline-block; height: 17px; line-height: 17px; padding-right: 10px;} .lplist_main ul li .center_text .style span i{ color: #D61900; padding-left: 5px;} .lplist_main ul li .center_text .style span+span{border-left: 1px solid #333; padding-left: 10px;} .lplist_main ul li .center_text .fo_bm{margin-top: 3px;} .lplist_main ul li .center_text .fo_bm a{ width: 50%; float: left; text-align: center; display: block; height:66px;} .lplist_main ul li .center_text .fo_bm a img{ width: auto; height: 100%;} .ztfoot{ width: 100%; height: auto; background: url('/zt/chunjiezt20191222/image/ico_4.png') no-repeat center; background-size: 100% 100%; } .ztfoot_m{ width: 1160px; margin: 0 auto;} .ztfoot_m p.ico,.ztfoot_m p.ico img{ width: 100%; height: auto;} .ztfoot_bm{position: relative; width: 100%; height: auto;} .ztfoot_bm p.bm-bg,.ztfoot_bm p.bm-bg img{width: 100%; height: auto;} .bm_fotr{position: absolute; left: 50%; width: 806px; margin-left: -403px; top: 0px; z-index: 1;} .bm_fotr_main .city_list{ float: left; width: 280px; position: relative;} .bm_fotr_main .city_list p.show_l{position: relative; width: 100%; height: 46px; line-height: 46px; background: #fff; border-radius: 2px;} .bm_fotr_main .city_list p.show_l span{display: inline-block; font-size: 20px; color: #666; margin-left: 10px;} .bm_fotr_main .city_list p.show_l i{ position: absolute; right: 13px; top: 50%; width: 13px; height: 16px; margin-top: -8px;display: inline-block;} .bm_fotr_main .city_list p.show_l i img{ width: 100%; height: 100%;} .bm_fotr_main .city_list .city_main{display: none; position: absolute; width: 100%;background: #fff; border-radius: 5px; left: 0px; top: 50px; z-index: 1;} .bm_fotr_main .city_list .city_main a{display: block; height: 40px; line-height: 40px;font-size:18px; color: #666; text-align: center;} .bm_fotr_main .city_list .city_main a+a{border-top: 1px solid #eee;} .bm_fotr_main .city_list .city_main a:hover{background: #eee;} .bm_fotr_main .city_list .city_main a.on{background: #eee; color: #D61900;} .bm_fotr_main .in_input{ width: 276px;margin-left: 48px;height: 46px; background: #fff; border-radius: 2px; float: left;} .bm_fotr_main .in_input i{ float: left; width: 15px;height: 25px; display: inline-block; position: relative; top: 10px; margin-left: 10px;} .bm_fotr_main .in_input i img{ width: 100%; height: 100%;} .bm_fotr_main .in_input span{float: left; display: inline-block; width: 1px; height: 20px; background: #BFB9B9; margin-left: 10px; position: relative; top: 12px;} .bm_fotr_main .in_input input{font-size: 18px; color: #666; float: left; display: inline-block; height: 40px; position: relative; top: 3px; border:none; background: #fff; width: 220px; margin-left: 10px;} .bm_fotr_main .in_buttom{border-radius: 2px; font-weight: bold; display:block; width: 150px; height: 46px; background: #ffe612; line-height: 46px; float: right; text-align: center; font-size: 20px; color: #453e02;} /*求学团*/ .schoolBm{ display: none; position: fixed; left: 50%; top: 50%; height: 583px; width: 590px; z-index: 10; margin-left: -295px; margin-top: -291px;} .schoolBm_bg{display: none; background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 8;} .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; right: -50px; top: -30px; width: 50px; height: 50px;} .schoolBm_gb img{ width: 100%; height: 100%;} .schoolBm_form{ position: absolute; left: 50%; bottom: 40px; width: 484px; margin-left: -242px;} .schoolBm_form .lptitile{font-size: 30px; color: #fff; text-align: center;} .schoolBm_form form p{margin-top: 20px; height: 70px; background: #fff; border-radius: 5px; width: 100%;} .schoolBm_form form p i{display: block; float: left; width: 26px; text-align: center; height: 26px; position: relative; top: 22px; margin-left: 15px;} .schoolBm_form form p i img{ width: auto; height: 26px;display: inline-block;} .schoolBm_form form p em{display: block; width: 1px; margin-left: 15px; height: 26px; background: #d1d1d1; position: relative; top: 22px; float: left;} .schoolBm_form form p input{height: 60px; position: relative; top: 5px; display: block; float: left; width: 390px; background: #fff; border:none; margin-left: 15px; font-size: 26px; color:#666;} .schoolBm_form form .cio_buttom{display: block; height: 70px; width: 300px; line-height: 70px; text-align: center; margin: 0 auto; margin-top: 60px; border-radius: 50px; background: -webkit-linear-gradient(top, #fff, #ffd300);font-size: 40px; color: #fd352d;} /*祈福团报名*/ .blessingBm{display: none; position: fixed; left: 50%; top: 50%; height: 600px; width: 638px; z-index: 10; margin-left: -319px; margin-top: -300px;} .blessingBm_bg{ display: none; background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 8;} .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: 410px; margin-left: -205px; bottom: 67px;} .blessingBm_gb{position:absolute; right: -15px; top: 30px; width: 50px; height: 50px;} .blessingBm_gb img{ width: 100%; height: 100%;} .blessingBm_form .lptitile{font-size: 30px; color: #fff; text-align: center; margin-bottom: 20px;} .blessingBm_form form .in_text{display: block; width: 390px; margin-bottom: 15px; height: 54px; background: #fff; border-radius: 2px; border:none; font-size: 24px; color: #666; padding-left: 20px;} .blessingBm_form form .cio_buttom2{display: block; width: 410px;height: 60px; line-height: 60px; font-size: 32px; color: #ff3900; margin-top: 3px; text-align:center; border-radius: 30px; background: #fff2a7;} /*旅行团报名*/ .travelBm{ display: none; position: fixed; left: 50%; top: 50%; height: 590px; width: 636px; z-index: 10; margin-left: -298px; margin-top: -245px;} .travelBm_bg{display: none; background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 8;} .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: 394px; margin-left: -228px; bottom: 123px;} .travelBm_gb{position:absolute; right: -15px; top: -55px; width: 50px; height: 50px;} .travelBm_gb img{ width: 100%; height: 100%;} .travelBm_form .lptitile{font-size: 30px; color: #fff; text-align: center; margin-bottom: 68px;} .travelBm_form form .in_text{display: block; width: 374px; margin-bottom: 15px; height: 50px; background: #FDACA1; border-radius: 30px; border:none; font-size: 24px; color:#b51919; padding-left: 20px;} .travelBm_form form .cio_buttom2{display: block; width: 221px; margin: 0 auto; height: 60px; line-height: 60px; font-size: 32px; color: #fd4426; margin-top: 28px; text-align:center; border-radius: 30px; background: #fff; box-shadow:0px 20px 50px 0px rgba(82,41,41,0.39);} .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;} /*右边悬挂*/ .xgRight{ display: none; position:fixed; right: 0px; top: -50px; width: 300px; height: auto; z-index: 5} .xgRightBox{ width: 100%; height: auto; position: relative;} .xgRight_main p.ico,.xgRight_main p.ico img{width: 100%; height: auto;} .xgRight_main{ width: 100%; height: auto; position: relative;} .xgRight_main .r_nav{position: absolute; left:50%; top: 52%; width: 172px; margin-left: -80px; text-align: center; z-index: 1} .xgRight_main .r_nav a{display: block; font-size: 22px; color: #fff; height: 45px; line-height: 45px; transform:rotate(-5deg); -ms-transform:rotate(-5deg); /* IE 9 */ -webkit-transform:rotate(-5deg); /* Safari and Chrome */} .xgRight_main .r_nav a+a{margin-top: 10px;} .xgRight_main .r_nav a.on{ color: #FFF000;} .haoli{position: absolute; width: 140px; height: auto;left: 50%; margin-left: -60px; bottom:146px; z-index: 1;} .haoli .haoli_main{position: relative;} .right_ico,.right_ico img{ width: 100%; height: auto;} .haoli_bm{ display: none; position: absolute; left:-400px;top: -83px; width: 371px; height: 222px; z-index: 5; padding-right: 65px;} .haoli_bm_center{ width: 100%; height: 100%; position: relative;} .haoli_bm_center .ico_bg,.haoli_bm_center .ico_bg img{ width: 100%; height: 100%;} .haoli_bm_center .haoli_bm_form{ position: absolute; left:50%; bottom: -27px; margin-left: -98px;width: 196px;} .haoli_bm_form p.title{ width: 194px; height: auto; margin: 0 auto; text-align: center;} .haoli_bm_form p.title img{ width: 100%; height: auto;} .haoli_bm_form .city_list{ margin-top: 10px; width: 195px; margin: 0 auto; position: relative;} .haoli_bm_form .city_list .show_l{width: 100%; height: 28px;background: #fff; border-radius: 4px;border:1px solid #C7C7C7; position: relative;} .haoli_bm_form .city_list .show_l span{display: inline-block; font-size: 14px; color: #666; line-height: 28px; padding-left: 8px;} .haoli_bm_form .city_list .show_l i{display: inline-block; width: 10px; height: 9px; position: absolute; right: 8px; top: 50%; margin-top: -4.5px;} .haoli_bm_form .city_list .show_l i img{width: 100%; height: 100%;} .haoli_bm_form .city_list .city_main{ z-index: 2; display: none; position: absolute; left: 0px; top: 35px; border:1px solid #fff; width: 100%; background: #fff; border-radius: 3px;} .haoli_bm_form .city_list .city_main a{display: block; font-size: 14px; color: #666; height: 28px; line-height: 28px; text-align: center;} .haoli_bm_form .city_list .city_main a+a{border-top: 1px solid #eee;} .haoli_bm_form .city_list .city_main a.on{background: #eee; color: #D61900;} .haoli_bm_form .city_list .city_main a:hover{background: #eee;} .haoli_bm_form .in_txt{margin-top: 10px; width: 195px; height: 28px; border:1px solid #C7C7C7; border-radius: 4px; background: #fff;} .haoli_bm_form .in_txt i{float: left; display: inline-block; width: 8px; height: 12px; position: relative; top: 8px;margin-left: 10px;} .haoli_bm_form .in_txt i img{ width: 100%; height: 100%;} .haoli_bm_form .in_txt em{float: left; width: 1px; height: 12px; position: relative; top: 8px; background: #B1B1B1; margin-left: 10px; display: inline-block;} .haoli_bm_form .in_txt input{display: block; float: left; width: 145px; background: #fff; height: 28px; border:none; font-size: 14px; color: #666; margin-left: 10px;} .haoli_bm_form .r_but{display: block; width: 159px; height: auto; margin: 0 auto; background: url('/zt/chunjiezt20191222/image/ico_m_40.png') no-repeat center; height: 65px; line-height: 35px; margin-top: 8px; text-align: center; font-size: 18px; color: #F31413; font-weight: bold;}