* { margin:0; padding:0; /*border:0*/ } body { font-size:14px/100%; font-family:"微软雅黑",arial; background-color:#d7d7d7; } li { list-style-type:none; } .left { float:left } .right { float:right } .mt12 { margin-top:12px } a{ color: #333; text-decoration:none; cursor:pointer; } a:hover { color:#f60; } .red{ color: #f00;; } .bg-white{ background: #fff; border-radius: 4px; border: 1px solid #ccc; overflow: hidden; } .container { width:1110px; margin:0 auto; } .clearfix:after{ content:""; height:0; line-height:0; display:block; visibility:hidden; clear:both; } .clearfix{ zoom: 1; } #content { width:1200px; margin:auto; } .mt5 { margin-top:5px } .mb5 { margin-bottom:5px } .ml5 { margin-left:5px } .mr5 { margin-right:5px } .mt10 { margin-top:10px } .mt15 { margin-top:15px } .mt20 { margin-top:20px } .mb10 { margin-bottom:10px } .ml10 { margin-left:10px } .mr10 { margin-right:10px } .pl10 { padding-left:10px } .pl15 { padding-left:15px } .pr10 { padding-right:10px } .pr15 { padding-right:15px } .pb10 { padding-bottom:10px } .pb15 { padding-bottom:15px } .pt10 { padding-top:10px } .pt15 { padding-top:15px } .p10 { padding:10px } #footer { position:relative; background:#2a2931; padding:30px 0; color:#999; text-align:center; font-size:14px; line-height:20px; font-family:"\5fae\8f6f\96c5\9ed1",'微软雅黑' } #footer .footer-cont { background:#2a2931; position:relative; min-width:1210px; } #footer .footer-detail { margin:0 auto; padding:13px 0; padding-top:20px; width:1000px; color:#999; } .foot-title{ position: absolute; top: -12px; left: 20px; width: 300px; height: 80px; border-radius: 10px; background: #fafafa; } .foot-title .hb{ font-family:"Microsoft YaHei"; font-size:32px; font-weight:normal; line-height:50px; color:#d31c02; overflow:hidden; position:relative; } #body { background:#f0f0f0; width:1230px; } #div_custom a { text-decoration:underline; } #div_custom a:hover { color:#ff0000; } .bg_white { background:#fff; border-radius:4px; border:1px solid #ccc; } .copyright { margin-top:10px; } .footer-detail a { color:#fff; text-decoration:underline; } .footer-detail a:hover { color:#ff0000; } .layout{ width: 1222px; margin: 0 auto; } .topbox{ background: #ffe659; text-align: center; line-height: 40px; } .topbox>a{ color: #333; text-decoration: underline; } .notice{ background:#fafafa; line-height: 30px; height:30px; border-bottom: 1px solid #ddd; font-size: 14px; } .ico-tip{ background-image: url('http://cloudcdn.dopa.com/img/1834/tip.png'); display: inline-block; width: 19px; height: 19px; background-repeat: no-repeat; } .ico-cart{ background-image: url('http://cloudcdn.dopa.com/img/1818/cart.png'); display: inline-block; width: 19px; height: 19px; background-repeat: no-repeat; } .va-4{ vertical-align: -4px; } .top_bg{ /*height: 134px;*/ background: #fefefe; } #unit_dm{ display: flex; /*padding-top: 10px;*/ width: 330px; } #unit_dm a{ display: flex; } #unit_dm h1 { font-family:"Microsoft YaHei"; font-size:30px; font-weight:normal; line-height:72px; /*width:200px;*/ color:#d31c02; overflow:hidden; position:relative; } .logo{ display: inline-block; padding: 0 20px; width: 60px; } .logo img{ width: 100%;} /*.title{ display: inline-block; }*/ .sethome { display: inline-block !important; overflow: hidden; width: 60px; height: 20px; font-size: 12px; line-height: 20px; text-align: center; color: #999; background: #fff; border: 1px solid #efefef; border-radius: 20px; margin-left: 5px; margin-top: 8px; } /*搜狗搜索*/ .search-box>form{margin:0 auto;width:415px;position:relative} .sec-input{padding:10px;width:300px;height:22px; border:1px solid rgba(0,0,0,.25);border:1px solid#ddd\9;font-size:16px;color:#333;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px;border-right:0;vertical-align:top;outline:0;box-shadow:none;position:relative;z-index:3;-webkit-appearance:none;position:relative} .enter-input{position:absolute;right:0;top:0;z-index:3} #submit{display:block;width:94px;height:44px;border:0;outline:0;box-shadow:none;background:#fd6853;vertical-align:top;cursor:pointer;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0;line-height:44px;text-align:center;font-size:16px;color:#fff;background:#fd6853;text-decoration:none} .sec-input:focus{border: 1px solid #fd6853;} #sglogodiv{text-align: center;margin-top: 0;position: absolute;top: -6px;left:-138px;} #sglogo{width:128px;} #search-box{margin-left:170px;} #sgbox{display: flex;position: relative;margin-top: 20px;background: #ffffff;} #sgbox1{width:600px;margin:0 auto;position:relative;} .ad-left{ position: fixed; left: 10px; top: 90px; z-index: 10; } .ad-right{ position: fixed; right: 10px; top: 100px; z-index: 10; } .ad-left,.ad-right{ width: 150px; height: 360px; text-align: center; -webkit-box-align: center; -webkit-box-pack:center; display: -webkit-box; background: #dcf5fc; } .ad1{ background: #fafafa; width: 595px; height: 100px; border: 1px solid #ddd; text-align: center; -webkit-box-align: center; -webkit-box-pack:center; display: -webkit-box; } .ad2{ background: #dcf5fc; width: 1200px; height: 100px; border: 1px solid #ddd; text-align: center; -webkit-box-align: center; -webkit-box-pack:center; display: -webkit-box; } .ad1-box .t1{ height: 100px; } .ad1-box .t2{ border: 1px solid #ccc; background: #fff; padding: 10px 0; } .ad-item-text li{ float:left; width: 25%; line-height: 36px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .ad-item-text li i{ width: 4px; height: 4px; display: inline-block; background: #000; position: relative; top: -4px; margin-right: 8px; margin-left: 12px; } .recommend i{ background: url('http://cloudcdn.dopa.com/img/1834/tuijian.png') no-repeat !important; width: 17px !important; height: 12px !important; top: 0 !important; margin-right: 2px !important; } .recommend a{ color: #f00; } .ad2-box{ /*background: #fff;*/ } .ad-item-img{ /*padding-top: 15px;*/ } .ad-item-img li{ float: left; border: 1px solid #ccc; background: #fff; width: 130px; height: 65px; margin-right: 19px; margin-bottom: 15px; text-align: center; -webkit-box-align: center; -webkit-box-pack:center; display: -webkit-box; color: #999; } .ad-item-img li:nth-child(8n){ margin-right: 0; } .ad-item-img li:hover{ opacity: .7; } .ad4-box{ /*background: #fff;*/ } .side{ position: fixed; z-index: 99; right: 0px; bottom: 80px; } .side>a{ color: #666; width: 60px; display: block; } .side>a:hover>div{ background: #d7d7d7; } .side>a>div{ border:1px solid #ccc; background: #fafafa; width: 60px; height: 45px; text-align: center; -webkit-box-align: center; -webkit-box-pack:center; display: -webkit-box; margin-bottom: 6px; } .side .cooperation{ line-height: 20px; font-size: 14px; } #toTop{ display: inline-block; width: 60px; height: 45px; background: url(https://gss2.bdstatic.com/5eR1dDebRNRTm2_p8IuM_a/her/static/indexher/pkg/goTop_z.b534c5a.png) no-repeat; } #toTop:hover{opacity: .7;} .side .to-top{ display: block; font-size: 12px; } .side .to-top .pic{ margin-top: 7px; } .bor1{ background-color: #e8e8e8; border: 1px solid #ccc; } .ab-banner{ border: 1px solid #ccc; height: 280px; } .ab-box-head{ height: 60px; line-height: 60px; padding: 0 30px 0 40px; font-size: 22px; font-weight: bold; border-bottom: 1px solid #ccc; } .ab-box-des{ padding: 20px 30px 0px 40px; font-size: 16px; background-color: #fff; } .ab-box-des p{ line-height: 32px; } .ab-box-des p.title{ padding-bottom: 5px; } .ab-bg{ background-image: url(http://cloudcdn.dopa.com/img/1834/banner_3.jpg); background-size: 100% 100%; } .ab-bg1{ background-color: transparent; border-bottom: 1px dotted #ccc; } .abbg1{ padding-left: 100px; background: url(http://cloudcdn.dopa.com/img/1834/iconfont-wangluo.png) no-repeat; } .abbg2{ padding-left: 100px; background: url(http://cloudcdn.dopa.com/img/1834/iconfont-liuliang.png) no-repeat; } .abbg3{ padding-left: 100px; background: url(http://cloudcdn.dopa.com/img/1834/iconfont-jingzhun.png) no-repeat; } .alink { display: inline-block; width: 118px; height: 48px; border: 1px solid #eee; margin: 0 26px 15px 0; } .news-list, .news-list * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .news-list.responsive-layout .n-item.container.splitter { background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#e9e9e9),color-stop(50%,#e9e9e9),color-stop(50%,transparent),to(transparent)); background-image: -webkit-linear-gradient(bottom,#e9e9e9 0,#e9e9e9 50%,transparent 50%,transparent); background-image: linear-gradient(to top,#e9e9e9 0,#e9e9e9 50%,transparent 50%,transparent); -webkit-background-size: 100% 1px; background-size: 100% 1px; -webkit-background-size: -webkit-calc(100% - 0) 1px; background-size: calc(100% - 0) 1px; background-position: center bottom; background-repeat: no-repeat; } .news-list.responsive-layout .n-item { padding: 10px 0; } .news-list .n-item-link { position: relative; display: block; } .news-list.responsive-layout .n-item .img { padding: 4px 0; -webkit-background-clip: content-box; background-clip: content-box; background-color: #eee; } .news-list.responsive-layout .img { float: left!important; height: 88px; width: 120px!important; } .n-single-pic .img { margin-right: 20px!important; } .news-list.responsive-layout .n-item .img.fixed-size.size-3-2 .content { padding-bottom: 66.67%; } .news-list.responsive-layout .n-item .img.fixed-size .content { height: 0; } .news-list.responsive-layout .n-item .img .content { overflow: hidden; } .news-list.responsive-layout .n-item .img img { display: block; width: 100%; } .news-list.responsive-layout .n-item .element { padding: 4px 0; } .news-list.responsive-layout .n-title { max-width: none!important; } .n-single-pic .n-title { height: 58px!important; } .news-list .n-title { font-size: 18px; color: #212121; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; word-break: break-word; } .news-list.responsive-layout .n-desc { position: static!important; width: 100%!important; font-size: 14px; } .news-list.responsive-layout .n-item .element { padding: 4px 0; } .news-list .info { display: inline-block; line-height: 1.6; } .news-list .info span:first-child { margin-left: 0; } .news-list .info span:nth-child(2) { margin-left: 7px; } .news-list .n-desc { font-size: 12px; color: #999; } .list-item{ width: 570px;padding:0 15px;background: #fff; }