/*登陆页面样式*/
.login body{ height: 100%; }
.login_bg{
  background-image:url(../images/login_phone_bg.jpg);
  background-repeat: no-repeat; 
  background-position: center bottom;
  background-size: cover;
}
.logo{width:13em;
    height:5em;
    background:url(../images/logo_phone.png) no-repeat center;
    background-size: contain;
    padding-top:2em;
    margin: 0 auto;
    }
    
.login_box{width:100%;
    min-height:100%;     
    font-family: "微软雅黑";    
}
.login_user{width:80%;
    height:auto;
    margin: 0 auto;
    margin-top: 2em;
}
.user_input{height:3em;
    border-radius: 0.5em;
    background-color: #fff;   
    margin-bottom: 2.8em;
    -moz-box-shadow:1px 1px 1px #adbcd0;
    -webkit-box-shadow:1px 1px 1px #adbcd0;
    box-shadow:1px 1px 1px #adbcd0; 
}
.user_input input,.password_input input{width:100%;
    height:100%;
    padding-left:3.4em;
    border:none;
    -webkit-box-flex:1;
    display: block;
    border-radius: 0.5em;
    font-size: 1em;
    color: #888888;
}
.email{width:2.2em;
    height:2.2em;
    background-image:url(../images/email.png);
    position: absolute;
    top:0.50em;
    left:0.43em;
}
.name,.phonenumber{width:1.5em;
    height:1.5em;
    background-image:url(../images/uNameicon.png);
    position: absolute;
    top:0.88em;
    left:0.8em;
}
.phonenumber{background-image:url(../images/phonebg.png);}
.input-line{ position: absolute; left:2.8em; border-right:1px solid #cccccc; height: 2.0em; top:0.6em;}
.password_input{
    height:3em;
    border-radius: 0.5em;
    background-color: #fff;   
    margin-bottom: 2.8em;
    -moz-box-shadow:1px 1px 1px #adbcd0;
    -webkit-box-shadow:1px 1px 1px #adbcd0;
    box-shadow:1px 1px 1px #adbcd0;       
    }
.password{width:1.5em;
    height:1.5em;
    background-image:url(../images/uPassicon.png);
    position: absolute;
    top:0.88em;
    left:0.8em;
}
.login_dl{width:100%;
    margin-top:1.7em;
    text-align: right; 
    overflow: hidden; 
    margin-bottom: 1em;  
}
.login_dl a{text-decoration: none;
    color: #000000; 
    font-size: 0.9em;   
    }
.login_btn{width:100%;
    margin:1.5em 0;
    margin-bottom: 3em;
}
.login_btn a{ width:100%;
    height:2.5em;
    line-height:2.5em;
    text-decoration: none;
    color:#fff;
    display: block;              
    background-color:#0091b5;
    font-family: "微软雅黑";
    font-size: 1.2em;
    text-align: center;   
    -moz-box-shadow:1px 1px 1px #617e8f;
    -webkit-box-shadow:1px 1px 1px #617e8f;
    box-shadow:1px 1px 1px #617e8f;  
}
.login_btn a#login,#forget{ background: #006af2;   border-radius: 0.5em; margin-bottom: 1.0em;}
.login_btn a#tiyan{ 
    background: #283445;  border-radius: 0.5em; position: relative;
    -moz-box-shadow:1px 1px 1px #080c12;
    -webkit-box-shadow:1px 1px 1px #080c12;
    box-shadow:1px 1px 1px #080c12; 
}
.login_btn a#tiyan .arrowicon{ width:1.2em; height: 1.2em; background-image:url(../images/arrow.png); position:absolute; left:50%; margin-left: -3.4em; top:0.6em; background-size: cover;}
.bottonBg{padding-bottom: 1em; text-align: center;}

/*注册页面样式*/
.register_logo{width:13em;
    height:5em;
    background:url(../images/logo_phone.png) no-repeat center;
    background-size: contain;
    padding-top:2em;
    margin: 0 auto;
}
.user_type{margin-top:1.5em;
    margin-bottom:1.2em;}
.tab_text{width:7.5em;
    text-align: right;
    height:3em;
    line-height: 3em;
    display: block;    
}
.code_input{-webkit-box-flex: 1;
}
.code{background-color: #0091b5; 
    color: #fff; 
    border: 0px;     
    border-radius: 0;
    -webkit-box-flex: 1;
    text-align: center;  
    font-family: "微软雅黑";
    }


.tip_hide{ margin-bottom: 1em;}
.password_input.tip_hide{ margin-bottom: 1.5em;}
.yzmbox.tip_hide{ margin-bottom: 0.5em;}
.tip_hide .tip{ display: none;}
.user_input .tip,.password_input .tip{ color: #ff3838; width:100%; font-size: 0.9em; position: absolute; top:3.65em; left:0em;}
input.code{ background:#00a7f3;
    -moz-box-shadow:1px 1px 1px #adbcd0;
    -webkit-box-shadow:1px 1px 1px #adbcd0;
    box-shadow:1px 1px 1px #adbcd0; 
    padding-left:0em;
    color: #ffffff;
    width:36%;
    float: right;
    margin:0em;
}
input.code_input{ width:55%; padding-left: 0em; text-align: left;   float: left;
    -moz-box-shadow:1px 1px 1px #adbcd0;
    -webkit-box-shadow:1px 1px 1px #adbcd0;
    box-shadow:1px 1px 1px #adbcd0; 
    padding-left:0.5em;
    padding-right: 0.5em;
}
.login_btn a#register{ 
    background: #006af2;  border-radius: 0.5em; 
    -moz-box-shadow:1px 1px 1px #617e8f;
    -webkit-box-shadow:1px 1px 1px #617e8f;
    box-shadow:1px 1px 1px #617e8f; 
}

.quickLogin{ width:80%; margin:0 auto; text-align: center;}
.quickLogin a{ padding:0em 0.2em;}
.quickLogin a img{ vertical-align: middle; width:2.5em;}


.disBox{
    width:100%;
    display: box;
    display:-webkit-box;
    box-orient:horizontal;
    -webkit-box-orient:horizontal;
    box-align:center;
    -webkit-box-align:center;
    box-pack:center;
    -webkit-box-pack:center;
}
.disBox.tabs{
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    font-size: 1em;
    position: relative;
}
.disBox.tabs li.opt{
    line-height: 3em;
    border-bottom: 2px solid #fff;
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    display: box;
    display: -webkit-box;
    box-orient: horizontal;
    -webkit-box-orient: horizontal;
    box-align: center;
    -webkit-box-align: center;
    box-pack: center;
    -webkit-box-pack: center;
    width:50%;
}
.disBox.tabs li.libg{
    width:50%;
    position: absolute;
    bottom:0;
    left: 0%;
    border-bottom: 2px solid #006af2;
}
@keyframes mymove
{
    from {left:50%;}
    to {left:0px;}
}
@-moz-keyframes mymove /*Firefox*/
{
    from {left:50%;}
    to {left:0px;}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
    from {left:50%;}
    to {left:0px;}
}

@keyframes mymoveR
{
    from {left:0px;}
    to {left:50%;}
}
@-moz-keyframes mymoveR /*Firefox*/
{
    from {left:0px;}
    to {left:50%;}
}
@-webkit-keyframes mymoveR /*Safari and Chrome*/
{
    from {left:0px;}
    to {left:50%;}
}
.disBox.tabs li.libg.left {
    left: 0em;
    animation: mymove 0.3s linear 0s;
    -moz-animation: mymove 0.3s linear 0s;
    -webkit-animation: mymove 0.3s linear 0s;
}
.disBox.tabs li.libg.right {
    left: 50%;
    animation: mymoveR 0.3s linear 0s;
    -moz-animation: mymoveR 0.3s linear 0s;
    -webkit-animation: mymoveR 0.3s linear 0s;
}
.wordl{
    display: box;
    display: -webkit-box;
    box-orient: horizontal;
    -webkit-box-orient: horizontal;
    box-align: center;
    -webkit-box-align: center;
    box-pack: left;
    -webkit-box-pack: left;
    margin-bottom: 1em;
}
.getCode{
    width:28%;
    margin-left: 2%;
    background: #006af2;
    color: #fff;
    height:3.6em;
    line-height: 3.6em;
    border-radius: 5px;
    text-align: center;
    font-size: 0.8em;
}
.tabCon.show,.tabCon2.show {
    display: block;
}
.tabCon,.tabCon2 {
    display: none;
}
.findType {
    height: 3.8em;
    font-size: 1em;
    width: 86%;
    margin: 0 auto;
    border-bottom: 1px solid #cccccc;
}
.findType > div.item{
    height: 3em;
    line-height: 3em;
    box-flex: 2;
    -moz-box-flex: 2;
    -webkit-box-flex: 2;
    width:47%;
}
.findType > div.item.current{
    color: #006af2;
}
.findType > div.item.first{
    text-align: right;
}
.findType > div.item.last{
    text-align: left;
}
.findType > div.item.line{
    box-flex: 0.4;
    -moz-box-flex: 0.4;
    -webkit-box-flex: 0.4;
    width:6%;
    text-align: center;
}
.login_btnnext{
    margin:2em 0;
    width:100%;
    margin-bottom:1em;
}
.login_btnnext a{
    width:100%;
    height:2.5em;
    line-height:2.5em;
    text-decoration: none;
    color:#fff;
    display: block;
    background-color:#0091b5;
    font-family: "微软雅黑";
    font-size: 1.2em;
    text-align: center;
    -moz-box-shadow:1px 1px 1px #617e8f;
    -webkit-box-shadow:1px 1px 1px #617e8f;
    box-shadow:1px 1px 1px #617e8f;
}
.login_btnnext a.login,.login_btnnext a.login_quick{ background: #006af2;   border-radius: 0.5em; margin-bottom: 1.0em;}