12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- .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;}
|