﻿/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	 width: 980px;
	 margin: 0 auto;
}

/************************************************************************************
HEADER
*************************************************************************************/
#header {
	 z-index:10000;
	 width:100%;
	 top:0;
	 left:0;
	 background:#494949;
	 overflow:hidden;
}
#head-info {
     margin:0 5%;
	 height:50px;
}
#welcome {
    width:40%;
    height:50px;
    float:left;
    line-height:50px;
    color:#fff;
    font-weight:lighter;  
}
#imlink {
    width:60%;
    height:30px;
    padding:10px 0;
    float:left;
}
#applink,#waplink,#setindex {
    height:30px;
    float:right;
    margin-left:10px;
    line-height:30px;
    font-weight:lighter;  
}
#applink  a:link,#waplink  a:link,#setindex  a:link{color:#fff; text-decoration:none}
#applink  a:visited,#waplink  a:visited,#setindex  a:visited{color:#fff;text-decoration: none;}
#applink  a:hover,#waplink  a:hover,#setindex  a:hover{color:#fff; text-decoration:underline;}
#applink i,#waplink i,#setindex i {
    display: block;
    float: left;
    margin-right: 5px;
    margin-top: 10px;	
}
#applink i {
    width: 10px;
    height: 10px;
	background:url(/index.3.0/icon/iconfont-app.png) no-repeat;
	background-size: cover;
    -webkit-background-size: cover;
}
#waplink i {
    width: 12px;
    height: 12px;
	background:url(/index.3.0/icon/iconfont-shouji.png) no-repeat;
	background-size: cover;
    -webkit-background-size: cover;
}
#setindex i {
    width: 13px;
    height: 11px;
	background:url(/index.3.0/icon/iconfont-index.png) no-repeat;
	background-size: cover;
    -webkit-background-size: cover;
}
#top-wrap {
    margin:0 5%;
    height:115px;
}
#logo {
    max-width:20%;
    padding:25px 0px 0px 0px;
    float:left;
}
#search {
    width:40%;
    height:35px;
    float:left;
	background:#f0f0f0;
	margin-top:45px;
	margin-left:9%;
}
#search #keyword {
    float: left;
    height: 35px;
	text-indent:15px;
    margin: 0px;
    padding: 0px !important;
    border: none !important;
    width: 80%;
    background: transparent !important;
    color: #393939;
    font-size: 12px;
    line-height: 35px;
    color: #666;
	outline:none;
}
#search #go {
    background:#E31D71;
	height:35px;
	width:20%;
	float:left;
	outline:none;
	text-align:center;
	line-height:35px;
	color:#fff;
	border:0px;
	cursor:pointer;
	-webkit-transition:background-color 0.3s linear;
	-moz-transition:background-color 0.3s linear;
	-o-transition:background-color 0.3s linear;
	transition:background-color 0.3s linear;
}
#downpro {
    width:24%;
	float:left;
	margin-left:7%;
	margin-top:38px;
}
#downpro ul{
    width:100%;
}
#downpro ul li{
    width:33.3333%;
    float:left;
	text-align:center;
}
#downpro ul li a span {
    width:100%;
	text-align:center;
	display:inline-block;
}
#proicon {
    max-width:100%;
	display:inline-block;
}
#navicon {
    max-width:30%;
	display:inline-block;
}
#nav {
    width:100%;
	height:45px;
	background:#E31D71;
}
#nav-inner {
     margin:0 5%;
	 height:45px;
     width:1300px;
}
#nav-inner ul {
    width:100%;
}
#nav-inner ul li {
    width:7.1%;
	height:45px;
	line-height:45px;
	float:left;
	-webkit-transition:background-color 0.3s linear;
	-moz-transition:background-color 0.3s linear;
	-o-transition:background-color 0.3s linear;
	transition:background-color 0.3s linear;
}

#nav ul li a {
    display:block;width:100%;
	text-align:center;
	float:left;
	font-size:14px;
	color:#fff;
}
#nav ul li:hover,#search #go:hover{
    background:#A51843;
}
#nav ul li:hover a{
    color:#fff;
	text-decoration:none;
} 
#taotao,#game,#imzone,#ent,#theme {
    margin:0 5%;
	margin-top:1.5%;
	overflow:hidden;
    width:1300px;
}
#photos {
    margin:0 4.1%;
}
#focus {
    width:65%;
	overflow:hidden;
	float:left;
	background:#000;
    margin-left:3%;
}
#imgbox-b {
    width:50%;
	float:left;
	position:relative;
	z-index:999;
	overflow:hidden;
}

#imgbox-s{
    width:50%;
	float:left;
}
#imbox-s-inner{
    width:50%;
	float:left;
	position:relative;
	overflow:hidden;
}
#imbox-s-inner img,#imgbox-b img,#tt-goods img,#comimg img,#cover-story img,#entimg img,#toyimg img,#topic img,#imgnews img,.o2o .pic_l img,#money dt img,#piclist img {
    -webkit-transition: all .40s ease-in-out;
    -moz-transition: all .40s ease-in-out;
    -o-transition: all .40s ease-in-out;
    transition: all .40s ease-in-out;
}
#imbox-s-inner:hover img,#imgbox-b:hover img,#tt-goods:hover img,#comimg:hover img,#cover-story:hover img,#entimg:hover img,#toyimg:hover img,#topic:hover img,#imgnews:hover img,.o2o .pic_l:hover img,#money dt:hover img,#piclist:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
#focus-cover,#TT-cover,#com-cover{
    width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.45) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.45)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.45) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.45) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.45) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.45) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#343434', GradientType=0);
    
}

#imbox-s-inner a:before,#imgbox-b a:before,#tt-goods a:before,#comimg a:before,#topic:before,#imgnews a:before,#piclist a:before {
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
  -webkit-transition: all 450ms ease-out 0s;
  -moz-transition: all 450ms ease-out 0s;
  -o-transition: all 450ms ease-out 0s;
  transition: all 450ms ease-out 0s;
}
#imbox-s-inner:hover a:before,#imgbox-b:hover a:before ,#tt-goods:hover a:before,#comimg:hover a:before ,#imgnews:hover a:before,#piclist:hover a:before {
  opacity: 0;
}
#img-tit {
    width:92%;
	color:#fff;
	font: 1.8em/150% "Lantinghei SC","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:lighter;
	padding:4%;
	position:absolute;
	left:0;
	bottom:0;
	z-index:999;
}
.img-tit-s {
    width:92%;
	color:#fff;
	font: 1.2em/150% "Lantinghei SC","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:lighter;
	padding:4%;
	position:absolute;
	left:0;
	bottom:0;
	z-index:999;
}
.mt-n {
    margin-top:0!important;
}

#last {
    width:32%;
	
	float:left;
}
#realnews {
    width:415px;
	height:160px;
	float:left;
	background:#f2f2f2;
	overflow:hidden;
}
.swiper-container {
  width: 400px;
  height: 100%;
  padding:5px;
}
.swiper-slide .title {
  font-size: 16px;
  line-height: 28px;
}
.swiper-slide .title span {
    width:18px;
	height:18px;
	float:left;
	margin-top:5px;
	background:#e4000f;
	line-height:18px;
	font-size:12px;
	text-align:center;
	font-weight:normal;
	margin-right:10px;
	color:#fff;
}
.swiper-slide .desc {
  font-size: 12px;
  line-height: 25px;
  padding-top:10px;
  max-height:75px;
  overflow:hidden;
  color:#666;
}
.pagination {
  position: absolute;
  width:8px;
  z-index: 20;
  right: 10px;
  bottom: 10px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #b1b0ab;
  margin-bottom: 5px;
  opacity: 0.8;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #44a0f3;
}
#newslist {
    width:100%;
	padding-top:15px;
	overflow:hidden;
}
#newslist ul {
    width:100%;
}
#newslist ul li {
    line-height:30px;
	overflow:hidden;
	max-height:32px;
	background:url(/index.3.0/icon/dot.png) no-repeat left center;
	padding-left:10px;
	font-size:14px;
}
#newslist ul li i.catcss {
    color:#0078d7;
	font-style:normal;
	margin-right:10px;
	font-size:12px;
}
#newslist ul li em.publishtime {
    color:#999;
	font-style:normal;
	font-size:12px;
	margin-left:10px;
}
#newslist ul li span {
    width:90px;
	height:19px;
	display: inline-block;
    line-height: 19px;
	float:left;
	text-align:center;
	border:1px solid #ccc;
	color:#aaa;
	margin-top:3px;
	margin-right:10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}
#grid-tit {
    width:100%;
	height:35px;
	border-bottom:1px solid #e5e5e5;
}
.grid-tit-a{ font-size:20px; font-weight:bold;}
#tt-box ,#g-container,#ent-box{
    width:100%;
	padding-top:15px;
	overflow:hidden;
}
#box-in {
    width:23.5%;
	margin-left:2%;
	float:left;
	position:relative;
	overflow:hidden;
}
#tt-goods,#comimg {
    width:100%;
	position:relative;
	overflow:hidden;
}
#tt-title {
    width:100%;
	padding-top:10px;
}
.mLn {
    margin-left:0px!important;
}
#tt_price {
    width:30%;
	height:20px;
	line-height:20px;
	position:absolute;
	left:15px;
	bottom:15px;
	border:1px solid #fff;
	color:#fff;
	text-align:center;
	z-index:9999;
}
#buyicon {
    width:32px;
	height:30px;
	background:url(/index.3.0/icon/buy.png) no-repeat center;
	background-size: cover;
    -webkit-background-size: cover;
	position:absolute;
	right:12px;
	bottom:12px;
	z-index:9999;
}
#buylink {
    width:32px;
	height:30px;
	display:inline-block;
}
#buylink:before{
    background:none!important;
}
#combox {
    width:23.5%;
	float:left;
	margin-left: 2%;
	background:#f2f2f2;
	position:relative;
	overflow:hidden;
}
#text-con {
	padding:15px;
	overflow:hidden;
}
#ginfo {
    width:100%;
}
#gscores,#appscores {
    padding:15px;
	width:30px;
	float:left;
	font-size:20px;
	background:#a9a7a8;
	color:#fff;
	text-align:center;
}
#appscores {
    margin-left:5%;
	background: #439ff6;
}
#g-other,#i-other {
    width:60%;
	margin-left:5%;
	float:left;
}
#gname,#appname{
    width:100%;
	line-height:25px;
	padding-bottom:5px;
	float:left;
}
#extra {
    width: 100%;
    float: left;
}
#authorinfo {
    width:65%;
	position:absolute;
	right:0;
	bottom:10px;
}
#desc {
    width:100%;
	margin-top:15px;
	padding-top:10px;
	border-top:1px dotted #ccc;
	line-height:25px;
	float:left;
}
#comdesc {
    width:90%;
	margin-top:15px;
	padding:10px 5% 0 5%;
	border-top:1px dotted #ccc;
	line-height:25px;
	float:left;
}
#comtit {
    width:100%;
	height:54px;
	line-height:25px;
	float:left;
}
#desc span,#comdesc span {
    width: 50px;
    height: 17px;
    float: left;
    margin-right: 10px;
    background: #439ff6;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    line-height: 17px;
    margin-top: 4px;
}
.author,.time {
	width:50%;
	display:inline-block;
	font-size:12px;
	color:#999;
	float:left;
}
.author_icon {
	float:left;
	width:15px;
	margin:2px 2px 0 0;
	height:15px;
	background:url(/index.3.0/icon/user.png) no-repeat left;
	background-size: cover;
    -webkit-background-size: cover;
}
.time_icon {
	float:left;
	width:15px;
	margin:2px 2px 0 0;
	height:15px;
	background:url(/index.3.0/icon/time.png) no-repeat left;
	background-size: cover;
    -webkit-background-size: cover;
}
#cover-story {
    width:23.5%;
	float:left;
	margin-left: 2%;
	position:relative;
	overflow:hidden;
}

#cover-img{
    width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	background: -moz-linear-gradient(top, rgba(67, 159, 246, 0) 0%, rgba(67, 159, 246, 0.1) 0%, rgba(67, 159, 246, 0.65) 0%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(67, 159, 246, 0)), color-stop(0%, rgba(67, 159, 246, 0.1)), color-stop(0%, rgba(67, 159, 246, 0.65)));
    background: -webkit-linear-gradient(top, rgba(67, 159, 246, 0) 0%, rgba(67, 159, 246, 0.1) 0%, rgba(67, 159, 246, 0.65) 0%);
    background: -o-linear-gradient(top, rgba(67, 159, 246, 0) 0%, rgba(67, 159, 246, 0.1) 0%, rgba(67, 159, 246, 0.65) 0%);
    background: -ms-linear-gradient(top, rgba(67, 159, 246, 0) 0%, rgba(67, 159, 246, 0.1) 0%, rgba(67, 159, 246, 0.65) 0%);
    background: linear-gradient(to bottom, rgba(67, 159, 246, 0) 0%, rgba(67, 159, 246, 0.1) 0%, rgba(67, 159, 246, 0.65) 0%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#439ff5', endColorstr='#439ff5', GradientType=0);
    
}
#cover-story img {
    min-height:360px;
}
#cover-con{
    width:100%;
	height:100%;
	position:absolute;
	z-index:999;
	top:0;
	left:0;
}
#cover-date {
    width:60px;
	height:50px;
	position:absolute;
	right:20px;
	top:20px;
	border:1px solid #fff;
}
#cover-date span {
   width:60px;
   height:18px;
   display:inline-block;
   background:#fff;
   color:#439ff6;
   text-align:center;
   line-height:18px;
}
#cover-date p {
   width:60px;
   height:32px;
   display:inline-block;
   color:#fff;
   text-align:center;
   line-height:32px;
   font-size:20px;
}
.cover-tit,.cover-desc {
    width:80%;
	padding:0 10%;
	float:left;
	color:#fff;
	font: 1.4em/150% "Lantinghei SC","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:bold;
}
.cover-tit {
    margin-top:85px;
}
.cover-desc {
    margin-top:15px;
	font: .9em/150% "Lantinghei SC","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#readmore {
    width:100px;
	height:25px;
	line-height:25px;
	border:2px solid #fff;
	text-align:center;
	position:absolute;
	bottom:20px;
	left:20px;
	color:#fff;
}
.entbg {
    background:none!important;
}
#ent-con {
    overflow: hidden;
	padding-top:15px;
}
#ent-desc {
    width: 100%;
    padding-top: 10px;
    line-height: 25px;
    float: left;
	color:#999;
}
#entbox{
    width: 23.5%;
    float: left;
    margin-left: 2%;
    position: relative;
    overflow: hidden;
}
#entlist {
    width:100%;
	margin-top:25px;
	overflow:hidden;
}
#entimg {
    width:45%;
	float:left;
	overflow:hidden;
}
#entBigtit {
    width: 100%;
    line-height: 25px;
    float: left;
}
#enttit {
    width:50%;
	float:left;
	margin-left:5%;
	line-height:25px;
	overflow:hidden;
}
.mTn {
    margin-top:0!important;
}
#topic {
    width:100%;
    position: relative;
    overflow: hidden;
}
#topic-cover{
    width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 10%, rgba(0, 0, 0, 0.75) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.75)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 10%, rgba(0, 0, 0, 0.75) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 10%, rgba(0, 0, 0, 0.75) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 10%, rgba(0, 0, 0, 0.75) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 10%, rgba(0, 0, 0, 0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#343434', GradientType=0);
    
}

.film {
    width: 80%;
    padding: 0 10%;
    float: left;
    color: #fff;
	text-align:center;
	padding-top:50px;
    font: 1.4em/150% "Lantinghei SC","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
}
.topic_con {
    width: 80%;
    padding: 0 10%;
    float: left;
}

.topic_con p {
    width: 100%;
	margin-top:15px;
	padding-top:15px;
	border-top: solid 1px rgba(255,255,255,.3);
}

.topic_con p a:link{color:#fff; text-decoration:none}
.topic_con p a:visited{color:#fff;text-decoration: none;}
.topic_con p a:hover{color:#fff; text-decoration:underline;}
#theme-con {
    width: 23.5%;
    float: left;
    margin-left: 2%;
    position: relative;
    overflow: hidden;
	margin-bottom:2%;
}
#wrap {
    width:100%;
	overflow:hidden;
	
}
#conbox {
    width: 100%;
    overflow: hidden;
	padding-top:15px;
}
#imgnews,#piclist {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}
.img-news-tit,.pic-slide-tit {
    width: 92%;
    color: #fff;
    font: 1em/150% "Lantinghei SC","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: lighter;
    padding: 4%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 999;
}
.icon1 {
    width:78px;
	height:25px;
	display:inline-block;
	background:url(/index.3.0/icon/icon1.png) no-repeat center;
	background-size: cover;
    -webkit-background-size: cover;
}
.icon2 {
    width:52px;
	height:25px;
	display:inline-block;
	background:url(/index.3.0/icon/icon2.png) no-repeat center;
	background-size: cover;
    -webkit-background-size: cover;
}
.icon3 {
    width:55px;
	height:20px;
	display:inline-block;
	background:url(/index.3.0/icon/icon3.png) no-repeat center;
	background-size: cover;
    -webkit-background-size: cover;
}
.icon4 {
    width:50px;
	height:20px;
	display:inline-block;
	background:url(/index.3.0/icon/icon4.png) no-repeat center;
	background-size: cover;
    -webkit-background-size: cover;
}
.icon5 {
    width:56px;
	height:20px;
	display:inline-block;
	background:url(/index.3.0/icon/icon5.png) no-repeat center;
	background-size: cover;
    -webkit-background-size: cover;
}
.icon6 {
    width:51px;
	height:27px;
	display:inline-block;
	background:url(/index.3.0/icon/icon6.png) no-repeat center;
	background-size: cover;
    -webkit-background-size: cover;
}
.icon7 {
    width:76px;
	height:25px;
	display:inline-block;
	background:url(/index.3.0/icon/icon7.png) no-repeat center;
	background-size: cover;
    -webkit-background-size: cover;
}
.icon8 {
    width:73px;
	height:25px;
	display:inline-block;
	background:url(/index.3.0/icon/icon8.png) no-repeat center;
	background-size: cover;
    -webkit-background-size: cover;
}
.icon9 {
    width:70px;
	height:25px;
	display:inline-block;
	background:url(/index.3.0/icon/icon9.png) no-repeat center;
	background-size: cover;
    -webkit-background-size: cover;
}
.icon10 {
    width:73px;
	height:23px;
	display:inline-block;
	background:url(/index.3.0/icon/icon10.png) no-repeat center;
	background-size: cover;
    -webkit-background-size: cover;
}
.icon11 {
    width:50px;
	height:25px;
	display:inline-block;
	background:url(/index.3.0/icon/icon11.png) no-repeat center;
	background-size: cover;
    -webkit-background-size: cover;
}
.icon12 {
    width:47px;
	height:23px;
	display:inline-block;
	background:url(/index.3.0/icon/icon12.png) no-repeat center;
	background-size: cover;
    -webkit-background-size: cover;
}
.icontao {
    width:122px;
	height:25px;
	display:inline-block;
	background:url(/index.3.0/icon/tao_logo.png) no-repeat center;
	background-size: cover;
    -webkit-background-size: cover;
}
.icongame {
    width:130px;
	height:25px;
	display:inline-block;
	background:url(/index.3.0/icon/game_logo.png) no-repeat center;
	background-size: cover;
    -webkit-background-size: cover;
}
.iconent {
    width:120px;
	height:25px;
	display:inline-block;
	background:url(/index.3.0/icon/ent_logo.png) no-repeat center;
	background-size: cover;
    -webkit-background-size: cover;
}
.iconpic {
    width:128px;
	height:25px;
	display:inline-block;
	background:url(/index.3.0/icon/pics.png) no-repeat center;
	background-size: cover;
    -webkit-background-size: cover;
}
#comlist {
   width:100%;
   padding:15px 0;
   float:left;
   background:#f2f2f2;
   min-height:220px;
}
#comlist ul {
    padding:0px 15px;
	margin-left:15px;
	padding-top:10px;
	position:relative;
	border-left:1px solid #c4c4c4;
	z-index:99;
}
#comlist ul li,#comlist ul dd {
    width:100%;
	position:relative;
	font: 1em/170% "Lantinghei SC","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#comlist ul dd {
    color:#999;
}
#comlist ul dd span{
   width:15px;
   height:16px;
   display:inline-block;
   background:url(/index.3.0/icon/icon1_2.png) no-repeat center;
   position:absolute;
   background-size: cover;
   -webkit-background-size: cover;
   left:-23px;
   top:3px;
   z-index:999;
}
#comlist ul li span{
   width:9px;
   height:8px;
   display:inline-block;
   background:url(/index.3.0/icon/icon1_1.png) no-repeat center;
   position:absolute;
   background-size: cover;
   -webkit-background-size: cover;
   left:-20px;
   top:7px;
   z-index:999;
}
.sideMenu{}
.sideMenu h3{
    height:32px; 
	line-height:32px; 
	padding:0px 10px;  
	border-bottom:1px dotted #ccc; 
	background:#f2f2f2; 
	cursor:pointer;
	font-size:1em;
	font-weight:normal;
	overflow:hidden;
		}
.sideMenu h3 em{
    float:left; 
	display:block; 
	width:19px; 
	height:20px;   
	background:url(/index.3.0/icon/toy.png) no-repeat; 
	background-size: cover;
    -webkit-background-size: cover;
	cursor:pointer; 
	margin:6px 6px 0 0;
}
.sideMenu h3.on {
    background:#439ff6;
	color:#fff;
	border-bottom:none;
}
.sideMenu h3.on em{
    width:19px; 
	height:20px;   
	background:url(/index.3.0/icon/toy_h.png) no-repeat; 
	background-size: cover;
    -webkit-background-size: cover;
}
.sideMenu ul{
    width:90%;
	padding:5%;
    overflow:hidden;
	border-bottom:1px dotted #ccc; 
	color:#999; display:none; /* 默认都隐藏 */ 
}
	
#comcon,#gear,#starup,#finance,#thinkor,#bigcom,#sci {
   width:100%;
   padding:15px 0;
   float:left;
   background:#f2f2f2;
   min-height:225px;
}
#toyimg {
    width: 45%;
    float: left;
    overflow: hidden;
}
#toytit {
    width: 50%;
    float: left;
	margin-left:5%;
	line-height:22px;
    line-height: 25px;
	font-size:12px;
    overflow: hidden;
}
#gear ul {
    width: 90%;
    padding: 5%;
}
#gear ul dd {
    width:60px;
	height:50px;
	float:left;
	margin-right:10px;
}
#gear ul dd span {
    width: 60px;
    height: 20px;
	line-height:20px;
    display: inline-block;
    color: #439ff6;
    text-align: right;
	font-size: 20px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #439ff6;
}
#gear ul dd em {
    width: 60px;
    height: 20px;
	line-height:20px;
    display: inline-block;
    color: #439ff6;
	font-style:normal;
    text-align: center;
    font-size: 16px;
}
#gear ul h2 {
	font-size:14px;
	font-weight:normal;
}
#gear ul p {
    width:100%;
	float:left;
	line-height:25px;
	padding-top:5%;
}
.o2o{
    width:90%;
	padding:0 5%;
}
.o2o ul { 
}
.o2o ul li {
    border-bottom:1px dotted #ccc;
	height: 36px;
	line-height:36px;
}
.o2o .pic_l {
    width:45%;
	float: left;
	margin-right:5%;
    overflow: hidden;
}
.o2o .pic_r {
    width:50%;
	line-height: 22px;
	color:#999;
}
.o2o .pic_r a:link,#bigcom-desc a:link{
    color:#999; 
	text-decoration:none
}
.o2o .pic_r a:visited,#bigcom-desc a:visited{
    color:#999;
	text-decoration: none;
}
.o2o .pic_r a:hover,#bigcom-desc a:hover{
    color:#999; 
	text-decoration:none;
}
.o2o ul li p {
    clear: both; 
	height: 30px; 
	font-size:14px;
	overflow: hidden;
}
.o2o .dis_pi {
    display: none 
}
.o2o ul .last {
    border-bottom:0;  
}
.o2o .on {
    height: 160px; 
	position: relative; 
	width: 100%; 
	font-size:12px;
	line-height: 30px; 
	padding-bottom:10px;
}
.o2o .on .dis_pi {
    display: block; 
	position:relative;
    padding-top:5px;	
}
#starup ul,#starup ol,#finance ul,#finance ol {
    width: 90%;
    padding:0 5%;
	overflow:hidden;
}
#finance ul {
    padding-bottom:10px;
}
#finance ol  {
    padding-top:10px;
	border-top:1px dotted #ccc;
}
#finance ol li {
    line-height: 25px;
	height:25px;
	overflow:hidden;
    background: url(/index.3.0/icon/dot.png) no-repeat left center;
    padding-left: 10px;
}
#starup ul {
    padding-bottom:10px;
}
#starup ol{
    border-top:1px dotted #ccc;
	padding-top:10px;
	position:relative;
	min-height:85px;
}
#starup ul h2,#finance  ul h2 {
    width:100%;
	float:left;
	font-size:14px;
	font-weight:normal;
}
#finance  ul h2 {
    padding-bottom:10px;
}
#starup ul p,#finance ul p {
    width:100%;
	float:left;
	line-height:25px;
	padding-top:5%;
	color:#999;
}
#starup ol dt {
    width: 30%;
    height: 30%;
    float: left;
	margin-right:10px;
	overflow:hidden;
}
.starup_img,.thinkor_img {
    position: relative;
    float: left;
}
.starup_img span,.thinkor_img span {
    position: absolute;
    display: inline-block;
    background: url(../img/starup.png) no-repeat left top;
    width: 100%;
    height: 100%;
	background-size: cover;
    -webkit-background-size: cover;
    overflow: hidden;
    top: 0;
    left: 0;
    cursor: pointer;
}
#heading {
    line-height: 25px;
    padding-bottom: 5px;
}
#comcon ul h2 {
    padding-bottom:10px;
}
#thinkor ul dt {
    width: 30%;
    height: 30%;
    float: left;
	margin-right:10px;
	overflow:hidden;
}
#thinkor ul {
    width:90%;
	padding:10px 5%;
    position: relative;
    min-height: 85px;
}
#bud {
    width:90%;
	padding:0 5%;
	padding-bottom:10px;
}
#sp-date {
    width: 60px;
    height: 50px;
	margin-right:10px;
	float:left;
}
#sp-date span {
    width: 60px;
    height: 18px;
    display: inline-block;
    background: #fff;
    color: #439ff6;
    text-align: center;
    line-height: 18px;
}
#sp-date p {
    width: 60px;
    height: 32px;
    display: inline-block;
	background: #439ff6;
    color: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 20px;
}
#budcon {
    
}
#budcon h2 {
    font-size:14px;
	line-height:25px;
	max-height:50px;
	overflow:hidden;
	font-weight:normal;
}
#budcon p{
    color:#999;
	margin-top:5px;
	font-size:12px;
}

.accordion{}
.accordion h3{
    height:32px; 
	line-height:32px; 
	padding:0px 10px;  
	border-top:1px dotted #ccc; 
	background:#f2f2f2; 
	cursor:pointer;
	font-size:1em;
	font-weight:normal;
	overflow:hidden;
		}
.accordion h3 em{
    float:left; 
	display:block; 
	width:19px; 
	height:19px;   
	background:url(/index.3.0/icon/icon10_2.png) no-repeat; 
	background-size: cover;
    -webkit-background-size: cover;
	cursor:pointer; 
	margin:6px 6px 0 0;
}
.accordion h3.on {
	color:#333;
	border-bottom:none;
}
.accordion h3.on em{
    width:19px; 
	height:19px;   
	background:url(/index.3.0/icon/icon10_1.png) no-repeat; 
	background-size: cover;
    -webkit-background-size: cover;
}
.accordion ul{
    width:90%;
	padding:5%;
    overflow:hidden;
	color:#999; display:none; /* 默认都隐藏 */ 
}
#bigcom-desc {
    width: 100%;
    float: left;
    line-height: 25px;
    font-size: 12px;
    overflow: hidden;
}
.bbn {
    border-bottom:none!important;
}
#money {
    width:90%;
	padding:0 5%;
	overflow:hidden;
}
#money dt {
    width:45%;
	float:left;
	overflow:hidden;
	margin-right:10px;
}
#money h2 {
    width:100%;
	height:25px;
	padding-top:10px;
	padding-bottom:5px;
	overflow:hidden;
    font-size: 14px;
	line-height:25px;
    font-weight: normal;
}
#money p {
    font-size:12px;
	color:#999;
}

#sci ul {
    padding: 0px 15px 5px 15px;
    margin-left: 15px;
    position: relative;
    border-left: 1px solid #c4c4c4;
    z-index: 99;
}
#sci li {
    line-height:25px;
	position:relative;
	min-height:50px;
}
#sci li em {
    display:block;
	float:left;
    width:23px;
	height:27px;
	position:absolute;
	left:-26px;
	font-style:normal;
	line-height:25px;
	text-align:center;
	font-size:12px;
	background:url(/index.3.0/icon/icon12_2.png) no-repeat left;
    background-size: cover;
    -webkit-background-size: cover;
}
#sci li:hover em {
    width:23px;
	height:27px;
	color:#429ff5;
    background:url(/index.3.0/icon/icon12_1.png) no-repeat left;
	background-size: cover;
    -webkit-background-size: cover;
}
#pics{
    width: 100%;
	padding:30px 0;
    background: url(../img/bg-category.png) repeat;
}
#pic-tit {
    margin: 0 5%;
    height: 35px;
}
    #pic-tit h1 { font-size:22px;
    }
#picbox {
    width:100%;
	float:left;
}
.pic-container {
    overflow:hidden;
}
.mLn {
	margin-left:0px!important;
}
#foot{
    width: 100%;
	padding:30px 0;
    background: #292F32;
}
#footer {
    margin:0 5%;
	overflow:hidden;
}
#corp {
    width:100%;
	background:#414347;
}
#foot-column {
    width:18%;
	float:left;
	margin-right:2%;
}
#about-tit,#channel-tit,#product-tit,#newhuain-tit,#contact-tit {
   line-height:40px;
   font-size:18px;
   position:relative;
   padding-bottom:10px;
   color:#fff;

}
#about-tit span,#channel-tit span,#product-tit span,#newhuain-tit span,#contact-tit span {
    width:30px;
	height:2px;
	background:#439ff6;
	position:absolute;
	top:0;
	left:0;
	display:block;
}
#about,#channel,#product,#newhuain{
    padding-right:20px;
    border-right:1px solid #4d5254;
	min-height:200px;
}
#contact {
	min-height:200px;
}
#channel ul,#product ul,#newhuain ul{
}
#channel ul li,#product ul li,#newhuain ul li {
    line-height:25px;
	color: #949597;
}
#channel ul li a,#product ul li a,#newhuain ul li a{
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
#channel ul li a:link,#product ul li a:link,#newhuain ul li a:link{
    color:#949597; 
	text-decoration:none
}
#channel ul li a:visited,#product ul li a:visited,#newhuain ul li a:visited{
    color:#949597;
	text-decoration: none;
}
#channel ul li a:hover,#product ul li a:hover,#newhuain ul li a:hover{
    color: #2aacff;
	text-decoration:none;
}
#profile {
    color: #949597;
	line-height:25px;
}
#frlink {
    margin: 0 5%;
	padding:20px 0;
    overflow: hidden;
}
#frlink-tit {
    font-size:16px;
	color:#fff;
}
#links {
    padding-top:15px;
    color:#949597;
	line-height:25px;
	padding-bottom:20px;
}
#links a{
    margin:0 10px;
	-webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
#links a:link{
    color:#949597; 
	text-decoration:none
}
#links a:visited{
    color:#949597;
	text-decoration: none;
}
#links a:hover{
    color: #2aacff;
	text-decoration:none;
}
#logo_f {
    max-width:80%;
}
#email {
    padding-top:15px;
}
#email ul {
}
#email ul li{
    color: #949597;
    line-height: 25px;
}
#footerCopyright {
    width:100%;
	min-height:25px;
	padding:30px 0;
}
#fcinner {
    margin: 0 5%;
    overflow: hidden;
}
#copyright {
    width:30%;
	color:#959799;
	font-size:14px;
	float:left;
}
#poweredBy {
    max-width:10%;
	line-height:25px;
	margin-top:3px;
	float:left;
}
#beian {
    width:20%;
	color:#959799;
	font-size:14px;
	float:left;
}

#beian span {
    width:18px;
	height:18px;
	display:block;
	float:left;
	margin-right:5px;
	background:url(/index.3.0/icon/beian.png) no-repeat left;
	background-size: cover;
    -webkit-background-size: cover;
}
#beian a:link,#miitbeian a:link,#footinfo ul li a:link{
    color:#959799; 
	text-decoration:none
}
#beian a:visited,#miitbeian a:visited,#footinfo ul li a:visited{
    color:#959799;
	text-decoration: none;
}
#beian a:hover,#miitbeian a:hover,#footinfo ul li a:hover{
    color: #2aacff;
	text-decoration:none;
}
#miitbeian {
    width:15%;
	color:#959799;
	font-size:14px;
	float:left;
	margin-left:2%;
}
#footinfo{
    width:23%;
	float:left;
}
#footinfo ul {}

#footinfo ul li {
    width:25%;
	text-align:right;
	float:left;
	color:#959799;
	line-height:25px;
	font-size:14px;
}
/************************************************************************************
ADD
*************************************************************************************/
#adtop{
	margin: 0 5%;
    margin-top: 1.5%;
    overflow: hidden;
}
#adtop img {
    max-width: 100%;
    height: auto;
    width: auto\9;
    padding-top:15px;
}