.zjh_top_hf{ width:100%; height:100px; min-width: 1200px; background: no-repeat center center; -webkit-background-size: cover; background-size: cover; } .zjh_top_hf>div{ width:1200px; height:100%; position: relative; margin: 0 auto; } .zjh_top_hf>div>a{ display: block; width:304px; height:58px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #ff9c00; color:#fff; font-weight: bold; text-align: center; line-height: 58px; box-shadow: 0 4px 0 0 #ff5a00; font-size: 24px; position: absolute; bottom:20px; right:13px; } #botm_zjh_style{ position: fixed; bottom:0; left:0; width:100%; height:80px; min-width: 1200px; background: no-repeat center center; -webkit-background-size: cover; background-size: cover; z-index: 100; } #botm_zjh_style>div{ width:1200px; margin: 0 auto; height:80px; position: relative; } #botm_zjh_style>div>a{ position: absolute; display: inline-block; left:70px; top:23px; } #botm_zjh_style>div>a span:nth-child(1){ color:#111111; font-size: 14px; display: block; } #botm_zjh_style>div>a span:nth-child(2){ color:#ff7e00; font-size: 20px; display: block; font-weight: bold; } #botm_zjh_style>div>ul{ position: absolute; right:83px; top:14px; width:871px; height:48px; } #botm_zjh_style>div>ul li{ width:129px; height:48px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; float: left; box-shadow: 0 4px 0 0 #efafec; margin: 0 18px 0 0; } #botm_zjh_style>div>ul li:last-child{ margin-right: 0; } #botm_zjh_style>div>ul li a{ display: block; width:100%; height:100%; text-align: center; font-weight: bold; color:#fff; font-size: 20px; line-height: 48px; } #botm_zjh_style>div>ul li:nth-child(1){ background: -webkit-linear-gradient(left top, #ff9000, #ffcc00); /* safari 5.1 - 6.0 */ background: -o-linear-gradient(bottom right, #ff9000, #ffcc00); /* opera 11.1 - 12.0 */ background: -moz-linear-gradient(bottom right, #ff9000, #ffcc00); /* firefox 3.6 - 15 */ background: linear-gradient(to bottom right, #ff9000 , #ffcc00); /* 标准的语法(必须放在最后) */ box-shadow: 0 4px 0 0 #fddca6; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #botm_zjh_style>div>ul li:nth-child(2){ background: -webkit-linear-gradient(left top, #b400ff, #ff00c6); /* safari 5.1 - 6.0 */ background: -o-linear-gradient(bottom right, #b400ff, #ff00c6); /* opera 11.1 - 12.0 */ background: -moz-linear-gradient(bottom right, #b400ff, #ff00c6); /* firefox 3.6 - 15 */ background: linear-gradient(to bottom right, #b400ff, #ff00c6); /* 标准的语法(必须放在最后) */ box-shadow: 0 4px 0 0 #f0ace8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #botm_zjh_style>div>ul li:nth-child(3){ background: -webkit-linear-gradient(left top, #ff9000, #ffcc00); /* safari 5.1 - 6.0 */ background: -o-linear-gradient(bottom right, #ff9000, #ffcc00); /* opera 11.1 - 12.0 */ background: -moz-linear-gradient(bottom right, #ff9000, #ffcc00); /* firefox 3.6 - 15 */ background: linear-gradient(to bottom right, #ff9000 , #ffcc00); /* 标准的语法(必须放在最后) */ box-shadow: 0 4px 0 0 #fddca6; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #botm_zjh_style>div>ul li:nth-child(4){ background: -webkit-linear-gradient(left top, #b400ff, #ff00c6); /* safari 5.1 - 6.0 */ background: -o-linear-gradient(bottom right, #b400ff, #ff00c6); /* opera 11.1 - 12.0 */ background: -moz-linear-gradient(bottom right, #b400ff, #ff00c6); /* firefox 3.6 - 15 */ background: linear-gradient(to bottom right, #b400ff, #ff00c6); /* 标准的语法(必须放在最后) */ box-shadow: 0 4px 0 0 #f0ace8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #botm_zjh_style>div>ul li:nth-child(5){ background: -webkit-linear-gradient(left top, #ff9000, #ffcc00); /* safari 5.1 - 6.0 */ background: -o-linear-gradient(bottom right, #ff9000, #ffcc00); /* opera 11.1 - 12.0 */ background: -moz-linear-gradient(bottom right, #ff9000, #ffcc00); /* firefox 3.6 - 15 */ background: linear-gradient(to bottom right, #ff9000 , #ffcc00); /* 标准的语法(必须放在最后) */ box-shadow: 0 4px 0 0 #fddca6; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #botm_zjh_style>div>ul li:nth-child(6){ background: -webkit-linear-gradient(left top, #b400ff, #ff00c6); /* safari 5.1 - 6.0 */ background: -o-linear-gradient(bottom right, #b400ff, #ff00c6); /* opera 11.1 - 12.0 */ background: -moz-linear-gradient(bottom right, #b400ff, #ff00c6); /* firefox 3.6 - 15 */ background: linear-gradient(to bottom right, #b400ff, #ff00c6); /* 标准的语法(必须放在最后) */ box-shadow: 0 4px 0 0 #f0ace8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #botm_zjh_style>div>ul li:hover{ box-shadow: 0 0px 0 0 #fddca6; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #botm_zjh_style>div>ul li.btn_wex{ position: relative; cursor: pointer; } #botm_zjh_style>div>ul li.btn_wex a{ position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index: 10; background: -webkit-linear-gradient(left top, #b400ff, #ff00c6); /* safari 5.1 - 6.0 */ background: -o-linear-gradient(bottom right, #b400ff, #ff00c6); /* opera 11.1 - 12.0 */ background: -moz-linear-gradient(bottom right, #b400ff, #ff00c6); /* firefox 3.6 - 15 */ background: linear-gradient(to bottom right, #b400ff, #ff00c6); /* 标准的语法(必须放在最后) */ box-shadow: 0 4px 0 0 #f0ace8; } #botm_zjh_style>div>ul li.btn_wex img{ position: absolute; bottom:-260px; left:0; display: block; width:140px; height:140px; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } #left_alert{ width:130px; height:455px; background: #fff; position: fixed; top:50%; left:0; margin-top:-227px; box-sizing: border-box; overflow: hidden; z-index: 100; background: no-repeat center center; } #left_alert>img{ position: absolute; top:-8px; left:0; display: block; width:100%; z-index: 10; } #left_alert>ul{ text-align: center; padding-top: 100px; } #left_alert>ul li{ width:100%; height:51px; line-height: 51px; position: relative; } #left_alert>ul li a{ display: block; height:100%; }