/* 公共初始化样式 * */ body { margin: 0; padding: 0; height: 100%; width: 100%; font-size: 16px; -webkit-text-size-adjust: none; background: url(../img/waikuang.png) no-repeat center top; background-size: cover; font-family: "微软雅黑"; } ul, li { margin: 0; padding: 0; list-style-type: none; } img { border: 0; } p { margin: 0; padding: 0; } .clearfix:after { content: " "; display: block; clear: both; height: 0; } a { text-decoration: none; } .oneRog .tabItems li.active{ background-size:100% 100%; } input::-webkit-input-placeholder { color: #79FDFD; } /*首页样式开始 */ #nav { width: 100%; height: 60px; line-height: 60px; font-size: 38px; font-weight: bold; color: #FFFFFF; text-align: center; } #wrap { width: 1500px; margin: 0 auto; height: 885px; margin: 0 auto; } .swiper-container {} .swiper-container, .swiper-slide { height: 100%; width: 100%!important; } .swiper-pagination-bullet { width: 48px; height: 48px; opacity: 1!important; background: url(../img/paginat.png) no-repeat; vertical-align: middle; } .swiper-pagination-bullet-active { width: 73px; height: 73px; background: url(../img/paginat_active.png) no-repeat; animation: 20s infinite radar_pagination linear; -webkit-animation: 5s infinite radar_pagination linear; background-size: 100%; } @keyframes radar_pagination { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes radar_pagination { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } .swiper-button-next, .swiper-button-prev { width: 51px; height: 20px; top: 49%; } .swiper-button-prev { left: -2%; z-index: 999; background: url(../img/go_prev.png) no-repeat; background-size: 100% 100%; } .swiper-button-next { right: -2%; background: url(../img/go_next.png) no-repeat; background-size: 100% 100%; } .swiper-slide>div { width: 100%; position: relative; } .slideCon_bg { background: url(../img/slide_bg1.png) no-repeat center; height: 106%; width: 100%; background-size: 100% 100%; } .slide_title { position: absolute; height: 28px; width: 157px; left: 39%; top: 8.8%; z-index: 1; } .slide_title1 { background: url(../img/slide_title1.png) no-repeat; background-size: 100% 100%; left: 45%; } .slide_title2 { background: url(../img/slide_title2.png) no-repeat; background-size: 100% 100%; left: 42%; } .slide_title3 { background: url(../img/slide_title3.png) no-repeat; background-size: 100% 100%; left: 45%; } .slide_title4 { background: url(../img/slide_title4.png) no-repeat; background-size: 100% 100%; left: 43%; } .slide_title5 { background: url(../img/slide_title5.png) no-repeat; background-size: 100% 100%; left: 42% !important; } /*第一屏*/ /*日期框*/ .twotimeWarp1{ position: absolute; right: 10%; top: 17%; } .time_box { color: #79FDFD; font-size: 14px; position: relative; } .times, .selects { position: relative; background: #114a97; height: 21px; color: #79FDFD; border: 2px solid #00e9ff; border-radius: 2px; outline: none; vertical-align: middle; margin-left: 16px; padding-left: 15px; } #time3{ width: 230px; } /*搜索框结束*/ /*第一屏开始*/ .slideCon_bg .orderType { background: url(../img/orderType_bg.png) no-repeat; height: 100%; background-size: 100% 100%; } .orderType .orderTtype_Con { position: absolute; left: 7%; width: 86%; top: 25%; } .orderTtype_Con ul li { float: left; background: url(../img/light_kuang1.png) no-repeat center; height: 545px; width: 14.8%; background-size: 100% 100%; padding-left: 10px; box-sizing: border-box; padding-top: 40px; margin-left: 4.2%; } .orderTtype_Con ul li.active { background: url(../img/light_kuang2.png) no-repeat center; background-size: 100% 100%; height: 545px; /* padding-top: 85px; */ width: 16%; } .orderType>.orderTtype_Con ul li img { width: 90px; padding: 0px; /*margin: 25px -9px 7px 38px;*/ height: 70px; } .typeWord { width: 169px; text-align: center; position: relative; margin-top: 10px; color: #ecbc16!important; font-size: 22px; } .typeWord:before { position: absolute; display: block; content: ""; height: 4px; width: 80%; background: -webkit-linear-gradient(right, #45a6f3, transparent); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #45a6f3, transparent); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #45a6f3, transparent); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #45a6f3, transparent); /* 标准的语法(必须放在最后) */ bottom: -13px; left: 10%; } .typeWord_line { color: #c9d3ff; font-size: 14px; position: relative; width: 166px; text-align: center; margin-bottom: 23px; } .typeWord_line:before { position: absolute; content: ""; height: 2px; width: 100%; background: -webkit-linear-gradient(left, transparent, #fff, transparent); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(left, transparent, #fff, transparent); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(left, transparent, #fff, transparent); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, transparent, #fff, transparent); /* 标准的语法(必须放在最后) */ border-radius: 20%; left: 0; bottom: -10px; } .order_count { color: #79FDFD; font-size: 16px; font-weight: bold; width: 166px; text-align: center; } .persent_kuang { width: 75px; height: 75px; color: #79FDFD; font-size: 14px; text-align: center; margin-left: 32px; line-height: 75px; font-weight: bold; background: url(../img/order_percent.png) no-repeat center; background-size: 100% 100%; } .persent_box { width: 85%; margin: 0 auto; } .persent_word { font-size: 14px; color: #c9d3ff; margin: 3px 0 0 40px; } /*第一屏结束*/ /*第二屏开始*/ .topMargin{ position: absolute; left: 22%; top: 19%; z-index: 33; } .onerogPos{ width: 100%; padding: 0; height: 100%; } .topLeft5{ margin-left: 20px; } .tabItems{ height: 100%; position: relative; color: #FFFFFF; } .onerogPos{ position: relative; } .orderStatistic>div>ul li { height: 120px; width: 250px; margin-top: 27px; background: url(../img/num_frame.png) no-repeat center; background-size: 100%; } .orderStatistic>div>ul li div { font-size: 12px; color: #fff; margin-left: 27px; } .orderStatistic>div>ul li div.alert_link { font-size: 12px; color: #fff; display: block; position: absolute; top: 40px; right: -15px; width: 150px; height: 100px; } .slideCon_bg>div>ul li img { width: 50px; height: 50px; padding-left: 37px; padding-top: 25px; display: inline-block; vertical-align: middle; } .numect_1{ position: absolute; left: 10%; top: 20%; z-index: 333; } .numect_2{ position: absolute; left: 10%; top: 34%; z-index: 333; } .numect_3{ position: absolute; left: 10%; top: 48%; z-index: 333; } .numect1{ position: absolute; right: 10%; top: 20%; z-index: 333; } .numect2{ position: absolute; right: 10%; top: 34%; z-index: 333; } .numect3{ position: absolute; right: 10%; top: 48%; z-index: 333; } .order_num{ display: none; } .num_size{ font-size: 24px; color: #ecbc16 !important; margin-top: 8%; } /*第三屏结束*/ /*第四屏*/ .fivePos { position: absolute; right: 10%; top: 18%; } .trafficVolume{ position: relative; } .trafficVolume .orderCon_left { position: absolute; left: 0; top: 24%; width: 40%; } .trafficVolume .orderCon_right { position: absolute; right: 0; top: 25%; width: 60%; } .tagBox { width: 80%; height: 600px; position: absolute; left: 22%; } .tagcloud { height: 580px; -webkit-overflow-scrolling: touch; overflow-y: auto; overflow-x: hidden; padding: 0 0.1rem; margin-bottom: -.2rem; overflow: -moz-scrollbars-none; overflow: -moz-scrollbars-none; } .tagcloud::-webkit-scrollbar { display: none; } .tagcloud>div { float: left; display: block; color: #333; font-size: 13px; text-decoration: none; border: 1px solid #00e9ff; width: 90%; height: 267px; margin: 10px; } .tagcloud_bj { background-size: 100% 100%; } .tagcloud_bjShine { background-size: 100% 100%; } .backg_cor { background: #005499; } .backg_cor_bg { background: #001C68; } .table_box table:first-child { color: #FFFFFF; margin-bottom: 0px; } .keyBottom_left { position: absolute; width: 80%; right: 18%; } .table_box_key { width: 100%; padding: 2%; height: 510px; background: url(../img/key_bj.png) no-repeat; background-size: 100% 100%; color: #79FDFD; } .table_box_key table thead tr td { font-size: 14px; line-height: 32px; } .table_box_key table tbody tr td { color: #27B723; } .table_box_key table tbody tr td:first-child { color: #79FDFD; } .table_box_key table tbody tr td:last-child { color: #f05964; } .table>tbody>tr>td { border-top: 1px solid #3160a2; } .tabItems { position: relative; } .tag_title { font-size: 16px; line-height: 23px; height: 23px; color: #79FDFD; width: 100%; position: relative; overflow: hidden; } .tag_title .danhao { display: inline-block; width: 20%; text-align: center; } .tag_title .Yichin { color: #27B723; } .tag_titleWt { -webkit-overflow-scrolling: touch; overflow-y: auto; overflow-x: hidden; padding: 0 0.1rem; margin-bottom: -.2rem; overflow: -moz-scrollbars-none; overflow: -moz-scrollbars-none; } .tag_titleWt::-webkit-scrollbar { display: none; } .tag_title .Wentimo { display: inline-block; width: 80%; } .tag_title .washpa { padding-bottom: 30px; } .tagcloud>div .ts_count { text-align: center; color: #86f5ff; }