@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1462780582_547041.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1462780582_547041.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1462780582_547041.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1462780582_547041.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1462780582_547041.svg#iconfont') format('svg'); /* iOS 4.1- */
}
h1{font-size: 24px;}
#form_number{font-size: 14px;}
#form_title,#form_number{text-align: center;}
#form_description img{width: 100%;}
.fl{float:left;}
.fr{float: right;}
.personal-select{width: 95px !important;}
.personal_center a{width: 70px !important;}
.top-nav-bg{display: none;}
.ui-hd{
    width: 100%;
    height: 40px;
    overflow: visible;
    background: #f6f6f6;
    border-bottom: #eee solid 1px;
    display: none;
    position: absolute;
    z-index: 9;
}
.ui-hd .logo{
    float: left;
    width: 40%;
    margin-left: 20px;
}
.ui-hd .logo img{width: 100%; height: 30px; border:none; margin-top: 5px;}
.ui-hd .user-info{float: left; font-size: 14px; line-height: 40px; color: #666; margin-left: 7%; width: 86%;}
.ui-hd .user-info a{color: #666;}
.ui-hd .user-info span{display: block; float: left; width: 120px; overflow: hidden; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; margin-left: 10px; font-size: 12px;}
.ui-hd .user-info .cover{width: 36px; height: 36px; border-radius: 36px; margin-top: 2px; border:#ccc solid 1px; float: left;}
.ui-hd .user-info a.login-a{
    display: block;
    float: right;
}
.ui-hd .user-info a.logout-a{
    float: right;
    font-size: 12px;
}
#mask{
    position: fixed;
    z-index: 8;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    display: none;
}
.ui-hd .user-info i.iconfont{
    font-family: "iconfont";
    font-size: 24px;
    line-height: 40px;
    font-style: normal;
}

.login-pop-up input{
    height: 30px!important;
}
.login-pop-up input[type=checkbox]{
    margin-top: 2px!important;
}
.wapper{width: 100%;}

em.myem{margin-left: 5px; padding-right: 10px; font-style: normal; display: block; float: left;}
em.redxing{font-size: 14px; color: #f00; padding: 0 5px;}

input[type=text],input[type=number]{height: 40px;}

 input[type=checkbox]{
    -webkit-appearance: none;
    background: url(../css/images/blue@2x.png);
    height: 20px;
    width: 20px;
    position: relative;
    top: 5px;
    border:none;
}
input[type="checkbox"]:focus,
input[type="checkbox"]:hover {
    background-position: 0 0;
    outline: none;
}

input[type="checkbox"]:checked {
    background-position: -22px 0;
}

input[type="checkbox"][disabled] {
    background-position: -44px 0;
}

input[type="checkbox"][disabled]:checked {
    background-position: -66px 0;
}


input[type=radio]{
    -webkit-appearance: none;
    background: url(../css/images/blue@2x.png);
    height: 20px;
    width: 20px;
    position: relative;
    top: 5px;
    background-position: -88px 0;
    outline: none;
    border:none;
}
input[type="radio"]:focus,
input[type="radio"]:hover {
    background-position: -88px 0;
    outline: none;
}

input[type="radio"]:checked {
  background-position: -110px 0;
}

input[type="radio"][disabled] {
  background-position: -154px 0;
}

input[type="radio"][disabled]:checked {
  background-position: -176px 0;
}
.checkbox-inline{padding-bottom: 10px; display: block; float: left; margin-left:0 !important;}
.container{display: none;}

.c-bg{
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.err-msg{
    width: 100%;
    font-size: 14px;
    color: #f00;
    line-height: 30px;
    clear: both;
}





#result_number{font-size: 14px; line-height: 15px; color: #666;}
#result_title{font-size: 24px; text-align: center; color: #4cae4c}
.progress {height: 10px; border-radius: 2px; margin-bottom: 0;}
.progress .bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top,#149bdf,#0480be);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));
    background-image: -webkit-linear-gradient(top,#149bdf,#0480be);
    background-image: -o-linear-gradient(top,#149bdf,#0480be);
    background-image: linear-gradient(to bottom,#149bdf,#0480be);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.progress .bar-green {
	float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #5eb95e;
    background-image: -moz-linear-gradient(top,#62c462,#57a957);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));
    background-image: -webkit-linear-gradient(top,#62c462,#57a957);
    background-image: -o-linear-gradient(top,#62c462,#57a957);
    background-image: linear-gradient(to bottom,#62c462,#57a957);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0);
}
.progress .bar-red {
	float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #dd514c;
    background-image: -moz-linear-gradient(top,#ee5f5b,#c43c35);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));
    background-image: -webkit-linear-gradient(top,#ee5f5b,#c43c35);
    background-image: -o-linear-gradient(top,#ee5f5b,#c43c35);
    background-image: linear-gradient(to bottom,#ee5f5b,#c43c35);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0);
}
.table{font-size: 14px;border:#ccc solid 1px;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
     padding: 8px; 
     line-height: 15px; 
     vertical-align: middle; 
     border-top: 1px solid #ddd; 
}
.table tr.title{color: #4cae4c; background: #ebebeb;}
.table tr.title td{line-height: 30px;}
.progress-info{font-size: 12px; color: #999; clear: both; height: auto; overflow: hidden;}
.progress-info span.info-left{float: left;}
.progress-info span.info-right{float: right;}
.f-title{font-size: 12px; font-weight: normal; font-style: normal; color: #333;}