@CHARSET "UTF-8";

body {background-color: white;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5 "Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体"; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;} 

/*body*/
.container { 
	width: 1000px; 
	margin: 0 auto;
}

/*header*/
.header {
	height: 120px;position: relative;
}
.header .logo{ position:absolute; left:0px; top:30px;}
.header .logo a{width: 520px;height: 60px;background: url(../images/base-ico.png) no-repeat;display: inline-block;}


.site-nav-fr{ float:right; position:relative;    line-height: 30px;margin-top:45px;}
.site-nav-fr>ul>li{float:left;color:grey;padding:0 5px;font-size: 12px;}
.site-nav-fr li>a{display:inline-block;text-align:center;}
.site-nav-fr .spacer,.spacer{width:1px;height:12px;margin-top:9px;padding:0;background:#ddd;overflow:hidden;display:inline-block}


.bg {
	height: 600px;
	margin: 0 auto;
	background: #f0f0f0;min-width: 1000px;
}

.slideBox .box{width:1000px;position: relative; margin: 0px auto;    height: 600px;z-index: 44;}
.login-info{width:500px; position: absolute;left:70px;top:310px;  z-index: 45;}
.login-bot-info{text-align:center; padding:17px 0px;font-size:14px;}
.L-ico{width:31px;height:27px;border-top: 2px #000000 solid;border-left: 2px #000000 solid;float:left;}
.R-ico{width:31px;height:27px;border-bottom: 2px #000000 solid;border-right: 2px #000000 solid;float:right;margin-top:107px;}
.logotitle{float:left;}
.logotitle h3{font-size:30px;color:#000000;font-weight:600;margin-bottom:22px;}
.logotitle ul {margin-left:25px;}
.logotitle ul li{font-size:20px;float:left;color:#575757;list-style-type:disc !important;margin-right:55px;}

.subbg{position: absolute;left: 0px;width: 100%;height: 175px;background: #fff;filter:alpha(opacity=70);  
      -moz-opacity:0.7;  
      -khtml-opacity: 0.7;  
      opacity: 0.7; top:270px;z-index: 3;}
.subimg{ position: absolute;left: 50%;bottom:0px;z-index: 2;}
.subimg.girl{margin-left: -440px;}
.subimg.crowd{left:0px;}

.subassets{}
/*slideBox*/
.slideBox{ height:600px; overflow:hidden; position:relative; z-index:44;}
.slideBox .hd{position:absolute;z-index: 2;   background-color: hsla(0,0%,100%,.3);padding:4px 5px;left:50%;bottom:30px;text-align:center;border-radius: 50px;margin-left: -55px; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{display:inline-block; _display:inline;_zoom:1; width:12px; height:12px; _font-size:0; margin:0 5px; cursor:pointer; background:#fff;border-radius: 50px;float: left;}
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ height:600px; display:block;  }


.fr{float: right;}


.bg.submember{background:url(../images/login-bg.jpg) no-repeat center top #f3f5f5;}
.bg.submember .right{height: 440px;margin-top:80px;}
.bg.submember .subbg{display: none;}
.bg.submember .login-info{width: 350px;top: 200px;left: 250px;}
.bg.submember .logotitle h3{margin-bottom: 10px;}
.bg.submember .logotitle{font-size: 20px;color: #575757;}

.ta-c{text-align: center;padding-top:10px;border-bottom:1px solid #ECECEC;}
.lh60{height: 60px;line-height: 50px;}
.tyg-div-form{
		background:#ffffff;
		width:400px;
		height:380px;
		color:#333;
	}
.right  .new-bb-btn {
	    transition: all 0.4s ease-in-out;
	    cursor: pointer;
	    width: 345px;
	    height: 48px;
	    margin-top: 40px;
	    padding: 0;
	    background: #df2720;
	    border:0px;
	    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	    font-size: 18px;
	    color: #fff;
	    
}
.right  .new-bb-btn:hover{background: #B61109;}

.right .zhuce-btn{color:#000000;display:block;text-align:center;padding:0px 0;height:46px;line-height:46px; width: 345px;border: 1px #e4e9ea solid;font-size: 18px;}
.right .zhuce-btn:hover{border:1px #ccc solid;text-decoration: none;}

.login-list{width: 100%;height: 50px;margin-top:20px;}
.login-list .label-left{width: 40px;font-size: 18px;line-height: 50px;margin-right:5px;color: #333;float:left;}
.login-list .label-input{width:300px;height:50px;padding-left:10px;color: #333;background: #fff;border:0px;border-bottom: 1px #e4e9ea solid;}
.login-list .label-input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; } 
.login-list .label-input::-webkit-contacts-auto-fill-button {
visibility: hidden;
display: none !important;
pointer-events: none;
position: absolute;
right: 0;
}

/*--input框样式--*/
.inputAll{position: relative;}
.inputAll input{line-height:48px;transition: all 0.4s ease-in-out;font-size: 16px;width: 288px;padding-left:10px;height:48px;color: #333;background: #fff;border:0px;border: 1px #ECECEC solid;
}
.inputAll select{line-height:55px;transition: all 0.4s ease-in-out;
	width:300px;padding-left:10px;height:52px;color: #333;background: #fff;border:0px;border: 1px #ECECEC solid;
}
.inputAll input::-webkit-input-placeholder { color:#a6a6a6; }
.inputAll input::-moz-placeholder { color:#a6a6a6; } /* firefox 19+ */
.inputAll input:-ms-input-placeholder { color:#a6a6a6; } /* ie */
.inputAll input:-moz-placeholder { color:#a6a6a6; }
.inputAll .ico{position: absolute;right: 10px;top:17px; opacity: 0.5;display: none;}
/*--因为password输入框设置value之后还是显示不可见的点，所以这块需要做个"假的password"来让用户通过直观来看到提示--*/
.passwordAll {
	position:relative;
}
.topPw {
	position:absolute;
}

.password {
	
}

/*center*/
.maincontent {
	width: 1000px; 
	margin: 0 auto;
	margin-top: -600px;
	z-index: 55;
    position: relative;
}
.left {
	float: left;
	width: 613px;
}

.qr {
	height: 120px;
	margin-top: 175px;
	margin-right: 10px;
	float: right;
}
.base-subtop{height: 60px;box-shadow: 0 1px 0 0 #ECECEC;background: #FBFBFB;line-height: 60px;text-align: center;font-size: 20px;color: #343434;font-weight: bold;}

/*login*/
.right {
	float: right;
	width:400px;
	height: 440px;
	margin-top: 90px;
	background-color: white;
	font-size: 14px;    box-shadow: 3px 3px 20px #999;position: relative;z-index: 999;
}
/*key login*/
.right .k_r1 {
	margin-top: 30px;
	color: #333333;
	line-height: 21px;
}

.right div.k_r2 {
	margin-top: 10px;
}
.right .k_r3 {
	color: #999999;
	padding-top: 5px;
	line-height: 21px;font-size: 14px;width: 103%;
}
.right .k_r3 a {
    color: #4391EA;
    text-decoration: underline;
}
.right .k_r4 {
	line-height: 21px;
	margin-top: 15px;
	text-align: right;
}
.right .k_r4 a {
    color: #4391EA;
}
.right div.k_r5{
	margin-top:50px;
}
.right .r5 {
	margin-top: 50px;
	font-size: 16px;
}
.right .r5 input {
	color: white;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #df2720;
	border: 0;
	width: 100%;
	height:50px;line-height:50px;
	font-size: 16px;
	cursor: pointer;
}
.right .r5 input:HOVER{
	background-color: #B61109;
}
.right .r6 {
	margin-top: 20px;
}
.right .r6 .l {
	float: left;
}
.right .r6 .l a {
	text-decoration: underline;
	color: #cccccc;
}
.right .r6 .r {
	float: right;
	
}
.right .r6 .r a {
	text-decoration: underline;
	color: #e50011;
}
.f439{color: #4391EA}
/*user login*/
.right .u_r1 {height: 65px;}
.right .u_r1 .login_tab {
	float: left;
	width: 49%;line-height: 64px;font-weight: bold;
}
.right .u_r1 .login_tab div {
	font-size: 16px;
	text-align: center;background: #FBFBFB; border-left: 1px #ECECEC solid;cursor: pointer;
	color:#343434;    border-bottom: 1px #ECECEC solid;
}

.login_fot{position: absolute;bottom: 0px;width: 100%; height: 50px;font-size:12px;color: #2B2B2B;background: #F4F4F4;line-height: 50px;text-align: center;}
.login_fot img{vertical-align: middle;margin-right: 5px;}
.login-box-padding{padding:2px 27px 0px;}
.right .u_r1 .login_tab div.hover{background: #fff; height: 64px;   border-bottom:1px #dddddd solid;}
.right .u_r1 .line {
	background-color: #cccccc;
	width: 1px;
	float: left;
	height: 20px;
	margin: 4px 5px 0;
}
.right .u_r2 {
	margin-top: 20px;
}
.right .u_r2 input{
	height: 50px;
	width:338px;
	border: 1px #ECECEC solid;padding-left: 10px;
	line-height: 50px;
	font-size: 14px;
}
.right #key_form {
	display: none;
}
.error {
	line-height:30px;
	color: #df2720;
	height: 20px;
	/*padding-top:3px;*/
    font-size: 14px;
	
}

.f14{font-size: 14px;}
.error.mr45{margin-left: 45px;}
/*footer*/
.footer {
	min-height: 50px;line-height: 24px;text-align: center;font-size: 12px;color: #999999;padding: 10px 0px;
}
.footer a {
	text-align: center;
	color: #999999;
}

.register-btn{float: right;color:#df2720;line-height: 40px;text-decoration: underline;}



@media screen and (min-width: 1201px) { 
  .container{width: 1200px;}
  .bg{min-width: 1200px;}
  .slideBox .box{width: 1200px;}
  .maincontent{width: 1200px;}
  .bg.submember .login-info{left:400px;}
  .bg.subproperty .login-info{left:400px;}

} 

.login-list.phone_list .label-left{    width:60px;  text-align: right; padding-right: 5px;}
.login-list.phone_list .inputAll input{width: 249px;}
.login-list.phone_list .inputAll input.new100{width: 110px;}

.code {
    width: 120px;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    *zoom: 1;float: right;
    border: 2px #dd342c solid;
    color: #dd342c;
    background: #fff;
}

.fix_panel{}
.fix_panel{position: fixed;width: 100%;height: 100%;top:0%; left: 0px; z-index: 9999999;}
.fix_panel .box{position: absolute;left: 50%;margin-left: -150px; top:50%;margin-top:-70px;width:300px;    height: 140px;z-index: 2;background: #fff;}
.fix_panel-bg{background:#000; position: absolute;  left: 0px;  top: 0px;  width: 100%;  height: 100%;  opacity: 0.7;
    z-index: 1;    filter: alpha(opacity=70);}

.recharge-cz{ width: 100%;     box-sizing: border-box;}
.recharge-cz .close{float: right;}
.recharge-cz .close:hover i{color: #dd342c;}
.recharge-cz h3{background: #f8f8f8;border-bottom:1px solid #c5c5c5; font-size:14px; height:35px;line-height:35px;text-indent:15px;}
.fix_panel .panel-body{    height: 20px;line-height: 20px;font-size: 16px;
    background-color: #fff;text-align:center;padding:20px 0px;
}
.fix_panel .panel-fotter{border-top: 1px solid #d0d0d0;background-color: #f8f8f8;text-align:center;line-height:40px;}
.fix_panel .panel-fotter .l-btn{height:40px;width:100%;    display: block;}

.right .u_r1 .login_tab div.hover {
    background: #fff;
    height: 65px;
    border-bottom: 0px #ECECEC solid;
    font-weight: bold;
}

.code.disabled {
    background: #ccc;
    color: #fff;
    border: 2px #ccc solid;
    pointer-events: none;
}

/* 身份弹出框效果 B */
.window-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=70);
    opacity: 0.7;
    font-size: 1px;
    overflow: hidden;
    background: #000000;
    display: none;
    z-index: 9000;
    position: fixed;
}

#dytk {
    width: 790px;
    height: 590px;
    display: none;
    position: absolute;
    background-color: white;
    z-index: 10000;
    border: 5px #979797 solid;
}

.window-header {
    background-color: #F5F5F5;
    height: 30px;
    padding: 10px 20px;
    line-height: 30px
}

.window-title {
    float: left;
    color: #343434;
    font-size: 18px;
}

.window-close {
    float: right;
    color: #848484;
    font-size: 20px;
    cursor: pointer;
}

.window-close:HOVER {
    color: #E40011;
}

.window-body {
    height: 396px;
    overflow-y: auto;
    color: #343434;
    padding: 27px;
}

.window-body h3 {
    text-align: center;
    margin-bottom: 20px;
}

.window-body p {
    line-height: 25px;
    text-indent: 25px;
}

.window-footer {
    height: 48px;
    background-color: #F5F5F5;
    text-align: center;
    padding: 21px 0;
}

.window-footer input {
    border-width: 0;
    width: 220px;
    height: 48px;
    font-size: 16px;
    cursor: pointer;
    color: white;
}

.window-footer .cancel {
    background-color: #cccccc;
}

.window-footer .ok {
    margin-left: 30px;
    background-color: #e50112;
}

.window-footer .ok:HOVER {
    background-color: #B61109;
}
.window{border:1px #ddd solid;background:#f5f5f5;padding: 0px;    border-radius: 0px;}
.window .window-header{border-bottom: 1px #ddd solid; height: 50px;padding: 0px;}
.panel-title{height: 50px;line-height: 50px;font-size: 16px;color: #333;font-weight: bold;    text-indent: 20px;}
.window .window-body{  border: 0px;text-align: center;font-size: 14px;color: #666;}
.dialog-button{border: 0px;border-top: 1px #ddd solid;padding: 15px 0px;text-align: center;}
.l-btn{border:1px #ddd solid;height: 38px;line-height: 38px;}
.l-btn-icon-left .l-btn-text{margin: 0px;line-height: 38px;min-width: 110px;    font-size: 16px;background: #fff;color: #666;}
.l-btn .icon-ok{display: none;}
.l-btn-left .l-btn-icon{display: none;}
.l-btn:hover{border:1px #dd342c solid;color: #dd342c;}
.dialog-button .l-btn{margin: 0px 5px;}
.l-btn:hover .l-btn-icon-left .l-btn-text{color: #dd342c;}
.dialog-button .l-btn:nth-child(1){background: #dd342c;}
.dialog-button .l-btn:nth-child(1) .l-btn-icon-left .l-btn-text{color: #fff;background: #dd342c;}
.window-shadow{box-shadow: 0px 0px 0px #fff;}
.dialog-button .l-btn:nth-child(1):hover .l-btn-icon-left .l-btn-text{background:#B61109;}
.window .window-header .panel-tool{right: 10px;}
.window .window-header .panel-icon, .window .window-header .panel-tool{margin-top: -7px;}
.panel-tool-close{background:url(../../js/jjdt_baoming/img/base-cqd-close.png) no-repeat;}
.panel-tool a{    width: 14px;    height: 14px; opacity: 1;}
.panel-tool-close:hover{background-position: -14px 0px;}
.panel-icon, .panel-tool{}
.phone-select .datagrid .datagrid-pager{display: none;}
.phone-select .datagrid-header-inner{width: 100%;}
.phone-select .panel-header,.phone-select  .panel-body{border:1px #ddd solid;}
.phone-select .datagrid-header .datagrid-cell{height: 38px;}
.phone-select .datagrid-cell, .phone-select .datagrid-cell-group, .phone-select .datagrid-header-rownumber{line-height: 38px;}
.phone-select .datagrid-header .datagrid-cell span{font-size: 14px;}
.phone-select .datagrid-header td{background: #f5f5f5;}


/* 身份弹出框效果 E */