/*
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: auto;
    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;
}

.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: -70px;
}

.slide-item-body ul li {
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 20px;
}

.slide-item-body .tempWrap {
    padding-top: 20px;
    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: -157px;
    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;}