body {font-size:16px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; line-height:150%; background:#fff;max-width:640px; min-width:320px; margin:0 auto; box-sizing: border-box;}
*{ box-sizing: border-box;};
a{color:#09f;text-decoration:none;cursor: pointer;}
ul,li{list-style-type:none;}
.content{margin:0 auto; max-width:640px; min-width:320px;padding-bottom: 40px;}
input::-webkit-input-placeholder {font-size:16px;color:#ccc;}
input:focus{outline:none;}
.clear{clear:both;}
hr.gray{height:1px;color:#eee;width:100%;margin:20px 0 ;border:0;}

.error_title,.error_info{width:100%;text-align: center;margin-top:30px;}
.error_title{font-size:16px;font-weight: bold;color:#999;}
.error_info{font-size:14px;color:#ccc;}

.protocal{text-align: left; line-height:150%;}
.protocal p{text-indent: 2em;}

.green{color:#1FA363;}
.deepgray{color:#333;}

.beian{width:100%;text-align: center;}
.beian a{color:#666;font-size:12px;}

/*登录*/

.login .login_top{height:250px;width:100%;background:url(/index/images/back1.jpg) no-repeat center bottom #09f;padding-top:10px;}
.login .logo{width:168px;height:168px;margin:0 auto;}
.login .title{font-size:18px;color:#fff;margin-top:10px;width:100%;text-align: center;font-weight: 900;}
.login .loginform{width:70%;margin:0 auto;margin-top:40px;}
.loginform .frmlabel{width:100%;color:#999;margin:10px 0;}
.loginform .frminput{width:100%;color:#999;margin:10px 0;}
.formlink{width:100%;text-align: center;margin:20px 0 ;}
.formlink a{color:#09f;margin-left:5vw;}
.inputbox{width:100%;border:none;border-bottom: 1px solid #eee;padding:10px 0;color:#333;font-size:18px;}
.loginbtn{margin-top:40px;}
.bigbtn{background:#09f;border-radius: 10px;width:100%;padding:10px 0;text-align: center;color:#fff;border:none;font-weight:bold;font-size:16px;}


.pagetop{width:100%;height:50px;font-size:18px;font-weight:bold;text-align: center;line-height:50px;position:relative;}
.pagetop #areturn{position: absolute;left:5px;top:16px;color:#666;}
.usersimple{height:40px;line-height:40px;font-weight:bold;border-bottom: solid 1px #eee;}
.usersimple i,.usersimple span{margin-right:10px;}
.listcontainer{width:100%;padding:5px 15px;}

.coursetab{width:100%;padding:10px;}
.coursetab a{display: inline-block;color:#333;padding:3px;border-radius: 2px;border:solid 1px #666;margin-right:5px;font-size:4vw;}
.coursetab a.selected{color:#1FA363;border-color:#1FA363;background: #1FA363; color:#fff;}
.course dt{height:40px;line-height:40px;}
.coursetitle{width:100%;padding-left:10px;border-left:2px solid #09f;height:30px;line-height:30px;font-weight:bold;}
.course{display: block;width:100%;border-radius: 5px;border:solid 1px #eee;padding:10px;overflow: hidden;margin:10px 0;position: relative;}
.courseitem li{display:block;float:left;width:50%;padding:5px;color:#aaa;}
.courseitem li.full{width:100%;}
.btnenter{display: block;border-radius: 4px;width:100px;text-align: center;color:#fff;position: absolute;right:5px;top:10px;padding:2px;}
.bgblue{background: #09f;}
.bggray{background: #a0a0a0}
.bgyellow{background: #f90;}
.bgred{background: brown;}

.badge{display: inline-block;border-radius: 2px;background: coral;padding:1px 4px;color:#fff;font-size: 12px;}


/*用户中心*/
.userback{height:150px;width:100%;background:url(/index/images/back1.jpg) no-repeat center bottom #09f;padding-top:10px;}
.usercontainer{position:absolute;right:15px;left:15px;top:30px;background: #fff;border-radius: 15px;padding:25px;min-height:300px;}
.userprofile{position:absolute;right:15px;left:15px;top:30px;padding:25px;}
.userhead{width:100%;position:relative;}
.userhead .fa-user-circle{font-size:60px;color:#ccc}
.userhead .username{position:absolute;left:80px;top:0;font-size:20px;color:#333;font-weight: bold;}
.userhead .userinfo{position:absolute;left:80px;bottom:0;color:#666;}

.ulfunc{margin:20px 0;}
.ulfunc li{position:relative;height:60px;line-height:60px;border-bottom: solid 1px #eee;}
.ulfunc li .fa-chevron-right{position: absolute;right:0;top:22px;color:#999}
.ulfunc li a{color:#666;font-size:16px;width:100%;display: block;width:100%;}
.btnquit{display: block;background: #eee;border-radius: 10px;width:100%;height:3em;line-height:3em;color:#666;margin:50px auto;text-align: center;}
/*底部导航*/
.foot_nav{margin:10px auto 0; position:fixed; bottom:0; z-index:9999; width:100%; z-index:999; background:#efefef; left:0}
.foot_nav ul{ padding:5px 0 0;}
.foot_nav li{width:33.3%; float:left; text-align:center; margin-bottom:2px;}

.foot_nav li a span{font-size:11px; display:block;  color:#000; line-height:20px;}
.foot_nav span{display:block; line-height:16px;}
.foot_nav li a.sel span,.foot_nav li a.sel i{color:#09f; }
.foot_nav i{display:block;font-size:25px; margin:0 auto;color:#000;}