/*1、样式重置*/
/*2、自定义样式*/
/*3表格里面的表单样式*/
/*4顶部导航/路径/iframe*/

/*1、样式重置*/
*{
    margin: 0;
}
/*body{ background-color:#EFF1F9;font-family:"宋体",Helvetica,Arial,'Lucida Grande',Verdana,'Trebuchet MS',Tahoma,sans-serif;}*/
body{background-color:#EFF1F9;font-family: "Microsoft YaHei", 微软雅黑, helvetica, arial, verdana, tahoma, sans-serif;}
.chenxuan{color: rgb(150,150,150)}
/*重置表单样式*/
.layui-form-item{
    margin-bottom: 20px;
}
.form-center{
   margin: 0 auto;
}
.form-center-4{
    width: 400px;
    margin: 0 auto;
}
.form-center-5{
    width: 500px;
    margin: 0 auto;
}
.form-center-5-1{width: 510px;margin: 0 auto;}
.form-center-6{
    width: 600px;
    margin: 0 auto;
}
.form-center-6-6{
    width: 660px;
    margin: 0 auto;
}
.form-center-6-8{
    width: 680px;
    margin: 0 auto;
}
.form-center-7{
    width: 700px;
    margin: 0 auto;
}
.form-center-7-6{
    width: 760px;
    margin: 0 auto;
}
.form-center-7-7{
    width: 770px;
    margin: 0 auto;
}
.form-center-8{width: 800px; margin: 0 auto;}
.form-center-9{width: 900px; margin: 0 auto;}
.form-center-9-5{width: 950px; margin: 0 auto;}
.form-center-9-6{width: 960px; margin: 0 auto;}
/*重置分页样式*/
.layui-form-item .layui-input-inline{  margin-right: 0;margin-bottom: 0;}
.layui-form-label{ padding-left: 0;}
.layui-input-block{ margin-left: 0px;}
.layui-input, .layui-textarea{ border-radius: 4px;}
.layui-form-select dl dd.layui-this{ background-color: #1489f4;}
.disabled input,.disabled textarea,disabled select{border: none; resize: none;}
/*重置分页样式*/
.layui-laypage-page .layui-laypage-curr .layui-laypage-em{ background-color: #1489f4;}
.layui-laypage-page a, .layui-laypage-page span{color: #1489f4;}
.layui-laypage-page a:hover{color:#ff9030;}
ul{margin: 0 0;padding: 0;}
li{list-style: none;}
td{text-align: center;}
a:hover{ text-decoration: none;}
img{border: none;}
/*重置弹出层*/
.x-img{background-color: transparent!important;}
.img{position: relative; }
.img img{height: 100%;max-height: 570px; max-width: 1000px;}
.img .close{position: absolute;top: 10px; right: 10px; width: 30px;height: 30px;text-align: center;border-radius: 30px;background-color: rgb(51,51,51); cursor: pointer}
.img .close .icon{ margin-top: 6px;  font-size: 20px; color: white; }
.layui-layer{border-radius: 6px!important;}
.layui-layer-title{
    text-align: center;
    padding: 0 20px 0 20px!important;
    font-weight: bold;
    border-radius: 6px 6px 0 0!important;
    background-color: #e1e2e6!important;
}
.layui-layer-content{text-align: center;overflow: hidden!important;}
.layui-layer-content{border-radius: 6px;overflow: hidden}
.x-alert .layui-layer-title{background-color: #1489f4!important;color: white!important;}
.x-alert .layui-layer-btn a{padding: 0 30px;!important;border-radius: 4px!important;}
/*alert_select问答弹出框确定取消样式*/
.x-alert .layui-layer-btn .layui-layer-btn0{border: 1px solid #dedede !important; background-color: #fff !important; color: #333 !important;}
.x-alert .layui-layer-btn .layui-layer-btn1{border-color: #1E9FFF; background-color: #1E9FFF; color: white;}
.x-load .load-text{ display: inline-block;position: absolute;z-index: 20180304;width: 100px;top: 48px;left: -28px;font-size: 12px;color: rgb(85,85,85);}
.x-load .layui-layer-content{overflow: visible!important;}
.x-msg{color: white;background-color: rgba(0,0,0,.6)!important;}
.x-msg .layui-layer-dialog .layui-layer-content{text-align: center!important;}
.x-msg .msg-icon{margin-bottom: 8px;font-size: 42px;color: white;}
/*重置时间控件*/
.layui-laydate-content td.laydate-selected{ background-color: #c8e4ff!important;}
/*重置表单*/
.layui-input-inline{position: relative}
/*重置表格*/
.lay-even-col td:nth-child(odd){
    color: rgb(85,85,85);
}
.lay-even-col td:nth-child(even){
    color: rgb(51,51,51);
    font-weight: bold;
}
.layui-table thead td{border: none;}
.layui-table thead tr{background-color: #cbd1dc;font-weight: bolder;}
.layui-table tbody td{color: rgb(85,85,85);}
.layui-table tbody tr:hover,
.layui-table[lay-even] tr:nth-child(even){
    background-color:#f7f9fa!important;
}
/*2、自定义样式*/
/*阿里图标*/
.icon {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
/*按钮*/
.table-blue{font-weight: normal;color: #0079E8;cursor: pointer;}
.table-yellow{margin-left:6px;font-weight: normal;color: #F67300;cursor: pointer;}
.table-green{margin-left:6px;font-weight: normal;color: #00FF7F;cursor: pointer;}
.table-red{margin-left:6px;font-weight: normal;color: #FF3E70;cursor: pointer;}
.margin-top-1{
    margin-top: 12px;
}
.margin-top-2{
    margin-top: 24px;
}
.margin-top-3{
    margin-top: 36px;
}
.margin-top-4{
    margin-top: 36px;
}
.margin-left-1{
    margin-left: 12px;
}
.margin-left-2{
    margin-left: 24px;
}
.margin-left-3{
    margin-left: 36px;
}
.margin-left-4{
    margin-left: 48px;
}
.margin-right-1{
    margin-right: 12px;
}
.margin-right-2{
    margin-right: 24px;
}
.margin-right-3{
    margin-right: 36px;
}
.margin-bottom-1{
    margin-bottom: 12px;
}
.margin-bottom-2{
    margin-bottom: 24px;
}
.margin-bottom-3{
    margin-bottom: 36px;
}
.margin-bottom-4{
    margin-bottom: 48px;
}
.align-left{ text-align: left!important;}
.align-right{ text-align: right!important;}
.align-center{text-align: center;}
.w-4{width: 40px;}
.w-5{width: 50px;}
.w-6{width: 60px;}
.w-8{width: 80px;}
.w-9{width: 90px;}
.w-10{ width: 100px;}
.w-102{ width: 102px;}
.w-104{ width: 104px;}
.w-106{ width: 106px;}
.w-108{ width: 108px;}
.w-11{ width: 110px;}
.w-112{ width: 112px;}
.w-114{ width: 114px;}
.w-116{ width: 116px;}
.w-118{ width: 118px;}
.w-12{width: 120px;}
.w-122{width: 122px;}
.w-124{width: 124px;}
.w-126{width: 126px;}
.w-128{width: 128px;}
.w-13{ width: 130px;}
.w-14{width: 140px;}
.w-146{width: 146px;}
.w-15{width: 150px;}
.w-156{width: 156px;}
.w-16{width: 160px;}
.w-17{width: 170px;}
.w-18{width: 180px;}
.w-19{width: 190px;}
.w-20{width: 200px;}
.w-21{width: 210px;}
.w-22{width: 220px;}
.success{
    position: absolute;
    right: -32px;
    bottom: 8px;
    font-size: 20px;
    color: red;
}
.error{
    position: absolute;
    left: 0;
    bottom: -18px;
    font-size: 12px;
    color: red;
}
/*3表格里面的表单样式*/
td input{
    /*height: 24px;*/
    border: none;
    text-align: center;
    background-color: transparent;
}
td input:-ms-input-placeholder {
    color: rgb(208,208,208);
    font-size: 14px;
   }
td input::-webkit-input-placeholder {
    color: rgb(208,208,208);
    font-size: 14px;
}
td input::-moz-placeholder{
    color: rgb(208,208,208);
    font-size: 14px;
}
/*4顶部导航/路径/iframe*/
.mainNav-wrap{
    width: 100%;
    height: 58px;
    background-color:#1489F4;
    color: white;
}
.mainNav-wrap .mainNav{
    width: 94%;
    margin-left: 3%;

}
.mainNav-wrap .mainNav ul{
    float: left;

}
@media screen and (max-width: 1270px) {
    .mainNav-wrap .mainNav ul[class='webName']{
        display: none;
        height: 68px;
        line-height: 68px;
    }
}

.mainNav-wrap .mainNav ul[class='webName']{
    height: 58px;
    line-height: 58px;
}
.mainNav-wrap .mainNav ul[class='webName'] a{
    color: white;
    font-size: 22px;
    font-weight: bold;
}

.mainNav-wrap .mainNav ul[class='tabBar']{
    margin-left: 5%;
    height: 58px;
    line-height: 58px;
    font-size: 14px;
}
@media screen and (max-width: 1367px) {
    .mainNav-wrap .mainNav ul[class='tabBar']{
       margin-left:3%;
       }
}
@media screen and (min-width:0px) and (max-width:920px){
    .mainNav-wrap .mainNav ul[class='tabBar']{
        margin-left: 0;
    }
}

.mainNav-wrap .mainNav ul[class='tabBar']>li{
    float: left;
    position: relative;
    height: 58px;
    padding: 0 10px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}
.mainNav-wrap .mainNav ul[class='tabBar']>li a{
    color: white;
    text-decoration: none;
}
.mainNav-wrap .mainNav ul[class='tabBar'] li .caret{
    margin-left: 2px;
    font-size: 12px;
}
.mainNav-wrap .mainNav ul[class='tabBar'] .tabBar-child{
    position: absolute;
    z-index: 88;
    top: 50px;
    left: 50%;
    transform:translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 116px;
    text-align: center;
    color: rgb(32,32,32);
    background-color: white;
    box-shadow: 0 0 6px rgba(0,122,255,.7);
    border-radius: 3px;
}
.mainNav-wrap .mainNav ul[class='tabBar'] .select{
    background-color: #0872d4;
}
.mainNav-wrap .mainNav ul[class='tabBar'] .triangle{
    position: absolute;
    z-index: 99;
    top: 48px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform:translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #eff1f9;
}

.mainNav-wrap .mainNav .user{
    position: relative;
    float: right;
    height: 58px;
    cursor: pointer;
}
.mainNav-wrap .mainNav .user>li{
    display: inline-block;
    margin-bottom: -12px;
}
.mainNav-wrap .mainNav .user .avator{
    width: 38px;
    height: 38px;
    line-height: 38px;
    margin-top: 10px;
    margin-right: 4px;
    border-radius: 30px;
    background: url("../img/avator.png");
    overflow: hidden;
}
.mainNav-wrap .mainNav .user .set{
    display: none;
    position: absolute;
    z-index: 1314520;
    top: 50px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0 0 6px rgba(0, 122, 255, .7);
}
.mainNav-wrap .mainNav .user .set .set-child{
    width: 116px;
    text-align: center;
    background-color: white;
    border-radius: 3px;
}
.mainNav-wrap .mainNav .user .set .set-child li{
    height: 32px;
    line-height: 32px;
    color: rgb(32,32,32);
}
.mainNav-wrap .mainNav .user .set .set-child li:hover{ background-color: #47a6ff;  color: white;}
.mainNav-wrap .mainNav .user .set .set-child li:first-child{ margin-top: 6px;}
.mainNav-wrap .mainNav .user .set .triangle{
    position: absolute;
    z-index: 99;
    top: -10px;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform:translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
}
.body-alert,
.body-iframe{ background-color: white;}
.body-main{background-color: rgb(239, 241, 249);overflow: hidden;}
.content-alert{ position: relative; padding: 12px;  margin-bottom: 24px;}
.content-iframe{ width: 94%; margin-left: 3%; margin-top: 12px;}
.menu-wrap{text-align: center;}
.menu{display: inline-block}
.menu ul{display:none;float:left;}
.menu li{ float: left;  padding: 0 12px;height: 34px;line-height: 34px;margin: 7px 6px 0 0;border-radius: 4px;font-size: 14px;cursor: pointer;}
.menu .active{background-color: #1489f4;color: white;}
.menu .normal{background-color: white;color: rgb(51,51,51);}
/*.path li:first-child{ margin-left: 3%;}*/
.iframe{ width: 100%; background-color: white; overflow: hidden;}
.iframe iframe{ width: 100%; overflow: scroll;}
.result{ position: absolute;  top: 30%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.result .result-text{margin-top:12px;}
.result .result-text li{font-size: 14px;font-weight: bold;color: rgb(85,85,85)}
.result .result-icon{width: 100px;margin: 0 auto;text-align: center;}
.result .result-icon svg{font-size: 64px;color: #1489f4;}
/*表单查询结果*/
.query_return{margin-top: 10%}
.return_icon{font-size: 58px; text-align: center; color: #1489f4;}
.return_text{ margin-top: 24px; text-align: center; color: rgb(85,85,85); }