html{color:#333;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}
html,body{ font-family:"Microsoft YaHei", Arial; color:#3c3c3c;background: #ffffff}
img{ border:0;}
a{text-decoration:none; outline:none;cursor: pointer;font-family:"Microsoft YaHei";color:inherit}
em{ font-style:normal;}
input{outline: 0px;font-family:"Microsoft YaHei";border: medium none}
input:focus{outline: none;border: none}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
button{outline: none;border: none;font-family:"Microsoft YaHei"}
span{font-family:"Microsoft YaHei"}
.clear:after{content: '\20'; display:
        block; height: 0; clear: both;visibility:hidden;} 
.clear{*zoom: 1;}  


.w_reg_1200 {width: 100%;}
.w_reg_980 {width: 100%;}
.g_header {height: 124px;width: 100%; }
.w_reg_1200 .m_header_area {width: 1200px;height:100%; margin: 0 auto;position: relative}
.w_reg_980 .m_header_area {width: 980px;height:100%; margin: 0 auto;position: relative}
.w_reg_1200 .m_foot_con {width: 1200px;}
.w_reg_980 .m_foot_con {width: 980px;}
.w_reg_980 .m_foot_con p{left: 146px}
.w_reg_980 .m_foot_con .m_snav{left: 130px;}
.w_reg_980 .m_foot_con p,.w_reg_980 .m_foot_con .m_snav a{ font-size: 12px;}
.w_reg_980 .m_foot_con .u_foot_logo{width: 100px;height: 39px;background:url(//img1.cache.jj.cn/www/2017/foot_logo_980.gif) no-repeat}
.w_reg_980 .m_foot_con .m_img_list{left: 148px;}
.g_header a {position: absolute;bottom:0; left:0; display: block;width: 130px; height: 50px; background: url(//img1.cache.jj.cn/www/reg/new_17/logo_pic.png?v=1) no-repeat center;_background-image: url("//img1.cache.jj.cn/www/reg/new_17/logo_pic.gif?v=1")}

.g_body {height: 800px;}
.w_reg_1200 .m_body_area {width: 1200px;height:100%;height: 800px; margin: 0 auto;position: relative;}
.w_reg_980 .m_body_area {width: 980px;height:100%;height: 800px; margin: 0 auto;position: relative;}
.m_body_area .bg_box {width:1064px; height: 534px; background-size: 1064px 534px; position: absolute; left: -145px; top: 0;background: url(//img1.cache.jj.cn/images/login/2018/b_bg01_1280.png) no-repeat ; _background-image: url("//img1.cache.jj.cn/images/login/2018/b_bg01_1280.gif")}
.w_reg_1200 .m_body_area .img_box{width: 763px; height: 518px; position: absolute; left: 17px; top: 113px; }
.w_reg_980 .m_body_area .img_box{width: 587px; height: 413px; position: absolute; left: 0; top: 113px; }
.img_box img{width: 100%; height: 100%;}

.w_reg_1200 .u_login_box{position: absolute;top:0; right:17px; width:378px;}
.w_reg_980 .u_login_box{position: absolute;top:0; right:5px; width:378px;}
.big_gold_box {position: absolute; top:0; left: 50%; margin-left: -84px; width: 168px; height: 130px; background: url(//img1.cache.jj.cn/images/login/2018/state_img.png) no-repeat; background-position: 0 0; background-size: 100%; display: inline-block;z-index: 5}
.login_form { border: 1px solid #e5e5e5; border-radius: 5px;padding: 44px 35px 28px;margin-top:112px;background-color: #fff;box-shadow: 0 1px 5px rgba(0,0,0,0.2);text-align: left;}
.line_title {width: 100%; overflow: hidden;}
.line_title span {display: block; float:left; width:70%;}
.line_title .login_title{color: #333;font-size: 24px;}
.line_title .go_back{color: #666; font-size: 14px;width:30%;text-align: right;margin-top:12px; background: url(//img1.cache.jj.cn/images/login/2018/three_state.gif) no-repeat;background-position: -84px 1px;cursor: pointer}
.line_title .go_back a {color: #666;}
.line_title .go_back a:hover {text-decoration: underline; color: #3585ff;}
.line_title .go_back:active {color: #2c6bcc;background-position: -84px -25px;}
.line_title .go_back a:active {color: #2c6bcc;}

.line_error_msg {height: 38px; line-height: 48px; color: #da0000; font-size: 16px;position: relative}
.notice_no {position: absolute; top:0; left:0;background: #fff;display:block}

.form_box {font-size: 16px; color:#333;}
.form_input {padding: 9px 0; font-size:16px; height:21px; border-bottom: 1px solid #999999;width: 100%;z-index: 6;position: absolute;top:0;left:0;background: none;}
.form_input:focus{ border-bottom: 1px solid #3585ff;}
.user_name_box,.password_box {position: relative; height: 40px;}
.user_name_box,.password_box, .find_pwd, .yzm_box{margin-bottom: 16px;}
.find_pwd {height: 22px; line-height: 22px; font-size: 14px; color: #666666; overflow: hidden;position: relative}
.find_pwd .one_span{cursor: pointer;color: #666666;}
.find_pwd .one_span:hover{color: #3585ff}
.find_pwd .two_span {color: #cbcbcb; padding: 0 10px;cursor: context-menu;}
.find_pwd .four_span{font-size: 16px; color: #3585ff;position: absolute;right:0; top:0}
.find_pwd .four_span:hover{text-decoration: underline; color: #5d9dff;}
.find_pwd .four_span:active{text-decoration: underline; color: #2a6acc;}
.login_btn_box {position: relative}
.login_btn_box .loading {width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #2a6acc;border-radius: 25px;}
.login_btn_box .loading img{display: block;width: 45px;height: 45px;margin: 0 auto;}
.login_btn_box .button{width: 100%;height: 100%;border-radius: 25px;line-height: 46px;color: #fff;background: #3585ff;font-size: 20px;cursor:pointer; text-align: center}
.login_btn_box .button:hover {background: #5d9dff;}
.login_btn_box .button:active {background: #2a6acc; color: #cccccc}
.yzm_box {padding:1px;}
#other_login_btn {width: 96px; margin: 0 auto;}
.other_login_box {margin-top: 41px; border-top: 1px solid #ebebeb; position: relative; color: #999999;padding-top: 23px;}
.other_login_box .title { position: absolute; width: 103px; background: #fff; font-size: 14px;text-align: center;left: 97px; top:-11px;}
.qq_bt, .wx_bt, .wb_bt{width: 28px; height: 28px; margin: 0 8px;display: inline-block;background: url(//img1.cache.jj.cn/images/login/2018/three_state.gif) no-repeat;cursor: pointer}
.qq_bt {background-position: 0 -49px}
.qq_bt:hover {background-position: 0 -80px}
.qq_bt:active {background-position: 0 -112px}
.wx_bt {background-position: -46px -49px}
.wx_bt:hover {background-position: -46px -80px}
.wx_bt:active {background-position: -46px -112px}
.wb_bt {background-position: -92px -49px; display: none;}
.wb_bt:hover {background-position: -92px -80px}
.wb_bt:active {background-position: -92px -112px}

#user_name_label, #user_password_label {display: none; font-size: 16px; color: #999999;height: 40px ;line-height: 40px;position: absolute;z-index: 5}

.clear_btn {display: none; width: 18px; height: 18px; position: absolute; right: 2px; top: 10px;background: url(//img1.cache.jj.cn/images/login/2018/three_state.gif) no-repeat;background-position: 0 3px;z-index: 7;cursor: pointer}
.clear_btn:hover{background-position: -33px 3px;}
.clear_btn:active{background-position: -64px 3px;}

.yzm *{ margin:0 auto; top:0;font-size: 14px;}
#yzm_err,.pic_code .notice_no{ display:block;font-size: 12px;color: #FF0000;width:304px ;text-align: right;margin: 6px auto 0;}
.pic_code .notice_no img{display: none}
.yzm{ position: relative; margin: 0 auto;-webkit-user-select: none;-webkit-touch-callout: none;-moz-user-select: none;-ms-user-select: none; user-select: none;}
.yzm span{ position:absolute; background-repeat:no-repeat;}
.yzm em{ position:absolute;background:url("//img1.cache.jj.cn/www/reg/new_17/yzm_chosen.png") right bottom no-repeat!important; background-color:rgba(0,0,0,0.4)!important;_background-image: url("//img1.cache.jj.cn/www/reg/new_17/yzm_chosen.gif")!important;}
.yzm a{ height: 30px;font-size: 14px; position: absolute; right:0;color:#40b343!important;  background:url("//img1.cache.jj.cn/www/reg/new_17/yzm_refresh.png") left center no-repeat; color:#3759c5;_background-image: url("//img1.cache.jj.cn/www/reg/new_17/yzm_refresh.gif")}
.yzm a.vc_up:hover{color:#f89545!important;background-image:url("//img1.cache.jj.cn/www/reg/new_17/yzm_refresh_hover.png") ;!important;_background-image: url("//img1.cache.jj.cn/www/reg/new_17/yzm_refresh_hover.gif")!important;}
.yzm a.vc_up:active{color:#b97949!important;background-image:url("//img1.cache.jj.cn/www/reg/new_17/yzm_refresh_active.png") ;!important;_background-image: url("//img1.cache.jj.cn/www/reg/new_17/yzm_refresh_active.gif")!important;}

.layer_box{ position:fixed; width: 100%; height: 100%; top:0; left: 0;}
.layer_box .layer_info{width:402px;min-height: 210px;height:auto;padding-bottom:30px;position: absolute;background:#fff;text-align: center; z-index: 2}
.layer_box .layer_bg{background: #000;opacity: 0.2;filter: alpha(opacity=20);}

.hint_layer .alert_but{width: 156px;height: 44px;border: solid #3585ff 1px;color:#3585ff;border-radius:50px;margin: 35px auto 0; display:block;line-height: 44px;font-size: 20px;}
.hint_layer .layer_info_close{display:block;width:14px;height:14px;background: url("//img1.cache.jj.cn/www/reg/new_17/layer_close.png") no-repeat center;_background-image: url("//img1.cache.jj.cn/www/reg/new_17/layer_close.gif");position: absolute;top:20px;right: 20px;}
.hint_layer .layer_info_title{width:100%;height:55px;font-family: "Microsoft YaHei";font-size: 24px;line-height: 55px;   border-bottom: solid #e5e5e5 1px;color: #000000;text-align: center}
.hint_layer .text{width: 90%;margin: 0px auto}
.hint_layer .text p{width: 100%;text-align: center;font-family: "Microsoft YaHei";font-size: 18px;margin-top: 50px;    word-break: break-all;}

.hint_layer_ie6 .layer_info{width:582px;height: 550px;background: #fff}
.hint_layer_ie6 .layer_info_close{display:block;width:14px;height:14px;background: url("//img1.cache.jj.cn/www/reg/new_17/layer_close.png") no-repeat center;_background-image: url("//img1.cache.jj.cn/www/reg/new_17/layer_close.gif");position: absolute;top:20px;right: 20px;}
.hint_layer_ie6 .hint{width:392px;position: absolute;left: 50%;margin-left: -186px;top:110px}
.hint_layer_ie6 .hint p{text-align: left;font-family: "Microsoft YaHei";font-size: 18px;color: #000000;}
.hint_layer_ie6 .img{display:block;width:311px;height:268px;background: url("//img1.cache.jj.cn/www/reg/new_17/ie6_layer_img.jpg") no-repeat center;position: absolute;bottom:70px;left: 50%;margin-left: -155.5px;}

.u_banner_item{-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;opacity:0;z-index:0}