/*
    唐人网校移动端公共样式表
    2018.08.22

*/

html,body{
    width:100%;
    height:100%;
    background:#fff;
}

/*二维码邀请弹窗开始*/
#TRcode{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,0.7);
    z-index:9999;
}

#TRcode .TRcodeBg{
    position:fixed;
    width:5rem;
    height:5.89rem;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
    background:#fff;
    z-index:9999;
}

#TRcode .TRcodeBg .TRcodeImg{
    display:block;
    width:4.08rem;
    height:4.08rem;
    margin:0 auto;
    margin-top:0.2rem;
}

#TRcode .TRcodeBg .TRword{
    text-align:center;
    margin-top:0.2rem;
    color:#d53030;
    font:400 0.24rem 'Microsoft YaHei';
}

#TRcode .TRcodeBg span{
    display:block;
    width:0.5rem;
    height:0.5rem;
    margin:0 auto;
    margin-top:0.3rem;
    background:url(/Content/Mimages/Micons/Close.png) no-repeat center;
    background-size:100%;
}

/*二维码邀请弹窗开始*/

a{
    list-style:none;
    text-decoration:none;
}

a:focus {
    outline: none;
    outline: none;
    outline-offset: 0;
}

input::-webkit-input-placeholder{
    color:#999999;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#999999;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#999999;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#999999;
}

        select{
           appearance:none;
          -moz-appearance:none;
          -webkit-appearance:none;
        }


/*头部开始*/
    .Mheader{
        position:fixed;
        top:0;
        /*width:7.5rem;*/
        width:100%;
        height:0.8rem;
        margin:0 auto;
        background:#fff;
        box-shadow:0 0.05rem 0.05rem #ebebeb;
        z-index:9999999;
    }

    .Mheader .Logo{
        float:left;
        width:2rem;
        height:0.5rem;
        margin-left:0.2rem;
        margin-top:0.18rem;
        background:url(/Content/Mimages/Micons/TRlogo.png) no-repeat center;
        background-size:100%;
    }

    .Mheader .share{
        float:right;
        width:0.8rem;
        height:0.8rem;
        background:url(/Content//Mimages/Micons/shareIndex.png) no-repeat center;
        background-size:50%;
    }
/*头部结束*/

/*底部开始*/
.bedding{
    width:100%;
    height:1rem;
}

.Mfooter{
    position:fixed;
    bottom:0;
    width:100%;
    height:1rem;
    background:#fff;
    border-top:solid 0.01rem #e7e7e7;
    z-index:999999;
}

.Mfooter ul li{
    float:left;
    width:2.4rem;
    height:1rem;
    text-align:center;
}

.Mfooter ul li span{
    display:block;
    width:0.5rem;
    height:1rem;
    margin:0 auto;
    margin-top:0.08px;
    background-size:100%;
    background-position:center center;
    background-repeat:no-repeat;
}

/*.Mfooter ul li p{
    font:400 0.2rem 'Microsoft YaHei';
}

.Mfooter ul li a p{
    color:#9c9c9c;
}

.Mfooter ul .active{
    color:#e6261c;
}*/

.Mfooter ul li:nth-child(1) span{
    background-image:url(/Content/Mimages/Micons/home.png);
}

.Mfooter ul li:nth-child(2) span{
    background-image:url(/Content/Mimages/Micons/service.png);
}

.Mfooter ul li:nth-child(3) span{
    background-image:url(/Content/Mimages/Micons/aboutme.png);
}

/*结束开始*/

#LRdiv0{
    display:none;
}

#LRdiv1{
    display:none;
}

#LRdiv2{
    display:none;
}

#LRdiv3{
    display:none;
}


#LRfloater0{
    display:none;
}

#LRMINIBar{
    display:none;
}

#LR-CIRCLE{
    display:none;
}

#LR-BUBBLE{
    display:none;
}

#LR_miniframe{
    display:none;
}

input::-webkit-input-placeholder {
    color: #151515;
}
input:-ms-input-placeholder { /*IE10+*/
    color: #151515;
}
input:-moz-placeholder { /*Firefox4-18*/
    color: #151515;
}
input::-moz-placeholder { /*Firefox19+*/
    color: #151515;
}

/*弹窗开始*/
#AlertArea{
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.7);
            position: fixed;
            left: 0;
            top: 0;
            z-index: 99999;
            display:none;
        }

        #AlertArea .MainArea{
            position:fixed;
            width:5.5rem;
            height:4.18rem;
            border-radius:0.06rem;
            top:0;
            bottom:0;
            left:0;
            right:0;
            margin:auto;
            background:#fff;
        }

        #AlertArea .MainArea .AlertMessage{
            width:4.54rem;
            height:2.4rem;
            border-radius:0.2rem;
            /*border:solid 1px #868686;*/
            margin:0 auto;
            margin-top:0.9rem;
        }

        #AlertArea .MainArea .AlertMessage h4{
            width:4.54rem;
            margin:0 auto;
            text-align:center;
            font:400 0.42rem 'Microsoft YaHei';
            color:#383838;
        }

        #AlertArea .MainArea .AlertMessage p{
            width:4.54rem;
            margin:0 auto;
            margin-top:0.3rem;
            text-align:center;
            /*text-indent:2em;*/
            font:400 0.3rem 'Microsoft YaHei';
            color:#383838;
        }

        #AlertArea .MainArea .AlertMessage p i{
            color:#e6261c;
        }

        #AlertArea .MainArea .ButtonArea{
            width:100%;
            height:0.9rem;
        }

        #AlertArea .MainArea .ButtonArea button{
            float:left;
            display:block;
            width:50%;
            height:0.88rem;
            background:#fff;
            color:#fff;
        }

         #AlertArea .MainArea .ButtonArea .confirm{
             font:400 0.36rem 'Microsoft YaHei';
             text-align:center;
             background:#e6261c;
             border-bottom-left-radius:0.06rem;
         }

         #AlertArea .MainArea .ButtonArea .AlertClose{
             font:400 0.36rem 'Microsoft YaHei';
             text-align:center;
             background:#8c8c8c;
             border-bottom-right-radius:0.06rem;
         }
         /*弹窗结束*/