.warp{
    width:92%;
    margin:0 auto;
}
img{width:100%; display: block;}
a{width:100%;height: 100%;display: block;}

/*===================================登录注册页面样式==================================*/
/*顶部logo*/
.logreg_logo{width:35%;margin:40px auto 60px;}
/*注册登录按钮*/
.logreg_btn{
    width:100%;
    height: 43px;
    line-height: 43px;   
    text-align: center;
    font-size: 18px;
    background: #36d7ff;
    -webkit-box-shadow:  0 0 15px #36d7ff;
    -moz-box-shadow:  0 0 15px #36d7ff;
    box-shadow:  0 0 15px #36d7ff;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
}
.logreg_btn a{
    width:100%;
    height: 100%;
    color: #fff;
}
/*注册登录主要样式*/
.logreg_list{
    width:100%;
    height: auto;
    padding-bottom: 15px;
}
.logreg_li{
    width:100%;
    margin-bottom: 15px;
    position: relative;
}
.logreg_li label{
    width:23%;
    margin-right: 2%;
    text-align: right;
    float: left;
    line-height: 45px;
    color: #282828;
    font-size: 18px;
}
.logreg_li input{
    width:75%;
    height: 45px;
    line-height: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:1px solid #b6f1ff;
    background: #f2fcff;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    float: right;
    padding:0 15px;
    font-size: 18px;
}
.logreg_li input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #c3f2ff;}
.logreg_li input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #c3f2ff;}
.logreg_li input::-o-placeholder { /* Mozilla Firefox 19+ */
    color:    #c3f2ff;}
.logreg_li input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #c3f2ff;}
.logreg_liCode input{padding:0 32% 0 15px;}
.logreg_code{
    width:28%;
    min-width: 80px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    background: #36d7ff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    position: absolute;
    top:9px;
    right:5px;
}
/*注册登录底部切换*/
.logreg_bot{
    width:100%;
    margin:20px 0;
}
.logreg_bot a{
    width:50%;
    display: block;
    color: #7a7a7a;
    font-size: 15px;
    text-decoration: underline;
}
.txl{
    text-align: left;
}
.txr{
    text-align: right;
}

/*==========================报告页面样式============================*/
.report_top{
    width:100%;
    padding-bottom: 55px;
}
.report_des{
    width:100%;
    font-size: 18px;
    line-height: 28px;
    color: #1e1e1e;
}
.report_des span{color: #36d7ff;}
.report_img{
    width:100%;
    height: auto;
    margin:15px auto 16px;
}
.report_student{margin-bottom: 40px;}
.report_tit{
    text-align: center;
    color: #1e1e1e;
    font-size: 21px;
    line-height: 21px;
    font-weight: bold;
    margin-bottom: 14px;
}
.report_list{
    width:100%;
    height: auto;
}
.report_li{
    width:100%;
    height: auto;
    border-bottom: 1px solid #dbdbdb;
    padding:15px 0;
}
.report_li:last-child{border:none;}
.report_txBox{
    width:100%;
    height: 43px;
    line-height: 43px;
    margin-bottom: 5px;
}
.report_tx{
    width:43px;
    height: 43px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 16px;
}
.report_liname{color: #36d7ff;}
.report_litime{color: #7a7a7a;}
.report_suggest{margin-bottom: 28px;}
.report_textarea{
    width:100%;
    height: 200px;
    border:1px solid #b6f1ff;
    font-size: 18px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    padding:16px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 29px;
    margin-top:10px;
}

/*================================学习报告页面样式===========================*/
.learnReport_tit{
    width:60%;
    height: 35px;
    line-height: 35px;
    border:1px solid #36d7ff;
    margin:30px auto;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    overflow: hidden;
    font-size: 16px;
}
.lr_tit{
    width:50%;
    float: left;
    background: #fff;
    color: #36d7ff;
    text-align: center;
    position: relative;
}
.lr_active{
    background: #36d7ff;
    color: #fff;
}
.lr_tips{
    width:16px;
    height: 16px;
    line-height: 16px;
    font-size: 8px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    background: red;
    color: #fff;
    position: absolute;
    right:5%;
    top:0;
}
.lr_list{
    width:100%;
    height: auto;
    padding:5px 0 5px 20px;
    border: 1px solid #b6f1ff;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    margin-bottom: 80px;
}
.lr_list li{
    height: 56px;
    line-height: 56px;
    border-bottom:1px solid #dbdbdb;
    font-size: 18px;   
}
.lr_list li a{color: #1e1e1e;}
.lr_list li:last-child{border: none;}
.lr_show{display: block;}



/*===============================词汇+记忆游戏首页======================*/
.game_tit{
    font-size: 35px;
    line-height: 35px;
    color: #36d7ff;
    text-align: center;
    margin-top:100px;
}
.game_btn{
    width:50%;
    height: 43px;
    line-height: 43px;   
    text-align: center;
    font-size: 18px;
    background: #36d7ff;
    -webkit-box-shadow:  0 0 15px #36d7ff;
    -moz-box-shadow:  0 0 15px #36d7ff;
    box-shadow:  0 0 15px #36d7ff;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    position: fixed;
    bottom: 25%;
    left:50%;
    margin-left:-25%;
}
.game_btn a{width:100%;height: 100%;display: block;color: #fff;}
.game_list{margin:80px 0;}
.game_li{
    width:70%;
    margin:0 auto 40px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
}
.game_li a{width: 100%;height: 100%;display: block;color: #fff;}
.game_li a span{color: #fff;}
.game_liState1{
    background: #36d7ff;
    -webkit-box-shadow:  0 0 15px #36d7ff;
    -moz-box-shadow:  0 0 15px #36d7ff;
    box-shadow:  0 0 15px #36d7ff;
}
.game_liState2{
    background: #cecece;
    -webkit-box-shadow:  0 0 15px #cecece;
    -moz-box-shadow:  0 0 15px #cecece;
    box-shadow:  0 0 15px #cecece;
    
}
/*===========================家庭作业首页样式==========================*/
.task_list{
    width:100%;
    height: auto;
    margin-top:35px;
    margin-bottom: 80px;
}
.task_li{
    width:100%;
    padding:0 22px 0 28px;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 16px;
}
.task_liState1{
    border:1px solid #b6f1ff;
    background: #f2fcff;
}
.task_liState1 a{color: #36d7ff;}
.task_liState2{
    border:1px solid #fbc1c1;
    background: #ffefef;
}
.task_liState2 a{color: #f45252;}
.task_liState3{
    -webkit-box-shadow:  0 0 15px #acacac;
    -moz-box-shadow:  0 0 15px #acacac;
    box-shadow:  0 0 15px #acacac;
    border:1px solid #acacac;
    background: #acacac;
}
.task_liState3 a{color: #fff;}

/*=============================非vip页面战线========================*/
.no_vipImg{
    width:100%;
    overflow: hidden;
    margin-top:150px;
}
.no_vipDes{
    text-align: center;
    color: #36d7ff;
    font-size: 18px;
    margin-bottom: 70px;
    line-height: 26px;
}