@charset "utf-8";
.logincont { text-align:center; margin-top:140px;margin-bottom:70px; }
/**/
.loginelement { margin:0 auto; width:400px; height:450px; border:solid #F0F0F0 1px; display:none;box-shadow:0 1px 10px #DFDFDF; }
.loginelement-left { width:322px; display:inline-block; vertical-align:top; margin-top:30px; text-align:left;}
.loginelement-left div.loginelement-left-sel { width:320px; }
.loginelement-left div.loginelement-left-sel ul { width:320px; font-size:17px; }
.loginelement-left div.loginelement-left-sel ul li { float:left; width:160px; height:47px; line-height:45px; text-align:center; color:#000; border-bottom:solid #e5e5e5 3px; cursor:pointer; }
.loginelement-left div.loginelement-left-sel ul li.login-sel-hover { color:#00a4ff; border-bottom:solid #00a4ff 3px; }
.loginelement-left .login-cont-account{padding-top:10px;}
.loginelement-left div.login-cont-account-tip{color:#666; line-height:30px;margin-top:15px;}
.loginelement-left div.login-cont-account-username { margin-top:6px; }
.loginelement-left div.login-cont-account-username #username_p { width:320px; height:38px; text-indent:6px; }
.loginelement-left div.login-cont-account-password { margin-top:6px; }
.loginelement-left div.login-cont-account-password #password { width:320px; height:38px; text-indent:6px; }
.loginelement-left div.login-cont-auxiliary { margin-top:20px; }
.loginelement-left div.login-cont-auxiliary ul { width:320px; font-size:16px; color:#6d6d6d; }
.loginelement-left div.login-cont-auxiliary ul li.login-cont-auxiliary-savename { float:left; }
.loginelement-left div.login-cont-auxiliary ul li.login-cont-auxiliary-forget { float:right; }
.loginelement-left div.login-cont-account-submit { margin-top:20px; }
.loginelement-left div.login-cont-account-submit input[type=submit]{ outline:none;background-color:#0d9cf6; color:#FFF; border:0; width:320px;height:40px; font-size:16px; }
.loginelement-left div.login-cont-account-submit input[type=submit]:hover { background-color:#41aaf7; }
.loginelement-left div.login-cont-account-submit input[type=submit]:focus { background-color:#41aaf7; }
.loginelement-left div.login-cont-account-submit input[type=submit]:active { background-color:#0288dd; }
.loginelement-left div.login-cont-qrcode { width:320px; font-size:14px; display:none; }
.loginelement-left div.login-cont-qrcode div.login-cont-qrcode-info { line-height:80px; text-align:center; }
.loginelement-left div.login-cont-qrcode div.login-cont-qrcode-info span { color:#666; }
.loginelement-left div.login-cont-qrcode div.login-cont-qrcode-info a { height:21px; padding:0 18px 0 3px; border:0px; display:inline-block; line-height:20px; text-align:center; background-position:right center; background-repeat:no-repeat; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABtUlEQVQ4T6WTsYtTQRDGv8mGELjGIAoW4lWKf8BhaQ5UeCBvd40prxNsxErEQjixEwURQQsFK8HjFTsbwVdFItYW1oqFhcWJRsEiweR98g4vxLt7QbgtZ779MfPNjGCfTyr+i3PuNIDjAI4A+Dkej5/nef51p34XwHt/FsATAMd2iH8DeDAajW7meT7ezu0COOfWRKQDYD2E8L4UWmuP1mq1iwBuAyhjNoTwrczNAN77g9vBKlu89+cBvCyK4m6M8foM0G63661W6x3JG6qaL/LVex8BnCtbDCFsblXgnLslIusANuv1+sksy75XQdI0XTXGvC6K4kKMMZRuHwCQicgZkp9J3okxPtoL0O12G5PJJAGgJB8bY+7Pe/CFZF9V1xa14Jx7JSIJSQJYmQf0AZwYDofLg8FgUgUpJyIiH0TkaQjhygyQpmlqjIkkr6rqw0VVWGsvNRqNF1mW/fpnD7z3fZIrAFJVHcxD/nrVUdVnAIo9FylJkkPNZnMDwCqANyS3ICLSJHlZRJZIHlbVH5WbWOqttR0RuSYipwCMSH4SkbfT6fRer9f7OF9Z1TH9943uG/AHGretUoVNw9IAAAAASUVORK5CYII="); }
.loginelement-left div.login-cont-qrcode div.login-cont-qrcode-info a:hover { color:#00A4FF; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABfklEQVQ4T6XTz4vMcRzH8cd7Y1a5qI1StE7kD9gctYVaaZXVnL5DSrnISXJQu7mJkhQHatPMhHVgU5zWj5wd9rxykBxWRDlgx741q2lm7cxK+zl+3u/Ps9f79Xm9wxpPdH2fGWr2Yqc+W6WvSurK8fHv/pWAau4XbmFwWXNawDUDLjgYP1q1lYB6VqQxaVwlZpca7+Z2i45KFzHrl8OOx6dmqQ24kwOty5621PIQHuOyIs61Ac9znfdeC+cV8XRVX2s5LR2QBh2L+T8KqjkhjEvz+u1Wjs89IfUclp7hiCIehsncZL0H2Ce9Ey4p4kZXwFSWLBiRHkk39bna9qCaH4QZRVT+McITjCCFoU7ADHbZZofhaPSENH+kYU64rYjTnYBRYRpnFHF9VRXVPKnfPeX4tjwH1WyqGMKoSrxYBml6VTJmzqSJWOwepKnc7Kf7aDr9Ei3IBpzCRg1bnIgvvZPY3IP6UhLPCnuk78JbvJKuqMSbTmXdl+k/NnTNgN83qHuxmbKe4QAAAABJRU5ErkJggg=="); }
.loginelement-left div.login-cont-qrcode div.login-cont-qrcode-info a:active { color:#00A4FF; }
.loginelement-left div.login-cont-qrcode div.login-cont-qrcode-cont { position:relative; width:190px; height:190px; border:solid #dddddd 1px; margin:0 auto; }
.loginelement-left div.login-cont-qrcode div.login-cont-qrcode-cont img { width:100%; height:100%; border:0; }
.loginelement-left div.login-cont-qrcode div.login-cont-qrcode-overstayed { position:absolute; top:0; left:0; width:188px; height:188px; background-color:rgba(255,255,255,0.9); text-align:center; line-height:200px;background-position:center 55px; background-repeat:no-repeat; background-image:url("image/warning.png");}
/**/
.loginelement-right { display:inline-block; width:270px; min-height:300px; vertical-align:top; text-align:left; padding-left:26px; background-position:left top; background-repeat:repeat-y; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAYAAAACEPQxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABxJREFUeNpi3rZt238mBiAAEwz///9nQHABAgwAfWcGKgRkewcAAAAASUVORK5CYII='); }
.loginelement-right div.loginelement-right-info1 { line-height:45px; font-size:16px; color:#292828; }
.loginelement-right div.loginelement-right-register { line-height:20px; font-size:16px; color:#00a4ff; }
.loginelement-right div.loginelement-right-info2 { margin-top:60px; line-height:45px; font-size:16px; color:#292828; }
.loginelement-right div.loginelement-right-experience { line-height:20px; font-size:16px; color:#00a4ff; }
.loginelement-right-summary { color:#666; line-height:30px; font-size:14px; margin-top:20px; }
/*复选框*/
.y_checkbox input { display: none }
.y_checkbox label { display:inline-block; vertical-align: middle; font: 13px/100% microsoft yahei, tahoma; margin-right:16px; line-height:20px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.y_checkbox label:before { content: ""; display: inline-block; vertical-align: middle; margin-right:8px; margin-top:-3px; width: 18px; height: 18px; border: 1px solid #aeaeae; border-radius: 2px; background:#fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAENJREFUeNpiYMAB/v37d+c/EOCSvA3E/4F4LTbJ+1DJYzABkEkHoOwLUMmzcB0gSajgByh9AZuxZ0DGAOlt6HIAAQYACb9Q76IDNzsAAAAASUVORK5CYII=') no-repeat center; }
.y_checkbox input:checked + label:before { background-color:#0d9cf6; border-color: transparent; }
.y_checkbox input:checked + label { color: #017ecd; }
.y_checkbox input:hover + label:before { width: 16px; height: 16px; border: 2px solid #0d9cf6; }
.y_checkbox input:disabled + label { opacity: 0.6; }
.y_checkbox input[disabled] + label { color:#000; opacity: 0.5; cursor:default; }
.y_checkbox input[disabled] + label:before { border: 1px solid #666; }
.y_checkbox input[disabled][checked] + label:before { background-color:#666; }
.y_checkbox input[disabled]:hover + label:before { width: 18px; height:18px; border: 1px solid #666; }