.max_box{max-width:640px;margin:auto;min-width:320px;position: relative;} .max_box img{display:block;} .special_img{width:100%;position:relative;} .special_img img{width:100%;} .m_lp_box{width:100%;background:url(../image/m_cj01.png) no-repeat 0 0/ 100% 100%;padding-bottom: 10px;} .m_lp{width:93%;margin:auto;position:relative;top:10px;} .m_lp_title{} .m_lp_title li{width:23%;height:40px;background:#A10022;position:relative;border-radius:5px 5px 0 0;float:left;margin-right:9.5px;} .m_lp_title li:last-child{margin-right:-50px;} .m_lp_title li img{width:22px;display:block;position:absolute;top:-15px;left:-3px;display:none;} .m_lp_title li i{position:absolute;top:-6px;left:-3px;font-size:0.8125rem;color:#FFF;background:#A10022;border:1px solid #FFF;border-radius:50px;width:16px;text-align:center;} .m_lp_title li span{font-size:0.75rem;color:#FFFEFE;display:flex;align-items:center;height:40px;justify-content:center;text-align: center;} .m_lp_title li.in i{background:rgba(255, 255, 255, 0);border:1px solid rgba(255, 255, 255, 0);} .m_lp_title li.in{background:#C6002A;} .m_lplist{background:#C6002A;overflow:hidden;padding:0 5px 10px 5px;} .m_lplist_t{margin-top:15px;} .m_lplist_t_img{border:1px solid #FFF;width:55%;height:125px;float:left;position:relative;display:block;} .m_lplist_t_img img{width:100%;height:100%;} .m_lplist_t_img i{display:block;width:100%;height:23px;position:absolute;top:0;background:rgba(51, 51, 51, 0.61);text-align:center;font-size:0.6875rem;color:#FFF;line-height:23px;} .m_lplist_t_r{width:41%;height:125px;float:right;text-align:center;} .m_lplist_t_r p{border-bottom:1px solid;font-size:0.95rem;color:#FFF;font-weight:600;padding-bottom:5px} .m_lplist_t_r span{font-size:0.75rem;color:#FFF;margin-top:5px;display:block;} .m_lplist_t_r span i{font-size:1rem;font-weight:600;} .m_lplist_bm{width:85%;margin:auto;margin-top:5px;} .m_lplist_bm a{height:30px;display:block;} .m_lplist_bm a img{width:100%;height:100%;} .m_lplist_bm a:last-child{margin-top:8px;} .m_lplist_dz{margin-top:10px;} .m_lplist_dz img{width:11px;float:left;position:relative;top:4px;} .m_lplist_dz span{font-size:0.75rem;color:#FFF;margin-left:5px;} .m_bm{width:94%;height:55%;position:absolute;top:11%;left:3%;} .m_jzhs_box{width:100%;height:100%;position:fixed;top:0;left:0;display:none;} .m_jzhs_zhez{width:100%;height:100%;background:rgba(31, 29, 29, 0.33);} .m_jzhs{width:300px;height:300px;position:absolute;top:50%;left:50%;margin-left:-150px;margin-top:-152px;background:url(../image/m_cj0006.png) no-repeat 0 0/ 100% 100%; animation:change 0.9s; -webkit-animation:change 0.9s; -moz-animation:change 0.9s; } @keyframes change { 0% {left:100%;opacity:0;} 100% {opacity:1;} } -webkit-@keyframes change { 0% {left:100%;opacity:0;} 100% {opacity:1;} } -moz-@keyframes change { 0% {left:100%;opacity:0;} 100% {opacity:1;} } .m_jzhs form{width:65.5%;position:absolute;top:58%;left:20%;} .m_jzhs form input{height:30px;border:0;border-radius:5px;text-align:center;width:100%;position:relative;top:2px;} .m_jzhs_buttom{width:50%;height:27px;position:relative;top:32px;left:53px;} .m_jzhs em{ display: block; position: absolute; top: 44%; left: 14%; font-size: 0.8rem; color: #FFF; width: 79%; text-align:center; } .m_jzhs_gb{width:20px;position:absolute;top:8px;right:10px;} .m_jzhs_gb img{width:100%;display:block;}