body{background-color: #DCDCDC;}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix:before,
.clearfix:after {
	display: table;
	content: '';
}
.clearfix:after {
	clear: both;
}
.small_9{
    font-size:9px;
    font-weight:normal;
}
.small_11{
    font-size:11px;
    font-weight:normal;
}
.red{
    color:red;
}
html{
    /*background-color:#f5f5f5;*/
}
body {
	font: 14px/1.5 "Microsoft YaHei","黑体","宋体","Lucida Grande", "Segoe UI", "Arial", "Lucida Sans Unicode", "sans-serif";
	color:#333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a {
	text-decoration: none;
	/*color:#5a5a5a;*/
	color:#4a8bf5;
}

a:hover,
a:focus {
	text-decoration: underline;
	color:#3079ed;
	/*color:#4a8bf5;*/
}

.success_msg{
    color: red;
    padding: 10px;
    display:none;
}
.err_msg{
    color: red;
    padding: 10px;
    display:none;
}

.btn{
    background-color:#fff;
    border: 1px solid #eee;
    color: #4a8bf5;
    font-size: 20px;
    font-weight:bold;
    padding: 0 30px;
    border-radius: 2px;
    text-align: center;
    vertical-align: top;
    height: 44px;
    line-height: 20px;
    display:inline-block;
}
.btn:hover{
    background-color:#fafafa;
}
.btn_blue{
    background-color: #4a8bf5;
    border: 1px solid #3079ed;
    color: #fff;
}
.btn_blue:hover{
    background-color:#3079ED;
}
.btn_gray{
    background-color:#f8f8f8;
}
.btn_gray:hover{
    background-color:#fafafa;
    color: #3079ED;
}
.btn_small{
    font-size: 18px;
    height: 38px;
    line-height: 18px;
    padding: 0 22px;
}
.btn_ss{
    font-size: 13px;
    height: 30px;
    line-height: 13px;
    padding: 5px 20px;
}
.btn_big{
    font-size: 22px;
    height: 52px;
    line-height: 20px;
    padding: 0 30px;
}

/**************************** port **************************************************************************************/
.index{
    width:90%;
    margin:0 auto;
    padding-top:20px;
}
.index h1{
    font-size:24px;
}
.last{
    font-size:24px;
    padding:20px 0 30px;
    width:90%;
    margin:0 auto;
}
.last a{
    color:#4a8bf5;
}
.last a:hover{
    border-bottom:2px solid #4a8bf5;
    text-decoration:none;
}
.port_choice{
}
.prov{
    margin:40px 0;
}
.prov .name{
    font-size:20px;
    float:left;
    margin-right:20px;
    width:60px;
    color:#333;
    font-weight:bold;
}
.prov .prov_port{
    padding-top: 4px;
}
.prov .prov_port a{
    font-size:15px;
    display:inline-block;
    margin:0 5px;
    color:#4a8bf5;
}



/************* tide *****************************************************************************************/
.port{
    padding:15px 40px;
}
.port h1{
    font-size:36px;
    font-weight:bold;
    color:#666;
}
.port h1 a{
    padding-left:3px;
    color:#423b9a;/*港口名颜色#cc181e */
}
.port h1 .head_date{
    font-size:22px;
}
.port h1 .head_site{
    font-size:15px;
}
.port h2{
    font-size:13px;
    color:#999;
}
.day_choice{
    margin:10px 0 30px;
    font-size:15px;
    max-width:800px;
}
.port h3{
    font-size:19px;
    font-weight:bold;
    color:#8A7D9E;
}
/*
.day_choice a{
    display:inline-block;
    margin:3px 6px;
    font-size:14px;
}
.day_choice a:hover{
    text-decoration:underline;
}
.day_choice .cur_day{
    font-weight:bold;
    color:#cc181e;
}
*/
.day_choice a{
    display:inline-block;
    border:1px solid #ccc;

    border-radius: 50%;
    width:35px;
    height:35px;

    text-align: center;
    vertical-align: middle;
    padding: 3px 0;

    margin:4px 7px;
    font-size:16px;
}
.day_choice a:hover{
    background-color:#dee6fd;/*获得焦点背景颜色*/
    text-decoration:none;
}
.day_choice .w0,
.day_choice .w6{
    background-color:#e3fbdf;/*礼拜背景颜色#eee*/
	color:#f64b41;
}
.day_choice .today{
    background-color:#7094f5;
	color:#fff;/*今天字体颜色#cc181e*/
    font-weight:bold;
    border-color:#5781f3;/*今天边框颜色*/
}

.day_choice .cur_day{
    background-color:#e7edfd;/*选中背景颜色*/
    font-weight:bold;
    color:#000;/*选中字体颜色*/
    border-color:#5781f3;/*选中边框颜色*/
}

#tide_info2{
	width:80%;
	height:80px;
	margin: 0 auto;
	background-color: #89C2FC;
}

.tide_info{
    margin:0 0 3px 50px;
}
.tide_info .cur{
    font-weight:bold;
    color:#cc181e;
    font-size:18px;
}
.tide_info .tr{
        font-size:14px;
    }
.circular{
    width:10px;
    height:10px;
    display:inline-block;
    border-radius: 50%;
    /*background-color: #4a8bf5;*/
    background-color: #fff;
    border: 3px #D17479 solid;
}
.usage_ex{
    margin:20px 0 0 50px;
    color: #666;
}
#placeholder{
    width:650px;
    height:300px;
}
.tickLabel{
    font-size:13px;
    color: #000;
}


/* download */
.download{
    position:absolute;
    right:50px;
    top:100px;
    width:300px;
    background-color:#f5f5f5;
    padding:10px 20px;
}
.download .down_link{
    margin:20px 0;
}
.download h2{
    font-size:26px;
    color:#333;
}
.download h3 b{
    color:#cc181e;
}
.download a{
    font-size:18px;
    margin:0 10px 10px 0;
    display:inline-block;
    font-weight:bold;
}
.download .phone_usage{
    display:none;
}

/* ad */
.ad{
    position:absolute;
    right:50px;
    top:150px;
}
.ad_title{
    font-size:11px;
    color:#999;
    border-bottom:1px solid #ddd;
    margin-bottom:5px;
}
.ad_block{
    width:400px;
}
/*
.ad_img{
    width:400px;
}
*/

.ad_get{
    padding:0px 0px 10px;
    color:#666;
    font-weight:bold;
}
.ad_get img{
    margin-bottom:-10px;
}
.small_logo{
    display:block;
    float:right;

    background:url("../img/ad/get.png") no-repeat center;
    height: 32px;
    width: 64px;
    background-size: 64px;
}

/***/
/***/
/****************************************************************************/
/***/
@media screen and (max-device-width: 750px) {

    #placeholder{
        width:98%;
        height:300px;
    }
    .day_choice{
        width:100%;
    }
    .tickLabel{
        font-size:11px;
        color:#333;
    }
    .port{
        padding:10px 30px;
    }
    .port h1 {
        font-size: 30px;
    }

    .prov .prov_port a{
        margin:4px 5px;
        display:inline-block;
    }

    .show_in_phone{
        display:none;
    }

    .ad{
        position:relative;
        top:0;
        right:0;
        margin:20px auto 0;
        width:96%;
    }
    .ad_title{
        position:relative;
    }
    .ad_block{
        position:relative;
    }
    .ad_block{
        width:100%;
        text-align:center;
    }
    .ad_img{
        max-width:100%;
        width: auto;
    }


    .download{
        position:relative;
        top:0;
        right:0;
        margin:30px auto 0;
        padding-bottom:20px;
        width:96%;
        background-color:#f5f5f5;
    }
    .download h2{
        font-size:22px;
    }
    .download .phone_usage{
        display:block;
        font-size:11px;
        color:#999;
    }

}
@media screen and (max-device-width: 480px) {
    .port{
        padding:10px 3px 30px;
    }
    .port h1 {
        font-size: 30px;
    }
    .port h1 .logo{
        display:none;
    }

    .port h1 .head_date{
        font-size:15px;
        display: inline-block;
    }


    #placeholder{
        width:100%;
        height:200px;
    }
    .tide_info{
        text-align: right;
        margin-left:0;
        font-size:11px;
    }
    .usage_ex{
        display:block;
        font-size:13px;
        text-align: right;
        margin-top:5px;
    }
}

*{
	box-sizing: border-box;
}
*{
	box-sizing: border-box;
}

a{
	color:#0054d7;
}
em{font-style:normal;font-size:14px;}

.header{

    width: 100%;
    height: 75px;
    background: #fff;
    border-top: 4px solid #2095f2;
    border-bottom: 1px solid #d4d4d4;
    box-shadow: 0 0 4px rgba(0,0,0,.2);
    z-index: 99;
}
.headContent{
	max-width:1035px;
	margin:0 auto;
	height: 75px;
	padding:0 15px;
}

.headMeun{
	float:right;
	line-height: 75px;
	list-style: none;
	margin: 0;
	padding:0;
}
.headMeun li{
	float: left;
    padding: 0 18px;
}
.headMeun li a{
	text-decoration:none;
	color:#006fc7;
	font-size:16px;
}
 .logo {
    float: left;
    padding: 12px 0;
    _background: url(/image/public/logo.gif) 0 center no-repeat;
}
.mobileMeun img{
	margin-top:15px;
}
.footer{
	background:#fff;
	max-width:1020px;
	margin:0 auto;
	padding:15px;
	border-top: 1px solid #ccc;
	color:#444;
	font-size:12px;
}
@media screen and (max-width: 720px) {
    .headMeun {
        display:none;
		position:absolute;
		top:75px;
		left:0;
		right:0;
		z-index:9999;
		background:#667277;
    }
	.headMeun li{
		float: none;
		padding: 0 18px;
		line-height:50px;
		border-bottom:1px solid #eee;
	}
	.headMeun li a {
		text-decoration: none;
		color: #fff;
		font-size: 16px;
	}
	.mobileMeun{
		display:block !important;
		float:right;
		line-height: 75px;
	}
	
}
.main{
	max-width: 1020px;
	margin:0 auto;
	padding:20px;
	background:#fff;
	min-height:1000px;
	
}
@media screen and (max-width: 720px) {
	.main{
		padding:10px;
	}
}
.pNav{
	
	margin-bottom:20px;
}
.pNav a{
	margin:10px;
}

.tipsTitle{
	background: #607D8B;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    color: #fff;
    padding: 0 5px;
}

.poisTips a{
	display: block;
    padding: 5px 10px;
    border: 1px solid #eee;
    float: left;
    background:#1593e7;
    color: #fff;
    text-decoration: none;
	margin:5px;
	
}
.provinceBlock{
	margin-top:10px;
	background: #e6f2ff;
	/* display: table; */
}
.provinceName{
	margin:0;
	background:#69c;
	padding:10px 15px;	
	color:#fff;
	
}
.provinceName a{
	color:#fff;
}
.cityBlock{
	/* background:#e6f2ff; */
	display: table;
	width: 100%;
}
.cityName{
	width:10%;
	min-width:100px;
	font-size:16px;
	font-weight:600;
	display:table-cell;
	text-align:center;
	border: 1px solid #0572c8;
	padding:10px 15px;
	vertical-align: middle;
	border-top: none;
	border-right: none;
}
.cityName a{
	
}
.portList{
	width:90%;
	display:table-cell;
	padding:10px 15px;
	border: 1px solid #3284cb;
	border-top: none;
}
.protName{
	
	font-size:15px;
	float:left;
	padding:5px 10px;
	text-align:center;
}
.portList a{
	
}
.inlineList{
	list-style:none;
	padding:0;
}

.inlineList li
{
	width: 25%;
	min-width:100px;
	display:inline-block;   
	padding:5px 10px;
	
}
@media screen and (max-width: 720px) {
	.inlineList li
	{
		width: 50%;		
	}
	
}
.nav{
	margin: 0 -20px;
    padding: 10px 15px;
    background: #AFEEEE;
	overflow: hidden;
}
.nav a{
	text-decoration: none;
	font-size:14px;
	
}
.collectBtn{
	float:right;
	color:#f44336;
}
.breadcrumb{
	padding:0;
	list-style:none;
	margin:0;
	float:left;
}
.breadcrumb li{
	display:inline-block;   
}
@media screen and (max-width: 720px) {
	.nav{
		display:none;
	}
}
.tidesPoint{
	margin:0 auto;
	width:80%;
	
	background:#d8eaf8;
}
.tidesPoint td
{
	border: 1px solid #FFFFFF;
    empty-cells: show;
    vertical-align: middle;
    text-align: center;
    padding:10px 5px;
}

.tidesInfo{
	margin:20px 0;
}
.tidesInfo span
{
	margin-right:10px;
	color:#cc181e;
}
.chaBox{
	overflow:hidden;
	border:1px solid #eee;
	margin-top:20px;
	display:table;
	width:100%;
}
.searchBox{
	display:table-cell;
	width:300px;
	padding:10px;
	border-right:1px solid #eee;
	vertical-align:top;
}
.tidesLineBox{
	display:table-cell;
	vertical-align:top;
	padding:10px;
	line-height:2;
	position:relative;
}
#tidesLine{
	width:100%;
	height:400px;
}
@media screen and (max-width: 720px) {
	#tidesLine{
		height:300px !important;
	}
	
}
.searchBox select,.searchBox input,.searchBox button{
	width:100%;
	height: 40px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 40px;
    border-radius: 3px;
	margin-bottom:15px;
	display: block;
	border: 1px solid #ccc;
	color:#666;
	background: #fff
}
.searchBox button{
	background:#ff9800;
	color:#fff;
	border:none;
}
.searchBox button:hover{
	background:#f60;
}
@media screen and (max-width: 720px) {
	.searchBox{
		display:block;
		width:100%;
	}
	.tidesLineBox{
		display:block;
		
	}
}

.mapContainer{
	height:400px;
	margin-top:5px;
	border:1px solid #eee;
	width: 100%;
}
@media screen and (max-width: 720px) {
	.mapContainer{
		height:300px;
	}
}
.app{
}
.app img{
	width:90%;
}
.cnTides{
	padding: 2px 5px;
    background: #009688;
    color: #fff;
    border-radius: 4px;
    margin: 0 5px;
	font-size:12px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,form,input,button,textarea,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
li{list-style:none;}
html{background:#FFF;color:#000;background-color:#f8f7f5;}
body{background-color: #DCDCDC;overflow-x: hidden;-webkit-text-size-adjust:none;font-size: 14px;background:#f8f7f5;font-family:'Microsoft Yahei','Simsun';}
h1,h2,h3,h4,h5,h6{font-size:100%;}
input{line-height: normal;resize: none;outline: none;vertical-align: middle;-webkit-appearance: none;}
::-webkit-input-placeholder, input:-moz-placeholder {font-size: 14px;}
select{border:1px solid #ccc;-webkit-appearance:none;background:url(../../tool/static/images/tool.png) no-repeat;background-position:right -187px;padding-left: 5px;padding-right: 5px;background-size: 20px;height: 30px;vertical-align: middle;line-height: normal;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.clear{clear:both}
.clearfix:after {clear: both;content: '\0020';display: block;height: 0;}
a{color:#545454;text-decoration:none;font-size: 14px;}
.green{color:#390}
.red{color:#f00}
.blue{color:#36c}
.gray{color:#454545}
.orange{color:#f60}
.mtop5{margin-top: 5px;}
.mtop10{margin-top: 10px;}
.mtop15{margin-top: 15px;}
.fr{float: right;}
.mcenter{text-align: center;}
a:hover{}
.wid{}
#top{height: 60px;background-color: #27A70B;border-bottom: 1px solid #59C640;}
#top #logo{width:20%;float: left;height: 100%;}
#top #logo a{display: block;width: 128px;background: url(../images/logo4.png) 0 0 no-repeat;-moz-background-size: 128px 29px; -webkit-background-size: 128px 29px; -o-background-size: 128px 29px; background-size: 128px 29px;height: 30px;text-indent: -9999px;margin-top: 15px;margin-left: 10px;}
#top #logoright{width: 50%;float: right;padding-top: 8px;}
#top #logoright #lrleft{float: left;width: 40%;}
#top #logoright #lrleft img{float: right;margin-top: 4px;}
#top #logoright #lrright{float: right;width: 55%;color: #fff;line-height: 22px;}
#top #logoright #lrright a{color: #fff;}
#nav{height:35px;line-height:35px;width: 100%;background-color: #27A70B;border-top: 1px solid #28990F;}
#nav li{float:left;width:25%;text-align: center;}
#nav li a{color: #fff;display: block;height: 35px;font-size: 16px;margin: 0 auto;font-weight: bold;}
#nav li:hover,#nav li.on{}
#nav li:hover a,#nav li.on a{}  
#famoussite{border-top: 1px solid #E9E9E9;}
#famoussite li{float: left;width: 20%;height:35px; text-align: center;}
#famoussite li a{display: block;line-height: 35px;color: #709375;border-right: 1px solid #E9E9E9;border-bottom: 1px solid #E9E9E9;}
#famoussite li:nth-child(5n+1) a{border-left: 1px solid #E9E9E9;}
#newsnav{}
#newsnav #newsntop{border-top: 1px solid #CECECE;border-bottom: 1px solid #CECECE;height: 35px;line-height: 35px;background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF));background-image: -moz-linear-gradient(top, #FFFFFF,#EFEFEF);background-image: -ms-linear-gradient(top, #FFFFFF,#EFEFEF);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF',GradientType=0);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#EFEFEF');}
#newsnav #newsntop li{float: left;width: 33%;text-align: center;color: #657787;font-size: 14px;height: 33px;}
#newsnav #newsntop li.on{color: #559717;border-bottom: 2px solid #559717;}
#newsncontent{clear: both;width: 100%;overflow: hidden;position: relative;min-height: 104px;}
#newsnscroll{width: 300%;padding: 7px 0;}
#newsnscroll li{float: left;width: 33.33%;}
#newsnscroll li a{display: block;height: 30px;line-height: 30px;color: #616365;padding-left: 20px;}
#search{margin-bottom: 3px;margin-left: 4px;font-size: 0;letter-spacing: -4px;position: relative;}
#search #bdword{border-radius: 0;height: 28px;width: 80%;border:1px solid #D6D6D6;border-right-width:0;font-size: 16px;letter-spacing: 0;-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;vertical-align: middle;padding-left: 40px;}
#baidubtn{border-radius: 0;border: 1px solid #D6D6D6;color: #679935;font-weight: bold;cursor: pointer;width:20%;min-width: 65px;height: 38px;text-align: center;font-size:14px;-webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px;-moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-background-size: 17px 225px; -o-background-size: 17px 225px; background-size: 17px 225px;letter-spacing: 0;vertical-align: middle;position: absolute;right: 5px;top: 0px;z-index: 1;outline: none;text-indent: 12px;}
#seicon{position: absolute;left: 0;top: 0;z-index: 2;height: 32px;width: 40px;cursor: pointer;background-image: url(../images/search640.png);background-repeat: no-repeat;background-position: 6px -135px;-webkit-background-size: 20px 235px; background-size: 20px 235px;}
#seicon.baidu{}
#seicon.google{background-position: 6px -92px;}
#seicon.easou{background-position: 6px -49px;}
#seicon.roboo{background-position: 6px -173px;}
#seicon.yicha{background-position: 6px -207px;}
#seicon i{position: absolute;right: 0px;top: 0px;width: 15px;height: 32px;background: url(../images/search640.png) 0 -18px no-repeat;display: block;-webkit-background-size: 20px 235px; background-size: 20px 235px;}
#selectse{border: 1px solid #C1C1C1;width: 310px;margin-left: -3px;margin-top:10px;padding: 10px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow:1px 2px 3px #ddd; -moz-box-shadow:1px 2px 3px #ddd; box-shadow:1px 2px 3px #ddd;position: absolute;background-color: #F5F5F5;letter-spacing: 0;display: none;}
#selectse dl{clear:both;height: 30px;line-height: 30px;margin-top: 5px;}
#selectse dt{float: left;font-size: 16px;margin-right: 3px;color: #282828;font-weight: bold;}
#selectse dd{float: left;margin-left: 5px;}
#selectse dd a{display: block;font-size: 16px;background-repeat: no-repeat;background-image: url(../images/search640.png);width: 36px;padding-left: 26px;-webkit-background-size: 20px 235px; background-size: 20px 235px;}
#selectse dd a.on{background-color: #36a603;color: #fff;}
#selectse dd a.baidu{background-position:6px -138px;}
#selectse dd a.google{background-position:6px -96px;}
#selectse dd a.easou{background-position:6px -54px;}
#selectse dd a.roboo{background-position:6px -179px;}
#selectse dd a.yicha{background-position:6px -213px;}
#selectse i{position: absolute;top: -10px;left: 10px;width: 20px;height: 10px; display: block;background: url(../images/search640.png) 0 0 no-repeat;z-index: 1;-webkit-background-size: 20px 235px; background-size: 20px 235px;} 

.icbox{padding-bottom: 5px;}
.icbox h2{height: 40px;line-height: 40px;background-color: #19A5FD;background-repeat: no-repeat;background-position: 13px -20px;-moz-background-size: 17px 225px; -webkit-background-size: 17px 225px; -o-background-size: 17px 225px; background-size: 17px 225px;color: #fff;font-size: 16px;padding-left: 35px;}
.icbox h2 a{float: right;color: #fff;background-repeat: no-repeat;background-position: 13px -50px;-moz-background-size: 17px 225px; -webkit-background-size: 17px 225px; -o-background-size: 17px 225px; background-size: 17px 225px;padding-left: 25px;margin-right: 20px;}
.icbox dl{clear: both;height: 35px;overflow: hidden;}
.icbox dl:first-of-type{margin-top: 5px;}
.icbox dl a{font-size: 16px;}
.icbox dl dt{float: left;width: 50px;text-align:center;padding-left: 3px;}
.icbox dl dt a{font-weight: bold;font-size: 16px;color: #559717;line-height: 35px;}
.icbox dl dd{float: left;margin-left: 5px;}
.icbox dl dd a{min-width:45px;display: block;line-height: 35px;color: #4B4B4B;}
.icbox h2#icbnews{}
.icbox h2#icbvideo{background-position: 13px -78px;background-color: #FB5D00;}
.icbox h2#icbmall{background-position: 13px -110px;background-color: #ADD655;}
.icbox h2#icbyule{background-position: 13px -142px;background-color: #FF9454;}
.icbox h2#icblife{background-position: 13px -174px;background-color: #19A5FD;}

h2.sitetitle{font-size: 18px;color: #333;height: 36px;line-height: 36px;border-top: 1px solid #E0E0E0;border-bottom: 1px solid #E0E0E0;margin-bottom: 10px;padding-left: 10px;-webkit-box-shadow:inset 0 1px #fff,inset 0 -1px #e9e9e9;background:-webkit-gradient(linear,left top,left bottom,from(#F3F3F3),to(#E8E8E8));background:-moz-linear-gradient(#F3F3F3, #E8E8E8);position:relative;} 
h2.sitetitle:before{content:""; position: absolute; top: 100%; left:25px; width: 0; height: 0; border-left: 6px solid transparent; border-top: 10px solid #e7e7e7; border-right: 6px solid transparent;}

#contentbox{padding: 0 4px;font-size: 14px;line-height: 20px;font-size: 14px;}
#contentbox #cbtitle{font-size: 16px;margin: 5px auto;border-bottom: 1px solid #ccc;padding-bottom: 3px;}

#foot{margin-top: 10px;text-align: center;line-height: 25px;background-color: #fbfbfb;padding: 7px 0;border-top: 1px solid #e6e6e6;color: #999;}
#foot .otherver a{margin-left: 8px;}
.classtitle{height: 35px;line-height: 35px;background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));background-image: -moz-linear-gradient(top, #FFFFFF,#EEEEEE);background-image: -ms-linear-gradient(top, #FFFFFF,#EEEEEE);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#EEEEEE');border-top: 1px solid #D9D9D9;border-bottom: 2px solid #3C8102;color: #3B8101;}
.classtitle span{display: block;background-repeat: no-repeat;background-position: 8px -204px;-moz-background-size: 17px 225px; -webkit-background-size: 17px 225px; -o-background-size: 17px 225px; background-size: 17px 225px;padding-left: 15px;}
.urllist{min-height: 100px;}
.urllist ul{}
.urllist li{float: left;width: 25%;height: 35px;line-height: 35px;}
.urllist li a{display: block;height: 35px;line-height: 35px;color: #4B4B4B;border-right: 1px solid #E4E4E4;border-bottom: 1px solid #E4E4E4;text-align: center;}
.recomlist{background-color: #F8F7F5;}
.recomlist h3{height: 35px;line-height: 35px;background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));background-image: -moz-linear-gradient(top, #FFFFFF,#EEEEEE);background-image: -ms-linear-gradient(top, #FFFFFF,#EEEEEE);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#EEEEEE');border-top: 1px solid #D9D9D9;border-bottom: 2px solid #3C8102;color: #333333;padding-left: 15px;}
.recomlist ul{padding-top: 5px;}
.recomlist li{height: 30px;line-height: 30px;border-bottom: 1px solid #B8C8C6;padding-left: 8px;}
.recomlist li a{color: #333333;}

.toollist{margin-top: 10px;}
.toollist ul li{float: left;width: 25%;margin-bottom:5px;text-align: center; overflow: hidden;text-align: center;line-height: 22px;height: 79px;}
.toollist ul li a{color: #36a603;font-size: 14px;position: relative;width: 71px;display: block;margin: 0 auto;}

h2.catlist{height: 35px;line-height: 35px;border-top:1px solid #D9D9D9;border-bottom:2px solid #3C8102;background:-webkit-gradient(linear,left top,left bottom,from(#F4F4F4),to(#E7E7E8));background:-moz-linear-gradient(#F4F4F4, #E7E7E8);color: #333;}
h2.catlist span{float: left;margin-left: 5px;font-size: 16px;}
h2.catlist a{float:right;margin-right: 5px;font-weight: normal;color: #247400;font-size: 14px;}
h2.catlist .fr{font-weight: normal;float: right;margin-right: 3px;font-size: 14px;}
#collectclass ul{padding: 6px 3px;}
#collectclass li{width: 19%;float: left;line-height: 25px;text-align: center;}
#collectclass li a{font-size: 16px;}
#softbox ul{padding: 10px 5px;}
#softbox li{width: 24%;float: left;height: 90px;line-height: 30px;text-align: center;overflow: hidden;}
#flink .fr{font-weight: normal;float: right;font-size: 12px;color: #666;margin-right: 3px;}
#flink ul{padding: 5px;}
#flink li{width: 22%;float: left;margin-left: 5px;height: 22px;line-height: 22px;}
#botnav{border-bottom: 1px solid #D0DAE4;}
#botnav #bntop{background-color: #F7FDEA;border-top: 1px solid #BCE46C;height: 35px;line-height: 35px;}
#botnav #bntop li{float: left;width: 33%;text-align: center;color: #616365;font-family:'Microsoft Yahei','Simsun';font-size: 16px;border-bottom: 2px solid #C6D1DC;}
#botnav #bntop li.on{color: #6FA107;border-bottom: 2px solid #6FA107;}
#bncontent{clear: both;width: 100%;overflow: hidden;position: relative;min-height: 104px;}
#bnscroll{width: 300%;padding: 7px 0;}
#bnscroll li{float: left;width: 33%;}
#bnscroll li a{float: left;width: 25%;height: 30px;line-height: 30px;text-align: center;color: #616365;}
#bnscroll li.bnfav a{display: inline-block;height: 100px;position: relative;}
.weixinbox{font-family:'Microsoft Yahei','Simsun';padding-bottom: 5px;}
.weixinbox h3,#resultbox .weixinbox h3{height: 30px;line-height: 30px;text-align: center;color: #32A900;font-size: 16px;font-weight: normal;}
.weixinbox li{float: left;width: 50%;text-align: center;}
.weixinbox li a,#resultbox .weixinbox a{color: #000;font-size: 14px;line-height: 25px;}

.indexbox{background-color: #fff;width: 98%;margin-left: auto;margin-right: auto;border: 1px solid #DEDEDE;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.indexbox h2{height: 40px;line-height: 40px;border-bottom: 1px solid #DEDEDE;font-size: 16px;color: #212121;padding: 0px;margin: 0px;}
.indexbox h2 span{display: inline-block;background-image: url(../images/main2014.png);background-repeat: no-repeat;background-position: -116px -187px;-moz-background-size: 141px; -webkit-background-size: 141px; -o-background-size: 141px; background-size: 141px;padding-left: 30px;font-weight: normal;}
.indexbox h2 a{float: right;margin-right: 10px;font-weight: normal;font-size: 12px;}
.indexbox li{border-bottom: 1px solid #EDEDED;}
.indexbox li a{color: #3F3F3F;line-height: 30px;padding-left: 30px;background-image: url(../images/main2014.png);background-repeat: no-repeat;background-position:-118px -233px;-moz-background-size: 141px; -webkit-background-size: 141px; -o-background-size: 141px; background-size: 141px;}
.indexbox li a.hot{background-position:-118px -299px;}
.indexbox li a.pic{background-position:-118px -266px;}

#games{}
#games h2 span{background-position: -116px -356px;}
#games ul{padding: 5px 0;margin-top: 5px;}
#games li{border-bottom: none;width: 25%;float: left;}
#games li a{color: #3F3F3F;padding-left: 0px;background: none;text-align: center;display: block;}
#games li a img{display: block;margin: 0 auto;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

#xiaohua.indexbox.simple li:last-child{border-bottom: none;}
#xiaohua.indexbox.simple li a{background-position: -120px -504px;height: 32px;line-height: 32px;overflow: hidden;display: block;padding-left: 25px;}

#tools{}
#tools h2 span{background-position: -116px -424px;}
#tools #tilist{}
#tools #tilist li{border-bottom: none;width: 20%;float: left;margin-top: 10px;}
#tools #tilist li a{color: #3F3F3F;padding-left: 0px;background: none;text-align: center;display: block;}
#tools #tilist li a span{display: block;width:38px;height: 38px;margin: 0px auto;background-image: url(../images/toolicon.png);background-repeat: no-repeat;background-position: 3px 0px;-moz-background-size: 289px; -webkit-background-size: 289px; -o-background-size: 289px; background-size: 289px;}
#tools #tilist li:nth-child(2) a span{background-position: -63px 0px;}
#tools #tilist li:nth-child(3) a span{background-position: -128px 0px;}
#tools #tilist li:nth-child(4) a span{background-position: -191px 0px;}
#tools #tilist li:nth-child(5) a span{background-position: -257px 0px;}
#tools #tilist li:nth-child(6) a span{background-position: 0px -81px;}
#tools #tilist li:nth-child(7) a span{background-position: -63px -82px;}
#tools #tilist li:nth-child(8) a span{background-position: -128px -82px;}
#tools #tilist li:nth-child(9) a span{background-position: -191px -82px;}
#tools #tilist li:nth-child(10) a span{background-position: -251px -82px;}

.radio-group input[type="radio"]+span:before,.radio-group input[type="radio"]:checked+span:after,.checkbox-group input[type="checkbox"]+span:before,.checkbox-group input[type="checkbox"]:checked+span:after{background: url(/tool/static/images/tool.png) no-repeat;background-size: 20px;}
.radio-group,.checkbox-group{min-height:20px;line-height:20px;padding:0 6px 0 30px;white-space:nowrap;display:inline-block}
.radio-group input[type="radio"],.checkbox-group input[type="checkbox"]{position:relative;float:left;width:20px;height:20px;margin-left:-25px;opacity:.001;z-index:1}
.radio-group input[type="radio"]+span,.checkbox-group input[type="checkbox"]+span{position:relative;color:#505050;line-height:20px;white-space:nowrap}
.checkbox-group input[type="checkbox"]+span:before,.checkbox-group input[type="checkbox"]:checked+span:after,.radio-group input[type="radio"]+span:before,.radio-group input[type="radio"]:checked+span:after{content:"";position:absolute;top:50%;left:-25px;width:20px;height:20px;margin-top:-10px}
.checkbox-group input[type="checkbox"]+span:before{background-position:0 0}
.checkbox-group input[type="checkbox"]:checked+span:after{background-position:0 -45px}
.radio-group input[type="radio"]+span:before{background-position:0 -99px}
.radio-group input[type="radio"]:checked+span:after{background-position:0 -145px}