 * {
            box-sizing: border-box;
        }
body{
/*    background:url(loginimg/loginbg.png) no-repeat center center;*/
   /*  background:url(../loginimg/loginbgnew.jpg) no-repeat center center; */
   background:url(../loginimg/ylbg3.png) no-repeat center center!important;
    background-size:cover;
    background-attachment:fixed;
    background-color:#CCCCCC;
}
.cjr-title{
    font-size:30px;
    color:white;
    position:absolute;
    left:50%;
    top:50%;
    margin-top:-240px;
    margin-left:-195px;
    margin-left:-202px\9;
}
.zdtblogo-ys{
	max-width:80%!important;
}
.zdxbt-ys{
	right:5%!important;
	right:0\0!important;
}
/*登录头部*/
 .center-top {
     height: 55px;
     width: 100%;
     text-align: center;
     margin: 0 auto;
     /*background-image: url(../loginimg/topbg.png);*/
     background-image: url(../loginimg/1.png)!important;
      background: url(../loginimg/1.png)!important;
    /* border-bottom: 1px solid #b6b6b6;*/

 }

 .center-head {
     float:left;
     width: 600px;
     height: 40px;
     /*    width: auto;*/
     text-align: left;
     /* margin: 0 auto; */
     font-size: 24px;
     color: white;
 /*     margin-left: 100px; */
     line-height: 40px;
     font-family: "microsoft yahei";
 }
 .center-head .enter-sy{
     color:white!important;
     text-decoration:none;
 }
 .inline-block {
     display: inline-block;
 }

 .helper {
     float: right;
     font-size: 12px;
     height: 40px;
     line-height:  40px;
     /* margin-right: 100px; */

 }
 .helper p{
margin:0;
     /* color:white; */
     color:#333;
 }
 .wzc{
     color:crimson;
     font-weight: bold;
     font-size:14px;
 }
 .helper .btn-link {
     display: inline-block;
     width: 62px;
     height: 26px;
     border: 1px solid #ccc;
     font-weight: 700;
     background-color: #f4f4f4;
     text-align: center;
     line-height: 26px;
     margin-left: 10px;
     border-radius: 2px
 }
.helper .btn-link:hover {
    text-decoration: none;
     display: inline-block;
    width: 62px;
    height: 26px;
    border: 1px solid #ccc;
    font-weight: 700;
    background-color: #f4f4f4;
    text-align: center;
    line-height: 26px;
    margin-left: 10px;
    border-radius: 2px
}
 .helper .btn-link:hover {
     text-decoration: none
 }

 .helper a {
     color: #0450a2;
     text-decoration: none;
 }

 .helper a:hover {
     color: red;
 }

 .zc-register {
     position: relative;
     padding-top: 47px
 }


.text-center{
    text-align:center;
}
        .main_box {
            position: absolute;
            top: 50%;
            left: 50%;
          /*  margin-top: -260px;*/
            margin-top:-180px;
            margin-left:-160px;
         /*   margin-left: -233px;*/
            padding: 30px;
         /*   width: 400px;
            height: 460px;*/
            width:320px;
            /* height:340px; */
            height:360px;
        background: url(../loginimg/1.png);
            border-radius: 10px;
            behavior: url(ie-css3.htc);
            z-index:999;
            /*    background:#f2f2f2;
                background-color:rgba(255,255,255,.8);*/
            /*background: #FFFFFF;*/
        background-color: rgba(255, 255, 255, 0.5);

            /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7Ffffffff,endColorstr=#7Fffffff);*/
     /*       background: #FFFFFF\9;
           filter:alpha(opacity=100);*/
        }
        .login_box{
        margin-top:20px;
        }

/*         .main_box .setting {
            position: absolute;
            top: 5px;
            right: 10px;
            width: 10px;
            height: 10px;
        }

        .main_box .setting a {
            color: #FF6600;
        }

        .main_box .setting a:hover {
            color: #555;
        } */

        .login_logo {
            /*margin-bottom: 20px;
            height: 45px;*/
            font-size:22px;
            text-align: center;
        }
        .login_logo .dl-p{
            margin:0;
        }

        .login_logo img {
            height: 45px;
        }

        .login_msg {
            text-align: center;
            font-size: 16px;
        }

        .login_form {
            padding-top: 20px;
            font-size: 16px;
        }

        .login_box .form-control {
            display: inline-block;
            *display: inline;
            zoom: 1;
            width: auto;
            font-size: 14px;
        }

        .login_box .form-control.x319 {
            width: 319px;
        }
        .login_box .form-control.x150 {
            width: 150px;
        }
        .login_box .form-control.x260 {
            width: 260px;
        }
        .login_box .form-control.x164 {
            width: 164px;
        }
        .login_box .form-control.x177 {
            width: 177px;
        }
        .login_box .form-group {
            margin-bottom: 20px;
        }

        .login_box .form-group label.t {
            width: 120px;
            text-align: right;
            cursor: pointer;
        }

        .login_box .form-group.space {
            padding-top: 15px;
          /*  border-top: 1px #FFF dotted;*/
        }

        .login_box .form-group img {
            margin-top: 1px;
            height: 32px;
            vertical-align: top;
        }

        .login_box .m {
            cursor: pointer;
        }

        .bottom {
            text-align: center;
            font-size: 12px;
        }

        label {
            display: inline-block;
            max-width: 100%;
            margin-bottom: 5px;
            font-weight: 700
        }
        
        .footer-bqxx{
	width:100%;
	/*  height:100px!important; */
	/*  background:url(../loginimg/login-footbg.png) repeat; */
	background-color:#808080!important;
	 overflow:hidden;
	/*  margin-top:0!important; */
	 padding-top:0!important;
	 color:white;
	 font-size:12px;
	 position:absolute;
	 bottom:0;
}
.footer_nav{ 
	width:755px!important;
	 margin:10px auto 10px auto!important;
	  overflow:hidden; 
	  text-align:center!important;
	  /*  padding-bottom:9px!important;  */
	   /* border-bottom:1px dotted #fff!important; */
	   }
.footer_nav a{ 
	/* color:#fff!important; */
	color:#f6f4f4 !important;
	 text-decoration:none;
	 display:none;
	}
	.footer_nav .sx{
	display:none;
}
.footer_nav a:first-child{
	display:inline-block!important;
}
.footer_nav a:hover{ 
	color:#fff!important;
	 text-decoration:underline;
	}
.footer p{ 
	text-align:center; 
	color:#fff!important; 
	margin:5px 0!important; 
	line-height:22px!important;
	}
	.footer-p-color{
	/* color:#fafafa!important; */
	color:#f6f4f4 !important;
}
.footer-email-img{
	/* width:145px; */
	width:148px;
}
/*          .dbxx {
            background: #45a621;
            height:70px;
            background:url(../loginimg/login-footbg.png) repeat;
            position: fixed;
            bottom: 0;
            width: 100%;
        }

        .dbxx ul {
            margin:10px 0;
            font-size: 12px;
            text-align: center;
            color: white;
           font-weight: 800;
        }

        .dbxx ul li {
            list-style: none;
            line-height:20px;
        }
        底部版权新增
 .dbxx ul .db-bq-li a{
     color:white;
     text-decoration:none;
 }
 .dbxx ul .db-bq-li a:hover{
     color:white;
     text-decoration:underline;
 } */
        .btn-lg, .btn-group-lg > .btn {
            padding: 10px 16px;
            font-size: 18px;
            line-height: 1.33;
            border-radius: 6px
        }

       /* .btn-primary {
            color: #fff;
            background-color: #428bca;
            border-color: #357ebd
        }*/
   /*     .btn-dl{
            color: #fff;
            background-color: orange;
            border-color: #357ebd;
        }*/

        .btn-dl{
          /*  position:absolute;
            behavior: url(ie-css3.htc);
            z-index:999;*/
            /*width:100%;*/
            width:260px;
            height:34px;
            display: inline-block;
           /* padding: 6px 12px;*/
            color: #fff;
            margin-bottom: 0;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.42857143;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-image: none;
       /*     border: 1px solid transparent;*/
            border:0;
            background: url(../loginimg/btn-bg.png);
        /*    border-color: #357ebd;*/

         /*   border-radius: 20px;*/
       /*     border-radius-right: 20px;
            border-radius-bottom: 20px;
            border-radius-left: 20px;*/
        }

        .btn-dl:focus, .btn-dl:active:focus, .btn-dl.active:focus {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px
        }

        .btn-dl:hover, .btn-dl:focus {
            color: white;
            text-decoration: none;
            background:url(../loginimg/btn-toptwo.png);
            height:34px;
            width:260px;
        }

 /*       .btn:active, .btn.active {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
        }
*/
        .form-control {
            display: block;
            width: 100%;
            height: 34px;
            padding:6px 12px;
            padding:3px 12px\9;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        }

        .form-control:focus {
            border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
        }

/****** ¼ʾ   ******/
.msgbox-dl{

}
/* .n-default .msg-box {
    margin-left: 10px;
    overflow: hidden;
    zoom: 1;
}
 */
.msgbox-dl{
    margin: 10px 0 10px 68px;
    display:  block;
}

.msgbox-dl .n-error {
    color: #e8592d;
}

.msgbox-dl .n-error .n-icon {
    background-position: 0 -14px;
}

.msgbox-dl .n-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
   /*  vertical-align: text-top; */
    vertical-align: middle;
    margin-right: 8px;
    background-image: url(../loginimg/u_validate.png);
}
.msgbox-dl .n-tip {
    color: #9a9a9a;
}
.msgbox-dl .n-msg{
    font-size:14px;
}
.msgbox-dl .n-tip .n-icon {
    background-position: 0 -28px;
}
/* ͷ޸ */
.top-nav{
	color: #fff;
	margin: 0 auto!important;
  /* height: 30px; */
  height:40px;
}
.top-nav ul li{
	float: left;
}
.li-fr{
	float:right!important;
}
.top-nav li a {
   /*  padding: 4px 12px 0 12px; */
   padding:13px 12px 10px 12px;
    color: #fff;
    display: inline-block;
}
.topNotification{
	padding-top:4px;
}
.pdright27{
	padding-right:27px!important;
}
.pdleft5{
	padding-left:5px!important;
}


/* ˺ɨ½ */

  .tab {
    height: 36px;
    width: 100%;
    border-bottom: 1px solid #c0cdd9;
        }

        .tab li {
          
    position: relative;
    float: left;
    height: 34px;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color:#999;
    font-weight:bold;
        }
.ksdl-width{
width:123px;
}
.zhmmdl-width{
width:120px;
}
        .tab span {
            position: absolute;
            right: 0;
            top: 10px;
            background: #ddd;
            width: 1px;
            height: 14px;
            overflow: hidden;
        }
.login-active{
color:#3066D9!important;
}
 
        .products .smdl-main {
            float: left;
            display: none;
        }

        .products .smdl-main.selected {
            display: block;
        }
        
        .qlogin_show {
    left: 12px;
    width: 280px;
    margin-top: 10px;
}
 .qlogin_show {
        width: 260px;
    height: 200px;
    overflow: hidden;
}
 .qlogin_list {
        height: 100%;
    /* position: absolute; */
    text-align: center;
}

 .qr_0 {
    display: inline-block;
    height: 100%;
    width: 100%;
    text-align: center;
    position: relative;
}
 .qr_0 .qr_safe_tips {
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-left: 5px;
    font-size: 16px;
    /* font-weight: 700; */
    color:black;
}
.ov-tips em, .qlogin .qr_0 .qr_safe_tips, .qrlogin_step2 .qr_h3 {
    font-size: 14px;
    font-weight: 700;
}
 .qr_0 .qrImg {
   height: 130px;
    width: 130px;
    /* left: 12px; */
    /* top: 30px; */
    border: 1px solid #D3D3D3;
    z-index: 1000;
    margin-top: 20px;
}
.qr_0 .qr_app_name {
    display: inline-block;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 4px;
    vertical-align: middle;
    width: 100%;
    overflow: hidden;
}
 .qr_0 .qr_safe_login, .qlogin .qr_0 .qr_short_tips {
    display: none;
}

.qlogin .qr_0 a {
    outline: 0;
}


@media (min-width:768px)
 {
 .container{width:750px}
 }
 @media (min-width:992px)
 {
 .container{width:970px}
 }
 @media (min-width:1200px)
 {
 .container{width:1170px}
 }
 
@media (min-width: 1400px)
{
	.container{width: 1346px!important;}
}