/* 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; }