/*
html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}
*/
label.error{color:red;font-style:normal;padding-left:10px;}
em.required{color:red;font-style:normal;font-weight:normal;padding-right:1px;}
.page{font-size:12px;}
a.page{text-decoration:none;color:#000000;float:left;height:26px;line-height:26px;padding:0 8px;margin:0 3px;background-color:#f0f0f0;border:#cccccc solid 1px;}
a.page:hover{text-decoration:none;color:#ff6600;}
a.page-curr{text-decoration:none;color:#ff6600;float:left;height:26px;line-height:26px;padding:0 8px;margin:0 3px;background-color:#ffffff;border:#ff6600 solid 1px;color:#ff6600}
/*锟斤拷锟斤拷*/
.wn{text-align:center; width:100%;}
.wn ul{list-style-type:none;}
.wn ul li{display:inline;line-height:60px;}
.wn ul li:hover{ display:inline; line-height:60px; background:#00a0e9;}
.w{width:1200px;}
.w1{width:320px;}
.w12{width:260px;}
.w2{width:600px;}
.w3{width:880px;}
.ww{width:1200px;}
.c-desc{color:#8c8c8c;}
.c-node{color:#458fce;}
.c-infoem{color:#3b639f;}
.c-comment{color:#1E50A2;}
a.a{color:#252525;text-decoration:none}
a.a:hover{color:#cd0200;text-decoration:underline}
a.topa{color:#666;font-size:12px;text-decoration:none;}
a.topa:hover{color:#333;}
a.detaila{font-size:12px;color:#3b639f;}
a.detaila:hover{text-decoration:underline;}
.notifi{padding:1px 5px 2px 5px;border-radius:3px;border:1px solid #ccc;text-decoration:none;color:#252525;}
.notifi-curr{background-color:#f39c12;color:#fff;border-color:#f39c12;}
#notifi-container a.notifi-source{color:#006699;}
#notifi-container a.notifi-target{}
#notifi-container a.notifi-view{color:#3E62A6;}
.favorite-icon-curr{color:#ffbb00;}
.search-input{font-size:14px;padding:6px;height:18px;line-height:17px;border-left:2px solid #ccc;border-top:2px solid #ccc;border-bottom:2px solid #ccc;border-right:0;}
.search-input:focus{border-left:2px solid #3297d8;border-top:2px solid #3297d8;border-bottom:2px solid #3297d8;}
@charset "utf-8";
*{margin:0;padding:0;list-style:none;}
a{text-decoration:none;color:#333;}
a:hover{color:#FF8400;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* navBar */
.navBar{width:100%;margin:0 auto;height:50px;line-height:50px;background:#097bd1;color:#ffffff; text-align: center}
.nav{position:relative;width:1200px;margin:0 auto;font-family:"Microsoft YaHei",SimSun,SimHei;font-size:14px;}
.nav a{color:#fff;}
.nav h3{font-size:100%;font-weight:normal;}
.nav .m{float:left;position:relative;z-index:1;height:50px;line-height:50px;list-style:none;}
.nav .s{float:left;width:3px;text-align:center;color:#D4D4D4;font-size:12px;}
.nav h3 a{display:block;width:120px;text-align:center;font-weight:bold;}
.nav h3 a:hover{border-bottom:3px solid #FE7700;}
.nav .sub{display:none;position:absolute;left:-3px;top:50px;z-index:1;width:117px;border:1px solid #E6E4E3;border-top:0;background:#fff;}
.nav .sub li{text-align:center;padding:0 8px;margin-bottom:-1px;}
.nav .sub li a{display:block;border-bottom:1px solid #e6e6e6;padding:8px 0;height:28px;line-height:28px;color:#000;font-size:12px;font-weight:bold;}
.nav .sub li a:hover{color:#FE7700;}
.nav .block{height:8px;width:120px;background:#FE7700;position:absolute;left:0;top:42px;overflow:hidden;border-bottom:1px solid #e6e6e6}
.nav_left ul {
background: white; border-top: 6px solid hsl(180, 40%, 60%);
width: 200px; margin: 5em auto;
}
.nav_left ul li {
list-style-type: none;
/*relative positioning for list items along with overflow hidden to contain the overflowing ripple*/
position: relative;
overflow: hidden;
}
.nav_left ul li a {
font: normal 14px/28px Montserrat;
color: hsl(180, 40%, 40%);
display: block;
padding: 10px 15px;
text-decoration: none;
cursor: pointer; /*since the links are dummy without href values*/
/*prevent text selection*/
user-select: none;
/*static positioned elements appear behind absolutely positioned siblings(.ink in this case) hence we will make the links relatively positioned to bring them above .ink*/
position: relative;
}
/* 蹇呰甯冨眬鏍峰紡css */
.slide-content {
padding-top: 3px;
padding-bottom: 2px;
background-color: #f5f5f5;
}
.slide-title {
font-size: 20px;
color: #313131;
letter-spacing: 2px;
line-height: 1;
text-align: center;
}
.slide-links {
margin-top: 0;
text-align: center;
}
.slide-links a {
background-color: #20b573;
color: #ffffff;
display: inline-block;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
background-color: #20b573;
color: #ffffff;
padding: 5px 20px;
border-radius: 2px;
}
.slide-links a:hover {
background: #188a57;
color: #fff;
}
.slide-item-body ul li {
width: 33.333%;
float: left;
display: block;
padding-top: 10px;
margin-bottom: 5px;
border: none;
border-radius: 8px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
height: inherit;
padding-top: 0;
border-radius: 0;
background-color: #f5f5f5;
color: #000;
z-index: 10002;
}
.slide-item-body ul li a {
display: block;
box-shadow: 0 5px 20px 1px rgba(49, 49, 49, 0.2);
}
.new-img img {
width: 100%;
height: 180px;
border: none;
display: block;
}
.slide-item {
width: 800px;
position: relative;
margin: 0 auto;
/* overflow: hidden; */
}
.slide-item-box {
padding:5px 0;
}
.new-body {
padding: 5px 5px 10px 5px;
}
.new-body-title {
height: 35px;
line-height: 24px;
font-size: 16px;
overflow: hidden;
color: #616161;
letter-spacing: 1px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.new-body-text {
padding-top: 10px;
height: 30px;
min-height: 20px;
line-height: 18px;
font-size: 12px;
color: #919191;
overflow: hidden;
}
.slide-item-body {
/* padding-top:20px; */
margin-left: -125px;
width: 960px;
}
.slide-item-body ul li {
margin-left: 15px;
margin-right: 15px;
}
.slide-item-body .tempWrap {
padding-top: 10px;
padding-bottom: 10px;
background: #f5f5f5;
}
.slide-item-body ul {
padding-top: 10px;
overflow: visible;
}
.slide-item-body ul li:hover {
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
z-index: 1002;
position: relative;
left: 0;
}
.next {
position: absolute;
top: 49%;
z-index: 10;
cursor: pointer;
-moz-background-size: 60px;
-webkit-background-size: 60px;
background-size: 60px;
background-position: center;
background-repeat: no-repeat;
right: auto;
left: -179px;
height: 60px;
width: 60px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.next-bg {
background-image: url("../img/btn-fl1.png");
}
.next:hover {
background-image: url("../img/btn-fl2.png");
}
.prev {
position: absolute;
top: 49%;
z-index: 10;
cursor: pointer;
-moz-background-size: 60px;
-webkit-background-size: 60px;
background-size: 60px;
background-position: center;
background-repeat: no-repeat;
right: -179px;
height: 60px;
width: 60px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.prev-bg {
background-image: url("../img/btn-fr1.png");
}
.prev-bg:hover {
background-image: url("../img/btn-fr2.png");
}
.focus{position:relative;overflow:hidden;}
.focus-content{position:relative;padding-left:0;list-style:none;}
.focus-content .content-item{float:left;position:relative;}
.focus-content .content-item .item-title{position:absolute;bottom:0;width:100%;height:30px;line-height:30px;text-align:center;background:#000;filter:alpha(opacity=50);background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;}
.focus-content .content-item .item-title .title-text{position:relative;}
.focus-page{position:absolute;bottom:30px;right:3px;}
.focus-page .page-num{padding:0 5px;background:#666;}
.focus-page .curr{background:#cc0000;}
a.focusa{color:#fff;text-decoration:none;}
a.focusa:hover{color:#ffff00;}
.ico-point-blue{background:url(img/ico-point-blue.png) 0 center no-repeat;}
.ico-point-red{background:url(img/ico-point-red.png) 0 center no-repeat;}
.info-list li.item{height:28px;line-height:28px;padding:0 10px;}
.info-list li.spacing{height:15px;}
.rank-top{margin:3px 0;width:22px;line-height:22px;color:#fff;background-color:#db2323;}
.rank-normal{margin:2px 0;width:20px;line-height:22px;border:1px solid #ccc;}
.box1{height:29px;line-height:28px;background-color:#fbfbfb;border-top:2px solid #458fce;border-bottom:1px solid #dbecec;}
.box1 .head{padding-left:10px;}
.box2{border:1px solid #d2e1f1;}
.box2 .head{height:30px;line-height:30px;padding:0 10px;background:url(img/box_bg.png);}
.box3{height:29px;line-height:30px;position:relative;border-bottom:1px solid #a2d0ff;background-color:#fbfbfb;}
.box3 .head{padding:0 20px;background-color:#fff;position:absolute;border-left:1px solid #bdd7f2;border-right:1px solid #bdd7f2;}
.box4{height:30px;line-height:30px;padding:10px 10px;border-bottom:1px dotted #73b9ff;}
.box4 .head{padding:0 20px;}
.box4 .head:hover{background:#60afff;}
.cert{padding-right:18px;margin-right:2px;background:url(img/cert.png) right center no-repeat;}
.play{padding-right:5px;background:url(img/play.png) 5px center no-repeat;}
.info-title{padding:20px 20px;margin:0;line-height:1.5;font-family:"Microsoft YaHei",微锟斤拷锟脚猴拷,"MicrosoftJhengHei";font-size:26px;text-align:center;}
.info-detail{padding:5px;}
.info-text{font-size:14px;line-height:2;}
.score-mood{padding:10px 0;list-style:none;text-align:center;}
.score-mood .mood-item{float:left;margin:0 10px;padding:0 5px;cursor:pointer;}
.score-mood .mood-item .item-count{color:#cc3333;}
.score-mood .mood-item .item-img{padding:2px 0;}
.digg .digg-item{float:left;padding-left:90px;width:46px;height:36px;line-height:36px;cursor:pointer;font-weight:bold;font-size:18px;color:#256eb1;}
#diggs{background:url(img/digg.png);}
#burys{margin-left:20px;background:url(img/digg.png) no-repeat -149px 0;}
#diggs:hover{background:url(img/digg.png) 0 -50px;}
#burys:hover{background:url(img/digg.png) -149px -50px;}
a.comment-like{color:#666;text-decoration:none;}
a.comment-like:hover{color:#BA2636;}
.comment-score{color:#BA2636;}
.comment-i{font-size:14px;margin-top:5px;border:1px solid #379BE9;height:100px;line-height:100px;text-align:center;}
.comment-form{border:1px solid #379be9;margin-top:5px;}
.comment-form-body{padding:8px;}
.comment-form-footer{border-top:1px solid #ccc;overflow:hidden;padding:8px;}
.comment-textarea{width:100%;height:80px;border:none;margin:0;padding:0;outline:none;resize:none;}
.comment-captcha{width:94px;padding:4px;height:22px;line-height:22px;border:1px solid #ccc;}
.comment-captcha-img{cursor:pointer;border:1px solid #ccc;margin:0;vertical-align:top;display:none;}
.comment-button{height:32px;padding:0 1em;border:0;margin:0;background-color:#035e95;font-size:14px;color:#fff;}
.comment-like{text-align:right;}
.comment-avatar{padding:2px;border:1px solid #ccc;width:42px;height:42px;}
a.comment-login{color:#458FCE;}
.guestbook-i{font-size:14px;border:1px solid #379BE9;height:100px;line-height:100px;text-align:center;}
a.guestbook-login{color:#458FCE;}
button::-moz-focus-inner{border:0;padding:0;margin:0; }
/*
.button{padding:0 0.5em;height:24px;border:1px solid #999;background-color:#eee;line-height:normal;overflow:visible;}
.button:hover{border:1px solid #7a7a7a;background-color:#dfdfdf;}
.button:active{border:1px solid #7a7a7a;background-color:#fff;}
.button:focus{border:1px solid #7a7a7a;background-color:#dfdfdf;}
*/
.copy_bg{ background:#13293d; padding:30px 0; color:#fff; text-align:center; width:100%; margin-top:30px; font-size:14px;}
.copy_bg ul{display: inline-block;list-style-type:none;}
.copy_bg ul li{display:inline;}