css 共通,公共CSS文件

我的公共CSS文件

@import "normalize.css";

/begin主页面/

/begin主页面/

body,html{font-family:Roboto,Helvetica,Tahoma,Arial,"Microsoft YaHei";font-size:14px;height:100%;color:#333;}

a:link,a:visited{text-decoration: none;color:#008eb1;}

a:hover,a:active{text-decoration: none;}

a.white:link,a.white:visited{text-decoration: none;color:#fff;}

a.white:hover,a.white:active{text-decoration: none;}

ul{list-style: none;margin:0;padding:0;}

em{font-style: normal;}

.side{position:absolute;top:60px;left:0px;bottom:0px;background:#2f3e52;width:180px;color:#e6ebf2;z-index:3;}

.side-nav,.side-nav ul{list-style:none;padding:0;margin:0;width:180px;}

.side-nav li a{display:block;padding:8px 0 8px 20px;height:25px;margin:7px 0;line-height:25px;border-bottom: 1px solid #333C4D;font-size:14px;cursor:pointer;}

.side-nav li li a{padding:5px 0 5px 50px;background:#2F3E53;font-size:12px;border-bottom:none;}

.side-nav li a i{margin-right:10px; vertical-align: bottom;margin-bottom:2px;}

.side-nav li.index a{padding:36px 0 36px 30px;height:28px;line-height:28px;color:#fff;background:#29384D;font-size:24px;}

.side-nav li.menu a{color:#8D9BB8;padding:10px 0 10px 20px;}

.side-nav li.index a i{margin-right:10px;}

.side-nav li.index a:link,.side-nav li.index a:visited{color:#fff}

.side-nav li a:link,.side-nav li a:visited{color:#E6EBF2}

.side-nav li a:hover,.side-nav li a:active{color:#8D9BB8;background:#3e4c5f;}

.side-nav li.current{position:relative;}

.side-nav li.current>a{background:#3e4c5f;color:#8D9BB8;padding-left:20px;}

.side-nav li.current>a::before{content:"";position:absolute;left:0px;top:11px;width:3px;height:20px;display:inline-block;background:#ff6800;}

.side-nav li a.nav-bg-down{position:relative;}

.side-nav li a.nav-bg-down::after{content:"";position:absolute;right:8px;top:11px;width:16px;height:16px;display:inline-block;background:url("../img/icons.svg") -274px -112px;}

.side-nav li .current>a{padding-left:46px;}

.side-nav li.nav-evel1{padding:15px 20px 15px 20px;border-bottom: 1px solid #333C4D;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}

.side-nav li.nav-evel1 .icon-menu-close,.side-nav li.nav-evel1 .icon-menu-open{position:relative;top:4px;}

.side-nav li.nav-evel1 a{position:relative;padding:5px 10px 5px 10px;width:118px;border:1px solid #5F7594;color:#8D9BB8;border-radius: 4px;display:inline-block;height:20px;line-height:20px; cursor: pointer;}

.side-nav li.nav-evel1 a span{overflow:hidden;max-width:100px;display:block;text-overflow:ellipsis;}

.side-nav li.nav-evel1 a .icon{position:absolute;top:10px;right:4px;}

.side-nav .nav-evel3-s2{padding:0 10px;width:160px;}

.nav-evel3-s2 li{float:left;width:50%;}

.side-nav .nav-evel3-s2 li a{width:60px;height:20px;line-height:20px;text-align:center;padding:0;display:block;margin:5px auto;border-radius:10px;color:#76818F;}

.side-nav .nav-evel3-s2 li.current>a{border-left:none;background:#1f94b5;color:#fff;}

.side-nav .nav-evel3-s2 li.current>a::before{display:none;}

.nav-evel1 a em{margin-left:10px;}

.mark-arrow{width:100px;margin:0px auto 0;text-align:center;font-size:18px;position: relative;top:-10px;cursor:pointer;}

.mark-arrow i{color:#008eb1;margin-left:8px;}

.top-select{border:1px solid #fff;border-radius:3px;padding:4px 38px 4px 10px; position:relative;float:left;top:-5px;font-size:14px;}

/.top-select{padding:2px 2px 2px 4px;position:relative;float:left;top:-2px;}/

/.nav-evel1 a em{width:20px;height:30px;position: absolute;bottom:0;right:0;text-align:center;}/

.nav-evel1 a em i{vertical-align: middle;margin-right:0;}

.fix-nav-content{position:absolute;top:75px;bottom:0px;right:0;overflow-y:auto;overflow-x:hidden;left:0;}

/滚动条样式/

::-webkit-scrollbar { width:10px;}

::-webkit-scrollbar-track{background-color:#EFF3F9;}

::-webkit-scrollbar-thumb{background:#B9C8E3;}

::-webkit-scrollbar-button{background:#EFF3F9;}

::-webkit-scrollbar-button:vertical:start{height:15px;background:#EFF3F9 url("../img/icons.svg") -378px -7px;}

::-webkit-scrollbar-button:vertical:end{height:15px;background:#EFF3F9 url("../img/icons.svg") -393px -7px;}

.side-nav .select-ul{position:absolute;top:55px;left:20px;width:168px;}

.select-ul{background:#fff;border:1px solid #8D9BB8;line-height:30px;color:#333;}

.select-ul li{padding:0 8px;text-align:left;overflow:hidden;text-overflow: ellipsis;}

.select-ul li.btn-wrap{height:26px;padding:10px 8px;}

.select-ul li.btn-wrap .csb-btn-cyan{margin-left:8px;}

.select-ul li:hover{background:#D7E0E5;cursor: pointer;}

.select-ul li.btn-wrap:hover{background:none;}

.select-ul .csb-btn,.mon-side .title .csb-btn{height:24px;line-height:18px;padding:0 4px;font-size:12px;}

.down-tia{width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #8D9BB8;display:inline-block; overflow: hidden;}

.up-tia{width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #8D9BB8;display:inline-block; overflow: hidden;}

.down-tia-blue{width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #008eb1;display:inline-block; overflow: hidden;}

.up-tia-blue{width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #008eb1;display:inline-block; overflow: hidden;}

.side-nav li.nav-evel2>a,.side-nav li.nav-evel2>a:link,.side-nav li.nav-evel2>a:visited,.side-nav li.nav-evel2>a:hover,.side-nav li.nav-evel2>a:active,.nav-evel1 span{color:#E6EBF2}

.content{position:absolute;left:180px;top:60px;bottom:0px;right:0;overflow: auto;padding:0;}

.contract .side,.contract .side ul{width:40px;}

.contract .side-nav li.nav-evel1{padding:15px 10px;}

.contract .side .select-ul{width:168px;}

.contract .content{left:40px;}

.contract .side-nav{width:40px;}

.contract .side-nav li a{padding:10px 10px 10px 10px;}

.contract .side-nav li.nav-evel1 a{padding:5px;}

.contract .side-nav li.nav-evel1 a em{margin-left:0;}

.contract .side-nav li.current>a{padding:10px 10px 10px 6px;}

.contract .side-nav li a span{display: none;}

.solution-nav{padding:20px 0 20px 0px;margin:10px auto 0;width:auto;text-align:center;}

.solution-nav li{display:inline-block;text-align:center;font-size:20px;margin:0 50px;padding-bottom:12px;color:#333;cursor:pointer;}

.solution-nav li.current{color:#008eb1;border-bottom:4px solid #008eb1;}

.solution-nav li i{display:block;margin:0 auto;}

.solution-content{background:#ffffff;border:1px solid #e9e9e9;display:none;}

.solution-content.current{display:block;}

.index-contion-1{width:1180px;height:480px;background:url("../img/index-contion-1.svg") center center no-repeat;display:block;}

.index-contion-2{width:1180px;height:480px;background:url("../img/index-contion-2.svg") center center no-repeat;display:block;}

.index-contion-3{width:1180px;height:480px;background:url("../img/index-contion-3.svg") center center no-repeat;display:block;}

.index-contion-4{width:1180px;height:480px;background:url("../img/index-contion-4.svg") center center no-repeat;display:block;}

.index-contion-5{width:1180px;height:480px;background:url("../img/index-contion-5.svg") center center no-repeat;display:block;}

.solution-text{border-top:1px solid #e9e9e9;padding:20px 30px;color:#333;}

.solution-text h6{font-size:20px;margin:20px 0;font-weight: normal;}

.solution-text li{line-height:30px;}

.main-header{background:#008EB2;padding:0px 30px;height:60px;line-height:20px;}

.bread-nav{background:#F6FBFF;padding:10px 0;}

.bread-nav .bread-body{background:#ffffff;border:1px solid #e7eaeb;height:36px;line-height:36px;padding:17px 30px;font-size:18px;}

.bread-nav .pull-right .csb-btn{position:relative;top:-2px;}

.bottom-tab{padding-bottom:0;}

.bottom-tab .bread-body{border-bottom:none;}

.bread-body .csb-btn .icon-car{height:17px;position:relative;top:-1px;}

.main-header .pull-right a{margin-right:40px;height:20px;line-height:20px;float:left;padding:20px 4px;position:relative;font-size:16px;color:#fff;z-index:99;}

.main-header .pull-right a.current::after{width:100%;height:2px;background:#fff;content:"";position:absolute;left:0;bottom:0px;}

/.main-header .pull-right a.current::before{content:"";position:absolute;left:50%;bottom:2px;width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 4px solid #fff;display:inline-block; overflow: hidden;margin-left:-3px;}/

.main-header .pull-right a i{;margin:0px 6px 0 0;}

.main-header .pull-right em i{margin-left:4px;}

.main-header .pull-right em{position:relative;cursor: pointer;padding:20px 4px;height:20px;line-height:20px;float:left;}

.main-header .pull-right em ul{position:absolute;left:0;top:40px;z-index:100;width:80px;padding:0;}

.main-header .pull-right em ul li{}

.main-header .pull-right .app{color:#fff;border:1px solid #fff;padding: 0 4px;border-radius:3px ;}

.main-header .pull-right .user{color:#fff;}

.main-header .pull-right .el-icon-arrow-up,.main-header .pull-right .el-icon-arrow-down{font-size:10px;position:absolute;right:4px;top:8px;}

.main-header-down-wrapper {padding: 60px 0 80px 0;}

.main-header-float-up{position:fixed;left: 0;right: 0;z-index:3;}

.logo{color:#fff;font-size:14px;float:left;margin-top:5px;width:320px;height:24px;line-height:24px;position:absolute;left:20px;top:12px;font-weight:bold;}

.logo .logo-hw{width:132px;height:24px;background:url("../img/HIS-logo.png") no-repeat;float:left;}

.logo .logo-roma{width:84px;height:24px;background:url("../img/icons.svg") -354px -208px;float:left;}

.logo .logo-yundao{width:84px;height:40px;background:url("../img/icons.svg") -620px -395px;float:left;margin-top:-8px;}

.logo span{height:24px;line-height:24px;float:left;margin:-2px 4px 0;color:#fff;font-size:18px;font-weight:normal;}

.section{width:1280px;margin:0 auto;text-align:left;}

.section_s{margin:0 20px;}

.banner-bg{background-image:-webkit-linear-gradient(to top, #008EB2, #13B0B9); background-image:linear-gradient(to top,#008EB2,#13B0B9)}

.banner-bg h3{margin:0;}

.banner-img{background:url("../img/banner/banner_header.png") center center no-repeat;height:300px;}

/end主页面/

/begin公共样式/

.csb-row{padding:12px 30px;}

.bg-camb{background:#eff3f9;}

.bg-blue{background:#F6FBFF;}

.bg-white{background:#fff;}

.tips{padding:10px;margin-bottom:20px}

.tips a{display:block}

el-popover .tips a{display:block}

.color{color:#ee2222}

.m-t13{margin-top:13px;}

.m-t10{margin-top:10px;}

.m-t{margin-top:20px;}

.m-t3{margin-top:30px;}

.m-t4{margin-top:40px;}

.m-t5{margin-top:50px;}

.m-t8{margin-top:80px;}

.p-t{padding-top:20px;}

.p-b{padding-bottom:20px;}

.p-b3{padding-bottom:30px;}

.p-l30,.table .p-l30,.table4 .p-l30{padding-left:30px;}

.m-l-r{margin:0 30px;}

.m-l{margin-left:10px;}

.m-r{margin-right:8px !important;}

.bill-title span{color:#008FB1}

.bg-white,.bill-title{background:#fff;}

.bg-gray{background:#f6f6f6;}

.pull-right{float:right;}

.t-gray{color:#999;}

.t-gray-c{color:#ccc;}

.t-gray-6{color:#666;}

.t-gray-3{color:#333;}

.t-red{color:#E7605D}

.t-white{color:#fff}

.t-orange{color:#ff6800;}

.t-blue{color:#008eb1;}

.t-blue-hover:hover{color:#008eb1;}

a.t-blue{cursor:pointer;}

.table td> .cell a.t-blue{cursor:pointer;}

.t-red{color:#F90303;}

.t-f16{font-size:16px;}

.t-f14{font-size:14px;}

.relative-t2{position:relative;top:-2px;}

.border-t{border-top:1px solid #e7eaeb;}

.border-b{border-bottom:1px solid #e7eaeb;}

.td-hidden{min-width:60px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:300px;}

.csb-btn{display:inline-block;line-height:16px;;height:36px;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e7eaeb;color:#333;

-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:none;margin:0;-moz-user-select:none;

-webkit-user-select:none;-ms-user-select:none;padding:10px 14px;font-size:13px;}

.csb-btn-s2{display: inline-block;line-height:20px;height:20px;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e7eaeb;color:#333;

text-align:center;padding:0px 12px;font-size:12px;text-indent:0;vertical-align: middle;}

.csb-f14{font-size:14px;}

.btn-option .csb-f14{position:relative;top:1px;}