@charset "utf-8"; body { min-width: 1200px; background-color: #ffffff; } .selfscale { display: block; cursor: pointer; overflow: hidden; position: relative; } .selfscale img { position: relative; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; } .selfscale img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } button, input, select { border: 0; outline: none; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; } /* 头尾 */ .header{ position: relative;z-index: 999; background-color: #ffffff; } .navbar{ width: 100%; background-color: #ffffff; height: 36px; box-shadow: 4px 6px 20px rgba(184,184,184,.2); } .navbar .main{ height: 36px; } .navbar-nav{ height: 36px; float: left; } .navbar-nav>li { float: left; margin-right: 10px; } .navbar-nav>li> a{ position: relative; display: block; font-size: 12px; color: #333333; line-height: 26px; text-align: center; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 5px; } .navbar-nav>li> a .iconfont{ color: #999; } .navbar-nav >li.active >a{ color: #f02c2c; } .navbar-nav >li.active >a::before{ width: 100%; height: 2px; background-color: #f02c2c; content: ' '; position: absolute; left: 0; top: 0; } .menu-right{ float: right; height: 36px; } .menu-right li{ float: left; margin-left: 20px; line-height: 26px; padding-top: 6px; padding-right: 0; padding-bottom: 6px; padding-left: 0; } .menu-right li a{ display: inline-block; line-height: 26px; } .menu-right li a .iconfont{ font-size: 14px; } .menu-right li *{ display: inline-block; vertical-align: middle; } .menu-right li .line{ font-weight: lighter; font-family: '宋体'; color: #666666; padding-top: 0; padding-right: 5px; padding-bottom: 0; padding-left: 5px; } .footer{ text-align: center; padding: 40px 0; background-color: #ffffff; color: #666666; } .foot-nav li a{ color: #666666; } .foot-nav li{ display: inline-block; } .foot-nav li.line{ font-weight: lighter; font-family: '宋体'; color: #666666; padding: 0 10px; } .foot-item{ margin-top: 15px; } .foot-item a{ color: #666666; } .sku-navbar{ background-color: #fd7400; height: 50px; } .sku-navbar .main{ height: 50px; } .sk-nav{ position: relative; float: left; height: 50px; width: 92px; } .sk-nav a.home { color: #ff3300; background: #fff; line-height: 40px; margin-top: 5px; } .sk-nav::after{ } .sk-nav:last-child::after{ display: none; } .sk-nav a{ display: block; color: #ffffff; line-height: 50px; font-size: 17px; font-weight: 600; text-align: center; width: 92px; } .sk-nav dt{ float: left; } .sk-nav dd{ float: left; margin-left: 6px; } .sk-nav dt a{ font-size: 18px; } .sk-nav dd a{ font-size: 14px; } .sk-nav-list{ } .k-link{ /*height: 50px;*/ margin: 0 -10px; } .k-link li{ float: left; padding: 0 10px; } .k-link li a{ display: block; padding: 8px 0; line-height:20px; } .head-main{ position: relative; z-index: 99; } .head-main .main{ height: 100px; } .head-main .logo{ float: left; padding: 10px 0; } .icon-links{ overflow: hidden; float: right; padding: 18px 0; } .icon-links li{ float: left; margin-left: 35px; } .sk-nav a:hover{ color:#ff3300; background:#fff;line-height: 40px; margin-top: 5px;} .icon-links li a{ text-align: center; display: block; line-height: 1; } .icon-links li a p{ color: #666666; font-size: 14px; margin-top: 10px; } .site-search{ width: 478px; border: 2px solid #4088e3; float: left; height: 42px; margin-left: 150px; margin-top: 30px; } .select-box{ position: relative; float: left; width: 110px; height: 42px; } .select-box select{ padding: 0 0 0 15px; width: 100px; box-sizing: border-box; height: 42px; color: #666666; line-height: 42px; } .search-container{ position: relative; float: right; width: 360px; border-left:1px solid #c1c1c1 ; height: 30px; margin-top: 6px; } .search-container input{ width: 100%; height: 30px; text-indent: 14px; line-height: 30px; } .search-container .btn{ height: 42px; line-height: 42px; background-color: #0099ff; color: #ffffff; width: 56px; position: absolute; right: 0; top: -6px; cursor: pointer; } /* list */ .inwrap{ padding: 10px 0; background-color: #f8f8f8; } .ad60{ overflow: hidden; font-size: 0; margin-bottom: 20px; } .list-col{ position: relative; width: 850px; float: left; } .sidebar{ width: 330px; float: right; } .ad330{ margin-bottom: 20px; } .side-box{ background-color: #fff; padding: 20px 10px; margin-bottom: 20px; box-shadow: 0 6px 10px rgba(0,0,0,0.06); } .side-hd{ margin-bottom: 10px; } .side-hd *{ display: inline-block; vertical-align: middle; font-size: 18px; } .side-hd .iconfont{ font-size: 22px; color: #0072ff; margin-right: 5px; } .wx-cell{ background: url(/public/hqbdw/css/wxbg.png) center top no-repeat; text-align: center; padding-top:35px; padding-bottom: 20px; } .wx-cell h3{ font-size: 16px; padding-top: 40px; margin-bottom: 10px; } .wx-cell p{ color: #999999; } .wx-cell img{ width: 164px; height: 164px; border-radius: 10px; background-color: #ffffff; box-shadow: 0 6px 10px rgba(0,0,0,0.2); padding: 5px; } .side-pic-list{ margin: 0 -10px; } .side-pic-list li{ float: left; padding: 0 10px; margin-bottom: 20px; } .side-pic-list .pic-box{ display: block; width: 155px; } .pic-box img{ width: 155px; height: 100px; } .pic-box p{ color: #333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 18px; margin-top: 8px; } .side-tabs .hd{ height: 24px; overflow: hidden; margin-bottom: 12px; } .side-tabs .hd li{ float: left; margin-right: 20px; line-height: 24px; color: #666666; font-size: 16px; cursor: pointer; } .side-tabs .hd li .iconfont{ color: #bbbec5; padding-right: 5px; } .side-tabs .hd li.on{ color: #333; font-size: 18px; } .side-tabs .hd li.on .iconfont{ color: #0072ff; font-size: 22px; } .hot-ttags{ overflow: hidden; margin: 0 -7px; } .hot-ttags li{ float: left; padding:5px 7px; } .hot-ttags li a{ display: block; padding: 0 12px; height: 26px; border: 1px solid #a9aeb7; color: #868d9b; font-size: 12px; line-height: 24px; border-radius:20px; } .side-list{ padding-top: 10px; } .side-list li{ margin-bottom: 10px; background: url(/public/hqbdw/css/dot1.jpg) no-repeat 0 center; } .side-list li:last-child{ margin-bottom: 0; } .side-list li a{ height: 22px; line-height: 22px; margin-left: 18px; width: 280px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; } .side-list li .tag{ position: absolute; width: 66px; height: 20px; line-height: 20px; color: #2287ea; border: 1px solid #2287ea; border-radius: 20px; left: 0; top: 0; font-size: 12px; text-align: center; } .side-list li .tag a{ color: #2287ea; font-size: 12px; text-align: center; padding:0 } .side-list li{ position:relative; } .side-list li .hot-tag{ position: absolute; width: 66px; height: 20px; line-height: 20px; background-color: #fd7400; color: #fff; border: 1px solid #fd7400; border-radius: 20px; left: 0; top: 0; font-size: 12px; text-align: center; } .side-list li .hot-tag a{ padding:0; color: #fff; } .list-navbar{ width: 120px; position: absolute; left: 0; background-color: #fff; top: 0; } .list-nav li a{ position: relative; display: block; height: 48px; line-height: 48px; color: #666666; text-align: center; } .list-nav li a::after{ display: block; content:' '; position: absolute; bottom: 0; right: 15px; left: 15px; height: 1px; background-color: #f0f0f0; } .list-nav li:last-child a::after{ display: none; } .list-nav li.active a{ background-color: #ecf3fd; color: #4088e3; } .list-nav li.active a::before{ content: ' '; width: 3px; height: 100%; background-color: #4088e3; position: absolute; left: 0; top: 0; } .list-main{ background-color: #ffffff; box-shadow: 0 6px 10px rgba(0,0,0,0.06); } .list-has-bar .list-main{ margin-left: 140px; } .list-inner{ padding: 10px 20px; } .list-hd{ position: relative; height: 40px; border-bottom: 1px solid #e1e1e1; } .list-hd .list-tt{ float: left; height: 40px; line-height: 40px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #4088e3; } .sin-lists li{ overflow: hidden; padding: 20px 0; line-height: 1.2; border-bottom: 1px solid #ebebeb; } .sin-lists .title{ margin-bottom: 18px; } .sin-lists .title a{ font-size: 16px; font-weight: bold; } .col{ overflow: hidden; } .sin-lists .spic{ display: block; width: 118px; height: 72px; margin-right: 12px; float: left; } .spic img{ width: 118px; height: 72px; } .sin-lists .desc{ line-height: 22px; height: 49px; color: #666666; overflow: hidden; } .sin-lists .desc a{ color: #4088e3; } .sin-lists .attr *{ display: inline-block; vertical-align: middle; } .attr .item{ color: #999999; margin-right: 20px; } .attr .item .iconfont{ font-size: 14px; } .hot-ttags li a:hover{ background-color: #4088e3; color: #ffffff; } .list-page{ padding-top: 20px; padding-right: 0; padding-bottom: 20px; padding-left: 0; } .list-page a{ display: inline-block; vertical-align: middle; margin-right: 5px; padding: 0 13px; background-color: #f8f8f8; color: #808080; height: 32px; line-height: 32px; } .list-page a.cur{ background-color: #4088e3; color: #ffffff; } .tag-tt{ position: relative; padding-left: 12px; font-size: 14px; margin-left: 10px; margin-bottom: 10px; background: url(/public/hqbdw/css/dot1.png) left center no-repeat; } .tag-blue{ background: url(/public/hqbdw/css/dot2.png) left center no-repeat; } /* 内容 */ .art-header{ padding: 10px 0; } .art-title{ font-weight: bold; font-size: 22px; margin-bottom: 10px; } .art-sub-title{ color: #999999; } .try-cell{ background-color: #f7f8f9; padding: 6px; position: relative; overflow: hidden; margin-bottom: 20px; } .try-pic{ float: left; margin-right: 15px; width: 66px; height: 66px; } .try-pic a{position: relative; display: block; line-height: 1; } .try-pic img{ width: 66px; height: 66px; border-radius: 5px; } .try-pic a::after{ content: ' '; display: block; width: 66px; height: 66px; background: url(/public/hqbdw/css/play.png) center no-repeat; position: absolute; top: 0; left: 0; } .try-list{ width: 328px; float: left; padding: 5px 0; } .try-list li{ height: 30px; float: left; line-height: 30px; color: #666666; } .try-list .name{ width: 76px; float: left; } .try-list .tit{ width: 176px; float: left; } .try-list .try-link{ float: right; display: block; color: #4088e3; } .try-list .try-link .iconfont{ font-size: 14px; } .try-cell .line{ float: left; width: 1px; height: 50px; background-color: #e1e1e1; margin: 10px 25px; } .article-main{ position: relative; padding-left: 86px; overflow: hidden; margin-bottom: 40px; } .art-bar{ position: absolute; left: 0; top: 0; width: 85px; background-color: #ffffff; height: 400px; } .article-body{ border-left: 1px solid #e1e1e1; padding-left: 20px; color: #666666; line-height: 2; font-size: 16px; } .article-body p{ margin-bottom: 20px; font-size: 16px; } .article-body p:last-child{ margin-bottom: 0; } .article-body a{ color: #4088e3; font-size: 16px; } .art-attr{ width: 60px; text-align: center; } .art-attr li{ position: relative; padding: 10px 0; color: #999999; line-height: 1; } .art-attr li a{ display: block; color: #999999; } .art-attr li .iconfont{ font-size: 20px; } .art-attr li .txt{ padding-top: 6px; } .art-attr li .nn{ font-size: 12px; background-color: #fff; color: #999999; position: absolute; left: 50%; top: 5px; padding: 2px; margin-left:5px; } .art-share{ width: 60px; text-align: center; } .art-share li{ text-align: center; line-height: 1; padding: 15px 0; } .art-share li a{ display: block; } .art-share li a .iconfont{ color: #bdbdbd; font-size: 20px; } .art-bar .line{ width: 60px; height: 1px; background-color: #e1e1e1; margin:10px 0; } .comment-hd *{ display: inline-block; vertical-align: middle; } .comment-hd{ margin-bottom: 15px; } .comment-hd .tt{ font-size: 22px; margin-right: 10px; } .comment-hd .desc{ font-size: 13px; color: #999999; } .comment-body{ border: 1px solid #e1e1e1; } .comment-foot{ height: 42px; background-color: #f0f0f0; } .comment-body .textarea{ height: 80px; padding: 10px; border: 0; width: 100%; box-sizing: border-box; outline: none; resize: none; } .comment-foot .btn-submit{ cursor: pointer; height: 42px; width: 72px; background-color: #4088e3; color: #fff; line-height: 42px; float: right; } .comment-face{ float: left; width: 42px; padding: 0 10px; } .comment-face .face-box{ width: 42px; height: 42px; background: url(/public/hqbdw/css/face.png) center no-repeat; cursor: pointer; } .rel-list li{ width: 340px; margin-bottom: 20px; height: 22px; } .rel-list li a{ position: relative; height: 22px; line-height: 22px; display: inline-block; padding-left: 50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .rel-list li{ position:relative } .rel-list li .tag{ position: absolute; width: 40px; height: 18px; line-height: 18px; color: #2287ea; border: 1px solid #2287ea; border-radius: 20px; left: 0; top: 0; font-size: 12px; text-align: center; } .rel-list li .tag a{ padding:0; color: #2287ea; font-size: 12px; height: 18px; line-height: 18px; } .rel-hd{ border-bottom: 1px solid #e1e1e1; height: 40px; margin-bottom: 20px; } .rel-tt{ float: left; font-size: 22px; line-height: 1; } .rel-link { height: 40px; float: left; margin-left: 20px; } .rel-link li{ float: left; margin-right: 20px; } .rel-link li a{ color: #999999; display: inline-block; line-height:22px; } .rel-cells .list-hd{ margin-bottom: 20px; } .rel-zlist li{ height: 20px; line-height: 20px; width: 340px; margin-bottom: 18px; } .rel-zlist li a{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; padding-left: 14px; } .rel-zlist li a::before { position: absolute; left: 0; top: 50%; margin-top: -3px; width: 6px; height: 6px; background-color: #ffa800; border-radius: 6px; display: inline-block; vertical-align: middle; content: ' '; } .rel-main{ position: relative; } .rel-main .rel-bar{ position: absolute; left: -20px; top: 0; width: 106px; } .rel-col{ margin-left: 86px; padding-left: 20px; padding-bottom: 20px; border-left: 1px solid #e1e1e1; } .rel-nav li a{ color: #666666; font-size: 15px; } .rel-nav li a *{ display: inline-block; vertical-align: middle; } .rel-nav li a{ display: block; text-align: center; color: #666666; font-size: 15px; line-height: 20px; padding: 12px 0; } .rel-nav li a .iconfont{ color: #787878; margin-right: 5px; } .rel-nav li.active a{ background-color: #4088e3; color: #fff; } .rel-nav li.active a *{ color: #fff; } .art-panel{ min-height: 2118px; } /* x下载 */ .v-panel{ border: 1px solid #e1e1e1; margin-bottom: 20px; } .v-panel-bd{ padding: 15px; } .xz-grid{ width: 516px; float: left; } .xz-pic{ width: 260px; float: right; } .xz-pic img{ width: 260px; height: 214px; } .xz-hd{ height: 30px; line-height: 30px; overflow: hidden; margin-bottom:30px; } .xz-title{ float: left; font-size: 22px; } .xz-span{ float: left; font-size: 16px; color: #999999; margin-left: 5px; } .xz-attr ul{ float: left; } .xz-attr li{ font-size: 13px; margin-bottom: 20px; } .xz-attr li *{ display: inline-block; vertical-align: middle; } .xz-attr li .hd{ color: #999999; } .xz-attr li .blue{ color: #4088e3; } .v-panel-hd{ background-color: #f2f2f2; height: 40px; } .v-panel-hd .hd{ float: left; } .v-tabs{ height: 40px; } .v-tabs li{ position: relative; height: 40px; line-height: 40px; width: 112px; float: left; text-align: center; cursor: pointer; color: #666666; } .v-tabs li.on{ background-color: #ffffff; color:#4088e3 ; } .v-tabs li.on::after{ background-color: #4088e3; width: 100%; position: absolute; content: ' '; height: 3px; top: -1px; left: 0; } .v-panel .btn-download{ display: block; height: 40px; line-height: 40px; width: 125px; background-color: #4088e3; color: #ffffff; text-align: center; } .jt-slide .hd{ font-size: 22px; margin-bottom: 20px; } .jt-slide{ position: relative; } .jt-slide .bd{ overflow: hidden; } .jt-slide .v-prev, .jt-slide .v-next{ width: 30px; height: 52px; top: 50%; margin-top: -26px; cursor: pointer; position: absolute; background-repeat: no-repeat; background-position: center; } .jt-slide .v-prev{ left: 0; background-image: url(/public/hqbdw/css/prev.png); } .jt-slide .v-next{ right: 0; background-image: url(/public/hqbdw/css/next.png); } .v-panel-bd .content{ line-height: 2; font-size: 16px; margin-bottom: 20px; color: #666666; } .v-link{ float: right; height: 40px; margin-right: 20px; } .v-link li { float: left; line-height: 40px; margin-left: 20px; } .v-link li a{ color: #666666; } .text-red{ color: #e52828; } .panel-btns{ margin-bottom: 15px; } .panel-btns .link-download{ display: inline-block; width: 136px; height: 34px; background-color: #fd7400;line-height: 34px; border-radius: 24px; text-align: center; margin-right:10px; color: #fff; } .panel-btns span{ display: inline-block; color: #ff7e00; } .v-text{ color: #666666; } /* 大栏目 */ .lm-panel{ background-color: #fff; margin-bottom: 20px; box-shadow: 0 6px 10px rgba(0,0,0,0.06); } .fl-links .hd{ float: left; font-size: 18px; line-height: 1; padding-left: 10px; border-left: 2px solid #0072ff; } .fl-links .bd{ overflow: hidden; } .fl-list li{ float: left; line-height: 22px; margin-left: 28px; } .fl-list .more{ color: #999999; } .lm-panel-hd{ height: 30px; padding-top: 30px; } .lm-tit{ float: left; position: relative; padding-left: 20px; line-height: 1; font-size: 30px; font-weight: bold; } .lm-tit::before{ width: 5px; height: 26px; content: ' '; background-color: #2287ea; display: block; position: absolute; left: 0; top: 50%; margin-top: -13px; } .lm-link{ overflow: hidden; float: right; margin-right: 20px; } .lm-link li{ float: left; line-height: 30px; } .lm-link .line{ color: #666666; font-size: 12px; padding: 0 20px; } .lm-link li a{ color: #666666; font-size: 13px; } .lm-body{ padding:25px 20px 20px 20px; } .lm-col{ float: left; width: 830px; } .lm-sidebar{ width: 310px; float: right; } .lm-list .rel-list li { width: 390px; } .rel-list li .time{ display: inline-block; float: right; line-height: 22px; color: #999; font-size: 12px; } .lm-list .rel-list li a{ max-width: 260px; } .lm-subtit{ position: relative; margin-bottom: 20px; } .lm-subtit span{ position: relative; z-index: 9; font-weight: bold; font-size: 18px; display: inline-block; line-height: 1; } .lm-subtit::after{ position: absolute; width: 36px; height: 5px; content: ' '; left: 0; bottom: 0; background-color: #ff3300; } .lm-list .rel-list li{ margin-bottom: 21px; } .lm-list .rel-list li:last-child{ margin-bottom: 0; } .lm-list .rel-list li:nth-last-child(2){ margin-bottom: 0; } .recom-cells{ overflow: hidden; margin: 0 -7px; } .recom-cells li{ float: left; padding: 0 7px; } .rec-photo{ position: relative; display: block; width: 196px; height: 136px; border-radius: 7px; overflow: hidden; } .rec-photo img{ width: 196px; height: 136px; border-radius: 7px; } .rec-photo::after{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 8; content: ' '; background: url(/public/hqbdw/css/bg.png) no-repeat; } .rec-photo .rec-attr{ z-index: 10; position: absolute; padding:12px 16px; left: 0; bottom: 0; color: #ffffff; line-height: 1; } .rec-attr .item{ display: inline-block; margin-right: 20px; } .rec-attr .item *{ display: inline-block; vertical-align: middle; } .rec-attr .item .iconfont{ font-size: 14px; padding-right: 4px; } .rec-title{ margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lm-cell{ margin-bottom: 20px; } .lm-cell:last-child{ margin-bottom: 0; } #multiplecolumn .hd{ text-align: center; } .tab-span{ font-size: 0; text-align: center; background-color: #ebf4ff; display: inline-block; border-radius: 20px; height: 5px; border-radius: 6px; line-height: 1; overflow: hidden; } .tab-span li{ background-color: #ebf4ff; display: inline-block; height: 5px; width: 10px; line-height: 1; font-size: 0; border-radius: 6px; } .tab-span li.on{ background-color: #2287ea; } .lm-side-box{ margin-bottom: 20px; } .spic-list li{ height: 90px; margin-bottom: 15px; } .spic-list .pic-sm{ float: left; width: 100px; height: 90px; margin-right: 10px; } .spic-list .pic-sm img{ width: 100px; height: 90px; border-radius: 6px; } .spic-list .title{ margin-bottom: 10px; } .spic-list .desc{ color: #999999; font-size: 13px; } .spic-list li:last-child{ margin-bottom: 0; } .rec-lg-box .rec-photo{ position: relative; display: block; width: 262px; height: 168px; border-radius: 7px; overflow: hidden; } .rec-photo img{ width: 262px; height: 168px; border-radius: 7px; } .rec-photo::after{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 8; content: ' '; background: url(/public/hqbdw/css/bg-lg.png) no-repeat; } .rec-photo .rec-attr{ z-index: 10; position: absolute; padding:12px 16px; left: 0; bottom: 0; color: #ffffff; line-height: 1; } .recom-lg-cells{ height: 414px; } .recom-lg-cells li{ margin-bottom: 20px; } .lm-grid{ margin-bottom: 20px; } .lm-grid .lm-panel{ width: 590px; height: 430px; margin-bottom: 0; } .lm-grid .lm-body{ padding: 20px; } .lm-slide{ position: relative; } .lm-slide li a{ display: block; } .lm-slide li a img{ width: 590px; height: 280px; } .lm-slide .prev, .lm-slide .next{ width: 30px; height: 52px; top: 50%; margin-top: -26px; cursor: pointer; position: absolute; background-repeat: no-repeat; background-position: center; } .lm-slide .prev{ left: 0; background-image: url(/public/hqbdw/css/prev.png); } .lm-slide .next{ right: 0; background-image: url(/public/hqbdw/css/next.png); } .lm-header{ position: relative; line-height: 20px; height: 20px; margin-bottom: 20px; } .lm-header .lm-tt{ font-size: 18px; float: left; } .lm-header .lm-desc{ color: #999999; float: right; } .lm-header::after{ width: 5px; height: 18px; content: ' '; background-color: #2287ea; display: block; position: absolute; left: -20px; top: 50%; margin-top: -9px; } .act-list li{ } .act-pic{ float: left; margin-right: 10px; width: 60px; } .act-pic img{ width: 60px; height: 60px; } .act-tt { margin-bottom: 5px; } .act-box{ position: relative; background-color: #f3f3f3; width: 265px; height: 60px; } .act-box .desc{ color: #999999; font-size: 13px; } .act-box .col{ padding: 8px 0; } .act-box .act-link{ position: absolute; right: 10px; bottom: 10px; font-size: 12px; border-radius: 20px; height: 20px; line-height: 20px; display: block; padding: 0 10px; color: #2287ea; border: 1px solid #2287ea; font-size: 13px; background-color: #ffffff; } .hot-title{ height: 24px; line-height: 24px; margin-bottom: 20px; } .hot-title a{ font-size: 18px; font-weight: bold; color: #fd7400; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .foucs-cell{ margin-bottom: 20px; } .foucs-cell .rel-list li{ margin-bottom: 16px; } .foucs-cell .rel-list li:last-child{ margin-bottom: 0px; } .foucs-cell:last-child{ margin-bottom: 0; } .lay-bar{ width: 137px; float: left; } .lay-main{ float: right; width: 676px; } .lk-box{ display: block; width: 137px; height: 87px; padding: 20px 0; border-radius: 8px; text-align: center; } .lay-link li:nth-child(1) .lk-box{ background-color: #e5f1ff; } .lay-link li:nth-child(2) .lk-box{ background-color: #e6f8fa; } .lay-link li:nth-child(3) .lk-box{ background-color: #fff5ed; } .lk-box h5{ font-size: 15px; padding: 6px 0; } .lk-box p{ font-size: 13px; color: #666666; } .lay-link li{ margin-bottom: 14px; } .lay-link li:last-child{ margin-bottom: 0; } .lay-md{ float: left; width: 352px; height: 268px; } .lay-md{ float: left; width: 352px; height: 268px; } .lay-md-box{ display: block; width: 352px; height: 268px; } .lay-md-box .lay-text{ color: #000000; padding:30px; } .lay-md-box .lay-text p{ color: #666; line-height: 1.8; } .lay-group{ float: right; width: 310px; height: 268px; overflow: hidden; } .lay-lg{ float: left; width: 676px; height: 127px; margin-top: 13px; } .lay-lg-box{ display: block; width: 676px; height: 127px; background-repeat: no-repeat; background-position: center; background-size: cover; } .lay-lg-box .lay-text{ color: #ffffff; padding: 20px 30px; line-height: 1.2; } .lay-lg-box .lay-text *{ color: #ffffff; } .lay-text h3{ font-size: 20px; margin-bottom: 15px; } .lay-text h3 a{ font-size: 20px; } .lay-text p a{ font-size: 14px; } .lay-text .btn{ display: block; width: 136px; height: 34px; line-height: 34px; background-color: #fd7400; text-align: center; border-radius: 34px; color: #ffffff; margin-top: 50px; } .lay-sm-box{ position: relative; background-color: #f7f8fa; width: 310px; height: 127px; display: block; border-radius: 8px; margin-bottom: 15px; } .lay-sm-box .lay-text{ padding: 30px; color: #000000; } .lay-sm-box .lay-text p{ color: #666666; } .lay-sm-box .cc-icon{ position: absolute; right: 15px; top: 50%; margin-top: -45px; } .index-left-bar{ float: left; width: 240px; height: 520px; } .index-foucs{ float: left; width: 590px; height: 520px; margin-left: 20px; } .index-right-bar{ float: right; width: 330px; height: 520px; } .foucsslide{ position: relative; height: 150px; overflow: hidden; } .foucsslide .bd li img{ width: 590px; height: 150px; } .foucsslide .hd{ width: 100%; position: absolute; padding: 10px; bottom: 0; text-align: center; } .foucsslide .hd ul{ display: inline-block; height: 20px; border-radius: 20px; background-color: rgba(0,0,0,.3); padding: 0 10px; } .foucsslide .hd ul li{ display: inline-block; width: 10px; height: 10px; border-radius: 10px; background-color: #fff; font-size: 0; line-height: 1111px; overflow: hidden; margin: 0 3px; } .foucsslide .hd ul li.on{ width: 20px; } .index-foucs .rel-zlist li{ width: 265px; } .index-foucs .hot-title{ margin-bottom: 16px; } .index-foucs .foucs-cell{ height: 100px; margin-bottom: 16px; } .index-foucs .lm-body{ padding: 20px; } .tecslide{ position: relative; height: 150px; overflow: hidden; margin-bottom: 25px; } .tecslide .bd li img{ width: 290px; height: 150px; } .tecslide .hd{ width: 100%; position: absolute; padding: 10px; bottom: 0; text-align: center; } .tecslide .hd ul li{ display: inline-block; width: 6px; height: 6px; border-radius: 10px; background-color: #fff; font-size: 0; line-height: 1111px; opacity: .4; overflow: hidden; margin: 0 3px; } .tecslide .hd ul li.on{ opacity: 1; } .les-list li{ position: relative; height: 54px; margin-bottom: 20px; } .les-list .les-avatar{ width: 54px; height: 54px; float: left; margin-right: 10px; } .les-list .les-avatar img{ width: 54px; height: 54px; border-radius: 45px; } .les-list .desc{ color: #999999; font-size: 12px; } .les-list .tt{ margin-bottom: 5px; } .les-list .col{ padding: 5px 0; } .les-list .les-rt{ position: absolute; right: 0; top: 0; text-align: center; padding: 6px 0; } .les-list .col div{ max-width: 174px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .les-rt .les-back{ font-size: 12px; display: block; border: 1px solid #2287ea; border-radius: 10px; color: #2287ea; padding: 2px 4px; line-height: 1.2; } .les-rt .les-over{ color: #ff7200; font-size: 12px; margin-top: 4px; } .kc-list { overflow: hidden; } .kc-list li{ float: left; line-height: 1.2; width: 33.33%; text-align: center; padding: 20px 0; } .kc-list .kc-box{ display: block; } .kc-box .iconfont{ font-size: 24px; color: #bbbec5; } .kc-box p{ font-size:14px; color: #333333; margin-top: 10px; } .uc-cell{ height: 48px; margin-bottom: 20px; } .uc-cell img{ display: block; float: left; width: 48px; height: 48px; border-radius: 35px; margin-right: 10px; } .uc-cell .col{ line-height: 1.8; } .uc-btns{ height: 32px; margin-bottom: 30px; } .uc-btns .btn-login, .uc-btns .btn-regist{ width: 94px; height: 32px; line-height: 32px; text-align: center; display: block; } .uc-btns .btn-login{ float: left; background-color: #fd7400; border: 1px solid #fd7400; color: #fff; } .uc-btns .btn-regist{ float: right; border: 1px solid #2287ea; color: #2287ea; } .index-left-bar .lm-body{ padding: 30px 15px 15px 15px; } .kc-hd{ height: 32px; line-height: 32px; text-align: center; color: #fff; background-color: #fd7400; border: 1px solid #fd7400; margin-bottom: 20px; } .rec-lg-box .rec-title{ text-align: center; } #kecolumn .hd{ text-align: center; } .kc-box:hover *{ color: #fd7400!important; } .arts-page{ text-align: center; margin-top: 0px; padding-bottom: 0; } .select-box .option{ height: 42px; line-height: 42px; cursor: pointer; text-align: center; background: url(/public/hqbdw/css/down.png) right center no-repeat; } .select-box cite{ display: block; height: 42px; line-height: 42px; cursor: pointer; text-align: center; background: url(/public/hqbdw/css/down.png) right center no-repeat; } .select-box ul{ position: absolute; width: 100%; text-align: center; background-color: #fff; border: 2px solid #4088e3; display: none; } .select-box ul li{ line-height: 36px; text-align: center; border-bottom: 1px solid #f9f9f9; } .select-box ul li a{ display: block; line-height: 36px; } .fr{ overflow: hidden; line-height: 42px; height: 42px; } .fr *{ display: inline-block; vertical-align: middle; margin-left: 5px; } .fr span{ color: #393939; } .fr input[type="text"]{ width: 90px; height: 20px; border: 2px solid #cecece; } .fr input[type="submit"]{ width: 87px; height: 42px; font-size: 16px; color: #fff; } .am-btn{display:inline-block;margin-bottom:0;padding:.5em 1em;vertical-align:middle;font-size:1.6rem;font-weight:400;line-height:1.2;text-align:center;white-space:nowrap;background-image:none;border:1px solid transparent;border-radius:0;cursor:pointer;outline:0;-webkit-appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background-color .3s ease-out,border-color .3s ease-out;transition:background-color .3s ease-out,border-color .3s ease-out} .am-btn-primary{color:#fff;background-color:#0e90d2;border-color:#0e90d2}a.am-btn-primary:visited{color:#fff} .am-btn-block{display:block;width:100%;padding-left:0;padding-right:0;clear:both} /* 9.29 */ .hot-card{ position: relative; background-color: #fff; margin-bottom: 20px; overflow: hidden; box-shadow: 0 6px 10px rgba(0,0,0,0.06); padding-top: 20px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; } .hot-card .hot-icon{ background: url(/public/hqbdw/css/hot.png) no-repeat; width: 54px; height: 54px; position: absolute; left: 0; top: 0; } .hot-card-hd{ height: 20px; line-height: 20px; padding-left: 30px; margin-bottom: 20px; } .hot-card-hd .hot-tt{ float: left; font-size:18px; font-weight: bold; } .hot-card-hd .hot-more{ float: right; font-size:14px; color: #999999; } .text-blue{ color: #4088e3; } .hot-list{ overflow: hidden; } .hot-list li{ width: 165px; float: left; margin-bottom: 10px; background: url(/public/hqbdw/css/dot-g.png) left center no-repeat; } .hot-list li a{ position: relative; font-size: 14px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 15px; } .list-tab{ height: 40px; } .list-tab li{ position: relative; float: left; margin-right: 30px; } .list-tab li a{ display: block; height: 40px; line-height: 40px; color: #666666; font-size: 16px; } .list-tab li.active a{ font-weight: bold; } .list-tab li.active{ border-bottom: 1px solid #4088e3; } .lm-panel{ position: relative; background-color: #fff; padding: 20px ; margin-bottom: 20px; overflow: hidden; box-shadow: 0 6px 10px rgba(0,0,0,0.06); } .lm-cells{ float: left; height: 252px; width: 740px; overflow: hidden; } .lm-lg{ width: 524px; height: 252px; float: left; } .lm-group{ width: 190px; height: 252px; float: right; } .lm-cells .lm-pic{ position: relative; line-height: 1; display: block; font-size: 0; } .lm-lg .lm-pic img{ width: 524px; height: 252px; } .lm-cells .lm-pic p{ position: absolute; left: 0; right: 0; bottom: 0; height: 32px; line-height: 32px; color: #ffffff; font-size: 14px; padding: 0 12px; background: url(/public/hqbdw/css/bg3.png); } .lm-sm{ margin-bottom: 22px; } .lm-cells .lm-pic p{ position: absolute; left: 0; right: 0; bottom: 0; height: 32px; line-height: 32px; color: #ffffff; font-size: 14px; padding: 0 12px; background: url(/public/hqbdw/css/bg3.png); } .lm-cells .lm-pic p{ height: 45px; line-height: 45px; font-size: 16px; } .lm-list{ width: 390px; height: 252px; float: right; } .lm-list .side-hd{ margin-bottom: 20px; } .lm-list li{ margin-bottom: 15px; height: 20px; line-height: 20px; background: url(/public/hqbdw/css/dot-g.png) 7px center no-repeat; } .lm-list li a{ position: relative; font-size: 14px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 30px; } .lm-list li.org-strong{ background: url(/public/hqbdw/css/st0.png) left center no-repeat; } .lm-list li.green-strong{ background: url(/public/hqbdw/css/st1.png) left center no-repeat; } .lm-list li.org-strong a{ font-size: 18px; font-weight: bold; color: #fd7400; } .page { padding: 10px; background:#fff; } .page ul { display: block; clear: both; overflow: hidden; list-style: none; } .page ul li { padding: 2px 6px; background: #fafafa; border: 1px solid #eeeeee; float: left; margin-right: 10px; height: 25px; font-size: 15px; } .page ul li.now { background-color: #fd7400; } .page ul li.now a { color: #ffffff; }