body {
    /*font-family: SimHei;*/
    font-family: 'Microsoft YaHei'!important;
    background-color: #edf0f6 !important;
}

textarea {
    font-family: 'Microsoft YaHei' !important;
}
select{
    height: 33px !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-family: 'Microsoft YaHei' !important;
    color: #333333 !important;
}
.type-message{
    padding-left: 10px;
}
.setting-text{
    cursor:pointer;
}
.mlengend {
    margin-bottom: 0;
}

.mouter {
    width: 100%;
    float: left;
    font-size: 14px;
}

.modal-body, .outer, .employees-outer {
    font-size: 14px;
}

.mtop-outer {
    width: 938px;
    min-height: 80px;
    padding: 20px;
    margin-bottom: 20px;
    float: left;
}

.mtop-left-outer {
    width: 700px;
    border-right: 1px solid #ccc;
    float: left;
}

.mtop-right-outer {
    width: 200px;
    float: right;
}

.mtop-title-name {
    color: #3894FF;
    font-size: 18px;
    margin-right: 10px;
}

.mtop-title-time {
    color: grey;
    font-size: 18px;
}

.text-div {
    margin-bottom: 20px;
}

.text-div span {
    height: 30px;
    display: inline-block;
}

.mtop-progress {
    width: 540px;
    float: left;
    margin-right: 10px;
}

.bar-text {
    float: left;
    max-width: 150px;
}

.finished-number {
    font-size: 25px;
    color: #3894FF;
}
.finished-number.sm{
    font-size: 18px;
}

.total-finished-number {
    color: grey;
}
.complete-time-text {
    margin: 0 10px;
    display: inline-block;
    width: 120px;
}
.score-lg {
    font-size: 45px;
    line-height: normal;
}

.font-grey {
    color: #BBBBBB;
}
.missionname-lg {
    font-size: 20px;
    line-height: normal;
    color: #999999;
}

.missionname {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 20px;
}

.divide-line {
    width: 100%;
    margin-bottom: 20px;
    float: left;
    height: 2px;
    background: #D7D7E1;
}

.hbg-img {
    width: 100px;
    height: 100px;
    vertical-align: top;
}
.hbg-img-punish {
    background-color: #FFAB25;
}
.hbg-img-award {
    background-color: #3894FF;
}
.normal-select {
    width: 60%;
    float: left;
}

.normal-select {
    width: 60% !important;
    float: left !important;
}

.sm-select {
    width: 80px !important;
    float: left !important;
}

.add-on {
    cursor: pointer;
}

.can {
    color: #B5B5B5 !important;
    border-color: #B5B5B5 !important;
}

.cant {
    color: #DDDDDD !important;
    border-color: #DDDDDD !important;
}

.errorfont {
    font-size: 12px;
}

.add, .minus {
    border-radius: 0 !important;
    background-color: white !important;
    font-size: 20px !important;
    height: 24px !important;
    width: 20px !important;
    margin-left: 0px !important;
}


.add {
    border-left: 0 !important;
}

.minus {
    border-right: 0 !important;
}
.left-side-outer{
    overflow-x: hidden!important;
}
/*mtitle����title-span��bootstrap��ͻ*/
.mtitle {
    display: block;
    float: left;
    width: 90px;
    height: 20px;
    clear: both;
    margin-left: 0 !important;
    margin-top: 7px;
    color: #666666;
    font-size: 16px;
    padding-left: 10px;
    margin-right: -5px;
}

.mtitle-lg {
    width: 120px !important;
    margin-right: 10px;
}
.mtitle-lgr{
    width:150px!important;
    margin-right: 10px;
}

.text-normal {
    display: block;
    float: left;
    clear: both;
    margin-left: 0 !important;
    margin-top: 7px;
    color: #666666;
    font-size: 16px;
    padding-left: 10px;
    margin-right: -5px;
}

.show-text-normal {
    margin-left: 0;
    color: #000;
    font-size: 16px;
    margin-top: 7px;
    display: inline-block;
    word-break: break-all;
}

input {
    display: inline-block;
    height: 24px !important;
    font-size: 16px !important;
    border-radius: 0 !important;
    font-family: 'Microsoft YaHei' !important;
    color: #333333 !important;
    margin-right: 4px;
}

.input-normal {
    width: 166px !important;
}

.input-lg {
    width: 451px;
}
.input-lgwithaddr{
    width:526px;
}
.htextarea{
    resize: none;
    margin-bottom: 0;
    border-radius: 0;
    padding-bottom: 20px;
    padding-top: 7px;
    font-size: 16px;
}
.textarea-tip{
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #999999;
}
.outerdiv-lg {
    width: 461px;
    float: left;
}

.input-addminus {
    width: 80px !important;
    text-align: center;
    margin-right: 0;
}

.select-normal {
    width: 180px !important;
    height: 33px !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-family: 'Microsoft YaHei' !important;
    color: #333333 !important;
}

.select-sm {
    width: 90px !important;
    height: 33px !important;
    margin-right: 4px;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-family: 'Microsoft YaHei' !important;
    color: #333333 !important;
}

.select-lg {
    width: 465px !important;
    height: 33px !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-family: 'Microsoft YaHei' !important;
    color: #333333 !important;
}
.select-total-lg{
    width: 540px !important;
    height: 33px !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-family: 'Microsoft YaHei' !important;
    color: #333333 !important;
}
.select-total-all{
    width: 800px !important;
    height: 33px !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-family: 'Microsoft YaHei' !important;
    color: #333333 !important;
}
.input-search{
    height: 24px !important;
    background: #fff !important;
    cursor: pointer !important;
    min-width: 120px;
}
.search-normal{
    width:180px;
}
.input-search.icon-left{
    border-left: 0 !important;
    margin-left: 0px;
    margin-top: 0px;
}

.input-normal-search {
    border-left: 0 !important;
    width: 180px !important;
    height: 24px !important;
    background: #fff !important;
    cursor: pointer !important;
    margin-left: 0px;
}

.add-on.left {
    padding-top: 6px;
    padding-bottom: 6px;
    height: 20px;
    border-radius: 0 !important;
    background-color: #ffffff;
    border-right: 0;
    float: left;
}

.input-normal-search + .add-on {
    padding-top: 6px;
    padding-bottom: 6px;
    height: 20px;
    border-radius: 0 !important;
    background-color: #ffffff;
    border-right: 0;
}

.input-tree-search {
    border-right: 0 !important;
    width: 237px !important;
    height: 30px !important;
    background: #fff !important;
    cursor: pointer !important;
    margin-right: 0px;
}

.input-tree-search + .add-on {
    padding-top: 9px;
    padding-bottom: 9px;
    height: 20px;
    border-radius: 0 !important;
    background-color: #ffffff;
    border-left: 0;
}

.icon-calendar-blue {
    background-image: url('../img/icons/icon_calendar_hover_2.png') !important;
}

.add-on .icon-hsearch {
    background-image: url(../img/icons/icon_search_addon.png) !important;
    height: 20px;
    width: 20px;
    background-position: 0% 0%;
    background-size: 100% 100%;
}
.add-on .icon-hsearch:hover {
    background-image: url(../img/icons/icon_search_addon_hover.png) !important;
}

.add-on .icon-hsearch:active {
    background-image: url(../img/icons/icon_search_addon_hover.png) !important;
}

.tree-title-children-outer {
    padding: 10px;
    display: inline-block;
    font-size: 16px;
    font-weight: bolder;
}

.icon-tree-setting {
    background-image: url(../img/icons/icon_setting_addon.png) !important;
    height: 20px;
    width: 20px;
    background-position: 0% 0%;
    background-size: 100% 100%;
    cursor: pointer;
}

.icon-tree-setting:hover, .icon-tree-setting:active {
    background-image: url(../img/icons/icon_setting_addon_hover.png) !important;
}

.input-datetime {
    border-right: 0 !important;
    width: 137px !important;
    background: #fff !important;
    cursor: pointer !important;
    margin-right: 0px;
}

.input-datetime + .add-on {
    padding-top: 6px;
    padding-bottom: 6px;
    height: 20px;
    border-radius: 0 !important;
    background-color: #ffffff;
    border-left: 0;
}

.icon-calendar2 {
    background-image: url(../img/icons/icon_calendar_hover_2.png);
    height: 20px;
    width: 20px;
    background-position: 0% 0%;
    background-size: 100% 100%;
}

input + .btn, select + .btn {
    margin-bottom: 10px;
}

.hradio {
    display: none;
}

.hradio-outer {
    margin-top: 7px;
    margin-right: 10px;
    float: left;
}

.hradio-text {
    float: left;
    font-size: 16px;
    min-width: 80px;
    color: #666666;
}

.hradio-icon {
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    display: inline-block;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #fff;
}
.half-hradio-icon.on{
    width: 18px;
    height: 9px;
    background-color: #ffffff;
}

.hradio-icon.checked {
    background-color: #3894FF;
}

.input-tip-right {
    float: right;
    margin-right: 20px;
    margin-bottom: 10px;
    color: #000;
}

.limit-select-outer {
    display: inline-block;
    vertical-align: middle;
}

.limit-title {
    display: inline-block;
    height: 30px;
    font-size: 14px;
    vertical-align: middle;
    line-height: 30px;
}
.jobtitle-tree{
    height: 200px;
    float: left;
    width: 350px;
    overflow-y: auto;
    overflow-x:hidden; 
}
.jobtitle-limit-font {
    color: darkorange;
    font-weight: bold;
}
.fixed-table-header div {
    border-left: 1px solid #ccc;
    float: left;
    background-color: #d9edf7;
    font-size: 20px;
    font-weight: bold;
}

.fixed-table-div {
    float: left;
    width: 100%;
    height: 305px;
    border: 1px solid #ccc;
}

.fixed-tr {
    cursor: pointer;
}

.trselected {
    background-color: #6495ED;
}

.percentage {
    height: 20px;
    margin-top: 5px;
    margin-left: 5px;
    display: block;
    color: #066990;
    float: left;
}

.datetimeinput {
    background: #fff !important;
    cursor: pointer !important;
}

.btn-depend {
    margin-top: 7px;
}
.btn-right{
    float: right;
    margin: 4px 10px 0 0;
}
.btn-title {
    padding: 10px;
    display: inline-block;
    color: #00c0fc;
    cursor: pointer;
}

.hcontent {
    -moz-box-shadow: 2px 2px 5px #D2D7E2;
    box-shadow: 2px 2px 5px #D2D7E2;
    background-color: #fff;
}

.total-content {
    width: 956px;
    padding: 10px;
    float: left;
    min-height: 500px;
    _height: 500px; /* for ie6 */
}

.left-content {
    width: 318px;
    height: 500px;
    float: left;
    margin-right: 20px;
}

.middle-content {
    width: 638px;
    float: left;
    min-height: 500px; /* for ie7+, firefox, chrome, safari, opera */
    _height: 500px; /* for ie6 */
}



.left-content mztree {
}

.left-header {
    width: 320px;
    float: left;
    margin-right: 20px;
}

.right-header {
    float: right;
    margin-right: 2px;
}

.right-header .btn {
    margin-right: 0 !important;
    margin-left: 20px;
    float: right;
}

.btns-header {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.btns-header .btn {
    margin-right: 20px;
}

.half-line {
    width: 300px;
    float: left;
}

.footer {
    padding: 5px 0 5px;
    background-color: #F7F8FA;
    color: #999999;
    float: left;
    width: 100%;
    margin-top: 30px;
    position: relative;
    z-index: 999;
}


.copyright {
    line-height: 30px;
    float: left;
    width: 350px;
    padding: 5px;
    border-right: 1px solid #dddddd;
    font-family: 'Microsoft YaHei' !important;
    font-size: 14px;
}


.help, .aboutus, .agreement, .qrcode {
    float: left;
    width: 100px;
    padding: 5px;
    border-right: 1px solid #dddddd;
    text-align: center;
}
.aboutus a, .help a, .agreement a {
    color: #999999;
    cursor: pointer;
    font-family: 'Microsoft YaHei' !important;
    font-size: 14px;
    line-height: 30px;
}

.aboutus.active > a, .help.active > a, .agreement.active > a {
    color: #0088cc;
}
.qrcode{
    position: relative;
}
.qrcode img{
    height: 30px;
    width:30px;
}
.qrcode .lg-qr-outer{
    position: absolute;
    top: -245px;
    left: 0;
    background-color: #fff;
}
.qrcode .lg-qr-outer span{
    color:#333333;
    display: inline-block;
    padding: 0 10px;
}
.qrcode img.lg-qr{
    width: 200px;
    height: 200px;
    max-width: none;

}
#service-qr.qrcode img.lg-qr{
    width: 170px;
    height: 170px;
    padding: 15px;
    max-width: none;
}
#service-sm-qr{
    padding: 2px;
    height: 26px;
    width: 26px;
}

.tree-title {
    width: 280px;
    margin-left: 19px;
    border-bottom: #D2D7E2 1px solid;
    font-size: 18px;
    float: left;
}

.title-legend {
    border-bottom: #D2D7E2 2px solid;
    padding-bottom: 10px;
    font-weight: bold;
}
.title-legend button.right{
    margin-top: 7px;
}
button.right{
    float: right;
}
#sort-modal {
    width: 700px;
    left: 50%;
    margin-left: -350px;
}

.sort-list {
    width: 670px;
    float: left;
    height: 300px;
    overflow-y: auto;
    background-color: #F6F9FE;
    overflow-x: hidden;
}

.sort-list ul {
    list-style-type: none;
    margin: 0;
}

.sort-list ul li ul {
    margin-left: 20px;
}

.sort-list ul li ul a {
    margin-left: -20px;
    padding-left: 40px;
}

.sort-list li {
}

.sort-list li a {
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    cursor: pointer;
    display: inline-block;
    color: #333333;
    width: 650px;
    padding-left: 20px;
}

.sort-btns {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.sort-btns .btn {
    display: block;
    margin-top: 30px;
}

.sort-selected-li {
}

.sort-selected {
    background-color: #C8DBEC;
}

.sort-btns .btn-sort, .sort-btns div {
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
    cursor: pointer;
    float: left;
    margin-right: 20px;
}

.sort-btns .sort-up, .sort-btns #sort-up {
    background-image: url('../img/icons/icon_up_2x.png');
    background-size: 100% 100%;
}

.sort-btns .sort-down, .sort-btns #sort-down {
    background-image: url('../img/icons/icon_down_2x.png');
    background-size: 100% 100%;
}

.sort-btns .sort-up.active, .sort-btns #sort-up.active {
    background-image: url('../img/icons/icon_up_active_2x.png');
    background-size: 100% 100%;
}

.sort-btns .sort-down.active, .sort-btns #sort-down.active {
    background-image: url('../img/icons/icon_down_active_2x.png');
    background-size: 100% 100%;
}

/******************** mission rp start********************/
.attr-table{
    width: 599px;
    margin: 0 0 0px 10px;
    table-layout: fixed;
    word-break: break-word;
}
.attr-table th{
    background:#E1EEFF;
    text-align: left;
    color:#666666;
    padding: 5px 20px;
}
.attr-table td{
    text-align: left;
    color:#000;
    font-weight:bold;
    padding: 5px 0px 5px 20px;
}
.attr-table td a{
    cursor:pointer;
    color:#498FE4;
}
.spacing {
    font-size: 18px;
    margin-left: 5px;
    margin-right: 5px;
    color:#498FE4;
}
.ellipsis {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.mission-list-outer .mmission-report{
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}
.mission-list-outer .mission{
    margin-right: 20px;
    margin-left: 0px;
    width: 174px;
    margin-bottom: 20px;
    height: 160px;
    float: left;
}
.mission-list-outer .mission .checkbox-outer{
    width: 34px;
    float: left;
}
.mission-list-outer .mission .has-checkbox-outer {
    width: 34px;
    float: left;
}
.mission-list-outer .mission .checkbox-outer .hradio-outer,.mission-list-outer .mission .has-checkbox-outer .hradio-outer{
    margin-top: 0px;
}
.mission-list-outer .mission .checkbox-outer .hradio-outer .hradio-icon,.mission-list-outer .mission .has-checkbox-outer .hradio-outer .hradio-icon{
    margin-left: 0px;
}
.mission-list-outer .mission .mission-content, .mission-list-outer .mission .mission-datetime{
    float: left;
}
.mission-list-outer .mission .mission-datetime{
    text-align: center;
    margin-top: 5px;
    width: 140px;
    margin-left: 34px;
}
.mission-list{
    width: 150px;
    height: 90px;
    margin-left: 4px;
    margin-bottom: 10px;
    float: left;
}
.mission-list .top{
    width:150px;
    height: 60px;
}
.mission-list .bottom{
    width:150px;
    height: 25px;
    margin-top: 5px;
}
.mission-list .mission-datetime{
    width: 150px;
    height: 25px;
}
.mission-list .mission-icon{
    width:60px;
    height: 60px;
    float: left;
}
.mission-list .mission-score,.mission-list .mission-name{
    width: 80px;
    height: 30px;
    margin-left: 10px;
    line-height: 30px;
    font-size: 14px;
    float: left;
}
.mission-list .mission-score{
    color: #3894FF;
}
.mission-list .mission-name{

}
.related-mission-title{
    color: #3894FF;
    display: inline-block;
    font-size: 16px;
    line-height: 34px;
    height: 34px;
    margin-left: 10px;
    float: right;
}
.mission-staff-outer{
    width: 160px;
    height: 100%;
    float: left;
    border-radius: 40px;
}
.mission-staff-outer img{
    width: 80px;
    height: 80px;
    float: left;
    border-radius: 40px;
}
.mission-staff-outer .staff-text{
    width: 80px;
    height: 60px;
    float: left;
    margin-top: 10px;
}
.mission-staff-outer .staff-text span {
    float: left;
    margin: 0 10px 0;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}
.select-related-missions-modal .modal-body{
    max-height: 550px;
    min-height: 160px;
}
.select-related-missions-modal .middle{
    float: left;
    border-top: 1px solid #ccc;
    padding-top: 20px;
    height: 340px;
    overflow-y: auto;

}
.select-related-missions-modal .modal-footer{
    text-align: center;
}
.select-related-missions-modal .modal-footer button{
    margin-right: 20px;
}
.select-related-missions-modal .mission-list-outer .mission{
    margin-right: 20px;
    margin-left: 0px;
    width: 174px;
    margin-bottom: 20px;
}
.select-related-missions-modal .mission-list-outer {
    width:100%;
}
.rule-table-outer{
    width: 600px;
    margin-left: 10px;
    margin-top: 10px;
    float: left;
}
.rule-table{
    width: 100%;
}
.rule-table th{
    background: #E1EEFF;
    text-align: left;
    color: #333333;
    padding: 5px 20px;
}
.rule-table .td-4{
    width: 40%;
}
.rule-table .td-2{
    width: 20%;
}
.rule-table .td-1{
    width: 10%;
}
.rule-table td{
    text-align: left;
    color: #666666;
    padding: 5px 20px;
    word-break: break-word; 
}
.rule-table tr:not(.title-tr):hover{
    background-color: #EBEEF3;
}
.rule-table tr:not(.title-tr){
    background-color: #F1F8FF;
}
.rule-table .input-append, .input-prepend{
    margin-bottom: 0px!important;
}
/******************** mission rp end  ********************/
/******************** mission rplist start********************/
.mtooltip-btns-report button{
    margin-left: 0px!important;
    margin-right: 0px!important;
}
.mtooltip-btns-report button:first-child:nth-last-child(1){
    width:114px;
    margin-bottom: 5px;
    margin-top: 50px;
}
.mtooltip-btns-report button:first-child:nth-last-child(2),.mtooltip-btns-report button:first-child:nth-last-child(2)~button{
    width:114px;
    margin-bottom: 5px;
}
.mtooltip-btns-report button:first-child:nth-last-child(2){
    margin-top: 40px;
}
.mtooltip-btns-report button:first-child:nth-last-child(3),.mtooltip-btns-report button:first-child:nth-last-child(3)~button:not(:last-child){
    width:114px;
    margin-bottom: 5px;
}
.mtooltip-btns-report button:first-child:nth-last-child(3)~button:last-child{
    width:114px;
    margin-bottom: 5px;
}
.mtooltip-btns-report button:first-child:nth-last-child(3){
    margin-top: 30px;
}
.totalall-addscore,.totalall-minusscore{
    display: block;
    margin-bottom: 10px;
}
.rpreply-staff-outer img{
    width:50px;
    height: 50px;
    float: left;
    border-radius: 40px;
}
.reply-content{
    float: left;
}
.reply-content span{
    float: left;
    margin: 0 10px 0;
    height: 30px;
    line-height: 30px;
}
.detail-reason {
    display: block;
    clear: both;
    width: 95%;
    padding: 10px;
}
.detail-reason{
    display: block;
    clear: both;
    width: 95%;
    padding: 10px;
}
.detail-attach{
    display: block;
    clear: both;
    padding: 10px;
}
.detail-attach a{
    cursor:pointer;
    float: right;
    margin-right: 20px;
}

.org-title{
    width:100%;
}
.employees-outer{
    float:left;
}
.employee-title{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.basictask-outer{
    width: 100%;
    float: left;
}
.assigntask-outer{
    width:100%;
    float: left;
    border:1px solid green;
}
.employee-title span{
    float: left;
    margin: 0 10px 0;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    clear:left;
}
.employee-title .staff-middle span{
    clear:none;
}

.mission-right-comment{
    float: left;
    min-width: 50px;
}
.mission-right-comment span{
    display:block;
}
.mission-active{
    background:#F0E68C;
}

.mtooltip-btns button{
    display: block;
    margin: 10px auto;
}
.mission-edit-show-div{
    min-height: 100px;
    float: left;
    position: relative;
    cursor:pointer;
}
.one-edit-list{
    width:100%;
    float:left;
}
.complete-times-input{
    width:50px;
}
.complete-score-input{
    width:100px;
}
.staff-left{
    width:180px;
    height: 100%;
    float: left;
}
.staff-left.border{
    border-right:1px solid #CCC;
}
.staff-icon{
    width:80px;
    height: 80px;
    float: left;
    border-radius: 40px;
}
.staff-text{
    width:100px;
    min-height: 60px;
    float: left;
}
.staff-text span{
    height: auto;
    line-height: 20px;
    word-break: break-all;
    min-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.staff-middle{
    width:500px;
    margin-top: 30px;
    float: left;
}
.staff-progress{
    width: 320px;
    float: left;
    margin-right: 10px;
}
.staff-right{
    width: 250px;
    margin-top: 30px;
    float: right;
    margin-left: -10px;
    padding-right: 10px;
}

.weight-font{
    font-size: 20px;
    vertical-align: bottom;
    font-weight: bold;
}
.staff-btns-outer{
    float:right;
}
.staff-btns-outer button{
    display: block;
    margin-bottom: 10px;
}

.mission-score {
    float: left;
    min-width: 50px;
}

.mission-icon-success {
    background-color: #39579F;
}
.mission-icon-red {
    background-color: #FF3030;
}

.mission-icon-fail {
    background-color: #999999;
}
.mission-icon-approve {
    background-color: #38BE41;
}
.mission-icon-mult {
    background-color: #59C3D9;
}
.mission-text-show {
    float: left;
    width: 170px;
    height: 130px;
}

.mission-top {
    float: left;
    width: 100%;
    height: 35px;
}

.mission-middle {
    float: left;
    width: 100%;
    height: 60px;
    text-align: center;
    position: relative;
}

.mission-bottom {
    float: left;
    width: 100%;
    height: 35px;
    cursor: pointer;
}
.mission-bottom .mission-bottom-oneline{
    background-color: #3895FF;
    width: 100%;
    height: 100%;
    float: left;
    background-repeat: no-repeat;
    background-size: 30px 20px;
    background-position: center center;
    line-height: 35px;
    font-size: 18px;
    text-align: center;
    color: #fff;
}
.mission-bottom .mission-bottom-left{
    background-color: #3895FF;
    width: 50%;
    height: 100%;
    float: left;
    background-image: url('img/icons/icon_tick.png');
    background-repeat: no-repeat;
    background-size: 30px 20px;
    background-position: center center;
}
.mission-bottom .mission-bottom-right{
    background-color: #166DCE;
    width:50%;
    height:100%;
    float:right;
    background-image: url('img/icons/icon_cross.png');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center center;
}

.hico {
    margin: 8px 3px 0px;
    background-size: 100% 100%;
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: relative;
    z-index: 1000;
}

.right-score{
    float: right;
    color:#3894FF;
    font-size: 25px;
    line-height: 60px;
    margin-right: 20px;
    max-width:65px;
}
.left-indicator{
    float:left;
    width:85px;
    max-width: 85px;
    height:100%;
    text-align: center;
}
.mission-icon-bossreject{
    /* background:#FBB450;*/
    background: #999999;
}
.rejected-tip{
    width: 140px!important;
    height: 140px!important;
    position: absolute!important;
    left: 0px;
    z-index: 999;
    text-align: center;
    background-color: #000000;
    background-color: rgba(0,0,0,0.4);
}
.rejected-tip span{
    color: #FBB450;
    font-size: 20px;
    font-weight: bold;
    line-height: 130px;
}
.status-tip{
    padding: 5px 0;
    width:100%;
    display: inline-block;
    text-align: center;
    background-color: #E0EEFF;

}
.status-grey{
    color:#666666;
}
.status-blue{
    color:#3894FF;
}
.status-red{
    color:#FF3030;
}
/******************** mission rplist end********************/
/******************* mission new *************************/
.mtooltip-btns-report{
    text-align: center;
    position: absolute;
    top:0;
    margin-top: 0px!important;
    z-index: 999;
}
.datetimepicker-outer{
    float: left;
}
.datetime-custome{
    vertical-align: middle;
}
.datetime-to-text{
    float: left;
    margin-top: 7px; 
    color: #666666;
    font-size: 16px;
    margin-left: 10px;
    margin-right: 12px;
}
.btn-inline{
    margin-top: -7px;
}
.hhide{
    display: none!important;
}
.mdetail-staff-icon {
    width: 60px;
    height: 60px;
    border-radius: 30px;
}

.mdetail-org-icon {
    width: 60px;
    height: 60px;
}

.mdetail-org-child-icon {
    width: 16px;
}

.mdetail-mission-icon {
    padding: 10px;
    width: 40px;
    height: 40px;
    background-color: #39579F;
}

.left-indicator {
    float: left;
    width: 85px;
    max-width: 85px;
    height: 100%;
    text-align: center;
}

.right-score {
    float: right;
    color: #3894FF;
    font-size: 22px;
    line-height: 60px;
    margin-right: 20px;
    max-width: 65px;
}

.mission-icon-show {
    width: 90px !important;
    height: 90px !important;
    max-width: none;
    float: left !important;
    padding: 20px;
}

.mission-icon-success {
    background-color: #39579F;
}

.mission-icon-fail {
    background-color: #999999;
}

.mission-icon-approve {
    background-color: #38BE41;
}

.mission-icon-mult {
    background-color: #59C3D9;
}

.mission-text-show {
    float: left;
    width: 170px;
    height: 130px;
}

.mission-top {
    float: left;
    width: 100%;
    height: 35px;
}

.mission-middle {
    float: left;
    width: 100%;
    height: 60px;
    text-align: center;
    position: relative;
}

.mission-bottom {
    float: left;
    width: 100%;
    height: 35px;
    cursor: pointer;
}

.mission-bottom .mission-bottom-oneline {
    background-color: #3895FF;
    width: 100%;
    height: 100%;
    float: left;
    background-repeat: no-repeat;
    background-size: 30px 20px;
    background-position: center center;
    line-height: 35px;
    font-size: 18px;
    text-align: center;
    color: #fff;
}

.mission-bottom .mission-bottom-left {
    background-color: #3895FF;
    width: 50%;
    height: 100%;
    float: left;
    background-image: url('../img/icons/icon_tick.png');
    background-repeat: no-repeat;
    background-size: 30px 20px;
    background-position: center center;
}

.mission-bottom .mission-bottom-right {
    background-color: #E74848;
    width: 50%;
    height: 100%;
    float: right;
    background-image: url('../img/icons/icon_cross.png');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center center;
}

.hico {
    margin: 8px 3px 0px;
    background-size: 100% 100%;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.attach-ico {
    background-image: url('../img/icons/missions/icon_attach_normal_2x.png');
}

.attach-trans {
    background-image: url('../img/icons/missions/icon_attach_2x.png') !important;
}

.attach-active {
    background-image: url('../img/icons/missions/icon_attach_active_2x.png');
}

.attach-need {
    background-image: url('../img/icons/missions/icon_attach_default_2x.png');
}

.memo-ico {
    background-image: url('../img/icons/missions/icon_comment_normal_2x.png');
}

.memo-trans {
    background-image: url('../img/icons/missions/icon_comment_2x.png') !important;
}

.memo-active {
    background-image: url('../img/icons/missions/icon_comment_active_2x.png');
}

.memo-need {
    background-image: url('../img/icons/missions/icon_comment_default_2x.png');
}

.attr-ico {
    background-image: url('../img/icons/missions/icon_attribute_normal_2x.png');
}

.attr-trans {
    background-image: url('../img/icons/missions/icon_attribute_2x.png') !important;
}

.attr-active {
    background-image: url('../img/icons/missions/icon_attribute_active_2x.png');
}

.attr-need {
    background-image: url('../img/icons/missions/icon_attribute_default_2x.png');
}
.attr-number-input{
    margin-right: 0px;
}
.blue-font {
    color: #3894FF;
    font-size: 25px;
}

.red-font {
    color: #DF3E3F;
    font-size: 25px;
}

.green-font {
    color: #70D821;
    font-size: 25px;
}

.mtooltip {
    position: absolute;
    left: 200px;
    width: 163px;
    padding: 10px 10px;
    min-height: 110px;
    position: absolute;
    background-color: #ffffff;
    z-index: 1049;
    -moz-box-shadow: 2px 2px 5px #D2D7E2;
    box-shadow: 2px 2px 5px #D2D7E2;
    background-color: #fff;
}

.mtooltip .datetime {
    display: block;
}

.mtooltip .content-outer {
    float: left;
    width: 100%;
}
.mtooltip .content-outer span{
    color:#666666;
}
.mtooltip .content-outer span.title {
    color: #666666;
    display: block;
}

.mtooltip .content-outer span.content {
    color: #000000;
    display: block;
    word-break: break-all;
}
.mtooltip .content-outer span.content a {
    cursor: pointer;
}

.mtr-bg {
    background: #E1EEFF;
}

.mtr-bg th, .mtr-bg td {
    text-align: left !important;
}

.report-table .hospital-section td {
    vertical-align: middle !important;
    border-top: 2px solid #dddddd !important;
    border-bottom: 0!important;
}

.report-summary-table td {
    border-top: 0 !important;
}

.report-summary-table .blank-td {
    width: 100px;
}

.report-summary-table .data-tr {
    border-bottom: 2px solid #D7D7E1;
}

.report-summary-table .data-tr td {
    text-align: left;
    padding: 10px 0px 20px !important;
}

.report-summary-table .title-tr td:not(.icon) {
    text-align: right;
}

.hospital-section[parentid='-1'] {
    cursor: pointer;
}

.hospital-section:not(.table-child):hover {
    background-color: #F0F8FF;
}

.week-range {
    font-size: 18px;
    color: #666666;
    cursor: pointer;
    margin-left: 10px;
}

.mission-reject-a {
    cursor: pointer;
    color: red;
    text-decoration: underline;
}

.mission-reject-a:link {
    color: red;
}

.mission-reject-a:visited {
    color: darkred;
}

.mission-reject-a:hover {
    color: darkred;
}

.mission-reject-a:active {
    color: darkred;
}

.mission-icon-show-report {
    width: 62px !important;
    height: 62px !important;
    max-width: none;
    float: left !important;
    padding: 39px;
    position: relative;
}

.score-text-left-top {
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    display: inline-block;
    margin-left: 5px;
    color: #ffffff;
}

.mname-text-bottom-middle {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 140px;
    color: #fff;
    text-align: center;
}

.mmission-report {
    width: 140px;
    height: 140px;
    margin-bottom: 35px;
    margin-right: 16px;
    float: left;
    position: relative;
}
.rplist-mcomplete-times-text{
    text-align: center;
    display: inline-block;
    float: right;
    margin-right: 5px;
    height: 30px;
    line-height: 30px;
}
.mcomplete-times-text {
    text-align: center;
    width: 45px;
    display: inline-block;
}
.rplist-mname-text{
    text-align: center;
    width: 100%;
    display: inline-block;
}
.mname-text {
    text-align: center;
    width: 95px;
    display: inline-block;
}

.mission-top-report {
    position: absolute;
    left: 0;
    width: 100%;
    height: 35px;
    color: #ffffff;
    top: 0;
}

.mtooltip-file {
    width: 250px!important;
    padding: 10px 20px;
    min-height: 150px;
    position: absolute;
    background-color: #ffffff;
    z-index: 10001;
    -moz-box-shadow: 2px 2px 5px #D2D7E2;
    box-shadow: 2px 2px 5px #D2D7E2;
    background-color: #fff;
}
.mtooltip-file  .file-area .divide-line{
    width:100%!important;
}

.mtooltip-file legend {
    color: #3895FF;
}

.mtooltip-file .file-area {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    font-size: 16px;
}

.file-area-bottom {
    width: 100%;
    float: left;
    color: #666666;
}

.file-area-content {
    width: 100%;
    float: left;
    color: #666666;
    margin-bottom: 10px;
}
.file-area-content span{
    display: block;
    margin-bottom: 10px;
    word-break: break-all;
}

.file-uploader {
    margin-left: 10px;
}

.file-uploadtime {
    margin-left: 30px;
}

.file-download {
    color: #3895FF;
    float: right;
}

.btn-alert {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-top: -5px;
    background-image: url('../img/icons/icon_alert.png');
    background-size: 100%;
    display: inline-block;
}

.mission-mask-expired-1 {
    background-image: url('../img/icons/missions/mask_1daysexpired_2x.png');
    background-size: 100% 100%;
}

.mission-mask-expired-2 {
    background-image: url('../img/icons/missions/mask_2daysexpired_2x.png');
    background-size: 100% 100%;
}

.mission-mask-expired-3 {
    background-image: url('../img/icons/missions/mask_3daysexpired_2x.png');
    background-size: 100% 100%;
}

.mission-mask-expired-3p {
    background-image: url('../img/icons/missions/mask_3pdaysexpired_2x.png');
    background-size: 100% 100%;
}

.mission-mask-expired-7p {
    background-image: url('../img/icons/missions/mask_7pdaysexpired_2x.png');
    background-size: 100% 100%;
}

.mission-mask-expired-30p {
    background-image: url('../img/icons/missions/mask_30pdaysexpired_2x.png');
    background-size: 100% 100%;
}

.mission-mask-1 {
    background-image: url('../img/icons/missions/mask_tmr_2x.png');
    background-size: 100% 100%;
}

.mission-mask-2 {
    background-image: url('../img/icons/missions/mask_2days_2x.png');
    background-size: 100% 100%;
}

.mission-mask-3 {
    background-image: url('../img/icons/missions/mask_3days_2x.png');
    background-size: 100% 100%;
}

.mission-mask-3p {
    background-image: url('../img/icons/missions/mask_3pdays_2x.png');
    background-size: 100% 100%;
}

.mission-mask-7p {
    background-image: url('../img/icons/missions/mask_7pdays_2x.png');
    background-size: 100% 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/icons/missions/mask_7pdays_2x.png', sizingMethod='scale')";
}

.mission-mask-30p {
    background-image: url('../img/icons/missions/mask_30pdays_2x.png');
    background-size: 100% 100%;
}

.mission-mask-today {
    background-image: url('../img/icons/missions/mask_today_2x.png');
    background-size: 100% 100%;
}

.holiday {
    color: #FFAB25;
    margin-left: 10px;
    font-size: 18px;
    line-height: 30px;
    height: 30px;
}

.table-child {
    background-color: #f3f3f3;
}

/*****************select box start*****************/
.select-box-input {
    width: 180px !important;
    height: 34px !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-family: 'Microsoft YaHei' !important;
    color: #333333 !important;
}

.select-box-none {
}

.select-box-normal {
    color: black;
}

.select-box-first {
    font-weight: bold;
    font-size: 14px;
}

.select-box-second {
    padding-left: 10px;
}
span.select-box-third {
    padding-left: 30px;
}

.bfh-selectbox-options {
    border-radius: 0px !important;
    margin-top: 5px !important;
}

.bfh-selectbox-options {
    width: 178px !important;
}

.bfh-selectbox-toggle .caret {
    margin-top: 13px !important;
    border-top: 6px solid #000000 !important;
    border-right: 3px solid transparent !important;
    border-left: 3px solid transparent !important;
}

.bfh-selectbox-option {
    font-size: 16px !important;
    height: 30px !important;
    line-height: 30px !important;
}

.bfh-selectbox-toggle {
    padding: 1px 6px !important;
    border-radius: 0px !important;
    width: 166px !important;
}

.bfh-selectbox-option span {
    padding-left: 5px !important;
}

.bfh-selectbox-options .bfh-selectbox-filter {
    width: 150px;
    margin-left: 7px;
}

.bfh-selectbox-options ul[role=options] {
    width: 178px !important;
}
/*****************select box end*****************/

/*****************staff index start**************/
.headline {
    font-size: 16px;
}

.normalfont {
    font-size: 14px;
}

.smfont {
    font-size: 12px;
}

.hrow {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.hrow .left-content, .hrow .middle-content {
    height: auto;
    min-height: 360px;
    padding: 20px;
}

.hrow .left-content {
    width: 278px;
}

.hrow .middle-content {
    width: 598px;
}

.hrow.inverse .left-content {
    margin-right: 0px;
}

.hrow.inverse .middle-content {
    margin-right: 20px;
}

.staff-outer {
    width: 278px;
    height: 100px;
    float: left;
    margin-bottom: 20px;
}

.staff-outer .staff-icon {
    width: 90px;
    height: 90px;
    border-radius: 45px;
    float: left;
}

.staff-outer .staff-text {
    width: 158px;
    height: 80px;
    float: left;
    margin-left: 20px;
    margin-top: 10px;
}

.staff-outer .staff-text .staff-name {
    font-weight: bold;
    display: block;
    width: 158px;
    letter-spacing: 5px;
}

.staff-outer .staff-text .staff-feature-outer {
    width: 158px;
    float: left;
    margin-bottom: 10px;
    height: 20px;
    font-size: 14px;
}

.staff-text .title {
    width: 40px;
    color: #666666;
    float: left;
}

.staff-outer .staff-text .staff-jobtitle, .staff-outer .staff-text .staff-jobnumber {
    width: 100px;
    color: #333333;
    float: left;
}

.staff-information-outer {
    width: 278px;
    float: left;
    height: 20px;
    margin-bottom: 20px;
}

.staff-information-outer .progress {
    width: 140px;
    float: left;
    margin-bottom: 0px;
}

.staff-information-outer .bar-text {
    margin-left: 5px;
    margin-right: 5px;
    color: #6ED825;
    font-size: 12px;
    width: 30px;
}

.staff-information-outer .completeinfo {
    width: 97px;
    float: right;
    text-align: right;
}

.staff-information-outer .completeinfo a {
    cursor: pointer;
    text-decoration: underline;
    color: #39579E;
}

.staff-manage-btns-outer {
    width: 278px;
    float: left;
    height: 200px;
}

.staff-manage-btn {
    height: 95px;
    width: 100%;
    float: left;
    border-radius: 5px;
    cursor: pointer;
    background-image: linear-gradient(-135deg,#58A2FF 0%,#2D8AFF 100%);
    color: #ffffff;
    font-family: 'Microsoft YaHei';
    font-size: 18px;
    background-size: 100% 100%;
}


.staff-manage-btn:hover {
    background-image: linear-gradient(-135deg,#4480CC 0%,#246ECA 100%);
}

.staff-manage-btn .ico {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: text-bottom;
}

.applytask-btn {
    /*background-image:url('../img/icons/userindex/icon_bg_applytask_2x.png');*/
}

.leave-btn {
    /*background-image:url('../img/icons/userindex/icon_bg_leave_2x.png');*/
}

.staff-manage-btn .ico-task {
    background: url('../img/icons/userindex/icon_taskapply_2x.png');
    background-size: 100% 100%;
}

.staff-manage-btn .ico-leave {
    background: url('../img/icons/userindex/icon_leave_2x.png');
    background-size: 100% 100%;
}

.home-btn-mask {
    width: 100%;
    height: 100%;
    line-height: 95px;
    text-align: center;
    /*background-color: rgba(0,0,0,0.4);*/
    border-radius: 5px;
    position: relative;  
}
.home-btn-mask .btn-content{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home-btn-mask-leave{
    width: 100%;
    height: 100%;
    background-image:url('../img/icons/userindex/icon_bg_leave_2x.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 100px;
    filter:alpha(opacity=10);
    -moz-opacity:0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1;
}
.home-btn-mask-applytask{
    width: 100%;
    height: 100%;
    background-image:url('../img/icons/userindex/icon_bg_applytask_2x.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 100px;
    filter:alpha(opacity=50);
    -moz-opacity:0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1;
}
.home-btn-mask:hover {
    width: 100%;
    height: 100%;
    line-height: 95px;
    text-align: center;
    /*background-color: rgba(0,0,0,0.6);*/
}

@media \0screen\,screen\9 { /* 只支持IE6、7、8 */
    .home-btn-mask {
        /*background-color:#000000;
    filter:Alpha(opacity=40);*/
        position: static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
        *zoom: 1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
        border-radius: 5px;
    }

    .home-btn-mask:hover {
        /*background-color:#000000;
filter:Alpha(opacity=60);*/
    }

    .home-btn-mask span {
        position: relative; /* 设置子元素为相对定位，可让子元素不继承Alpha值 */
    }
}
/*
    .staff-manage-btn:nth-child(odd) {
        margin-right: 10px;
        background-color: green;
    }

    .staff-manage-btn:nth-child(even) {
        margin-left: 10px;
        background-color: red;
    }
*/
.area-title {
    height: 30px;
    line-height: 30px;
}

.area-title .title {
    font-weight: bold;
}

.area-title .more {
    float: right;
    cursor: pointer;
    color: #666666;
}

.area-content {
    float: left;
    width: 100%;
    min-height: 310px;
    margin-top: 20px;
}

.tab.horizontal {
    width: 100%;
    float: left;
    height: 30px;
}

.tab.horizontal .tab-item {
    width: 60px;
    float: left;
    margin-right: 40px;
    text-align: center;
    cursor: pointer;
    color: #3894FF;
    padding: 2px;
}

.tab.horizontal .tab-item.active {
    background-color: #3894FF;
    border-radius: 2px;
    color: #ffffff;
}

.area-content select {
    width: 100%;
    background-color: #DFF1F7;
    font-family: 'Microsoft YaHei';
    border: 0;
    color: #666666;
    margin-bottom: 0px;
    border-radius: 2px;
}

.kpi-progress-outer {
    width: 100%;
    float: left;
}

.kpi-progress-outer .progress {
    width: 68%;
    float: left;
}

.kpi-progress-outer .bar-text {
    width: 32%;
    float: left;
    text-align: right;
}

.kpi-progress-outer .bar-text .kpi-nume {
    color: #5eb95e;
}

.personal-chart {
    margin-top: -10px;
    width: 100%;
    height: 200px;
}

.area-title select {
    background-color: #DFF0F7;
    font-family: 'Microsoft YaHei';
    border: 0;
    color: #666666;
    float: left;
    margin-bottom: 0;
}

.section-staff-info-outer {
    width: 289px;
    float: left;
    margin-bottom: 10px;
}

.section-staff-info-outer:nth-child(odd) {
    margin-right: 20px;
}

.section-staff-info-icon-outer {
    width: 60px;
    text-align: center;
    float: left;
    margin-right: 10px;
}

.section-staff-info-icon {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    display: block;
    margin-left: 10px;
    margin-bottom: 10px;
}

.section-staff-info-name {
}

.section-staff-info-data-outer {
    font-size: 12px;
    color: #666666;
    float: left;
    width: 219px;
}

.section-staff-info-data-outer .hrow {
    margin-bottom: 5px;
}

.section-staff-info-data-outer .title {
    width: 20%;
    text-align: left;
    float: left;
}

.section-staff-info-data-outer .hprogress-bar {
    width: 65%;
}

.section-staff-info-data-outer .hbar-text {
    width: 10%;
    float: left;
    margin-left: 5%;
    overflow: visible;
}

.hprogress-bar {
    width: 100%;
    float: left;
    height: 20px;
}

.hprogress-bar.hbar-submitted .hbar {
    background-color: #3894FF;
}

.hprogress-bar.hbar-submitted .hbar-text {
    color: #3894FF;
}

.hprogress-bar.hbar-approved .hbar {
    background-color: #6ED825;
}

.hprogress-bar.hbar-approved .hbar-text {
    color: #6ED825;
}

.hprogress-bar.hbar-incompleted .hbar {
    background-color: #999999;
}

.hprogress-bar.hbar-incompleted .hbar-text {
    color: #999999;
}

.hprogress-bar.hbar-rejected .hbar {
    background-color: #FFAB25;
}

.hprogress-bar.hbar-rejected .hbar-text {
    color: #FFAB25;
}

.hbar {
    float: left;
    height: 7px;
    margin-top: 7px;
    border-radius: 100px;
}
/**************staff index end*******************/

/**************about us start********************/
.line-sm {
    width: 40px;
    border-top: 4px solid #ffab25;
    height: 2px;
    display: block;
    margin-top: 20px;
}

.line-all {
    width: 100%;
    border-top: 4px solid #ffab25;
    height: 2px;
    display: block;
}

.desc-outer {
    width: 62%;
    margin-left: 19%;
    margin-right: 19%;
    float: left;
}

.desc-outer .desc {
    color: #404040;
    line-height: 36px;
    font-size: 1.6em;
    min-width: 600px;
}

.desc-title-left {
    margin-top: 55px;
    display: inline-block;
    margin-left: -100px;
}

.desc-title-left span {
    font-size: 34px;
    line-height: 64px;
}

.bg-screen-1 {
    background-image: url('../img/icons/about/bg_screen1_1280.png');
    background-position: center bottom;
    background-color: #F6F7F8;
    background-repeat: no-repeat;
}

.bg-screen-1 .desc-outer {
    width: 62%;
    height: 300px;
    margin-left: 19%;
    margin-right: 19%;
    float: left;
    padding: 10px;
}

.bg-screen-1 .desc-outer .desc {
    color: #404040;
    line-height: 36px;
    font-size: 1.6em;
}

.bg-screen-1 .desc-outer .bg-ico {
    margin: 50px auto;
    height: 80px;
    background-image: url('../img/icons/about/logo_aboutus_2X.png');
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
}

.bg-screen-2 {
    background-image: url('../img/icons/about/bg_screen2_2_1280.png');
    background-size: 100% 100%;
}

.bg-screen-2 .bg-header {
    background-image: url('../img/icons/about/bg_screen2_1280.png');
    background-size: 100% 100%;
    width: 100%;
    min-height: 150px;
    _height: 150px;
    position: relative;
}

.bg-screen-2 .bg-header .desc {
    color: #f6f7f8;
    font-size: 2em;
    font-family: 'Microsoft YaHei';
    letter-spacing: 3px;
    line-height: 34px;
    position: absolute;
    top: -34px;
    width: 52%;
    margin-left: 24%;
}

.bg-screen-2 .posi-center-outer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
}



.bg-screen-2 .desc-title-left span {
    color: #ffab25;
}

.bg-screen-3 .desc-title-left span {
    color: #f6f7f8;
}

.bg-screen-3 .desc-outer {
    width: 61%;
    margin-left: 19.5%;
}

.bg-screen-3 .desc {
    color: #f6f7f8;
}

.bg-screen-3 {
    background-image: url('../img/icons/about/bg_screen3_1280.png');
    background-size: 100% 100%;
}

.bg-screen-4 {
    background-image: url('../img/icons/about/bg_screen2_2_1280.png');
    background-size: 100% 100%;
    position: relative;
}

.bg-screen-4 .bg-outer {
    width: 80%;
    height: 50%;
    margin-left: 10%;
    float: left;
}

.bg-screen-4 .bg-outer .bg {
    width: 32%;
    height: 100%;
    float: left;
    background-position: bottom left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-color: #ffffff;
}

.bg-screen-4 .bg-outer .bg:nth-child(even) {
    margin-left: 2%;
    margin-right: 2%;
}

.bg-screen-4 .bg-1 {
    background-image: url('../img/icons/about/bg_icon_easy_2x.png');
}

.bg-screen-4 .bg-2 {
    background-image: url('../img/icons/about/bg_icon_safe_2x.png');
}

.bg-screen-4 .bg-3 {
    background-image: url('../img/icons/about/bg_icon_efficient_2x.png');
}

.bg-screen-4 .posi-center-outer {
    width: 100%;
    height: 100%;
    top: 50%;
    position: absolute;
}

.bg-screen-4 .posi-center-outer > div {
    height: 65%;
    top: -32.5%;
    position: absolute;
}

.bg-screen-4 .ico {
    width: 50px;
    height: 50px;
    margin: 20px auto 20px;
}

.bg-screen-4 .text {
    color: #42a7ff;
    font-size: 20px;
    letter-spacing: 10px;
    text-align: center;
}

.bg-screen-4 .bg-1 .ico {
    background-image: url('../img/icons/about/icon_easy_2x.png');
    background-size: 100% 100%;
}

.bg-screen-4 .bg-2 .ico {
    background-image: url('../img/icons/about/icon_safe_2x.png');
    background-size: 100% 100%;
}

.bg-screen-4 .bg-3 .ico {
    background-image: url('../img/icons/about/icon_efficient_2x.png');
    background-size: 100% 100%;
}

.bg-screen-4 .sub-desc {
    font-size: 1.4em;
    line-height: 24px;
    color: #404040;
    padding: 20px 35px;
}

.bg-screen-4 .sub-desc p {
    margin-bottom: 12px;
    margin-bottom: 0.5em;
}


.bg-screen-5 {
    background-image: url('../img/icons/about/bg_screen4_1280.png');
    background-size: 100% 100%;
}

.bg-screen-5 .desc-title-left span {
    color: #f6f7f8;
}

.bg-screen-5 .desc-outer .desc {
    margin-left: -100px;
    margin-right: -100px;
    margin-top: 55px;
}

.desc-outer .desc .col {
    font-size: 18px;
    height: 70px;
    line-height: 70px;
    float: left;
    background-color: #ffffff;
    color: #404040;
}

.desc-outer .desc .col1, .desc-outer .desc .col2 {
    width: 22%;
}

.desc-outer .desc .col3 {
    width: 31%;
}

.desc-outer .desc .col span {
    padding-left: 50px;
}

.desc-outer .desc .title-col span {
    padding-left: 0px;
}

.desc-outer .desc .title-col {
    background-color: #EBF5FF;
    text-align: center;
    width: 25%;
}

.desc-outer .desc .blue-col {
    color: #3894ff;
}

.bg-screen {
    width: 1280px;
    height: 100%;
    margin: 0px auto;
    color: #000000;
    height: 85%;
    margin-top: 10%;
    margin-bottom: 5%;
}
/**************about us end********************/

/************** V0.2 Report Start **************/
.btn.right{
    float: right;
}
.text-div{
    float: left;
    width: 100%;
}
.progress-new-sm{
    width:400px!important;
}
.minusscore {
    color: #FFAB25;
}
.addscore {
    color: #3894FF;
}
.mtop-line-outer{
    width: 100%;
    float: left;
    margin-bottom: 10px;
    border-bottom: 1px dashed #3894ff;
    padding: 0px 0px 10px 0px;
}
.mtop-line-outer .checkboxradio-outer{
    float: left;
    margin-left: 10px;
}
.mtop-line-outer .line-title{
    color: #3894ff;
    font-size: 18px;
    float: left;
    line-height: 32px;
}
.mtop-left-outer .left{
    width: 560px;
    float: left;
    border-right: 1px solid #ccc;
    margin-right: 10px;
}
.mtop-left-outer .right{
    width: 120px;
    float: left;
}
.mtop-left-outer .right .score{
    font-weight: bold;
    display: block;
    margin: 0 10px;
    height: 30px;
    line-height: 30px;
}
.mtop-left-outer .right .weight-font {
    display: block;
    text-align: right;
}

.addscore.score + .weight-font{
    color: #3894FF;
}
.minusscore.score + .weight-font{
    color: #FFAB25;
}
.prepare-print-btn{
    margin-left: 20px;
}
/*************** V0.2 Report End***************/
.must-flag {
    color: red;
}
.report-tip-outer{
        position: absolute;
        left: 50px;
        z-index: 10003;
    }
    .report-tip{
        position: absolute;
        background-color: #000000;
        text-align: center;
        background-color: rgba(0,0,0,0.7);
        position: absolute;
        text-align: center;
        z-index: 1;
        border-radius: 2px;
        box-shadow: 0px 2px 4px 0px black;
    }
    .report-tip span{
        color: #FFFFFF;
        display: inline;
        text-align: center;
        display: block;
        float: none;
        font-size: 14px;
    }
    .report-tip-lg{
        width:150px;
    }
    .report-tip-sm{
        width:100px;
    }
    .report-tri-left{
        width:0;   
        height:0;   
        border-top: 1px solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 20px solid rgba(0,0,0,0.7);
        position: absolute;
        left: -20px;
        top:5px;
    }
.hmodal .search-btns-outer,.modal .search-btns-outer {
    margin-top: 10px;
    float: left;
    width: 100%;
}
.modal .search-btns-outer .btn, .hmodal .search-btns-outer .btn {
    float: right;
    margin-left: 20px;
}
.hprimarymodal .modal-header {
    background-color: #F6F9FE;
    border-bottom: 1px solid #bbbbbb;
}
.hprimarymodal .modal-header .title {
    font-size: 20px;
    font-weight: bold;
    color: #4A98F0;
    word-break: break-all;
}
.hprimarymodal .modal-footer {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #ffffff;
}
.hprimarymodal .search-btns-outer .btn{
    float: right;
    margin-left: 20px;
}

a.danger{
    color:#E22828;
}

/*********************** wizard start *************************/
.absolute-ico{
    position: absolute;
    cursor: pointer;
}
.absolute-ico.left{
    left: 0px;
}
.absolute-ico.right{
    right: 0px;
}
.absolute-ico.top{
    top: 0px;
}
.absolute-ico.bottom{
    bottom: 0px;
}
/*********************** wizard end   *************************/

/*********************** video start *************************/
.video-p video{
    width:100%;
    background-color: #000000;
    height: 278px;
}