You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
192 lines
7.8 KiB
CSS
192 lines
7.8 KiB
CSS
5 years ago
|
|
||
|
|
/* common */
|
||
|
|
html{font:400 14px/1.5 'Microsoft YaHei','微软雅黑',Tahoma,Verdana,Arial,'宋体',sans-serif;color:#333;}
|
||
|
|
img {border:none;vertical-align:middle;}
|
||
|
|
ol,ul{list-style:none;}
|
||
|
|
html,body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,button,select,input,textarea,th,td {margin: 0;padding: 0;}
|
||
|
|
a{text-decoration:none;color:inherit;}
|
||
|
|
body {background:#F5F6FA;margin:0;font:inherit;position: relative;height: 100vh;}
|
||
|
|
.fl{float: left;}
|
||
|
|
.fr{float: right;}
|
||
|
|
.clearfix{zoom:1}
|
||
|
|
.clearfix:after{content:"";display:block;height:0;font-size:0;clear:both;overflow:hidden}
|
||
|
|
.inner {width:1370px;margin:0 auto;position:relative;}
|
||
|
|
@media screen and (max-width: 1440px) {
|
||
|
|
.inner{width: 1200px;}
|
||
|
|
}
|
||
|
|
table{border-collapse: collapse;}
|
||
|
|
td,th{padding:0;}
|
||
|
|
input,select,button{outline:none;font-size:14px;font-family:inherit;}
|
||
|
|
|
||
|
|
/* head */
|
||
|
|
.header {background:#FFF;width:100%;color:#666;height:54px;line-height:54px;text-align:right;border-bottom: 1px solid #E3E8EC;}
|
||
|
|
.header .pinfo {padding:0 5px;}
|
||
|
|
.header .pinfo img {margin-top:-4px;margin-right:5px;}
|
||
|
|
.header .logo {float:left;height:65px;}
|
||
|
|
.header .headerLogo{float: left;height: 60px;}
|
||
|
|
.header .headerLogo img{height: 100%}
|
||
|
|
.header .header-right {float: right;margin-right: 20px;}
|
||
|
|
|
||
|
|
/* foot */
|
||
|
|
.footer {height:10vh;text-align:center;position: absolute;width: 100%;font-size: 12px;color: #8E8FA8;}
|
||
|
|
.footer .inner {padding-top:13px;}
|
||
|
|
.footer p{line-height: 30px;}
|
||
|
|
.footer .customerService span,.footer .copyright span {padding:0 7px;}
|
||
|
|
|
||
|
|
@media screen and (max-height: 900px) {
|
||
|
|
.footer {height:13vh;}
|
||
|
|
}
|
||
|
|
|
||
|
|
/*左侧导航栏*/
|
||
|
|
.nav_new{width: 195px;height: 100%;background: #374760;position: fixed;z-index: 9;}
|
||
|
|
.nav_new .logo_picture{padding: 5% 0 18% 0; text-align: center;}
|
||
|
|
.subNavBox{width: 100%;text-align: center;}
|
||
|
|
.subNavBox .subNav{
|
||
|
|
cursor: pointer;
|
||
|
|
font-size: 14px;
|
||
|
|
color: rgba(255,255,255,.6);
|
||
|
|
line-height: 50px;
|
||
|
|
position: relative;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.subNavBox .subNav:hover{background: #25354E;color: #fff;}
|
||
|
|
.subNavBox .subNav:hover:not(.currentDd) .arrow_icon{background: url(../images/icon_selected_xiala.png) center;}
|
||
|
|
.subNavBox .subNav:hover .icon_zhuce{background: url(../images/icon_selected_shujv.png) center;}
|
||
|
|
.subNavBox .subNav:hover .icon_chongzhi{background: url(../images/icon_selected_caiwu.png) center;}
|
||
|
|
.subNavBox .subNav:hover .icon_shujv{background: url(../images/icon_selected_zhandian.png) center;}
|
||
|
|
|
||
|
|
.subNavBox .navContent{background: #25354E;text-align: center;display: none;}
|
||
|
|
.subNavBox .navContent a{display: block;color: rgba(231,234,255,.7);padding-bottom: 15px;text-align: left;padding-left: 49px;}
|
||
|
|
.subNavBox .navContent a:hover{color: #26c7db;}
|
||
|
|
.subNavBox .navContent .active{color: #26c7db;}
|
||
|
|
.subNavBox .subNav span{vertical-align: middle;margin-left: -40px;}
|
||
|
|
.subNavBox .subNav .prev_icon{
|
||
|
|
position: absolute;
|
||
|
|
width: 20px;
|
||
|
|
height: 20px;
|
||
|
|
left: 9%;
|
||
|
|
top: 50%;
|
||
|
|
margin-top: -10px;
|
||
|
|
}
|
||
|
|
.subNavBox .subNav .arrow_icon{
|
||
|
|
position: absolute;
|
||
|
|
width: 20px;
|
||
|
|
height: 20px;
|
||
|
|
top: 50%;
|
||
|
|
margin-top: -10px;
|
||
|
|
right: 8%;
|
||
|
|
background: url(../images/icon_normal_xiala.png) center no-repeat;
|
||
|
|
}
|
||
|
|
.subNavBox .subNav .icon_zhuce{background: url(../images/icon_normal_shujv.png) center;}
|
||
|
|
.subNavBox .subNav .icon_chongzhi{background: url(../images/icon_normal_caiwu.png) center;}
|
||
|
|
.subNavBox .subNav .icon_shujv{background: url(../images/icon_normal_lianmeng.png) center;}
|
||
|
|
.subNavBox .currentDd{
|
||
|
|
color: #fff;
|
||
|
|
background: #25354E;
|
||
|
|
cursor: pointer;
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 50px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.subNavBox .currentDd .icon_zhuce{background: url(../images/icon_selected_shujv.png) center;}
|
||
|
|
.subNavBox .currentDd .icon_chongzhi{background: url(../images/icon_selected_caiwu.png) center;}
|
||
|
|
.subNavBox .currentDd .icon_shujv{background: url(../images/icon_selected_zhandian.png) center;}
|
||
|
|
|
||
|
|
/* trunk */
|
||
|
|
::-webkit-input-placeholder {
|
||
|
|
/* WebKit browsers */
|
||
|
|
color: #a5a6bb;
|
||
|
|
}
|
||
|
|
:-moz-placeholder {
|
||
|
|
/* Mozilla Firefox 4 to 18 */
|
||
|
|
color: #a5a6bb;
|
||
|
|
}
|
||
|
|
:-ms-input-placeholder {
|
||
|
|
/* Internet Explorer 10+ */
|
||
|
|
color: #a5a6bb;
|
||
|
|
}
|
||
|
|
.trunk {position:relative;height: 100%;width: 100%;}
|
||
|
|
.trunk_con{margin-left: 195px;position: relative;}
|
||
|
|
.trunk-title{
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: 600;
|
||
|
|
color: #6a7082;
|
||
|
|
border-bottom: 1px solid #E0E7F1;
|
||
|
|
height: 40px;
|
||
|
|
line-height: 40px;
|
||
|
|
margin: .6% 2% 0 2%;
|
||
|
|
}
|
||
|
|
.trunk-title span.title_main{padding-left: 2px;vertical-align: middle;}
|
||
|
|
.trunk-title span.details{margin-left: 10px; font-size: 12px;font-weight: normal;color: #A5A6BB;}
|
||
|
|
.location{position: absolute;right: 2%;top: 1%;font-size: 13px;color: #A5A6BB;z-index: 9;font-weight: normal;}
|
||
|
|
.location .current{color: #666;}
|
||
|
|
.location-container span:last-child{color: #535875;}
|
||
|
|
|
||
|
|
.right_container {margin: 1.5% 1.8% 0;position: relative;}
|
||
|
|
.normal_list{min-height: 80vh;background: #fff;position: relative;border: 1px solid #E3E8EC;}
|
||
|
|
.normal_space{margin-left: 10px;}
|
||
|
|
.form-group .submit{width: 95px;height: 36px;display: block;background: #26C7DB;color: #fff;border: none;border-radius: 4px;text-align: center;line-height: 36px;}
|
||
|
|
.form-group .submit:hover{background: #2bd8ed;}
|
||
|
|
.normal_table{width: 100%;text-align: center;}
|
||
|
|
.normal_table tr{height: 40px;}
|
||
|
|
.normal_table tr:nth-child(2n-1){background: #FAFAFC;border-top: 1px solid #f3f5f9;border-bottom: 1px solid #f3f5f9;}
|
||
|
|
.normal_table tr td{color: #515974;}
|
||
|
|
.normal_table tr th{background: #F0EFF5;border-top: 1px solid #f3f5f9;color: #6a7082;}
|
||
|
|
.status_close{color: #F8AC59;}
|
||
|
|
.trunk-search .txt, .trunk-search .select-c-input, .trunk-list .table2 .txt{
|
||
|
|
position: relative;
|
||
|
|
padding: 0 10px;
|
||
|
|
border: 1px solid #E5E5E5;
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
.form-title{color: #535875;}
|
||
|
|
.form-group .zhi_color{color: #a5a6bb;}
|
||
|
|
.trunk-search .normal_tab{position: absolute;}
|
||
|
|
.trunk-search .normal_tab .normal_change {
|
||
|
|
display: inline-block;
|
||
|
|
border-radius: 4px;
|
||
|
|
width: 86px;
|
||
|
|
height: 34px;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 34px;
|
||
|
|
font-size: 14px;
|
||
|
|
border: 1px solid #E5E5E5;
|
||
|
|
color: #a5a6bb;
|
||
|
|
}
|
||
|
|
.trunk-search .normal_tab .normal_change:first-child{margin-right: 10px;}
|
||
|
|
.trunk-search .normal_tab .normal_change.current{border: 1px solid #26C7DB;color: #26C7DB;}
|
||
|
|
.trunk-search .normal_txt{width: 120px;height: 34px;color: #515974;}
|
||
|
|
|
||
|
|
.list_normal{position: relative;min-height: 49vh;}
|
||
|
|
.import{font-size: 13px;margin-top: 15px;}
|
||
|
|
.import span{color: #515974;padding-left: 5px;}
|
||
|
|
.import span.normal_tot{color: #A5A5A5;}
|
||
|
|
.import span.btn{color: #4A90F0;}
|
||
|
|
.pagenation {bottom: 4%;}
|
||
|
|
.page-explain{position: relative;width: 100%;padding-bottom: 10px;}
|
||
|
|
|
||
|
|
.select2-container--default .select2-selection--single {height:36px;border:1px solid #E5E5E5;border-radius:4px;box-shadow:none;-webkit-box-shadow:none;outline:none;}
|
||
|
|
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:34px;color: #535875;}
|
||
|
|
.select2-container--default .select2-results__option[aria-selected=true] {background:#fff;color:#2bd8ed;}
|
||
|
|
.select2-container--default .select2-results__option--highlighted[aria-selected=false] {background:#FFF;color:#2bd8ed;}
|
||
|
|
.select2-container--default .select2-results__option:hover {background:#FFF;}
|
||
|
|
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 32px;}
|
||
|
|
|
||
|
|
.border_normal{border-top: 1px dashed #E3E3E3;}
|
||
|
|
.desccontent{margin-top: 10px;}
|
||
|
|
.desccontent .title{color: #6a7082;text-align: right;}
|
||
|
|
.desccontent tr{color: #ADAEC2;line-height: 30px;}
|
||
|
|
|
||
|
|
/* pagenation */
|
||
|
|
.pagenation {position: relative; display:table;width: 100%;line-height: 10.5vh;}
|
||
|
|
.pagenation>div {display:table-cell;text-align:center;}
|
||
|
|
.pagenation span,.pagenation a {display:inline-block;padding:0px 15px;color:#A5A6BB;}
|
||
|
|
.pagenation span.current,.pagenation a:hover {color:#00DFD0;}
|
||
|
|
.pagenation .prev,.pagenation .next {padding: 0;width: 28px;height: 28px; border: 1px solid #ccc;line-height: 28px;color: #A5A5A5;text-align: center;}
|
||
|
|
.pagenation .prev:hover{border: 1px solid #00DFD0;}
|
||
|
|
.pagenation .next:hover{border: 1px solid #00DFD0;}
|
||
|
|
.pagenation span.rows{color: #515974;}
|
||
|
|
|
||
|
|
.empty_p{
|
||
|
|
margin-top:40px;
|
||
|
|
}
|