.logoc{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image:url("/<?= PROJECT_NAME ?>/assets/index/img/logo1.png");
    width:152px;
    height: 50px;
}
/* media qurey & retina */
@media screen and (-webkit-min-device-pixel-ratio:1.5),(-moz-min-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:3/2),(-ms-min-device-pixel-ratio:1.5),(device-min-pixel-ratio:1.5){
    .logoc
    {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        background-image:url("/<?= PROJECT_NAME ?>/assets/index/img/logo1.svg");
        width:152px;
        height: 50px;     
    }
}
.section .mbg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.section .mbg img{
    display: block;
    width: 100%;
    height: 100%;
}
.section .ms11{
    position:absolute;
    text-align: -webkit-center;
}
.section .ms11 img{
    width: 100%;
    margin-top: -1rem;
    margin-left: 0.3rem;
}
.section .ms11 .wid-90{
    width: 90%;
    margin-top: -1.5rem;
}
.section .s100{
    width: 100%;
}
.section .m-ico{
    position:absolute;
    bottom: .7rem;
    width:100%;
    text-align: -webkit-center;
}
.section .m-ico .img-1{
    display: inherit;
    width: 6%;
}
.section .m-ico .img-2{
    display: inherit;
    width: 16%;
}
.section .m-form{
    position:absolute;
    background:#7cc722;
}
.section .m-form .form{
    padding:1rem 0rem;
    padding-left:1rem;
    padding-right:1rem;
}
.section .m-form input{
    /*border:1px solid #fff;*/
    border-radius: 5px;
    color:#fff;
    /*padding:.5rem;*/
    font-size: 1rem;
    background: #7cc722;
    height: 7vw;
}
.section .m-form textarea{
    width: 100%;
    border: 0;
    border-radius: 5px;
    margin-top: .6rem;
    color:#fff;
    font-size: 1rem;
    height:25vw;
}
.section .m-form button{
    width: 100%;
    border: 1px solid #fff;
    background: #7cc722;
    border-radius: 5px;
    padding: .5rem;
    margin-top: 4vw;
    font-size: 1.2rem;
    letter-spacing: 1px;
    color: #fff;
    height: 11.5vw;
}
.section .na-fs{
    width:88%;
}
.section .school{
    width: 100%;
    border:0 !important;
    padding: .5rem 0 !important;
}
.m-form ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
    font-family: "Microsoft Yahei";
}
.m-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
    font-family: "Microsoft Yahei";
}
.m-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
    font-family: "Microsoft Yahei";
}
.m-form :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
    font-family: "Microsoft Yahei";
}
.m-form .ls-fs-s{
    background:#fff;
    text-align: center;
/*    display: flex;
    justify-content: space-around;*/
}
.m-form .ls-fs-s p{
    display:-webkit-inline-box;
    font-size: 1rem;
}
.m-form .ls-fs-s .ls-sp{
    padding: 0 4vw;
}
.m-form .ls-fs-s .p i{
    font-size: 4vw;
}
.m-form .ls-fs-s p a,.m-form .ls-fs-s p span{
    padding-left: .5rem;
    color: #000;
    font-size: 4vw;
}
.float_right{
    float:right;
}
.form .div-text{
    border: 1px solid #fff;
    border-radius: 5px;
    padding: .1rem .5rem;
    margin-top: 4vw;
}
.form .dis-inl{
    display: inline-block;
    width: 43%;
    margin-top: 0;
    padding: .5rem;
}

.green-7cc{
    color: #7cc722;
}