123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295 |
- @charset "utf-8";
- /*Reset 样式初始化*/
- html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
- br, input, button, textarea, h1, h2, h3, h4, h5,em{
- font-weight: normal;
- font-style: normal;
- font-family:"微软雅黑","Tahoma";
- vertical-align: baseline;
- text-align:justify;
- word-wrap:break-word;
- text-justify:inter-ideograph
- }
- ul.reset, ol.reset, ul.reset li{
- line-height:normal;
- list-style-image:none;
- list-style-position:outside;
- list-style-type:none;
- margin:0;
- padding:0;
- }
- .clearfix:after {
- content:".";
- display:block;
- height:0;
- clear:both;
- visibility:hidden
- }
- .clearfix {
- display:inline-block;
- overflow:hidden
- }
- .clearfix {
- display:block
- }
- .clearfix {
- *zoom: 1;
- }
- .clearfix:before,
- .clearfix:after {
- display: table;
- content: "";
- line-height: 0;
- }
- .clearfix:after {
- clear: both;
- }
- select,input{
- font-size:12px;
- }
- body {background-color: #F0EFF5}
- /**/
- .clearB {clear:both}
- .fL {float:left}
- .fR {float:right}
- :link, *:visited, *:hover, *:active, *:focus {
- -moz-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
- -webkit-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
- transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
- -o-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
- }
- .hide {display:none}
- .scrollTheme::-webkit-scrollbar {
- width:6px;
- }
- .scrollTheme::-webkit-scrollbar:hover{
- background:#f7f7f7
- }
- .scrollTheme::-webkit-scrollbar-thumb {
- background:#ccc;
- border-right:1px solid #fff;
- }
- .scrollTheme::-webkit-scrollbar-thumb:hover{
- background:#62AC4D
- }
- /**/
- .cardwrap {box-shadow: 0 0 2px rgba(0,0,0,0.2);
- border-radius: 2px;
- margin-bottom:10px;
- background-color: #fff
- }
- .loginBg{
- background-color:#62AC4D
- }
- .loginPanel {
- padding:20px 30px 30px 30px;
- background-color:#fff;
- width:380px;
- position: absolute;
- top:25%;
- left:50%;
- margin-left:-190px;
- }
- .loginPanel .logo{
- width:320px;
- height:55px;
- margin-bottom:10px;
- background: url(images.png) no-repeat center top
- }
- .copyright {
- color: #fff;
- text-align: center;
- position:absolute;
- bottom:5px;
- width:100%
- }
- .canvasWrap {
- position:relative;
- width:100%;
- }
- .headerWrap {
- height:55px;
- line-height:55px;
- background: #62ac4d;
- position: fixed;
- width:100%;
- z-index: 999;
- top:0;
- }
- .headerWrap .hlogo {
- line-height:200px;
- width:170px;
- height:55px;
- background: url(images.png) left 55px;
- overflow: hidden;
- }
- .headerWrap .hnav a{
- display: inline-block;
- color: #fff;
- padding: 0 20px;
- font-size: 16px;
- text-decoration: none;
- }
- .headerWrap .hnav a.now{
- background:#79b868;
- cursor: default;
- }
- .headerWrap .hmenu {
- color: #fff;
- margin-right: 10px
- }
- .headerWrap .hmenu a{
- margin:0 10px;
- color:#fff;
- }
- .contentWrap {
- position: relative;
- z-index:0
- }
- .sidebar{
- background-color: #79b868;
- left:0;
- bottom:0;
- display: inline-block;
- letter-spacing: normal;
- overflow-y: auto;
- position: fixed;
- text-rendering: auto;
- top:55px;
- vertical-align: top;
- width: 170px;
- word-spacing: normal;
- z-index: 99;
- }
- .sidebar li.now {
- border-left:2px solid #fff;
- background-color: #91c582
- }
- .sidebar li:hover {
- background-color:#81bd71
- }
- .sidebar li a{
- color: #FFF;
- display: block;
- padding: 10px 10px 10px 30px;
- text-decoration: none
- }
- .mainWrap{
- margin: 55px 0 0 170px
- }
- .collectList {
- width:500px;
- margin:10px 0 0 10px;
- position: relative;
- }
- .collectList .toolsBar {
- width:500px;
- z-index: 999
- }
- .collectContent {
- top:65px;
- right:10px;
- position: fixed;
- overflow: auto;
- padding:10px;
- }
- .collectList .item:hover{
- box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
- cursor: pointer;
- }
- .collectList .item .title{
- padding:10px;
- font-size: 12px;
- line-height:16px
- }
- .collectList .item .infoBar{
- padding:5px;
- border-top:1px solid #f2f2f2;
- }
- .collectList .item .infoBar span{
- font-size: 12px;
- color:#999;
- vertical-align:middle;
- }
- .collectList .item .infoBar span img{
- margin-right:3px;
- }
- .collectList .item .infoBar .softInfo,.collectList .item .infoBar .osInfo{
- display: inline-block;
- width:49%;
- }
- .collectList .item .infoBar .osInfo{
- text-align: right
- }
- .bg-padding {
- padding:10px;
- }
- .bg-padding span {
- vertical-align: middle
- }
- .bs-callout {
- -moz-border-bottom-colors: none;
- -moz-border-left-colors: none;
- -moz-border-right-colors: none;
- -moz-border-top-colors: none;
- border-color: #eee;
- border-image: none;
- border-radius: 3px;
- border-style: solid;
- border-width: 1px 1px 1px 5px;
- margin: 20px 0;
- padding: 20px;
- }
- .bs-callout h4 {
- margin-bottom: 5px;
- margin-top: 0;
- }
- .bs-callout p:last-child {
- margin-bottom: 0;
- }
- .bs-callout code {
- border-radius: 3px;
- }
- .bs-callout + .bs-callout {
- margin-top: -5px;
- }
- .bs-callout-danger {
- border-left-color: #d9534f;
- }
- .bs-callout-danger h4 {
- color: #d9534f;
- }
- .bs-callout-warning {
- border-left-color: #f0ad4e;
- }
- .bs-callout-warning h4 {
- color: #f0ad4e;
- }
- .bs-callout-info {
- border-left-color: #5bc0de;
- }
- .bs-callout-info h4 {
- color: #5bc0de;
- }
- ul.sameList li{
- margin-bottom:5px;
- }
- .inputErrow{
- -webkit-animation:shake 1s .2s ease both;
- -moz-animation:shake 1s .2s ease both;
- animation:shake 1s .2s ease both;}
- @-webkit-keyframes shake{
- 0%,100%{-webkit-transform:translateX(0);}
- 10%,30%,50%,70%, 90%{-webkit-transform:translateX(-10px);}
- 20%,40%,60%,80%{-webkit-transform:translateX(10px);}
- }
- @-moz-keyframes shake{
- 0%,100%{-moz-transform:translateX(0);}
- 10%,30%,50%,70%, 90%{-moz-transform:translateX(-10px);}
- 20%,40%,60%,80%{-moz-transform:translateX(10px);}
- }
- @keyframes shake{
- 0%,100%{transform:translateX(0);}
- 10%,30%,50%,70%, 90%{transform:translateX(-10px);}
- 20%,40%,60%,80%{transform:translateX(10px);}
- }
|