@charset "utf-8";
body{
    min-width: 1312px;
    min-height: 768px;
}

.blue {
    color: #05a4ff;
}
.red {
    color: red;
}

.color-000 {
    color: #000000;
}

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

/*就业通页面公用部分代码*/
.layout, .layout2 {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.layout3 {
    width: 1360px;
    margin:0 auto;
}

.layout2 {
    min-width: 1312px;
}

.pd-30 {
    padding: 30px !important;
}
.pl-50{
    padding-left: 50px !important;
}

.pdl-0 {
    padding-left: 0 !important;
}

.mlb20 {
    margin-bottom: 20px !important;
}

.mlb40 {
    margin-bottom: 40px !important;
}

/**蓝色按钮**/
.blue-link {
    color: blue !important
}

.btn-blue {
    background-color: #05a4ff;
    color: #fff;
    border: 1px solid #25abfe;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
    background-color: #148bdb;
    color: #fff;
    outline: none;
    border: 1px solid #0394ee;
}

/**选项卡**/
.tab li {
    float: left;
    padding: 5px 30px;
    margin-top: 5px;
    color: #fff;
    cursor: pointer;
}

.tab li.on {
    background-color: #fff;
    color: #333;
}

.tab-content {
    display: none;
}

.tab2 li {
    float: left;
    background: #ececec; /*background: url("../img/index/blogroll-bg.png"); */
    text-align: center;
    margin-top: 15px;
    border: solid #dcdcdc;
    border-width: 0px 1px 1px 0px;
    box-sizing: border-box;
    width: 100px;
    line-height: 50px;
    height: 50px;
    cursor: pointer;
    font-size: 16px;
    color: #808080;
}

.tab2 li.on {
    background: none;
    border: solid #05a4ff;
    border-width: 1px 1px 0px 1px;
    font-size: 16px;
    color: #333;
}

.tab2-content {
    display: none;
}

.last {
    margin: 0px !important;
    padding: 0px !important;
}

.pointer {
    cursor: pointer
}

.fixed-bottom {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
}

/*头部*/
/* .header, .header2 {
    position: relative;
    background-color: #fff;
    height: 60px;
    width: 100%;
    font-size: 14px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}

.header2 {
    height: auto;
}

.header .logo {
    float: left;
    position: relative;
    color: #fff;
    line-height: 50px;
    height: 60px;
    font-size: 39px;
    padding-left: 40px;
    left: 50px;
}
.header .logo>a{
    margin-top:11px;
}

.header .title-two {
    height: 60px;
    line-height: 58px;
    float: left;
    font-size: 18px;
    color: #333333;
    margin-left: 64px;
}

.header .title-two li {
    float: left;
    padding: 0 23px;
    cursor: pointer;
    font-size: 17px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 2px solid transparent;
}

.header .right-list {
    width: 369px;
    height: 60px;
    line-height: 58px;
    float: right;
    color: #fff;
    font-size: 14px;
}

.header .right-list ul li {
    float: left;
}

.header .right-list ul .first {
    padding-right: 35px;
}

.header .right-list .telephone {
    height: 60px;
    width: 237px;
    position: relative;
    font-size: 16px;
    color: #fff;
    font-weight: bolder;
    float: right;

}

.header .right-list .telephone .row1 {
    right: 32px;
}

.header .right-list .first i {
    font-size: 20px;
    position: relative;
    top: 1px;
    right: 4px;
}

.header .title-two li a {
    color: #333;
}

.header {
    display: inline-block;
}
.logo-img {
    display: inline-block;
    margin-top: 10px;
}

.header .title-two li {
    position: relative;
}

.header .title-two .guide-index:hover, .header .title-two .list-first:hover {
    background: #fff;
    color: #05a4ff;
    line-height: 58px;
    border-top: 2px solid #05a4ff;
    border-left: 1px solid #efeeee;
    border-right: 1px solid #efeeee;
}

.header .title-two li.on a {
    color: #05a4ff;
}

.header .title-two .on {
    line-height: 58px;
    border-top: 2px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.header .selectDown {
    display: none;
    position: absolute;
    top: 58px;
    left: 0;
    z-index: 9999;
    border-left: 1px solid #efeeee;
    border-right: 1px solid #efeeee;
    border-bottom: 1px solid #efeeee;
}

.header .selectDown li {
    font-size: 15px;
    line-height: 25px;
    background: #fff;
    padding: 9px 20px !important;
    text-align: left;
    width: 340px;
    height: 67px;
    color: #333333;
    box-sizing: border-box;
}

.header .title-two .selectDown .link-list {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 10px 15px;
    color: #333;
}

.header .selectDown li .t2 {
    color: #a79c8e;
    font-size: 13px;
}

.header .title-two .selectDown li:hover, .header .title-two .selectDown li.active {
    background: #e8f4ff;
    color: #7ab3ff;
}

.header .guide-index:hover .selectDown {
    display: block;
} */
/***头部**/
.header{background-color: #05a4ff;}
.header .layout,.header .layout2{  background: url("../img/index/dwwt.png") no-repeat 0px;  height: 70px;  }
.header .layout,.header .layout2{height: 70px;  }
.header .nav{padding: 0px 0px 0 160px;}
.header .hotline{  position: absolute;  right: 0px;  top: 25px;  color: #fff;  }
.header .hotline span{  color: #ffff33;  font-size: 16px;  font-weight: bold;  padding-left: 15px;  }
.header .nav>li{float:left;position: relative;height: 70px;line-height: 70px;color: #fff;font-size: 14px;}
.header .nav>li.on{background: #fff;}
.header .nav .nav_a{position: relative; float: left;  height: 70px;  line-height: 70px;  font-size: 16px;  padding: 0px 15px;  color: #fff;  }
.header .nav .on .nav_a{color: #05a4ff;}
.header .nav .child{ position: absolute;top:70px;  left:0px; height:auto; width: 480px; z-index:999;display: none;/* -webkit-transition: height .5s;  transition: height .5s;  height:0px;  filter:alpha(opacity=0); /!* IE *!/  -moz-opacity:0; /!* 老版Mozilla *!/  -khtml-opacity:0; /!* 老版Safari *!/  opacity: 0; /!* 支持opacity的浏览器*!/ */ }
.header .nav .child .child-right .title{font-size: 16px;line-height: 40px;color:#333333;font-weight: bold;margin-bottom:8px;margin-left: -15px;}
.header .nav .list-descript{list-style:disc;line-height: 30px;color: #999;}
.head-top span {margin-right: 20px;}
.head-top {    height: 42px;
    line-height: 40px;
    color: #098ed5;
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 1;
    border-bottom: 1px solid #098ed5;
    top: 0;}
.head-top a {
    color: #098ed5;
}
.head-top a:hover, .head-top a:link, .head-top a:active {color: #065d8c;text-decoration: none;}
.header del{
    font-weight:normal;color:#999;font-size: 13px;
}
.header .child .child-left{  float: left;  width: 25%;  text-align: center;  line-height: 30px;  background-color: #05a4ff;  color: #fff;  cursor: pointer;  height: 100%;  }
.header .child-left li.on{background-color: #0098ef;}
.header .child .child-right{  float: left;  padding: 15px 0px; padding-left: 40px; position: relative;  height: 270px;  box-sizing: border-box;  display: none;  background: #fff;  width: 75%;  }
.child-right .btn-blue{  position: absolute;  bottom: 10px;  right: 10px;  padding: 5px 10px;  }
.list-down{
    display: block;
    position: absolute;
    top: 70px;
    z-index: 999;
    width: 110px;
    background: #05a4ff;
    color: #fff;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    display: none;
}
.list-down li:hover {
    background-color: #049cf3;
}
.list-down li{
    cursor: pointer;
}
.list-down li a{
    color:#fff;
}
/*底部*/
.footer {
    width: 100%;
    text-align: center;
    background-color: #f9f9f9;
    height: 100px;
    padding-top: 28px;
    line-height: 25px;
    border-top: 2px solid #05a4ff;
}

/*面包屑*/
.bread {
    margin: 20px 0 30px;
}

.bread .on {
    color: #05a4ff;
}

/*侧边固定服务*/
.problem-transparent {
    position: absolute;
    height: 196px;
    width: 280px;
    right: 43px;
    bottom: -6px;
    z-index: -1;
    display: none;
}

.bottom-fixed {
    position: fixed;
    top: 192px;
    right: 0;
    background: #808080;
    padding: 5px;
    width: 48px;
    border: 1px solid #f3f2f2;
}
.fix-list{
    opacity: 1;
    filter:alpha(opacity=100);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.hide-opacity{
    opacity:0;
    filter:alpha(opacity=0);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.fix-list, .fix-list-top {
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    padding: 8px 2px;
    position: relative;
    font-size: 12px;
    cursor: pointer;
    border-bottom: 1px solid #eeeeee;
    margin-top: 6px;
}

.fix-list:hover, .fix-list.on {
    /* color: #05a4ff; */
}

.border-b-0 {
    border-bottom: 0 !important;
}

.fix-list .download-img {
    display: inline-block;
    font-size: 25px;
}

.border-top-0 {
    border-top: none;
}

.fix-list .des-b, .fix-list-top .des-b {
    margin: 0;
    font-size: 12px;
}

.code-show {
    display: none;
    position: absolute;
    left: -128px;
    top: -51px;
    width: 165%;
    padding: 2px;
    border: 1px solid #015aba;
}

.fix-list-top .download-img {
    display: inline-block;
    width: 23px;
    height: 23px;
}

.link_top {
    position: absolute;
    width: 71px;
    height: 59px;
    left: 0;
    top: 0;
}

.problem-block {
    display: none;
    background: #fff;
    position: absolute;
    width: 220px;
    right: 57px;
    bottom: -4px;
    padding: 10px 15px;
    color: #333;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.problem-block:after {
    content: '';
    border: 10px solid transparent;
    border-left-color: #fff;
    position: absolute;
    bottom: 15px;
    left: 100%;
}

.problem-title {
    font-size: 16px;
    text-align: center;
    padding-bottom: 4px;
    border-bottom: 1px dashed;
    line-height: 36px;
    font-weight: bold;
}

.list-pro {
    line-height: 23px;
    margin-top: 5px;
    text-align: left;
    font-size: 10px;
}

.list-pro li:hover {
    color: #05a4ff;
    text-decoration: underline;
}

.first-block:hover .problem-block {
    display: block;
}

.icon-iconfontclose {
    position: absolute;
    right: 6px;
    top: 2px;
}

.icon-iconfontclose:hover {
    color: #05a4ff;
}

.problem-block .more-btn {
    text-align: center;
    border: 1px solid #05a4ff;
    color: #05a4ff;
    display: inline-block;
    padding: 0px 10px;
    margin: 5px 0;
    line-height: 22px;
}

.code-block {
    width: 130px;
    padding: 10px;
}

.code-block img {
    display: block;
    margin: 0 auto;
}

.code-block p {
    line-height: 15px;
    font-size: 10px !important;
    text-align: center;
    margin-top: 5px;
}

.code-li:hover .code-block {
    display: block;
}

.phone-number {
    color: #05a4ff;
    font-size: 16px;
}

.online-time {
    font-size: 12px;
}

.phone-block {
    width: 190px;
}

.phone-li:hover .phone-block {
    display: block;
}
.left-box{
    position: absolute;
    z-index: 9;
    right:-100px;
    top: 96px;
    cursor: pointer;
    transition: all .6s;
    -webkit-transition: all .6s;
}
.move-animate{
    right:-3px;
    transition: all .6s;
    -webkit-transition: all .6s;
}
.close-box{
    position: relative;
    right: 0;
    top: 2px;
}
.pd-reset{
    padding: 0px 2px;
    margin-top: 0 !important;
    position: absolute;
    height: 30px;
    width: 100%;
    background: #fff;
    left: 0;
    bottom: -26px;
}
.pd-reset:hover{
    background: #fcfcfc;
}
/*左侧导航区块*/
/*.row {*/
/*float: left;*/
/*!*margin:20px auto 0 auto;*!*/
/*}*/

.row .left {
    width: 205px;
    background: #fff;
}

.service .row .left {
    height: 672px;
}

.row .right, .row .right2 {
    float: right;
    width: 802px;
    height: auto;
    position: relative;
    /* background: #fff; */
}

.row .right2 {
    width: 1096px;
}

.row .right .r-mesg, .row .right .r-service {
    width: 395px;
    height: 195px;
    border-radius: 10px;
    float: right;
    background: #fff;
}

.row .right .r-mesg {
    width: 100%;
    margin-right: 10px;
    float: left;
    padding: 20px 10px 30px 20px;
    font-size: 13px;
    color: #333;
}

.row .right .r-mesg li {
    line-height: 24px
}

.row .right .r-mesg .orange {
    color: #05a4ff;
    font-weight: bolder;
    cursor: pointer;
}

.row .right .mesg-tittle {
    font-size: 18px;
    color: #05a4ff;
    padding-bottom: 15px;
    padding-left: 24px;
    position: relative;
}

.row .right .r-mesg .mesg-des {
    float: left;
}

.row .right .r-mesg .mesg-date {
    float: right;
}

.row .right .r-service {
    padding: 20px 15px 30px 30px;
}

.row .right .r-service .service-table {
    width: 349px;
    text-align: center;
    vertical-align: middle;
    border-collapse: collapse

}

.row .right .r-service .service-table .h-set {
    height: 26px;
}

.row .right .r-service .service-table .first {
    border-top: 1px solid #ccc;
    width: 349px;
}

.row .right .r-service .service-table td {
    font-size: 14px;
    color: #333;
    padding: 40px 5px;
}

.row .right .r-service .service-table .btn {
    width: 81px;
    position: relative;
}

.row .right .r-service .service-table .btn a {
    padding: 5px 10px;
    background: #05a4ff;
    color: #fff;
    font-size: 14px;
    display: block;
    width: 70px;
    border-radius: 8px;
    position: absolute;
}

.row .right .r-service .service-table .btn .sq {
    top: -3px;
}

.row .right .r-service .service-table .btn .fw {
    top: 34px;
}

.clear {
    clear: both;
}

.r-show {
    margin: 13px 0;
}

.q-answer {
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 10px;
    padding: 30px 30px;
    box-sizing: border-box;
    margin: 15px 0 20px 0;

}

.q-answer .question {
    font-size: 14px;
    color: #333;
    line-height: 31px;
    margin-bottom: 15px;
}

.q-answer .question p, .q-answer .question p span {
    margin-left: 1em;
}

.q-answer .question h3 {
    cursor: pointer;
    font-weight: normal;
}

.q-answer .mesg-tittle .more {
    float: right;
    color: #05a4ff;
}

.q-answer .mesg-tittle {
    font-size: 16px;
}

.r-show img {
    width: 801px;
    border-radius: 10px;
}

.row .left .top {
    width: 175px;
    height: 228px;
    border-radius: 15px 15px 0 0;
    /* background: #05a4ff; */
    /* color:#fff; */
    font-size: 12px;
}

.row .left .top p {
    line-height: 18px;
}

.row .left .bottom {
    width: 190px;
    /* height: 476px; */
    background: #fff;
}

.service .row .left .bottom {
    height: 367px;
}

.personal-tittle {
    display: block;
    margin: 0px auto 0px auto;
    padding: 35px 0 19px 0;
}

.row .left .top p {
    text-align: center;
    padding-top: 8px;
}

.row .left .top .companey-name {
    font-weight: bolder;
}

.row .left .bottom .personal-information {
    margin: 0 10px;
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #dcdcdc;
}

.row .left .bottom .list {
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    margin: 0;
    margin-bottom: 10px;
    position: relative;
}

.row .left .bottom .list > a {
    color: #333;
    font-size: 14px;
}

.row .left .bottom .on a {
    color: #05a4ff;
}

.row .left .bottom .list a:hover {
    color: #05a4ff;
}
.row .left .bottom .list.on i{
    color: #05a4ff;
}
.color-orange{
    color: #05a4ff !important;
}
.pr-20{
    padding-right: 20px;
}
.row .left .bottom .list i {
    font-size: 18px;
    padding-right: 10px;
    color: #404040;
}

.row .left .bottom .list .tip {
    position: absolute;
    display: block;
    width: 45px;
    height: 18px;
    line-height: 18px;
    border-radius: 7px 7px 7px 0;
    font-size: 10px;
    text-align: center;
    background: #05a4ff;
    color: #fff;
    right: 16px;
    top: 0px;
}

.row .left .bottom .right-icon {
    background: url('../img/personal/right.png') no-repeat;
    width: 23px;
    height: 25px;
    position: absolute;
    right: 15px;
    top: 16px;
}

.row .right .list-b {
    height: 148px;
    margin-bottom: 30px;
}

.row:after {
    clear: both;
}

.row:before, .row:after {
    display: table;
    content: " ";
}

.question-icon, .mesg-icon, .service-icon, .edit-icon, .order-icon {
    width: 23px;
    height: 25px;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 5px;
}

.question-icon {
    top: 1px;
}

.line {
    height: 1px;
    width: 81%;
    margin: 0 auto;
    background: #efefef;
}

.personal-index .row .left .bottom {
    height: 452px;
    padding: 20px 0 0 26px;
}

/*弹窗样式*/
/*弹窗浮层*/
.guide-show {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, .4);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    z-index: 100;
    top: 0;
    left: 0;
}

.dialog-pay{
    width: 342px;
    height: 176px;
    position: absolute;
    z-index: 999999;
    border: 2px solid #05a4ff;
    background: #fff;
    top: 50%;
    margin-top: -87px;
    left: 50%;
    margin-left: -170px;
    box-sizing: border-box;
    padding: 28px 38px 14px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
}

.dialog-pay .attension {
    color: #05a4ff;
}

.dialog-pay button{
    font-size:16px;
    color:#fff;
    width:121px;
    height: 35px;
    line-height: 35px;
    background:#05a4ff;
    border-radius:5px;
    margin:4px  3px 0 4px;
    cursor: pointer;
}

.dialog-pay button a{
    color:#fff;
}
/*弹窗宽高设置*/
.dialog {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -163px;
    z-index: 10002;
    width: 437px;
    /*height: 247px;*/
    background: #fff;
}

.personal-index .dialog2 {
    width: 536px !important;
    height:400px;
    /*min-height: 350px !important;*/
    margin-left: -255px;
    margin-top: -175px;
}

.dialog-block {
    width: 100%;
    /*height: 100%;*/
    position: relative;
}

.dialog-block .dialog-close {
    position: absolute;
    right: 10px;
    top: 15px;
    cursor: pointer;
}

.title-b {
    text-align: center;
    font-weight: bolder;
    font-size: 18px;
}

.dialog-title {
    height: 40px;
    line-height: 40px;
    background: #05a4ff;
    padding-left: 22px;
    font-size: 16px;
    margin-bottom: 20px;
    color: #fdfdfd;
}

.dialog-body {
    padding: 0 25px 20px;
    position: relative;
}

.dialog-tip-body {
    padding: 10px 60px 20px 60px;
}

.dialog-header .icon-b {
    position: absolute;
    left: 50px;
    top: 18px;
}

.dialog .cont {
    /* padding-left: 46px; */
    font-size: 15px;
    line-height: 20px;
    color: #333;
}

.dialog .cont .cont-header {
    padding-bottom: 5px;
    border-bottom: 1px solid #eeeeee;
}

.icon-b {
    position: absolute;
}

.dialog-link {
    text-align: center;
    margin-bottom: 15px;
}

.dialog-btn, .dialog-btn:hover {
    width: 150px;
}

/*.dialog-btn:hover{*/
/*color:#fff;*/
/*background:#05a4ff;*/
/*}*/
.dialog3 {
    height: 250px;
}

.ie-link {
    color: #666;
    border: 1px solid #666;
}

.ie-link, .ie-link:hover {
    width: 230px;
    margin-bottom: 10px;
}

.ie-link:hover, .ie-link.on {
    color: #377ef0;
    border: 1px solid #377ef0;
    background: #fff;
}

.cont2 {
    padding-left: 52px;
}

.load-way {
    display: none;
    background: #fff;
    height: 120px;
}

.icon-down {
    margin: 0 auto;
}

.way-download {
    padding: 20px 77px 0;
}

.way-download > li {
    float: left;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 6px 8px;
    cursor: pointer;
}

.mr-20 {
    margin-right: 18px;
    margin-right: 14px\9;
    *margin-right: 10px;
}

.icon-down {
    cursor: pointer;
}

.blue-color {
    color: #377ef0;
}

/*通知弹窗*/
.tip-block {
    position: fixed;
    right: 0;
    bottom: -180px;
    width: 320px;
    height: 180px;
    background: #fff;
    border-radius: 5px 5px 0 0;
    color: #fff;
    z-index: 10000;
    transition: all 1s;
    -moz-transition: all 1s; /* Firefox 4 */
    -webkit-transition: all 1s; /* Safari 和 Chrome */
    -o-transition: all 1s; /* Opera */
}

.tip-header {
    position: relative;
    background: #05a4ff;
    height: 33px;
    line-height: 33px;
    border-radius: 5px 5px 0 0;
    padding-left: 10px;
    font-size: 14px;
}

.tip-header > img {
    display: inline-block;
}

.tip-header .dialog-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.tip-header .tip-img {
    position: relative;
    top: -1px;
    left: -2px;
}

.tip-content {
    color: #333;
    text-align: center;
    padding: 10px 20px;
}

.tip-content .tip-title {
    font-size: 15px;
    font-weight: bolder;
    margin-bottom: 5px;
}

.tip-content .tip-des {
    text-align: left;
    color: #444;
    line-height: 22px;
}

.tip-btn-buy, .tip-btn-buy:hover {
    padding: 0px 6px;
    height: 27px;
    line-height: 26px;
    width: 115px;
}

/*表单展示*/
.table-tr {
    margin-bottom: 10px;
}

.label-left {
    display: inline-block;
    text-align: left;
    min-width: 140px;
}

/*表单样式--start*/
.get-login-code {
    background: #badcef;
    width: 84px;
    height: 35px;
    line-height: 35px;
    color: #05a4ff;
    text-align: center;
    padding: 0;
    margin: 0;
}

.form-block {
    margin-bottom: 5px;
    font-size: 14px;
    position: relative;
    border: 1px solid #dedede;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    padding: 0 12px;
}

.form-block .input-s {
    display: inline-block;
    left: 43px;
    top: 5px;
    padding: 4px 4px 4px 5px;
    width: 75%;
    outline: none;
    color:#333;
}

.address-area {
    width: 100%;
    height: 80px;
    border: 1px solid #dedede;
    padding: 10px;
}

/*通用最小宽度*/
.min-w-140 {
    min-width: 140px !important;
}

/*通用宽度设置*/
.width-120 {
    width: 120px !important;
}
.width-150 {
    width: 150px !important;
}
.width-285{
    width: 285px !important;
}
.width-392 {
    width: 392px !important;
}
.width-390 {
    width: 390px !important;
}

.width-277 {
    width: 277px !important;
}

.width-300 {
    width: 300px !important;
}

.width-226 {
    width: 226px !important;
}

.width-440 {
    width: 440px !important;
}
.width-460{
    width: 460px !important;
}
.width-471 {
    width: 471px !important;
}
.width-523{
    width: 523px !important
}
.width-572{
    width: 572px !important;
}

.width-324 {
    width: 324px !important;
}

.width-332 {
    width: 332px !important;
}
.width-320 {
    width: 320px !important;
}
.form-label {
    min-width: 77px;
    text-align: left;
    color: #777;
}
input::-webkit-input-placeholder {
    /* placeholder颜色  */
    color: #ccc;
    /* placeholder字体大小  */
    font-size: 13px;
    /* placeholder位置  */
    text-align: left;
}
.login-form input::-webkit-input-placeholder {
    color: #777;
    font-size: 13px;
}

/*通用百分比*/
.wd-50-per {
    width: 50% !important;
}

.wd-66-per {
    width: 66% !important;
}

.wd-77-per {
    width: 77% !important;
}

/*绝对定位设置*/
.right-0 {
    right: 0 !important;
}

.top-0 {
    top: 0 !important;
}

.form-radius {
    position: relative;
    top: 2px;
}

.check-close {
    position: absolute;
    top: 9px;
    right: 15px;
    cursor: pointer;
}

.error {
    color: #ff0000;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    padding-left: 12px;
}

.error-border {
    border: 1px solid #05a4ff !important;
}

/*表单样式--end*/

/*tooltip样式 --start*/
.detail-content {
    position: relative;
}

.detail-des {
    display: none;
    position: absolute;
    width: 300px;
    left: -103px;
    top: -115px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: normal;
    color: #434343;
    line-height: 20px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.detail-des:before {
    display: none;
    content: '';
    border: 10px solid transparent;
    border-top-color: #ddd;
    position: absolute;
    bottom: -20px;
    left: 38%;
}

.detail-content:hover .detail-des, .detail-content:hover .detail-des:before {
    display: block;
}

/*tooltip样式 --end*/
/*tab样式*/

.tab-box {
    margin: 20px auto;
}

.tab-box .tab-ul > li {
    position: relative;
    color: #757575;
    padding: 0 22px;
}

.tab-box .tab-ul > li:not(:last-child):after {
    position: absolute;
    right: 0;
    top: 1px;
    content: "";
    height: 24px;
    width: 2px;
    background: #ccc;
}

.tab-box .tab-cont {
    display: none;
}

/*标题*/
.title-list {
    padding-left: 15px;
    border-left: 4px solid #05a4ff;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
}

/*灰色表格*/
.table-gray tbody tr:nth-child(even) {
    background:#fafafa;
}
.table-gray tbody tr:hover{
    background: #fafafa;
}

.table-gray table {
    border-collapse: collapse;
    /*width: 917px;*/
    /*overflow: auto;*/
}

.table-gray thead {
    background: #eee;
    color: #777;
    font-weight: normal;
    line-height: 35px;
}
.table-gray thead th{
    font-weight: normal;
}
.width-set-table{
    width: 917px;
    overflow: auto;
}

.table-gray tr {
    /*height: 40px;*/
    /*line-height: 40px;*/
    padding:10px;
}
.table-gray tr td:not(:first-child){
    padding:10px;
    min-width: 30px;
}

.wid-16-pc{
    width:16% !important;
}
/*流程图*/
.progress-box{
    margin:20px auto 50px;
}
.progress-box ul li{
    width: 33%;
    text-align: center;
    position: relative;
}
.progress-box ul li:before{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #e5e4e4;
    bottom: -22px;
    left: 123px;
}
.progress-box ul li.on:before{
    background: #05a4ff;
}
.progress-box ul li:not(:last-child):after{
    content: "";
    position: absolute;
    width: 90%;
    height: 1px;
    border-radius: 50%;
    background: #e5e4e4;
    bottom: -18px;
    left: 139px;
}
.progress-box ul li.on{
    color:#05a4ff;
}
.progress-box ul li.line-set:not(:last-child):after{
    background: #05a4ff;
}

/**
 远程调用头部
 */
.head-top {
    height: 42px;
    line-height: 40px;
    color: #098ed5;
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 1;
    border-bottom: 1px solid #098ed5;
    top: 0;
}
.head-top .content {
    font-size: 15px;
    width: 1190px;
    margin-left: auto;
    margin-right: auto;
}

/**
 * 验证码
 */
.imgcode{
    width: 83px;
    height: 35px;
}
.circle-red{
    position: absolute;
    left: 94px;
    top: 16px;
    background: #05a4ff;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: inline-block;
}
.list-problem-pic{
    padding: 0 15px;
}
.list-problem-pic a{
    display: inline-block;
    width: 24%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-family: '黑体';
    margin-bottom: 6px;
    padding-left: 20px;
}
.list-problem-pic a i{
    font-size: 22px;
    /* position: relative; */
    /* left: 20px; */
}
.list-problem-pic a:hover{
    box-shadow: 1px 2px 10px #ccc;
}
.mt-13{
    margin-top: 10px;
}
.bg-color{
    background: #fff;
}
.ml-4{
    margin-top: 10px;
    margin-left: 10px;
}
.host-msg{
    position: relative;
}
.host-msg h5{
    font-size: 18px;
    padding: 20px 0 5px 20px;
    font-weight: normal;
    color: #333;
    position: relative;
}
.host-msg p{
    margin: 10px 25px 0;
    font-size: 14px;
    line-height: 24px;
}
.mt-15{
    margin-top: 15px !important;
}
.h-310{
    height: 275px !important;
}
.host-msg .more-des{
    font-size: 14px;
    position: absolute;
    right: 28px;
    bottom: 7px;
    text-decoration: underline;
}
.un-login{
    padding: 16px !important;
}
.un-login-user-name{
    font-size: 14px;
}
.submit-btn{
    cursor: pointer;
    color: #05a4ff;
    border: 1px solid #05a4ff;
    border-radius: 4px;
    padding: 5px 32px;
    background: #fff;
}
.loading-things li{
    font-size: 14px;
    line-height: 24px;
    padding: 20px 20px 0 20px;
}
.loading-things li a{
    display: block;
    color: #05a4ff;
    text-decoration: underline;
}
.all-tip{
    width: 820px;
    position: absolute;
    top: -19px;
    background: #fefcee;
    color: #edc980;
    left: 50%;
    z-index: 55;
    padding: 5px 130px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    transform: translateX(-50%);
}
.banner-bg{
    background: url("../img/2.3/hall-bg.jpg") no-repeat;
}
.mr-auto{
    margin: 0 auto;
}
.close-btn-b{
    background: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    display: block;
    width: 68px;
    height: 39px;
    position: absolute;
    top: 0;
    right: 79px;
    z-index: 1022222;
}
.list-zx li{
    margin: 10px 25px 0;
    font-size: 14px;
    line-height: 24px;
}
.amsg {
    float: right;
    /* line-height:60px; */
}
.com-name{
    overflow:hidden;
    white-space:nowrap;
    width:180px;
    text-overflow: ellipsis
}
.amsg a{
    color: #fff;
    font-size: 14px;
}
.w-1000 {
    width: 1099px !important;
    background: #fff;
    padding: 25px 35px;
}
.btn.cancel.search-btn{
	    height: 35px;
    line-height: 35px;
    position: absolute;
    right: 0;
}
.dialog-tip-body-bind {
    padding: 10px 50px 20px 50px;
}


/* layer弹框样式更改 */
.layui-layer-setwin .layui-layer-close1 {
    background-position: -84px -38px !important;
}
.layui-layer-btn{
    padding: 0 10px 20px !important;
}