body{ line-height:1.4; color:#333; font-family:arial; font-size: 12px; } input,textarea,select{ font-size:100%; font-family:inherit; } body,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,table,tr,th,td,p, input,dl,dt,dd,ul,ol,li,input,textarea { font-family:"Microsoft YaHei";} select::-ms-expand { display: none; } select{ -moz-appearance:none; -ms-appearance:none; -webkit-appearance:none; background: url(../img/map/selbgs.png)no-repeat right; } body,h1,h2,h3,h4,h5,h6,p,ul,ol,form{ margin:0; } h4,h5,h6{ font-size:1em; } ul,ol{ padding-left:0; list-style-type:none; } img{border:0;} a, a:hover, a:focus { text-decoration: none; outline: none; } i{font-style: normal;} b{font-weight: normal;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"] { -moz-appearance: textfield; } /*公用左导航*/ /* 如果上述实际使用已初始化，可以删除 */ #navn>div { display: inline-block; vertical-align: top; } /* nav */ .nav-top { border-bottom: 1px solid rgba(255, 255, 255, .1); } .nav-top .nav-toptxt { border-bottom: 1px solid rgba(255, 255, 255, .1); color: #fff; font-size: 30px; width: 60px; text-align: center; cursor: pointer; } .nav { width: 220px; height: 100%; background: #144B85; transition: all .3s; overflow: auto; padding-top: 50px; box-sizing: border-box; } .nav a { display: block; overflow: hidden; padding-left: 20px; line-height: 46px; max-height: 46px; color: #fff; transition: all .3s; } .nav a span { margin-left: 30px; } .nav-item { position: relative; } .nav-item.nav-show { border-bottom: none; } .nav-item ul { display: none; background: rgba(0, 0, 0, .1); } .nav-item.nav-show ul { display: block; } .nav-item>a:before { content: ""; position: absolute; left: 0px; width: 2px; height: 46px; background: #34A0CE; opacity: 0; transition: all .3s; } .nav .nav-icon { font-size: 20px; position: absolute; margin-left: -1px; top: 14px; } /* 在这里修改导航图标 可自定义iconfont 替换*/ .icon_1::after { content: ""; display: block; width: 20px; height: 20px; /*background: url(../img/mena0.png)no-repeat;*/ } .nav-item:nth-child(1) .icon_1::after { background: url(../img/mena1.png)no-repeat; background-size: 100% 100%; } .nav-item:nth-child(2) .icon_1::after { background: url(../img/mena2.png)no-repeat; background-size: 100% 100%; } .nav-item:nth-child(3) .icon_1::after { background: url(../img/mena3.png)no-repeat; background-size: 100% 100%; } .nav-item:nth-child(4) .icon_1::after { background: url(../img/mena4.png)no-repeat; background-size: 100% 100%; } .nav-item:nth-child(5) .icon_1::after { background: url(../img/mena5.png)no-repeat; background-size: 100% 100%; } .nav-item:nth-child(6) .icon_1::after { background: url(../img/mena6.png)no-repeat; background-size: 100% 100%; } /*.nav-item:nth-child(2) .icon_1::after{background: url(men1.png)no-repeat;}*/ /*.icon_2::after{content: "\e669";}*/ /*.icon_3::after{content: "\e61d";}*/ /*---------------------*/ .nav-more { float: right; margin-right: 20px; font-size: 12px; transition: transform .3s; } /* 这是导航右侧的箭头 如果自定义iconfont 也需要替换*/ .nav-more::after { content: ">"; color: #fff; font-style: normal; font-family: SimSun; } /*---------------------*/ .nav-show .nav-more { transform: rotate(90deg); } .nav-show, .nav-item>a:hover { color: #2AF8CB; } .nav-show>a:before, .nav-item>a:hover:before { opacity: 1; } .nav-item li:hover a { color: #FFF; background: #3399FF; } /* nav-mini */ .nav-mini.nav { width: 60px; } .nav-mini.nav .nav-icon { /* margin-left:-2px; */ } .nav-mini.nav .nav-item>a span { display: none; } .nav-mini.nav .nav-more { margin-right: -20px; } .nav-mini.nav .nav-item ul { position: absolute; top: 0px; left: 60px; width: 180px; z-index: 99; background: #144B76; overflow: hidden; } .nav-mini.nav .nav-item:hover { background: rgba(255, 255, 255, .1); } .nav-mini.nav .nav-item:hover .nav-item a { color: #FFF; } .nav-mini.nav .nav-item:hover a:before { opacity: 1; } .nav-mini.nav .nav-item:hover ul { display: block; } li.act { background: #3399FF; } /***********************/
/*分页公用*/
.pages{text-align: right;}
.page_div {
padding-top: 3px;
font-size: 15px;
background-color: white;
font-family: "microsoft yahei";
color: #666666;
/*margin-right: 10px;*/
padding-left: 20px;
box-sizing: border-box;
}
/*
* 页数按钮样式
*/
.page_div a {
min-width: 22px;
height: 22px;
text-align: center;
margin: 0 4px;
cursor: pointer;
line-height: 24px;
border-radius: 4px;
font-size: 13px;
display: inline-block;
color: #061A48;
}
.page_div a:hover{
background-color: #1A6CDC;
color: #fff;
}
.page_div b{
/*color: #fff;*/
}
#firstPage,
#lastPage {
width: 50px;
/*color: #0073A9;*/
/*border: 1px solid #0073A9!important;*/
}
.page_div .pagegotos{
width: 30px;
vertical-align: middle;
margin: 0 4px;
height: 20px;
line-height: 20px;
padding-left: 3px;
outline: none;
border-radius: 3px;
border: 1px solid #ddd;
}
.page_div .pagegotucur{
font-weight: normal;
cursor: pointer;
background: #1A64FF;
color: #fff;
display: inline-block;
vertical-align: middle;
height: 20px;
line-height: 20px;
padding: 0 5px;
border-radius: 3px;
}
#prePage,
#nextPage {
vertical-align: middle;
}
#prePage{background: url(../img/ywrmb/pagel.png)no-repeat center;}
#nextPage{background: url(../img/ywrmb/pager.png)no-repeat center;}
.page_div .current {
background-color: #1A6CDC;
border-color: #0073A9;
color: #FFFFFF;
}
.totalPages {
margin: 0 10px;
}
.totalPages span,
.totalSize span {
color: #0073A9;
margin: 0 5px;
}
/**********************/
/*
*
* 弹框
*
* */
.shade{
position: fixed;
top: 0;left: 0;right: 0;bottom: 0;
background: rgba(0,0,0,.2);
z-index: 7;
display: none;
}
.shadecon{
display: none;
position: fixed;
z-index: 50;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
border-radius: 4px;
/*overflow: hidden;*/
min-width: 524px;
min-height: 220px;
/*background: #05315E url(../img/ywind/itemborderbg.png)no-repeat;*/
background-color: white;
background-size: 100% 100%;
}
.s-title{
position: relative;
text-align: center;
line-height: 37px;
font-size: 18px;
/*border-bottom: 1px solid #ddd;*/
}
.s-title i{
display: inline-block;
width: 14px;
height: 14px;
background: url(../img/wh/x.png)no-repeat;
background-size: 100% 100%;
cursor: pointer;
position: absolute;
right: 10px;
top: 5px;
}
.s-center{padding: 10px 20px 20px;}
.sformbox{}
.sformbox p,.sformbox .ftr{margin-top: 15px;}
.sformbox p>span,.sformbox .ftr>span{
width: 102px;
display: inline-block;
text-align: right;
font-size: 14px;
vertical-align: top;
margin-top: 5px;
padding-right: 10px;
}
.sformbox p input[type=text],.sformbox .ftr input[type=text]{
outline: none;
width: 277px;
line-height: 30px;
border: 1px solid #ddd;
padding-left: 8px;
border-radius: 4px;
}
.sformbox p textarea,.sformbox .ftr textarea{
resize: none;
border: 1px solid #ddd;
border-radius: 4px;
width: 288px;
line-height: 22px;
padding: 10px;
box-sizing: border-box;
height: 100px;
}
.treeboxx{
display: inline-block;
max-height: 114px;
width: 284px;
overflow: auto;
}
.scenter>p{
text-align: center;
margin-top: 28px;
}
.scenter p select, .scenter .ftr select{
height: 30px;
border: 1px solid #ddd;
border-radius: 4px;
width: 290px;
}
.scenter p lable,.scenter .ftr lable{
line-height: 32px;
margin-left: 11px;
}
.scenter p lable input,.scenter .ftr lable input{
vertical-align: middle;
margin-right: 3px;
}
.formfootbtn{text-align: right;
margin-top: 10px;}
.formfootbtn i{
display: inline-block;
font-size: 12px;
text-align: center;
border-radius: 5px;
line-height: 24px;
width: 62px;
letter-spacing: 4px;
cursor: pointer;
border: 1px solid #147AF8;
margin-right: 9px;
margin-left: 5px;
background: #0562C2;
}
.formfootbtn i:hover{opacity: .8;}
.citybox .table ,.tablescl{
height: calc(100% - 28px);
background-color: white;
/*padding: 20px 10px 0px 10px;*/
/*border: 1px solid #b4cdff;*/
overflow: auto;
}
.table {
width: 100%;
}
.table .tr {
line-height: 31px;
}
.table .thead .tr {
background: #f2f2f7;
border-bottom: 1px solid #b4cdff;
}
.table .tbody .tr {
background: #FBFBFD;
border-bottom: 1px solid #b4cdff;
/*cursor: pointer;*/
}
.table .tbody .tr:hover {
/*background: rgba(0, 0, 0, .5);*/
}
.table p {
display: inline-block;
vertical-align: middle;
/*color: #061A48;*/
height: 22px;
text-align: center;
line-height: 22px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
}
.table>p:last-child {
border: 0;
}
.batablebox::-webkit-scrollbar,
.tablebigbox::-webkit-scrollbar,
.table::-webkit-scrollbar {/*滚动条整体样式*/
width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
height: 6px;
}
.batablebox::-webkit-scrollbar-thumb,
.tablebigbox::-webkit-scrollbar-thumb,
.table::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: #84A6FA;
}
.batablebox::-webkit-scrollbar-track,
.tablebigbox::-webkit-scrollbar-track,
.table::-webkit-scrollbar-track {/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 10px;
background: #DFE4F2;
}
.pap{color: #fff;
/*导出*/
position: relative;
}
.todowns{
position: absolute;
top: 3px;
left: 3px;
display: inline-block;
padding-left: 20px;
margin-right: 10px;
cursor: pointer;
color: #000;
background: url(../img/ywrmb/isx.png)no-repeat 1px;
}
.mapserchbox input::-webkit-input-placeholder {
color: #fff;
}
.ddd{
display: inline-block;
padding: 0 4px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
vertical-align: middle;
}
.cur{
cursor: pointer;
}
.itembgshow{
/*background: url(../img/ywind/itemborderbg.png)no-repeat;*/
/*background-size: 100% 100%;*/
}
/*.tableposi{
position: relative;
}
.tableposi .talbepos{
position: absolute;
top:0;
left: 0;
background: red;
}*/
.show404{
line-height: 30px;
text-align: center;
}
.barbox{
position: relative;
height: 24px;
margin-left: 3px;
}
.barbox p{
position: absolute;
top: 0;
left: 0;
display: inline-block;
border: 1px solid #B5B8D9;
width: 65px;
transform: perspective(.8em) rotateX(4deg);
border-bottom: 0;
padding: 0px 10px;
text-align: center;
background: #fff;
cursor: pointer;
line-height: 24px;
}
.barbox p.act{
border-color: #1D64FC;
color: #0000FF;
z-index: 20 !important;
}
.w14{width: 14px;}
.w16{width: 16px;}
.w60{width: 60px;}
.w70{width: 70px;}
.w80{width: 80px;}
.w85{width: 85px;}
.w90{width: 90px;}
.w100{width: 100px;}
.w110{width: 110px;}
.w120{width: 120px;}
.w130{width: 130px;}
.w140{width: 140px;}
.w150{width: 150px;}
.w160{width: 160px;}
.w170{width: 170px;}
.w180{width: 180px;}
.w190{width: 190px;}
.w200{width: 200px;}
.w210{width: 210px;}
.w220{width: 220px;}
.w240{width: 240px;}
.w250{width: 250px;}
.w260{width: 260px;}
.w270{width: 270px;}
.w280{width: 280px;}
.w290{width: 290px;}
.w300{width: 300px;}
.w385{width: 385px;}
.w386{width: 386px;}
.input-group{
margin-top: 10px;
}
.input-group span{
display: inline-block;
width: 80px;
text-align: right;
}
.input-group input{
line-height: 24px;
padding-left: 8px;
margin-left: 8px;
}
.novalue{
background: transparent;
border: 0 !important;
}
.sd .layui-layer-title{
background: #2785DF;
color: #fff;
font-size: 20px;
}
.sd .layui-layer-ico{
background:url(../img/ywind/off.png) no-repeat;
background-size: 164% 164%;
}
.sd .layui-layer-setwin .layui-layer-close1{
background-position: -5px -3px;
}
.bas .layui-layer-btn0{
border-color: #1E9FFF;
background-color: #1785FF;
color: #fff;
width: 100%;
box-sizing: border-box;
text-align: center;
}
.bas .layui-layer-title{
background: #1785FF;
color: #fff;
padding-left: 10px;
font-size: 16px;
}
.bas .layui-layer-ico{
background:url(../img/ywind/off.png) no-repeat;
background-size: 164% 164%;
}
.bas .layui-layer-setwin .layui-layer-close1{
background-position: -5px -3px;
}
/*.sd .layui-layer-btn{*/
/*text-align: center;*/
/*}*/
/*.sd .layui-layer-btn .layui-layer-btn0{*/
/*background: #4AAFD9;*/
/*}*/
/*.sdexamine .layui-layer-btn .layui-layer-btn0{*/
/*background: #BCBCBC;*/
/*border: 0;*/
/*}*/
/*.sdexamine .layui-layer-btn .layui-layer-btn1{*/
/*background: #4AAFD9;*/
/*}*/
/*.sd .layui-layer-btn a{*/
/*background: #A1C240;
color: #fff;
width: 79px;
display: inline-block;
height: 36px;
line-height: 36px;
letter-spacing: 6px;
text-align: center;*/
/*}*/
/*菜单箭头整体*/
.menus{
/*margin: 20px;*/
font-size: 0;
border-left:1px solid #1A65FF;
}
.menus p{
display: inline-block;
height: 32px;
margin: 0 -15px 0 0;
padding: 0 15px 0 0;
background: url(../img/ywind/menus2.png) no-repeat right 0;
background-size: auto 100%;
color: #1A65FF;
font-size: 12px;
line-height: 32px;
text-decoration: none;
box-sizing: border-box;
}
.menus p span{
display: inline-block;
padding: 0 8px 0 20px;
border-top: 1px solid #1A65FF;
border-bottom: 1px solid #1A65FF;
height: 32px;
line-height: 32px;
box-sizing: border-box;
}
.menus p.home span{
padding-left: 10px;
}
.menus p span i{
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
background: #fff;
border-radius: 50%;
text-align: center;
}
.menus p span b{
}
.menus p.act{
background: url(../img/ywind/menus1.png) no-repeat 100% 0;
background-size: auto 100%;
color: #fff;
}
.menus p.act span{
background: #1A65FF url(../img/ywind/menus2.png) no-repeat left 0;
background-size: auto 100%;
}
.menus p.act b{
color: #fff;
margin-left:4px;
}
.menus p.act span i{
color:#1A65FF;
}
.menus p.act2 span{
background: #1A65FF;
}
.dripco{ color: #1D64FA; }//下钻统一颜色