@charset "utf-8";
*{
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: "Helvetica Neue","Helvetica",Arial,"Microsoft YaHei","WenQuanYi Micro Hei", "Heiti SC", "Segoe UI", sans-serif;
}
a{
    text-decoration: none;
}
body{
    font-size:62.5%;
}
/*清除浮动*/
.clearfix:after {
    display: block;
    content: "";
    clear: both;
    visibility: hidden;
    height: 0
}
.clearfix {
    zoom: 1
}
/* 超过一行。。。 */
.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/***********文旌课堂启动页-start.html**********/
html,body{
    position: relative;
    height: 100%;
}
.wj_start_wrap{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.wj_start{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
.wj_start .section{
    padding-top: 5rem;
}
.wj_start .section .img1{
    display: block;
    width: 5rem;
    height: auto;
    margin: 0 auto 2.8rem;
}
.wj_start .section .img2{
    display: block;
    width: 70%;
    height: auto;
    margin: 0 auto 3.3rem;
}
.wj_start .section p{
    font-size: 1.08rem;
    color: #666666;
    line-height: 2.5rem;
    text-align: center;
}
.wj_start .footer a{
    display: block;
    padding-bottom: 3.83rem;
    font-size: 0.92rem;
    text-align: center;
    color: #0FC29A;
}

/********************文旌课堂笔记分享页*************************/
.share1_wrap{
    min-height: 67.67rem;
    margin: 0 auto;
    /*//background: url('../imgs/share1_bg.png') center top no-repeat;
    //background-size: 100% auto;
    //position: relative;*/
}
.share1_wrap img{
    display: block;
    width: 100%;
    height: auto;
}
.share1_wrap .bg_box{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
}
.share1_wrap_down{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 28.33rem;
    background: url("../imgs/share1_bg2.png") center top no-repeat;
    background-size: 100% auto;
}
.share1_wrap_down a{
    display: block;
    width: 40%;
    height: 2.5rem;
    line-height: 2.5rem;
    background: rgba(15, 194, 154, 1);
    margin: 8.08rem auto 0;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    border-radius: 0.33rem;
}
@media(max-width: 360px){
    .share1_wrap_down{
        height: 26.33rem;
    }
}
@media(max-width: 320px) {
    .share1_wrap_down{
        height: 23.33rem;
    }
}
    
    
    /********************文旌课堂考试分享页*************************/

.share2_wrap{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../imgs/share/big_bg.png") center top no-repeat #2B2B19;
    background-size: 100% auto;
}
.share2_wrap .share2_box{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.45);
    padding: 3.75rem 1.25rem 0;
}
.share2_wrap .top{
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.share2_wrap .top img{
    display: block;
}
.share2_wrap .top .img1{
    width: 30%
}
.share2_wrap .top .img2{
    width: 35%;
}
.share2_wrap .main{
    margin-top: 11.41rem;
}
.share2_wrap .main .p1{
    font-size: 1.2rem;
    color: #fff;
    margin-bottom: 2rem;
}
.share2_wrap .main .p1 .data_icon{
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background: url('../imgs/share/data_icon.png') center no-repeat;
    background-size: 100% 100%;
    margin-right: 0.83rem;
    vertical-align: text-bottom;
}
.share2_wrap .main .p2{
    font-size: 1.2rem;
    color: #fff;
    line-height:1.91rem;
}
.share2_wrap .bottom{
    height: 13.5rem;
    background: #fff;
    border-radius: 0.42rem;
    padding: 1rem;
    position: absolute;
    left: 1.25rem;
    right: 1.25rem;
    bottom: 3rem;
}
.share2_wrap .bottom .box1{
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(213, 213, 213, 1);
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.share2_wrap .bottom .box1 .left img{
    display: inline-block;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
}
.share2_wrap .bottom .box1 .left span{
    display: inline-block;
    color: rgba(51, 51, 51, 1);
    font-size: 1.41rem;
    margin-bottom: 1.2rem;
}
.share2_wrap .bottom .box1 .right{
    width: 5rem;
    text-align: center;
}
.share2_wrap .bottom .box1 .right img{
    display: block;
    width: 5rem;
    height: 5rem;
}
.share2_wrap .bottom .box1 .right span{
    display: inline-block;
    color: rgba(51, 51, 51, 1);
    font-size: 0.91rem;
}
.share2_wrap .bottom .box2{
    padding-top: 1.8rem;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.share2_wrap .bottom .box2 .box{
    position: relative;
    width: 33%;
    text-align: center;
    color: rgba(51, 51, 51, 1);
}.share2_wrap .bottom .box2 .box:last-child:after{
    display: none;
 }
.share2_wrap .bottom .box2 .box:after{
    display: inline-block;
    content: "";
    width: 1px;
    height: 2.92rem;
    background: rgba(51, 51, 51, 1);
    right: 0;
    top: 4px;
    position: absolute;
}
.share2_wrap .bottom .box2 .box .p1{
    font-size: 1rem;
    line-height: 1.5rem;
}
.share2_wrap .bottom .box2 .box .p2{
    font-size: 1.92rem;
}