body{ background: #fff7f2; max-width:750px; margin: 0 auto; } .autumnzt{ width: 100%; height: auto; } .autumnztBox{ width: 100%; height: auto; } .autumnztBox_head,.autumnztBox_head p,.autumnztBox_head p img{ width: 100%; height: auto; } .autumnztBm{ width: 100%; height: auto; position: relative; } .autumnztBm p.ico,.autumnztBm p.ico img{ width: 100%; height: auto; } .autumnztBm_form{ position: absolute; left: 50%; width: 70%; bottom: 10%; z-index: 2; margin-left: -35%; } .autumnztBm_form .input_main{ width: 100%; height: auto; display: flex; display: -webkit-flex; /* Safari */ align-items:center; justify-content:center; font-size: 0; } .autumnztBm_form .input_main input.in_text{ width: 70%; height: 30px; border:none; background: #fff; border-radius: 20px 0 0 20px; padding-left: 20px; font-size: 0.837rem; color: #666; } .autumnztBm_form .input_main a{ width: 30%; height: 30px; text-align: center; line-height: 30px; font-size: 0.837rem; font-weight: bold; color: #D34304; border-radius: 0 20px 20px 0; background: #FFC837; } .autumnztList{ width: 100%; height: auto; overflow: hidden; margin-bottom: 20px; } .autumnztList_main{ width: 95%; margin:0 auto; } .autumnztList_main ul li{ border-radius: 4px; background:#fff; border:2px solid #513191; padding: 8px; height: 328px; } .autumnztList_main ul li .top_ico{ width: 100%; height: 160px; position: relative; } .autumnztList_main ul li .top_ico p.lp_img,.autumnztList_main ul li .top_ico p.lp_img img{ width: 100%; height: 100%; } .autumnztList_main ul li .top_ico p.city{ position: absolute; left:0; top: 0px; background: url('/overseas/zt/autumnzt/images/ico_img_14.png') center no-repeat; background-size:100% 100%; height: 27px; line-height: 24px; padding: 0 10px; font-size: 0.875rem; color: #fff; } .autumnztList_main ul li .top_ico p.title{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 25px; line-height: 25px; font-size: 0.937rem; color: #fff; font-weight: bold; text-align: center; background: rgba(0,0,0,0.5); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .autumnztList_main ul li .bottom_text{ margin-top: 10px; } .autumnztList_main ul li .bottom_text p.lp_zk{ display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:flex-start; font-size: 0; background: #FFE5D1; border-radius: 4px; overflow: hidden; } .autumnztList_main ul li .bottom_text p.lp_zk span{ width: 20%; background: url('/overseas/zt/autumnzt/images/ico_img_15.png') center no-repeat; background-size:100% 100%; line-height: 25px; height: 25px; text-align: center; font-size: 0.875rem; color: #fff; padding-right: 5px; } .autumnztList_main ul li .bottom_text p.lp_zk em{ width: 80%; padding:0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 25px; line-height: 25px; font-size: 0.875rem; color: #DB1E1B; } .autumnztList_main ul li .bottom_text p.pric{ display: -webkit-flex; /* Safari */ display: flex; align-items:flex-end; justify-content:flex-start; font-size: 0; margin-top: 8px; } .autumnztList_main ul li .bottom_text p.pric span{ font-size: 0.75rem; color: #DB1E1B; display: inline-block; } .autumnztList_main ul li .bottom_text p.pric span b{ font-size: 1rem; font-weight: bold; } .autumnztList_main ul li .bottom_text p.pric i{ font-size: 0.625rem; color: #999; display: inline-block; margin-left: 5px; } .autumnztList_main ul li .bottom_text p.lp_dz{ font-size: 0.875rem; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 8px; } .autumnztList_main ul li .bottom_bm{ margin-top: 15px; display: -webkit-flex; /* Safari */ display: flex; align-items:center; justify-content:space-between; margin-bottom: 10px; } .autumnztList_main ul li .bottom_bm a{ display: inline-block; width: 42%; height: 35px; line-height: 35px; text-align: center; font-size: 0.937rem; font-weight: bold; border-radius: 20px; } .autumnztList_main ul li .bottom_bm a.lq{ color: #513291; background: linear-gradient(270deg, #F9E1B1 0%, #E5BD7F 100%); } .autumnztList_main ul li .bottom_bm a.zx{ color: #fff; background: #513291; } .autumnztList .swiper-pagination{ position:inherit; width: 100%; margin-top:10px; } .autumnztList .swiper-pagination .swiper-pagination-bullet{ background: #fff; border-radius: 100%; opacity: 1; border:1px solid #312985; margin: 0 3px; } .autumnztList .swiper-pagination .swiper-pagination-bullet-active{ background: #312985; } /* 报名 弹窗 */ .bmSina{ position: fixed; left: 50%; top: 25%; width: 94%; height: auto; margin-left: -47%; z-index: 100; display: none; } .bmSina_bg{ width: 100%; height: 100%; left:0px; top: 0; background: rgba(0,0,0,0.5); z-index: 99; position: fixed; display: none; } .bmSinaBox{ width: 100%; height: 100%; position: relative; } .bmSinaBox .bmSina_ico,.bmSinaBox .bmSina_ico img{ width: 100%; height: 100%; } .bmSinaBox .bmSina_for{ position: absolute; left: 50%; bottom: 4.5%; width: 70%; margin-left: -35%; z-index: 2; } .bmSinaBox .bmSina_for input.mobile_text{ width: 100%; height: 35px; border:none; border-radius: 20px; background: url('/overseas/zt/autumnzt/images/tmp_33.png') 15px center no-repeat #fff; background-size: 12px 20px; font-size: 0.875rem; color: #666; padding-left: 40px; display: block; } .bmSinaBox .bmSina_for a.buttom_tj{ width: 100%; display:block; height: 35px; line-height: 35px; font-size: 0.937rem; color: #DB1E1B; background: #FFE300; font-weight: bold; text-align: center; border-radius: 20px; margin-top: 8px; } .bmSinaBox .bmSina_gb{ position: absolute; left: 50%; bottom: -50px; width: 30px; height: 30px; margin-left: -15px; z-index: 2; } .bmSinaBox .bmSina_gb img{ width: 100%; height: 100%; }