﻿#login_bg {background:url(../images/login_bg.jpg) no-repeat center top;}
#login_box {position:relative;height:613px;background:url(../images/login_bg.jpg) no-repeat center top;}
#login {position:absolute;top:50%;right:0px;margin-top:-260px;padding:30px;width:455px;height:520px;box-sizing:border-box;background-color:#fff;}
#login_menu {padding-bottom:12px;color:#027cda;font-size:20px;font-weight:bold;border-bottom:1px solid #027cda;}

#login .inputs {margin-top:22px;}
#login .inputs input {padding:1px 20px 0px 52px;width:100%;height:45px;border:1px solid #bbd6e5;box-shadow:inset 0px 0px 10px rgba(176,224,249,0.35);}
#login .inputs input:focus {background-color:#eefafe;}
#login .user {background:url(../images/login_user_icon.jpg) no-repeat 1px 1px;}
#login .pass {background:url(../images/login_pass_icon.jpg) no-repeat 1px 1px;}
#login .codes {position:relative;margin-top:22px;}
#login .codes input {padding:0px 10px;width:175px;height:45px;border:1px solid #bbd6e5;box-shadow:inset 0px 0px 10px rgba(176,224,249,0.35);background-color:#fff;}
#login .codes input:focus {background-color:#eefafe;}
#login .codes img {position:absolute;top:0px;left:190px;cursor:pointer;}
#login .codes span {position:absolute;top:2px;right:28px;color:#85abc6;cursor:pointer;}
#login .gnas {padding:10px 6px 0px 6px;}
#login .gnas a {position:relative;padding-left:12px;color:#489cdc;}
#login .gnas a:before {position:absolute;top:8px;left:0px;display:block;width:5px;height:5px;content:"";background-color:#54a7e6;}
#login .zcas {margin-top:40px;}
#login .zcas .tis {position:relative;text-align:center;}
#login .zcas .tis:after {position:absolute;top:50%;left:0px;z-index:1;display:block;width:100%;height:1px;content:"";background-color:#bfe0f2;}
#login .zcas .tis span, #login .zcas .tis a {position:relative;z-index:2;display:inline-block;padding:0px 12px;color:#489cdc;vertical-align:top;background-color:#fff;}
#login .zcas .tis {position:relative;}
#login .zcas .ass {margin-top:20px;text-align:center;}
#login .zcas .ass a {display:inline-block;padding-left:26px;height:19px;line-height:19px;color:#aaa;vertical-align:top;background-repeat:no-repeat;}
#login .zcas .ass a:nth-child(1) {background-image:url(../images/icon1.png);}
#login .zcas .ass a:nth-child(2) {background-image:url(../images/icon2.png);margin-left:110px;}
#login .zcas .ass a:hover {color:#027cda;}
#login button {margin-top:40px;}

/*===================================================================================*/

#reg_bg,#reg_box {position:relative;background-color:#f0f6ff;}
#reg_bg:after {/*position:absolute;top:0px;left:0px;z-index:1;display:block;width:100%;height:30px;content:"";background:url(../images/reg_bg.jpg) repeat-x;*/}
#reg_box {padding:1px 0px 80px 0px;}
#reg_type {margin:80px auto 0px auto;padding:0px 20px 30px 20px;width:526px;border-radius:10px;box-sizing:border-box;box-shadow:0px 0px 38px #e5e5e5;background-color:#fff;}
#reg_type h3 {padding:35px 0px;color:#222;font-size:18px;font-weight:normal;text-align:center;}
#reg_type div {padding:25px 0px;font-size:16px;text-align:center;border-radius:5px;background-color:#dceef6;}
#reg_type button {margin-top:30px;height:55px;}

#reg_gr .tis {margin-top:40px;height:32px;border-bottom:2px solid #b5cdda;}
#reg_gr .tis h3 {display:inline-block;height:32px;color:#027cda;font-size:18px;vertical-align:top;border-bottom:2px solid #027cda;}
#reg_gr .xys {padding:40px 0px 40px 67px;line-height:1.8;}
#reg_gr .xys span {color:#027cda;}
#reg_gr td {padding:20px 6px 0px 6px;color:#222;font-size:16px;}
#reg_gr td > span {position:relative;top:2px;margin-right:5px;color:#ff0000;}
#reg_gr td .input_text {width:392px;}
#reg_gr button {margin-left:67px;}

#sms_code {position:absolute;top:27px;left:300px;width:90px;height:30px;line-height:30px;color:#666;font-size:12px;text-align:center;border-radius:4px;background-color:#ccc;overflow:hidden;}
#sms_code div {color:#fff;background-color:#027cda;cursor:pointer;}

#reg_qy .btn {margin-top:40px;text-align:center;}
#reg_qy .btn button {width:200px;height:45px;color:#fff;font-size:18px;line-height:45px;border-radius:5px;border:none;background-color:#ff4401;}
#reg_qy .btn button.disabled {background-color:#aaa;cursor:default;}
#reg_qy .xys {margin-top:15px;text-align:center;}
#reg_qy .boxs .tis h3 {margin-top:30px;padding-left:10px;height:18px;line-height:18px;color:#000;font-size:16px;border-left:3px solid #255dcf;}
#reg_qy .boxs .tis h3 span {margin-left:20px;color:#ff0000;font-size:14px;font-weight:normal;}
#reg_qy .boxs .nrs {margin-top:15px;padding:20px 0 30px 0;color:#333;background-color:#fff;}
#reg_qy .boxs .nrs td {padding:11px 0;}
#reg_qy .boxs .nrs .bts {padding-right:12px;width:151px;text-align:right;}
#reg_qy .boxs .nrs .bts span {position:relative;top:-1px;margin-right:5px;color:#ff0000;font-size:12px;font-family:"宋体";}
#reg_qy .boxs .tbe {background-color:#fff;}
#reg_qy .boxs .tbe table {border-top:1px solid #e8eaec;border-left:1px solid #e8eaec;}
#reg_qy .boxs .tbe td {text-align:center;border-bottom:1px solid #e8eaec;border-right:1px solid #e8eaec;}
#reg_qy .boxs .tbe thead td {height:38px;font-weight:bold;background-color:#f8f8f9;}
#reg_qy .boxs .tbe tbody td {padding:10px 15px;font-size:0px;}
#reg_qy .boxs .tbe tbody td input {width:100%;}
#reg_qy .boxs .scs {margin-top:15px;padding:25px;background-color:#fff;}
#reg_qy .boxs .scs .button {margin-left:15px;width:60px;height:32px;font-size:14px;border-radius:3px;}
#reg_qy .boxs .scs .scxx {padding-left:240px;}
#reg_qy .boxs .scs .scxx span {position:relative;display:inline-block;margin:10px 10px 0 0;padding:0 10px;height:30px;line-height:30px;font-size:12px;vertical-align:top;border-radius:3px;background-color:#f0f0f0;}
#reg_qy .boxs .scs .scxx span i {position:absolute;top:-5px;right:-5px;display:none;width:16px;height:16px;line-height:16px;text-align:center;color:#fff;font-size:12px;border-radius:50%;background-color:#333;cursor:pointer;}
#reg_qy .boxs .scs .scxx span:hover {background-color:#e0e0e0;}
#reg_qy .boxs .scs .scxx span:hover i {display:block;}

#reg_qy .boxs .input_text {padding:0 8px;width:220px;height:32px;border-radius:3px;border:1px solid #dcdee2;background-color:#fff;box-shadow:none;}
#reg_qy .boxs .input_select {padding:0 8px;width:220px;height:32px;border-radius:3px;border:1px solid #dcdee2;background-color:#fff;box-shadow:none;}
#reg_qy .boxs .input_area {padding:8px 10px;width:613px;height:100px;border-radius:3px;border:1px solid #dcdee2;background-color:#fff;box-shadow:none;}
#reg_qy .boxs .input_text:focus, #reg_qy .boxs .input_area:focus, #reg_qy .boxs .input_select:focus {border-color:#027cda;}
#reg_qy .boxs .checkboxs label {display:inline-block;margin-right:25px;vertical-align:top;cursor:pointer;}
#reg_qy .boxs .checkboxs label:last-child {margin-right:0;}
#reg_qy .boxs .checkboxs label input {margin-right:5px;cursor:pointer;}
#reg_qy .boxs .radios label {display:inline-block;margin-right:25px;vertical-align:top;cursor:pointer;}
#reg_qy .boxs .radios label:last-child {margin-right:0;}
#reg_qy .boxs .radios label input {margin-right:5px;cursor:pointer;}

#reg_qy .yzm {position:relative;}
#reg_qy .yzm img {position:absolute;top:11px;right:48px;height:32px;cursor:pointer;}

#reg_qy .txsm {margin-top:40px;padding:30px;border:1px solid #abdcff;background-color:#f0faff;}
#reg_qy .txsm > h4 {color:#222;font-size:16px;}
#reg_qy .txsm .editorc {margin-top:10px;font-size:14px;}

#xys_bg {position:fixed;top:0;left:0;z-index:998;display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
#xys {position:fixed;top:15%;left:50%;z-index:999;display:none;padding:25px;width:80%;max-width:1000px;height:70%;box-sizing:border-box;box-shadow:0 0 10px rgba(0,0,0,0.1);background-color:#fff;transform:translateX(-50%);}
#xys > img {position:absolute;top:0;right:-32px;width:32px;height:32px;cursor:pointer;}
#xys > .editorc {padding-right:10px;height:100%;color:#333;font-size:14px;line-height:1.8;overflow-y:auto;}

/*===================================================================================*/
#user_menu {padding-bottom:30px;text-align:center;}
#user_menu a {display:inline-block;margin:30px 30px 0px 0px;padding:0px 30px;height:40px;line-height:40px;text-align:center;vertical-align:top;background-color:#fff;}
#user_menu a:last-child {margin-right:0;}
#user_menu a.active,#user_menu a:hover {color:#fff;background-color:#027cda;}
