﻿/*------浙江大学就业指导与服务中心首页--------*/
*{margin:0; padding:0;}
html,body{position:relative; }
/*------通用--------*/
a:link, a:visited{color:#434343; text-decoration:none;  }
a:hover, a:active{color:#003f88; text-decoration:none;  }
/* 登录页 (../../../logo/loginbgbg.png) */
.login-container { position: relative; }
.login-blk {
    padding: 50px;
    height: 780px;
    background: #ffffff url(../../../logo/loginbgbg_szdx.png) no-repeat top center;
    background-size: 100% 100%;
}
.login-container .logo{ padding:0px 0 0 10px; }
.login-container .logo p{font-size:26px; color:#ffffff; display:inline-block;  vertical-align:top; margin-left:5px; line-height:48px; font-weight:bold;  }
.login-container .logo img{max-width:100%; height:46px;  }
.login-sec{width:801px; float:right; position:relative; margin:100px 10% 0 0; background:rgba(255,255,255,0.9); border:1px solid #fff; box-shadow:0 0 2px 4px rgba(128,128,128,0.2);   min-height:355px;  border-radius:5px;  }
    .login-sec:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 406px;
        width: 1px;
        background: #D4D4D4;
        height: 100%;
    }
    .login-left {
        width: 405px;
        float: left;
        height: 100%;
        position: relative;
        padding: 20px 25px;
    }
.login-right{width:394px; height:100%; position:relative; float:right; padding:20px 25px;  }
.login-tit{font-size:28px; color:#666666;  line-height:1em; margin-bottom:10px; text-align:center; margin-top:0; } 
.login-tztit{}
.login-tztit h3{ font-size:20px; color:#666666; line-height:1em; margin-bottom:15px; margin-top:0; }
.login-tzlist{  }
.login-tzlist ul{ margin-bottom:0; } 
.login-tzlist li{ line-height:40px; font-size:14px; color:#434343;  }
.login-tzlist li span{ float:right; }
.login-tzmore{ text-align:right;  line-height:35px;  }
.login-tzmore a{ font-size:14px; color:#666666;  }
.login-tzmore a:hover{ color:#319aec; }

.login-form{    }
.login-form h3{ width:100px; margin:30px auto 30px;  line-height:50px;  text-align:center; font-size:26px; color:#319aec; border-top:4px solid #319aec;  }
.login-form .input-group-addon{ background:none; border:none; padding:0 10px; }
.login-form .input-group-addon .fa{font-size:24px; color:#c4cfdb; margin-top:8px;  }
.login-form .input-group{margin-bottom:8px; }
.login-form .input-group input{ border:none;background:none; border-bottom:2px solid #c4cfdb; box-shadow:none; font-size:15px; color:#333333; }
    .login-form .input-group input::-webkit-input-placeholder {
        color: #c4cfdb;
    }
    .login-form .input-group input:-moz-placeholder {
        color: #c4cfdb;
    }
    .login-form .input-group input::-moz-placeholder {
        color: #c4cfdb;
    }
    .login-form .input-group input:-ms-input-placeholder {
        color: #c4cfdb;
    }

.login-form .input-group input:focus{ border-color:#319aec; }
.login-form .input-group.input-group-jsxx{text-align:center; display:block;  }
    .login-form .input-group.input-group-jsxx table {
        width:100%;
    }
    .login-form .input-group.input-group-jsxx table td {
        text-align:center;
        padding:0 5px;
        white-space:nowrap;
    }
        .login-form .input-group.input-group-jsxx table td label{
            margin-bottom:0;    
        }
    .login-form .input-group.input-group-jsxx .radio {
        display: inline-block;
        margin: 0 5px;
    }
.login-form .input-group.input-group-jsxx .radio label{ font-size:16px; }
.login-form .input-group.input-group-jym input{ width:calc(100% - 100px); }
.login-form .input-group.input-group-jym .jympic{ float:right; text-align:center;  }
.login-form .input-group.input-group-jym .jympic img{ width:90px; }
.login-btn{padding-top:0px; }
.login-btn .btn{height:30px; line-height:30px; padding:0 8px; background:#319aec; border:none; font-size:14px; color:#ffffff; }
    .login-btn .btn:not(.btn-block) {
        width:44%; 
        margin:0 3%;
        float:left;
    }
    .login-btn .btn.btn-block{
        width: 94%;
        margin: 8px 3% 0;
        float:left;
    }
    .login-btn .login-tag {
        font-size: 14px;
        color: #666666;
        padding: 10px 0;
        text-align: right;
    }
.login-btn .login-tag span{ padding:0 5px; display:inline-block;  }
.login-btn .login-tag a{color:#666666;}
.login-btn .login-tag a:hover{ color:#319aec; }
.login-foot{width:100%;  text-align:center; font-size:16px; color:#319aec; padding:20px; line-height:25px;   }
.mbr{display:none; }
.login-ewm {
    margin-top:10px;
    text-align: center;
}

    .login-ewm img {
        width: 110px;
        height: 110px;
    }

/*移动端*/
@media screen and ( max-width:768px ){
	.login-blk{padding:20px; background-size:auto 100%; height:auto !important;}
	.logo{margin:0; padding:0; text-align: center;}
	.login-container .logo p{margin-left:0; display:block;  }
	.mbr{display:block; }
	.login-sec{width:100%; margin:40px auto 100px; float:none; height:auto;   }
	.login-left{display:none; }
	.login-right{ float:none; width:100%; padding:0; height:auto; }
	.login-form{ padding:20px; }
	.login-tit{padding:20px 0 0px; margin-bottom:0; }
	.login-foot{ bottom:20px; line-height:25px !important; }
    .login-form .input-group.input-group-jsxx table td {white-space:normal;    }
    .login-ewm img {
        width: 140px;
        height: 140px;
    }
}
@media screen and ( min-width:769px ) and ( max-width:1400px ){
	.login-sec{ margin:50px 0 0 0;  }
}
