@charset "utf-8";
.l{float:left;}.r{float:right;}.cl{clear:both;}img{border:0;}
.tc{text-align:center;}.tr{text-align:right;}
.g0{color:#000;}.g3{color:#333;}.g6{color:#666;}.g9{color:#999;}.r3{color:#f30;}
.vm{vertical-align:middle;}.vtb{vertical-align:text-bottom;}.vt{vertical-align:top;}.vn{vertical-align:-2px;}
.ml2{margin-left:2px;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml20{margin-left:20px;}.mr2{margin-right:2px;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr20{margin-right:20px;}.mt2{margin-top:2px;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt20{margin-top:20px;}.mb2{margin-bottom:2px;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb20{margin-bottom:20px;}
.f9{font-size:0.9em;}.f10{font-size:1em;}.f11{font-size:1.1em;}.f12{font-size:1.2em;}.f13{font-size:1.3em;}.f14{font-size:1.4em;}.f15{font-size:1.5em;}.f16{font-size:1.6em;}
.fix{zoom:1;}.fix:after,.fix:before{display:table; content:""; clear:both;}
.rel{position:relative;}.abs{position:absolute;}.fixed{position:fixed;}
.dn{display:none;}.db{display:block;}.dib{display:inline-block;}.di{display:inline;}
.dot{border-bottom: 1px dotted #999;}
.zxx_out_box{width:70%; min-width:700px; border-left:1px solid white; border-right:1px solid white; margin:0 auto;}
.zxx_in_box{min-height:800px; min-height:100vh; _height:800px; border-left:1px solid #ccc; border-right:1px solid #ccc; background:white; padding:1em 2.5em 0;}
.zxx_header{padding:10px 20px 5px; border-bottom:1px solid #ccc; overflow:hidden; zoom:1;}
.zxx_author_time{float:right; margin-top:34px; color:#787878; font-family:"Courier New", Courier, monospace;}
.zxx_title{font-size:1.6em; text-align:center; margin:20px 0;}
.zxx_main_con{min-height:580px; _height:580px; padding:0 20px 20px;}
.zxx_footer{padding-bottom:25px; text-align:center;}
.zxx_test_list{padding:1em; font-size:1.1em; border-bottom:1px dashed #ccc; line-height:1.3; overflow:hidden; zoom:1;}
.zxx_code{display:block; padding:10px; margin:5px 0; background:#eee; border:1px dashed #ccc; clear:both; zoom:1;}
.zxx_code xmp,.zxx_code pre{margin:0; color:#00F; font-size:12px; white-space:pre-wrap; word-wrap:break-word;}
.zxx_btn{display:inline-block; background:url(../image/down_btn.png) no-repeat; padding-left:25px;}
.zxx_btn span,.zxx_btn a{display:inline-block; height:45px; line-height:45px; background:url(../image/down_btn.png) no-repeat right top; padding:0 45px 0 20px; cursor:pointer;}
.zxx_btn:hover,.zxx_btn a:hover{text-decoration:none; color:#34538b;}
.shadow{box-shadow:0 0 5px rgba(52, 83, 139, .6);}
.zxx_ad_left{position:absolute; left:10px; top:120px; padding:10px 6px; background:white;}
.zxx_ad_right{position:absolute; right:10px; top:120px; padding:10px 6px; background:white;}
.zxx_ad_left.fixed,.zxx_ad_right.fixed{position:fixed;}
.zxx_ad_fixed{top:5px; position:fixed;}
.zxx_ad_close{font-size:12px; color:#0033ff; position:absolute; right:2px; top:0px; z-index:1000;}



.zxx_main_con article {
    font-size: medium;
}
.zxx_main_con p {
    margin: 1em 0;
}
.zxx_main_con h3 {
    margin: 1.2em 0;    
}
.zxx_main_con h4,
.zxx_main_con h5 {
    font-size: 100%;
}
.zxx_main_con pre {
    padding: .5em 1em;
    background-color: #f3f5f9;
    font-family: Consolas, Monaco, monospace;
}

/*这是插件相关的CSS*/
.title-nav-ul {
    width: 200px;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: 1px 1px 3px rgba(0,0,0,.25);
    position: absolute;
    top: 480px; right: 10px;
}
.title-nav-li {
    display: block;

    padding: 10px;
    text-decoration: none;
    color: inherit;
}
.title-nav-li.active{color: #f60;font-size: 16px;background-color: #f0f0f0;font-weight: bold;}
.title-nav-li:hover{
    background-color: #f0f0f0;
    text-decoration: none;
}



@media all and (max-width:640px) {
	.zxx_out_box{width:100%;min-width:0;border:none;}
	.zxx_ad_left,.zxx_ad_right{display:none;}
	.zxx_in_box{padding:1em;border:none;}
	.zxx_in_box img{height:auto;max-width:100%;}
	.zxx_main_con{padding:0;}
	.zxx_header{text-align:center;}
	.zxx_author_time{width:100%;margin-top:20px;}
	.zxx_header > a{display:block;}
	.zxx_header img.l{float:none;height:51px;}
	table, tbody, tr, td, th{display:block; width:100%; box-sizing:border-box;}
	table{padding:1px;}
}