@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(/uploads/image/phcss/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(/uploads/image/phcss/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(/uploads/image/phcss/dot1.png) left center no-repeat;
}
.tag-blue{
background: url(/uploads/image/phcss/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(/uploads/image/phcss/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(/uploads/image/phcss/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(/uploads/image/phcss/prev.png);
}
.jt-slide .v-next{
right: 0;
background-image: url(/uploads/image/phcss/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(/uploads/image/phcss/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(/uploads/image/phcss/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(/uploads/image/phcss/prev.png);
}
.lm-slide .next{
right: 0;
background-image: url(/uploads/image/phcss/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(/uploads/image/phcss/down.png) right center no-repeat;
}
.select-box cite{
display: block;
height: 42px;
line-height: 42px;
cursor: pointer;
text-align: center;
background: url(/uploads/image/phcss/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(/uploads/image/phcss/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(/uploads/image/phcss/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(/uploads/image/phcss/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(/uploads/image/phcss/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(/uploads/image/phcss/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(/uploads/image/phcss/st0.png) left center no-repeat;
}
.lm-list li.green-strong{
background: url(/uploads/image/phcss/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;
}