@charset "utf-8";

html {width:100%;height:100%;overflow:hidden;}
body {width:100%;height:100%;overflow:hidden;font-size:14px;line-height:20px;padding:0;margin:0;background: #f5f5f5;}

a {color:#33d;text-decoration:none;}

.clr:after 		{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clr 			{*zoom:1;}

.mnav .list li.cur a {background-image: url(iocn_100.png);background-repeat: no-repeat;background-size: 50px 200px;}

/*ul去样式*/
.header ul,.mnav ul {list-style:none;padding:0;margin:0;}

.header {position:relative;padding:0 10px;font-size:12px;height:30px;line-height:30px;color:#666;background:#333;border-bottom:1px solid #000;}
.header ul {position:absolute;right:0;top:0;font-size:14px;}
.header li {float:left;}
.header li>a {display:inline-block;padding:0 10px;color:#ccc;}
.header li>a:hover {color:#fff;background:#555;}
.header li dl.pullmenu {display:none;position:absolute;top:30px;right:0;width:160px;background:#555;z-index:2;margin:0;}
.header li dl.pullmenu dd {text-align:center;margin:0;line-height:40px;border-bottom:#444 solid 1px;color:#ccc;cursor:pointer;}
.header li dl.pullmenu dd:hover {background:#666;}
.header li dl.pullmenu dd a {display:block;color:#ccc;}
.header li dl.pullmenu dd.fsize div {background:#555;border-bottom:1px dashed #666;text-indent:20px;}
.header li dl.pullmenu dd.fsize div:hover {background:#666;}
.header li dl.pullmenu dd.fsize div:last-child {border:none;}
.header li dl.pullmenu dd.fsize div.cur {background:#666;}
.header li dl.pullmenu dd.fsize span {display:inline-block;text-indent:-10000px;width:20px;text-align:center;}
.header li dl.pullmenu dd.fsize div.cur span {text-indent:0;}

#bg {display:none;position:fixed;left:0;top:31px;width:100%;height:100%;background:rgba(255,255,255,0.6);}
.mnav {position:fixed;z-index:1;left:-200px;top:31px;bottom:0;width:200px;padding:250px 0 20px 0;overflow-y:auto;overflow-x:hidden;line-height:30px;text-align:right;color:#888;background:#333;}
.mnav .tit {padding:20px 10px 0 10px;font-size:16px;color:#aaa;border-bottom:1px solid #666;}
.mnav .list li {position:relative;border-bottom:1px solid #3a3a3a;}
.mnav .list li a {display:block;padding:8px 15px 8px 5px;line-height:14px;font-size:14px;color: #767573;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mnav .list li a:hover {background-color:#3a3a3a;}
.mnav .list li.cur a {color:#ddd;background-color:#666;background-position: right -11px;}
.mnav .list li span {display:block;padding:8px 15px 8px 5px;line-height:14px;font-size:14px;color: #444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mnav .list li em {position:absolute;top:10px;right:2px;display:block;font-style:normal;color:#333;font-size:8px;font-weight:bold;line-height:12px;background:#666;width:10px;height:10px;text-align:center;overflow:hidden;}
.mnav .list li.cur em {background:#ddd;color:#666;}
.mnav .zs {font-size:10px;color:#555;text-align:center;}

/*菜单图标颜色*/
.mnav .list li span.typcn {display:inline;padding:0 5px;color:#666;}
.mnav .list li.cur span.typcn {color:#aaa;}

/*有二级*/
.mnav .list li .type {position: relative;padding:0 15px;cursor: pointer;}
.mnav .list li .type i {position: absolute;bottom:7px;right: 5px;width: 0;height: 0;border:3px solid #888;border-color:transparent #555 #555 transparent;}
.mnav .list .son {display:none;}
.mnav .list .son li {background:#2a2a2a;color: #444;border-bottom:none;}
.mnav .list .son li a {color: #666;}
.mnav .list .son li.cur a {background-color:#222;color: #aaa;}

/*教程、手册图标*/
.mnav .toggle_enter {position:absolute;left:0;top:-100px;width:200px;text-align:left;}
.mnav .toggle_enter a {display:block;color:#888;line-height:40px;}
.mnav .toggle_enter a span {float:left;}
.mnav .toggle_enter a span.typcn {font-size:30px;padding:0 10px 0 30px;}

.mcon {
	-moz-user-select:none;
	position:fixed;
	left:0;
	top:32px;
	bottom:0;
	width:100%;
	overflow-y:auto;
	font-family:Verdana,Tahoma,Arial,sans-serif;
	font-size:16px;
	line-height:24px;
}
.con_padding {padding:10px;}
.mcon a {color:#099cf9;}

/*通用首页样式*/
.p_home {position: relative;text-align:center;background: #fff;height: 100%;overflow:auto;}
.p_home .popbox {position:absolute;top:50px;left:50%;margin-left:-50px;width:100px;height:100px;font-size:16px;line-height:100px;background:#f21f5b;color:#fff;border-radius:100px;}
.p_home .popbox p {position:absolute;bottom:-60px;left:40px;display:block;width:0;height:0;border:#f21f5b solid 20px;border-width:30px 10px;border-color:#f21f5b transparent transparent transparent;}
.p_home .weltxt {line-height:24px;font-size:18px;padding:180px 0 20px 0;}
.p_home .weltxt span {color:#f21f5b;}
.p_home .btnbar {height:160px;}
.p_home .btnbar a {position:relative;text-indent:30px;display:inline-block;width:70%;max-width: 300px;margin:10px;height:50px;line-height:50px;font-size:20px;color:#fff;background:#099cf9;text-decoration:none;border-radius:5px;}
.p_home .btnbar a.btn_tutorial {background-color: #5ec85b;}
.p_home .btnbar a.btn_manual {}
.p_home .btnbar a span.typcn {position:absolute;left:50%;top:-2px;margin-left:-115px;font-size:30px;}
.p_home .version {position:absolute;bottom:0;line-height:40px;width:100%;font-size:12px;color:#aaa;}
.p_home .version em {font-style:normal;padding-left:5px;}
.p_home .version #var_new {color:#000;padding-left:20px;}

.aboutus {padding:10px;font-size:18px;line-height:26px;}
.aboutus .comic img {width:100%;}
.aboutus p {padding:10px 0;text-indent:2em;}
.aboutus p.writer {font-size:14px;}

/*滑动显示菜单提示*/
.ts_showmenu {font-size:12px;color: #000;}

/*竖屏样式*/
@media screen and (orientation:portrait) {

}
/*横屏样式*/
@media screen and (orientation:landscape) {
	.p_home .version {position:static;}
}


/*切换到大字体显示*/
/*小字*/
.mcon_sf {font-size:14px;}

/*中字*/
.mcon_mf {font-size:16px;}

/*大字*/
.mcon_bf {font-size:18px;}