body {
    background-color: #F5F5F5;
}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
textarea {  -webkit-appearance: none;}
.btn {border-radius:3px;}
.btn-lg{  font-size: 16px;    padding: 6px 14px;}
.btn-primary {
    color: #fff;
    background-color:#00a2ca;
    border-color:#00a2ca;
}

@media(min-width:768px){
    .btn-lg{
        font-size: 18px;    padding: 8px 16px;
    }
}
.blank {
    display: block;
    height: 20px;
}
.input-group-btn.yzm {
    width: 95px;
    border-radius: 0 2px 2px 0;
    border: 1px solid #ddd;
    height: 34px;
    border-left: 0;
}
 .input-group-btn.yzm img { width: 100%;height: 100%;}
/*-------header------*/
.navbar-header .page-title {
    display:block;display:none;
    float: left;
    font-size: 16px;
    color: #666;
    font-weight: normal;
    margin-top:13px;
    border-left: 1px solid #ddd;
    padding: 5px 0 5px 15px;
}
.btn-out {color:#666;padding-right:10px; line-height:55px; float:right;}
.navbar-header .page-title a {
    color: #666;
}
.footer {padding:0;background-color: #13152e;}
@media(min-width:414px){
.navbar-header .page-title { display:block;}
}
@media(min-width:768px){
.navbar-header .page-title {font-size: 20px;padding: 6px 0 6px 20px; margin-top:22px;  display:block; }	
.footer .copyright .container {border:0;}
.btn-out { line-height:80px;}
}


.index-menu { background-color:#fff;overflow:auto; width:100%;}
.index-menu ul {width:800px; }
.index-menu ul li { float:left;text-align:center; }
.index-menu ul li a {color:#444; padding:0 10px;font-size:13px; line-height:40px; display:block;}
@media(min-width:375px){
.index-menu ul li a { font-size:14px; }	
}

@media(min-width:768px){
.index-menu { background-color:#0b8bca;}
.index-menu ul { overflow:auto; display:table;width:100%;}
.index-menu ul li {display:table-cell; text-align:center;width:11%;}
.index-menu ul li a {color:#fff; padding:0;font-size:16px; line-height:48px; display:block;}	
.index-menu ul li a:hover { background-color:#04599F}
}
@media(min-width:992px){
.index-menu ul li a {color:#fff; font-size:17px; }	
}
/*-------img upload------*/

.fileupload {
    max-width: 450px;
}

.fileupload .thumbnail {
    border: 1px solid #ccc;
    background-color: #fff;
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    position: relative;
}

.fileupload .thumbnail img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

 /* ie678 error
==================================== */
.error-backdrop {width:100%;position:absolute;left:0;right:0;top:0;height:4000px; overflow:hidden;z-index:10000;background:#157EB9;
-moz-opacity:1;
opacity:1;
filter:Alpha(opacity=100);

 }
.error-modal { position:absolute;width:700px;height:400px;left:50%;margin-left:-350px;top:50%;margin-top:-200px;
color:#444; z-index:10001; background-color:#fff; }
.error-modal .error-text { padding-top:60px;}
.error-modal .error-text h2 { font-size:18px; line-height:1.6;color:#444; font-weight:normal; text-align:center;}
.error-modal .error-text .error-show {width:550px;margin:0 auto;height:120px;margin-top:30px; background-image:url(../images/errorimg.jpg);
background-position:center center;  background-repeat:no-repeat;}


/*-------login-----*/

.login-head {padding-bottom:25px; text-align:center;} 
.login-head span {font-size:18px; font-weight:bold;}
.banner-desc { color:#fff; text-align:center;padding-top:15%;padding-bottom:13%;}
.banner-desc h2 { font-size:24px; font-weight:normal;  }
.banner-desc h3 { font-weight:normal; margin-top:15px; font-size:16px;}
.banner-wrap > .container { position:relative} 
.index-banner .brand-form {
    padding: 30px 35px 25px;
    background-color: #fff;
}
.index-banner .banner-wrap {
    background-image: url(../images/loginbg_phone.jpg); background-repeat:no-repeat;
    background-color:#0F1226;
    padding-bottom: 18%;
    background-position:center top;
    background-size:100%;
    width: 100%;
}
.brand-form .form-group {margin-left:0;margin-right:0;}

.login-btn {padding-top:20px;}
 .login-btn .btn-default {margin-top:20px;}
 .error-label {
    font-size: 12px;
    padding-top: 5px;
    color: #ff7800;
    position: relative;
}

@media(min-width:768px) {
	.login-head span {font-size:22px;  font-weight:normal; }
    .index-banner .banner-wrap { }
	.index-banner .brand-form {width:450px;margin:0 auto;}
	 .login-btn .btn-default {margin-top:0;}
	 .banner-desc h2 {font-size:32px;}
	 .banner-desc h3 {font-size:20px;} 
	 
}
@media(min-width:992px) {
	.index-banner .banner-wrap {background-image: url(../images/loginbg_pc.jpg);padding-top: 8%; padding-bottom: 11%;background-position: center bottom; background-size: cover;}
	.index-banner .brand-form {
        float: right;
        padding: 40px 45px 30px;
        width: 440px;
    }
	.banner-desc { color:#fff; position:absolute;left:30px;top:50%;padding-top:0;padding-bottom:0; margin-top:-65px; text-align:left;}

}

@media(min-width:1200px) {
.banner-desc h2 { font-size:38px; font-weight:300}
.banner-desc h3 { font-weight:normal;font-weight:200; font-size:24px;}
}



/*-------form-----*/
.brand-info {
	background-image: url(../images/topbanner.jpg);
    width: 100%; background-size:cover; background-position:center;
    height: 120px;
    background-color:#0F1226;
}
.brand-info .banner-text { opacity:0.8; color:#fff; text-align:center; line-height:98px; font-size:18px; letter-spacing:2px;}
.brand-info~.container { margin-top:-25px;  margin-bottom: 50px; }
.form-wrap {  border-radius:4px; background-color: #fff;padding:15px; padding-top:20px;   padding-bottom: 50px;}

.form-wrap .info-form .form-group .col-sm-4 .form-control{ margin-bottom:5px;}
.form-wrap .info-form .form-group .col-sm-3 .form-control{ margin-bottom:5px;}


@media(min-width:768px) {
.form-wrap .info-form .form-group .col-sm-4 .form-control{ margin-bottom:0;}
.form-wrap .info-form .form-group .col-sm-3 .form-control{ margin-bottom:0;}	
}
.form-wrap .info-form .icon-icon-question { color:#999; font-weight:normal;margin-left:5px; cursor:pointer;}

.step {max-width:800px;margin:0 auto;margin-bottom:30px; background-color:#f6f6f6;}
.step .nav {}
.step .nav>li { font-size:12px; width:33.3%;color:#999; margin-left:0; text-align:center;position:relative; }
.step .nav>li>span{ padding: 10px; display:block; line-height:1.2;}
.step .nav>li strong { font-weight:normal}
.step .nav>li.active { background-color:#00a2ca; color:#fff; }
.step .nav>li.active:after { content:' '; position:absolute;right:-10px;top:0;
width:0;
height:0;
border-top:17px solid transparent;
border-left:10px solid #00a2ca;
border-bottom:17px solid transparent;
}
.step .nav>li:last-child.active:after {width:0;left:0;right:auto;
height:0;
border-top:17px solid transparent;
border-left:10px solid #f6f6f6;
border-bottom:17px solid transparent;  }

.progress-text {max-width:800px;margin:0 auto; margin-bottom:20px;}

.progress-text p {
    margin-bottom: 5px;
}

.progress-text p span {
    margin-left: 30px;
}
 
.progress-text .progress-wrap {
    border: 1px solid #ddd;
    border-radius: 15px;
}
.progress-tips {color:#ccc; position:relative;width:100%; line-height:40px; }
.progress-tips strong {color:#444;}
.progress-tips .tips-hui { position:absolute;left:100px;top:8px;color:#eaa567; background-color:#fbf8f4;padding:3px 12px;
 line-height:1;border-radius:4px; border:1px solid #eae0d8; font-size:12px; }


.progress-wrap .progress {
    margin: 0;
    border: 2px solid #fff;
    background-color: #eee;
    border-radius: 15px;
    height: 16px;
    box-shadow: none;
}
.setting-content {}
.setting-content .well { padding:8px;box-shadow:none; background-color:#f7f7f7;}
.setting-content .blank {height:50px;}

.success-submit {padding:40px 15px;}
.success-submit h3 { margin-top:0;font-size:20px;     color: #00a2ca;}
.success-submit p {color:#999; line-height:1.8;}



/*上传头像*/


/*--------fileupload--------*/
 .fileupload {
    position: relative;
}
.fileupload .btn-action {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 10;
}
.headfileupload {
    max-width: 200px;
}

.headthumbnail {
    padding-bottom: 100% !important;
}

.institution .each-institution,
.agency .each-agency,
.areaAgency .each-areaAgency {
    margin-top: 10px;
}


@media(min-width:768px) {
	.form-wrap {padding-top:50px}
	.brand-info {height:200px;}
	.brand-info .banner-text {line-height: 150px;    font-size:26px;}
	.brand-info~.container {
    margin-top: -50px;
}
.step {margin-bottom:50px;}
.step .nav>li { float:left;width:33.3%;font-size:14px; border:0; text-align:center;}
.step .nav>li.active:after { 
border-top:18px solid transparent;
border-bottom:18px solid transparent;
}
    .form-group {
        margin-bottom: 15px;
    }
    .setting-content .info-form .form-horizontal .control-label {
        padding-bottom: 5px;
        text-align: left;
    }
    .setting-content .info-form .btn + .btn {margin-left:10px;min-width:130px;}
}

@media(min-width:992px) {
   
    .setting-content .info-form {
        max-width: 800px;
        margin: 0 auto;
    }
	.brand-info {height:300px;}
	.brand-info .banner-text {line-height: 250px; text-align:center; font-weight:normal; font-weight:200; font-size:34px;}
}