* { margin: 0; padding: 0;-webkit-tap-highlight-color: rgba(255, 0, 0, 0); }
a { color: #fff; text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;
}
li { list-style: none; }
.bg { width: 100%; height: 12rem; background-image: url('../Images/loginbg.png'); background-repeat: no-repeat; background-size: cover; }
.above { width: 100%; height: 2.2rem; font-size: 0.7rem; overflow: hidden; display:none;}
/*.above > a:nth-child(1) { float: left; margin-left: 1rem; width: 0.8rem; height: 0.8rem; margin-top: 0.8rem; }*/
.above > a:nth-child(1) > img { height: 100%; }
.above > a:nth-child(1) { float: left; margin-left: 1.5rem; width: 0.8rem; height: 0.8rem;color: #fff; margin-top: 0.8rem; }
.lo-warp { width: 100%; height: auto; position: relative; }
.lo-w-top { width: 5rem; height: 5rem; background-color: #fff; border-radius: 8px; display: block; position: absolute; z-index: 21; left: 7rem; bottom: 2.4rem; overflow: hidden; box-shadow:0px 2px 9px #8F8F8F; }
.lo-w-top > a > img { width: 100%; }
.lo-w-bom { height: 22rem; width: 17rem; background-color: #fff; border-radius: 14px; margin-left: 0.9rem; position: absolute; z-index: 20; top: -4rem; box-shadow: 0px 9px 17px #f6f6f6; }
.lo-w-bom > h4 { margin-top: 2rem; margin-left: 1rem; font-size: 0.9rem; }
.lo-w-bom > h5 { margin-top: 2rem; margin-left: 1rem; font-size: 0.8rem; }
.gain{ position: absolute;top: 6.8rem;right: 0.5rem;width: auto;padding: 0.3rem 1rem;font-size: 0.75rem;color: #ff003c;}
.phon { width: 80%; height: 2.8rem; border: none; border-bottom: 1px solid #f2f2f2; padding-left: 10%; outline: none; font-size: 0.7rem; color: #333333; position: relative; left: 5%; background-image: url('../Images/icon-phon.png'); background-repeat: no-repeat; background-position: 0.2rem 1rem; background-size: 0.7rem; }
.mma { width: 80%; height: 2.8rem; border: none; border-bottom: 1px solid #f2f2f2; padding-left: 10%; outline: none; font-size: 0.7rem; color: #333333; position: relative; left: 5%; background-image: url('../Images/icon-mma.png'); background-repeat: no-repeat; background-position: 0.2rem 1rem; background-size: 0.7rem; }
.fri{ width: 80%; height: 2.8rem; border: none; border-bottom: 1px solid #f2f2f2; padding-left: 10%; outline: none; font-size: 0.7rem; color: #333333; position: relative; left: 5%; background-image: url('../Images/icon-fri.png'); background-repeat: no-repeat; background-position: 0.2rem 1rem; background-size: 0.7rem; }
.lo-spn_1 { position: absolute; z-index: 30; font-size: 0.7rem; color: #ff003c; left: 11rem; top: 9.4rem; }
.lo-spn_2 { position: absolute; z-index: 30; font-size: 0.65rem; top: 9.2rem; left: 11rem; color: #666666; }
.lo-spn_3 { position: absolute; z-index: 30; font-size: 0.6rem; color: #666666; left: 10rem; top: 9rem; }
.lo-w-com { width: 100%; height: auto; text-align: center; }
.lo-w-com > button { width: 14.5rem; height: 2.2rem; border-radius: 5px; background-color: #ff003c; color: #fff; border: none; margin-top: 3rem; margin-left: 0.2rem; box-shadow: 0px 6px 8px #f5b4b3; }
.lo-w-com > a { display: block; font-size: 0.65rem; margin-top: 0.9rem; color: #999999; margin-left: 0.3rem; }
.lo-w-com span>span{color:#ffa51f;}
.lbtm { width: 100%; height: auto; text-align: center; margin-top: 1.7rem; margin-bottom: 0.5rem; }
.lbtm > div { padding: 0 4rem; }
.lbtm > div > img { width: 100%; }
.lbtm > a { width: 1rem; /*height: 1rem;*/ display: inline-block; margin-top: 1rem; }
.lbtm > a > img { width: 100%; }
.lo-w-up { width: 100%; height: auto; text-align: center; margin-top: 3rem; margin-bottom: 1.5rem; }
.lo-w-up > div { font-size: 0.6rem; }
.lo-w-up > div > span { color: #666666; }
.lo-w-up > div > a { color: #ff003c; }
.lo-w-up > button { width: 14.5rem; height: 2.2rem; border-radius: 5px; background-color: #ff003c; color: #fff; border: none; margin-left: 0.2rem; margin-top: 0.3rem; box-shadow: 0px 6px 8px #f5b4b3; }
.lo-w-up > a { display: block; font-size: 0.65rem; margin-top: 0.9rem; color: #999999; margin-left: 0.3rem; }
#ic-tak-png { position: relative; }
#ic-tak-png > span { position: absolute; top: 0.75rem; left: 1.5rem; font-size: 0.7rem; color: #666666; }
#ic-tak-png > div { height: 2rem; width: 5rem; position: absolute; top: 0.3rem; left: 10.5rem; }
#ic-tak-png > div > img { width: 100%; }
.inpg { width: 70%; height: 2.5rem; border: none; border-bottom: 1px solid #f2f2f2; padding-left: 20%; outline: none; font-size: 0.7rem; color: #cccccc; position: relative; left: 5%; }


/*΢ÐŵǼ*/
#mcLogo {
    text-align: center;
    height: 22rem;
}
/*#mcLogo>span{
    display: inline-block;
    margin-top: 4rem;
    width: 4.5rem;
    height: 4.5rem;
    overflow: hidden;
    border-radius: 0.3rem;
    box-shadow: 0px 0px 9px 0px #d5d5d5;
}
#mcLogo>span>img{width:100%}*/
#mcLogo>img{width:92%;padding-top:3rem;margin-left:.35rem;}
#wxLogin{text-align:center; font-size:0.75rem;}
#wxLogin>div:nth-child(1){
    width: 15rem;
    height: 2.2rem;
    line-height: 2.2rem;
    border-radius: 0.3rem;
    margin: 0 auto;
    color: white;
    background: #67c74a;
    box-shadow: 1px 1px 1px 1px #d9d9d9;
}
#wxLogin>div:nth-child(2){color:#666666;}
#wxLogin > div:nth-child(2) > a {
    color: #666666;
    font-size: 0.7rem;
    margin-top: 1rem;
    display: inline-block;
}
#wxLogin > p {font-size:.6rem;padding-top:2rem;color:#999;}
#wxLogin > p > span{color:#ffab2e;}