/* 首页样式  */
/* ----------------------------------- layout ----------------------------------- */
body {
	margin: 0;
	padding: 0;
	border: 0;
	background: #f9f9f9;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
}
div#wrapper {
	margin: 25px auto 40px;
	padding: 0;
	border: 0;
	width: 1129px;
	min-height: 600px;
	text-align: left;
	background: #ffffff;
	overflow: hidden;
}
div#navsecond,div#sidebar {
	float: left;
	border: 0;
	width: 190px;
	background: #efefef;
	margin-bottom: -9999px;
    padding-bottom: 9999px;
}
div#maincontent {
	float: left;
	width: 589px;
	background: #ffffff;
	margin: 0 25px;
}
div#footer_item {
	width: 100%;
	min-width: 1129px;
	background: #efefef;
	border-top: 1px solid #aaa;
	padding: 20px 0;
}
div#footer {
	clear: both;
	position: relative;
	margin: 0 auto;
	width: 1129px;
	height: auto;
	overflow: hidden;
}
.footer-box {
	float: left;
	width: 19%;
	margin-left: 1%;
	text-align: left;
}
.footer-title {
	font-size: 15px;
	font-weight: 600;
	color: #333;
	margin-bottom: 5px;
	line-height: 30px;
}
.footer-items a,.footer-items p {
	display: block;
	line-height: 26px;
	font-size: 14px;
	color: #333;
}
.footer-items p {
	margin: 0;
}
.footer-box .tcode {
	width: 100px;
	height: 100px;
	margin: 10px auto;
}
.footer-box .tcode-txt {
	font-size: 14px;
	color: #333;
	text-align: center;
	margin: 0 10px;
}
.footer-bottom {
	margin: 0px auto;
	width: 1129px;
	padding: 10px 0 0;
	text-align: center;
    line-height: 30px;
}
.footer-bottom p {
	font-size: 14px;
	color: #333;
	line-height: 30px;
	margin: 0;
}
div#footer a:link,div#footer a:visited,.footer-bottom a:link,.footer-bottom a:visited {
	text-decoration: none;
}
div#footer a:hover,.footer-bottom a:hover {
	text-decoration: underline;
}

/* ----------------------------------- header ----------------------------------- */
div#header_item {
	width: 100%;
	position: relative;
}
div#header_index {
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 1129px;
	height: 80px;
	line-height: 80px;
}
div#header-l {
	float: left;
	width: 67%;
	height: 80px;
}
div#header-r {
	float: right;
	width: 33%;
	height: 80px;
}
div#header_index .logo {
	float: left;
	height: 80px;
}
div#header_index img {
	width: 247px;
	height: 48px;
	margin: 16px 0;
}
div.sig-header div#header_index:hover {
	background: none;
}
div#header-l .header-menu {
    float: left;
    margin: 0 0 0 10px;
    padding: 0;
}
div#header-l li {
    float: left;
    list-style: none;
}
div#header-l li a {
	display: inline;
    font-size: 16px;
    color: #666;
    font-weight: normal;
    padding: 8px 10px;
    text-decoration: none;
}
div#header-l li a:hover,div#header-l li a.active {
    background: #ddd;
    border-radius: 3px;
}
div#header_index .sig-box {
	float: right;
}
div#header_index .sig-box a {
	float: none;
	font-weight: normal;
	font-size: 15px;
	text-decoration: none;
}
div#header_index .sig-box-info .sig-line {
    padding: 0 4px;
}
.new-icon {
	display: inline-block;
    width: 22px;
    height: 18px;
    margin-left: 5px;
    background: url("//7nsts.w3cschool.cn/images/w3c/icon-new.gif") no-repeat scroll 0px 0px;
}
#header_index div.sig-box img {
	width: 30px;
	height: 30px;
	margin: 0;
	vertical-align: middle;
}
#header_index div.sig-box .logout-btn {
	font-size: 15px;
	color: #666;
}
div#header-l .dropdown-content {
    display: none;
    position: absolute;
    top: 65px;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
    z-index: 1;
}
div#header-l .dropdown:hover .dropdown-content {
    display: block;
}
div#header-l .dropdown-content a {
    padding: 0 15px !important;
    height: 40px;
    line-height: 40px;
    display: block !important;
    font-size: 15px !important;
    color: #333 !important;
}
div#header-l .dropdown-content a:hover {
	background-color: #ddd;
	border-radius: 0;
}
div#header-l .dropdown-content a:first-child::before {
    border-bottom: 8px solid #fff;
    border-left: 8px solid rgba(255, 255, 255, 0);
    border-right: 8px solid rgba(255, 255, 255, 0);
    bottom: 120px;
    content: "";
    width: 0;
    height: 0;
    left: 15%;
    position: absolute;
}
div#header-l .dropdown-content a:first-child:hover::before {
	border-bottom: 8px solid #ddd;
}

/*-----------------------------------head头部登陆展示专用-----------------------------------*/
.login-box-show a {
	display: inline-block;
	min-width: 40px;
	line-height: 30px;
	padding: 0 15px;
	font-size: 14px;
	background-color: #FFF;
	border: 1px solid #C2C2C2;
	color: #333;
	border-radius: 4px;
	margin-left: 10px;
	box-sizing: content-box;
}
.login-box-show a.login-bg,.login-box-show a:hover {
	background-color: #1CB177;
	border: 1px solid #1CB177;
	color: #FFF;
}
div#header_index .dropdown-menu{
    background-color: #fff;
    margin: 0;
    padding: 9px 0;
    position: absolute;
    float: none;
    left: auto;
    top: 100%;
    width: 150px;
    z-index: 1200;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.15);
    border-image: none;
    border-radius: 0 0 4px 4px;
    border-style: solid;
    border-width: 0 1px 1px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}
#dropdown-menu li{
	list-style:none;
	padding-left: 10px;
}
#dropdown-menu li a{
	height: auto;
}
#new-header .dropdown-toggle-list {
	color: #666;
}
.dropdown-menu li{
    height: 25px;
    line-height: 25px;
}
.dropdown-menu .divider{
    background-color: #e5e5e5;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;	
}
.dropdown-menu a {
    background-color: #fff;
    border-radius: 2px;
    color: #333;
    display: inline-block;
    font-size: 14px;
    padding: 0 15px;
    text-align: left;
    width: 120px;
    padding: 0;
}
.dropdown-menu a.login-bg,.dropdown-menu a:hover {
	color: #900b09;
}
.dropdown-toggle-list {
	color: #333;
    display: inline-block;
    font-size: 14px;
}
.down-icon1 {
	display: inline-block;
    width: 10px;
    height: 10px;
}
#index-content .angle-down-icon {
    background: url("//7nsts.w3cschool.cn/yimages/icon-angle-down1.png") no-repeat scroll 0% 0%;
}
.angle-down-icon {
    background: url("//7nsts.w3cschool.cn/yimages/icon-angle-down1.png") no-repeat scroll 0% 0%;
}
.sns-icon {
	display: inline-block;
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    background-repeat: no-repeat;  
    vertical-align: -2px;
}
.icon-user1 {
	background-image: url("//7nsts.w3cschool.cn/yimages/icon-user1.png");
}
.home-icon {
	background-image: url("//7nsts.w3cschool.cn/yimages/icon-home1.png");
}
.cog-icon {
	background-image: url("//7nsts.w3cschool.cn/yimages/icon-cog1.png");
}
.key-icon {
	background-image: url("//7nsts.w3cschool.cn/yimages/icon-key1.png");
}
.mycv-icon {
    background-image: url("//7nsts.w3cschool.cn/yimages/icon-mycv1.png");
}
.signout-icon {
    background-image: url("//7nsts.w3cschool.cn/yimages/icon-signout1.png");
}
.dropdown-menu a:hover .icon-user1 {
	background-image: url("//7nsts.w3cschool.cn/yimages/icon-user2.png");
}
.dropdown-menu a:hover .home-icon {
	background-image: url("//7nsts.w3cschool.cn/yimages/icon-home2.png");
}
.dropdown-menu a:hover .cog-icon {
	background-image: url("//7nsts.w3cschool.cn/yimages/icon-cog2.png");
}
.dropdown-menu a:hover .key-icon {
	background-image: url("//7nsts.w3cschool.cn/yimages/icon-key2.png");
}
.dropdown-menu a:hover .mycv-icon {
    background-image: url("//7nsts.w3cschool.cn/yimages/icon-mycv2.png");
}
.dropdown-menu a:hover .signout-icon {
    background-image: url("//7nsts.w3cschool.cn/yimages/icon-signout2.png");
}
.dropdown-menu::after{
    content: "";
    display: inline-block !important;
    position: absolute;
}

/* ----------------------------------- index -----------------------------------*/
body#homefirst div#maincontent {
	font-family: '微软雅黑';
}
body#homefirst div#maincontent div#partner {
	width: 307px;
	float: left;
}
body#homefirst div#maincontent div#update {
	width: 300px;
	float: left;
	margin: 0;
}
body#homefirst div#maincontent div#w3 {
	text-align: center;
}
body#homefirst div#maincontent div#w3 h2 {
	margin-top: 20px;
	font-size: 20px;
}

/* ----------------------------------- 首页 navfirst -----------------------------------*/
div#navfirst_item {
	width: 100%;
	min-width: 1129px;
	background-color: #b6b6b6;
	height: 35px;
}
div#navfirst {
	width: 1129px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	/*overflow: hidden;*/
}
div#navfirst ul#menu {
	height: 35px;
	width: 1129px;
	margin: 0;
	padding: 0;
	position: relative;
}
div#navfirst ul#menu li {
	float: left;
	margin: 0 8px;
	list-style: none;
}
ul#menu li,ul#menu a {
	height: 35px;
	line-height: 35px;
}
div#navfirst ul#menu li a {
	display: inline-block;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	padding: 0 5px;
}
div#navfirst ul#menu li a:hover {
	background: #929292;
}
div#navfirst ul#menu li a .home-icon {
	background: url("//7nsts.w3cschool.cn/images/w3c/icon-home.png") no-repeat scroll 0px -1px;
}

/* Default links */
a {
	text-decoration: none;
	color: #900b09;
}
a:hover {
	text-decoration: underline;
	color: #ff0000;
}


/* ----------------------------------- Typography ----------------------------------- */
h2,h3,h4,h5,h6 {
	font-weight: bold;
	margin: 0;
	padding: 0;
}
div#maincontent h1 {
	margin: 15px 0 0 15px;
	font-size: 20px;
	font-family: '微软雅黑';
}
div#maincontent h2 {
	font-size: 14px;
}
div#navsecond h2,div#sidebar h2 {
	font-size: 14px;
	margin: 10px 0 2px 12px;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
body#homesecond div#navsecond li {
	margin: 5px 0 0 0;
	font-size: 14px;
}
p {
	margin: 12px 0 0 0;
	line-height: 150%;
}
div.backtoreference p {
	margin: 0;
}
div#w3school p {
	margin-left: 15px;
}
div#maincontent div p:first-child {
	margin: 0;
}
div#intro strong {
	font-size: 12px;
}
em {
	font-style: normal;
	font-weight: bold;
}
div#maincontent ul {
	margin-top: 10px;
	margin-bottom: 0;
}
div#maincontent li {
	margin-top: 3px;
}
div#navsecond ul,div#navsecond li,div#sidebar ul,div#sidebar li {
	margin: 0;
	padding: 0;
}
div#navsecond ul,div#sidebar ul {
	margin: 0 0 10px 12px;
}
.index-wrapper #sidebar ul {
	margin: 0 12px 10px 5px;
}
div#navsecond li,div#sidebar li {
	list-style: none;
	line-height: 22px;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
img {
	border: 0;
}

/* ----------------------------------- search form ----------------------------------- */
#header_index .searchbox {
	float: left;
	position: relative;
	width: 230px;
	height: 35px;
    line-height: 35px;
	margin: 22px 0 0 0;
	background: #EFEFEF;
	border-radius: 4px;
	text-align: left;
}
#header_index .searchbox input.box {
	width: 179px;
    height: 35px;
	line-height: 35px;
	font-size: 14px;
    background: rgb(239, 239, 239);
	color: #333;
	border: none;
	padding: 0 8px;
	margin: 0;
}
#header_index .searchbox input.box:hover {
	background-color: #f3f3f3;
}
#header_index .searchbox .button {
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	border: none;
	background: url("//7nsts.w3cschool.cn/yimages/icons.png") no-repeat scroll 0px 3px;
	text-indent: -9999px;
	cursor: pointer;
}


/* ----------------------------------- 注册、登录样式----------------------------------- */
.sig-wrapper {
	text-align: left;
}
.sig-header {
	width: 100%;
	height: 80px;
	background: #EFEFEF;
	border-bottom: 1px solid #DDD;
}
.sig-header:hover {
	background: #F3F3F3;
}
.sig-header #header_index {
	margin: 0 auto;
}
.page-login {
	width: 600px;
	margin: 80px auto;
}
.form-wrapper {
	padding: 30px 50px;
	background-color: #FFF;
	border: 1px solid #DDD;
}
.sig-up {
	width: 100%;
	border-bottom: 1px solid #DDD;
	padding-bottom: 10px;
	overflow: hidden;
}
.form-title {
	float: left;
	font-weight: normal;
	font-size: 22px;
	color: #333;
}
.sig-up a {
	float: right;
	margin-top: 5px;
	font-size: 14px;
	color: #666;
	text-decoration: none;
}
.sig-item {
    margin-top: 28px;
}
.sig-item2 {
    margin-top: 18px;
}
.label-con {
    display: block;
    float: left;
    width: 130px;
    line-height: 40px;
    font-size: 15px;
    color: #666;
    text-align: right;
}
.sig-item .required {
    padding: 0px 5px;
    font-size: 18px;
    color: #900b09;
    font-weight: 600;
    font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.form .controls {
    margin-left: 140px;
}
.form .controls2 {
    margin-left: 80px;
}
.form-con {
    display: inline-block;
    width: 230px;
    line-height: 18px;
    border: 1px solid #CCC;
    padding: 10px 8px;
    font-size: 15px;
    color: #666;
    vertical-align: middle;
}
.form-con:focus {
	border: 1px solid #AAA;
    box-shadow: 2px 0px 5px 0px #fff;
}
.input-code {
    width: 120px;
}
.btn-phonecode {
	border: 0 none;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    padding: 9px 12px;
    font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: center;
    vertical-align: middle;
    background: #EFEFEF;
    text-decoration: none;
    margin-left: 5px;
}
.btn-phonecode:hover{
	background: #E5E5E5;
	color: #AE4141 !important;
	text-decoration: none;
}
.scodebox {display: none;}
#codetip {display: none; } 
.scodestatus {display: none; } 
.mphonetip {display: none;}
.code_box {
    padding-left: 10px;
    height: 37px;
    width: 94px;
    vertical-align: middle;
}
.sig-item .link,.checkbox-text a {
	color: #666;
	text-decoration: none;
}
.gray {
    text-align: center;
    vertical-align: middle;
    background: #AE4141;
    border: 1px solid #AE4141;
    font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #FFF;
}
.gray:hover {
	background-color: #900b09;
}
.btn-session {
    display: inline-block;
    padding: 10px 20px;
    width: 310px;
    cursor: pointer;
    border: 0px none;
    font-size: 16px;
}
.quicklogintt {
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    color: #666;
    text-align: center;
}
.quicklogin {
    position: relative;
    padding-top: 5px;
    text-align: center;
}
.quicklogin a {
    display: inline-block;
    line-height: 35px;
    padding: 0 10px;
    font-size: 14px;
    color: #666;
    text-decoration: none;
}
.pop-sns {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 2px;
    vertical-align: middle;
    content: none !important;
}
.icons-weibo {
    background: url("//7nsts.w3cschool.cn/yimages/weibo.png") no-repeat scroll 0% 0%;
}
.quicklogin a:hover .icons-weibo,.widget-box .icons-weibo {
    background: url("//7nsts.w3cschool.cn/yimages/i_weibo.png") no-repeat scroll 0% 0%;
}
.icons-qq {
    background: url("//7nsts.w3cschool.cn/yimages/qq.png") no-repeat scroll 0% 0%;
}
.quicklogin a:hover .icons-qq,.widget-box .icons-qq {
    background: url("//7nsts.w3cschool.cn/yimages/i_qq.png") no-repeat scroll 0% 0%;
}
.icons-weixin {
    background: url("//7nsts.w3cschool.cn/yimages/weixin.png") no-repeat scroll 0% 0%;
}
.quicklogin a:hover .icons-weixin,.widget-box .icons-weixin {
    background: url("//7nsts.w3cschool.cn/yimages/i_weixin.png") no-repeat scroll 0% 0%;
}
.icons-user {
    background: url("//7nsts.w3cschool.cn/images/w3c/user.png") no-repeat scroll 0% 0%;
}
.quicklogin a:hover .icons-user {
    background: url("//7nsts.w3cschool.cn/images/w3c/i_user.png") no-repeat scroll 0% 0%;
}
.weixinlogin {
    display: none;
    position: absolute;
    top: -210px;
    left: 0;
    background-color: #fff;
    box-shadow: 2px 2px 2px #ccc;
}
.sig-up a:hover,.sig-item a:hover,.quicklogin a:hover {
    color: #333;
}
.mphonetip {
	margin-left: 140px;
	margin-top: 5px;
	color: #900b09;
}
.scodestatus {
	background-position: 10px 5px;
    padding: 0 5px 0 40px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-indent: -9999px;
}
.scodesucess {
	background: url("//7nsts.w3cschool.cn/images/w3c/success.png") no-repeat; 
}
.scodeerror {
	background: url("//7nsts.w3cschool.cn/images/w3c/error.png") no-repeat;
}


/* ----------------------------------- index首页  ----------------------------------- */
.index-wrapper {
	width: 1129px;
	margin: 0 auto;
	padding: 25px 0;
	overflow: hidden;
}
.icon-img,.img-icon  {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px;
}
.icon-img {
	background-image: url("//7nsts.w3cschool.cn/images/w3c/platform-sprite.png");
    background-repeat: no-repeat;
}
.icon-question {
    background: url("//7nsts.w3cschool.cn/yimages/question-icon.png") no-repeat scroll 0% 0%;
}
.icon-hb {
    background: url("//7nsts.w3cschool.cn/images/w3c/icon-book.png") no-repeat scroll 0% 0%;
}
.icon-artile {
	background: url("//7nsts.w3cschool.cn/images/w3c/icon-article.png") no-repeat scroll 0% 0%;
}
.icon-new {
	background: url("//7nsts.w3cschool.cn/images/w3c/icon-new.png") no-repeat scroll 0% 0%;
}
div#navsecond li a:hover,div#maincontent li a:hover,div#sidebar .top-item li.top-box .top-uname:hover,div#sidebar .news-list a:hover,.pm-list a:hover {
	text-decoration: underline;
	color: #ff0000;
}
/* 手册图标 */
.platform-default {
	background-position: 0 0;
}
.platform-Google {
	background-position: -41px 0;
}
.platform-Mac,.platform-ios {
	background-position: -82px 0;
}
.platform-Other {
	background-position: -123px 0;
}
.platform-SproutCore {
	background-position: -164px 0;
}
.platform-StackOverflow {
	background-position: -205px 0;
}
.platform-actionscript {
	background-position: -246px 0;
}
.platform-akka {
	background-position: -287px 0;
}
.platform-android,.platform-android_sdk {
	background-position: -328px 0;
}
.platform-angulardart {
	background-position: -369px 0;
}
.platform-angularjs,.platform-angular2 {
	background-position: -410px 0;
}
.platform-angularts {
	background-position: -451px 0;
}
.platform-ansible {
	background-position: -492px 0;
}
.platform-apache {
	background-position: -533px 0;
}
.platform-apple {
	background-position: -574px 0;
}
.platform-applescript {
	background-position: -615px 0;
}
.platform-arduino {
	background-position: -656px 0;
}
.platform-awesome {
	background-position: -697px 0;
}
.platform-awsjs {
	background-position: -738px 0;
}
.platform-backbone {
	background-position: -779px 0;
}
.platform-bash {
	background-position: -820px 0;
}
.platform-boost {
	background-position: -861px 0;
}
.platform-bootstrap,.platform-codecamp-2 {
	background-position: -902px 0;
}
.platform-bourbon {
	background-position: -943px 0;
}
.platform-c {
	background-position: -984px 0;
}
.platform-cakephp {
	background-position: -1025px 0;
}
.platform-cappuccino {
	background-position: -1066px 0;
}
.platform-cf {
	background-position: -1107px 0;
}
.platform-chai {
	background-position: -1148px 0;
}
.platform-cheatsheet {
	background-position: -1189px 0;
}
.platform-chef {
	background-position: -1230px 0;
}
.platform-clojure {
	background-position: -1271px 0;
}
.platform-cmake {
	background-position: -1312px 0;
}
.platform-cocoadocs_platform {
	background-position: -1353px 0;
}
.platform-cocoapods {
	background-position: -1394px 0;
}
.platform-cocos2d {
	background-position: -1435px 0;
}
.platform-cocos2dx {
	background-position: -1476px 0;
}
.platform-codeigniter {
	background-position: -1517px 0;
}
.platform-coffee {
	background-position: -1558px 0;
}
.platform-compass {
	background-position: -1599px 0;
}
.platform-cordova {
	background-position: -1640px 0;
}
.platform-corona {
	background-position: -1681px 0;
}
.platform-couchdb {
	background-position: -1722px 0;
}
.platform-cpp {
	background-position: -1763px 0;
}
.platform-craft {
	background-position: -1804px 0;
}
.platform-css3 {
	background-position: -1845px 0;
}
.platform-cvc {
	background-position: -1886px 0;
}
.platform-cvcpp {
	background-position: -1927px 0;
}
.platform-cvj {
	background-position: -1968px 0;
}
.platform-cvp {
	background-position: -2009px 0;
}
.platform-d3 {
	background-position: -2050px 0;
}
.platform-dartdocs {
	background-position: -2091px 0;
}
.platform-dartlang {
	background-position: -2132px 0;
}
.platform-django {
	background-position: -2173px 0;
}
.platform-docker,.platform-reqsgr {
	background-position: -2214px 0;
}
.platform-doctrine {
	background-position: -2255px 0;
}
.platform-dojo {
	background-position: -2296px 0;
}
.platform-dom {
	background-position: -2337px 0;
}
.platform-drupal {
	background-position: -2378px 0;
}
.platform-ee {
	background-position: -2419px 0;
}
.platform-elasticsearch {
	background-position: -2460px 0;
}
.platform-elisp {
	background-position: -2501px 0;
}
.platform-elixir {
	background-position: -2542px 0;
}
.platform-ember {
	background-position: -2583px 0;
}
.platform-emmet {
	background-position: -2624px 0;
}
.platform-erlang {
	background-position: -2665px 0;
}
.platform-express {
	background-position: -2706px 0;
}
.platform-extjs {
	background-position: -2747px 0;
}
.platform-flask {
	background-position: -2788px 0;
}
.platform-foundation {
	background-position: -2829px 0;
}
.platform-git {
	background-position: -2870px 0;
}
.platform-github {
	background-position: -2911px 0;
}
.platform-gl2 {
	background-position: -2952px 0;
}
.platform-gl3 {
	background-position: -2993px 0;
}
.platform-gl4 {
	background-position: -3034px 0;
}
.platform-glib {
	background-position: -3075px 0;
}
.platform-go {
	background-position: -3116px 0;
}
.platform-godoc {
	background-position: -3157px 0;
}
.platform-gradle {
	background-position: -3198px 0;
}
.platform-grails {
	background-position: -3239px 0;
}
.platform-groovy {
	background-position: -3280px 0;
}
.platform-grunt {
	background-position: -3321px 0;
}
.platform-gulp {
	background-position: -3362px 0;
}
.platform-hackage {
	background-position: -3403px 0;
}
.platform-haml {
	background-position: -3444px 0;
}
.platform-handlebars {
	background-position: -3485px 0;
}
.platform-haskell {
	background-position: -3526px 0;
}
.platform-hex {
	background-position: -3567px 0;
}
.platform-html5 {
	background-position: -3608px 0;
}
.platform-ionic {
	background-position: -3649px 0;
}
.platform-iphone {
	background-position: -3690px 0;
}
.platform-jquery,.platform-jqueryeasyui,.platform-codecamp-3 {
	background-position: -3731px 0;
}
.platform-jade {
	background-position: -3772px 0;
}
.platform-jasmine {
	background-position: -3813px 0;
}
.platform-java,.platform-swing {
	background-position: -3854px 0;
}
.platform-javadoc {
	background-position: -3895px 0;
}
.platform-javafx {
	background-position: -3936px 0;
}
.platform-javascript,.platform-codecamp-1 {
	background-position: -3977px 0;
}
.platform-jee6 {
	background-position: -4018px 0;
}
.platform-jee7 {
	background-position: -4059px 0;
}
.platform-jekyll {
	background-position: -4100px 0;
}
.platform-jinja {
	background-position: -4141px 0;
}
.platform-joomla {
	background-position: -4182px 0;
}
.platform-jquerym,.platform-jquerymobile {
	background-position: -4223px 0;
}
.platform-jqueryui {
	background-position: -4264px 0;
}
.platform-julia {
	background-position: -4305px 0;
}
.platform-knockout {
	background-position: -4346px 0;
}
.platform-kobold2d {
	background-position: -4387px 0;
}
.platform-laravel {
	background-position: -4428px 0;
}
.platform-latex {
	background-position: -4469px 0;
}
.platform-less {
	background-position: -4510px 0;
}
.platform-linux {
	background-position: -4551px 0;
}
.platform-lisp {
	background-position: -4592px 0;
}
.platform-lodash {
	background-position: -4633px 0;
}
.platform-lua {
	background-position: -4674px 0;
}
.platform-manPages {
	background-position: -4715px 0;
}
.platform-marionette {
	background-position: -4756px 0;
}
.platform-markdown,.platform-markdownyfsm {
	background-position: -4797px 0;
}
.platform-matlab {
	background-position: -4838px 0;
}
.platform-matplotlib {
	background-position: -4879px 0;
}
.platform-meteor,.platform-discovermeteor {
	background-position: -4920px 0;
}
.platform-mocha {
	background-position: -4961px 0;
}
.platform-moment {
	background-position: -5002px 0;
}
.platform-mongodb {
	background-position: -5043px 0;
}
.platform-mongoose {
	background-position: -5084px 0;
}
.platform-mono {
	background-position: -5125px 0;
}
.platform-moo {
	background-position: -5166px 0;
}
.platform-mysql {
	background-position: -5207px 0;
}
.platform-neat {
	background-position: -5248px 0;
}
.platform-net {
	background-position: -5289px 0;
}
.platform-nginx,.platform-nginxsysc {
	background-position: -5330px 0;
}
.platform-nodejs {
	background-position: -5371px 0;
}
.platform-numpy {
	background-position: -5412px 0;
}
.platform-ocaml {
	background-position: -5453px 0;
}
.platform-pandas {
	background-position: -5494px 0;
}
.platform-perl {
	background-position: -5535px 0;
}
.platform-phalcon {
	background-position: -5576px 0;
}
.platform-phonegap {
	background-position: -5617px 0;
}
.platform-php,.platform-phpkfbmgf {
	background-position: -5658px 0;
}
.platform-phpp {
	background-position: -5699px 0;
}
.platform-phpunit {
	background-position: -5740px 0;
}
.platform-playjava {
	background-position: -5781px 0;
}
.platform-playscala {
	background-position: -5822px 0;
}
.platform-polymerdart {
	background-position: -5863px 0;
}
.platform-processing {
	background-position: -5904px 0;
}
.platform-prototype {
	background-position: -5945px 0;
}
.platform-psql {
	background-position: -5986px 0;
}
.platform-puppet {
	background-position: -6027px 0;
}
.platform-python,.platform-python3 {
	background-position: -6068px 0;
}
.platform-qt {
	background-position: -6109px 0;
}
.platform-r {
	background-position: -6150px 0;
}
.platform-racket {
	background-position: -6191px 0;
}
.platform-rails {
	background-position: -6232px 0;
}
.platform-react {
	background-position: -6273px 0;
}
.platform-redis {
	background-position: -6314px 0;
}
.platform-require {
	background-position: -6355px 0;
}
.platform-ruby {
	background-position: -6396px 0;
}
.platform-rubyGems {
	background-position: -6437px 0;
}
.platform-rubymotion {
	background-position: -6478px 0;
}
.platform-rust {
	background-position: -6519px 0;
}
.platform-sails {
	background-position: -6560px 0;
}
.platform-salt {
	background-position: -6601px 0;
}
.platform-sass {
	background-position: -6642px 0;
}
.platform-scala,.platform-scaladevelopmentguide {
	background-position: -6683px 0;
}
.platform-scaladoc {
	background-position: -6724px 0;
}
.platform-scipy {
	background-position: -6765px 0;
}
.platform-semantic {
	background-position: -6806px 0;
}
.platform-sencha {
	background-position: -6847px 0;
}
.platform-sinon {
	background-position: -6888px 0;
}
.platform-smarty {
	background-position: -6929px 0;
}
.platform-sooffline {
	background-position: -6970px 0;
}
.platform-soonline {
	background-position: -7011px 0;
}
.platform-sparrow {
	background-position: -7052px 0;
}
.platform-spring,.platform-wkspring {
	background-position: -7093px 0;
}
.platform-sqlalchemy {
	background-position: -7134px 0;
}
.platform-sqlite {
	background-position: -7175px 0;
}
.platform-statamic {
	background-position: -7216px 0;
}
.platform-stylus {
	background-position: -7257px 0;
}
.platform-susy {
	background-position: -7298px 0;
}
.platform-svg {
	background-position: -7339px 0;
}
.platform-swift {
	background-position: -7380px 0;
}
.platform-symfony {
	background-position: -7421px 0;
}
.platform-tcl {
	background-position: -7462px 0;
}
.platform-titanium {
	background-position: -7503px 0;
}
.platform-tornado {
	background-position: -7544px 0;
}
.platform-tvos {
	background-position: -7585px 0;
}
.platform-twig {
	background-position: -7626px 0;
}
.platform-twisted {
	background-position: -7667px 0;
}
.platform-typescript {
	background-position: -7708px 0;
}
.platform-typo3 {
	background-position: -7749px 0;
}
.platform-underscore {
	background-position: -7790px 0;
}
.platform-unity3d {
	background-position: -7831px 0;
}
.platform-vagrant {
	background-position: -7872px 0;
}
.platform-vim {
	background-position: -7913px 0;
}
.platform-vsphere {
	background-position: -7954px 0;
}
.platform-vue,.platform-aekdgs {
	background-position: -7995px 0;
}
.platform-watchos {
	background-position: -8036px 0;
}
.platform-wordpress {
	background-position: -8077px 0;
}
.platform-xamarin,.platform-xhtml {
	background-position: -8118px 0;
}
.platform-xojo {
	background-position: -8159px 0;
}
.platform-xslt {
	background-position: -8200px 0;
}
.platform-xul {
	background-position: -8241px 0;
}
.platform-yii,.platform-yii2manual {
	background-position: -8282px 0;
}
.platform-yui {
	background-position: -8323px 0;
}
.platform-zend {
	background-position: -8364px 0;
}
.platform-zepto {
	background-position: -8405px 0;
}
.platform-shellbook{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat 0px 0px;}
.platform-slickguide{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -16px 0px;}
.platform-servlet{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -32px 0px;}
.platform-rss{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -48px 0px;}
.platform-selfbuild{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -64px 0px;}
.platform-ssdb{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -80px 0px;}
.platform-storm{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -96px 0px;}
.platform-sql{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -112px 0px;}
.platform-soap{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -128px 0px;}
.platform-spark{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -144px 0px;}
.platform-mip{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -160px 0px;}
.platform-mybatis{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -176px 0px;}
.platform-memcached{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -192px 0px;}
.platform-llq{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -208px 0px;}
.platform-maven{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -224px 0px;}
.platform-plk2fi{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -240px 0px;}
.platform-revel{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -256px 0px;}
.platform-photoshopgjjc{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -272px 0px;}
.platform-oauth2{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -288px 0px;}
.platform-officejq1000l{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -304px 0px;}
.platform-xml{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -320px 0px;}
.platform-xmldom{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -336px 0px;}
.platform-wzzjjc{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -352px 0px;}
.platform-wzjszn{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -368px 0px;}
.platform-wzpz{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -384px 0px;}
.platform-xuexiw3c{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -400px 0px;}
.platform-zhengzebiaodashi{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -416px 0px;}
.platform-xslfo{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -432px 0px;}
.platform-xpath{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -448px 0px;}
.platform-xquery{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -464px 0px;}
.platform-tcpip{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -480px 0px;}
.platform-thinkphp323{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -496px 0px;}
.platform-swoole{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -512px 0px;}
.platform-sublimetext{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -528px 0px;}
.platform-svn{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -544px 0px;}
.platform-weixinapp,.platform-miniappbook,.platform-xiaochengxu,.platform-weixinkaifawendang{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -560px 0px;}
.platform-wxxcx{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -576px 0px;}
.platform-webservices{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -592px 0px;}
.platform-unix{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -608px 0px;}
.platform-vbscript{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -624px 0px;}
.platform-composer{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -640px 0px;}
.platform-crossapp{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -656px 0px;}
.platform-coffeescript{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -672px 0px;}
.platform-codecamp-1{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -688px 0px;}
.platform-codesmith{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -704px 0px;}
.platform-cssref{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -720px 0px;}
.platform-dartstyleguide{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -736px 0px;}
.platform-cssdom{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -752px 0px;}
.platform-csharp{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -768px 0px;}
.platform-css{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -784px 0px;}
.platform-ant{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -800px 0px;}
.platform-appcan{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -816px 0px;}
.platform-ajax{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -832px 0px;}
.platform-junit{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -848px 0px;}
.platform-ado{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -864px 0px;}
.platform-axurezwjc{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -880px 0px;}
.platform-bhz24q{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -896px 0px;}
.platform-atom{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -912px 0px;}
.platform-asp{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -928px 0px;}
.platform-aspnet{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -944px 0px;}
.platform-htmldom,.platform-htmltags{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -960px 0px;}
.platform-http{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -976px 0px;}
.platform-html,.platform-codecamp-0{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -992px 0px;}
.platform-gwi22k{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -1008px 0px;}
.platform-hibernate{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -1024px 0px;}
.platform-jsp{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -1040px 0px;}
.platform-jsref{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -1056px 0px;}
.platform-json{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -1072px 0px;}
.platform-jfinal{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -1088px 0px;}
.platform-jfryse{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -1104px 0px;}
.platform-dtd{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -1120px 0px;}
.platform-eclipse{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -1136px 0px;}
.platform-dreamweaverjc{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -1152px 0px;}
.platform-discovermeteor{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -1168px 0px;}
.platform-dosmlxxsc1{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -1184px 0px;}
.platform-firebug{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -1200px 0px;}
.platform-freejquery{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -1216px 0px;}
.platform-fastjson{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -1232px 0px;}
.platform-ecmascript16{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -1248px 0px;}
.platform-exceljc{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite1.png") no-repeat -1264px 0px;}
.platform-struts_2{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite2.png") no-repeat 0px 0px;}
.platform-tableau{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite2.png") no-repeat -16px 0px;}
.platform-sas{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite2.png") no-repeat -32px 0px;}
.platform-mariadb{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite2.png") no-repeat -48px 0px;}
.platform-ms_access{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite2.png") no-repeat -64px 0px;}
.platform-wml{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite2.png") no-repeat -80px 0px;}
.platform-zookeeper{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite2.png") no-repeat -96px 0px;}
.platform-webdevelopment{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite2.png") no-repeat -112px 0px;}
.platform-vb_net{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite2.png") no-repeat -128px 0px;}
.platform-web-17{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite2.png") no-repeat -144px 0px;}
.platform-impala{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite2.png") no-repeat -160px 0px;}
.platform-apex{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite2.png") no-repeat -176px 0px;}
.platform-cassandra{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite2.png") no-repeat -192px 0px;}
.platform-apache_storm{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite2.png") no-repeat -208px 0px;}
.platform-apache_kafka{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite2.png") no-repeat -224px 0px;}
.platform-apache_pig{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite2.png") no-repeat -240px 0px;}
.platform-flex{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite2.png") no-repeat -256px 0px;}
.platform-hadoop{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite2.png") no-repeat -272px 0px;}
.platform-emberjs_guide{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite2.png") no-repeat -288px 0px;}
.platform-cssreference{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite2.png") no-repeat -304px 0px;}
.platform-ecmascript{background:url("//7nsts.w3cschool.cn/images/w3c/platform-sprite2.png") no-repeat -320px 0px;}



  
/*  头部banner模块  */
#search-banner {
	position: relative;
	width: 100%;
	min-width: 1129px;
	text-align: center;
	background-image: url(//7nsts.w3cschool.cn/images/w3c/search-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.search-banner2 {
	background-image: url(//7nsts.w3cschool.cn/images/w3c/search-bg2.jpg) !important;
}
.search-wrapper {
    padding: 30px 0;
}
.search-wrapper .first-w3 h1 {
    font-size: 20px;
    margin: auto;
}
.search-wrapper .first-w3 h2 {
    margin: 15px 0;
    font-size: 14px;
}
.search-wrapper .search-item {
    position: relative;
    width: 780px;
    height: 42px;
    margin: 0 auto;
    border: 2px solid #AE4141;
    background-color: #FFF;
    border-radius: 2px;
    text-align: left;
}
.search-wrapper .search-box {
    width: 675px;
    padding-left: 8px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #333;
    border: 1px solid transparent;
    outline: none;
}
.search-wrapper .search-btn {
    position: absolute;
    width: 95px;
    height: 42px;
    line-height: 42px;
    right: 0;
    top: 0;
    font-size: 16px;
    color: #FFF;
    cursor: pointer;
    text-align: center;
    background-color: #AE4141;
    border: none;
    border-left: 1px solid #AE4141;
}
.search-wrapper .quick-item {
	margin-top: 15px;
}
.search-wrapper .quicklogintt,.search-wrapper .quick-box{
	display: inline-block;
	color: #333;
}
.search-wrapper .quick-box a {
    display: inline-block;
    background: none;
    border-radius: 3px;
    margin: 0;
    padding: 0px 5px;
}
.idea-item {
	position: relative;
	margin-top: 30px;
	overflow: hidden;
}
.idea-item .idea {
	float: left;
	width: 22.61%;
	height: 100px;
	padding: 10px;
	margin: 0 0.22%;
	border: 1px solid #DDD;
	background: #fff;
	border-radius: 2px;
}
.idea-item .idea img {
	float: left;
	width: 80px;
	height: 80px;
}
.idea-item .idea-desc {
	margin-left: 85px;
	text-align: left;
}
.idea-item .idea-desc h3 {
	font-size: 15px;
	margin-top: 5px;
	color: #000;
}
.idea-item .idea-desc strong {
	display: block;
    margin: 5px 0 0 0;
    font-weight: normal;
    color: #000;
    line-height: 150%;
}

/* --- 首页热门推荐、最新问答、最新更新、最新公告、排行榜模块样式 --- */
.item-content {
	width: 100%;
	min-width: 1129px;
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #CCC;
}
.index-wrapper #navsecond,.index-wrapper #sidebar {
	width: 240px;
	background: #fff;
	margin-bottom: 0;
	padding-bottom: 0;
}
.index-wrapper div#navsecond h2,.index-wrapper div#sidebar h2,.index-wrapper div#maincontent h2 {
	font-size: 18px;
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px;
	margin: 0 0 8px 0;
	white-space: normal;
}
.index-wrapper div#navsecond h2::before,.index-wrapper div#sidebar h2::before,.index-wrapper div#maincontent h2::before {
    content: "";
    background: #AE4141;
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 8px;
    margin-bottom: 3px;
    vertical-align: middle;
}
div#navsecond .more-btn,div#maincontent .more-btn,div#sidebar .more-btn {
	float: right;
	text-decoration: none;
	font-size: 14px;
	color: #900b09;
	line-height: 26px;
}
div#navsecond .more-btn:hover,div#maincontent .more-btn:hover,div#sidebar .more-btn:hover {
	text-decoration: underline;
	color: #ff0000;
}
.index-wrapper #navsecond ul, .index-wrapper #sidebar ul {
    margin: 0 0 20px 0;
}
.index-wrapper div#navsecond li {
	margin-bottom: 10px;
	line-height: 18px;
}
div#navsecond .hotpro-list li a,div#navsecond .recommend-list li a {
    float: left;
    display: inline-block;
    text-decoration: none;
    width: auto;
    max-width: 65%;
    height: 18px;
    line-height: 18px;
    color: #000;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
div#navsecond .hotpro-list li span,div#navsecond .recommend-list li span,div#maincontent .question-box li span,div#maincontent .article-box li span {
	float: right;
	font-size: 13px;
	color: #666;
	text-align: right;
}
div#navsecond .sl-item {
	margin-bottom: 20px;
}
div#navsecond .sl-item img {
	display: block;
	width: 240px;
	height: 58px;
}
div#maincontent .first-w3 {
	padding: 0 0 20px 0;
}
div#maincontent .article-list,div#maincontent .question-list,div#maincontent .tutorial-list {
	padding: 0 0 20px 0;
}
div#maincontent ul.article-box,div#maincontent ul.question-box {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
div#maincontent ul.article-box li,div#maincontent ul.question-box li {
	float: left;
	width: 48%;
	list-style: none;
	margin: 0 0 10px 0;
	padding-right: 2%;
}
div#maincontent ul.article-box li a,div#maincontent ul.question-box li a {
	float: left;
	display: inline-block;
	text-decoration: none;
	width: 65%;
	height: 18px;
	line-height: 18px;
	color: #000;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
div#maincontent a.enter-btn {
	text-decoration: none;
}
div#maincontent a.enter-btn:hover {
	text-decoration: underline;
}
div#sidebar .quick-item,div#sidebar .personino-item {
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 4px;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 10px 0 5px;
}
div#sidebar .personino-item {
	padding: 10px 0 5px;
}
.personino-item .personino-box {
	padding: 0 10px;
}
.personino-item .user-avatar img {
	float: left;
	width: 58px;
	height: 58px;
	border-radius: 50%;
}
.personino-item .user-info {
	display: inline-block;
	margin-left: 10px;
}
.personino-item .user-info a,.personino-item .user-info span {
	display: block;
	margin-top: 6px;
}
.personino-item .user-desc {
	margin: 15px 0 5px;
	overflow: hidden;
}
.personino-item .user-desc span {
	margin-left: 5px;
	color: #333;
}
.quick-box {
	text-align: left;
}
.quick-box a {
	display: block;
	background: #F5F5F5;
	border: 1px solid #DDD;
	border-radius: 3px;
	margin: 0 15px 10px;
	text-align: center;
}
div#sidebar .quick-title {
	margin-bottom: 10px;
	padding: 0 5px;
}
div#sidebar .quicklogintt {
	color: #000;
	font-weight: normal;
}
div#sidebar .record-box {
	padding: 0 15px;
}
div#sidebar .record-box h3 {
	font-size: 14px;
	color: #333;
}
div#sidebar .record-box ul {
	margin: 5px 0;
}
div#sidebar .news-list li {
	line-height: 28px;
}
div#sidebar .news-list li a {
	text-decoration: none;
	color: #000;
}
div#sidebar .top-item a,div#sidebar .user-info a {
	text-decoration: none;
}
div#sidebar .top-item li.top-box {
	margin-bottom: 10px;
	white-space: normal;
}
div#sidebar .top-item li.top-box img {
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	margin-right: 3px;
	vertical-align: middle;
}
div#sidebar .top-item li.top-box .top-uname {
	width: auto;
    max-width: 50%;
	display: inline-block;
	vertical-align: middle;
	text-overflow: ellipsis;
	white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    color: #333;
}
.top-item li.top-box .top-numbers {
	float: right;
	line-height: 28px;
	color: #666;
}
.tutorial-item {
	position: relative;
	margin-top: 12px;
	overflow: hidden;
}
.tutorial-box {
	float: left;
    width: 23%;
    height: auto;
    background: #f5f5f5;
    padding: 10px 0;
    margin: 0 2% 0 0;
    border-radius: 2px;
    color: #000;
}
.tutorial-box:hover {
	background: #efefef;
	text-decoration: none;
	color: #000;
}
.tutorial-box i {
    display: block;
    height: 40px;
    width: 40px;
    margin: 0 auto;
    background-image: url(//7nsts.w3cschool.cn/images/w3c/tutorial.png);
    background-repeat: no-repeat;
}
.tutorial-box .html5-icon {
	background-position: 0px -280px;
}
.tutorial-box .css3-icon {
	background-position: 0px -160px;
}
.tutorial-box .jsp-icon {
	background-position: 0px -120px;
}
.tutorial-box .nodejs-icon {
	background-position: 0px -80px;
}
.tutorial-box .htmlcss-icon {
	background-position: 0px -240px;
}
.tutorial-box .js-icon {
	background-position: 0px 0px;
}
.tutorial-box .bootstrap-icon {
	background-position: 0px -200px;
}
.tutorial-box .jquery-icon {
	background-position: 0px -40px;
}
.tutorial-box h3 {
    text-align: center;
    font-weight: normal;
    font-size: 13px;
    margin-top: 5px;
}
.focus-item {
	margin-bottom: 10px;
}
.focus-item2 {
	margin-bottom: 20px;
}

/* 首页轮播 */
div#maincontent .slide-article-title {
    position: absolute;
    left: 0;
    bottom: 12%;
    display: block;
    text-align: left;
    padding: 2% 5%;
}
div#maincontent .slide-article-title a {
    text-decoration: none;
}
div#maincontent .slide-article-title h4 {
    line-height: 30px;
    font-size: 24px;
    color: #FFF;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);
}

/* 首页教程手册流式布局显示 */
.index-wrapper .project-title {
	text-align: center;
	margin-bottom: 25px;
}
.index-wrapper .project-title h2 {
	display: inline-block;
	border-bottom: 2px solid #D01C06;
	padding-bottom: 10px;
	font-size: 20px;
}
.index-wrapper .project-item {
    float: left;
    width: 24.1%;
    padding: 0 5px;
}
.index-wrapper .project-box {
	position: relative;
	background: #fff;
	border-right: 1px solid #ececec;
    border-bottom: 1px solid #dfdfdf;
	border-left: 1px solid #ececec;
	border-radius: 8px;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,0.04);
	margin: 20px auto;
	height: 1800px;
	min-height: 100px;
	text-align: center;
	z-index: 1;
}
.index-wrapper .project-box h4 {
	position: relative;
    background: #cdcdcd;
    text-align: center;
    top: -7px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-size: 14px;
    color: #000;
    line-height: 30px;
    margin-top: 5px;
}
.index-wrapper .project-box ul.menu {
    padding: 0 15px;
    margin: 5px 0 15px;
    list-style: none;
}
.index-wrapper .project-box ul.menu li {
    margin: 0;
    line-height: 18px;
}
.index-wrapper .project-box ul.menu li a {
    text-align: left;
    display: block;
    padding: 5px 0;
    border-bottom: 1px dotted #bbb;
    color: #333;
    text-decoration: none;
}
.index-wrapper .project-box ul.menu li a:hover {
    background-color: #f5f5f5;
    border-left: 1px dotted #bbb;
    border-right: 1px dotted #bbb;
    color: #000;
    text-decoration: none;
}

/* 首页在线工具模块*/
.item-coding {
	width: 100%;
	min-width: 1129px;
	background: #fff url(//7nsts.w3cschool.cn/images/w3c/tools-intro.png) repeat center center;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	height: 200px;
	text-align: center;
}
.coding-wrapper h2 {
	font-size: 26px;
	margin: 10px 0 20px;
}
.coding-wrapper p {
	font-size: 15px;
	color: #333;
}
.coding-wrapper .enter-btn {
	width: 140px;
	height: 38px;
	line-height: 38px;
	display: inline-block;
	background-color: #AE4141;
	border: 1px solid #AE4141;
	border-radius: 4px;
	font-size: 15px;
	color: #FFF;
	text-decoration: none;
	margin-top: 20px;
}
.coding-wrapper .enter-btn:hover {
	background-color: #900b09;
	border: 1px solid #900b09;
}
.item-tools {
	width: 100%;
	min-width: 1129px;
	background: #FFF;
}
.pm-box {
    float: left;
    width: 18%;
    margin: 0 1%;
}
.pm-box-title {
    font-size: 15px;
    line-height: 28px;
}
.pm-list {
    padding: 10px 0px;
    overflow: hidden;
}
.pm-list ul {
	padding: 0;
	margin: 0;
}
.pm-list li {
    display: inline-block;
    width: 100%;
    height: 25px;
    line-height: 25px;
    margin: 10px 0px 0px;
    overflow: hidden;
}
.pm-list a {
    display: block;
    font-size: 14px;
    color: #000;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: url("//7nsts.w3cschool.cn/images/w3c/pm.png") no-repeat scroll 0px 5px;
    padding-left: 9%;
    text-decoration: none;
}
.pm-list h4 {
	font-weight: normal;
}
.pm-list span {
    float: right;
    font-size: 12px;
    color: #666;
}

/* --- 首页友情链接 --- */
#links-wrapper {
	width: 1129px; 
	margin: 0px auto; 
	padding: 0 0 50px;
}
#links-wrapper .links-title {
	height: 42px;
	line-height: 42px;
	border-bottom: 2px solid #DDD;
}
#links-wrapper .links-title h3 {
    float: left;
	font-size: 16px;
	color: #333;
	border-bottom: 2px solid #D01C06;
}
#links-wrapper .links-list {
	margin-top: 10px;
	overflow: hidden;
}
#links-wrapper .links-list a {
	display: inline-block;
	font-size: 14px;
	color: #333;
	margin: 3px 15px 0 5px;
	text-decoration: underline;
}
#links-wrapper .links-list .more-link {
	font-weight: 600;
	text-decoration: none;
	color: #900b09;
}
#links-wrapper .links-list a:hover {
	text-decoration: underline;
	color: #ff0000;
}

/* 底部浮动条 */
.widget-main {
    width: 100%;
    height: 80px;
    line-height: 80px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1000;
    background: #000;
    background: rgba(0,0,0,.7);
}
.widget-box {
	position: relative;
	width: 1129px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;  
    color: #eee;
}
.widget-box * {
    float: left;
}
.widget-box .slogn {
	font-size: 18px;
}
.widget-box .quicklogin {
	padding: 0;
	font-size: 14px;
}
.widget-box .quick-box a {
	display: inline-block;
	border: 1px solid transparent;
	margin: 24px 10px 0 10px;
	color: #fff;
}
.widget-box .reg-btn,.widget-box .weibo-btn {
	background: #eb4f38;
}
.widget-box .qq-btn {
	background: #56abe4;
}
.widget-box .weixina {
	background: #3bae56;
}
.widget-box .pop-sns {
	margin-top: 3px;
}
.widget-box-close {
	position: absolute;
    top: 9px;
    right: 60px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
	font-size: 15px;
    color: #eee;
    text-align: center;
    cursor: pointer;
}
.widget-box-close:hover {
	text-decoration: none;
}
.sig-group a {
	font-size: 14px;
	color: #fff;
}


/* ----------------------------------- 页面自适应 ----------------------------------- */
@media (min-width:1200px) {
	div#wrapper,div.index-wrapper,div#header_index,div#navfirst,div#navfirst ul#menu,div#footer,.footer-bottom,#links-wrapper,.search-center,.search-main {
		width: 1129px;
    }
    div#maincontent {
	    width: 589px;
	}
	#header_index .searchbox {
		width: 230px;
	}
	#header_index .searchbox input.box {
		width: 179px;
	}
	.archive-content,.sitemap-content,.error-content,.links-content,.toplist-content {
		width: 1089px;
	}
	#project-content{
		width: 924px;
    }
    .search-list {
    	width: 829px;
    }
    .index-body .slide-main {
        width: 589px;
    }
}
@media (min-width:1300px) {
	div#wrapper,div.index-wrapper,div#header_index,div#navfirst,div#navfirst ul#menu,div#footer,.footer-bottom,#links-wrapper,.search-center,.search-main {
		width: 1229px;
    }
    div#maincontent {
	    width: 689px;
	}
	#header_index .searchbox {
		width: 265px;
	}
	#header_index .searchbox input.box {
		width: 214px;
	}
	.archive-content,.sitemap-content,.error-content,.links-content,.toplist-content {
		width: 1189px;
	}
	#project-content {
		width: 1024px;
    }
    .search-list {
    	width: 929px;
    }
    .index-body .slide-main {
        width: 689px;
    }
}

/* ----------------------------------- 隐藏站长统计 ----------------------------------- */
#cnzz_stat_icon_1258207405 {
    display: none;
}

#maincontent .backtoreference {
	border:none;
}

/* ----------------------------------- work_view 内容页 ----------------------------------- */
.op-tools-area { display: none; }
.rmtitle { float:right; display: none;}


/** 举报样式  开始  **/
.report-Box,.feedback-Box,.register-Box{
	width: 100%;
	height: 100%; 
	background-color: #000; 
	position:fixed; 
	top:0px; 
	left:0px;
	background-color: rgba(000,000,000,0.8);
	z-index: 1200;
}
.report-Box-content,.feedback-Box-content,.register-Box-content{
	z-index:1200;
	top:10%;
	width: 500px;
	margin:0px auto;
	background-color: #fff;
	position: relative;
	overflow: hidden;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
}
.report-Box-top,.feedback-Box-top,.register-Box-top{
	padding: 10px 20px;
	background-color: #F3F3F3;
	border-bottom: 1px solid #E5E5E5;
}
.report-Box-title,.feedback-Box-title,.register-Box-title{
	font-size: 16px;
	font-weight: bold;
}
.report-Box-close,.feedback-Box-close,.register-Box-close{
	cursor:pointer;
	float: right; 
	width:20px;
	height:20px;
	font-weight:700;
	text-align: center;
	color: #9e9e9e;
	text-shadow: 0px 1px 0px #FFF;
}
#reportSubmit,#feedbackSubmit,#registerSubmit{
	cursor: pointer;
	float: right; 
	margin: 20px;
	text-align: center;
	padding: 4px 12px;
	background-color: #ae4141;
	border: 1px solid #ae4141;
	color: #FFF;
	border-radius: 3px;
}
.report-Box-content ul,.feedback-Box-content ul,.register-Box-content ul {
	margin: 10px 0;
	padding-left: 20px;
}
.radio-box,.feedback-box,.register-box{
	cursor:pointer;
	display: block;
	padding: 10px 0;
}
.radio-text,.feedback-text,.register-text{
	width: 340px;
    height: 21px;
    padding: 6px 8px;
    border: 1px solid #CCC;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	-moz-border-radius: 4px;      /* Gecko browsers */
    -webkit-border-radius: 4px;   /* Webkit browsers */
    border-radius:4px;            /* W3C syntax */
}
#homefirst .radio-text,#homefirst .feedback-text,#homefirst .register-text{
	width: 430px;
	height: 63px;
}
.register-Box-info{
	background: url("//7nsts.w3cschool.cn/yimages/register_bg.png") no-repeat scroll 0px 0px;
    height: auto;
    overflow: hidden;
    width: 100%;
}
.usertype-ico-1{
	background: url("//7nsts.w3cschool.cn/yimages/vip_ico.png") no-repeat scroll 0px 0px;
	padding: 9px 15px;
}
.register-Box-left,.register-Box-right{
	float: left;
	margin: 10px;
}
.register-Box-right{
	width: 325px;
}
.register-Box-left img{
	width: 130px;
	height: 130px;
}
.register-userinfo{
	clear: both;
    margin: 0 5px 10px;
}
.register-userinfo-title{
	font-size: 16px;
}
.register-userinfo-info{
	font-size: 20px;
	color: #bd2d30;
	margin-left: 35px;
}
.register-Box-info #reportSubmit{

	margin: 0 0 0 220px;
}
.register-userinfo span{
	width: 100px;
	word-break:break-all;
	overflow: hidden;
}
/** 举报样式  结束  **/

/* toast */
.toast-title{font-weight:bold}
.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}
.toast-message a,.toast-message label{color:#fff}
.toast-message a:hover{color:#ccc;text-decoration:none}
.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:bold;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}
.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}
button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
.toast-top-full-width{top:0;right:0;width:100%}
.toast-bottom-full-width{bottom:0;right:0;width:100%}
.toast-top-left{top:12px;left:12px}
.toast-top-right{top:12px;right:12px}
.toast-bottom-right{right:12px;bottom:12px}
.toast-bottom-left{bottom:12px;left:12px}
.toast-top-center {top: 12px;margin: 0 auto;left: 50%;margin-left: -150px;}
.toast-bottom-center {bottom: 12px;margin: 0 auto;left: 50%;margin-left: -150px;}
#toast-container{position:fixed;z-index:999999}
#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#toast-container>div{margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}
#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}
#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=")!important}
#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=")!important}
#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==")!important}
#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=")!important}
#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}
.toast{background-color:#030303}
.toast-success{background-color:#51a351}
.toast-error{background-color:#bd362f}
.toast-info{background-color:#2f96b4}
.toast-warning{background-color:#f89406}
@media all and (max-width:240px){
  #toast-container>div{padding:8px 8px 8px 50px;width:11em}
  #toast-container .toast-close-button{right:-.2em;top:-.2em}
}
@media all and (min-width:241px)and (max-width:480px){
  #toast-container>div{padding:8px 8px 8px 50px;width:18em}
  #toast-container .toast-close-button{right:-.2em;top:-.2em}
}
@media all and (min-width:481px)and (max-width:768px){
  #toast-container>div{padding:15px 15px 15px 50px;width:25em}
}
/* end */

/*返回顶部 start */
.bottom-tools {
    position: fixed;
    z-index: 1070;
    right: 0px;
    box-shadow: 1px 1px 17px #ccc;
    background: #efefef none repeat scroll 0 0;
}
.bottom-tools>* {
    font: 0/0 a;
    display: block;
    margin-top: 5px;
    color: transparent;
    border: 0;
    background-color: transparent;
    text-shadow: none;
}
.qr-img {
    background-image: url("//7nsts.w3cschool.cn/yimages/qr-img.png");
    display: none;
    height: 176px;
    left: -183px;
    max-width: none;
    padding-top: 57px;
    position: absolute;
    text-align: center;
    top: -150px;
    width: 173px;
}
.qr-img img {
    height: 100px;
    width: 100px;
}
#scrollUp {
    width: 45px;
    height: 45px;
    background-image: url("//7nsts.w3cschool.cn/yimages/backgrounds.32.png");
    background-position: -54px -53px;
    display: none;
}
#scrollUp:hover {
    background-image: url("//7nsts.w3cschool.cn/yimages/backgrounds.32.png");
    background-position: -100px -53px
}
.webjy {
    width: 45px;
    height: 45px;
    background-image: url("../yimages/jyfk.jpg");
}
.webjy:hover {
    background-image: url("../yimages/jyfk_hv.jpg");
}
/*#feedback {
    width: 45px;
    height: 45px;
    background-image: url("//7nsts.w3cschool.cn/yimages/backgrounds.32.png");
    background-position: -102px 0
}
#feedback:hover {
    background-image: url("//7nsts.w3cschool.cn/yimages/backgrounds.32.png");
    background-position: -146px -46px
}*/
#webkf {
    width: 45px;
    height: 45px;
    background-image: url("//7nsts.w3cschool.cn/yimages/qqkf.jpg");
}
#webkf:hover {
    background-image: url("//7nsts.w3cschool.cn/yimages/qqkf_hv.jpg");
}
.qr-tool {
    width: 45px;
    height: 45px;
    background-image: url("//7nsts.w3cschool.cn/yimages/backgrounds.32.png");
    background-position: -148px 0;
    cursor: pointer;
}
.qr-tool:hover {
    width: 45px;
    height: 45px;
    background-image: url("//7nsts.w3cschool.cn/yimages/backgrounds.32.png");
    background-position: -192px -46px;
}

.content-intro table .bsChrome {
    background-image: url("/statics/images/w3c/compatible_chrome.gif");
}
.content-intro table .bsEdge {
    background-image: url("/statics/images/w3c/compatible_edge.gif");
}
.content-intro table .bsFirefox {
    background-image: url("/statics/images/w3c/compatible_firefox.gif");
}
.content-intro table .bsSafari {
    background-image: url("/statics/images/w3c/compatible_safari.gif");
}
.content-intro table .bsOpera {
    background-image: url("/statics/images/w3c/compatible_opera.gif");
}

.content-intro table th {
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #d4d4d4;
    color: #555;
    font-weight: normal;
    height: 32px;
    padding: 5px;
    vertical-align: middle;
}
button, input, select, td, textarea, th {
    font-size: 1em;
}

/* ------- 侧边工具栏 ------- */
#toolbar { position: fixed; bottom: 100px; right: 0; z-index: 999; font-size: 12px; background-color: #fff; box-shadow: 0 0 10px 0 rgba(102, 102, 102, .25); }

#toolbar .tool { position: relative; padding: 10px 6px; text-align: center; line-height: 1; color: #666; cursor: pointer; }
#toolbar .tool a {color: inherit;}
#toolbar .tool.backtop { display: none; }
#toolbar .tool .tool-icon { width: 32px; height: 32px; margin: 0 auto 4px; background: url("//7nsts.w3cschool.cn/images/sprite/toolbar.png") no-repeat 0 0/600% 200%; }
#toolbar .tool.app .tool-icon { background-position: 0 0; }
#toolbar .tool.wechat .tool-icon { background-position: -32px 0; }
#toolbar .tool.feedback .tool-icon { background-position: -64px 0; }
#toolbar .tool.service .tool-icon { background-position: -96px 0; }
#toolbar .tool.backtop .tool-icon { background-position: -128px 0; }

#toolbar .tool:hover { color: #fff; background-color: #fe6a00; }
#toolbar .tool:hover .tool-popover { display: block; }
#toolbar .tool.app:hover .tool-icon { background-position: 0 -32px; }
#toolbar .tool.wechat:hover .tool-icon { background-position: -32px -32px; }
#toolbar .tool.feedback:hover .tool-icon { background-position: -64px -32px; }
#toolbar .tool.service:hover .tool-icon { background-position: -96px -32px; }
#toolbar .tool.backtop:hover .tool-icon { background-position: -128px -32px; }

#toolbar .tool-popover { display: none; position: absolute; top: 0; right: 100%; z-index: 999; background-color: transparent; }
#toolbar .tool-popover-inner { margin-right: 12px; font-size: 14px; color: #333; width: 140px; padding-bottom: 8px; background-color: #fff; box-shadow: 0 0 10px 0 rgba(102, 102, 102, .25); }
#toolbar .tool-popover-inner p { line-height: 1.5; }