ul,ol,li,dl,dd {margin: 0;padding: 0;}
ul,ol {list-style: none outside none;}
a {color: #34495e;   /*黑蓝色*/outline: medium none;text-decoration: none;background: transparent;star:expression(this.onFocus=this.blur());
	transition: all 0.2s ease-in-out;}
a:hover {color: #3498db;   /*浅蓝色*/}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body {
	margin: 0;
	font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #34495e;   /*黑蓝色*/
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  	-moz-font-feature-settings: "liga","kern";}

/*header*/
.header{ width:100%; height:70px; background-color: #fff; background:url(../images/bg.jpg) no-repeat center;}
.header_mian{ width:1180px; height:70px; margin:0 auto;}
.hd_logo{ float: left; width: 200px; height: 70px; background:url(../images/logo1.png) no-repeat; padding-right:20px;}
.hd_nav { float: left; max-width: 600px; height: 70px; 	}
.hd_nav li { float: left; position: relative; }
.hd_nav li a { display: block; width:100px; height:30px; padding:16px 0 20px; font-size:14px; color:#34495e; line-height:30px; text-align:center; border-top: 4px solid transparent; }
.hd_nav li a:hover { background-color: #fff; border-top: 4px solid #bde4ac; }
.hd_nav li div a {cursor:pointer;}
.hd_nav li ul li a {border: 0px;text-align: left;padding: 0 0 0;}
.hd_nav li ul li a:hover{color: #31B0D5;border:0px;}

/*搜索*/
.search{float: right !important; }
.search-hd { position: relative; float: left; width: 50px; height: 70px; transition: width .5s;}
.search-hd:before { content:""; position: absolute; top: 20px; left: 0; height: 30px; border-left: 1px solid #DEB9B9; margin-left: -1px; }
.search-select { position: absolute; float: left; width: 26px; height: 70px; transition: width .2s;}
.search-select .search-val { float: left; width: 0; border-color: transparent; height: 22px; margin: 15px 0; padding: 8px 12px; font-size: 14px; color: #34495e; line-height: 22px; transition: width .2s; -webkit-box-sizing: content-box; box-sizing: content-box;}
.search-select .search-val:focus { box-shadow: none; }
.search-hd .search-hd-btn { position: absolute; right: 0; z-index: 1; float: left; width: 49px; height: 70px; padding: 0; opacity: 1; }
.search-hd .search-hd-btn:before { content:""; position: absolute; top: 20px; right: 0; height: 30px; border-right: 1px solid #DEB9B9;  }
.search-hd-btn{ background:url(../images/icon.png) no-repeat;}
/*搜索打开*/
.search-hd .search-status { position: absolute; left: 0; visibility: hidden; opacity: 0; transition: opacity .5s;}
.search-hd.on { width: 240px; }
.search-hd.on .search-status { visibility: visible; opacity: 1; }
.search-hd.on .search-select { width: 170px; }
.search-hd.on .search-select .search-val { width: 144px; }
.search-hd.on .search-hd-btn .icon-search,
.search-hd .search-hd-btn .icon-search:hover { color: #3498db; }
/*登陆*/
.login-hd { float: left; width: 80px; height: 70px; position: relative; z-index: 10; }
.login-hd a { display: block; margin-left: 20px; width: 60px; height: 66px; border-top: 4px solid transparent; font-size: 14px; color: #77b15d; line-height: 62px; text-align: center; cursor: pointer; }
.login-hd a:hover { border-top-color: #bde4ac; background-color:#F7F7F7;}
.login-hd a i { font-size: 18px; color: #77b15d; }
/*banner*/
 .slider-wrapper {}
/* The Nivo Slider styles */
.nivoSlider{width:1920px;height:350px;margin: 0 auto; }
.nivoSlider img {position:absolute;top:0px;left:0px;max-width: none;}
.nivo-main-image {display: block !important;position: relative !important; width: 100% !important;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;
border:0;padding:0;margin:0;z-index:6;display:none;background:white; filter:alpha(opacity=0); opacity:0;}
/* The slices and boxes in the Slider */
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0;}
.nivo-box {display:block;position:absolute;z-index:5;overflow:hidden;}
.nivo-box img { display:block; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {opacity: 0;transition: opacity .3s;position:absolute;top: 0;bottom: 0;z-index:9;cursor:pointer;width: 65px;text-indent: -99px; overflow: hidden;}
.slider-wrapper:hover .nivo-directionNav a { opacity: 1; }
.nivo-controlNav {opacity: 0;transition: opacity .3s;position: absolute;bottom: 10px;left: 50%;z-index: 10;padding: 4px 16px;border-radius: 20px;
background-color: rgba(0,0,0,.15);filter:alpha(opacity=15);font-size: 0;}
.nivo-controlNav a {padding: 5px;display: inline-block;cursor: pointer;}
.nivo-controlNav a span {display: block;width: 12px;height: 12px;border-radius: 6px;background-color: rgba(255,255,255,.4);
filter:alpha(opacity=40);transition: width .3s ease-out;}
.nivo-controlNav a.active span {width: 30px;}
.slider-wrapper:hover .nivo-controlNav {opacity: 1;}

/*软件板块*/
.game { width: 1180px; margin: 0 auto; }
.game_nav{ position:relative; height:70px;}
    /*推荐软件*/
.h-screen {float: left; margin-top: 15px;}
.h-screen li.on a { border: 1px solid #77b15d; border-radius: 20px; font-weight: bold; color: #77b15d;}
.h-screen li a {display: block; height: 40px; margin-right: 25px; padding: 0 20px; font-size: 14px;
    color: #7c7c7c;line-height: 40px;text-align: center;}	
.game_btn{ width:80px; height:26px; background:#dfe5e9;border-radius:5px; color:#FFF; text-align:center; line-height:26px; float:right; position:inherit; bottom:16px;}
.game_btn:hover{width:80px; height:26px; background:# 099;}
.user{ font-size:12px; color:#9aabb8; padding-top:4px;}
.post-works { margin-left: -20px; }
.post-works li { width: 280px; margin-left: 20px; }
.post-works .cover a { display: block; width: 280px; height: 210px; overflow: hidden; }
    /*共用样式*/
.post li { position: relative; float: left; margin-bottom: 15px; }
    /*滑过阴影*/
.post .shade { opacity: 0; filter:alpha(opacity=0); position: absolute; z-index: 1; top: -16px; right: -14px; bottom: 0; left: -14px; background-color: #fff; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); }
.post .shade:after { content:""; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; border: 1px solid rgba(0, 0, 0, 0.05); }
    /*封面*/
.post .cover { position: relative; z-index: 2; }
.post li .cover img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.2s;
-moz-transition: -moz-transform 0.2s;
-ms-transition: -moz-transform 0.2s
transition: transform 0.2s;
}
.post li:hover .cover img { 
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);}
    /*信息*/
.post .info { position: relative; z-index: 2; padding: 5px 0 20px 0; height: 75px; overflow: hidden; }
    /*标题*/
.post .info .title { width: 100%; font-weight: bold; color: #34495e;}
    /*底线*/
.post .line { width: 100%; height: 1px; background: #e2e8eb; position: absolute; bottom: 0; }


/*动漫视频*/
.w820 { width: 1180px; height:336px; margin:0 auto;  }
.h-article-list li { width:520px; padding: 20px 0; border-bottom: 1px solid #e0e7eb; float:left;  position: relative; margin:0px 33px; right:33px;}
.h-article-info { position: relative; float: left; width:320px; margin-left: 20px; }

/*页尾*/
.footer { width: 100%; background-color: #F8F8F8; padding: 40px 0; }
.footer_mian{ width:1180px; height:90px; margin:0 auto;}
.ft_img{ float: right; position:relative; bottom:30px; margin-right:148px;}
.ft { display: block;width: 100%; height: 90px;float: right;background-size: 90px;}
.ft-info { float: left; margin-left: 60px;}
.ft-info p{ color:#7f8c8d; margin-bottom:4px;}
.ft-info .copy { width: 100%; font-size: 12px; color: #b8c4cc; line-height: 20px;}
.ft-info .copy a { color: #b8c4cc; }
.ft-share { height:40px; display: block; margin-top: 5px;}
.ft-share a {height:40px; width: 40px; float: left; }
.ft-share .anquan { width:77px; height: 28px; margin: 5px; }
.ft-share .kexin { width: 79; height: 28px; margin: 5px;float: left; }
.ft-share .share > i {font-size: 24px; color: #bec2c5; line-height:40px; display: block; text-align: center; position: absolute; top: 0; left: 8px;}
.ft-share .share:hover > i {color: #fff;}
.ft-share .share:before { font-size: 40px; color: #e7ecf1; line-height:40px; overflow: hidden;}
.ft-share .share:hover:before { color: #e0e7eb; }
.ft-wx-show { visibility: hidden; opacity: 0; position: absolute; left: -60px; bottom: 55px; width: 150px; height: 150px; padding: 5px; box-shadow: 0 0 5px rgba(0,0,0,.3);
background: url("../images/ft-wx150.png") no-repeat 5px 5px #fff; background-size: 150px;
    -webkit-transform: scale(0,0);
       -moz-transform: scale(0,0);
        -ms-transform: scale(0,0);
         -o-transform: scale(0,0);
            transform: scale(0,0);
    -webkit-transform-origin: 50% bottom;
       -moz-transform-origin: 50% bottom;
        -ms-transform-origin: 50% bottom;
         -o-transform-origin: 50% bottom;
            transform-origin: 50% bottom;
    -webkit-transition: all .5s;
       -moz-transition: all .5s;
        -ms-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s; }
.ft-wx-show:before { content: ""; position: absolute; bottom: -12px; left: 70px; width: 20px; height: 12px; background: url("../images/ft-arrow.png") no-repeat 0 0;}
#ft-wx:hover .ft-wx-show { visibility: visible; opacity: 1;
    -webkit-transform: scale(1,1);
       -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
         -o-transform: scale(1,1);
            transform: scale(1,1);
    -webkit-transform-origin: 50% bottom;
       -moz-transform-origin: 50% bottom;
        -ms-transform-origin: 50% bottom;
         -o-transform-origin: 50% bottom;
            transform-origin: 50% bottom;}


 /*modal*/
.modal-open { overflow: hidden; }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-backdrop { visibility: hidden; opacity: 0; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; background-color: rgba(0,0,0,.5); 
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;}
.modal-open .modal-backdrop { visibility: visible; opacity: 1; }
.modal { visibility: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 101; }
.modal .modal-effect { position: relative; width: auto; 
	opacity: 0;
    -webkit-transform: scale(0.7);
       -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;}
.modal.in { visibility: visible; }
.modal.in .modal-effect { opacity: 1; 
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);}
.modal-dialog {position: absolute; width: auto; }
.modal .modal-effect > div { position: relative; background-color: #fff; }
.modal .modal-effect .icon-close { position: absolute; cursor: pointer; }
 /*modal.vi*/
 /*公共样式*/
 a { color: #2c3e50; }
 a:hover { color: #2980b9;}
 /*按钮 */
 .btn-fixed-100 { width: 100px; padding-left: 0; padding-right: 0; }
 /*背景各种灰色*/
 .bg-gray2 { background-color: #eaeef1; overflow: hidden; zoom: 1;}
 .bg-gray3 { background: url("../images/h-bg.jpg") repeat-x left top #eff3f5; width: 100%; height: auto; overflow: hidden; zoom: 1;}
 /*文字各种灰色*/
 .txt-gray1 { color: #b8c4ce!important;}
 .txt-orange { color: #f39c12!important;}
 .txt-normal { color: #2c3e50!important;}
 /*字体大小*/
 .f24 { font-size: 24px!important; }
 /*背景颜色*/
 .bg-blue { background-color: #3498db!important; }
 .bg-purple { background-color: #9b59b6!important; }
 .bg-red { background-color: #e74c3c!important; }
 .main { float: left; width: 940px;}
 .aside { float: right; width: 220px; }
 /*查看评论点赞数量*/
 .msg span { margin-right: 10px;}
 .msg span i { font-size: 18px; color: #9aabb8; margin-right: 5px; }
 .msg span em { font-size: 14px; color: #9aabb8; }
 /*左右块宽度*/
 .w280 { width: 280px; }
 /*文章资讯*/
 /*文章标题*/
 .h-tit { height: 42px; line-height: 42px; padding-top:20px; }
.h-tit a { float: left; height: 40px; margin-right: 25px; padding: 0 20px; font-size: 14px; color: #7c7c7c; line-height: 40px; text-align: center; transition: all 0s;}
 .h-tit a:hover { color: #3498db; }
 .h-tit a.on { border: 1px solid #77b15d; border-radius: 20px; font-weight: bold; color: #77b15d; }
 .h-tit2 { font-size: 14px; color: #34495e; height: 40px; line-height: 40px; margin: 28px 0 10px; }
 /*文章列表*/
 .h-article-list { width: 100%; }
 /*.h-article-list .ptbw {  border-top: 1px solid #e0e7eb; }*/
 .h-article-list li { padding: 20px 0; border-bottom: 1px solid #e0e7eb; position: relative;}
.h-article-list .cover { float: left; display: block; width: 160px; height: 120px; }