@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	}
li{
	list-style:none;
	}
a{
	text-decoration:none;
	}
a:hover{color:#2eab23;}
img{
	border:none;
	}
input{
	border:none;
	}
ul{ margin:0; padding:0;
	}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	}
body{
	font-family: "Microsoft Yahei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif, arial;
	font-size:14px;
	 overflow-y: scroll;
  *overflow-y: inherit;
  min-width: 980px;}
.margin-top{margin:100px 0 0 0;}
header{
	height:70px;
	width:100%;
	background:#282828;
	box-shadow:0px 1px 4px rgba(0,0,0,0.2);
	position:fixed;
	left:0;
	top:0;
	z-index:9999;}
#header_inner{
	width:1200px;
	margin:0 auto;
}
header a.join-us{
	    font-size: 14px;
    text-align: center;
    display: inline-block;
    margin: 20px 0 0 30px;
    width: 120px;
    height: 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fbd74f;
    color: #6f460a;
    font-weight: 700;
    line-height: 30px;
    float: right;}
.logo{
	
	float:left;
	padding:0 30px 0 0;
	}
.logo a img{
	padding:13px 0 0 0;
	}

.logo_font {
    background:url("t_wz.png"/*tpa=http://www.qidianla.com/assets/images/qidian_online/t_wz.png*/) no-repeat;
    width: 140px;
    height: 42px;
    float: left;
	margin:18px 0 0 20px;
}
nav{
	float:left;
	padding:0 0 0 20px;
	}
nav ul li{
	float:left;
	}
nav ul li a{
	font-size:14px;
	padding:6px 16px 0;
	color:#333;
	line-height:60px;
	display:block;
	}
nav ul li a:hover{
	color:#2eab23;
	border-bottom:4px #2eab23 solid;
	}
nav ul li .nav_now{
	color:#2eab23;
	border-bottom:4px #2eab23 solid;
	}
.sign_in{
	float:right;
	}
.sign_in p{
	display:inline-block;
	color:#e5e5e5;
	}
.sign_in p a{
	padding:0 5px;
	display:block;
	font-size:14px;
	color:#999;
	line-height:70px;
	}
.sign_in p a:hover{
	color:#2eab23;
	}
.top_men{float:right;}
.top_men ul li{display:inline-block;float:left;}
.top_men ul .top_course{position:relative;}

.top_men ul li .person_center{width:20px;height:25px;background:url("person_mes_03.png"/*tpa=http://www.qidianla.com/assets/images/qidian_online/person_mes_03.png*/) no-repeat left top;display:block;margin:23px 10px 0;position:relative;}
.top_men ul li .person_center span{width:10px;height:10px;background:#f74c31;position:absolute;right:-4px;top:-2px;border-radius:100%;}
.top_men ul li .person_center:hover{background:url("person_mes_03.png"/*tpa=http://www.qidianla.com/assets/images/qidian_online/person_mes_03.png*/) no-repeat left bottom;}	
.top_men ul li .person_mes{width:40px;height:40px;border-radius:100%;display:block;margin:14px 10px 0;}
.top_men ul li .person_mes img{width:40px;height:40px;border-radius:100%;border:2px #999 solid;display:block;}
/*.top_men ul .top_course_show .person_mes:before, .top_men ul li .person_mes:after{content: ' ';height: 0;position: absolute;left: 50%;margin-left: -7px;width: 0;border: 7px solid transparent;}
.top_men ul .top_course_show .person_mes:before, .top_men ul li .person_mes:after{left:24px;margin:0;}
.top_men ul .top_course_show .person_mes:before{top: 52px;border-bottom-color: #dcdee0 !important;z-index: 100;}
.top_men ul .top_course_show .person_mes:after {
    top: 53px;
    border-bottom-color: white !important;
    z-index: 101;
}*/
	
	
.top_men ul .top_course .my_center{width:150px;position:absolute;right:0;top:66px;background:#fff;padding:10px 0;border-radius:4px;border:1px #cecece solid;display:block;}
.top_men ul .top_course .my_center:before, .top_men ul .top_course .my_center:after{content: ' ';height: 0;position: absolute;left: 50%;margin-left: -7px;width: 0;border: 7px solid transparent;}
.top_men ul .top_course .my_center:before, .top_men ul .top_course .my_center:after{left:110px;margin:0;}
.top_men ul .top_course .my_center:before{top: -15px;border-bottom-color: #dcdee0 !important;z-index: 100;}
.top_men ul .top_course .my_center:after {
    top: -14px;
    border-bottom-color: white !important;
    z-index: 101;
}
.top_men ul .top_course .my_center ul{width:100%;}
.top_men ul .top_course .my_center ul li{padding:6px 10px;}
.top_men ul .top_course .my_center ul li .quit{padding:15px 10px;border-top:1px #cecece solid;}
.top_men ul .top_course .my_center ul li a{color:#666;display:block;padding:0 0 0 30px;line-height:20px;}
.top_men ul .top_course .my_center ul li .my_home{background: url("my_icon-07.png"/*tpa=http://www.qidianla.com/assets/images/qidian_online/my_icon-07.png*/) no-repeat left top;}
.top_men ul .top_course .my_center ul li .my_course{background: url("my_icon-09.png"/*tpa=http://www.qidianla.com/assets/images/qidian_online/my_icon-09.png*/) no-repeat left top;}
.top_men ul .top_course .my_center ul li .my_freecour{background: url("my_icon-11.png"/*tpa=http://www.qidianla.com/assets/images/qidian_online/my_icon-11.png*/) no-repeat left top;}
.top_men ul .top_course .my_center ul li .my_paycour{background: url("my_icon-10.png"/*tpa=http://www.qidianla.com/assets/images/qidian_online/my_icon-10.png*/) no-repeat left top;}
.top_men ul .top_course .my_center ul li .my_read{background: url("my_icon-12.png"/*tpa=http://www.qidianla.com/assets/images/qidian_online/my_icon-12.png*/) no-repeat left top;}
.top_men ul .top_course .my_center ul li .my_buyed{background: url("my_icon-08.png"/*tpa=http://www.qidianla.com/assets/images/qidian_online/my_icon-08.png*/) no-repeat left top;}
.top_men ul .top_course .my_center ul li .my_quit{background: url("my_icon-13.png"/*tpa=http://www.qidianla.com/assets/images/qidian_online/my_icon-13.png*/) no-repeat left top;}
.top_men ul .top_course .my_center ul li a:hover{color:#2eab23;background-position:left bottom;}



.recruit{float:left;margin:16px 0 0 20px;width:40px;height:40px;text-align:center;position:relative;}
.breath{width:40px;height:40px;background: #8aca29;/*background:#3dadf2;*/border-radius:100%;
opacity: 1;                             /* 不透明度 */
overflow: hidden;animation-name: breath;                         /* 动画名称 */
    animation-duration: 2s;                         /* 动画时长3秒 */
    animation-timing-function: ease-in-out;         /* 动画速度曲线：以低速开始和结束 */
    animation-iteration-count: infinite;            /* 播放次数：无限 */
 
    /* Safari and Chrome */
    -webkit-animation-name: breath;                 /* 动画名称 */
    -webkit-animation-duration: 2s;                 /* 动画时长3秒 */
    -webkit-animation-timing-function: ease-in-out; /* 动画速度曲线：以低速开始和结束 */
    -webkit-animation-iteration-count: infinite;    /* 播放次数：无限 */
}
 
@keyframes breath {
    from { opacity: 0.2; transform:scale(1,1)}                          /* 动画开始时的不透明度 */
    50%  { opacity:   1; transform:scale(1.2,1.2)}                          /* 动画50% 时的不透明度 */
    to   { opacity: 0.2; transform:scale(1,1)}                          /* 动画结束时的不透明度 */    
}
 
@-webkit-keyframes breath {
    from { opacity: 0.2;transform:scale(1,1) }                          /* 动画开始时的不透明度 */
    50%  { opacity:   1;transform:scale(1.2,1,2) }                          /* 动画50% 时的不透明度 */
    to   { opacity: 0.2; transform:scale(1,1)}                          /* 动画结束时的不透明度 */
}
.recruit a{color:#fff;line-height:14px;font-size:12px;display:block;padding:5px 0 0 9px;position:absolute;left:0;top:0;}
/*底部*/

/*底部 合作伙伴*/
.hez_box{border-bottom:1px #414141 solid; overflow:hidden;}
.hez_box a{ display:block; float:left; padding:0 22px 10px 0; color:#999;}


/*公共部分*/
.display_none{display:none;}
.clear{
	clear:both;
	}
@font-face {
  font-family: 'iconfont';
  src: url("font_1457150152_3163571.eot"/*tpa=http://at.alicdn.com/t/font_1457150152_3163571.eot*/);
  /* IE9*/
  src: url("font_1457150152_3163571.eot-#iefix"/*tpa=http://at.alicdn.com/t/font_1457150152_3163571.eot?#iefix*/) format("embedded-opentype"), url("font_1457150152_3163571.woff"/*tpa=http://at.alicdn.com/t/font_1457150152_3163571.woff*/) format("woff"), url("font_1457150152_3163571.ttf"/*tpa=http://at.alicdn.com/t/font_1457150152_3163571.ttf*/) format("truetype"), url("font_1457150152_3163571.svg#iconfont"/*tpa=http://at.alicdn.com/t/font_1457150152_3163571.svg#iconfont*/) format("svg");
  /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont";
  font-size: 16px;
  font-style: normal;
  -qidian_onlinekit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


header a.join-us{
	    font-size: 14px;
    text-align: center;
    display: inline-block;
    margin: 20px 20px 0 30px;
    width: 120px;
    height: 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fbd74f;
    color: #6f460a;
    font-weight: 700;
    line-height: 30px;
    float: right;}


/*预支付header */
.top_men ul li .person_mes1{width:40px;height:40px;border-radius:100%;display:block;margin:14px 10px 0;}
.top_men ul li .person_mes1 img{width:40px;height:40px;border-radius:100%;border:2px #e0e0e0 solid;display:block;}
.top_men ul li .person_mes2{height:40px;border-radius:100%;display:block;margin:24px 1px 0;}