@charset "utf-8";
/* CSS Document */
html,body,ul,li,dl,dt,dd,p,h5{ margin:0; padding:0; list-style:none;}
.leftnav_box img{ display:block; max-width:100%;}

.leftnav_box{ position:fixed; left:0; top:0; width:28px; height:100%; background:#000; font-family:"Microsoft YaHei"; cursor:pointer; box-shadow:1px 1px 3px #999; z-index:1000; z-index:99;}
.leftnav_box>ul{ position:relative; top:50%; margin-top:-130px;}
.leftnav_box>ul>li{ width:100%; height:112px; background:#000; position:relative; margin-top:18px;}

.leftnav_box>ul>li:hover{ background:#17bbbb;}
.leftnav_box>ul>li:hover>div{ display:block;}
.leftnav_box>ul>li.on{ background:#17bbbb;}
.leftnav_box>a{ position:absolute; left:0; bottom:10px; width:22px; height:13px; padding:7px 3px 8px; color:#fff;}
.leftnav_box>a>span{ display:none;}
.leftnav_box>a:hover{ position:absolute; left:0; bottom:10px; background:#17bbbb;}
.leftnav_box>a:hover>span{ display:block; position:absolute; width:100px; height:28px; color:#000; font-size:12px; line-height:28px; text-align:center; left:28px; top:0; border:solid 1px #ccc; background:#fff;}

.courBg{ position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:99; display:none;}
.courBox{ width:1170px; margin:180px auto 0;}
.courBox>.courList{ overflow:hidden;}
.courBox>.courList>a{ width:196px; float:left; height:165px; position:relative; margin:0 19px;}
.courBox>.courList>a>h5{ font-weight:normal; font-size:14px; line-height:16px; height:32px; color:#999; margin-top:3px;}
.courBox>.courList>a>span{ position:absolute; left:0; top:96px; height:24px; background:#17bbbb; color:#fff; font-size:16px; line-height:24px; padding:0 5px;}
.courBox>.courList>a>span>span{ font-size:20px;}
.courBg .btnBox{ overflow:hidden; margin-top:10px;}
.courBg .btnLeft{ float:left; width:48px; cursor:pointer; margin-left:19px; display:none;}
.courBg .btnRight{ float:right; width:48px; cursor:pointer; margin-right:19px; display:none;}
.courBg .btnClose{ width:32px; padding:10px 8px 0; margin:0 auto; cursor:pointer;}

.commBg{ position:fixed; left:0; top:0; width:471px; padding:180px 33px 0 63px; height:100%; background:#fff; z-index:99; border-right:solid 1px #eeeceb;}
.commBox{ overflow:hidden; }
.commBox>a{ display:block; overflow:hidden; border:solid 1px #dfdfdf; padding:11px 70px 11px 13px; margin-top:3px; color:#777; background:url(/smallapp/acafe/alphaPho/images/menu_list/bot_menu_tips.png) 404px 20px no-repeat;}
.commBox>a>.comm_pic{ float:left; width:66px; margin-right:30px;}
.commBox>a>.comm_pic img{ width:100%; display:block;}
.commBox>a>.comm_text{ width:290px; line-height:20px; float:left;}
.commBox>a>.comm_text>h5{ font-size:20px; padding-bottom:5px;}
.commBox>a>.comm_text>p{ font-size:14px; }

@media screen and (max-width:640px){
	.leftnav_box{ display:none;}
	}