
/**
*** Copyright (c) Doyoe.com All rights reserved.
*** Doyoe's CSS grids
*** Version: 1.0.0
*** Author Joy Du(飘零雾雨)
*** Edit at 2012.2.1
*** 可用宽度950px，为了布局方便，边界左右两侧的5px间隔不去除，布局宽度960
*** (出现在页面上的宽度总是布局宽度减去10px，如布局宽度是960，页面上可用宽度为950px)
*** 960 = 30 * 24 + 5 * 2 * 24
*** 950 = 30 * 24 + 5 * 2 * 24 - 5 * 2
*** 支持960(24列), 920(23列), 880(22列), 840(21列), 800(20列), 760(19列), 720(18列) 共7种宽度
**/
.container24, .container23, .container22, .container21, .container20, .container19, .container18 {
	zoom: 1;
	margin-right: auto;
	margin-left: auto
}
.container24 {
	width: 1000px;border:1px solid #dadada;padding-top:5px;padding-bottom:5px;
}
.container23 {
	width: 920px
}
.container22 {
	width: 880px
}
.container21 {
	width: 840px
}
.container20 {
	width: 800px
}
.container19 {
	width: 760px
}
.container18 {
	width: 720px
}
.row {
	zoom: 1;
	clear: both
}
.span1 {
	width: 30px
}
.span2 {
	width: 70px
}
.span3 {
	width: 110px
}
.span4 {
	width: 150px
}
.span5 {
	width: 190px;height:500px;
}
.span6 {
	width: 230px
}
.span7 {
	width: 270px
}
.span8 {
	width: 310px
}
.span9 {
	width: 350px
}
.span10 {
	width: 390px
}
.span11 {
	width: 430px
}
.span12 {
	width: 470px
}
.span13 {
	width: 510px
}
.span14 {
	width: 550px
}
.span15 {
	width: 590px
}
.span16 {
	width: 630px
}
.span17 {
	width: 670px
}
.span18 {
	width: 710px
}
.span19 {
	width: 750px
}
.span20 {
	width: 790px
}
.span21 {
	width: 830px
}
.span22 {
	width: 870px
}
.span23 {
	width: 910px
}
.span24 {
	width: 950px
}
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12, .span13, .span14, .span15, .span16, .span17, .span18, .span19, .span20, .span21, .span22, .span23, .span24 {
	display: inline;
	float: left;
	margin-right: 5px;
	margin-left: 5px
}
.container24:after, .container23:after, .container22:after, .container21:after, .container20:after, .container19:after, .container18:after, .row:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: ''
}



.hidden {
	display:none!important;
}





#bd {
	background: url(../images/t01e248832dab2e8bbe.png) 5px 0 repeat-y;
	margin-top: 20px
}
#bd a {
	color: #2a7ec4
}
#bd a:hover {
	color: #f00;
	text-decoration: underline
}
.g-areatit {
	padding: 22px 0 10px 0;
	border-bottom: 1px solid #dfdfdf;
	color: #333;
	font:14px/30px "微软雅黑";font-weight:bold;
}
.g-highlight {
	color: #f00
}
input, textarea {
	outline: 0
}
#subnav {
	margin: 0 40px 0 0;
	padding: 20px 0;
	background: #fafafa
}
#subnav li {
	overflow: hidden;
	height: 25px;
	padding-bottom: 10px;
	font-size: 12px;
	line-height: 25px;border-bottom:1px solid #eaeaea;
}
#subnav li a {
	display: block;
	padding-left: 40px;
	color: #666;font:14px/30px "微软雅黑";
}
#subnav .on a, .p-about #subnav .about a, .p-url #subnav .url a, .p-cooperation #subnav .cooperation a, .p-feedback #subnav .feedback a, .p-repair #subnav .repair a {
	background: #2a7ec4;
	color: #fff
}

#subnav h2 {
	font-weight: normal
}
#about-us {
	margin-top: 0
}
#about-us .about-us-hd {
	display: none
}
#about-us .cont {
	overflow: hidden;
	padding: 15px 0;
	color: #666
}
#about-us .cont .w_input {width:300px;border:1px solid #999;line-height:12px;padding:10px;}
#about-us .cont .s_input {
	background-color: #b72c06;border:none;font-weight:bold;
	width: 80px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	display: inline-block;
	color: #fff;
	font-size: 12px;cursor: hand;
}
#about-us .cont .show_ry {padding-left:15px;}
#about-us .cont .txt {
	text-indent: 2em;
	line-height: 2.4
}
#about-us .cont .newslist {
	padding: 10px 0 0 1.8em
}
#about-us .cont .newslist li {
	height: 28px;
	padding-left: 14px;
	background: url(../images/t017ab68ffa7f701a11.png) no-repeat 0 12px;
	line-height: 28px
}
#about-us .cont .newslist span {
	font-size: 14px;
	font-family: simsun
}
#about-us .cont .logo-url {
	margin-left: 1.5em
}
#about-us .cont .dolist a {
	display: inline;
	float: left;
	overflow: hidden;
	margin: 11px 30px 11px 20px;
	width: 200px;
	height: 36px;
	color: #666
}
#about-us .cont .dolist a:hover {
	color: #f00;
	text-decoration: none
}
#about-us .cont .dolist li {
	padding-left: 48px;
	overflow: hidden;
*zoom:1;
	background: url(../images/t017ab68ffa7f701a11.png) no-repeat
}
#about-us .cont .dolist .online {
	background-position: 0 -14px
}
#about-us .cont .dolist .movie {
	background-position: 0 -130px
}
#about-us .cont .dolist .tv {
	background-position: 0 -245px
}
#about-us .cont .dolist .music {
	background-position: 0 -52px
}
#about-us .cont .dolist .news {
	background-position: 0 -170px
}
#about-us .cont .dolist .joke {
	background-position: 0 -282px
}
#about-us .cont .dolist .group {
	background-position: 0 -90px
}
#about-us .cont .dolist .game {
	background-position: 0 -206px
}
#about-us .cont .dolist .shop {
	background-position: 0 -320px
}
#about-us .cont .contactlist {
	margin-top: -16px
}
#about-us .cont .contactlist li {
	display: inline;
	float: left;
	overflow: hidden;
	width: 220px;
	height: 70px;
	margin: 22px 15px 0
}
#about-us .cont .contactlist h4 {
	padding-bottom: 5px
}
#about-us .cont .contactlist p {
	overflow: hidden;
	height: 21px;
	padding-left: 14px;
	white-space: nowrap;
	background: url(../images/t017ab68ffa7f701a11.png) no-repeat 0 10px;
	line-height: 21px
}
#cooperation {
	margin-top: 0;
	padding-bottom: 10px
}
#cooperation img {
	margin-bottom: 20px
}
#cooperation .txt {
	color: #666;
	text-indent: 2em;
	line-height: 2.4
}
#cooperation .subtit {
	padding: 30px 0 10px
}
#cooperation .contactlist li {
	height: 28px;
	padding-left: 14px;
	background: url(../images/t017ab68ffa7f701a11.png) no-repeat 0 12px;
	color: #666;
	line-height: 28px
}
#cooperation .notelist li {
	height: 28px;
	color: #666;
	line-height: 28px
}
#repair {
	margin-top: 0;
	padding-bottom: 10px
}
#repair .repairlist .subtit {
	padding: 20px 0 10px
}
#repair .repairlist li li {
	color: #666;
	line-height: 28px
}
#repair .note {
	padding-top: 30px;
	color: #666
}
#repair .note a {
	color: #f00
}
#feedback {
	margin-top: 0;
	font-family: simsun
}
#feedback .feedback-bd {
	font-size: 14px
}
#feedback .welcome {
	color: #999;
	height: 50px;
	line-height: 50px
}
#feedback .form .item {
	padding-bottom: 20px;
	font-size: 0
}
#feedback .form .tit, #feedback .form .txt, #feedback .form .tip {
	display: inline-block;
*display:inline;
*zoom:1;
	vertical-align: top;
	line-height: 28px;
	color: #666;
	font-size: 14px
}
#feedback .form .tit {
	font-weight: normal
}
#feedback .form .tip .adron {
	padding: 0 5px;
	color: #f00
}
#feedback .form .txt {
	padding: 0 5px;
	width: 440px;
	border: 1px solid #e5e5e5
}
#feedback .form .content .txt {
	height: 115px;
	resize: none;
	overflow: hidden
}
#feedback .form .contact .txt {
	height: 28px
}
#feedback .form .submit {
	margin-left: 70px;
	width: 102px;
	height: 32px;
	border: 0 none;
	color: #fff;
	cursor: pointer;
	background: url(../images/t011e3b38078863c6ce.png) no-repeat
}
#feedback .problem {
	line-height: 28px
}
#feedback .problem li {
	padding: 10px 0
}
#url {
	margin-top: 0;
	font-family: simsun
}
#url .url-bd, #url .url-bd input, #url .url-bd textarea {
	color: #666;
	line-height: 22px
}
#url .url-bd {
	padding-left: 20px
}
#url .subtit {
	margin-left: -20px;
	padding: 20px 0 10px;
	color: #333
}
#url .txt {
	padding: 0 5px
}
#url .step {
	padding: 15px 0 5px;
	margin-left: -20px;
	height: 26px;
	line-height: 26px;
	color: #333
}
#url .addlink p, #url .rule p {
	padding-left: 10px;
	background: url(../images/t017ab68ffa7f701a11.png) no-repeat 0 10px
}
#url .addlink .txt {
	margin: 4px 20px 15px 0;
	width: 455px;
	border: 1px solid #e3e9ef
}
#url .addlink .txtlink .txt {
	height: 26px
}
#url .addlink .imglink .txt {
	height: 60px;
	line-height: 16px;
	resize: none;
	overflow: hidden
}
#url .webinfo .explain {
	margin-bottom: 10px
}
#url .webinfo .item {
	padding: 10px 0
}
#url .webinfo .txt, #url .webinfo .tip {
	display: inline-block;
*display:inline;
*zoom:1;
	vertical-align: middle;
	color: #666
}
#url .webinfo .txt {
	margin-right: 5px;
	width: 210px;
	height: 22px;
	border: 1px solid #e2e3ea;
	border-color: #abadb3 #dbdfe6 #e3e9ef
}
#url .webinfo li {
	zoom: 1;
	overflow: hidden;
	padding: 8px 0
}
#url .webinfo .label {
	float: left;
	margin: 0
}
#url .webinfo li strong {
	float: left;
	width: 100px;
	font-weight: normal;
	font-size: 14px;
	text-align: right
}
#url .webinfo .tip {
	padding-left: 5px;
	color: #999
}
#url .webinfo label {
	margin-right: 10px
}
#url .webinfo .radio {
	margin-right: 5px;
	margin-top: -3px;
*margin-right:0
}
#url .webinfo .submit {
	margin-left: 100px;
	width: 72px;
	height: 32px;
	border: 0 none;
	color: #fff;
	cursor: pointer;
	background: url(../images/t017ce133dd3325cb4e.png) no-repeat
}
#url .webinfo .reset {
	font-size: 14px;
	margin-left: 15px;
	vertical-align: bottom;
	text-decoration: underline
}
#url .rule {
	line-height: 26px;
	padding-bottom: 10px
}
#copyright {
	border-top: 1px solid #dfdfdf
}

.cont{font-size:12px;}
.cont p{padding-bottom:24px;line-height:28px;word-wrap:break-word;word-break:normal;font:14px/30px "微软雅黑";}
.cont p a{text-decoration:underline;color:#005BAC;}
.cont p a:hover{color:#b50800;}

