/* login css begin*/
.loginTop{ height:50px; line-height:50px; text-align:center; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0 ; background:#77787a; font-size:1.2em; color:#fff;}
.loginLogo{ text-align:center;}
.loginLogo img{ margin:40px auto;}
.inputBox{ height:45px; width:100%; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #e9ebed;}
.loginInput{ padding-left:45px; height:45px; font-size:1.1em; margin-top:-45px;}
.loginInput-3{ width:100%; padding-left:45px; height:45px; font-size:1.1em; margin-top:-45px;}
.loginInput-1{ padding-left:45px; height:45px; font-size:1.1em; margin-top:-50px;}
.loginInput-2{ padding-left:45px; height:45px; font-size:1.1em; margin-top:-55px;}
.loginName-icon{ width:45px; height:45px; background:url(../img/common@2x.png) 0 -4px no-repeat; background-size:325px auto; display:block;}
.loginPsd-icon{ width:45px; height:45px; background:url(../img/common@2x.png) -57px -4px no-repeat; background-size:325px auto; display:inline-block;}
.loginButton{ height:45px; width:100%; background:#eb0000; text-align:center; color:#fff; font-size:1.2em;}
.loginButton:hover{ height:45px; width:100%; background:#eb0000; text-align:center; color:#fff; font-size:1.2em;}
.loginForget{ height:35px; line-height:35px;}
.loginForget a{ color:#eb0000; font-size:1.0em;}
.loginForget a:hover{ color:#eb0000; font-size:1.0em;}
.otherUsers{ border-top:1px solid #e9ebed; padding-top:50px;}
.otherUsers span{ display:inline-table; background:#fff; padding:0px 5px; margin-top:-12px; font-size:1.1em;}
.faceboot-icon{ width:46px; height:46px; border-radius:23px; -moz-border-radius:23px; -webkit-border-radius:23px; background:#425f9f url(../img/common@2x.png) 1px -59px no-repeat; display:block; background-size:325px auto;}
.faceboot-icon:hover{ width:46px; height:46px; border-radius:23px; -moz-border-radius:23px; -webkit-border-radius:23px; background: url(../img/common@2x.png) -58px -60px no-repeat; border:2px solid #425f9f; display:block; background-size:325px auto;}
.twitter-icon{ width:46px; height:46px; border-radius:23px; -moz-border-radius:23px; -webkit-border-radius:23px; background:#00abf0 url(../img/common@2x.png) -114px -58px no-repeat; display:block; background-size:325px auto; margin:0 auto;}
.twitter-icon:hover{ width:46px; height:46px; border-radius:23px; -moz-border-radius:23px; -webkit-border-radius:23px; background: url(../img/common@2x.png) -171px -57px no-repeat; border:2px solid #00abf0; display:block; background-size:325px auto;}
.google-icon{ width:46px; height:46px; border-radius:23px; -moz-border-radius:23px; -webkit-border-radius:23px; background:#4285f4 url(../img/common@2x.png) -226px -56px no-repeat; display:block; background-size:325px auto;}
.google-icon:hover{ width:46px; height:46px; border-radius:23px; -moz-border-radius:23px; -webkit-border-radius:23px; background: url(../img/common@2x.png) -282px -58px no-repeat; border:2px solid #4285f4; display:block; background-size:325px auto;}
.signIn-con{ height:50px; background:#f8f9f9; border-top:1px solid #e9ebed; color:#999; font-size:1.0em; padding-top:15px; border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px;}
.signIn-con a{ color:#eb0000;}
.signIn-con a:hover{ color:#eb0000;}
.copyRight-con{ color:#999; font-size:.9em; padding:15px 0;}
.tips-con{ height:31px; color:#eb0000; font-size:1.0em; line-height:30px;}
.tips-icon{ width:31px; height:30px; background:url(../img/common@2x.png) -119px -10px no-repeat; background-size:325px auto; display:block; vertical-align:sub; float:left;}
/* login css end*/ 

/* forget Email css begin*/
.forgetEmail-icon{ width:170px; height:170px; background: url(../img/common@2x.png) 0 -270px no-repeat; background-size:325px auto; display:inline-block; margin-left:auto; margin-right:auto;}
.forgetEmail-user{ width:45px; height:45px; background:url(../img/common@2x.png) -168px -4px no-repeat; background-size:325px auto; display:inline-block;}
.triangle_border_up{ width:0; height:0; border-width:0 15px 15px; border-style:solid; border-color:transparent transparent #f2824d; position:relative; margin-bottom:-1px; margin-left:15px; z-index:999;}
.triangle_border_up span{width:0; height:0; border-width:0 14px 14px; border-style:solid; border-color:transparent transparent #fce0d3; position:absolute; display:block; top:1px; left:-14px; z-index:888;}
.forgetEmail-tips{ background:#fce0d3; border:1px solid #f2824d; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center; }
.forgetEmail-tips span{ color:#eb0000; }
/* forget Email css end*/

/* forget password css begin*/
.forgetPsd-icon{ width:155px; height:155px; background:url(../img/common@2x.png) 0 -118px no-repeat; background-size:325px auto; display:block; margin-left:auto; margin-right:auto;}
.forgetPsd-steps{ font-size:1.0em; color:#999;}
.forgetPsd-steps-current{ width:40px; height:40px; line-height:40px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; background:#eb0000; color:#fff; font-size:1.2em; display:inline-block; margin-bottom:5px;}
.forgetPsd-steps-default{ width:40px; height:40px; line-height:40px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; background:#f8f8f8; color:#999; font-size:1.2em; display:inline-block; margin-bottom:5px;}
.forgetPsd-tips{ font-size:1.0em; color:#999; display:inline-block;}
/* forget password css end*/

/* sign up css begin */
.signUp-tips{ border-top: 1px solid #e9ebed;}
.signUp-tips-con{ width:170px; margin-top:-22px; display:block; background:#fff; margin-left:auto; margin-right:auto; padding-right:15px; font-size:1em; color:#999;}
.signUp-input{ height:45px; width:100%; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #e9ebed; padding: 0 10px; }
/* sign up css end */

/* license css begin*/
.license-top{ height:45px; line-height: 45px; text-align: center; background:#ecf0f3; font-size: 1.2em; color: #333; }
.license-con{ padding-top: 10px;}
.license-con strong{ margin-bottom: 5px;}
.license-con p{ font-weight: 400; color: #666; font-size: 1em;}
/* license css end*/

/* email validate css begin*/
.emailValidate-success{ width:102px; height: 102px; background:url(../img/common@2x.png) -224px -127px no-repeat; background-size:325px auto; display: block; margin-left: auto; margin-right: auto;}
.emailValidate-con{ font-size: 1em; color: #999;}
.emailValidate-con a{ color:#eb0000; }
.emailValidate-con a:hover{ color:#eb0000; }
.emailValidate-dot{ width: 6px; height:6px; border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#e9ebed; display: inline-block; margin-right: 5px;}
/* email validate css end*/
.input_tips{display: none}