﻿body{background:url(../images/bg.gif) repeat-x top;}
body,form{margin:0;padding:0;}
input{vertical-align:middle;outline:none;}
textarea{vertical-align:top;outline:none;resize:none;}
img{border:0;outline:none;border-radius: 8px;}
div{font-size:12px;font-family:verdana;}
a{color:#333;text-decoration:none;}
a:hover{color:#f30;}
.l{float:left;}
.r{float:right;}
.c{clear:both;}
.dis{display:none;}
.mc{margin:0 auto;}
.b{border:1px solid #B0D4EC;}
.bt{border:1px solid #B0D4EC;border-top:2px solid #B0D4EC;}

#imgcode{cursor:pointer;}

/*padding*/
.pt10{padding-top:10px;}
.p10{padding:10px;}
.p20{padding:20px;}

/*margin*/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.m10{margin:10px;}

/*color*/
.c9{color:#999;}

/*width*/
.w980{width:980px;overflow:hidden;}
.w978{width:978px;overflow:hidden;}
.w610{width:610px;padding:20px 30px;}
.w640{width:640px;padding:15px;}
.w920{width:918px;padding:20px 30px;}
.w890{width:888px;padding:30px 40px;}
.w900{width:898px;padding:30px 40px;}
.w670{width:670px;}

/*bar*/
.topbar{margin:0 auto;line-height:30px;height:30px;}
.topbar .l{font-family:verdana;color:#DBDBDB;padding-left:10px;}
.topbar .r{padding-right:10px;}
.topbar .r img{vertical-align:middle;margin:0 5px 3px 0;}

/*header*/
#header{
	width:980px;
	height:80px;
	overflow:hidden;
	margin:0 auto;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center top;
}
#header .logo{padding:11px 0 0 0px;}
#header .hotkey{padding:31px 0 0 0;width:220px;text-align:right;}
#header .hotkey a{text-decoration:underline;}
#header .r{width:280px;height:34px;padding:0 0 0 6px;display:block;background:url(../images/bg_search_ip.gif) no-repeat left top;margin:20px 0 0 0;overflow:hidden;}
#header .r input{margin:0;padding:0;border:0;vertical-align:middle;}
#header .r .keyword{border:0;width:206px;}

/*nav*/
#nav{width:980px;height:42px;margin:0 auto;background:url(../images/bg_nav.gif) repeat-x bottom;overflow:hidden;}
.menu{margin:0;padding:0 20px;list-style:none;height:42px;line-height:42px;background-color: #318add;overflow:hidden;_float:left;width:760px;}
.menu li{float:left;width:82px;overflow:hidden;}
.menu .mid{background:url(../images/nav_mid.gif);width:2px;height:42px;display:block;float:left;}
.menu li a{color:#fff;font-size:14px;text-align:center;width:82px;height:42px;line-height:42px;display:block;outline:none;}
.menu li a:hover{background:url(../images/nav_hover.gif) no-repeat center;color:#ff0;}
.menu .hover a{background:url(../images/nav_hover.gif) no-repeat center;color:#ff0;font-size:14px;text-align:center;width:82px;height:42px;line-height:42px;display:block;outline:none;}
.menu li .subnav{margin:-4px 0 0 0;padding:0;position:absolute;z-index:999;display:none;}
.menu li .subnav dt a{display:block;width:82px;height:30px;line-height:30px;text-align:center;background:#1F83D9;color:#fff;font-size:12px;border-bottom:1px solid #2D96F0;}
.menu li .subnav dt a:hover{background:#1A5EB6;}

#nav .date{line-height:42px;color:#fff;width:160px;float:right;text-align:center;color:#449AF7;}
#nav .date a{color:#fff;}
#nav .date a:hover{color:#ff0;}

#topad{width:958px;margin:0 auto;padding:10px;border:1px solid #BDD6E7;background:#F9FDFF;display:none;}
#topad ul{margin:0;padding:0;list-style:none;}
#topad ul li{float:left;width:25%;line-height:25px;height:25px;overflow:hidden;font-family:arial;color:#333;}
#topad ul li span{font-family:宋体;margin:0;padding:0;font-size:12px;}
#topad .ad{position:absolute;clear:both;margin:-21px 0 0 944px;}

/*position*/
#position{width:958px;margin:0 auto;padding:0 10px;border:1px solid #BED7E8;height:30px;line-height:30px;background:#E7F4FF;font-family:宋体;overflow:hidden;}
#position div{float:right;height:30px;line-height:30px;_padding-top:8px;}
#position div img{margin:0 5px;vertical-align:middle;}

/*subject*/
.subject{background:url(../images/bg_title.gif) repeat-x top;line-height:32px;height:32px;font-weight:bold;font-size:14px;padding:0 0 0 16px;}
.subject span{float:right;margin:0 10px 0 0;font-size:12px;font-weight:normal;font-family:宋体;}
.subject span a{color:#999;}
.subject span a:hover{color:#f30;}
.subject_user{background:url(../images/bg_title.gif) repeat-x top;line-height:32px;height:32px;font-weight:bold;font-size:14px;text-align:center;}


.toplist{margin:10px;padding:0;list-style:none;background:url(../images/dotnum.gif) no-repeat top left;}
.toplist li{line-height:30px;height:30px;padding-left:30px;border-bottom:1px solid #F0F0F0;}
.toplist li span{float:right;color:#999;}
.topcate{margin:10px;padding:0;list-style:none;}
.topcate li{line-height:30px;height:30px;border-bottom:1px solid #F0F0F0;}
.topcate li a{display:block;width:248px;height:30px;padding-left:30px;}
.topcate li a:hover{color:#fff;background:#318ADD url(../images/ico_arr.gif) no-repeat top left;}
.topcate .hover{line-height:30px;height:30px;border-bottom:1px solid #F0F0F0;background:#318ADD url(../images/ico_arr.gif) no-repeat top left;}
.topcate .hover a{color:#fff;}

#container{overflow:hidden;}
#container .left{width:680px;float:left;overflow:hidden;}
#container .right{width:300px;float:left;overflow:hidden;}

/*foot*/
#footer{background:url(../images/bg_footer.gif) repeat-x top;width:100%;}
#footer .w980{background:url(../images/bg_foot.gif) no-repeat top;text-align:center;padding:30px 0 0 0;}
#footer .fmenu{color:#BFBFBF;}
#footer .copyright{margin:15px;line-height:22px;font-family:verdana;}

/*search*/
.hsearch{margin:0 15px;padding:0;list-style:none;}
.hsearch li{padding:0 0 10px 0;}
.hsearch li div{line-height:22px;color:#999;}
.hsearch .ip{border:1px solid #ccc;padding:6px 0 2px 0;margin:0;height:18px;vertical-align:middle;}
.hsearch .w{width:220px;overflow:hidden;}
.hsearch .bnt{background:url(../images/bnt_blue.gif) no-repeat center;border:0;width:80px;height:30px;line-height:30px;font-size:12px;color:#333;cursor:pointer;}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#308ADE;border-radius:0;color: white;}

/*buy tips*/
#sdcms_buy{background:#FFFBF9;color:#333;border:1px solid #FACFBA;padding:5px 10px;}
#sdcms_buy .point{color:#f00;font-family:verdana;margin:0 2px;}
#sdcms_buy .buytip{cursor:pointer;}

.age { width:610px; height:750px; margin:30px 0px; overflow:hidden; position:relative; }
 .ch { width:1440px;height:900px; position:absolute; top:-180px; left:-120px; }
 
 
 .mod_comment__list li p img {display: inline-block!important;border-radius: 100%;max-width: 50px;}
.mod_comment__list li p {    margin-bottom: 1px;display: -webkit-box;
		
	}


	.mod_comment__item {
		border-bottom: 1px solid #efefef
	}

	.mod_comment__item:last-child {
		border-bottom: 0
	}

	.mod_comment__img {
		width: 40px;
		height: 40px
	}



	.mod_comment__play {
		padding-left: 45px
	}

	.mod_comment__icon {
		margin-left: -35px
	}

	.btn_app {
		display: block
	}

.mod_comment__name {
	float: left;
	width: 72%;
	padding-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #787878;
	margin-bottom: 0px;
}
.mod_comment__info {
	font-size: 14px;
	color: #000;
	clear: both
}

.mod_comment__none {
	margin-top: 40px;
	overflow: hidden
}

.mod_comment__none_img {
	float: left;
	margin: 0 40px 0 16px;
	width: 60px
}

.mod_comment__none_img img {
	display: block;
	width: 100%
}

.mod_comment__none_info {
	float: left;
	margin-top: 20px;
	font-size: 14px;
	color: #000
}