@charset "utf-8"; /* 公共样式 */ *{ margin:0; padding:0;} html{font-size:10px; background:#fff;} body{overflow-x:hidden; font:1.2rem/1.5 helvetica; color:#333; background:#fff;} body{width:99%;max-width:480px;margin:0px auto;} .fl{ float:left;} .fr{ float:right;} ul li{list-style-type:none;} a{text-decoration:none; color:#333;} h1,h2,h3,h4,h5,h6{font-weight:normal;} address,em{font-style:normal;} img{max-width:100%; vertical-align:top;} .mainwrap{width: 98%;margin: 0 auto; overflow:hidden;} /*======= 头部 开始=======*/ header .top { width:100%; height:32px; overflow:hidden; line-height:32px; position:relative;;background:url(/uploads/image/smglobal/logobg.png) top no-repeat #f6220d!important;background-size:100% auto!important} header .top a:visited{color:#fff;} header .logo { float: none; padding: 0;width: 100%;text-align:center;} header .logo img{height:30px;width: 150px;vertical-align: middle;} header .logo a{ width:150px;margin: 0px auto;margin-right: -26px;} header .home{ float:left;padding-left:0;} header .home img{height:30px;width:30px;vertical-align: middle;} header .home a{ float:left;width:30px; height:30px;margin-left: 0px; } header .kbs {float:right; padding-right:0;} header .kbs img{height:20px;width: 20px;vertical-align: middle;} header .kbs a {width: 20px; height:20px; float:right;position:relative; margin-right: 6px;} header nav { width:100%; background: #f6f6f6; overflow:hidden;} header .i_nav {width: 100%;float:left;} header nav a { float:left; width:14%; font-size: 16px; text-align:center; line-height:35px;color: #666666; border-bottom:1px solid #d7d7d7; border-top:1px solid #ffffff;} header nav #more{ white-space:nowrap; width:17%;} header #more { display:none;} /*======= 头部 结束=======*/ /*底部*/ footer{padding-top:10px; font-size:1.6rem;} footer nav { height:40px;background:#ab1324;} footer nav ul{width:100%;display:box;display:-webkit-box;display:-moz-box; orient: horizontal;} footer nav li {text-align:center;box-flex:1;-webkit-box-flex:1;-moz-box-flex:1; line-height:40px;} footer nav a { color:#fff;} footer .butbox { text-align:center;} footer .butbox a { margin:10px 5px 0;} footer .toggle_v { text-align:center; margin-top:10px; } footer .copyright { text-align:center; color:#ccc; font-size:1.8rem; margin:5px 0 0px;} /*========焦点图 开始========*/ .swiper-container{ width: 100%; height: 250px; padding-top:5px; } .swiper-slide{ width: 100%; height: 250px; } .swiper-slide img{ width: 100%; height: 100%; } .swiper-pagination-bullets { position: absolute; bottom: 0.2rem !important; right: 0.2rem !important; left: auto; width: auto; z-index: 1100; } .swiper-pagination-bullet { margin: 0 5px; background: #fff !important; width: 8px; height: 8px; opacity: 1; border-radius: 50%; } .swiper-pagination-bullet-active { background: #ef4136 !important; width: 8px; height: 8px; border-radius: 50%; } .swiper-slide h3 { position: absolute; z-index: 1000; width: 100%; bottom: 15px; text-indent: 2px; color:#fff; line-height: 30px; height: 30px; background: url(/uploads/image/smglobal/wzbg.png) repeat left center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align:center; } .swiper-slide h3 a{ font-size:16px; color:#fff; } /*========焦点图 结束========*/ /*列表 一图 三图 一大图 无图*/ .review{position: relative;top: 3px;height: 13px;line-height: 12px;font-size:12px; padding-right: 20px;} .oneimg,.noimg,.threeimg,.onebingimg{height:auto;overflow:hidden; padding:1rem 0; border-bottom:1px solid #e5e5e5; position:relative;} .oneimg h2,.noimg h2 ,.threeimg h2,.onebingimg h2{font-size: 16px;line-height:26px;color: #000;} .oneimg a, .noimg a, .threeimg a, .onebingimg a { display:block;height:auto;overflow:hidden;} .oneimg aside ,.noimg aside,.threeimg aside,.onebingimg aside{ color: #9f9f9f;} .oneimg aside span, .noimg aside span, .threeimg aside span, .onebingimg aside span { margin-right:0.2rem; vertical-align:middle; } .oneimg img {float: right;margin-left:1%;margin-right: 1%;width: 38%;max-height: 110px;border-radius: 3px;} .oneimg { padding-bottom:.8rem;} .oneimg aside { margin-top:0.5rem;} .noimg { padding-bottom:.7rem;} .noimg h2{margin-bottom:.5rem;} .threeimg .imglist{ margin:0.5rem 0; height:auto; overflow:hidden; width:102%;} .threeimg .imglist img{width: 31%;margin-right: 2%;float: left;max-height: 75px;} .onebingimg img{ width:100%; max-height: 160px; margin-bottom:0.5rem;} .search { display: flex; width: 100%; font-size: .16rem; margin-left: .1rem; } .search form { width: 100%; margin-left: .08rem; } .flex { display: flex; align-items: center; } .search { display: flex; width: 100%; font-size: .16rem; margin-left: .1rem; } .search form { width: 100%; margin-left: .08rem; }