@charset "utf-8";

/*---------------------------------
Site:u17.com
nameAuthor:zhyy
Updated:2014/4/11
Updated by:Name
---------------------------------*/
/***
z-index：
popMsg提示框——90
showmsg提示框：——80
Mask——60
顶部固定导航栏——50
顶部黄色提示框——51
banner——10
底部footer——50
回到顶部——52
*/
/*reset*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td {
	margin: 0;
	padding: 0
}

body,
button,
input,
select,
textarea {
	font: 12px/22px "宋体"
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 12px;
	font-weight: normal
}

address,
cite,
dfn,
em,
i {
	font-style: normal
}

blockquote,
q {
	quotes: none
}

ul,
ol {
	list-style: none;
}

a {
	color: #666;
	text-decoration: none;
	outline: none
}

a:hover {
	text-decoration: underline;
}

a.u {
	text-decoration: underline
}

fieldset,
img {
	border: none;
}

button,
input,
select,
textarea {
	font-size: 100%;
	/* 使得表单元素在 ie 下能继承字体大小 */
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
	overflow-y: scroll;
}

.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*basic*/
.fl {
	float: left
}

.fr {
	float: right
}

.cl {
	clear: both
}

.po_r {
	position: relative
}

.cf {
	*display: inline-block;
	*zoom: 1
}

.cf:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.fblack {
	color: #000
}

.f33 {
	color: #333
}

.f66 {
	color: #666
}

.f99 {
	color: #999 !important
}

.f_green {
	color: #58900d !important
}

.f_green2 {
	color: #10ad90
}

.red {
	color: #ff444f !important
}

.orange {
	color: #eca205 !important
}

.orange2 {
	color: #f80 !important
}

.blue {
	color: #379be9 !important
}

.purple {
	color: #8687ca !important
}

.f_arial {
	font-family: "Arial"
}

.fb {
	font-weight: bold !important
}

.f12 {
	font-size: 12px
}

.f14 {
	font-size: 14px
}

.f16 {
	font-size: 16px
}

.f13 {
	font-size: 13px;
}

.sp10,
.sp15,
.sp20 {
	clear: both;
	height: 10px;
	overflow: hidden
}

.sp15 {
	height: 15px
}

.sp20 {
	height: 20px
}

.mg_b_5 {
	margin-bottom: 5px
}

.pd_b_10 {
	padding-bottom: 10px
}

.pd_b_40 {
	padding-bottom: 40px
}

.txt_in2 {
	text-indent: 2em
}

.txt_left {
	text-align: left
}

.wrap {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.ico {
	background: url(../images/cs_ico.png) no-repeat;
	display: inline-block;
	vertical-align: text-bottom
}

.ico_geng {
	background-position: 0 -40px;
	width: 15px;
	height: 15px;
	*margin-right: 5px
}

.ico_vip {
	background-position: -15px -40px;
	width: 15px;
	height: 15px;
	*margin-right: 5px
}

.ico_end {
	background-position: 0 -60px;
	width: 14px;
	height: 16px
}

.ico_pay {
	background-position: -14px -60px;
	width: 16px;
	height: 16px
}

.ico_sign {
	background-position: 0 -80px;
	width: 16px;
	height: 15px
}

.ico_caiman {
	background-position: 0px -540px;
	width: 17px;
	height: 16px;
}

.ico_tiaoman {
	background-position: -22px -540px;
	width: 16px;
	height: 16px;
}

.ico_male {
	background-position: -19px -80px;
	width: 12px;
	height: 13px;
	margin-right: 3px
}

.ico_female {
	background-position: -19px -100px;
	width: 12px;
	height: 13px;
	margin-right: 3px
}

.ico_n {
	background-position: -14px -519px;
	width: 12px;
	height: 13px;
	margin-right: 3px
}

.ico_nosex {
	background-position: -25px -498px;
	width: 12px;
	height: 13px;
	margin-right: 3px
}

.ico_new {
	background-position: 0 -440px;
	width: 23px;
	height: 11px
}

.ico_noread {
	background-position: 0 -475px;
	width: 39px;
	height: 16px
}

::selection {
	background-color: #67a414;
	color: #fff;
}

::-moz-selection {
	background-color: #67a414;
	color: #fff;
}

/*顶部导航*/
#topbar {
	width: 100%;
	z-index: 50;
	height: 60px;
	line-height: 60px;
}

.topbar_con {
	/* background: url(../images/cs_topbar.png) repeat-x; */
	height: 60px;
	
}
.topbar_con a {
	font-size: 16px;
}
#topbar .left {
	float: left
}

#topbar .nav {
	background: url(../images/cs_topbar.png) no-repeat;
	padding: 0 16px 0 25px;
	float: left;
	height: 44px;
	font: 13px/44px "Microsoft Yahei"
}

#topbar .left .nav {
	background: url(../images/cs_topbar.png) no-repeat;
	padding: 0 16px 0 25px;
	float: left;
	height: 44px;
	font: 14px/44px "Microsoft Yahei"
}

#topbar .pop_on .nav {
	text-decoration: none;
	color: #fff !important;
	background-color: #5c5c5c
}

#topbar .nav em {
	position: absolute;
	z-index: 10;
	right: 5px;
	top: 21px;
	border-color: #9f9f9f transparent transparent;
	border-style: solid dashed dashed;
	border-width: 3px 3px 0;
	font-size: 0;
	height: 0;
	width: 0;
	line-height: 0;
}

#topbar .pop_on .nav em {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all .25s ease 0s;
	-moz-transition: all .25s ease 0s;
	-o-transition: all .25s ease 0s;
	transition: all .25s ease 0s;
}

#topbar .pop_on q {
	color: #5c5c5c
}

#topbar .pop_wrap {
	position: relative;
	float: left;
	margin-right: 12px;

}

#topbar .pop_box {
	position: absolute;
	left: 0;
	top: 47px;
	padding-top: 6px;
	display: none
}

#topbar .left .nav_index {
	background-position: 10px -592px;
	padding: 0 16px 0 29px;
	color: #11cd6e;
}

#topbar .left .pop_on .nav_index {
	background-position: 10px -660px;
	border-bottom: 3px solid #11cd6e;
	color: #fff;
}

#topbar .left .nav_mail {
	background-position: 10px -725px;
	padding: 0 13px 0 33px;
	color: #df6f93;
}

#topbar .left .pop_on .nav_mail {
	background-position: 10px -784px;
	border-bottom: 3px solid #ff4ea4;
	color: #fff;
}

#topbar .left .nav_app {
	background-position: 5px -47px;
	color: #11cd6e
}

#topbar .left .pop_on .nav_app {
	background-position: 5px -82px;
	border-bottom: 3px solid #3aceb2
}

#topbar .left .nav_novel {
	background-position: 5px -117px;
	color: #3ea2e6
}

#topbar .left .nav_app {
	background-position: 2px -85px;
}

#topbar .left .pop_on .nav_app {
	background-position: 2px -133px;
}

#topbar .left .nav_novel {
	background-position: 5px -117px;
}

#topbar .left .nav_app {
	background-position: 5px -47px;
	color: #11cd6e
}

#topbar .left .pop_on .nav_app {
	background-position: 5px -82px;
	border-bottom: 3px solid #3aceb2
}

#topbar .left .nav_novel {
	background-position: 5px -117px;
	color: #3ea2e6
}

#topbar .left .pop_on .nav_novel {
	background-position: 5px -152px;
	border-bottom: 3px solid #3ea2e6
}

#topbar .left .nav_uxiong {
	background-position: 5px -187px;
	color: #d5882e
}

#topbar .left .pop_on .nav_uxiong {
	background-position: 5px -222px;
	border-bottom: 3px solid #d5882e
}

#topbar .left .nav_mall {
	background-position: 2px -257px;
	color: #e14f8a
}

#topbar .left .pop_on .nav_mall {
	background-position: 2px -292px;
	border-bottom: 3px solid #e14f8a
}

#topbar .left .nav_game {
	background-position: 4px -327px;
	color: #11cd6e
}

#topbar .left .pop_on .nav_game {
	background-position: 4px -362px;
	border-bottom: 3px solid #ff5c5f
}

#topbar .left .nav_mowan {
	color: #ff8177;
	background-position: 0 -461px;
	padding-left: 33px;
}

#topbar .left .nav_mowan:hover {
	background-position: 0 -523px;
	color: #fa5d50;
	text-decoration: none;
}

/*导航下拉效果*/
#topbar .pop_on .pop_box {
	display: block !important;
	-webkit-animation: pop_fadein .5s alternate ease-in-out;
	-moz-animation: pop_fadein .5s alternate linear;
	-ms-animation: pop_fadein .5s alternate linear;
	animation: pop_fadein .5s alternate ease-in-out;
}

@-webkit-keyframes pop_fadein {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		-webkit-transform: translateY(0px);
	}

	80% {
		-webkit-transform: translateY(-2px);
	}

	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes pop_fadein {
	0% {
		opacity: 0;
		-moz-transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		-moz-transform: translateY(0px);
	}

	80% {
		-moz-transform: translateY(-2px);
	}

	100% {
		-moz-transform: translateY(0);
	}
}

@-ms-keyframes pop_fadein {
	0% {
		opacity: 0;
		-ms-transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		-ms-transform: translateY(0px);
	}

	80% {
		-ms-transform: translateY(-2px);
	}

	100% {
		-ms-transform: translateY(0);
	}
}

@keyframes pop_fadein {
	0% {
		opacity: 0;
		transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		transform: translateY(0px);
	}

	80% {
		transform: translateY(-2px);
	}

	100% {
		transform: translateY(0);
	}
}

/*下拉*/
#topbar .pop_box_con,
#brand .pop_box {
	border: 1px solid #5c5c5c;
	-webkit-box-shadow: 2px 3px #818181;
	box-shadow: 2px 3px #818181;
	padding: 8px 0;
	background: #fff
}

/*手机版*/
#topbar .app_pop .last span,
#topbar .usercenter_pop .last span,
#topbar .more_pop .last {
	border-bottom: none
}

#topbar .app_pop .last a:hover span,
#topbar .usercenter_pop .last a:hover span {
	padding-bottom: 0
}

#topbar .app_pop {
	width: 105px;
	text-align: center;
	padding: 3px 0;
}

#topbar .app_pop .bgleft {
	position: absolute;
	left: -51px;
	bottom: 5px;
}

#topbar .app_pop img {
	vertical-align: top;
}

#topbar .uxiong_pop {
	width: 135px
}

#topbar .app_pop li,
#topbar .uxiong_pop li,
#topbar .notice_pop li,
#topbar .usercenter_pop li {
	float: left;
	width: 100%
}

#topbar .app_pop li a,
#topbar .notice_pop li a,
#topbar .usercenter_pop li a {
	padding: 0 8px;
	display: block;
	position: relative;
	_zoom: 1;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in
}

#topbar .app_pop li a {
	padding: 0 6px;
}

#topbar .app_pop li a span,
#topbar .notice_pop li span,
#topbar .usercenter_pop li span {
	border-bottom: 1px dashed #dcdddd;
	display: block;
	cursor: pointer;
	height: 31px;
	color: #333;
	font: 13px/31px "Tahoma"
}

#topbar .app_pop li a span i,
#topbar .uxiong_pop span {
	background: url(../images/cs_topbar_pop.jpg) no-repeat
}

#topbar .app_pop li a span i {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 4px 3px;
	vertical-align: middle
}

#topbar .app_pop li a:hover,
#topbar .notice_pop a:hover,
#topbar .usercenter_pop a:hover {
	text-decoration: none;
	background: #f2f2f2;
	margin-top: -1px;
	padding-top: 1px
}

#topbar .app_pop li a:hover span,
#topbar .notice_pop a:hover span {
	border-bottom: none;
	padding-bottom: 1px
}

#topbar .app_pop li .a2 i {
	background-position: -25px 0
}

#topbar .app_pop li .a3 i {
	background-position: -50px 0
}

#topbar .app_pop li .a4 i {
	background-position: -75px 0
}

/*有熊*/
#topbar .uxiong_pop span {
	display: block;
	width: 115px;
	height: 46px;
	margin: 8px 0;
	cursor: pointer
}

#topbar .uxiong_pop a {
	display: block;
	width: 115px;
	margin: 0 auto;
	border-bottom: 1px dashed #dcdddd
}

#topbar .uxiong_pop .x1 {
	background-position: 0 -25px
}

#topbar .uxiong_pop .x2 {
	background-position: 0 -71px
}

#topbar .uxiong_pop .x3 {
	background-position: 0 -117px
}

#topbar .uxiong_pop .last a {
	border-bottom: none
}

/*商城*/
#topbar .mall_pop {
	width: 495px;
	padding: 0
}

#topbar .mall_pop .left {
	float: left;
	padding: 10px 4px 10px 10px
}

#topbar .mall_pop .info {
	float: left;
	margin-right: 5px;
	width: 90px;
	height: 175px;
	padding: 6px;
	border: 1px solid #fff;
	line-height: 18px;
	color: #999;
	text-align: center
}

#topbar .mall_pop .info:hover {
	background: #f2f2f2;
	border-color: #e14f8a;
	text-decoration: none
}

#topbar .mall_pop .info img {
	border: 1px solid #cdcdcd;
	display: block;
	width: 88px;
	height: 88px
}

#topbar .mall_pop .info p {
	color: #333;
	padding: 4px 0
}

#topbar .mall_pop .info em {
	color: #ff0087;
	font-family: "Arial"
}

#topbar .mall_pop .info i {
	display: block;
	width: 48px;
	height: 16px;
	line-height: 14px;
	border: 1px solid #4f91c7;
	color: #fff;
	background: #47b3ff;
	margin: 2px auto
}

#topbar .mall_pop .right {
	float: left;
	border-left: 1px solid #c7cacf;
	padding: 17px 0 0 12px;
	height: 192px
}

#topbar .mall_pop .right .btn {
	background: url(../images/cs_topbar_pop.jpg) no-repeat 0 -163px;
	display: block;
	width: 128px;
	height: 38px;
	margin-bottom: 12px;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in
}

#topbar .mall_pop .right .btn:hover,
#topbar .game_pop .btn1:hover,
#topbar .game_pop .btn2:hover {
	opacity: 0.85;
	filter: alpha(opacity=85)
}

#topbar .mall_pop .right img {
	display: block;
	border: 1px solid #e35d93;
	width: 130px;
	height: 128px
}

/*游戏*/
#topbar .game_pop {
	padding: 0;
	width: 440px;
	height: 252px;
	color: #333;
	font-family: "microsoft yahei"
}

#topbar .game_pop .gp_title {
	position: absolute;
	width: 73px;
	height: 24px;
	background: url(../images/game_title_bg.png);
	left: -6px;
	top: 2px;
	line-height: 24px;
	color: #fff;
	padding-left: 12px;
}

#topbar .game_pop .gp_left {
	float: left;
	position: relative;
	width: 265px;
	height: 219px;
	padding-top: 31px;
	background: url(../images/gp_border.jpg) right center no-repeat;
}

#topbar .game_pop .gp_left .gpl_top {
	width: 220px;
	margin-left: 18px;
	line-height: 24px;
}

#topbar .game_pop .gp_left .gpl_top img {
	width: 220px;
	display: block;
	height: 110px;
}

#topbar .game_pop .gp_left .gpl_bot {
	width: 100%;
	margin-top: 3px;
	margin-left: 18px;
}

#topbar .game_pop .gp_left .gpl_bot li {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 19px;
	text-align: center;
}

#topbar .game_pop .gp_left .gpl_bot li img {
	width: 60px;
	height: 60px;
	display: block;
	border-radius: 6px;
}

#topbar .game_pop .gp_right {
	float: left;
	position: relative;
	z-index: 2;
	width: 175px;
	height: 234px;
	padding-top: 32px;
}

.gp_right .gpr_section {
	display: block;
	height: 34px;
	line-height: 34px;
	color: #333;
	padding-left: 15px;
	width: 160px;
	vertical-align: middle;
}

.gp_right .gpr_section i {
	display: inline-block;
	color: #fff;
	background-color: #ff9c09;
	height: 14px;
	line-height: 14px;
	padding: 0px 4px;
	border-radius: 7px;
	margin-left: 4px;
}

.gp_right .gpr_section span {
	display: inline-block;
	height: 14px;
	line-height: 14px;
}

.gp_right .gpr_section:hover {
	background-color: #eeeeee;
	color: #6aae21;
}



#topbar .fr .nav {
	line-height: 44px;
	padding: 0 22px 0 14px;
	float: left;
	background-image: none;
}

#topbar .fr .nav em {
	right: 9px
}

#topbar .fr .nav q {
	position: absolute;
	top: 0;
	right: -1px
}

/*通知*/
#topbar .notice_pop {
	width: 118px
}

#topbar .notice_pop i {
	float: left;
	width: 75px;
	padding-left: 5px
}

#topbar .notice_pop em {
	color: #ff585d;
	font-weight: bold;
	float: left;
	font-family: "Arial"
}

#topbar .clock {
	width: 25px;
	height: 25px;
	background: url(../images/clock.gif) no-repeat;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 8px;
}

#topbar .fr .pop_on .nav i {
	display: none
}

#topbar .fr .pop_box {
	padding-top: 9px;
	top: 44px;
	left: auto;
	right: 0
}

#topbar .notice_pop li span {
	font-family: "宋体";
	line-height: 32px
}

#topbar .fr .pop_wrap {
	margin: 0
}

/*书架下拉*/
#topbar .book_pop {
	width: 270px;
	padding: 0
}

#topbar .book_pop .tab_con {
	height: 430px;
	clear: both;
	width: 270px;
	overflow: hidden
}

#topbar .book_pop .tab a {
	float: left;
	width: 134px;
	height: 32px;
	border-bottom: 1px solid #d1d5de;
	background: #eff2f9;
	text-align: center
}

#topbar .book_pop .tab a i {
	font: 14px/32px "Microsoft Yahei";
	display: inline-block;
	cursor: pointer
}

#topbar .book_pop .tab .curr {
	background: #fff;
	text-decoration: none;
	border-bottom: none
}

#topbar .book_pop .tab .curr i {
	border-bottom: 3px solid #fa5603;
	color: #333;
	height: 31px
}

#topbar .book_pop .tab .curr .bor_green {
	border-color: #9cd12c
}

#topbar .book_pop .tab q {
	float: left;
	height: 33px;
	border-left: 1px solid #d1d5de;
	width: 0;
	overflow: hidden
}

#topbar .book_pop ul {
	padding-top: 12px;
	*padding-top: 0;
	*margin-top: 12px
}

#topbar .book_pop li {
	padding: 0 14px;
	line-height: 20px;
	cursor: pointer;
	height: 95px;
	float: left;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in
}

#topbar .book_pop li:hover {
	background: #f2f2f2
}

#topbar .book_pop li div {
	border-bottom: 1px dashed #c2c4c4;
	height: 80px;
	padding: 7px 0;
	float: left
}

#topbar .book_pop .fl img {
	display: block;
	width: 60px;
	height: 79px
}

#topbar .book_pop li p {
	float: left;
	padding-left: 14px;
	width: 168px
}

#topbar .book_pop .comic_name {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	display: inline-block;
	line-height: 26px
}

#topbar .book_pop .comic_name:hover {
	color: #6dad14;
}

#topbar .book_pop li p span {
	display: block;
	color: #6daf0f
}

#topbar .book_pop .chapter_name {
	display: inline-block
}

#topbar .book_pop .bot {
	line-height: 38px;
	height: 38px;
	padding: 0 14px
}

#topbar .book_pop .bot span {
	float: left;
	color: #999
}

#topbar .book_pop .bot span em {
	font-weight: bold;
	color: #ff585d;
	font-family: "Arial"
}

#topbar .book_pop .bot a {
	float: right;
	color: #39adff
}

#topbar #recent_store li p span {
	color: #ff585d
}

#recent_read .noread {
	background: url(../images/bg_noread.png) no-repeat center 55px;
	height: 420px
}

#recent_store .nostore {
	background: url(../images/bg_nostore.png) no-repeat 30px 52px;
	height: 420px
}

#recent_store .nostore a,
#recent_read .noread a {
	font-size: 14px;
	color: #666;
	text-decoration: underline;
	padding: 140px 0 0 39px;
	display: block;
	font-weight: bold;
}

#recent_store .nostore a:hover,
#recent_read .noread a:hover {
	color: #60a306;
}

/*个人中心*/
#topbar .usercenter_pop {
	width: 88px
}

#topbar .usercenter_pop li {
	text-align: center
}

/*更多*/
#topbar .more_pop {
	width: 268px;
	padding: 0 10px 10px
}

#topbar .more_pop h6 {
	font: 13px/24px "Microsoft Yahei";
	padding-top: 5px
}

#topbar .more_pop a {
	float: left;
	height: 20px;
	line-height: 20px;
	padding: 0 7px;
	color: #333;
	margin: 2px
}

#topbar .more_pop a:hover {
	color: #fff;
	text-decoration: none;
	border-radius: 2px;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in
}

#topbar .more_pop .con1 a:hover {
	background: #fa5603
}

#topbar .more_pop .con2 a:hover {
	background: #739f45
}

#topbar .more_pop .con3 a:hover {
	background: #52a0e5
}

#topbar .more_pop .con4 a:hover {
	background: #dfa934
}

#topbar .more_pop .con5 a:hover {
	background: #b97a53
}

#topbar .more_pop li {
	border-bottom: 1px dashed #dcdddd;
	padding-bottom: 5px;
	white-space: nowrap
}

#topbar .more_pop .con1 h6 {
	color: #fa5603
}

#topbar .more_pop .con2 h6 {
	color: #739f45
}

#topbar .more_pop .con3 h6 {
	color: #52a0e5
}

#topbar .more_pop .con4 h6 {
	color: #dfa934
}

#topbar .more_pop .con5 h6 {
	color: #b97a53
}

/*登陆注册*/
#topbar .btn_login {
	float: left;
	padding: 0 30px;
	height: 40px;
	background: #404040;
	border-bottom: 3px solid #7cc815;
	text-align: center;
	font: 12px/40px "Microsoft Yahei";
	color: #fff;
	position: relative;
}

#topbar .btn_login em {
	position: absolute;
	border-color: #9f9f9f transparent transparent #9f9f9f;
	border-style: solid dashed dashed solid;
	border-width: 7px 5px 0 0;
	right: -5px;
	top: 43px;
	overflow: hidden;
	height: 0
}

#topbar .btn_regist {
	float: left;
	font: 14px/46px "Microsoft Yahei";
	color: #333;
	margin: 0 72px 0 12px
}

/*用户信息*/
#userbar {
	float: left;
	/* margin-right: 60px; */
	color: #666
}

#topbar #userbar .pop_wrap {
	margin-right: 10px
}

#userbar .u_nav {
	padding: 0;
	height: 44px;
	line-height: 44px;
	float: left;
	cursor: pointer
}

#userbar .u_nav a {
	float: left
}

#userbar .username .u_nav a img {
	display: block;
	width: 22px;
	height: 22px;
	border: 1px solid #fff;
	margin: 10px 8px 0 0
}

#userbar .username .u_nav a {
	color: #60a306;
	font: 14px/42px "Microsoft Yahei"
}

#userbar .userlevel img {
	vertical-align: text-bottom;
	*margin-top: 10px
}

#userbar .ticket_box .num_ticket,
#userbar .stone .num_stone,
#userbar .read_notes_box .num_read_notes {
	float: left;
	height: 12px;
	background: #ff585d;
	font: 12px/12px "Arial";
	color: #fff;
	border: 1px solid #e53a3a;
	margin: 15px 0 0 5px;
	padding: 1px 2px 0px 2px;
}

#userbar q {
	float: left;
	margin-top: 11px
}

#userbar .stone a {
	background-position: 0 -245px;
	width: 15px;
	height: 18px;
	margin: 12px 5px 14px 10px
}

#userbar .stone .num_stone {
	background: #78ccfa;
	border-color: #40a2e9
}

#userbar .logout {
	color: #999;
	margin-left: 10px;
	line-height: 44px
}

#topbar #userbar .pop_box {
	left: 0
}

#topbar #userbar .pop_box_con {
	border-color: #6dad15
}

#userbar .read_notes_box .num_read_notes {
	background: #78ccfa;
	border-color: #40a2e9
}

#userbar .read_notes_box {
	padding-left: 10px;
}

/*用户名弹框*/
#topbar .username .pop_box_con {
	width: 182px;
	padding: 10px 0 0;
}

#topbar .username .top .fr {
	width: 120px;
	line-height: 18px;
}

#topbar .username .top .ico_m {
	margin: 4px 5px 0 0;
	_height: 18px;
}

#topbar .username .top {
	border-bottom: 1px dashed #dcdddd;
	height: 48px;
	width: 172px;
	margin: 0 auto;
}

#topbar .username .mid {
	padding: 5px
}

#topbar .username .mid p {
	color: #6dad15;
	font: 13px/22px "Arial";
	padding: 0 5px
}

#topbar .username .mid .ticket {
	background: #ebffd0;
	font-weight: bold !important;
	color: #ff444e
}

#topbar .username .mid a {
	color: #333;
	font: 12px/22px "宋体"
}

#topbar .username .bot {
	background: #f2f2f2;
	padding: 5px 10px;
	height: 45px
}

#topbar .username .bot a {
	float: left;
	width: 73px;
	padding-left: 8px;
	background: url(../images/cs_ico.png) no-repeat -26px -412px
}

#topbar .username .bot a i {
	color: #6dad15;
	font-family: "Arial";
	margin: 0 2px
}

/*vip弹框*/
#topbar .userlevel .u_nav a {
	margin: 11px 2px 0
}

#topbar .userlevel .pop_box_con {
	color: #333;
	width: 200px;
	padding: 10px 0 0
}

#topbar .userlevel .pop_box p {
	padding: 0 12px
}

#topbar .userlevel .pop_box span {
	color: #ff444e
}

#topbar .userlevel .pop_box .bot {
	background: #f2f2f2;
	height: 45px;
	padding: 5px 15px;
	margin-top: 5px;
	color: #666
}

/*月票弹框*/
#topbar .ticket_box .pop_box_con,
#topbar .stone .pop_box_con,
#topbar .read_notes_box .pop_box_con {
	color: #333;
	width: 230px;
	padding: 10px
}

#topbar .read_notes_box .pop_box_con .notes {
	height: 30px;
	line-height: 30px;
}

#topbar .read_notes_box .pop_box_con .f_red {
	color: #ff0000;
}

/*头部*/

#header {
	background: url(../images/bg_top.jpg) center top no-repeat;
}

#header .wrap {
	height: 147px
}

#header .wrap {
	height: 147px
}

.logo {
	float: left;
	padding: 18px 0 0 14px;
	display: inline
}

.logo a {
	background: url(../images/logo_1.png) no-repeat;
	width: 210px;
	height: 80px;
	display: block
}

#header .top_link,
#header .search,
#header .search .laba,
#header .search .laba a:hover {
	background: url(../images/pic_header.png) no-repeat;
	margin-right: 6px
}

#header .top_link {
	width: 285px;
	padding: 0 10px;
	height: 30px;
	background-position: 0 -60px;
	margin: 7px 6px 40px 0
}

#header .top_link a {
	float: left;
	width: 95px;
	height: 30px
}

#header .search {
	height: 27px;
	width: 343px;
	padding: 22px 0 0 1px;
	position: relative;
	left: 0;
	top: 0;
}

#header .search .text {
	float: left;
	background: #fff;
	border: none;
	width: 280px;
	height: 26px;
	line-height: 26px;
	padding-right: 10px;
	color: #999;
	padding-left: 5px;
}

#header .btn_search {
	float: left;
	width: 47px;
	height: 28px;
	background: url(../images/pic_header.png) no-repeat -250px -100px;
	border: none;
	cursor: pointer;
	position: relative;
	top: -1px;
}

#header .btn_search:hover {
	opacity: .8;
	filter: alpha(opacity:80);
}

#header .search .laba {
	position: absolute;
	left: 105px;
	top: -5px;
	width: 19px;
	height: 24px;
	overflow: hidden;
	background-position: 0 -100px
}

#header .search .laba a {
	float: left;
	width: 24px;
	height: 24px;
	margin-left: 5px;
	outline: none
}

#header .search .laba .a1 {
	margin: 0;
	width: 19px
}

#header .search .laba .a1:hover {
	background-position: -116px -100px
}

#header .search .laba .a2:hover {
	background-position: -140px -100px
}

#header .search .laba .a3:hover {
	background-position: -169px -100px
}

#header .search .laba .a4:hover {
	background-position: -198px -100px
}

/*导航下拉效果*/
/*导航*/
#banner {
	position: relative;
	z-index: 11
}

.banner_wrap {
	height: 40px;
	width: 1200px;
	background: #3a3a3a;
	border-bottom: 2px solid #232323;
	clear: both;
}

/*传送门*/
#portal {
	float: left;
	position: relative;
	z-index: 2;
}

.banner_wrap .btn_portal {
	background: url(../images/bg_banner.png) no-repeat;
	display: block;
	width: 125px;
	height: 40px;
	font: 16px/40px "Microsoft Yahei";
	padding-left: 25px;
	color: #fff
}

.banner_wrap .btn_portal span {
	cursor: pointer
}

.banner_wrap .btn_portal em {
	display: inline;
	float: left;
	background-position: 0 -100px;
	width: 19px;
	height: 11px;
	margin: 15px 0 0 8px;
	cursor: pointer
}

.banner_wrap .btn_portal:hover {
	text-decoration: none
}

.banner_wrap .open em {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: .3s ease-in;
	-moz-transition: .3s ease-in;
	-o-transition: .3s ease-in;
	transition: .3s ease-in
}

.portal_pop {
	font-size: 14px;
	background: url(../images/bg_portal.png) no-repeat;
	width: 1200px;
	height: 450px;
	position: absolute;
	left: 0;
	top: 40px;
	border-top: 2px solid #232323;
	display: none
}

.portal_pop .close {
	position: absolute;
	width: 43px;
	height: 43px;
	right: 0;
	bottom: -43px;
	background-position: 9px -116px;
	background-color: #000;
	opacity: 0.85;
	filter: Alpha(opacity=90)
}

.portal_pop .close:hover {
	background-position: 9px -152px
}

.portal_pop .left {
	float: left;
	width: 875px
}

.portal_pop .allcomic ul {
	padding: 50px 0 0 182px
}

.portal_pop .allcomic li {
	padding-top: 11px
}

.portal_pop .allcomic ul a {
	line-height: 20px;
	color: #333;
	padding: 0 6px;
	height: 20px;
	margin: 0 5px;
	float: left;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	transition: all .2s ease-in
}

.portal_pop .allcomic ul a:hover {
	color: #fff;
	text-decoration: none;
	background: #9cd12c
}

.portal_pop .allcomic p {
	padding: 15px 0 0 130px;
	*padding-top: 12px
}

.portal_pop .allcomic p a {
	color: #333;
	margin-left: 20px
}

.portal_pop .allcomic p a:hover {
	color: #6dad14;
}

.portal_pop .allcomic p a i {
	margin-right: 3px
}

.portal_box {
	width: 790px;
	height: 90px;
	overflow: hidden;
	clear: both;
	padding: 70px 0 0 85px
}

.portal_box a {
	margin-right: 35px;
	line-height: 32px;
	white-space: nowrap;
	float: left
}

.portal_pop .right {
	width: 305px;
	float: right;
	padding-top: 50px
}

.portal_pop .right img {
	display: block;
	margin: 0 auto 12px;
	width: 266px;
	height: 90px
}

.portal_pop .right .comic_list {
	padding: 52px 0 0 22px
}

.portal_pop .right .comic_list li {
	float: left;
	width: 128px;
	line-height: 26px;
	height: 26px
}

.portal_pop .right .comic_list a {
	font-size: 13px;
	color: #fff
}

.portal_pop .ico_male {
	background-position: -19px -270px
}

.portal_pop .ico_female {
	background-position: -19px -290px
}

/*动画*/
.animeBox {
	margin: 40px 10px 0 140px;
	overflow: hidden;
}

.animeBox a {
	display: inline-block;
	float: left;
	margin-right: 20px;
}

/*导航中间*/
.banner_mid {
	float: left
}

.banner_mid a,
.btn_brand {
	float: left;
	font: 16px/40px "Microsoft Yahei";
	color: #fff;
	padding: 0 15px;
	position: relative;
}

.banner_mid a:hover,
.btn_brand:hover {
	text-decoration: none;
	color: #9cd12c
}

.banner_mid q {
	height: 14px;
	width: 0;
	border-left: 1px solid #2e2e2e;
	border-right: 1px solid #424242;
	float: left;
	margin-top: 13px
}

.update_v4Box {
	position: absolute;
	width: 100px;
	height: 30px;
	left: 50%;
	margin-left: -50px;
	top: -20px;
	*top: -9px;
	text-align: center;
}

.update_v4 {
	height: 18px;
	line-height: 18px;
	background-color: #ff0000;
	border-radius: 5px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	padding: 0 3px;
}

/*品牌馆*/
#brand {
	position: relative;
	float: right;
	height: 42px;
	z-index: 2;
}

#brand .btn_brand {
	background: url(../images/bg_banner.png) no-repeat 0 -40px;
	width: 145px;
	height: 40px;
	text-align: center;
	padding: 0;
	border-bottom: 2px solid #232323
}

#brand .pop_box {
	position: absolute;
	right: 0;
	top: 42px;
	width: 670px;
	padding: 3px 4px 3px 4px;
	display: none;
	overflow: hidden;
}

#brand .pop_box ul {
	overflow: hidden;
	width: 678px;
	/* height:242px; */
}

#brand .pop_box a {
	display: inline-block;
	width: 200px;
	height: 60px;
	margin: 8px auto
}

#brand .pop_box img {
	width: 200px;
	height: 60px
}

#brand .pop_box li {
	height: 80px;
	width: 224px;
	float: left;
	overflow: hidden;
	border-bottom: 1px dashed #dcdddd;
	border-right: 1px dashed #DCDDDD;
}

/*动画*/
#banner .anime,
#banner .anime p {
	height: 31px;
	background: url(../images/bg_banner.png) repeat-x 0 -111px;
	position: relative;
}

#banner .anime p {
	padding-left: 67px;
	background-position: -98px -80px;
	background-repeat: no-repeat;
	font: 16px/31px "Microsoft Yahei";
	color: #fff;
	padding-right: 130px;
}

#banner .anime,
#banner .anime {
	overflow: hidden
}

#banner .anime span {
	width: 91px;
	height: 22px;
	background: url(../images/main_pic_1.png) no-repeat -83px -298px;
	position: absolute;
	right: 0px;
	top: 4px;
	line-height: 22px;
	padding-left: 26px;
	display: inline-block;
}

#banner .anime a {
	font: 14px/22px "Microsoft Yahei";
	color: #fff;
	display: inline-block;
}

#banner .anime span a {
	color: #846612;
}

#banner .anime q {
	color: #6f961c;
	margin: 0 9px;
	font-size: 14px;
	display: inline-block;
}

/*我看过的*/
#banner .readed {
	background: #f3f3f3;
	height: 32px;
	padding: 0 15px;
	color: #666
}

#banner .readed .left {
	float: left;
	background-position: -21px -188px;
	padding-left: 17px;
	font: 14px/30px "Microsoft Yahei"
}

#banner .readed .left a {
	color: #ff7a21
}

#banner .readed .left span {
	margin: 0 10px
}

#banner .readed .fr a {
	color: #ff7a21;
	line-height: 32px
}

/* ---尾部--- */
#v4footer {
	clear: both;
	border-top: 5px solid #79c90e;
	position: relative;
	z-index: 50;
	background: url(../images/bg_footer.png);
	height: 170px;
	padding-left: 40px;
	width: 1160px;
	margin: 15px auto 0
}

#v4footer dl {
	float: left;
	margin: 30px 25px 0 0
}

#v4footer dt {
	background: url(../images/pic_foot.png) no-repeat;
	width: 120px;
	height: 23px;
	text-align: center;
	line-height: 23px;
	color: #fff;
	margin-bottom: 5px
}

#v4footer dt.t2 {
	background-position: 0 -25px
}

#v4footer dt.t3 {
	background-position: 0 -50px
}

#v4footer dt.t4 {
	background-position: 0 -75px
}

#v4footer dd a:hover {
	color: #55af2d;
	text-decoration: none
}

#v4footer .appbox {
	position: relative;
}

#v4footer .appbox i {
	position: relative;
	top: 4px;
}

#v4footer .appbox .erweima_box {
	position: absolute;
	left: 60px;
	top: -86px;
	border: 1px solid #ccc;
	display: none;
}

#v4footer .appbox:hover .erweima_box {
	display: block;
}

#v4footer .erweima_box img {
	vertical-align: top;
}

#v4footer q {
	float: left;
	border-left: 1px solid #ddd;
	height: 100px;
	width: 0;
	overflow: hidden;
	margin: 20px 0 0 25px;
	_margin-left: 0
}

#v4footer .right {
	float: right;
	display: inline;
	width: 435px;
	margin: 22px 65px 0 0;
	color: #666;
	line-height: 28px;
	font-family: "Arial"
}

#v4footer .right a {
	line-height: 28px
}

#v4footer .img_foot {
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(../images/img_foot.gif) no-repeat;
	width: 163px;
	height: 74px
}

#v4footer dd.wx {
	position: relative
}

#v4footer dd.wx img {
	-webkit-box-shadow: 1px 2px #b6b6b6;
	box-shadow: 1px 2px #b6b6b6;
	position: absolute;
	left: 50px;
	bottom: 0;
	_bottom: 100px;
	display: none
}

/* ---尾部 结束--- */

/*广告*/
.ad_wrap {
	width: 1200px;
	margin: 10px auto;
	position: relative;
	z-index: 10;
}

.ad_wrap img {
	display: block;
	border: 1px solid #c8c8c8;
	padding: 2px
}

.ad_wrap .support {
	float: right;
	width: 26px;
	height: 66px;
	background-position: 0 -310px
}

/*翻页*/
.page {
	text-align: center;
	font-size: 14px;
	color: #999;
	line-height: 30px;
	height: 32px;
	padding: 50px 0;
	width: 100%
}

.page a,
.page span {
	font-family: "verdana";
	color: #191919;
	display: inline-block;
	height: 30px;
	padding: 0 10px;
	border: 1px solid #e0e0e0;
	background: #f6f6f6;
	margin-right: 4px
}

.page a:hover {
	border: 1px solid #63a612;
	text-decoration: none
}

.page .prev,
.page .next {
	display: inline-block;
	font-family: "宋体"
}

.page .current {
	background: #7cca1c;
	color: #fff;
	border: 1px solid #63a612
}

.page .go {
	display: inline-block;
	margin-left: 20px;
	color: #666;
	width: 150px;
	text-align: left;
	background: none;
	border: none;
	height: 32px
}

.page .go i {
	padding: 0 5px;
}

.page .input_txt {
	display: inline-block;
	width: 40px;
	line-height: 30px;
	height: 30px;
	background: #f6f6f6;
	border: 1px solid #e0e0e0;
	vertical-align: middle
}

.page .btn_go {
	display: none;
	width: 35px;
	height: 30px;
	background: #79cb29;
	color: #fff;
	border-radius: 1px;
	border: none;
	font-family: "Arial";
	cursor: pointer;
	vertical-align: middle
}

/*顶部黄色消息提示框*/
#tip_topfixed {
	background: #ffffce;
	border: 1px solid #f0e5ba;
	width: 180px;
	padding: 8px;
	position: fixed;
	margin-left: 282px;
	z-index: 50;
	left: 54%;
	top: 84px;
	line-height: 20px;
	color: #666;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop)+56)
}

#tip_topfixed .close {
	background-position: -15px -455px;
	width: 15px;
	height: 15px;
	top: 3px;
	right: 4px;
	position: absolute
}

#tip_topfixed .fred {
	color: #ff444e;
	margin-right: 3px
}

#tip_topfixed a {
	color: #379be9;
	margin-left: 12px;
	text-decoration: underline
}

/*顶部搜索下拉样式*/
.ac_results {
	padding: 0px;
	border: 1px solid #81bd17;
	background-color: white;
	overflow: hidden;
	z-index: 600;
	margin-left: 251px;
	width: 340px;
	/*top:172px!important;*/
	margin-left: -1px;
}

.v4_w1000 .ac_results {
	width: 258px !important;
	margin-left: -1px;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	font: menu;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	cursor: pointer;
}

.ac_results li strong {
	color: #81bd17;
	font-weight: bold;
}

.ac_over {
	background-color: #81bd17;
	color: white;
}

.ac_results li.ac_over strong {
	background-color: #81bd17;
	color: white;
}

/*图片变灰*/
/*.gray_img a{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,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1); filter:gray}
.gray_img a:hover{-webkit-filter:grayscale(0%);-webkit-filter:grayscale(0);filter:grayscale(0); filter:none}*/

/*width1000*/
.v4_w1000 .wrap {
	width: 990px
}

/* .v4_w1000 #header .wrap {background: url(../images/bg_top_1000.jpg) no-repeat;height: 147px;} */
.v4_w1000 #header .wrap {
	height: 147px;
}

.v4_w1000 #header .search {
	background: url(../images/pic_header.png) no-repeat 0 -131px;
	width: 260px;
	float: right;
}

.v4_w1000 #header .search .text {
	width: 197px;
}

.v4_w1000 #userbar {
	margin-right: 1px
}

.v4_w1000 #brand .btn_brand {
	width: 94px;
	background-position: 0 -145px
}

.v4_w1000 .banner_mid a {
	padding: 0 12px
}

.v4_w1000 .portal_pop {
	width: 990px;
	background: url(../images/bg_portal_1000.png);
}

.v4_w1000 #topbar .pop_wrap {
	margin-right: 4px;
}

.v4_w1000 .portal_pop .left {
	width: 680px;
}

.v4_w1000 .portal_pop .allcomic ul {
	padding: 50px 0 0 116px;
}

.v4_w1000 .portal_pop .allcomic p {
	padding: 15px 0 0 64px;
}

.v4_w1000 .portal_box {
	width: 682px;
	padding: 66px 0 0 66px;
}

.v4_w1000 #v4footer {
	width: 970px;
	padding-left: 20px
}

.v4_w1000 #v4footer .right {
	margin-right: 36px;
	width: 386px;
}

.v4_w1000 #v4footer dl {
	margin-right: 10px
}

.v4_w1000 #v4footer q {
	margin-left: 0px
}

.v4_w1000 .logo a {
	background: url(../images/logo_w1000.png) no-repeat;
}

/*popMsg提示框*/
.exp,
.exp_w {
	position: absolute;
	width: 226px;
	background: #b4dd1d;
	border: 1px solid #83991a;
	padding: 0 5px 5px;
	z-index: 90;
	-webkit-box-shadow: 2px 3px #bebebe;
	box-shadow: 2px 3px #bebebe
}

.exp_top,
.exp_top_w {
	width: 226px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	background: #b4dd1d
}

.exp_content {
	min-height: 20px;
	_height: 20px;
	max-height: 40px
}

.exp_content i,
.exp_content_w i,
.exp_content p,
.exp_content_w p {
	display: inline;
	width: 0px;
	height: 100%;
	vertical-align: middle;
	zoom: 1
}

.exp_content p,
.exp_content_w p {
	width: 100%;
	line-height: 18px
}

.blue_00 {
	color: #008aea
}

.font_18 {
	font-size: 18px;
	font-family: "\9ED1\4F53"
}

.exp_content,
.exp_content_w {
	background: #fff;
	padding: 5px 5px 10px 0;
	height: auto;
	border: 1px solid #95bb18;
	line-height: 18px;
	text-align: center;
	vertical-align: middle
}

/*loading*/
.loading {
	line-height: 50px;
	height: 50px;
	clear: both;
	text-align: center;
	margin: 50px 0;
	font: 14px "Microsoft Yahei";
	color: #666
}

.loading span {
	display: inline-block !important;
	width: 50px;
	height: 50px;
	background: url(../images/loading.gif) no-repeat;
	vertical-align: middle;
	margin-right: 15px
}

#topbar .book_pop .loading {
	margin: 150px 0
}

/*图标*/
.ico_lev,
.ico_levm,
.ico_viplev,
.ico_viplev_s,
.ico_online,
.ico_offline,
.ico_vipyes,
.ico_vipnot,
.ico_man,
.ico_woman,
.ico_hi,
.ico_manage,
.ico_author,
.ico_editor,
.ico_zeng,
.ico_cv,
.ico_dj,
.ico_sf,
.ico_jing {
	background: url(../images/cs_ico_member.png) no-repeat;
	display: inline-block;
	height: 18px;
	width: 20px;
	vertical-align: middle;
	margin: 0 3px;
	overflow: hidden
}

/*用户相关图标*/
/*用户等级图标*/
.ico_lev,
.ico_levm {
	width: 36px
}

.lev_0 {
	background-position: 0 -300px
}

.lev_1 {
	background-position: 0 -330px
}

.lev_2 {
	background-position: 0 -360px
}

.lev_3 {
	background-position: 0 -390px
}

.lev_4 {
	background-position: 0 -420px
}

.lev_5 {
	background-position: 0 -450px
}

.lev_6 {
	background-position: 0 -480px
}

.lev_7 {
	background-position: 0 -510px
}

.lev_8 {
	background-position: 0 -540px
}

.lev_9 {
	background-position: 0 -570px
}

.lev_10 {
	background-position: 0 -600px
}

.lev_11 {
	background-position: 0 -630px
}

.lev_12 {
	background-position: 0 -660px
}

.lev_13 {
	background-position: 0 -690px
}

.lev_14 {
	background-position: 0 -720px
}

.lev_15 {
	background-position: 0 -750px
}

/*用户等级m图标*/
.levm_0 {
	background-position: 0 -930px
}

.levm_1 {
	background-position: 0 -960px
}

.levm_2 {
	background-position: 0 -990px
}

.levm_3 {
	background-position: 0 -1020px
}

.levm_4 {
	background-position: 0 -1050px
}

.levm_5 {
	background-position: 0 -1080px
}

.levm_6 {
	background-position: 0 -1110px
}

.levm_7 {
	background-position: 0 -1140px
}

.levm_8 {
	background-position: 0 -1170px
}

.levm_9 {
	background-position: 0 -1200px
}

.levm_10 {
	background-position: 0 -1230px
}

.levm_11 {
	background-position: 0 -1260px
}

.levm_12 {
	background-position: 0 -1290px
}

.levm_13 {
	background-position: 0 -1320px
}

.levm_14 {
	background-position: 0 -1350px
}

.levm_15 {
	background-position: 0 -1380px
}

.levm_16 {
	background-position: 0 -1410px
}

.levm_17 {
	background-position: 0 -1440px
}

.levm_18 {
	background-position: 0 -1470px
}

.levm_19 {
	background-position: 0 -1500px
}

.levm_20 {
	background-position: 0 -1530px
}

/*用户vip等级图标*/
.ico_viplev {
	width: 48px
}

.viplev_0 {
	background-position: 0 -1560px
}

.viplev_0n {
	background-position: 0 -1590px
}

.viplev_1 {
	background-position: 0 -1620px
}

.viplev_1n {
	background-position: 0 -1650px
}

.viplev_2 {
	background-position: 0 -1680px
}

.viplev_2n {
	background-position: 0 -1710px
}

.viplev_3 {
	background-position: 0 -1740px
}

.viplev_3n {
	background-position: 0 -1770px
}

.viplev_4 {
	background-position: 0 -1800px
}

.viplev_4n {
	background-position: 0 -1830px
}

.viplev_5 {
	background-position: 0 -1860px
}

.viplev_5n {
	background-position: 0 -1890px
}

.viplev_6 {
	background-position: 0 -1920px
}

.viplev_6n {
	background-position: 0 -1950px
}

/*用户vip等级图标-小*/
.ico_viplev_s {
	width: 33px;
	height: 12px;
	vertical-align: middle
}

.viplev_1_s {
	background-position: 0 -2060px
}

.viplev_1n_s {
	background-position: 0 -2075px
}

.viplev_2_s {
	background-position: 0 -2090px
}

.viplev_2n_s {
	background-position: 0 -2105px
}

.viplev_3_s {
	background-position: 0 -2120px
}

.viplev_3n_s {
	background-position: 0 -2135px
}

.viplev_4_s {
	background-position: 0 -2150px
}

.viplev_4n_s {
	background-position: 0 -2165px
}

.viplev_5_s {
	background-position: 0 -2180px
}

.viplev_5n_s {
	background-position: 0 -2195px
}

.viplev_6_s {
	background-position: 0 -2210px
}

.viplev_6n_s {
	background-position: 0 -2225px
}

/*其他图标*/
.ico_man,
.ico_woman,
.ico_online,
.ico_offline {
	width: 16px
}

ico_online {
	background-position: 0 0
}

.ico_offline {
	background-position: 0 -30px
}

.ico_man {
	background-position: 0 -60px
}

.ico_woman {
	background-position: 0 -90px
}

.ico_hi {
	background-position: 0 -120px
}

.ico_vipyes {
	background-position: 0 -240px
}

.ico_vipnot {
	background-position: 0 -270px
}

.ico_author {
	background-position: 0 -150px
}

.ico_manage {
	background-position: 0 -180px
}

.ico_editor {
	background-position: 0 -210px
}

.ico_zeng {
	background-position: 0 -1980px;
	width: 18px
}

.ico_cv {
	background-position: 0 -2010px;
	width: 32px
}

.ico_dj {
	background-position: 0 -2035px;
	width: 35px;
	height: 20px
}

.ico_sf {
	width: 34px;
	height: 20px;
	background-position: 0 -2240px
}

.ico_jing {
	background-position: 0 -2265px;
	width: 30px;
	height: 30px
}

/*回到顶部*/
/* #goTop{position:fixed; right:10px; bottom:10px; margin-left:620px; _position:absolute;_top:expression(documentElement.scrollTop+documentElement.clientHeight-100 + "px"); z-index:52; display:none;}
#goTop .feedback{background:url(../images/gotop.png) no-repeat; display:block; width:47px; height:43px}
#goTop .feedback:hover{background-position:0 -45px}
#goTop .btn_goTop{position:relative; margin-bottom:3px}
#goTop .btn_goTop a{background:url(../images/gotop.png) no-repeat 0 -90px; display:block; width:47px; height:25px; position:relative; z-index:2}
#goTop .btn_goTop a:hover{background-position:0 -115px}
#goTop .btn_goTop span{position:absolute; background:url(../images/up.gif) no-repeat; width:50px; height:50px; left:-1px; top:-30px; cursor:pointer}
#goTop .btn_goTop span.h{ background:url(../images/up1.gif) no-repeat;} */

/* 新回到顶部 */
#goTop {
	position: fixed;
	width: 50px;
	left: 50%;
	margin-left: 610px;
	bottom: 10px;
	_position: absolute;
	_top: expression(documentElement.scrollTop+documentElement.clientHeight-100 + "px");
	z-index: 110;
}

#goTop li {
	background: url(../images/fixed_right.png) no-repeat;
	margin-bottom: 3px;
	cursor: pointer;
}

#goTop li:hover {
	background: url(../images/fixed_right.png) no-repeat;
}

#goTop .btn_goTop {
	width: 50px;
	height: 64px;
	background-position: 0 0;
}

#goTop .btn_goTop:hover {
	background-position: -54px 0;
}

#goTop .erweima {
	height: 43px;
	background-position: 0 -67px;
	position: relative;
}

#goTop .erweima:hover {
	background-position: -54px -67px;
}

#goTop .erweima .erweima_box {
	width: 137px;
	height: 128px;
	position: absolute;
	left: -140px;
	top: -42px;
	background: url(../images/fixed_ewm_box.png) no-repeat;
	box-sizing: border-box;
	padding: 6px 0 0 5px;
	display: none;
}

#goTop .erweima:hover .erweima_box {
	display: block;
}

#goTop .feedback {
	height: 43px;
	background-position: 0 -113px;
}

#goTop .feedback:hover {
	background-position: -54px -113px;
}

#goTop .feedback a {
	display: block;
	height: 100%;
}

/* 头部文字换色 */
.banner_mid a.current,
.brand a.current {
	color: #9cd12c;
}


/*通用弹出框*/
input {
	vertical-align: middle;
}

.ui-widget-overlay {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #545454;
	filter: alpha(opacity=20);
	opacity: .2
}

.ui-dialog {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0px;
	z-index: 10;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.ui-widget-header {
	position: relative;
	background: #f7f7f7;
	height: 30px;
	border: 0;
	border-bottom: 1px solid #85ba01;
	color: #76A600;
	font-family: "微软雅黑";
	font-size: 16px;
	z-index: 12;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	font-weight: normal;
	padding-top: 5px
}

.ui-dialog .ui-dialog-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: -6px;
	left: -6px;
	background: #292928;
	border: 6px solid #292928;
	filter: alpha(opacity=40);
	opacity: 0.4;
	z-index: -1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px
}

.ui-dialog .ui-dialog-content {
	color: #3b3b3b;
	z-index: 1;
	overflow: auto;
	_overflow: visible;
	background: #fff;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px
}

.ui-dialog .ui-dialog-title {
	background: url(../images/pic_dialog.png) 10px 9px no-repeat;
	float: left;
	height: 30px;
	line-height: 24px;
	padding: 0 15px 0 23px;
	position: static
}

.ui-dialog .ui-dialog-title i {
	font-size: 12px;
	padding-right: 10px;
	color: #999;
	font-weight: normal;
	text-align: right;
	position: absolute;
	width: 150px;
	height: 22px;
	right: 30px;
	top: 6px
}

.ui-dialog .ui-dialog-title i a {
	color: #f80;
	position: relative;
	z-index: 10000
}

.ui-dialog .ui-dialog-titlebar-close {
	background: url(../images/pic_dialog.png) 0 -25px no-repeat;
	width: 16px;
	height: 15px;
	margin: -7px 0 0;
	position: absolute;
	right: 0.6em;
	top: 50%
}

.ui-dialog .ui-dialog-titlebar-close span {
	display: none
}

.ui-dialog .ui-dialog-titlebar-close:hover {
	background-position: 0 -40px
}

.ui-dialog .ui-dialog-buttonpane {
	position: relative;
	height: 40px;
	background: #fff;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	margin-top: -5px
}

.ui-dialog .ui-dialog-content td {
	vertical-align: middle;
}

.ui-dialog .ui-dialog-content td a {
	color: #808080;
	text-decoration: underline
}

.ui-dialog .ui-dialog-content td a:hover {
	color: #ff9900;
	text-decoration: none
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	text-align: center
}

.ui-dialog .ui-dialog-buttonpane button,
.ui-dialog .ui-dialog-buttonpane button.left {
	background: url(../images/pic_dialog.png) 0 -55px no-repeat;
	width: 72px;
	bottom: 20px;
	text-align: center;
	border: 0;
	padding: 0;
	margin: 0 0 .5em .4em;
	overflow: hidden;
	cursor: pointer;
	height: 26px;
	color: #444;
	font-size: 12px;
	line-height: 25px;
	line-height: 24px\9;
	padding-bottom: 3px
}

.ui-dialog .ui-dialog-buttonpane button:hover {
	text-decoration: none;
	text-indent: 0;
	opacity: 0.85;
	filter: Alpha(Opacity=85)
}

.ui-dialog .ui-dialog-buttonpane button.left {
	background-position: 0 -85px;
	color: #fff
}

.ncc_upload_img {
	height: 100px;
	overflow: hidden
}

.m_set {
	position: fixed;
	left: -94px;
	bottom: 100px;
	z-index: 200;
}

.m_set .set_btn {
	width: 200px;
	height: 200px;
	background: url(../images/ico_set.png) no-repeat;
	background-size: 100%;
	position: relative;
	z-index: 20;
}

.m_set .set_tip {
	position: absolute;
	background: #6eb80b;
	border: 4px solid #fff;
	z-index: 10;
	border-radius: 75px;
	padding-left: 97px;
	padding-top: 33px;
	overflow: hidden;
	width: 408px;
	height: 117px;
	left: 75px;
	top: 14px;
}

.m_set .set_tip a {
	display: inline-block;
	font-size: 38px;
	width: 49%;
	color: #fff;
	text-align: center;
	line-height: 84px;
	font-weight: bold;
}

.m_set .set_tip a#a1 {
	color: #433641;
	border-right: 1px dashed #fff;
}

.m_set .set_tip a:hover {
	text-decoration: none;
}

/*@media screen and (min-width:320px){
	.m_set .set_btn{width: 88px; height: 88px;}
	.m_set .set_tip{width: 215px; height: 41px;left: 45px; top: 14px;}
}*/
/*@media screen and (max-width:320px){
	.m_set .set_btn{width: 44px; height: 44px;}	
	.m_set .set_tip{width: 120px; height: 25px; left: 11px; top: 4px;border: 2px solid #fff; padding-top: 5px;}
	.m_set .set_tip a{line-height: 18px;font-size: 12px;}
}*/

/* 底部二维码 */
.bottom_qr_code_content {
	position: fixed;
	z-index: 999;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 215px;
	background: url(../images/bottom_qr_code_bg.png) no-repeat center top;
}

.bottom_qr_code_box {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	height: 215px;
	background: url(../images/bottom_qr_code_bg_con.png) no-repeat;
}

.bottom_qr_code {
	position: absolute;
	width: 162px;
	height: 162px;
	overflow: hidden;
	left: 483px;
	top: 45px;
}

.bottom_qr_code img {
	display: block;
	width: 100%;
	height: auto;
}

.bottom_qr_code_close {
	position: absolute;
	width: 48px;
	height: 48px;
	right: 10px;
	top: 35px;
	background: url(../images/bottom_qr_code_close.png);
	display: block;
	cursor: pointer;
}

/* 东京动漫节 底部 */
.bottom_dj_mz_footer {
	position: fixed;
	z-index: 999;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 244px;
	background: url(../images/dj_mz_footer_bg.png) no-repeat center top;
}

.bottom_dj_mz_content {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	height: 244px;
}

.bottom_dj_mz_content .dj_mz_btn {
	width: 190px;
	height: 57px;
	position: absolute;
	top: 144px;
}

.bottom_dj_mz_content .btn1 {
	left: 155px;
	background: url(../images/dj_mz_btn1.png) no-repeat;
}

.bottom_dj_mz_content .btn2 {
	left: 841px;
	background: url(../images/dj_mz_btn2.png) no-repeat;
}

.bottom_dj_mz_footer .dj_mz_close {
	width: 38px;
	height: 38px;
	position: absolute;
	top: 30px;
	right: 30px;
	background: url(../images/dj_mz_close.png) no-repeat;
}

/* 电信激活 */
.telecom-active-content {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .6);
	z-index: 999;
	font-family: "microsoft yahei"
}

.telecom-active-box {
	width: 434px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -230px 0 0 -217px;
	position: relative;
}

.telecom-active-topbar {
	width: 100%;
	height: 36px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #6fc2de;
	border-radius: 5px 5px 0 0;
}

.telecom-active-topbar .telecom-close {
	position: absolute;
	display: block;
	right: 10px;
	top: 11px;
	width: 16px;
	height: 15px;
	background: url(../images/telecom_close.jpg);
	cursor: pointer;
}

.telecom-active-info {
	display: none;
	position: relative;
	min-height: 270px;
	height: auto !important;
	_height: 270px;
	background-color: #fff;
	border-radius: 0px 0px 5px 5px;
	padding: 40px 0 30px 0;
}

.telecom-active-info.cur {
	display: block;
}

.taci2 {
	text-align: center;
	font-size: 18px;
	line-height: 160px;
}

.taci2 .telecom-btn-finish {
	display: block;
	width: 138px;
	margin: 0 auto;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	background-color: #f1b823;
	border-bottom: 4px solid #b48817;
	text-decoration: none !important;
}

.telecom-active-info-title {
	font-size: 18px;
	text-align: center;
	margin-bottom: 20px;
}

.telecom-active-info-str {
	padding: 0px 33px;
	text-align: left;
	color: #888;
	font-size: 14px;
	line-height: 28px;
}

.telecom-input-box {
	padding: 0 33px;
	margin-top: 15px;
	line-height: 32px;
}

.telecom-input-box label {
	font-size: 16px;
	color: #888;
	width: 88px;
	display: inline-block;
}

.telecom-input-box input {
	background: transparent;
	border: 1px solid #c2c2c2;
	height: 32px;
	padding: 0 5px;
	outline: none;
}

.telephoneNum-box {
	margin-top: 30px;
}

.telephoneNum-box input {
	width: 248px;
}

.checkNum-box input {
	width: 110px;
}

.checkNum-box a {
	display: inline-block;
	width: 130px;
	margin-left: 5px;
	text-align: center;
	line-height: 30px;
	background-color: #00a0e9;
	color: #fff;
	border-bottom: 3px solid #007cb4;
	border-radius: 2px;
	height: 30px;
	font-size: 14px;
	text-decoration: none !important;
}

.checkNum-box a.disable {
	border-bottom: 3px solid #bdbdbd;
	background-color: #d8d8d8;
}

.telecom-btn-box {
	margin-top: 40px;
	text-align: center;
}

.telecom-btn-box .telecom-btn {
	display: inline-block;
	width: 138px;
	margin: 0 15px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 20px;
	text-align: center;
}

.telecom-btn-now {
	border-bottom: 4px solid #b48817;
	background-color: #f1b823;
}

.telecom-btn-later {
	border-bottom: 4px solid #888888;
	background-color: #bdbdbd;
}

.checkNum-tips {
	color: #ff3030;
	text-align: center;
	margin-top: 15px;
}

.telephoneNum-tips1 {
	position: absolute;
	left: 126px;
	top: 172px;
	color: #ff3030;
}

.telephoneNum-tips2 {
	position: absolute;
	left: 126px;
	top: 172px;
	color: #888;
}


/* banner float tips */
#header {
	position: relative;
	width: 100%;
	height: 147px;
	overflow: hidden;
}

.banner-tips {
	position: absolute;
	display: none;
	z-index: 999;
	width: 243px;
	height: 33px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 32px;
	background: url(../images/banner_tips_right.png);
}

.banner-tips.bt-left {
	background: url(../images/banner_tips_left.png);
}

.gift_value img {
	width: 65px;
}


/* 
鍏煎 v4鐗堟湰 basic css鏂囦欢
闇€瑕佷慨鏀圭洿鎺ヤ慨鏀� v5涓嬭竟鐨刡asic.css鏂囦欢
褰撳墠鏂囦欢涓嶉渶瑕佸叏閮藉紩鐢�
*/

/*
椤甸潰 z-index -- 20锛�
top_bar z-index -- 50锛�
寮圭獥  z-index -- 60
鍥炲埌椤堕儴 z-inde -- 30
 */

/*reset*/
@charset "UTF-8";

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
	margin: 0;
	padding: 0;
}

body {
	font: 12px/24px "瀹嬩綋", HELVETICA;
	background: #fff;
	-webkit-text-size-adjust: 100%;
}

a {
	color: #333;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #333;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 12px;
	font-weight: normal;
}

em锛宎ddress,
cite,
dfn,
em,
i {
	font-style: normal;
}

ul,
ol {
	list-style: none;
}

img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

p {
	word-wrap: break-word;
}

fieldset,
img {
	border: 0;
}

.clearfix::after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}

.clearfix {
	zoom: 1;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	visibility: hidden;
	overflow: hidden;
}

::selection {
	background-color: #67a414;
	color: #fff;
}

::-moz-selection {
	background-color: #67a414;
	color: #fff;
}

/*common*/
.fl {
	float: left;
}

.fr {
	float: right;
}

.fb {
	font-weight: bold !important;
}

.overflow {
	overflow: hidden;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.ib {
	display: inline-block;
}

.rank_num {
	width: 16px;
	height: 16px;
	background: #eeeeee;
	line-height: 16px;
	text-align: center;
	color: #333;
}

.rank_num_orange {
	background: #ff7200;
	color: #fff;
}

.red {
	color: #ff585d !important;
}

#topbar .wrap {
	width: 1200px;
}

/*鑳屾櫙鍥捐缃箍鍛婂浘鐗�*/
.bg_ad {
	position: absolute;
	height: 650px;
	display: block;
	top: 270px;
	left: 0;
	width: 100%;
	z-index: 1;
	background: url(../images/2017-11_8_bg.png) center center no-repeat;
}

/*鍥為《閮�*/
.go_top {
	width: 57px;
	height: 225px;
	position: fixed;
	left: 50%;
	margin-left: 610px;
	bottom: 30px;
	z-index: 30;
	display: none;
}

.go_top .top_head {
	width: 57px;
	height: 63px;
	background: url(../images/gotop1.png) no-repeat 0px 4px;
}

.go_top .top_click {
	width: 57px;
	height: 25px;
	background: url(../images/gotop1.png) no-repeat 0px -59px;
	cursor: pointer;
}

.go_top .top_click:hover {
	background: url(../images/gotop2.png) no-repeat 0px -59px;
}

.go_top .top_code {
	width: 57px;
	height: 43px;
	background: url(../images/gotop1.png) no-repeat 0px -87px;
	cursor: pointer;
	position: relative;
}

.go_top .top_code:hover {
	background: url(../images/gotop2.png) no-repeat 0px -88px;
}

.go_top .top_code:hover .erweima_box {
	display: block;
}

.go_top .top_write {
	width: 57px;
	height: 43px;
	background: url(../images/gotop1.png) no-repeat 0px -133px;
	cursor: pointer;
}

.go_top .top_write:hover {
	background: url(../images/gotop2.png) no-repeat 0px -134px;
}

.go_top .erweima_box {
	width: 137px;
	height: 128px;
	position: absolute;
	left: -134px;
	top: -42px;
	background: url(../images/fixed_ewm_box_1.png) no-repeat;
	box-sizing: border-box;
	padding: 6px 0 0 5px;
	display: none;
}

.go_top .top_service {
	float: left;
	width: 57px;
	height: 43px;
	background: url(../images/gotop1.png) no-repeat 0px -180px;
}

.go_top .top_service:hover {
	float: left;
	background: url(../images/gotop2.png) no-repeat 0px -181px;
}

/*鏉℃极ico*/
.ico_tiaoman {
	position: absolute;
	width: 42px;
	height: 42px;
	background: url(../images/main_pic_1.png) no-repeat 0 -351px;
	right: 0px;
	top: 0;
	z-index: 2;
}

/*瀵艰埅*/
#v5_nav {
	width: 100%;
	height: 42px;
	background: #3a3a3a;
}

#v5_nav .nav {
	width: 1200px;
	margin: 0 auto;
	height: 42px;
}

#v5_nav .nav a {
	float: left;
	color: #fff;
	padding: 0 22px;
	position: relative;
	line-height: 42px;
	font-size: 16px;
}

#v5_nav .nav a:first-of-type {
	margin-left: 7px;
}

#v5_nav .nav a:hover,
#v5_nav .nav .current {
	color: #89d38f;
}

#v5_nav .nav q {
	height: 14px;
	width: 0;
	border-left: 1px solid #2e2e2e;
	border-right: 1px solid #424242;
	float: left;
	margin-top: 15px;
}

#v5_nav .nav q::after {
	content: "";
}

#v5_nav .nav q::before {
	content: '';
}

.update_v5Box {
	position: absolute;
	width: 100px;
	height: 30px;
	left: 60px;
	margin-left: -50px;
	top: -15px;
	text-align: center;
}

.update_v5 {
	height: 18px;
	line-height: 18px;
	background-color: #ff0000;
	border-radius: 5px 5px 5px 0px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	padding: 0 3px;
}

/*鎼滅储*/
.search_box {
	margin-right: 15px;
}

.search_box input {
	resize: none;
	outline: none;
}

.search_box .search {
	width: 183px;
	height: 24px;
	border: 1px solid #dddddd;
	border-radius: 2px 0 0 2px;
	margin-top: 8px;
	padding-left: 10px;
}

.search_box .search_btn {
	float: left;
	width: 47px;
	height: 26px;
	background: url(../images/pic_header_1.png) no-repeat -250px -100px;
	border: none;
	cursor: pointer;
	margin-top: 8px;
}

/*鐪嬭繃鐨�*/
#readed_box {
	width: 100%;
	background: #f3f3f3;
	height: 32px;
}

#readed_box .readed {
	background: #f3f3f3;
	height: 32px;
	padding: 0 15px;
	color: #666;
	width: 1200px;
	margin: 0 auto;
}

.readed .left {
	float: left;
	background-position: -21px -188px;
	padding-left: 17px;
	font: 14px/30px "Microsoft Yahei";
}

.readed .left a {
	color: #ff7a21;
}

.readed .left .f_green {
	color: #58900d;
}

.readed .left {
	float: left;
	background-position: -21px -188px;
	padding-left: 17px;
	font: 14px/30px "Microsoft Yahei";
	background-repeat: no-repeat;
}

.readed .left span {
	margin: 0 10px;
}

.readed .fr a {
	color: #ff7a21;
	line-height: 32px;
}

/*椤佃剼*/
.v5_footer {
	width: 100%;
	padding-top: 50px ;
	font-family: "Microsoft YaHei", "榛戜綋";
	clear: both;
}

.v5_footer .v5_footer_inner {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background-color: #efefef;
	padding: 20px 0px;
	border-top: 2px solid #e7e6e6;
	
}
.v5_footer dl {
	float: left;
	width: 120px;
}

.v5_footer dt {
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}

.v5_footer dd {
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #666;
}

.v5_footer dd a {
	color: #666;
}

.v5_footer dd a:hover {
	text-decoration: underline;
}

.v5_footer_inner .first_dl {
	margin-left: 30px;
}

.v5_footer_inner .halving_line {
	height: 170px;
	width: 1px;
	border-left: 1px solid #d0d0d0;
}

.v5_footer_inner .copyright {
	margin: 25px 0 0 38px;
	line-height: 35px;
	color: #666666;
}

.v5_footer_inner .copyright a {
	color: #666;
}

.v5_footer_inner .copyright a:hover {
	color: #666;
	text-decoration: underline;
}

.v5_footer_inner .copyright img {
	margin-right: 5px;
}

.v5_footer_inner .erweima {
	width: 335px;
	height: 170px;
}

.v5_footer_inner .erweima .app {
	margin-left: 57px;
}

.v5_footer_inner .erweima .weixin {
	margin-left: 20px;
}

.v5_footer_inner .erweima img {
	width: 100px;
	height: 100px;
	display: block;
	margin-top: 10px;
}

.v5_footer_inner .erweima p {
	width: 100px;
	text-align: center;
	line-height: 24px;
	color: #666666;
}

/* 
* @Author: xiejiaxing
* @Date:   2017-12-25 13:56:27
* @Last Modified by:   xiejiaxing
* @Last Modified time: 2019-10-25 13:06:55
*/
@charset "UTF-8";

body {
	background: #f8f8f8;
}

/*宸︿晶鍏ㄧ珯鏈€鐑�*/
#banner_box {
	width: 100%;
	height: 365px;
	position: relative;
	overflow: hidden;
	min-width: 1200px;
}

#banner_box .top_nav_shadow {
	width: 100%;
	height: 91px;
	background: url(../images/top_shadow.png) repeat-x top center;
	position: absolute;
	z-index: 3;
	top: 0;
}

#banner_box .top_nav_shadow .top_nav {
	width: 1200px;
	margin: 0 auto;
	height: 57px;
	line-height: 57px;
}

#banner_box .top_nav_shadow .top_nav .fl {
	position: relative;
}

#banner_box .top_nav_shadow .top_nav .fl .update_v5Box {
	margin-left: -70px;
}

#banner_box .top_nav .top_logo {
	width: 85px;
	height: 100%;
	background: url(../images/logo_1.png) no-repeat center center;
	margin-right: -8px;
}

#banner_box .top_nav .top_logo a {
	float: left;
	width: 100%;
	height: 100%;
	font-size: 0;
}

#banner_box .top_nav .nav_list {
	color: #fff;
	font: 14px/57px "瀹嬩綋";
	margin-left: 44px;
}

#banner_box .top_nav .nav_list:hover {
	color: #8ccd58;
}

#banner_box .search_box {
	margin: 0px 7px 0 0;
}

#banner_box .search {
	width: 223px;
	height: 24px;
	border: 1px solid #909092;
	background: #565658;
	color: #fff;
	margin-top: 13px;
}

#banner_box .search_box .search_btn {
	width: 46px;
	height: 26px;
	background: url(../images/comiclist_ico.png) no-repeat -1px 0px;
	margin-top: 13px;
}

#banner_box .search_box .search_btn:hover {
	background: url(../images/comiclist_ico.png) no-repeat -61px 0px;
}

#banner_box #loop_container {
	position: relative;
	width: 100%;
	height: 522px;
	z-index: 1;
}

#banner_box #loop_container .loop_slide_box,
#banner_box #loop_container .loop_slide_box ul {
	width: 100%;
	height: 522px;
}

#banner_box #loop_container .loop_slide_box li {
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
}

#banner_box #loop_container .loop_slide_box li.cur {
	z-index: 5;
	filter: alpha(opacity=50);
	opacity: 1;
}

#banner_box #loop_container .loop_slide_box li a {
	float: left;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

#banner_box #loop_container .loop_slide_box li img {
	width: 100%;
	height: 100%;
}

#banner_box .loop_choose {
	width: 605px;
	height: 102px;
	position: absolute;
	bottom: 28px;
	left: 300px;
	z-index: 6;
	left: 50%;
	margin-left: -295px;
}

#banner_box .loop_tit {
	width: 532px;
	margin: 0 auto;
	background: url(../images/tit_bg.png) no-repeat center center;
	height: 30px;
}

#banner_box .loop_tit a {
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	font-family: "瀹嬩綋";
	float: left;
}

#banner_box .loop_tit a::before {
	content: '';
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	width: 15px;
	height: 30px;
	background: url(../images/comiclist_ico.png) no-repeat -113px 14px;
	margin: 0 5px 0 14px;
}

#banner_box .loop_pagination {
	width: 605px;
	height: 68px;
	margin-top: 4px;
}

#banner_box .loop_pagination .pagination_btn {
	width: 29px;
	height: 100%;
	cursor: pointer;
}

#banner_box .loop_pagination .pagination_prev {
	background: url(../images/loop_prev.png) no-repeat center center;
	margin-right: 8px;
}

#banner_box .loop_pagination .pagination_prev:hover {
	background: url(../images/loop_prev_hover.png) no-repeat 0px center;
}

#banner_box .loop_pagination .pagination_next {
	background: url(../images/loop_next.png) no-repeat center center;
	margin-left: 8px;
}

#banner_box .loop_pagination .pagination_next:hover {
	background: url(../images/loop_next_hover.png) no-repeat 0px center;
}

#banner_box .loop_focus_pic_box {
	width: 530px;
	height: 68px;
	background: url(../images/loop_bg.png) no-repeat center center;
	position: relative;
	overflow: hidden;
}

#banner_box .loop_focus_pic_box .little_pic {
	width: 9990px;
	margin-top: 4px;
	position: absolute;
	left: 0;
}

#banner_box .loop_focus_pic_box .little_pic li {
	float: left;
	width: 94px;
	height: 60px;
	margin: 0 6px;
	position: relative;
	cursor: pointer;
}

#banner_box .loop_focus_pic_box .little_pic li img {
	width: 90px;
	height: 46px;
	border: 1px solid #000;
	position: absolute;
	top: 6px;
	left: 1px;
	z-index: 2;
}

#banner_box .loop_focus_pic_box .little_pic li .little_pic_border {
	width: 94px;
	height: 55px;
	background: url(../images/little_pic_bg.png) no-repeat center center;
	position: absolute;
	display: none;
	z-index: 3;
	top: 0;
}

#banner_box .loop_focus_pic_box .little_pic li .little_pic_mask {
	position: absolute;
	z-index: 3;
	width: 90px;
	height: 46px;
	top: 7px;
	left: 2px;
	background: url(../images/pic_mask.png) no-repeat center center;
}

#banner_box .loop_focus_pic_box .little_pic li.cur .little_pic_border {
	display: block;
}

#banner_box .loop_focus_pic_box .little_pic li.cur .little_pic_mask {
	display: none;
}

.part_loop .hot_tab a:hover {
	color: #fff;
}

.all_hottest {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	font-family: "Microsoft YaHei";
}

.all_hottest {
	background: url(../images/hot_bg.png) no-repeat center center;
	width: 227px;
	height: 260px;
	padding: 18px 22px 10px 17px;
	border-radius: 5px;
	position: absolute;
	left: 50%;
	margin-left: -605px;
	top: 65px;
	z-index: 4;
	background-size: cover;
}



.hot__mask_bg_box {
	background: url(../images/hot_bg.png) no-repeat center center;
	width: 266px;
	padding: 0;
	height: 428px;
	background-size: cover;
	border-radius: 5px;
	position: absolute;
	left: 50%;
	margin-left: -605px;
	top: 65px;
	z-index: 4;
}

.hot__mask_bg {
	background: none;
	width: 100%;
	height: 100%;
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	filter: blur(10px);
	background-position: -355px -65px;
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.hot__mask_bg.cur {
	opacity: 1
}

;

.hot__mask_bg:active {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}


.hot_tit {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin-right: 40px;
}

.hot_tab_btn,
.goup_tab_btn {
	text-align: center;
	height: 20px;
	vertical-align: top;
	margin-left: 12px;
	color: #fff;
}

.hot_tab_btn:hover {
	color: #fff;
}

.hot_tab_btn.cur {
	border-bottom: 2px solid #8ccd58;
}

.hot_comic_cut {
	margin-top: 6px;
}

.hot_comic_list li {
	height: 17px;
	line-height: 17px;
	margin-top: 10px;
	*margin-top: 6px;
	overflow: hidden;
}

.hot_comic_list .hot_num {
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	color: #fff;
}

.part_loop .hot_comic_list .hot_num {
	background: none;
	color: #fff;
}

.hot_comic_list .hot_comic_detail {
	height: 80px;
}

.hot_comic_show,
.rank_comic_show {
	width: 195px;
}

.rank_bang .rank_comic_tit {
	overflow: hidden;
	height: 16px;
	color: #000;
	cursor: pointer;
}

.hot_comic_list .hot_comic_tit {
	overflow: hidden;
	height: 16px;
	color: #fff;
	cursor: pointer;
}

.rank_bang .rank_comic_tit:hover {
	color: #ff7200;
}

.hot_comic_list .hot_comic_box {
	margin-left: 9px;
	float: left;
}

.hot_comic_hide {
	height: 80px;
}

.hot_comic_hide .hot_comic_img {
	width: 62px;
	height: 80px;
}

.hot_comic_hide .hot_comic_img img {
	width: 100%;
	height: 100%;
}

.hot_comic_box .hot_comic_content {
	margin-left: 14px;
	width: 118px;
}

.hot_comic_box .comic_type {
	color: #e5e5e5;
}

.hot_comic_box .hot_comic_content .comic_tit {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	width: 112px;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	color: #fff;
}

.hot_comic_box .hot_comic_content .comic_tit:hover {
	color: rgb(137, 211, 143);
}

.hot_comic_box .hot_comic_content .comic_style {
	overflow: hidden;
}

.hot_comic_box .hot_comic_content .comic_style .diamonds {
	color: #fff;
	margin-top: 13px;
	width: 55px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	font-family: "瀹嬩綋";
}

.hot_comic_box .hot_comic_content .comic_style .diamonds::before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	background: #999;
	vertical-align: middle;
	margin-right: 4px;
}

.hot_rank {
	height: 18px;
	width: 220px;
	margin-top: 17px;
}

.hot_rank .comic_rank {
	width: 58px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	cursor: pointer;
	color: #c4c4c4;
}

.hot_rank .comic_rank.cur {
	color: #d9616a;
	text-decoration: underline;
}

.hot_rank .comic_rank2 {
	margin: 0 22px;
}

/*婕敾鍒楄〃*/
.v5_comic_list {
	width: 1200px;
	height: 370px;
	margin: 0 auto;
	margin-top: 20px;
	font-family: "Microsoft YaHei";
	position: relative;
	z-index: 5;
	background: #fff;
	border-radius: 5px;
	padding-top: 18px;
}

.comic_content {
	width: 972px;
	height: 100%;
}

.comic_goup {
	width: 220px;
	height: 100%;
}

.comic_content .comic_content_tit {
	width: 100%;
	height: 37px;
	background-image: url(../images/comiclist_ico.png);
	background-repeat: no-repeat;
}

.comic_content .comic_content_tit h2 {
	width: 148px;
	height: 37px;
	line-height: 37px;
	margin-left: 44px;
	font-size: 24px;
	color: #4a4a4a;
	font-weight: bold;
	text-align: center;
	float: left;
}

.comic_content .comic_choose li {
	float: left;
	width: 60px;
	height: 37px;
	line-height: 42px;
	color: #000;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}

.comic_list_qy .comic_content .comic_content_tit {
	background-position: 10px -51px;
}

.comic_list_ts .comic_content .comic_content_tit {
	background-position: 10px -123px;
}

.comic_list_dy .comic_content .comic_content_tit {
	background-position: 10px -193px;
}

.comic_list_man .comic_content .comic_content_tit {
	background-position: 10px -268px;
}

.comic_list_maid .comic_content .comic_content_tit {
	background-position: 10px -329px;
}

.comic_list_gay .comic_content .comic_content_tit {
	background-position: 10px -402px;
}

.comic_list_sige .comic_content .comic_content_tit {
	background: url(../images/sige.png) no-repeat 10px center;
}

.no_bg .comic_content .comic_content_tit {
	background: none;
}

.no_bg .comic_content .comic_content_tit .comic_sort_font::before {
	content: '';
	margin: 0 6px 0px 16px;
	vertical-align: middle;
	display: inline-block;
	width: 20px;
	height: 37px;
}

.comic_list_mohuan .comic_content .comic_content_tit .comic_sort_font::before {
	background: url(../images/comiclist_ico.png) no-repeat -29px -468px;
}

.comic_list_shenghuo .comic_content .comic_content_tit .comic_sort_font::before {
	background: url(../images/comiclist_ico.png) no-repeat -54px -468px;
}

.comic_list_dongzuo .comic_content .comic_content_tit .comic_sort_font::before {
	background: url(../images/comiclist_ico.png) no-repeat -81px -468px;
}

.comic_list_gaoxiao .comic_content .comic_content_tit .comic_sort_font::before {
	background: url(../images/comiclist_ico.png) no-repeat -111px -468px;
}

.comic_list_tuili .comic_content .comic_content_tit .comic_sort_font::before {
	background: url(../images/comiclist_ico.png) no-repeat -140px -468px;
}

.comic_list_potential .comic_content .comic_content_tit .comic_sort_font::before {
	background: url(../images/comiclist_ico.png) no-repeat 0px -515px;
}

.comic_list_over .comic_content .comic_content_tit .comic_sort_font::before {
	background: url(../images/comiclist_ico.png) no-repeat -34px -515px;
}

.comic_list_mangai .comic_content .comic_content_tit .comic_sort_font::before {
	background: url(../images/comiclist_ico.png) no-repeat -73px -515px;
}

.comic_content .comic_choose li.cur {
	background: url(../images/comiclist_ico.png) no-repeat 0px -563px;
}

.comic_content .comic_look_more {
	width: 67px;
	height: 28px;
	line-height: 28px;
	position: relative;
	padding-left: 20px;
	margin-top: 5px;
}

.comic_content .comic_look_more:hover::after {
	background: url(../images/comiclist_ico.png) no-repeat -116px -519px;
}

.comic_content .comic_look_more:hover {
	color: #e9626e;
}

.comic_content .comic_look_more::after {
	content: "";
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(../images/comiclist_ico.png) no-repeat -156px -519px;
	position: absolute;
	top: 2px;
	right: 7px;
}

.rotate90.comic_look_more::after {
	content: "";
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(../images/comiclist_ico.png) no-repeat -116px -519px;
	position: absolute;
	top: 2px;
	right: 7px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
}

.rotate0.comic_look_more::after {
	content: "";
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url(../images/comiclist_ico.png) no-repeat -116px -519px;
	position: absolute;
	top: 2px;
	right: 7px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
}

.comic_look_more .more_hide {
	position: absolute;
	border: 1px solid #cccccc;
	border-radius: 4px;
	background-color: rgb(250, 250, 250);
	height: 20px;
	line-height: 20px;
	right: 0;
	top: 27px;
	z-index: 6;
	width: 105px;
	box-shadow: 0px 0px 5px #ccc;
}

.comic_look_more.third .more_hide {
	width: 158px;
}

.comic_look_more .more_hide a {
	float: left;
	padding: 0 14px;
	background: #fff;
	color: #999999;
}

.comic_look_more .more_hide a:first-of-type,
.comic_look_more.third .more_hide a:nth-of-type(2) {
	border-right: 1px solid #ccc;
}

.comic_look_more .more_hide a:hover {
	background: #e0e0e0;
	color: #666666;
}

.comic_content .comic_list_slide_box {
	height: 300px;
	width: 100%;
	position: relative;
	margin-top: 17px;
	border-left: 55px solid #fff;
	box-sizing: border-box;
}

.comic_content .comic_list_slide_box ul {
	position: absolute;
	top: 0px;
	left: 0;
	height: 260px;
	width: 9999px;
}

.comic_content .comic_list_slide_box li {
	float: left;
	width: 185px;
	margin-right: 12px;
	position: relative;
}

.comic_content .comic_list_slide_box li:last-of-type {
	margin-right: 0;
}

.comic_content .comic_list_slide_box li .comic_pic {
	display: block;
	width: 185px;
	height: 195px;
	border: 1px solid #eeeded;
	border-radius: 5px;
}

.comic_content .comic_list_slide_box li .comic_pic img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

.comic_content .comic_list_slide_box li .comic_tit {
	display: block;
	width: 100%;
	overflow: hidden;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	text-align: center;
	margin-top: 12px;
	font-weight: bold;
	position: relative;
}

.comic_content .comic_list_slide_box .comic_pic:hover {
	border: 1px solid #6dad14;
}

.comic_content .comic_list_slide_box li .comic_tit:hover {
	color: #89d38f;
}

.comic_content .comic_list_slide_box li .comic_tit .ico_rec {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/comiclist_ico.png) no-repeat -1px -473px;
	margin: 0px 3px 0 0;
	position: relative;
	top: 2px;
}

.comic_content .comic_list_slide_box li .border1 {
	border: 1px solid #89b38f;
}

.comic_content .comic_list_slide_box li .comic_type,
.comic_content .comic_list_slide_box li .comic_class {
	text-align: center;
	height: 28px;
	line-height: 28px;
	color: #999999;
}

.rank_bang .comic_type {
	color: #999;
}

.rank_bang .rank_comic_tit {
	margin-left: 9px;
}

.comic_goup .goup_tab {
	margin-top: 8px;
}

.goup_tit {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

.v5_comic_list .hot_tab_btn.cur,
.v5_comic_list .goup_tab_btn.cur {
	border-bottom: 2px solid #e9626e;
	color: #e9626e;
}

.rank_bang {
	background: #fff;
	margin-top: 20px;
	padding: 0px 3px 5px 3px;
	position: relative;
	color: #333;
}

.rank_bang li {
	height: 34px;
	line-height: 17px;
	margin-top: 11px;
	*margin-top: 6px;
	overflow: hidden;
}

.rank_bang .rank_num {
	width: 16px;
	height: 16px;
	background: #eeeeee;
	line-height: 16px;
	text-align: center;
	color: #333;
}

.rank_bang .rank_comic_tit:hover {
	color: #8ccd58;
}

.hot_comic_list .hot_num.hot_num_orange,
.rank_bang .rank_num.rank_num_orange {
	width: 14px;
	height: 14px;
	line-height: 14px;
	background: #9bd66d;
	color: #fff;
	border: 1px solid #7bb350;
}

.v5_comic_list .rank_bang .click_read_more {
	width: 210px;
	height: 22px;
	border: 1px solid #e4e4e4;
	text-align: center;
	line-height: 22px;
	border-radius: 5px;
	margin-top: 15px;
	overflow: visible;
	position: relative;
}

.v5_comic_list .rank_bang .click_read_more:hover {
	border: 1px solid #cccccc;
}

.v5_comic_list .rank_bang .click_read_more>a {
	float: left;
	width: 100%;
	height: 100%;
	color: #999;
}

.v5_comic_list .rank_bang .click_read_more>a::after {
	content: '';
	width: 10px;
	height: 22px;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	background: url(../images/comiclist_ico.png) no-repeat -150px 5px;
	margin-left: 5px;
}

.v5_comic_list .rank_bang .click_read_more.more_pull>a.hover {
	background: #e0e0e0;
	color: #333;
}

.v5_comic_list .rank_bang .click_read_more.more_pull>a.hover::after {
	background: url(../images/comiclist_ico.png) no-repeat -172px 5px;
}

.v5_comic_list .rank_bang .click_read_more>a:hover {
	background: #e0e0e0;
	color: #333;
}

.v5_comic_list .rank_bang .click_read_more>a:hover::after {
	background: url(../images/comiclist_ico.png) no-repeat -172px 5px;
}

.v5_comic_list.comic_list_sort .comic_sort_font {
	font-size: 24px;
	font-weight: bold;
	height: 37px;
	line-height: 37px;
	margin-right: 45px;
}

.v5_comic_list .click_read_more.more_pull>a.hover::after {
	-webkit-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
}

.v5_comic_list .click_read_more.more_pull .choose_more {
	width: 100%;
	position: absolute;
	top: 22px;
	left: -1px;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	background: #fafafa;
	display: none;
}

.v5_comic_list .click_read_more.more_pull .choose_more a {
	margin: 0 15px;
	color: #999999;
}

.v5_comic_list .click_read_more.more_pull .choose_more a:hover {
	color: #333;
}

/*骞垮憡浣�*/
.generalize {
	display: block;
	width: 1200px;
	height: 110px;
	margin: 20px auto;
	position: relative;
	overflow: hidden;
}

.generalize img {
	position: absolute;
	left: 50%;
	margin-left: -750px;
}

/*涓婂崌姒滄粦杩囨樉绀鸿鎯卌ss*/
.comic_info {
	width: 106px;
	background: #fff;
	position: absolute;
	right: 6px;
	text-align: center;
	z-index: 5;
	pointer-events: none;
	border: 1px solid #cadacb;
}

.comic_info img {
	width: 90px;
	height: 118px;
	margin: 8px auto;
}

.comic_info h3 {
	height: 22px;
	line-height: 22px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	width: 100%;
	overflow: hidden;
	margin-bottom: 7px;
}

.comic_info .lx span {
	float: left;
	width: 40px;
	height: 18px;
	line-height: 18px;
	border-radius: 9px;
	color: #478c4c;
	border: 1px solid #d0ffca;
	margin: 0 0 7px 7px;
}

.comic_content .comic_list_slide_box .comic_slide_prev,
.comic_content .comic_list_slide_box .comic_slide_next {
	width: 45px;
	height: 266px;
	position: absolute;
	top: 0px;
	cursor: pointer;
	z-index: 3;
}

.comic_content .comic_list_slide_box .comic_slide_prev {
	left: 0;
	background: url(../images/btn_sprites.png) no-repeat -264px -10px;
}

.comic_content .comic_list_slide_box .comic_slide_next {
	right: 0;
	background: url(../images/btn_sprites.png) no-repeat -385px -10px;
}

.comic_content .comic_list_slide_box .comic_slide_prev:hover {
	left: 0;
	background: url(../images/btn_sprites.png) no-repeat -328px -10px;
}

.comic_content .comic_list_slide_box .comic_slide_next:hover {
	right: 0;
	background: url(../images/btn_sprites.png) no-repeat -448px -10px;
}

.goup_tab_btn.goup_tab_btn1 {
	margin-left: 30px;
	color: #333;
}

.goup_tab_btn.goup_tab_btn2,
.goup_tab_btn.goup_tab_bt3 {
	margin-left: 15px;
	color: #333;
}

.comic_goup .rank_all li a {
	color: #333;
}

.comic_goup .goup_tab .goup_tit {
	color: #333;
}

.rank_bang li .rank_comic_show {
	width: 190px;
}

/*婕敼*/
.comic_list_sort.comic_list_mangai .comic_content,
.comic_list_sort.comic_list_mangai .comic_content_tit,
.comic_list_sort.comic_list_mangai .comic_list_slide_box {
	width: 1200px;
	border-radius: 5px;
}

.comic_list_sort.comic_list_mangai .comic_list_slide_box li {
	width: 171px;
	margin-right: 12px;
}

.comic_list_sort.comic_list_mangai .comic_list_slide_box li .comic_pic {
	width: 171px;
	height: 222px;
}

.comic_list_sort.comic_list_mangai.v5_comic_list {
	height: 382px;
}

.comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box {
	height: 328px;
}

.comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_prev,
.comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_next {
	height: 328px;
	background-size: auto 100%;
}

/*.comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_prev{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/prevbtn.png',sizingMethod='scale');}
.comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_next{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/nextbtn.png',sizingMethod='scale');}
.comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_prev,.comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_next{background:none\0/;}
.comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_prev,.comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_next{!background:none;}*/

.comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_prev {
	left: 0;
	background: url(../images/btn_sprites.png) no-repeat -10px -10px;
}

.comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_next {
	right: 0;
	background: url(../images/btn_sprites.png) no-repeat -131px -10px;
}

.comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_prev:hover {
	left: 0;
	background: url(../images/btn_sprites.png) no-repeat -74px -10px;
}

.comic_list_sort.comic_list_mangai .comic_content .comic_list_slide_box .comic_slide_next:hover {
	right: 0;
	background: url(../images/btn_sprites.png) no-repeat -194px -10px;
}

.comic_list_sort.comic_list_mangai .comic_content .comic_choose li.dh {
	width: 90px;
}

.comic_list_sort.comic_list_mangai .comic_content .comic_choose li.zrj {
	width: 75px;
}

.comic_list_sort.comic_list_mangai .comic_content .comic_choose li.cur.dh {
	background: url(../images/comiclist_ico.png) no-repeat 0px -638px;
}

.comic_list_sort.comic_list_mangai .comic_content .comic_choose li.cur.zrj {
	background: url(../images/comiclist_ico.png) no-repeat -87px -563px;
}

/*閫氱敤澶撮儴*/
#topbar .wrap .left .pop_wrap .nav,
#topbar .wrap .left .pop_wrap .nav1 {
	color: #333;
}

@media screen and (min-width:1550px) {
	#banner_box .top_nav_shadow .top_nav {
		width: 1500px;
	}

	.comic_content {
		width: 1245px;
		height: 100%;
	}

	.comic_goup {
		width: 235px;
		height: 100%;
	}

	.comic_content .comic_list_slide_box li {
		margin-right: 18px;
	}

	.comic_content .comic_list_slide_box ul {
		padding-left: 10px;
	}

	.comic_list_mangai .comic_content .comic_list_slide_box ul {
		padding-left: 2px;
	}

	.comic_list_mangai .comic_content .comic_list_slide_box li {
		margin-right: 18px;
	}

	.comic_content .comic_list_slide_box {
		height: 260px;
	}

	.comic_list_sort.comic_list_mangai .comic_list_slide_box,
	.v5_comic_list,
	.generalize,
	.comic_list_sort.comic_list_mangai .comic_content_tit,
	.comic_list_sort.comic_list_mangai .comic_content {
		width: 1500px;
	}

	.comic_list_sort.comic_list_mangai .comic_list_slide_box {
		border: none;
	}

	.go_top {
		margin-left: 760px;
	}

	.all_hottest {
		margin-left: -745px;
	}

	#topbar .wrap {
		width: 1500px;
	}

	#topbar #userbar {
		margin-right: 130px;
	}

	#topbar .fr .pop_wrap.wrap_forum {
		margin-right: 150px;
	}

	.comic_content .comic_list_slide_box .comic_slide_prev,
	.comic_content .comic_list_slide_box .comic_slide_next {
		width: 50px;
	}


	.hot__mask_bg_box {
		background: url(../images/hot_bg.png) no-repeat center center;
		width: 266px;
		padding: 0;
		height: 428px;
		background-size: cover;
		border-radius: 5px;
		position: absolute;
		left: 50%;
		margin-left: -745px;
		top: 65px;
		z-index: 3;
	}

	.hot__mask_bg {
		background: none;
		width: 100%;
		height: 100%;
		-webkit-filter: blur(10px);
		-moz-filter: blur(10px);
		filter: blur(10px);
		background-position: -216px -65px;
		z-index: 3;
	}

	.hot__mask_bg:active {
		cursor: -webkit-grabbing;
		cursor: -moz-grabbing;
		cursor: grabbing;
	}

	.generalize_box {
		width: 1500px;
	}

	.generalize_new.g1 {
		width: 1246px;
	}

	.generalize_new.g2 {
		width: 234px;
	}
}

.big #banner_box .top_nav_shadow .top_nav {
	width: 1500px;
}

.big .comic_content {
	width: 1245px;
	height: 100%;
}

.big .comic_goup {
	width: 235px;
	height: 100%;
}

.big .comic_content .comic_list_slide_box li {
	margin-right: 18px;
}

.big .comic_content .comic_list_slide_box ul {
	padding-left: 10px;
}

.big .comic_list_mangai .comic_content .comic_list_slide_box ul {
	padding-left: 2px;
}

.big .comic_list_mangai .comic_content .comic_list_slide_box li {
	margin-right: 18px;
}

.big .comic_content .comic_list_slide_box {
	height: 260px;
}

.big .comic_list_sort.comic_list_mangai .comic_list_slide_box,
.big .v5_comic_list,
.big .generalize,
.big .comic_list_sort.comic_list_mangai .comic_content_tit,
.big .comic_list_sort.comic_list_mangai .comic_content {
	width: 1500px;
}

.big .comic_list_sort.comic_list_mangai .comic_list_slide_box {
	border: none;
}

.big .go_top {
	margin-left: 760px;
}

.big .all_hottest {
	margin-left: -745px;
}

.big #topbar .wrap {
	width: 1500px;
}

.big #topbar #userbar {
	margin-right: 130px;
}

.big #topbar .fr .pop_wrap.wrap_forum {
	margin-right: 150px;
}

.big .comic_content .comic_list_slide_box .comic_slide_prev,
.comic_content .comic_list_slide_box .comic_slide_next {
	width: 50px;
}

.big .hot__mask_bg_box {
	background: url(../images/hot_bg.png) no-repeat center center;
	width: 266px;
	padding: 0;
	height: 428px;
	background-size: cover;
	border-radius: 5px;
	position: absolute;
	left: 50%;
	margin-left: -745px;
	top: 65px;
	z-index: 3;
}

.big .hot__mask_bg {
	background: none;
	width: 100%;
	height: 100%;
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	filter: blur(10px);
	background-position: -216px -65px;
	z-index: 3;
}

.big .hot__mask_bg:active {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: grabbing;
}

/* 璋冩煡闂嵎寮圭獥 */
.vip_dialog {
	width: 385px;
	height: 353px;
	background: url(../images/vip_dialog_bg.png) no-repeat;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -197px;
	margin-top: -176px;
	z-index: 1200;
}

.vip_dialog .close {
	width: 32px;
	height: 32px;
	background: url(../images/vip_dialog_close.png) no-repeat;
	position: absolute;
	right: 0;
	top: 75px;
}

.vip_dialog .tit_pay,
.vip_dialog .txt,
.vip_dialog .info_txt {
	text-align: center;
	font-size: 16px;
	color: #447a00;
}

.vip_dialog .tit_pay {
	margin-top: 170px;
	line-height: 30px;
}

.vip_dialog .bg_l,
.vip_dialog .bg_r {
	position: absolute;
	top: 196px;
}

.vip_dialog .bg_l {
	left: 45px;
}

.vip_dialog .bg_r {
	right: 46px;
}

.vip_dialog .erweima_box {
	width: 150px;
	height: 150px;
	background: #f2f2f2;
	border: 1px solid #9fca59;
	margin: 5px auto 0;
}

.vip_dialog .erweima_box img {
	width: 150px;
	height: 150px;
}

.vip_dialog .txt {
	margin-top: 3px;
}

.vip_dialog .info_txt {
	text-align: center;
	height: 145px;
	width: 320px;
	position: absolute;
	top: 130px;
	left: 28px;
}

.vip_dialog .info_txt:after,
.vip_dialog .info_txt span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.vip_dialog .info_txt:after {
	content: '';
}

.vip_dialog .info_txt p {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	font-size: 16px;
}

.vip_dialog .btn {
	text-align: center;
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -124px;
	width: 248px;
}

.vip_dialog .btn a {
	width: 100px;
	height: 26px;
	border-radius: 3px;
	display: inline-block;
	text-align: center;
	line-height: 26px;
	border: 1px solid #7aba33;
	margin: 0 10px 0 10px;
}

.vip_dialog .btn a:hover {
	opacity: .9;
	filter: alpha(opacity=90);
}

.vip_dialog .btn_focus {
	background: #85c441;
	color: #fff;
}

.vip_dialog .btn_normal {
	background: #F0FFE3;
	color: #447a00;
}

.vip_dialog .click_go {
	padding: 0px 20px;
	height: 30px;
	line-height: 30px;
	background: #BAE88D;
	color: #315112;
	font-size: 16px;
	border: 2px solid #74C349;
	border-radius: 8px;
	text-decoration: none;
	position: absolute;
	bottom: 40px;
	left: 138px;
}

/*鏂板鏍囩*/
.v5_comic_list.comic_list_naodong .comic_content_tit .comic_sort_font::before {
	width: 32px;
	height: 32px;
	background: url(../images/tag.png) no-repeat 3px 2px;
}

.v5_comic_list.comic_list_ranbao .comic_content_tit .comic_sort_font::before {
	width: 32px;
	height: 32px;
	background: url(../images/tag.png) no-repeat 3px -50px;
}

.v5_comic_list.comic_list_gufeng .comic_content_tit .comic_sort_font::before {
	width: 32px;
	height: 32px;
	background: url(../images/tag.png) no-repeat 3px -103px;
}

.v5_comic_list.comic_list_satang .comic_content_tit .comic_sort_font::before {
	width: 32px;
	height: 32px;
	background: url(../images/tag.png) no-repeat 3px -153px;
}

.v5_comic_list.comic_list_jingqi .comic_content_tit .comic_sort_font::before {
	width: 32px;
	height: 32px;
	background: url(../images/tag.png) no-repeat 3px -206px;
}

.v5_comic_list.comic_list_yaoqi .comic_content_tit .comic_sort_font::before {
	width: 32px;
	height: 32px;
	background: url(../images/tag.png) no-repeat 3px -257px;
}

.v5_comic_list.comic_list_maoxian .comic_content_tit .comic_sort_font::before {
	width: 32px;
	height: 32px;
	background: url(../images/tag.png) no-repeat 3px -309px;
}

.v5_comic_list .comic_sort_font {
	font-size: 24px;
	font-weight: bold;
	height: 37px;
	line-height: 37px;
	margin-right: 45px;
}

.generalize_box {
	margin: 20px auto;
	width: 1200px;
	overflow: hidden;
}

.generalize_new {
	height: 110px;
	position: relative;
	overflow: hidden;
}

.generalize_new.g1 {
	width: 972px;
}

.generalize_new.g2 {
	width: 220px;
}

.generalize_new.g1 img {
	position: absolute;
	left: 50%;
	margin-left: -623px;
}

.generalize_new.g2 img {
	position: absolute;
	left: 50%;
	margin-left: -117px;
}

.big .generalize_box {
	width: 1500px;
}

.big .generalize_new.g1 {
	width: 1246px;
}

.big .generalize_new.g2 {
	width: 234px;
}



@charset "utf-8";

/*通用弹出框*/
input {
	vertical-align: middle;
}

.ui-widget-overlay {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #545454;
	filter: alpha(opacity=20);
	opacity: .2
}

.ui-dialog {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0px;
	z-index: 10;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.ui-widget-header {
	position: relative;
	background: #f7f7f7;
	height: 30px;
	border: 0;
	border-bottom: 1px solid #85ba01;
	color: #76A600;
	font-family: "微软雅黑";
	font-size: 16px;
	z-index: 12;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	font-weight: normal;
	padding-top: 5px
}

.ui-dialog .ui-dialog-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: -6px;
	left: -6px;
	background: #292928;
	border: 6px solid #292928;
	filter: alpha(opacity=40);
	opacity: 0.4;
	z-index: -1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px
}

.ui-dialog .ui-dialog-content {
	color: #3b3b3b;
	z-index: 1;
	overflow: auto;
	_overflow: visible;
	background: #fff;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px
}

.ui-dialog .ui-dialog-title {
	background: url(../images/pic_dialog.png) 10px 9px no-repeat;
	float: left;
	height: 30px;
	line-height: 24px;
	padding: 0 15px 0 23px;
	position: static
}

.ui-dialog .ui-dialog-title i {
	font-size: 12px;
	padding-right: 10px;
	color: #999;
	font-weight: normal;
	text-align: right;
	position: absolute;
	width: 150px;
	height: 22px;
	right: 30px;
	top: 6px
}

.ui-dialog .ui-dialog-title i a {
	color: #f80;
	position: relative;
	z-index: 10000
}

.ui-dialog .ui-dialog-titlebar-close {
	background: url(../images/pic_dialog.png) 0 -25px no-repeat;
	width: 16px;
	height: 15px;
	margin: -7px 0 0;
	position: absolute;
	right: 0.6em;
	top: 50%;
	border: none;
}

.ui-dialog .ui-dialog-titlebar-close span {
	display: none
}

.ui-dialog .ui-dialog-titlebar-close:hover {
	background-position: 0 -40px
}

.ui-dialog .ui-dialog-buttonpane {
	position: relative;
	height: 40px;
	background: #fff;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	margin-top: -5px
}

.ui-dialog .ui-dialog-content td {
	vertical-align: middle;
}

.ui-dialog .ui-dialog-content td a {
	color: #808080;
	text-decoration: underline
}

.ui-dialog .ui-dialog-content td a:hover {
	color: #ff9900;
	text-decoration: none
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	text-align: center
}

.ui-dialog .ui-dialog-buttonpane button,
.ui-dialog .ui-dialog-buttonpane button.left {
	background: url(../images/pic_dialog.png) 0 -55px no-repeat;
	width: 72px;
	bottom: 20px;
	text-align: center;
	border: 0;
	padding: 0;
	margin: 0 0 .5em .4em;
	overflow: hidden;
	cursor: pointer;
	height: 26px;
	color: #444;
	font-size: 12px;
	line-height: 25px;
	line-height: 24px\9;
	padding-bottom: 3px
}

.ui-dialog .ui-dialog-buttonpane button:hover {
	text-decoration: none;
	text-indent: 0;
	opacity: 0.85;
	filter: Alpha(Opacity=85)
}

.ui-dialog .ui-dialog-buttonpane button.left {
	background-position: 0 -85px;
	color: #fff
}

.ncc_upload_img {
	height: 100px;
	overflow: hidden
}

/*--- 月票、推荐弹出框样式（old） ---*/
.song {
	font-family: "宋体"
}

.lf {
	display: inline;
	float: left
}

.rt {
	display: inline;
	float: right
}

.font_14 {
	font-size: 14px
}

.gray_80 {
	color: #808080
}

.red_e5 {
	color: #E50000
}

.yellow {
	color: #FF4E00
}

.blue_22 {
	color: #2275DB
}

.green_30 {
	color: #309830
}

.blue3 {
	color: #3b57e7
}

.line_18 {
	line-height: 18px
}

.auto {
	overflow: auto
}

.blo {
	display: block
}

.green_6b {
	color: #6BA718
}

.b {
	font-weight: bold
}

.txt_ct {
	text-align: center
}

.txt_rt {
	text-align: right
}

.pd_t_6 {
	padding-top: 6px
}

.pd_t_10,
.pd_t_13 {
	padding-top: 10px
}

.pd_l_15 {
	padding-left: 15px
}

.pd_lr_13 {
	padding: 0 13px
}

.pd_lr_35 {
	padding-left: 35px;
	padding-right: 35px
}

.pd_rt_13 {
	padding-right: 13px
}

.pd_b_6 {
	padding-bottom: 6px
}

.pd_b_15 {
	padding-bottom: 15px
}

.pd_tb_4 {
	padding: 4px 0
}

.tanchu_donate_bg {
	background: url(../images/tanchu_donate_bg.gif) right bottom no-repeat;
	padding-bottom: 135px
}

.width_360 {
	width: 360px
}

.width_190 {
	width: 190px;
	line-height: 24px
}

.tanchu_dot_shu {
	background: url(../images/tanchu_dot_shu.gif) right top repeat-y
}

.tanchu_dot_heng {
	background: url(../images/tanchu_dot_heng.gif) repeat
}

.width_90 {
	width: 90px
}

.width_92 {
	width: 92px
}

.width_350 {
	width: 350px;
	clear: both
}

.pd_rt_10 {
	padding-right: 10px
}

.indent_2 {
	text-indent: 2em
}

.pd_t_25 {
	padding-top: 20px
}

.pd_t_40 {
	padding-top: 40px
}

.img_bor_2_pd_1 {
	border: 2px solid #d6d6d6;
	padding: 1px
}

.mg_2 {
	margin-left: 23px;
	margin-right: 23px
}

.bg_bottom {
	background: url(../images/dot.gif) repeat-x scroll left bottom transparent
}

.btn_ui_add_favorite {
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	width: 94px;
	height: 30px;
	background: url(../images/btn_ui_add_favorite.gif) left center no-repeat
}

#month_ticket_dialog,
#donate_dialog,
#grade_dialog,
#recommend_dialog,
#forward_dialog,
#tongren_dialog,
#send_gift_dialog,
#dashang_dialog {
	padding: 20px 0 10px
}

/*推广*/
#forward_dialog .pd_lr_13 .pd_t_16 {
	clear: both;
	padding-top: 10px
}

#forward_dialog .line_21 img {
	vertical-align: text-bottom
}

/*同人*/
#tongren_dialog .pd_t_10 {
	clear: both
}

#tongren_dialog .pd_t_10 div.auto {
	float: left;
	width: 450px
}

/*空间*/
#recommend_dialog dl dt {
	width: 124px
}

#recommend_dialog dl dd {
	float: right;
	width: 400px;
	padding-left: 0
}

#donate_dialog .in_blo {
	float: left;
	height: 20px;
	overflow: hidden;
	*float: none
}

#donate_dialog .pd_t_10 {
	padding-top: 8px
}

#donate_dialog .width_350 .pd_t_6 {
	padding-top: 0
}

#forward_dialog .pd_lr_13 .pd_t_16 p,
#tongren_dialog .pd_t_10 p,
#grade_dialog .pd_t_10 p,
#month_ticket_dialog .month_ticket_dialog_bot,
#dashang_dialog .dashang_dialog_bot {
	padding: 6px 13px;
	line-height: 24px;
	border: 1px solid #E7E5E4;
	background: #F7F7F7;
	color: #808080
}

/*切换*/
.tanchu_exchange {
	padding: 0 0 0 50px;
	height: 31px;
	font-size: 14px;
	border-bottom: 1px solid #c5c5c5;
	margin-bottom: 12px
}

.tanchu_exchange a {
	height: 30px;
	line-height: 30px;
	background: #fcfcfc;
	border: 1px solid #d3d3d3;
	border-bottom: none;
	color: #515151;
	float: left;
	padding: 0 15px;
	margin-right: 7px
}

.tanchu_exchange a.exchanged,
.tanchu_exchange a:hover {
	text-decoration: none;
	background: #78b328;
	border: 1px solid #5c980d;
	border-bottom: none;
	color: #fff
}

/*按钮*/
.btn_tanchu_submit,
.btn_tanchu_reset,
.btn_recommend_tanchu,
.btn_copy,
.btn_tougao,
.btn_donate_submit,
.btn_donate_reset {
	background-image: url(../images/cs_readerjoin.png) !important;
	cursor: pointer;
	width: 60px;
	height: 28px;
	border: 0
}

.btn_recommend_tanchu {
	width: 108px;
	height: 27px;
	background-position: 0 -115px
}

.btn_copy {
	width: 57px;
	height: 23px;
	background-position: 0 -176px;
	position: relative;
	top: 3px;
}

.btn_tougao {
	background-position: 0 -142px;
	width: 96px;
	height: 34px
}

.btn_donate_submit {
	width: 82px;
	background-position: 0 -59px;
	margin-right: 10px
}

.btn_tanchu_submit,
.btn_tanchu_reset,
.btn_tanchu_add {
	margin-right: 10px;
	background-image: none !important;
	width: 87px;
	background-color: #f28b1e;
	border: 1px solid #cc6902;
	color: #fff;
	font-size: 15px
}

.btn_tanchu_submit:hover {
	background: #e57804
}

.btn_tanchu_reset {
	background-color: #f8f8f8;
	border-color: #d3d3d3;
	color: #515151
}

.btn_tanchu_reset:hover {
	background-color: #f0f0f0
}

.btn_tanchu_add {
	background-color: #76b127;
	border-color: #5c980d;
	width: auto;
	padding: 0 5px;
}

.btn_tanchu_add:hover {
	background: #70a924
}

.btn_donate_reset {
	width: 82px;
	background-position: 0 -87px
}

/*打分*/
.tanchu_score {
	width: 383px;
	height: 44px;
	margin: 0 auto;
	background: url(../images/tanchu_score_bg.gif) bottom center no-repeat;
	overflow: hidden
}

.tanchu_score span {
	float: left;
	display: inline-block;
	margin-left: 70px;
	width: 75px;
	height: 44px;
	text-align: center;
	font: 600 31px/44px "\5FAE\8F6F\96C5\9ED1";
	color: #d40500
}

.tanchu_score_info {
	width: 526px;
	margin: 0 auto;
	text-align: center
}

.tanchu_score_info span {
	display: inline-block;
	width: 104px;
	height: 40px;
	border-right: 1px solid #d1d1d1
}

.tanchu_score_info span.bor_0 {
	border: 0
}

.score {
	width: 227px;
	height: 44px;
	margin: 0 auto;
	background: url(../images/sorce_bg.gif) bottom center no-repeat;
	overflow: hidden
}

.score span {
	float: left;
	display: inline-block;
	width: 75px;
	height: 44px;
	text-align: center;
	font: 600 31px/44px "\5FAE\8F6F\96C5\9ED1";
	color: #d40500
}

.star-rating {
	list-style: none;
	margin-top: 5px;
	padding: 0px;
	width: 150px;
	height: 32px;
	position: relative;
	line-height: 32px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	overflow: hidden;
	background: transparent url(../images/ico_star.gif) repeat-x scroll left top
}

.star-rating li {
	color: #FF6600;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 0
}

.star-rating li a {
	display: block;
	height: 32px;
	padding: 0;
	position: absolute;
	text-decoration: none;
	text-indent: -9000px;
	width: 30px;
	z-index: 20
}

.star-rating li a:hover {
	background: transparent url(../images/ico_star.gif) repeat scroll 0 -32px;
	left: 0;
	z-index: 1
}

.star-rating li.current_rating {
	background: transparent url(../images/ico_star.gif) repeat scroll 0 32px;
	display: block;
	height: 32px;
	left: 0;
	position: absolute;
	text-indent: -9000px;
	z-index: 1
}

.star-rating {
	float: left
}

.star-rating a.one-star {
	left: 0px
}

.star-rating a.two-stars {
	left: 30px
}

.star-rating a.three-stars {
	left: 60px
}

.star-rating a.four-stars {
	left: 90px
}

.star-rating a.five-stars {
	left: 120px
}

.star-rating a.one-star:hover {
	width: 30px
}

.star-rating a.two-stars:hover {
	width: 60px
}

.star-rating a.three-stars:hover {
	width: 90px
}

.star-rating a.four-stars:hover {
	width: 120px
}

.star-rating a.five-stars:hover {
	width: 150px
}

.score_text {
	line-height: 30px;
	height: 30px;
	color: #797979;
	text-align: center
}

/*弹出框结束*/
/*推荐弹出框开始*/
.input_txt_240,
.input_txt_320,
.input_file_313 {
	border: 1px solid #dbdbdb;
	font-size: 12px;
	width: 320px;
	background-color: #fff;
	color: #9c9c9c;
	padding: 3px;
	box-shadow: inset 1px 1px 2px #fcfbfb;
}

.input_txt_240 {
	width: 240px
}

.input_file_313 {
	width: 313px;
	background-color: #fff;
	margin: 0
}

.texteare_1_63,
.texteare_1_112,
.texteare_1_90,
.texteare_1_92 {
	border: 1px solid #d6d6d6;
	color: #999;
	font-size: 12px;
	line-height: 21px;
	overflow: auto;
	width: 96%;
	height: 63px;
	background: #fff;
	padding: 0 3px
}

.texteare_1_112 {
	height: 112px
}

.texteare_1_92 {
	height: 92px
}

.texteare_1_120 {
	height: 120px
}

.texteare_1_90 {
	height: 90px;
	line-height: 18px
}

/*送礼物弹框*/
#send_gift_dialog {
	color: #515151;
}

#send_gift_dialog .tab,
#dashang_dialog .tab {
	height: 28px;
	line-height: 28px;
	background: #fff;
	margin-top: -20px;
	padding-left: 35px;
	border: 1px solid #6eaf17;
	border-top: none;
	*position: relative;
	*top: -20px;
}

#send_gift_dialog .tab a,
#dashang_dialog .tab a {
	display: inline-block;
	padding: 0 5px;
	text-align: center;
	color: #808080;
	font-size: 13px
}

#send_gift_dialog .tab a.curr,
#send_gift_dialog .tab a:hover,
#dashang_dialog .tab a.curr,
#dashang_dialog .tab a:hover {
	color: #6da81d;
	font-weight: bold;
	text-decoration: none
}

#send_gift_dialog .con_top {
	height: 82px;
	border-bottom: 1px dashed #e3e3e3
}

#send_gift_dialog .ico_gift {
	width: 65px;
	height: 60px;
	float: left;
	margin: 10px
}

#send_gift_dialog .gift_info {
	float: left;
	padding: 12px 0 0 10px
}

#send_gift_dialog .gift_info strong {
	font-size: 16px;
	color: #ea9105;
	line-height: 30px
}

#send_gift_dialog .choose_num {
	height: 22px;
	padding: 10px 0 15px 10px
}

#send_gift_dialog .choose_num a {
	width: 59px;
	height: 30px;
	background: #fdfdfd;
	border: 1px solid #c6c6c6;
	display: inline-block;
	text-align: center;
	font: 18px/30px "microsoft yahei";
	float: left;
	margin-right: 10px;
	cursor: pointer;
}

#send_gift_dialog .choose_num a.cur {
	width: 61px;
	height: 32px;
	background: url(../images/curbg.png) 0 -39px no-repeat;
	line-height: 32px;
	border: none;
}

#send_gift_dialog .choose_num a:hover {
	text-decoration: none;
}

#send_gift_dialog .choose_num input {
	margin-right: 5px;
	*margin-right: 0px
}

#send_gift_dialog .choose_num label {
	margin-right: 27px;
	*margin-right: 24px;
	font: 13px "Arial";
	display: inline
}

.gb {
	width: 22px;
	height: 22px;
	float: left;
	background: url(../images/lb.gif) no-repeat;
	margin-left: 10px;
	border: 0;
	position: relative;
	top: 13px;
}

.gb:hover {
	background: url(../images/lb_hover.gif);
}

.gb_tc {
	width: 325px;
	padding: 10px;
	height: 95px;
	background: #fffded;
	border: 1px solid #d5c6bb;
	position: absolute;
	left: 448px;
	top: 45px;
	display: none;
}

.gb_tc h3 {
	font-style: normal;
	font-weight: normal;
}

.gb_tc .fb {
	font-weight: bold;
}

.gb_tc p {
	margin-top: 5px;
}

.orang_f28 {
	color: #f28b1e;
}

.red_e5 {
	color: #e50000;
}

#send_gift_dialog .choose_num .text {
	width: 56px;
	height: 18px;
	border: 1px solid #b9b9b9;
	margin: -5px 0 0 -15px
}

#send_gift_dialog .con_mid .words textarea {
	width: 522px;
	height: 42px;
	padding: 0 5px;
	border: 1px solid #b9b9b9;
	display: inline-block;
	vertical-align: top;
	color: #808080
}

#send_gift_dialog .con_mid .words .num_words {
	color: #767474;
	float: right;
	font-family: "Arial"
}

#send_gift_dialog .con_mid .btn_zs {
	display: inline-block;
	width: 87px;
	height: 28px;
	background: #f28b1e;
	border: 1px solid #cc6902;
	font-size: 15px;
	line-height: 28px;
	text-align: center;
	color: #fff;
	margin: 0 20px 0 205px;
	text-decoration: none
}

#send_gift_dialog .con_mid .btn_zs:hover {
	background: #e57804;
	text-decoration: none
}

#send_gift_dialog .btn_box {
	padding: 10px 0;
	text-align: center;
}

#send_gift_dialog .btn_box a {
	color: #3b57e7;
	text-decoration: underline
}

#send_gift_dialog .con_bot {
	background: #f5f5f5;
	border: 1px solid #e7e5e4;
	width: 550px;
	padding: 5px 13px;
	color: #808080;
	margin-top: 10px;
}

#send_gift_dialog .con_bot .charge {
	color: #3b57e7;
	text-decoration: underline;
	margin-left: 24px
}

#send_gift_dialog .con_bot i,
#send_gift_dialog .con_bot em,
#send_gift_dialog h5 em {
	color: #70ab21;
	font-weight: bold;
	margin: 0 2px;
	font-family: "Arial"
}

#send_gift_dialog .con_bot i {
	color: #e50000
}

#send_gift_dialog .con_bot p a {
	color: #70ab21;
	margin-left: 15px
}

/*投月票*/
/*#month_ticket_dialog .month_ticket_dialog_bot{margin-top:10px}
#month_ticket_dialog .month_ticket_dialog_bot .dashang{background:#e3e8c3; width:325px; padding:0 3px}
.gray_b9{color:#bbb9b9}
#member_ticket_count,#month_ticket_dialog .month_ticket_dialog_bot em{color:#e50000; font-weight:bold; font-family:"Arial"}
#month_ticket_dialog .btn_tobe_vip{display:inline-block; width:196px; height:42px; background:#f28b1e; border:1px solid #cc6902; font:18px/42px "Microsoft Yahei"; color:#fff; text-align:center}
#month_ticket_dialog .btn_tobe_vip:hover{background:#e57804; text-decoration:none}*/
/*我要打赏*/
/*#dashang_dialog .pd_b_6 label{display:inline-block; margin-right:26px; font-family:"Arial"}
#dashang_dialog .pd_b_6 label input{margin-right:5px; *margin-right:0; vertical-align:text-top; *vertical-align:middle}
#dashang_dialog #ds_ticket .pd_b_6 label{margin-right:30px}*/
/*表情*/
.ico_feel_img {
	background: url(../images/ico_coment_feel_bg_new.gif) no-repeat 2px 0;
	width: 112px;
	height: 24px;
	float: left;
	padding-left: 1px;
	position: relative;
}

.ico_feel_img ol {
	float: left;
	width: 53px;
	height: 24px;
	background: none;
	padding: 0
}

.ico_feel_img ol i {
	position: absolute;
	background: url(../images/cs_pic.png) no-repeat -138px -90px;
	display: block;
	width: 22px;
	height: 14px;
	top: -6px;
	left: 45px;
}

.ico_feel_img ol a {
	display: block;
	height: 24px;
	line-height: 24px
}

.ico_feel_img ol a:hover {
	color: #2f2f2f;
	text-decoration: none
}



/*-----------分享弹出层----------------------*/
#allshadow,
#sharebox {
	display: none
}

#sharebox a,
#sharebox span {
	position: relative
}

#allshadow {
	filter: alpha(opacity=20);
	opacity: 0.2;
	background: #000;
	width: 100%;
	height: 100%;
	position: fixed;
	_position: absolute;
	_top: expression(documentElement.scrollTop + "px");
	_height: expression(documentElement.clientHeight + "px");
	left: 0;
	top: 0;
	z-index: 600
}

#sharebox {
	padding: 62px 0 0 35px;
	width: 405px;
	height: 159px;
	z-index: 99998;
	top: 25%;
	left: 50%;
	margin-left: -220px;
	position: fixed;
	_position: absolute;
	_top: expression(documentElement.scrollTop+documentElement.clientHeight*0.25 + "px");
	background: url(../images/sharebg.png);
	_background: none
}

#sharebox .bbg {
	_position: absolute;
	left: 0;
	top: 0;
	_width: 405px;
	_height: 159px;
	z-index: -1;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.u17i.com/v4/common/images/dialog/sharebg.png")
}

#sharebox p {
	padding: 13px 0 0 14px;
	color: #333;
	clear: both
}

#sharebox p span {
	color: #666
}

#sharebox .wb {
	padding: 0 0 0 14px;
	color: #333;
	height: 42px
}

#sharebox .wb span.fl {
	padding-top: 3px
}

#sharebox .wb .u {
	color: #205b9e;
	padding: 3px 0 5px 26px
}

#bdshare a,
#bdshare span {
	position: relative
}

#sharebox .url {
	border: 0;
	height: 26px;
	line-height: 26px;
	margin-top: 8px;
	width: 270px;
	*margin-left: 220px
}

#sharebox .close {
	width: 18px;
	height: 18px;
	top: 17px;
	left: 406px;
	position: absolute;
	cursor: pointer
}

#sharebox .copy {
	left: 324px;
	top: 143px;
	cursor: pointer;
	position: absolute;
	display: inline-block;
	width: 87px;
	height: 28px;
	background: #f28b1e;
	border: 1px solid #cc6902;
	font-size: 15px;
	line-height: 28px;
	text-align: center;
	color: #fff;
	text-decoration: none;
}

#sharebox .close:hover {
	filter: alpha(opacity=20);
	opacity: 0.2;
	background: #fff
}

#sharebox .copy:hover {
	background: #e57804;
	text-decoration: none
}

/*新弹框*/
.dialogBox {
	width: 688px;
	min-height: 490px;
	_height: 490px;
	background: #f2f2f2;
	position: absolute;
	left: 50%;
	margin-left: -354px;
	top: 900px;
	z-index: 501;
	padding: 10px;
	border: 10px solid #fff;
}

.dialogBox .close {
	width: 20px;
	height: 20px;
	background: #cacaca;
	padding: 5px 9px;
	position: absolute;
	right: -48px;
	top: -10px
}

.dialogBox .close i {
	width: 20px;
	height: 20px;
	background: url(../images/ico_list.png) no-repeat 0 -150px;
	display: block;
	cursor: pointer;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease
}

.dialogBox .close:hover i {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.dialogBox .help {
	width: 33px;
	height: 33px;
	background: url(../images/help.png) no-repeat;
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: pointer;
	display: none;
}

.dialogBox .dialogTit {
	overflow: hidden;
	background: #6eaf17;
	height: 36px;
	line-height: 36px;
}

.dialogBox .dialogTit a {
	padding: 0 29px;
	float: left;
	font-family: "microsoft yahei";
	font-size: 16px;
	color: #fff;
}

.dialogBox .dialogTit a.cur,
.dialogBox .dialogTit a:hover {
	background: #fff;
	color: #6eaf17;
	border-radius: 3px;
	margin: 5px 10px;
	padding: 0 19px;
	height: 26px;
	line-height: 26px;
}

.dialogBox .conBox {
	display: none;
}

/*投月票*/
.dialogBox .ypBox {
	padding: 28px 24px 40px;
	line-height: 24px;
	font-family: "microsoft yahei";
}

.f_51 {
	color: #515151;
}

.mt20 {
	margin-top: 20px;
}

.ypBox .ypBg a {
	margin-right: 35px;
	width: 117px;
	height: 46px;
	display: inline-block;
	float: left;
	font-size: 20px;
	font-family: "microsoft yahei";
	text-align: center;
	line-height: 46px;
	border: 1px solid #c6c6c6;
	background: #fdfdfd;
	cursor: pointer;
	position: relative;
}

.double_btn {
	width: 19px;
	height: 19px;
	position: absolute;
	right: -8px;
	top: -8px;
	background: url(../images/cs_btn.png) no-repeat -1px -250px;
}

.at_box {
	margin-top: 10px;
	position: relative;
}

.at_box .at_btn {
	width: 18px;
	height: 18px;
	display: inline-block;
	background: url(../images/cs_btn.png) no-repeat 0 -275px;
}

.at_box .new {
	position: absolute;
	background: url(../images/cs_ico.png) no-repeat 0px -440px;
	display: block;
	width: 23px;
	height: 11px;
	overflow: hidden;
	top: -4px;
	left: 20px;
}

.ypBox .ypBg a:hover {
	text-decoration: none;
}

.ypBox .ypBg a#more:hover {
	border: 2px solid #6eaf16;
	width: 113px;
	height: 43px;
	line-height: 43px;
}

.f18 {
	font-size: 18px;
}

.ypBox .ypBg a.cur {
	background: url(../images/curbg.png) 0 -136px;
	color: #6eaf17;
	border: none;
	width: 119px;
	height: 48px;
}

.over_hidden {
	overflow: hidden;
}

.textareaBox {
	margin-top: 30px;
	overflow: hidden;
}

.textareaBg {
	width: 570px;
	height: 34px;
	border: 1px solid #b9b9b9;
	box-shadow: inset 1px 1px 2px #f6f4f4;
	padding: 0 5px;
	position: relative;
	border-radius: 3px;
	background: #e5e5e5;
}

.textareaBg.cur {
	background: #fff;
}

.textareaBg.err {
	background: #fff;
	border-color: #e50000;
}

.textareaBg.err textarea {
	color: #e50000;
}

.textareaBg i {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../images/feel_ico.png) no-repeat;
	position: relative;
	top: 6px;
	float: left;
}

.textareaBg textarea {
	width: 545px;
	height: 34px;
	border: none;
	background: none;
	float: left;
	margin-left: 5px;
	outline: none;
	resize: none;
	line-height: 34px;
	color: #908b8b;
	overflow: auto;
}

.textareaBox span {
	line-height: 34px;
}

.dialogBox .ypBox .tc {
	text-align: center;
	height: 40px;
	padding-top: 2px;
}

.tsInfor {
	background: #fdfcfc;
	padding: 5px 0 10px 10px;
	color: #808080;
	width: 590px;
	line-height: 30px;
	border: 1px solid #e7e5e4;
	margin-top: 15px;
}

.bg_jin {
	background: #fff8c7;
	display: inline-block;
	padding: 0 3px;
	line-height: 20px;
}

.tsInfor p {
	padding-left: 5px;
}

.helpCon {
	width: 220px;
	background: #fffded;
	border: 1px solid #d5c6bb;
	position: absolute;
	left: 33px;
	bottom: 0px;
	padding: 10px;
	line-height: 24px;
	color: #333;
	display: none;
}

.helpCon ul {
	width: 184px;
}

.helpCon ul li {
	height: 24px;
}

.helpCon ul li span,
.helpCon ul li a {
	float: left;
}

.helpCon ul li span {
	display: inline-block;
	width: 80px;
}

.helpCon ul li a {
	color: #6baf0e;
}

.line_dot {
	height: 1px;
	overflow: hidden;
	background: #c5c5c5;
}

.giftCon {
	width: 380px;
}

.col_green {
	color: #6baf0e;
}

.yptj {
	margin-right: 15px;
	border: 1px solid #c6c6c6;
	background: #fdfdfd;
	height: 53px;
	width: 161px;
	padding-left: 12px;
	padding-top: 2px;
	cursor: pointer;
	font-family: simsun;
}

.yptj.cur {
	width: 163px;
	height: 57px;
	border: none;
	background: url(../images/curbg.png) 0 -74px no-repeat;
}

.yptj input {
	float: left;
	margin-right: 10px;
	margin-top: 20px;
}

.yptj span {
	margin-top: 15px;
	float: left;
}

.yutjBox {
	width: 60px;
	text-align: center;
}

.dialogBox img {
	vertical-align: text-bottom;
}

.width_506 {
	width: 506px;
}

.imgbgf {
	background: #fff;
	padding: 4px;
	padding-bottom: 0px;
}

.v4_w1000 .helpCon {
	left: -209px;
	bottom: -167px;
}

.v4_w1000 .giftCon {
	left: -369px;
}

.v4_w1000 .dsCon {
	bottom: -215px;
}

/*添加漫画标签弹窗*/
.comic_title_v4 {
	font-size: 18px;
	color: #515151;
	font-family: "microsoft yahei";
	height: 30px;
	line-height: 30px;
}

.inputBox_v4 {
	height: 34px;
	margin: 10px 0;
	position: relative;
	z-index: 2;
}

.inputBox_v4 .inputText {
	width: 425px;
	height: 28px;
	line-height: 28px;
	padding-left: 5px;
	color: #908b8b;
	font-size: 12px;
	border: 1px solid #b9b9b9;
	background: #e5e5e5;
}

.haved_lable {
	width: 280px;
}

.haved_lable table {
	margin-top: 10px;
}

.haved_lable tr:hover {
	background: #fff;
}

.haved_lable td {
	height: 30px;
	padding-left: 5px;
}

.haved_lable td a {
	vertical-align: middle;
	margin-bottom: 0;
}

.comic_label a {
	white-space: nowrap;
}

.haved_lable .acc,
.haved_lable .ref,
.haved_lable .lock,
.haved_lable .open_lock {
	width: 15px;
	height: 16px;
	overflow: hidden;
	background: url(../images/cs_pic_1.png) no-repeat 0 -519px;
	border: none;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	top: -2px;
}

.haved_lable .ref {
	background-position: -16px -520px;
	top: 0;
}

.orange_f9c {
	color: #ff9c00;
}

.gray_68 {
	color: #686868;
}

.haved_lable .lock {
	width: 12px;
	height: 16px;
	overflow: hidden;
	background-position: -33px -520px;
	float: left;
	top: 0;
}

.haved_lable .open_lock {
	width: 12px;
	height: 16px;
	overflow: hidden;
	background-position: -47px -520px;
	float: left;
	top: 0;
}

.comic_explain {
	padding: 10px;
	background: #fdfcfc;
	border: 1px solid #e7e5e4;
	color: #808080;
	line-height: 24px;
	margin-top: 10px;
}

.no_lable {
	width: 229px;
	height: 183px;
	background: url(../images/no_lable.png) no-repeat;
	margin: 40px 0 0 30px;
}

/*分享弹框*/
.shareBox {
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
}

.shareBox .add {
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url(../images/shareadd.png) no-repeat;
	position: relative;
	top: 5px;
	margin-right: 5px;
}

.shareBox .u {
	color: #2daed8;
	padding: 3px 0 5px 26px;
}

.shareBoxInput p {
	padding: 15px 0 15px 0px;
	color: #333;
	clear: both;
}

.shareBoxInput .url {
	border: 1px solid #b9b9b9;
	height: 26px;
	line-height: 26px;
	width: 420px;
	padding: 0 5px;
	color: #908b8b;
}

/*赠送礼物成功*/
.sendSucc {
	width: 267px;
	margin: 0 auto;
	background: url(../images/yg.png) no-repeat left center;
	height: 110px;
	padding-top: 20px;
	padding-left: 88px;
}

.f80 {
	color: #808080;
}

.sendSucc p {
	font-size: 22px;
	color: #515151;
	font-family: "microsoft yahei";
	padding-bottom: 15px;
}

.comic_label a.closeBtn {
	width: 13px;
	height: 13px;
	background: url(../images/cs_pic_1.png) no-repeat 0 -536px;
	padding: 0;
	overflow: hidden;
	border: none;
	margin-left: 10px;
	position: relative;
	top: 2px;
}

.gray_bg {
	border-color: #d8d8d8 !important;
	color: #b5b5b5 !important;
	position: relative;
}

.gray_bg .red_e5 {
	color: #b5b5b5 !important;
}

/*添加角色标签*/
.dialogBox form .ico {
	vertical-align: middle;
}

.add_role_input {
	width: 360px;
	height: 28px;
}

.haved_role {
	margin-top: 10px;
}

.haved_role_list {
	margin-top: 5px;
}

.haved_role_list a {
	margin-right: 5px;
	white-space: nowrap;
}

.f_red_e5 {
	color: #e50000 !important;
}

.f_blue_2d {
	color: #2daed8;
	font-family: simsun;
}

.ypBox .tx_img {
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	margin-right: 5px;
	display: inline-block;
}

.ypBox .dou_txt {
	font-size: 14px;
	color: #fff;
	background: #ff6767;
	padding: 0 8px 2px;
	border-radius: 10px;
	margin-left: 5px;
}

.ypBox .tx_img img {
	width: 40px;
	height: 40px;
	vertical-align: middle;
}

.ypTxtTs {
	height: 20px;
	line-height: 20px;
	background: #fffded;
	border: 1px solid #d5c6bb;
	font-size: 13px;
	color: #4d4d4d;
	position: absolute;
	top: -25px;
	left: -80px;
	display: none;
	width: 380px;
	text-align: center;
}

.ypTxtTs span {
	font-size: 16px;
	color: #ee8c00;
	font-family: arial;
	font-weight: bold;
	margin-top: 0;
	float: none;
}

.cf {
	*display: inline-block;
	*zoom: 1
}

.cf:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.conBox .a_link {
	float: left;
	background: none;
	line-height: 30px;
	font-size: 16px;
	color: #ff6600;
	font-family: "microsoft yahei";
	position: relative;
	top: 10px;
}

.conBox .a_link em {
	display: inline-block;
	width: 20px;
	height: 17px;
	background: url(../images/cs_btn.png) no-repeat 0 -158px;
	margin: 0 2px;
	position: relative;
	top: 2px;
}

.conBox .a_link:hover {
	background: none;
	color: #ff6600;
	text-decoration: underline;
}

/*新注册登录框*/
.dialog_box {
	width: 434px;
	min-height: 338px;
	padding-bottom: 10px;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -217px;
	top: 310px;
	z-index: 1000;
	border-radius: 3px;
	display: none;
}

.dialog_box .yzm {
	float: right;
	width: 137px;
	height: 42px;
}

.dialog_box .yzm img {
	width: 137px;
	height: 42px;
}

.dialog_box h2 {
	height: 54px;
	background: #f3efe6;
	position: relative;
	color: #5d9116;
	font: 22px/54px "microsoft yahei";
	padding-left: 30px;
}

.dialog_box .bg_top {
	height: 6px;
	overflow: hidden;
	background: url(../images/dialog_top_bg.jpg);
}

.dialog_box h2 .close {
	width: 12px;
	height: 11px;
	overflow: hidden;
	background: url(../images/ico_reg_log.png) no-repeat 0 0;
	position: absolute;
	right: 10px;
	top: 8px;
}

.dialog_box h2 .close:hover {
	background-position: -18px 0;
}

.dialog_box .login_box {
	width: 372px;
	margin: 0 auto;
	position: relative;
	padding-top: 24px;
}

.dialog_box .input_text {
	width: 352px;
	height: 40px;
	line-height: 42px;
	border: 1px solid #c2c2c2;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 0 5px #eae5e5;
	outline: none;
	padding: 0 10px;
	color: #888;
	font: 18px/42px "microsoft yahei";
}

.dialog_box .input_text.w225 {
	width: 203px;
}

.dialog_box .mob_yzm {
	width: 135px;
	height: 40px;
	display: inline-block;
	background: #00a0e9;
	vertical-align: middle;
	border: none;
	border-bottom: 3px solid #007cb4;
	border-radius: 3px;
	float: right;
	text-align: center;
	color: #fff;
	font: 16px/38px "microsoft yahei";
}

.dialog_box .mob_yzm.hui {
	background: #c9c9c9;
	border-color: #aaa;
	cursor: default;
}

.dialog_box .mob_yzm:hover {
	text-decoration: none;
}

.dialog_box .curr .input_text {
	border-color: #9de3ee;
	box-shadow: 0 0 5px #a9e5f6
}

.dialog_box li {
	margin-bottom: 12px;
	position: relative;
}

.dialog_box li em {
	width: 23px;
	height: 24px;
	position: absolute;
	right: 10px;
	top: 8px;
	background: url(../images/ico_reg_log.png) no-repeat;
}

.dialog_box li .user_name {
	background-position: -27px -23px;
}

.dialog_box li.curr .user_name {
	background-position: 0 -23px;
}

.dialog_box li .user_pass {
	background-position: -64px -24px;
}

.dialog_box li.curr .user_pass {
	background-position: -89px -24px;
}

.dialog_box .err {
	position: absolute;
	left: 0;
	top: 0;
	color: #F3BA49;
}

.dialog_box .checked {
	width: 21px;
	height: 21px;
	display: inline-block;
	background: url(../images/ico_reg_log.png) -67px 0;
	vertical-align: middle;
	margin-right: 5px;
}

.dialog_box .checked.cur {
	background-position: -44px 0;
}

.dialog_box .login_check {
	font-size: 13px;
	color: #888;
	font-family: "microsoft yahei";
	position: relative;
}

.dialog_box .onekey_link {
	text-align: center;
	font-size: 16px;
	font-family: "microsoft yahei";
	margin-bottom: 5px;
}

.dialog_box .onekey_link a {
	color: #6fc2de;
}

.dialog_box .login_check .pass_forget {
	position: absolute;
	right: 5px;
	top: 0;
	text-decoration: none;
}

.dialog_box .login_check .pass_forget a {
	color: #00a0e9;
	font-size: 13px;
	padding-left: 5px;
}

.dialog_box .login_check .pass_forget a:hover {
	text-decoration: underline;
}

.dialog_box .login_check a {
	font-size: 12px;
}

.dialog_box .login_btn {
	width: 372px;
	height: 54px;
	background: #fe5f5c;
	font: 30px/50px simhei;
	color: #fff;
	border: none;
	border-bottom: 4px solid #e74b48;
	border-radius: 3px;
	text-shadow: 0 2px 5px #9f5200;
	cursor: pointer;
}

.dialog_box .login_btn:hover {
	opacity: .9;
	filter: alpha(opacity:90)
}

.dialog_box .way_login {
	border-top: 1px solid #eaeaea;
	position: relative;
	padding-top: 10px;
}

.dialog_box .way_login a {
	width: 82px;
	height: 26px;
	float: left;
	margin-right: 11px;
	border: 1px solid #6d9fe1;
	border-radius: 3px;
	text-align: center;
	font-family: "microsoft yahei";
	font-size: 13px;
	display: inline-block;
	line-height: 26px;
}

.dialog_box .way_login a:hover {
	text-decoration: none;
}

.dialog_box .way_login a b {
	display: inline-block;
	width: 19px;
	height: 19px;
	overflow: hidden;
	background: url(../images/ico_reg_log.png) no-repeat;
	margin-right: 5px;
	vertical-align: middle;
	margin-top: -2px;
	_margin-top: 3px;
}

.dialog_box .way_login .qq {
	color: #70a0e1;
}

.dialog_box .way_login .qq b {
	background-position: -98px 0;
}

.dialog_box .way_login .weixin {
	border-color: #89c736;
	color: #89c736;
}

.dialog_box .way_login .weixin b {
	background-position: -117px -28px;
}

.dialog_box .way_login .sina {
	border-color: #f77563;
	color: #f87665;
}

.dialog_box .way_login .sina b {
	background-position: -126px 0;
}

.dialog_box .way_login .sd {
	border-color: #f77563;
	color: #f45e91;
	margin-right: 0;
}

.dialog_box .way_login .sd b {
	background-position: -153px 0;
}

.dialog_box .way_login .sd_tk {
	width: 193px;
	height: 90px;
	background: #f3efe6;
	position: absolute;
	left: 280px;
	_left: 60px;
	top: 0px;
	border-radius: 5px;
	text-align: center;
	font-size: 14px;
	color: #333;
	font-family: "microsoft yahei";
	padding-top: 10px;
}

.dialog_box .way_login a.reg_btn_blue {
	position: absolute;
	right: 0px;
	top: 12px;
	color: #00a0e9;
	text-decoration: none;
	width: auto;
	border: none;
}

.dialog_box .way_login a.reg_btn_blue:hover {
	text-decoration: underline;
}

.triangle-left {
	position: absolute;
	color: #f3efe6;
	width: 0px;
	height: 0px;
	line-height: 0px;
	border-width: 8px 8px 8px 0px;
	border-style: dashed solid dashed dashed;
	border-top-color: transparent;
	border-bottom-color: transparent;
	top: 10px;
	left: -8px;
}

.dialog_box .way_login .sd_tk .sd_btn {
	width: 137px;
	height: 40px;
	background: #f46092;
	border: none;
	border-bottom: 4px solid #ce4875;
	border-radius: 3px;
	text-shadow: 0 2px 5px #9f5200;
	color: #fff;
	font: 16px/36px "microsoft yahei";
	margin-top: 10px;
	cursor: pointer;
}

.dialog_box .way_login .sd_tk .sd_btn:hover {
	opacity: .9;
	filter: alpha(opacity:90)
}

.dialog_box .pass_ts {
	width: 50%;
	padding: 3px 5px;
	background: #fffded;
	border: 1px solid #c9b179;
	line-height: 16px;
	color: #333;
	position: absolute;
	left: -215px;
	top: 0;
	text-align: left;
	font-family: "microsoft yahei";
}

.dialog_box .arrow {
	position: absolute;
	width: 0px;
	height: 0px;
	line-height: 0px;
	border-width: 6px 0 6px 6px;
	border-style: dashed dashed dashed solid;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.dialog_box .arrow-border {
	color: #c9b179;
	bottom: 40%;
	right: -7px;
}

.dialog_box .arrow-bg {
	color: #fffded;
	bottom: 40%;
	right: -6px;
}

.link_blue {
	color: #00a0e9;
	text-decoration: none;
}

/* Overlays */
.ui-widget-overlay {
	background: #000
	/*{bgColorOverlay}*/
	/*{bgImgUrlOverlay}*/
	50%
	/*{bgOverlayXPos}*/
	50%
	/*{bgOverlayYPos}*/
	repeat-x
	/*{bgOverlayRepeat}*/
	;
	opacity: .6
	/*{opacityOverlay}*/
	;
	filter: Alpha(Opacity=60)
	/*{opacityFilterOverlay}*/
	;
}

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-front {
	z-index: 4001;
}

/* 新增加弹窗 */
.seven_year_dialog {
	width: 741px;
	height: 619px;
	background: url(../images/7_year_box.png);
	position: fixed;
	left: 50%;
	margin-left: -408px;
	top: 50%;
	margin-top: -306px;
	z-index: 1200;
	font-family: "Microsoft yahei";
	padding: 0 20px 0 55px;
}

.seven_year_dialog .close {
	position: absolute;
	right: -15px;
	top: 0;
}

.seven_year_dialog h2,
.seven_year_dialog_small h2 {
	font-size: 18px;
	color: #f33042;
	text-align: center;
	margin-top: 44px;
	line-height: 30px;
	border-bottom: 1px dashed #f3dc9f;
	padding-bottom: 10px;
}

.seven_year_dialog h2 {
	margin-top: 0;
}

.seven_year_dialog .top_txt {
	font-size: 14px;
	color: #333;
}

.seven_year_dialog .top_txt .tit {
	padding: 5px 0 0px;
}

.seven_year_dialog .top_txt p {
	line-height: 24px;
}

.seven_year_dialog .txt_box {
	border: 1px solid #f3dc9f;
	margin: 2px 0 0;
	padding: 5px;
}

.seven_year_dialog .txt_box .tit {
	font-weight: bold;
	font-size: 14px;
}

.seven_year_dialog .txt_box .txt_box_info {
	font-size: 12px;
	line-height: 24px;
	padding-left: 20px;
}

.f_blue_y {
	color: #0066cc;
}

.f_red_y {
	color: #f33042;
}

.seven_year_dialog .txt_thank {
	font-size: 14px;
	color: #000;
	text-align: center;
	padding: 5px 0;
}

.seven_year_dialog .more_fl {
	width: 513px;
	background: #f7d477;
	height: 30px;
	margin: 0 auto;
	border-radius: 5px 5px 0 0;
	text-align: center;
	font-size: 14px;
	color: #ff4c06;
	line-height: 30px;
	margin-top: 10px;
}

.seven_year_dialog .txt_list {
	width: 483px;
	background: #fff2d0;
	margin: 0 auto;
	border-radius: 0 0 5px 5px;
	margin-top: 1px;
	color: #ff4c06;
	padding-left: 30px;
	padding-bottom: 10px;
}

.seven_year_dialog .link_list {
	width: 510px;
	margin-left: 115px;
	padding: 0px 0 10px 90px;
	border-bottom: 1px dashed #f3dc9f;
}

.seven_year_dialog .link_list a {
	color: #0066cc;
	padding: 0 10px;
}

.seven_year_dialog .link_a,
.seven_year_dialog_small .link_a {
	width: 130px;
	height: 34px;
	background: #85c441;
	color: #fff;
	text-align: center;
	margin: 14px auto 0;
	line-height: 34px;
	display: block;
	border-radius: 3px;
	font-size: 14px;
}

.seven_year_dialog .link_a:hover,
.seven_year_dialog_small .link_a:hover {
	text-decoration: none;
	opacity: 0.9;
	filter: alpha(opacity:90);
}

.seven_year_dialog_small {
	width: 392px;
	height: 243px;
	background: url(../images/7_year_dialog_samll.png) no-repeat;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -196px;
	margin-top: -121px;
	z-index: 1201;
	font-family: "Microsoft yahei";
}

.seven_year_dialog_small .close {
	position: absolute;
	right: -15px;
	top: -10px;
}

.seven_year_dialog_small h2 {
	border: none;
	margin-top: 30px;
}

.seven_year_dialog_small p {
	font-size: 14px;
	color: #333;
	margin: 20px 0px 0px 33px;
	padding-left: 10px;
}

.seven_year_dialog_small .link_a {
	margin-top: 40px;
}

.seven_year_dialog .left_bot_icon {
	position: absolute;
	left: -44px;
	bottom: -20px;
	z-index: 3;
}

.seven_year_dialog .scrollbar_7year {
	height: 580px;
	overflow: hidden;
	position: relative;
	margin-top: 30px;
}

.seven_year_dialog .viewport {
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 720px;
}

.seven_year_dialog .overview {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	width: 100%;
}

.seven_year_dialog .scrollbar {
	background: #f9e7b8;
	position: absolute;
	right: 10px;
	top: 0;
	width: 10px;
	height: 100%;
	border-radius: 3px;
}

.seven_year_dialog .thumb {
	background: #f3b451;
	height: 20px;
	width: 10px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 3px;
}

.seven_year_dialog .content_2 {
	width: 75%;
	margin: 7px auto 0;
	padding: 0 3%;
}

.seven_year_dialog .con_left {
	width: 74%;
	float: left;
}

.seven_year_dialog .con_box_7y {
	border: 1px solid #f3dc9f;
	background: #fff2d0
}

.seven_year_dialog .content_2 h3 {
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 14px;
	color: #ff4c06;
	background: #f3dc9f;
	border-radius: 5px 5px 0 0;
	position: relative;
}

.seven_year_dialog .content_2 p {
	padding: 10px;
}

.seven_year_dialog .con_left span {
	margin-left: 15px;
	display: inline-block;
}

.seven_year_dialog .con_right {
	float: right;
	width: 23%;
}

.seven_year_dialog .more_fuli {
	position: absolute;
	right: 10px;
	top: 0px;
	color: #0066cc;
	text-decoration: underline;
	padding-right: 10px;
	font-size: 12px;
	font-family: "simsun";
}

.seven_year_dialog .fuli_list {
	height: 30px;
	line-height: 30px;
	font-family: "simsun";
	font-size: 12px;
	background: #fff2d0;
	border-radius: 0 0 5px 5px;
	margin-top: 1px;
	padding-left: 8px;
}

.seven_year_dialog .fuli_list span {
	margin: 0 29px 0 22px;
}

/* vip自动续费弹窗 */
.auto_renew {
	width: 464px;
	height: 312px;
	border: 3px solid #74c349;
	border-radius: 20px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -232px;
	margin-top: -156px;
	z-index: 1100;
	background: #def1cc url(../images/vipbg_left.png) left bottom no-repeat;
}

.auto_renew .close {
	width: 32px;
	height: 32px;
	background: url(../images/vip_close.png) no-repeat;
	position: absolute;
	right: -40px;
	top: 0;
}

.auto_renew .tit {
	background: #bae88d;
	height: 55px;
	border-bottom: 1px solid #74c349;
	border-radius: 20px 20px 0 0;
	text-align: center;
	padding-top: 10px;
}

.auto_renew .auto_info {
	height: 215px;
	text-align: center;
	font-size: 18px;
	color: #056e0d;
	font-family: "Microsoft yahei";
	line-height: 30px;
	padding-top: 30px;
}

.auto_renew .auto_info font {
	font-size: 28px;
	color: #fa0415;
}

.auto_renew .info_txt {
	margin-top: 20px;
}

.auto_renew .info_txt span {
	font-size: 12px;
	color: #82ad58;
}

.auto_renew .bg_right {
	position: absolute;
	right: -118px;
	bottom: -50px;
}

.auto_renew .btn_chongzhi {
	width: 123px;
	height: 37px;
	display: inline-block;
	background: url(../images/btn_chongzhi.png) no-repeat;
	text-align: center;
	font-size: 16px;
	line-height: 36px;
	color: #315112;
}

.auto_renew .btn_chongzhi:hover {
	text-decoration: none;
}

.auto_renew .open_auto_renew {
	font-size: 14px;
	font-family: "simsun";
}

.auto_renew .auto_info font.red_auto {
	color: #e72e0f;
	font-size: 14px;
}

.cb {
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}


/* 阅读券通用提示框 */
.read_notes_dilog {
	width: 398px;
	height: 110px;
	background: #b4dd1d;
	border: 1px solid #83991a;
	position: fixed;
	left: 50%;
	margin-left: -207px;
	top: 50%;
	z-index: 120;
	padding: 22px 8px 8px;
	display: none;
}

.read_notes_dilog .read_notes_box {
	height: 108px;
	background: #fff;
	border: 1px solid #9cc027;
}

.read_notes_dilog .read_notes_box .ctt_text {
	text-align: center;
	font-size: 14px;
	color: #333;
	display: block;
}

.read_notes_dilog .read_notes_box .fred {
	margin-right: 5px;
}

.read_notes_box .bg {
	position: absolute;
	left: -20px;
	top: -10px;
}

.tip_msg_box {
	position: fixed;
	width: 400px;
	height: 45px;
	background: #000;
	z-index: 2;
	opacity: 0;
}

.tip_msg_box span {
	text-align: center;
	color: #FFF;
	font: 16px "microsoft yahei";
	display: block;
	vertical-align: middle;
	line-height: 45px;
}

/*  新版月票 */
.dialogBox .dialogTit a {
	margin: 0px 20px;
	padding: 0 19px;
}

.dialogBox .dialogTit a.cur,
.dialogBox .dialogTit a:hover {
	margin: 5px 20px;
	padding: 0 19px;
}

.dashang_go {
	display: inline-block;
	width: 140px;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	color: #ff655d;
	border: 1px solid #ff655d;
	margin-left: 20px;
	vertical-align: middle;
	cursor: pointer;
}

.blue.u {
	margin-left: 162px;
}

.dashang_box {
	width: 640px;
	margin: 0 auto;
	height: 120px;
	font-size: 16px;
	color: #353535;
}

.yp_num_box {
	width: 80px;
	height: 48px;
	background: #fff;
	position: relative;
	border: 1px solid #C6C6C6;
	margin: 0 10px;
}

#yp_inp {
	width: 54px;
	height: 48px;
	line-height: 48px;
	font-size: 20px;
	color: #E52100;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	border: none;
	outline: none;
	resize: none;
	font-weight: bold;
}

.triangle {
	width: 0;
	height: 0;
	position: absolute;
	right: 15px;
	cursor: pointer;
	z-index: 2;
}

.triangle.up {
	border-width: 0 6px 6px;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-bottom: 6px solid #D8D8D8;
	top: 11px;
}

.triangle.down {
	border-width: 0 6px 6px;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-top: 6px solid #D8D8D8;
	top: 31px;
}

.top_wrap {
	line-height: 48px;
	height: 50px;
}

.margin_5 {
	margin: 0 5px;
}

.top_wrap .line {
	color: #B9B9B9;
}

.red_font {
	color: #E52100;
}

.line_t {
	text-decoration: line-through;
}

.gray_font {
	color: #B9B9B9;
}

.bottom_wrap {
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	margin-top: 30px;
}

.rechage_font {
	margin-left: 20px;
	color: #E52100;
	text-decoration: underline;
}

.rechage_font:hover {
	color: #E52100;
	text-decoration: underline;
}




/* 韬唤楠岃瘉 寮圭獥 */
.status_dialog {
	width: 608px;
	height: 510px;
	background: #fff;
	border: 2px solid #a7d392;
	z-index: 3000;
	border-radius: 15px;
	overflow: hidden;
	font-family: "Microsoft yahei";
	font-size: 14px;
	color: #333;
}

.status_dialog a:hover {
	text-decoration: none;
}

.status_dialog .title {
	height: 48px;
	background: #faf7eb;
	border-bottom: 2px solid #a7d392;
	position: relative;
	font-size: 18px;
	color: #3c9410;
	line-height: 48px;
	padding-left: 18px;
}

.ui-dialog-titlebar .close {
	position: absolute;
	width: auto;
	height: 20px;
	border: 1px solid #80c269;
	border-radius: 5px;
	line-height: 20px;
	right: 18px;
	top: 5px;
	font-size: 12px;
	color: #339108;
	padding: 1px 4px;
}

.ui-dialog-titlebar .close:hover {
	text-decoration: none;
}

.status_dialog .status_con {
	padding: 14px 30px 0;
}

.status_dialog .input_box {
	height: 108px;
	margin: 5px 0;
}

.status_dialog .input_box input {
	float: left;
	width: 24px;
	height: 24px;
	background: #fff;
	border: 1px solid #555;
	margin-left: -1px;
	text-align: center;
	outline: none;
}

.status_dialog .txt {
	font-size: 14px;
}

.status_dialog .txt p {
	padding-top: 5px;
}

.status_dialog .btn_done {
	width: 90px;
	height: 35px;
	border-color: #999;
	background: #ccc;
	display: block;
	margin: 10px auto 10px auto;
	border-radius: 5px;
	text-align: center;
	font-size: #fff;
	line-height: 35px;
	color: #fff;
}

/*.status_dialog .btn_done .gray{}*/
.status_dialog .icon_list {
	height: 51px;
	margin: 15px 0 15px;
	padding-left: 65px;
}

.status_dialog .icon_list a {
	float: left;
	width: 51px;
	height: 51px;
	background: url(../images/statis_icon.png) no-repeat;
	margin: 0 45px 0 42px;
}

.status_dialog .icon_list .wechat {
	background-position: 0 -54px;
}

.status_dialog .icon_list .sina {
	background-position: 0 -111px;
}

.status_dialog .erweima {
	width: 97px;
	margin: 0 auto;
	text-align: center;
	color: #f42725;
}

.status_dialog .erweima img {
	width: 95px;
	height: 95px;
	border: 1px solid #7abf58;
}



#topbar .nav1 {
	background: url(../images/cs_topbar.png) no-repeat;
	padding: 0 16px 0 25px;
	float: left;
	height: 60px;
	font: 16px/60px "Microsoft Yahei";
}

#topbar .pop_on .nav1 {
	text-decoration: none;
	color: #fff !important;
	background-color: #5c5c5c
}

#tip_topem {
	display: block !important;
}

#tip_topclock {
	display: none !important;
}

.pd_b_20 {
	padding-bottom: 20px;
}

.pd_b_8 {
	padding-bottom: 8px;
}

.pd_lf_23 {
	padding-left: 23px;
}

.red_e5 {
	color: #e50000;
}

.font_30 {
	font-size: 30px;
}

.pd_t_8 {
	padding-top: 8px;
}

.pd_t_15 {
	padding-top: 15px;
}

.reset {
	width: 68px;
	height: 25px;
	height: 23px\9;
	color: #fff;
	font-size: 12px;
	line-height: 25px;
	line-height: 24px\9;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}

.reset {
	background-position: -250px 2px;
	background-position: -250px 0\9;
	color: #444
}

.reset:hover {
	color: #444;
	text-decoration: none
}

.pd_rt_23 {
	padding-right: 23px;
}

.green {
	color: #6b9812;
}

#pull_welfare .usercenter_pop li {
	width: 88px;
}

#all_msg {
	height: 18px;
	line-height: 18px;
	background-color: #ff0000;
	border-radius: 5px 5px 0px 5px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	padding: 0 3px;
}

#all_msg_box {
	position: absolute;
	width: 100px;
	height: 30px;
	left: 60px;
	margin-left: -105px;
	top: -15px;
	text-align: center;
}

#pull_welfare_tougao .pop_box_con {
	border-color: #6dad15;
	width: 358px;
	padding: 10px;
}

#pull_welfare_tougao .pop_box_con strong {
	font-size: 14px;
	font-weight: bold;
}

.bg{
	width: 100%;
	height: 500px !important;
	background: url(/static/images/bg1.jpg) no-repeat top center;
	
}