@charset "utf-8";
/* CSS Document */
.clearfix { *zoom:1;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }
.fl{ float:left;}
.fr{ float:right;}
.nowtime,.nowtime a{color:#ff6600 !important;}
.p_20{ padding:20px;}
.m_20{ margin:20px;}
.p_t_20{ padding-top:20px;}
.p_l_20{ padding-left:20px;}
.p_r_20{ padding-right:20px;}
.p_b_20{ padding-bottom:20px;}
.m_t_20{ margin-top:20px;}
.m_l_20{ margin-left:20px;}
.m_r_20{ margin-right:20px;}
.m_b_20{ margin-bottom:20px;}
.p_30{ padding:30px;}
.m_30{ margin:30px;}
.p_t_30{ padding-top:30px;}
.p_l_30{ padding-left:30px;}
.p_r_30{ padding-right:30px;}
.p_b_30{ padding-bottom:30px;}
.m_t_30{ margin-top:30px;}
.m_l_30{ margin-left:30px;}
.m_r_30{ margin-right:30px;}
.m_b_30{ margin-bottom:30px;}
/***全局设置***/

/***版块1****/
.lw_main{ width:1200px; margin:0 auto; position:relative;}
.section{ width:1160px; background:#FFF; height:auto; overflow:hidden;}
.section_a_l{
	float: left;
	width: 415px;
	overflow: hidden;
	}
.section_a_c{
	float: left;
    width: 390px;
    overflow: hidden;
	}
.section_a_r{
	float: left;
    width: 295px;
    overflow: hidden;
	}
.a_l_a{ width:415px; height:270px;}
.a_l_b{ width:415px; height:278px;}
.recom-pos{ width:430px;}
/*推荐位*/
.game{ width:200px; height:130px; margin:18px 15px 0 0; float:left;
	-webkit-transition:0.6s;
	-webkit-transform:perspective(1000px);
	-webkit-transform-style:preserve-3d;	
	-moz-transition:0.6s;
	-moz-transform:perspective(1000px);
	-moz-transform-style:preserve-3d;
	-ms-transform:perspective(1000px);
	-ms-transition:0.6s;
	-ms-transform-style:preserve-3d;
	transition:0.6s;
	transform-style:preserve-3d;
}
.game a{ display:block; width:200px; height:130px; position:relative; -moz-transform-style:preserve-3d; }
.game a:hover{z-index: 20;}
.game a:hover .back{z-index: 10;}
.game img{ vertical-align:top; }
.game .back{ cursor:pointer; backface-visibility:hidden; width:20px; height:130px; background:#fff; position:absolute; top:0px; left:0px; }
.game .front{ cursor:pointer; backface-visibility: hidden; width:200px; height:130px; background:#fff;position:absolute; top:0px; left:0px; z-index: 1;}
.game .front b{ position:absolute; width:175px; padding:0 10px; font-weight:normal; left:0; bottom:0; height:37px; line-height:37px; background:url(/9669/statics/v2/index/new_img/shadow.png) repeat-x 0 0; border-left:5px solid #1faae9; font-size:16px; color:#fff; }
.game a:hover:not(.switch) .back{
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	transform:rotateY(0deg)
 display:block; }
.game a:hover:not(.switch) .front {
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	transform:rotateY(180deg)
}
.front,.back {
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transition:0.6s;
	-webkit-transform-style:preserve-3d;
	-moz-transition:0.6s;
	-moz-transform-style:preserve-3d;
	-o-transition:0.6s;
	-o-transform-style:preserve-3d;
	-ms-transition:0.6s;
	-ms-transform-style:preserve-3d;
	transition:0.6s;
	transform-style:preserve-3d;
	position:absolute;
	top:0;
	left:0;
	background-color:#fff;
	display:table;
	background-size:cover;
	background-position:center
}

.front {
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	transform:rotateY(0deg)
}
.back {
	-webkit-transform:rotateY(-180deg);
	-moz-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
	transform:rotateY(-180deg)
}

/*幻灯片*/
#new_slide{ width:415px; height:270px; overflow:hidden; position:relative; }
#new_slide .slide-img{ position:relative; z-index:1; }
#new_slide .slide-img li{ float:left; width:415px; height:270px; position:relative;}
#new_slide .slide-img li img{ width:415px; height:270px; display:block; }
#new_slide .slide-img li a{ display:block; width:415px; height:42px; line-height:42px; font-size:20px; color:#fff; text-align:center; overflow:hidden; padding:228px 0 0; position:absolute; left:0; top:0; z-index:2; }
#new_slide .slide-img li a p{ height:42px; overflow:hidden; }
#new_slide .slide-img li a.img{ display:block; width:100%; height:100%; padding:0; position:static; z-index:1;}
#new_slide .slide-btn{ display:block !important;}
#new_slide .slide-btn a{ display:block; line-height:60px; position:absolute; top:116px; width:41px; height:60px; background:url(/liaowan/statics/v3/images/tips_index.png) no-repeat; overflow:hidden; z-index:4; }
#new_slide .prevBtn{ left:0; background-position:0 0!important; }
#new_slide .nextBtn{ right:0; background-position:-50px 0!important; }
#new_slide .prevBtn:hover{ background-position:0 -62px!important; }
#new_slide .nextBtn:hover{ right:0; background-position:-50px -62px!important; }
#new_slide .slide-img li span{ position:absolute; left:0; bottom:0; z-index:1; display:block; width:415px; height:43px; background:url(/9669/statics/v2/index/new_img/shadow.png) repeat-x 0 0; }
.headline{ border-bottom:1px solid #e5e5e5; padding-bottom:12px; }
.headline p{ width:100%; height:30px; line-height:30px; margin-top:9px; padding-bottom:3px; text-align:center; overflow:hidden; }
.headline p a{ font-size:20px; font-weight:700; color:#dd0202; display:block; height:30px; }
.headline p a:hover{ color:#FF7300; }
.head-box{ position:relative; padding-left:188px; height:113px; margin-top:20px; overflow:hidden; }
.head-box .box-pic{ position:absolute; left:0; top:0; display:block; width:175px; height:112px; }
.head-box .box-pic img{ display:block; width:175px; height:112px; }
.head-box .box-pic:hover{ position:absolute; left:1px; top:1px; }
.head-box p{ font-size:14px; line-height:25px; color:#999; }
.head-box p.tit{ font-size:16px; height:30px; line-height:30px; font-weight:700; margin-bottom:4px; overflow:hidden; }
.head-box p.tit a:hover{ font-weight:700; }
.head-text{ padding-top:13px; }
.head-text li{ height:36px; line-height:36px; font-size:16px; color:#a9a9a9; }
.head-text li a{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;max-width:330px; _width:330px; }

/*热门视频*/
.game-video{ background:#fff; width:1160px; height:332px; overflow:hidden; }
.game-video .fl{ width:708px; }
.video_a { float:left; background:#eee; height:156px; margin:0 0 20px 20px; _display:inline; position:relative; width:216px; }
.video_a a img{ width:216px; height:120px; overflow:hidden; }
.video_a .small_i{ background:url(/liaowan/images/video.png) no-repeat 0 -114px; position:absolute; bottom:6px; right:6px; display:block; height:24px; width:24px; z-index:10; }
.video_b .big_i{ background:url(/liaowan/images/video.png) no-repeat 0 0; height:90px; left:50%; margin: -60px 0 0 -40px; top:50%; width:90px; position:absolute; }
.video_a a:hover .small_i{ background-position:-35px -114px; _background-position:0 -114px; }
.video_a .tit{ height:36px; line-height:36px; font-size:14px; position:relative; }
.video_a .tit h4{ padding:0 10px; width:175px; *width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.video_b{ position:relative; float:left; background:#eee; }
.video_b a img{ width:452px; height:280px; overflow:hidden; }
.video_b .tit{ height:52px; line-height:52px; width:452px; color:#333; position:relative; }
.video_b .tit h4{ height:52px; line-height:52px; font-size:18px;padding:0 15px; overflow:hidden;}
.video_a .ico, .video_b .ico{ position:absolute; left:45%; top:5px; display:block; width:23px; height:12px; background:url(/liaowan/statics/v3/images/icon1.png) no-repeat 0 -34px; display:none; transition: all 0.2s ease 0s;  }
.video_a .ico{ width:19px; height:10px; background-position:-2px -34px; position:absolute; top:5px; }
.video_a a:hover .ico{ display:block; position:absolute; top:-10px; }
.video_b a:hover .ico{ display:block; position:absolute; top:-12px; }
.video_a a:hover .tit, .video_b a:hover .tit{ background-color:#ff7300; color:#fff; _color:#1FAAE9; }

.pd20{ padding:20px; }
.mt20{ margin-top:20px; }
.section{ width:1160px; background:#fff; margin-top:20px; }
.wrap-lft{ float:left; width:415px; margin-right:30px; overflow:hidden; }
.wrap-cnt{ float:left; width:390px; overflow:hidden; }
.wrap-rgt{ float:right; width:298px; overflow:hidden; }
.hd-tit{ width:100%; margin-top:0px; margin-bottom:15px; height:32px; line-height:32px; overflow:hidden; position:relative; }
.hd-tit .more{ float:right; background:url(/liaowan/images/more.gif) no-repeat 0 14px; width:25px; display:block; height:32px; text-indent:-9999px;}
.hd-tit h3{ float:left; font-size:24px; font-weight:700; }
.hd-tit2 { margin-bottom:18px; }
.hd-tit2 h3{ font-size:24px; }
.more{ float:right; background:url(/liaowan/images/more.gif) no-repeat 0 14px; width:25px; display:block; height:32px; text-indent:-9999px; }
.more:hover{ background-position:0 -16px; }
.more2{ float:right; color:#666; font-size:16px; line-height:32px; }
.hd-nav{ position:absolute; right:82px; top:0; font-size:16px; line-height:32px; color:#ddd; }
.hd-nav a{ color:#333; margin:0 17px 0; display:block; float:left; }
.hd-nav a:hover{ color:#f60;}
.hd-nav i{ float:left; }
.hd-nav a.game-ico{ line-height:22px; margin:5px 17px 0; }
.hd-nav a.game-ico span{ display:block; float:left; width:22px; height:22px; margin-right:8px; cursor:pointer; background:url(/9669/statics/v2/index/new_img/sprite.gif) no-repeat; -webkit-transition:-webkit-transform .4s ease-out;
-moz-transition: -moz-transform .4s ease-out; transition: transform .4s ease-out; }
.hd-nav a.ico1 span{ background-position:0 0; }
.hd-nav a.ico2 span{ background-position:-56px 0; }
.hd-nav a.ico3 span{ background-position:-114px 0; }
.hd-nav a.ico4 span{ background-position:-170px 0; }
.hd-nav a.ico5 span{ background-position:-225px 0; }
.hd-nav a.ico6 span{ background-position:-279px 0; }
.hd-nav a.ico7 span{ background-position:-332px 0; }
.hd-nav a.ico8 span{ background-position:-388px 0; }
.hd-nav a.game-ico:hover span{ transform: rotate(360deg);-ms-transform:rotate(360deg); 	/* IE 9 */
-moz-transform:rotate(360deg); 	/* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); 	/* Opera */ }

.news-part, .hot-zq{ width:770px; float:left; }
.news-box{ width:790px; padding-top:5px; padding-bottom:20px; }
.news-box .news-item{ float:left; margin-right:21px; width:240px; height:220px; background:#f2f2f2; position:relative; }
.news-box .news-item .type{ display:block; position:absolute; right:0; top:0; background:#ff7300; width:58px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; z-index:2; }
.news-box .news-pic{ width:240px; height:155px; overflow:hidden; position:relative; }
.news-box .news-pic img{ -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s; transition: opacity 0.5s ease 0s, transform 0.5s ease 0s; }
.news-box .news-item:hover img { opacity: 0.8; filter:alpha(opacity=80);-webkit-transform:scale(1.08, 1.08); transform:scale(1.08, 1.08); }
.news-box .news-pic .shadow{ position:absolute; left:0; bottom:0; height:36px; line-height:36px; width:240px; background:#000; -moz-opacity:0.5; -webkit-opacity:0.5; opacity:0.5;  filter:alpha(opacity=50); }
.news-box .news-pic .name{ position:absolute; left:0; bottom:0; height:36px; line-height:36px; padding:0 10px; width:220px; text-align:center; overflow:hidden; }
.news-box .news-pic .name span{ font-size:14px; text-align:center; color:#fff;}
.news-box .news-desc{ font-size:14px; color:#888; line-height:25px; height:50px; padding:0 10px; margin-top:6px; overflow:hidden; }
.news-box .news-item:hover .news-pic .shadow{ -moz-opacity:0.7; -webkit-opacity:0.7; opacity:0.7;  filter:alpha(opacity=70); }
.news-list{ border-left:1px solid #eee; width: 47%; height:260px; float:left; margin:0 38px 0 3px; display:inline; }
.news-list li{ background:url(/liaowan/statics/v3/images/tips_index.png) no-repeat -281px 5px; _background-image:url(/9669/statics/v2/index/new_img/tips.gif); height:24px; margin-left:-5px;_margin-left:-21px; padding:10px 0 10px 68px; _width:278px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.news-list li:hover { background-position: -281px -44px;}
.news-list .tag { background-color:#eee; border:1px solid #e5e5e5; position:absolute; left:16px; top:10px; font-size:12px; color:#666;/* margin-left:-52px;*/ width:38px; height:21px; line-height:21px; text-align:center; }
.news-list .tag:hover, .news-list li:hover .tag{ background-color:#f60; border-color:#f60; color:#fff; }
.news-list li:hover a{ color:#f60; }
.last-list{ margin-right:0; }
/*w370*/
.w370{ width:330px; padding:0 19px; border:1px solid #e5e5e5; float:right; position:relative; }
.w370 .line1,.w370 .line2,.w370 .line3,.w370 .line4{ /*background:#1faae9;*/ position:absolute; top:0; display:block; overflow:hidden; }
.w370 .line1{ width:21px; height:2px; position:absolute; left:-1px; top:-1px; }
.w370 .line2{ width:2px; height:19px; position:absolute; left:-1px; top:1px; }
.w370 .line3{ width:21px; height:2px; position:absolute; right:-1px; top:-1px; }
.w370 .line4{ width:2px; height:19px; position:absolute; right:-1px; top:1px; }
.hd-bar { padding-top:15px; height:38px; width:332px; }
.hd-bar li{ float:left; background:#e0e0e0; margin-right:2px; font-size:18px; cursor:pointer; height:38px; line-height:38px; width:164px; text-align:center; position:relative; _overflow:hidden; }
.hd-bar li.curr{ background-color:#f60; color:#fff; }
.hd-bar li i{ display:none; width:11px; height:6px; background:url(/9669/statics/v2/index/new_img/icon1.gif) no-repeat -6px -52px; margin:0 auto; overflow:hidden;}
.hd-bar li.curr i{ display:block; }
.sheet-con{ display:none; }
.sheet-con .list_hd{ height:42px; line-height:42px; font-size:14px; border-bottom:1px solid #eee; }
.sheet-con .time{ float:left; padding-right:22px; text-align:center; width:40px; }
.sheet-con .name{ float:left; padding-right:20px; width:112px; }
.sheet-con .statius{ float:left; padding-right:20px; width:78px; text-align:center; }
.sheet-con .gift{ float:right; width:32px; text-align:center; }
.sheet-con ul{ width:100%; overflow:hidden; }
.sheet-con ul li{ float:left; width:100%; height:50px; line-height:50px; border-bottom:1px dashed #e3e3e3; color:#999; font-size:14px; overflow:hidden; }
.sheet-con ul li:hover .name a{ position:relative; left:1px; top:1px; color:#f60; }
.sheet-con ul li .gift-b{ background:url(/liaowan/statics/v3/images/tips_index.png) no-repeat 0 -310px; display:block; height:23px; width:23px; margin:14px auto 14px; overflow:hidden; }
.sheet-con ul li .gift-b:hover{ background-position:0 -343px; }
.seeMore { text-align:center; height:42px; line-height:42px; }
.seeMore a{ font-size:16px; color:#666; }
.seeMore a:hover{ color:#f60; }
/*广告推荐位*/
.mod_class{ height:170px; }
.mod_class ul{ width:101%; height:170px; overflow:hidden; }
.mod_class ul li{ float:left; height:300px; margin-right:2px; overflow: hidden; position: relative; transition: width 0.6s ease 0s; width:50px; }
.new-game .class_item{ position:absolute; display:inline-block; font-size:16px; padding:10px 13px 40px; width:24px; height:120px; line-height:20px; text-align:center; background:#fff; overflow:hidden; }
.new-game .class_item span{ position:absolute; left:0; width:50px; bottom:0; background:#e5e5e5; height:36px; line-height:36px; font-size:20px; font-family:Arial; }
.new-game .class_item:hover, .new-game .class_item:hover span, .new-game li.active .class_item, .new-game li.active .class_item span{ background:#1faae9; color:#fff; }
.new-game img.class_item_show{ width:784px; height:170px; margin-left:52px; }
.new-game .active { width:836px }


/*****产业频道*******/
/*grid*/
.row { overflow: hidden; zoom: 1; }
.grid { padding-top:0px; }
.title { height: 32px; overflow: hidden; margin-bottom:18px; }
.title span{line-height: 32px; font-size:24px; font-weight:700;}
.title i { /*display: inline-block; vertical-align: -4px; *vertical-align: -1px;
background: url("/72g/templates/72g/index/images/sprite.png") no-repeat;*/ }
.title a { float: right; /*line-height: 60px;*/ color: #999; }
.title a:hover { color: #f60; }

/*
.title i.icon-more { width: 19px; height: 19px; background-position: -60px -120px; margin-left: 6px; }
.title a:hover .icon-more { background-position: -90px -120px; }
.title i.icon-game { float: left; width: 30px; height: 21px; background-position: right 0; margin: 18px 9px 16px 0; }
.title i.icon-zone { float: left; width: 26px; height: 26px; background-position: right -30px; margin: 15px 9px 14px 0; }
.title i.icon-industry { float: left; width: 31px; height: 26px; background-position: right -60px; margin: 15px 9px 14px 0; }
.title i.icon-bagua { float: left; width: 28px; height: 21px; background-position: right -90px; margin: 18px 9px 16px 0; }
.title i.icon-rank { float: left; width: 24px; height: 24px; background-position: right -120px; margin: 17px 9px 14px 0; }*/
.title span { float: left;  color: #333;/*line-height: 55px; font-size:22px; font-weight:700;*/ }
.title span strong { color: #fd7317; }
.title .titcid {float:right; font-size:16px; font-weight:400; padding-right:75px;}
.title .titcid a{float:left; padding:0; color:#333;}
.title .titcid a:hover{ color:#F63;}
.title .titcid a i{ padding:0 17px; color:#ddd;}
.title .titcid a i:hover{ color:#ddd;}

.title ul{ list-style:none; float:right;}
.title ul li{ float:left; height:16px; line-height:none; margin-top:8px;padding:0 10px; border-right:#CCC 0px solid; overflow:hidden;}
.title ul li i{ padding:0 20px;}


.title ul li:last-child{ border-right:none;}
.title ul li a{ color:#333; line-height:16px;  }

.index_zt{width:1200px; background:#FFF; padding-bottom: 5px;}
.index_zt .more{float:right; padding-right:20px; margin-top:20px}
.index_zt h2{height: 32px; line-height: 32px; font-size: 24px; font-weight:700;float:left;}
.index_zt .ztcid{padding-left:80px; height:18px; line-height:65px; margin-top:25px; overflow:hidden; position:relative;}
.index_zt .ztcid a{ font-size:16px; color:#333;}
.index_zt .ztcid a:hover{color:#F73;}
.index_zt .ztcid i{ color:#999; padding:0 16px;}

.industry-buzz { float: left; width: 360px; margin-right:20px; }
.industry-ad { width: 360px; height: 115px; display: block; }
.s-title { height: 22px; line-height: 22px; padding: 0 0 20px 0; overflow: hidden; }
.s-title span { float: left; font-size: 18px; color: #333; }
.s-title i.icon-more { width: 19px; height: 19px; display: inline-block; vertical-align: -4px; *vertical-align: -1px;
background: url("/72g/templates/72g/index/images/sprite.png") -60px -120px no-repeat; margin-left: 6px; }
.s-title a { float: right; color: #999; }
.s-title a:hover { color: #f60; }
.s-title a:hover .icon-more { background-position: -90px -120px; }
.img-two { height: 130px; overflow: hidden; padding-top: 20px; }
.img-two ul { margin-left: -20px; margin-top: -20px; zoom: 1; overflow: hidden; }
.img-two li { float: left; margin-left: 20px; margin-top: 20px; display: inline; }
.img-two li a { width: 220px; height: 130px; display: block; position: relative; overflow: hidden; }
.img-two li a img { width: 220px; height: 130px; transition: all .3s ease; }
.img-two li a:hover img { transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); }
.img-two li a span, .img-news a span { width: 100%; height: 28px; display: block; line-height: 28px; text-align: center; color: #fff; background: url("/72g/templates/72g/index/images/mask_28.png") repeat; position: absolute; left: 0; bottom: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.img-two li a:hover span { color: #f60; }


.interview { float: left; width: 360px; margin-left: 20px; display: inline; }
.bulletin { float: right; width: 360px; }
.ib-list ul { padding: 15px 0 13px; }
.entertainment { width: 1160px; height: 424px; overflow: hidden; position: relative; }
.entertainment a { display: block; position: absolute; background: #b1b1b1; overflow: hidden; }
.entertainment a span { width: 100%; height: 18px; padding: 52px 0 20px; font-size: 18px; font-weight: bold; line-height: 18px; color: #fff; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: url("/72g/templates/72g/index/images/mask_90.png") repeat-x; position: absolute; bottom: -90px; left: 0; transition: all .3s ease; }
.entertainment a:hover span { bottom: 0; }
.entertainment a.e1 { width: 378px; height: 180px; top: 0; left: 0; }
.entertainment a.e2, .entertainment a.e3 { width: 188px; height: 242px; top: 182px; }
.entertainment a.e2 { left: 0; }
.entertainment a.e3 { left: 190px; }
.entertainment a.e4 { width: 360px; height: 424px; top: 0; left: 380px; }
.entertainment a.e7 { width: 418px; height: 140px; top: 142px; right: 0; }
.entertainment a.e5, .entertainment a.e6, .entertainment a.e8, .entertainment a.e9 { width: 208px; height: 140px; }
.entertainment a.e5, .entertainment a.e6 { top: 0; }
.entertainment a.e8, .entertainment a.e9 { top: 284px; }
.entertainment a.e6, .entertainment a.e9 { right: 0; }
.entertainment a.e5, .entertainment a.e8 { right: 210px; }
.game-strategy .img-two, .industry-buzz .img-two { padding: 0; height: 115px; }
.interview .img-two { padding: 0; height: 270px; }
.game-strategy .img-two li a, .game-strategy .img-two li a img, .industry-buzz .img-two li a, .industry-buzz .img-two li a img, .interview .img-two li a, .interview .img-two li a img { width: 170px; height: 115px; }

.common-list li { height: 32px; line-height: 32px; overflow: hidden; padding-left: 14px; background: url("/72g/templates/72g/index/images/li_arrow.gif") 0 15px no-repeat; transition: all .1s ease-in; vertical-align: middle; }
.common-list li:hover { background-position: 5px 12px; }
.common-list li a { float: left; width: 85%; font-size: 14px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .3s ease; }
.common-list li a:hover { color: #f60; text-decoration: underline; }
.common-list li em { float: right; color: #999; font-size: 14px;}

.libao_box{height:auto; overflow:hidden; width: 295px;}
.libao_box .color_menu{height:88px; width:295px; margin-bottom:10px;}
.libao_box .color_menu a:hover{text-decoration:none;}
.libao_box .color_menu .rmhd{display:block; text-align:center; height:88px; width:88px; line-height:88px; font-size:16px; background:url(/liaowan/statics/v3/images/color_rmhd.jpg) no-repeat 0 0 scroll; color:#FFF; float:left; margin-right:15px;}
.libao_box .color_menu .dsyx{display:block; text-align:center; height:88px; width:88px; line-height:88px; font-size:16px; background:url(/liaowan/statics/v3/images/color_dsyx_88.jpg) no-repeat 0 0 scroll; color:#FFF; float:left; margin-right:15px; position:relative;}
.libao_box .color_menu .yxhz{display:block; text-align:center; height:88px; width:88px; line-height:88px; font-size:16px; background:url(/liaowan/statics/v3/images/color_yxhz_88.jpg) no-repeat 0 0 scroll; color:#FFF; float:left;
position:relative;}
.libao_box .color_menu em{position:relative; top:28px;}
.libao_box .color_menu .app_assistant{display:block; text-align:center; height:88px; width:88px; line-height:88px; font-size:16px; background:url(/liaowan/statics/v3/images/color_azzs_88.jpg) no-repeat 0 0 scroll; color:#FFF; float:left; margin-right:15px; overflow:hidden; position:relative; }
.libao_box .color_menu .appcode{ display:block; width:88px; height:88px; background-color:#22ABD9; position:absolute; top:-88px; left:0; -moz-transition:all 0.2s ease-in 0s; -ms-transition:all 0.2s ease-in 0s; -o-transition:all 0.2s ease-in 0s; -webkit-transition:all 0.2s ease-in 0s; transition:all 0.2s ease-in 0s; }
.libao_box .color_menu .appcode img{ display:block; width:68px; height:68px; border:1px solid #fff; margin:10px auto 0; }
.libao_box .color_menu .app_assistant:hover .appcode{ position:absolute; top:0;}

.libao_list{overflow:hidden; position:relative;}
.libao_list .tab_hd{ overflow:hidden;  height:55px; }
.libao_list .tab_bd{ overflow:hidden; height:auto; }

.libao_list .tabTitle li { float:left; height:50px; _height:50px; width:98px; line-height:50px; font-size:18px; border-bottom:5px solid #515151; text-align:center;  cursor:pointer; }
.libao_list .tabTitle li span { float:left; height:50px; margin:0 auto; width:98px; }
.libao_list .tabTitle li.tab_2 { font-weight:700; background-color:#fff;  height:50px; line-height:50px; border-bottom:5px solid #fd7219; margin:0 auto; width:98px;}
.libao_list .tabTitle li.tab_2 span { }

.libao_app{position:relative; width:295px; height:106px; *height:100px;}
.libao_app img{position:absolute; left:20px; top:15px; height:90px; width:90px; border-radius:16px; display:block;}
.libao_app .title{position:absolute; left:126px; top:15px; height:28px; line-height:28px; width:300px; overflow:hidden; font-size:18px;}
.libao_app .title:hover{color:#F00;}
.libao_app .date{position:absolute; left:126px; top:53px; height:25px; line-height:25px; width:180px; overflow:hidden; color:#828282;}
.libao_app .date em{width:76px; height:25px; background-position:0 -90px; display:block; float:left; color:#FFF; padding-left:12px;}
.libao_app .total{position:absolute; left:126px; top:83px; height:20px; line-height:20px; width:180px; overflow:hidden; color:#fd7219;}
.libao_app .libao_down{position:absolute; right:20px; top:43px; height:40px; line-height:40px; width:107px; text-align:center; background:#0ea1f6; font-size:16px; display:block; color:#FFF;}
.libao_app .libao_down:hover{color:#FFF; background:#ff8c10; text-decoration:none;}

/*星级*/
.star_small {width:75px;height:19px;vertical-align:middle;display:inline-block;background:url(/liaowan/statics/v3/images/stars.png) no-repeat;}
.star1{background-position:-60px -42px;}
.star2{background-position:-45px -42px;}
.star3{background-position:-30px -42px;}
.star4{background-position:-15px -42px;}
.star5{background-position:0 -42px;}
/*星级2*/
.and_stars {width:88px;height:15px;vertical-align:middle;display:inline-block;background:url(/liaowan/statics/v3/images/stars.png) no-repeat;}
.and_star1{background-position:-72px -71px;}
.and_star2{background-position:-54px -71px;}
.and_star3{background-position:-36px -71px;}
.and_star4{background-position:-18px -71px;}
.and_star5{background-position:0 -71px;}


.expect_app{position:relative; width:295px; height:96px; *height:100px;}
.expect_app img{position:absolute; left:5px; top:15px; height:60px; width:60px; border-radius:16px; display:block;}
.expect_app .title{position:absolute; left:80px; top:10px; height:28px; line-height:28px; width:130px; overflow:hidden; font-size:16px;}
.expect_app .title:hover{color:#F00;}
.expect_app .score{position:absolute; left:80px; top:42px; height:20px; line-height:20px; width:120px; overflow:hidden; color:#828282;}
.expect_app .category{position:absolute; left:80px; top:62px; height:20px; line-height:20px; width:120px; overflow:hidden; color:#828282; font-size:14px;}
.expect_app .expect_tip{position:absolute; right:20px; top:20px; height:60px; line-height:33px; width:60px; text-align:center; background-position: 0 0; display:block;}
.vtips {background:url(/liaowan/statics/v3/images/tips_a.png) no-repeat 0 0;float:left;display:inline;overflow:hidden;}
.title_bg{background:url(/liaowan/statics/v3/images/title_bg.png) no-repeat;float:left;display:inline;overflow:hidden;}
.submit_bg {background:url(/liaowan/statics/v3/images/submit_btn.png) no-repeat;float:left;display:inline;overflow:hidden;}

.week_commend {height: auto;overflow: hidden;padding:15px 10px 0 10px;}
.week_commend ul {width: 295px;}
.week_commend li {display: inline;float: left;height: 113px;margin: 10px 15px 0 0; padding:4px 0;overflow: hidden;position: relative;width: 80px;}
.week_commend .item-cont {display: block;height:123px;padding: 10px 10px 0;text-align: center;}
.week_commend .item-cont img {margin-bottom: 10px; height:60px; width:60px; border-radius:16px;}
.week_commend .item-cont .item-txt {font-size: 14px;height: 23px;line-height: 23px;overflow: hidden;text-align: center;}
.week_commend .down-link {background-color: #0ea1f6;border-radius: 2px;color: #fff;display: none;height: 23px;line-height: 23px;margin: 0 auto;width: 60px; font-size:12px;}
.week_commend .item-cont:hover {background-color: #f6f6f6;text-decoration: none;}
.week_commend .item-cont:hover .item-txt {display: none;}
.week_commend .item-cont:hover .down-link {display: block;}