初始化
This commit is contained in:
liut
File diff suppressed because one or more lines are too long
@@ -0,0 +1,417 @@
|
||||
.child-view {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-transition: all .5s cubic-bezier(.55, 0, .1, 1);
|
||||
transition: all .5s cubic-bezier(.55, 0, .1, 1)
|
||||
}
|
||||
|
||||
.slide-left-enter,
|
||||
.slide-right-leave-active {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate(30px);
|
||||
transform: translate(30px)
|
||||
}
|
||||
|
||||
.slide-left-leave-active,
|
||||
.slide-right-enter {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate(-30px);
|
||||
transform: translate(-30px)
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 1100px;
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex
|
||||
}
|
||||
|
||||
.flex-box {
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center
|
||||
}
|
||||
|
||||
.align-center,
|
||||
.flex-box,
|
||||
.space-between {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.space-between {
|
||||
-webkit-box-pack: justify;
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between
|
||||
}
|
||||
|
||||
.text-overflow {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
input:focus {
|
||||
outline: none
|
||||
}
|
||||
|
||||
.dis-btn1 {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
html {
|
||||
line-height: 1.15;
|
||||
-webkit-text-size-adjust: 100%
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: .67em 0
|
||||
}
|
||||
|
||||
hr {
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
overflow: visible
|
||||
}
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: transparent
|
||||
}
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none;
|
||||
text-decoration: underline;
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder
|
||||
}
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 80%
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -.25em
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -.5em
|
||||
}
|
||||
|
||||
img {
|
||||
border-style: none
|
||||
}
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit;
|
||||
font-size: 100%;
|
||||
line-height: 1.15;
|
||||
margin: 0
|
||||
}
|
||||
|
||||
button,
|
||||
input {
|
||||
overflow: visible
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none
|
||||
}
|
||||
|
||||
[type=button],
|
||||
[type=reset],
|
||||
[type=submit],
|
||||
button {
|
||||
-webkit-appearance: button
|
||||
}
|
||||
|
||||
[type=button]::-moz-focus-inner,
|
||||
[type=reset]::-moz-focus-inner,
|
||||
[type=submit]::-moz-focus-inner,
|
||||
button::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
[type=button]:-moz-focusring,
|
||||
[type=reset]:-moz-focusring,
|
||||
[type=submit]:-moz-focusring,
|
||||
button:-moz-focusring {
|
||||
outline: 1px dotted ButtonText
|
||||
}
|
||||
|
||||
fieldset {
|
||||
padding: .35em .75em .625em
|
||||
}
|
||||
|
||||
legend {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
color: inherit;
|
||||
display: table;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
white-space: normal
|
||||
}
|
||||
|
||||
progress {
|
||||
vertical-align: baseline
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto
|
||||
}
|
||||
|
||||
[type=checkbox],
|
||||
[type=radio] {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
[type=number]::-webkit-inner-spin-button,
|
||||
[type=number]::-webkit-outer-spin-button {
|
||||
height: auto
|
||||
}
|
||||
|
||||
[type=search] {
|
||||
-webkit-appearance: textfield;
|
||||
outline-offset: -2px
|
||||
}
|
||||
|
||||
[type=search]::-webkit-search-decoration {
|
||||
-webkit-appearance: none
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button;
|
||||
font: inherit
|
||||
}
|
||||
|
||||
details {
|
||||
display: block
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item
|
||||
}
|
||||
|
||||
[hidden],
|
||||
template {
|
||||
display: none
|
||||
}
|
||||
|
||||
a,
|
||||
abbr,
|
||||
acronym,
|
||||
address,
|
||||
applet,
|
||||
article,
|
||||
aside,
|
||||
audio,
|
||||
b,
|
||||
big,
|
||||
blockquote,
|
||||
body,
|
||||
canvas,
|
||||
caption,
|
||||
center,
|
||||
cite,
|
||||
code,
|
||||
dd,
|
||||
del,
|
||||
details,
|
||||
dfn,
|
||||
div,
|
||||
dl,
|
||||
dt,
|
||||
em,
|
||||
embed,
|
||||
fieldset,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
form,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
header,
|
||||
html,
|
||||
i,
|
||||
iframe,
|
||||
img,
|
||||
input,
|
||||
ins,
|
||||
kbd,
|
||||
label,
|
||||
legend,
|
||||
li,
|
||||
mark,
|
||||
menu,
|
||||
nav,
|
||||
object,
|
||||
ol,
|
||||
output,
|
||||
p,
|
||||
pre,
|
||||
q,
|
||||
ruby,
|
||||
s,
|
||||
samp,
|
||||
section,
|
||||
small,
|
||||
span,
|
||||
strike,
|
||||
strong,
|
||||
sub,
|
||||
summary,
|
||||
sup,
|
||||
table,
|
||||
tbody,
|
||||
td,
|
||||
tfoot,
|
||||
th,
|
||||
thead,
|
||||
time,
|
||||
tr,
|
||||
tt,
|
||||
u,
|
||||
ul,
|
||||
var,
|
||||
video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font-weight: 400;
|
||||
vertical-align: baseline
|
||||
}
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
display: block
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1
|
||||
}
|
||||
|
||||
blockquote,
|
||||
q {
|
||||
quotes: none
|
||||
}
|
||||
|
||||
blockquote:after,
|
||||
blockquote:before,
|
||||
q:after,
|
||||
q:before {
|
||||
content: none
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0
|
||||
}
|
||||
|
||||
a {
|
||||
color: #7e8c8d;
|
||||
-webkit-backface-visibility: hidden;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none
|
||||
}
|
||||
|
||||
body {
|
||||
-webkit-text-size-adjust: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
|
||||
}
|
||||
|
||||
body,
|
||||
html {
|
||||
font-family: PingFang SC, STHeitiSC-Light, Helvetica-Light, arial, sans-serif, Droid Sans Fallback;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
max-width: 100%
|
||||
}
|
||||
|
||||
.app,
|
||||
body,
|
||||
html {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
background: #fff
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
+706
@@ -0,0 +1,706 @@
|
||||
/*! X-editable - v1.5.3
|
||||
* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
|
||||
* http://github.com/vitalets/x-editable
|
||||
* Copyright (c) 2019 Vitaliy Potapov; Licensed MIT */
|
||||
.editableform {
|
||||
margin-bottom: 0; /* overwrites bootstrap margin */
|
||||
}
|
||||
|
||||
.editableform .control-group {
|
||||
margin-bottom: 0; /* overwrites bootstrap margin */
|
||||
white-space: nowrap; /* prevent wrapping buttons on new line */
|
||||
line-height: 20px; /* overwriting bootstrap line-height. See #133 */
|
||||
}
|
||||
|
||||
/*
|
||||
BS3 fix: stop css from breaking when the form is inside a popup and inside a form with the class .form-horizontal
|
||||
See: https://github.com/vitalets/x-editable/issues/682
|
||||
*/
|
||||
.form-horizontal .editable-popup .editableform .form-group {
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
BS3 width:1005 for inputs breaks editable form in popup
|
||||
See: https://github.com/vitalets/x-editable/issues/393
|
||||
*/
|
||||
.editableform .form-control {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.editable-buttons {
|
||||
display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
|
||||
vertical-align: top;
|
||||
margin-left: 7px;
|
||||
/* inline-block emulation for IE7*/
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
.editable-button {
|
||||
width: 24px;
|
||||
height: 1px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 8px 2px 8px 5px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.editable-button .icon{
|
||||
position: absolute;
|
||||
color: #09AAFF;
|
||||
}
|
||||
|
||||
.editable-button .icon1 {
|
||||
top: 0;
|
||||
left: 0;
|
||||
font-size: 24px;
|
||||
filter: alpha(opacity=30);
|
||||
-moz-opacity: .3;
|
||||
opacity: .3;
|
||||
}
|
||||
|
||||
.editable-button .icon2 {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
left: 5px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.editable-buttons.editable-buttons-bottom {
|
||||
display: block;
|
||||
margin-top: 7px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.editable-input {
|
||||
margin: 9px 0;
|
||||
vertical-align: top;
|
||||
display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
|
||||
width: auto; /* bootstrap-responsive has width: 100% that breakes layout */
|
||||
white-space: normal; /* reset white-space decalred in parent*/
|
||||
/* display-inline emulation for IE7*/
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
.editable-buttons .editable-cancel {
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
/*for jquery-ui buttons need set height to look more pretty*/
|
||||
.editable-buttons button.ui-button-icon-only {
|
||||
height: 24px;
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.editableform-loading {
|
||||
background: url('../image/loading.gif') center center no-repeat;
|
||||
height: 25px;
|
||||
width: auto;
|
||||
min-width: 25px;
|
||||
}
|
||||
|
||||
.editable-inline .editableform-loading {
|
||||
background-position: left 5px;
|
||||
}
|
||||
|
||||
.editable-error-block {
|
||||
max-width: 300px;
|
||||
margin: 5px 0 0 0;
|
||||
width: auto;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
/*add padding for jquery ui*/
|
||||
.editable-error-block.ui-state-error {
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.editable-error {
|
||||
color: red;
|
||||
}
|
||||
|
||||
/* ---- For specific types ---- */
|
||||
|
||||
.editableform .editable-date {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
|
||||
.editable-inline .add-on .icon-th {
|
||||
margin-top: 3px;
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
|
||||
/* checklist vertical alignment */
|
||||
.editable-checklist label input[type="checkbox"],
|
||||
.editable-checklist label span {
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.editable-checklist label {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* set exact width of textarea to fit buttons toolbar */
|
||||
.editable-wysihtml5 {
|
||||
width: 566px;
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
/* clear button shown as link in date inputs */
|
||||
.editable-clear {
|
||||
clear: both;
|
||||
font-size: 0.9em;
|
||||
text-decoration: none;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* IOS-style clear button for text inputs */
|
||||
.editable-clear-x {
|
||||
background: url('../image/clear.png') center center no-repeat;
|
||||
display: block;
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
position: absolute;
|
||||
opacity: 0.6;
|
||||
z-index: 100;
|
||||
|
||||
top: 50%;
|
||||
right: 6px;
|
||||
margin-top: -6px;
|
||||
|
||||
}
|
||||
|
||||
.editable-clear-x:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.editable-pre-wrapped {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
.editable-container.editable-popup {
|
||||
max-width: none !important; /* without this rule poshytip/tooltip does not stretch */
|
||||
}
|
||||
|
||||
.editable-container.popover {
|
||||
width: auto; /* without this rule popover does not stretch */
|
||||
}
|
||||
|
||||
.editable-container.editable-inline {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: auto;
|
||||
/* inline-block emulation for IE7*/
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
.editable-container.ui-widget {
|
||||
font-size: inherit; /* jqueryui widget font 1.1em too big, overwrite it */
|
||||
z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */
|
||||
}
|
||||
.editable-click,
|
||||
a.editable-click,
|
||||
a.editable-click:hover {
|
||||
text-decoration: none;
|
||||
border-bottom: dashed 1px #0088cc;
|
||||
}
|
||||
|
||||
.editable-click.editable-disabled,
|
||||
a.editable-click.editable-disabled,
|
||||
a.editable-click.editable-disabled:hover {
|
||||
color: #585858;
|
||||
cursor: default;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.editable-empty, .editable-empty:hover, .editable-empty:focus{
|
||||
font-style: italic;
|
||||
color: #DD1144;
|
||||
/* border-bottom: none; */
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.editable-unsaved {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.editable-unsaved:after {
|
||||
/* content: '*'*/
|
||||
}
|
||||
|
||||
.editable-bg-transition {
|
||||
-webkit-transition: background-color 1400ms ease-out;
|
||||
-moz-transition: background-color 1400ms ease-out;
|
||||
-o-transition: background-color 1400ms ease-out;
|
||||
-ms-transition: background-color 1400ms ease-out;
|
||||
transition: background-color 1400ms ease-out;
|
||||
}
|
||||
|
||||
/*see https://github.com/vitalets/x-editable/issues/139 */
|
||||
.form-horizontal .editable
|
||||
{
|
||||
padding-top: 5px;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
|
||||
/*!
|
||||
* Datepicker for Bootstrap
|
||||
*
|
||||
* Copyright 2012 Stefan Petre
|
||||
* Improvements by Andrew Rowls
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
*/
|
||||
.datepicker {
|
||||
padding: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
direction: ltr;
|
||||
/*.dow {
|
||||
border-top: 1px solid #ddd !important;
|
||||
}*/
|
||||
|
||||
}
|
||||
.datepicker-inline {
|
||||
width: 220px;
|
||||
}
|
||||
.datepicker.datepicker-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.datepicker.datepicker-rtl table tr td span {
|
||||
float: right;
|
||||
}
|
||||
.datepicker-dropdown {
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.datepicker-dropdown:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 7px solid transparent;
|
||||
border-right: 7px solid transparent;
|
||||
border-bottom: 7px solid #ccc;
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2);
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
left: 6px;
|
||||
}
|
||||
.datepicker-dropdown:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid #ffffff;
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: 7px;
|
||||
}
|
||||
.datepicker > div {
|
||||
display: none;
|
||||
}
|
||||
.datepicker.days div.datepicker-days {
|
||||
display: block;
|
||||
}
|
||||
.datepicker.months div.datepicker-months {
|
||||
display: block;
|
||||
}
|
||||
.datepicker.years div.datepicker-years {
|
||||
display: block;
|
||||
}
|
||||
.datepicker table {
|
||||
margin: 0;
|
||||
}
|
||||
.datepicker td,
|
||||
.datepicker th {
|
||||
text-align: center;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
}
|
||||
.table-striped .datepicker table tr td,
|
||||
.table-striped .datepicker table tr th {
|
||||
background-color: transparent;
|
||||
}
|
||||
.datepicker table tr td.day:hover {
|
||||
background: #eeeeee;
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker table tr td.old,
|
||||
.datepicker table tr td.new {
|
||||
color: #999999;
|
||||
}
|
||||
.datepicker table tr td.disabled,
|
||||
.datepicker table tr td.disabled:hover {
|
||||
background: none;
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker table tr td.today,
|
||||
.datepicker table tr td.today:hover,
|
||||
.datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today.disabled:hover {
|
||||
background-color: #fde19a;
|
||||
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
|
||||
background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-image: linear-gradient(top, #fdd49a, #fdf59a);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
|
||||
border-color: #fdf59a #fdf59a #fbed50;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #000;
|
||||
}
|
||||
.datepicker table tr td.today:hover,
|
||||
.datepicker table tr td.today:hover:hover,
|
||||
.datepicker table tr td.today.disabled:hover,
|
||||
.datepicker table tr td.today.disabled:hover:hover,
|
||||
.datepicker table tr td.today:active,
|
||||
.datepicker table tr td.today:hover:active,
|
||||
.datepicker table tr td.today.disabled:active,
|
||||
.datepicker table tr td.today.disabled:hover:active,
|
||||
.datepicker table tr td.today.active,
|
||||
.datepicker table tr td.today:hover.active,
|
||||
.datepicker table tr td.today.disabled.active,
|
||||
.datepicker table tr td.today.disabled:hover.active,
|
||||
.datepicker table tr td.today.disabled,
|
||||
.datepicker table tr td.today:hover.disabled,
|
||||
.datepicker table tr td.today.disabled.disabled,
|
||||
.datepicker table tr td.today.disabled:hover.disabled,
|
||||
.datepicker table tr td.today[disabled],
|
||||
.datepicker table tr td.today:hover[disabled],
|
||||
.datepicker table tr td.today.disabled[disabled],
|
||||
.datepicker table tr td.today.disabled:hover[disabled] {
|
||||
background-color: #fdf59a;
|
||||
}
|
||||
.datepicker table tr td.today:active,
|
||||
.datepicker table tr td.today:hover:active,
|
||||
.datepicker table tr td.today.disabled:active,
|
||||
.datepicker table tr td.today.disabled:hover:active,
|
||||
.datepicker table tr td.today.active,
|
||||
.datepicker table tr td.today:hover.active,
|
||||
.datepicker table tr td.today.disabled.active,
|
||||
.datepicker table tr td.today.disabled:hover.active {
|
||||
background-color: #fbf069 \9;
|
||||
}
|
||||
.datepicker table tr td.today:hover:hover {
|
||||
color: #000;
|
||||
}
|
||||
.datepicker table tr td.today.active:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.datepicker table tr td.range,
|
||||
.datepicker table tr td.range:hover,
|
||||
.datepicker table tr td.range.disabled,
|
||||
.datepicker table tr td.range.disabled:hover {
|
||||
background: #eeeeee;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.datepicker table tr td.range.today,
|
||||
.datepicker table tr td.range.today:hover,
|
||||
.datepicker table tr td.range.today.disabled,
|
||||
.datepicker table tr td.range.today.disabled:hover {
|
||||
background-color: #f3d17a;
|
||||
background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
|
||||
background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
|
||||
background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
|
||||
background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
|
||||
background-image: linear-gradient(top, #f3c17a, #f3e97a);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
|
||||
border-color: #f3e97a #f3e97a #edde34;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.datepicker table tr td.range.today:hover,
|
||||
.datepicker table tr td.range.today:hover:hover,
|
||||
.datepicker table tr td.range.today.disabled:hover,
|
||||
.datepicker table tr td.range.today.disabled:hover:hover,
|
||||
.datepicker table tr td.range.today:active,
|
||||
.datepicker table tr td.range.today:hover:active,
|
||||
.datepicker table tr td.range.today.disabled:active,
|
||||
.datepicker table tr td.range.today.disabled:hover:active,
|
||||
.datepicker table tr td.range.today.active,
|
||||
.datepicker table tr td.range.today:hover.active,
|
||||
.datepicker table tr td.range.today.disabled.active,
|
||||
.datepicker table tr td.range.today.disabled:hover.active,
|
||||
.datepicker table tr td.range.today.disabled,
|
||||
.datepicker table tr td.range.today:hover.disabled,
|
||||
.datepicker table tr td.range.today.disabled.disabled,
|
||||
.datepicker table tr td.range.today.disabled:hover.disabled,
|
||||
.datepicker table tr td.range.today[disabled],
|
||||
.datepicker table tr td.range.today:hover[disabled],
|
||||
.datepicker table tr td.range.today.disabled[disabled],
|
||||
.datepicker table tr td.range.today.disabled:hover[disabled] {
|
||||
background-color: #f3e97a;
|
||||
}
|
||||
.datepicker table tr td.range.today:active,
|
||||
.datepicker table tr td.range.today:hover:active,
|
||||
.datepicker table tr td.range.today.disabled:active,
|
||||
.datepicker table tr td.range.today.disabled:hover:active,
|
||||
.datepicker table tr td.range.today.active,
|
||||
.datepicker table tr td.range.today:hover.active,
|
||||
.datepicker table tr td.range.today.disabled.active,
|
||||
.datepicker table tr td.range.today.disabled:hover.active {
|
||||
background-color: #efe24b \9;
|
||||
}
|
||||
.datepicker table tr td.selected,
|
||||
.datepicker table tr td.selected:hover,
|
||||
.datepicker table tr td.selected.disabled,
|
||||
.datepicker table tr td.selected.disabled:hover {
|
||||
background-color: #9e9e9e;
|
||||
background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
|
||||
background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
|
||||
background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
|
||||
background-image: -o-linear-gradient(top, #b3b3b3, #808080);
|
||||
background-image: linear-gradient(top, #b3b3b3, #808080);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
|
||||
border-color: #808080 #808080 #595959;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td.selected:hover,
|
||||
.datepicker table tr td.selected:hover:hover,
|
||||
.datepicker table tr td.selected.disabled:hover,
|
||||
.datepicker table tr td.selected.disabled:hover:hover,
|
||||
.datepicker table tr td.selected:active,
|
||||
.datepicker table tr td.selected:hover:active,
|
||||
.datepicker table tr td.selected.disabled:active,
|
||||
.datepicker table tr td.selected.disabled:hover:active,
|
||||
.datepicker table tr td.selected.active,
|
||||
.datepicker table tr td.selected:hover.active,
|
||||
.datepicker table tr td.selected.disabled.active,
|
||||
.datepicker table tr td.selected.disabled:hover.active,
|
||||
.datepicker table tr td.selected.disabled,
|
||||
.datepicker table tr td.selected:hover.disabled,
|
||||
.datepicker table tr td.selected.disabled.disabled,
|
||||
.datepicker table tr td.selected.disabled:hover.disabled,
|
||||
.datepicker table tr td.selected[disabled],
|
||||
.datepicker table tr td.selected:hover[disabled],
|
||||
.datepicker table tr td.selected.disabled[disabled],
|
||||
.datepicker table tr td.selected.disabled:hover[disabled] {
|
||||
background-color: #808080;
|
||||
}
|
||||
.datepicker table tr td.selected:active,
|
||||
.datepicker table tr td.selected:hover:active,
|
||||
.datepicker table tr td.selected.disabled:active,
|
||||
.datepicker table tr td.selected.disabled:hover:active,
|
||||
.datepicker table tr td.selected.active,
|
||||
.datepicker table tr td.selected:hover.active,
|
||||
.datepicker table tr td.selected.disabled.active,
|
||||
.datepicker table tr td.selected.disabled:hover.active {
|
||||
background-color: #666666 \9;
|
||||
}
|
||||
.datepicker table tr td.active,
|
||||
.datepicker table tr td.active:hover,
|
||||
.datepicker table tr td.active.disabled,
|
||||
.datepicker table tr td.active.disabled:hover {
|
||||
background-color: #006dcc;
|
||||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: linear-gradient(top, #0088cc, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
||||
border-color: #0044cc #0044cc #002a80;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td.active:hover,
|
||||
.datepicker table tr td.active:hover:hover,
|
||||
.datepicker table tr td.active.disabled:hover,
|
||||
.datepicker table tr td.active.disabled:hover:hover,
|
||||
.datepicker table tr td.active:active,
|
||||
.datepicker table tr td.active:hover:active,
|
||||
.datepicker table tr td.active.disabled:active,
|
||||
.datepicker table tr td.active.disabled:hover:active,
|
||||
.datepicker table tr td.active.active,
|
||||
.datepicker table tr td.active:hover.active,
|
||||
.datepicker table tr td.active.disabled.active,
|
||||
.datepicker table tr td.active.disabled:hover.active,
|
||||
.datepicker table tr td.active.disabled,
|
||||
.datepicker table tr td.active:hover.disabled,
|
||||
.datepicker table tr td.active.disabled.disabled,
|
||||
.datepicker table tr td.active.disabled:hover.disabled,
|
||||
.datepicker table tr td.active[disabled],
|
||||
.datepicker table tr td.active:hover[disabled],
|
||||
.datepicker table tr td.active.disabled[disabled],
|
||||
.datepicker table tr td.active.disabled:hover[disabled] {
|
||||
background-color: #0044cc;
|
||||
}
|
||||
.datepicker table tr td.active:active,
|
||||
.datepicker table tr td.active:hover:active,
|
||||
.datepicker table tr td.active.disabled:active,
|
||||
.datepicker table tr td.active.disabled:hover:active,
|
||||
.datepicker table tr td.active.active,
|
||||
.datepicker table tr td.active:hover.active,
|
||||
.datepicker table tr td.active.disabled.active,
|
||||
.datepicker table tr td.active.disabled:hover.active {
|
||||
background-color: #003399 \9;
|
||||
}
|
||||
.datepicker table tr td span {
|
||||
display: block;
|
||||
width: 23%;
|
||||
height: 54px;
|
||||
line-height: 54px;
|
||||
float: left;
|
||||
margin: 1%;
|
||||
cursor: pointer;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.datepicker table tr td span:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.datepicker table tr td span.disabled,
|
||||
.datepicker table tr td span.disabled:hover {
|
||||
background: none;
|
||||
color: #999999;
|
||||
cursor: default;
|
||||
}
|
||||
.datepicker table tr td span.active,
|
||||
.datepicker table tr td span.active:hover,
|
||||
.datepicker table tr td span.active.disabled,
|
||||
.datepicker table tr td span.active.disabled:hover {
|
||||
background-color: #006dcc;
|
||||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
||||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
||||
background-image: linear-gradient(top, #0088cc, #0044cc);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
||||
border-color: #0044cc #0044cc #002a80;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
.datepicker table tr td span.active:hover,
|
||||
.datepicker table tr td span.active:hover:hover,
|
||||
.datepicker table tr td span.active.disabled:hover,
|
||||
.datepicker table tr td span.active.disabled:hover:hover,
|
||||
.datepicker table tr td span.active:active,
|
||||
.datepicker table tr td span.active:hover:active,
|
||||
.datepicker table tr td span.active.disabled:active,
|
||||
.datepicker table tr td span.active.disabled:hover:active,
|
||||
.datepicker table tr td span.active.active,
|
||||
.datepicker table tr td span.active:hover.active,
|
||||
.datepicker table tr td span.active.disabled.active,
|
||||
.datepicker table tr td span.active.disabled:hover.active,
|
||||
.datepicker table tr td span.active.disabled,
|
||||
.datepicker table tr td span.active:hover.disabled,
|
||||
.datepicker table tr td span.active.disabled.disabled,
|
||||
.datepicker table tr td span.active.disabled:hover.disabled,
|
||||
.datepicker table tr td span.active[disabled],
|
||||
.datepicker table tr td span.active:hover[disabled],
|
||||
.datepicker table tr td span.active.disabled[disabled],
|
||||
.datepicker table tr td span.active.disabled:hover[disabled] {
|
||||
background-color: #0044cc;
|
||||
}
|
||||
.datepicker table tr td span.active:active,
|
||||
.datepicker table tr td span.active:hover:active,
|
||||
.datepicker table tr td span.active.disabled:active,
|
||||
.datepicker table tr td span.active.disabled:hover:active,
|
||||
.datepicker table tr td span.active.active,
|
||||
.datepicker table tr td span.active:hover.active,
|
||||
.datepicker table tr td span.active.disabled.active,
|
||||
.datepicker table tr td span.active.disabled:hover.active {
|
||||
background-color: #003399 \9;
|
||||
}
|
||||
.datepicker table tr td span.old,
|
||||
.datepicker table tr td span.new {
|
||||
color: #999999;
|
||||
}
|
||||
.datepicker th.datepicker-switch {
|
||||
width: 145px;
|
||||
}
|
||||
.datepicker thead tr:first-child th,
|
||||
.datepicker tfoot tr th {
|
||||
cursor: pointer;
|
||||
}
|
||||
.datepicker thead tr:first-child th:hover,
|
||||
.datepicker tfoot tr th:hover {
|
||||
background: #eeeeee;
|
||||
}
|
||||
.datepicker .cw {
|
||||
font-size: 10px;
|
||||
width: 12px;
|
||||
padding: 0 2px 0 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.datepicker thead tr:first-child th.cw {
|
||||
cursor: default;
|
||||
background-color: transparent;
|
||||
}
|
||||
.input-append.date .add-on i,
|
||||
.input-prepend.date .add-on i {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.input-daterange input {
|
||||
text-align: center;
|
||||
}
|
||||
.input-daterange input:first-child {
|
||||
-webkit-border-radius: 3px 0 0 3px;
|
||||
-moz-border-radius: 3px 0 0 3px;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
.input-daterange input:last-child {
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
.input-daterange .add-on {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
min-width: 16px;
|
||||
height: 18px;
|
||||
padding: 4px 5px;
|
||||
font-weight: normal;
|
||||
line-height: 18px;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
vertical-align: middle;
|
||||
background-color: #eeeeee;
|
||||
border: 1px solid #ccc;
|
||||
margin-left: -5px;
|
||||
margin-right: -5px;
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
.fixed-table-header-columns,
|
||||
.fixed-table-body-columns {
|
||||
position: absolute;
|
||||
background-color: #fff;
|
||||
display: none;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fixed-table-header-columns .table,
|
||||
.fixed-table-body-columns .table {
|
||||
border-right: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.fixed-table-header-columns .table.table-no-bordered,
|
||||
.fixed-table-body-columns .table.table-no-bordered {
|
||||
border-right: 1px solid transparent;
|
||||
}
|
||||
|
||||
.fixed-table-body-columns table {
|
||||
position: absolute;
|
||||
animation: none;
|
||||
}
|
||||
|
||||
.bootstrap-table .table-hover > tbody > tr.hover > td{
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
+10
File diff suppressed because one or more lines are too long
Vendored
+6
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,255 @@
|
||||
/* 文件列表图标 关于母猪的产后护养研究 */
|
||||
.file-icon{
|
||||
cursor: default;
|
||||
display: inline-block; /* 一行显示 */
|
||||
height: 26px;
|
||||
width: 26px;
|
||||
left: 43px;
|
||||
top: 10px;
|
||||
margin-right: 5px;
|
||||
vertical-align:middle; /* 对齐 */
|
||||
}
|
||||
|
||||
.filename{
|
||||
vertical-align:middle;
|
||||
font-size:13px;
|
||||
}
|
||||
|
||||
|
||||
.viewer{
|
||||
|
||||
cursor:pointer; /* 鼠标样式 */
|
||||
}
|
||||
|
||||
.folder{
|
||||
cursor:pointer; /* 鼠标样式 */
|
||||
}
|
||||
|
||||
.icon-search:hover{
|
||||
color: #09AAFF;
|
||||
}
|
||||
|
||||
/* 鼠标悬浮显示更多按钮 */
|
||||
.gengduo {
|
||||
z-index: 3;
|
||||
float:right;
|
||||
margin-top: 5px;
|
||||
cursor:pointer;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* 图标 */
|
||||
.icon-color {
|
||||
color: #09AAFF;
|
||||
}
|
||||
|
||||
|
||||
/* 路劲导航 */
|
||||
.daohang {
|
||||
background-color: #fff;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
margin-bottom: 15px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
display: block;
|
||||
padding: 15px 0 7px 9px;
|
||||
margin-top: 0px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.daohang-path {
|
||||
line-height: 16px;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.daohang-path li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.daohang-path a {
|
||||
color: #09aaff;
|
||||
}
|
||||
|
||||
.daohang-path .fuhao {
|
||||
padding: 0 5px;
|
||||
color: #c5d8f3;
|
||||
padding: 0 3px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* 空文件样式 */
|
||||
.emptyFile {
|
||||
top: 20px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.emptyFile p {
|
||||
color: #424e67;
|
||||
margin: 20px 0;
|
||||
font-weight: 200;
|
||||
display: block;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
margin-inline-start: 0px;
|
||||
margin-inline-end: 0px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.emptyFile2 {
|
||||
margin: 0;
|
||||
display: block;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
min-height: 400px;
|
||||
}
|
||||
.emptyFile2 .img {
|
||||
background: url(../image/emptyfile.png) no-repeat scroll center 0 transparent;
|
||||
padding-top: 150px;
|
||||
width: 488px;
|
||||
position: absolute;
|
||||
left: 50%; /* 左边距实现居中 */
|
||||
top: 90%;
|
||||
text-align: center;
|
||||
margin: -190px 0 0 -244px;
|
||||
}
|
||||
|
||||
/* 空回收站样式 */
|
||||
.emptyRecyclebin .img {
|
||||
background: url(/assets/image/emptyRecyclebin.png) no-repeat scroll center 0 transparent;
|
||||
padding-top: 80px;
|
||||
}
|
||||
|
||||
.emptyRecyclebin-p {
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: #03081a;
|
||||
}
|
||||
|
||||
/* 搜索未找到时 */
|
||||
.emptySousuo .img {
|
||||
background: url(/assets/image/emptySousuo.png) no-repeat scroll center 0 transparent;
|
||||
padding-top: 110px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* 开关按钮 */
|
||||
.switch {
|
||||
position: relative;
|
||||
/*display: inline-block;*/
|
||||
width: 60px;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
.switch input {display:none;}
|
||||
|
||||
.slider {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #ccc;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
.slider:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 26px;
|
||||
width: 26px;
|
||||
left: 4px;
|
||||
bottom: 4px;
|
||||
background-color: white;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
input:checked + .slider {
|
||||
background-color: #2196F3;
|
||||
}
|
||||
|
||||
input:focus + .slider {
|
||||
box-shadow: 0 0 1px #2196F3;
|
||||
}
|
||||
|
||||
input:checked + .slider:before {
|
||||
-webkit-transform: translateX(26px);
|
||||
-ms-transform: translateX(26px);
|
||||
transform: translateX(26px);
|
||||
}
|
||||
|
||||
/* Rounded sliders */
|
||||
.slider.round {
|
||||
border-radius: 34px;
|
||||
}
|
||||
|
||||
.slider.round:before {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
|
||||
/* 右键菜单 */
|
||||
.context-menu .list {
|
||||
border: 1px solid #dde0e4;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 0 8px #ccc;
|
||||
}
|
||||
|
||||
.context-menu .list {
|
||||
min-height: 23px;
|
||||
padding: 2px 0;
|
||||
position: absolute;
|
||||
background-color: #FFF;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.context-menu .list li {
|
||||
display: list-item;
|
||||
cursor: default;
|
||||
width: 110px;
|
||||
height: 23px;
|
||||
line-height: 23px;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
box-sizing: border-box;
|
||||
padding: 0 27px 0 20px;
|
||||
}
|
||||
|
||||
.context-menu .list .separate,
|
||||
.context-menu .list .separate.list-hover {
|
||||
padding: 0;
|
||||
margin: 5px 0;
|
||||
height: 1px;
|
||||
line-height: 0;
|
||||
font-size: 0 !important;
|
||||
background-color: #e9e9e9;
|
||||
cursor: default;
|
||||
}
|
||||
.context-menu .list li:hover {
|
||||
background-color: #4281F4;
|
||||
color: #FFF!important;
|
||||
}
|
||||
|
||||
.context-menu ul, .context-menu li {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 13px!important;
|
||||
color: #5b667b!important;
|
||||
}
|
||||
@@ -0,0 +1,291 @@
|
||||
|
||||
|
||||
.brdCom {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
-webkit-transform: scaleY(.5);
|
||||
transform: scaleY(.5)
|
||||
}
|
||||
|
||||
.header {
|
||||
height: 100%
|
||||
}
|
||||
|
||||
.pub-right {
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.pub-header {
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
|
||||
.pub-header .logo {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.pub-header .head-box {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.pub-header .head-box .head-img {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
border-radius: 50%;
|
||||
margin-right: 8px
|
||||
}
|
||||
|
||||
.pub-header .head-box .text {
|
||||
font-size: 18px;
|
||||
color: #434343;
|
||||
margin-right: 14px
|
||||
}
|
||||
|
||||
.pub-header .head-box .down {
|
||||
width: 14px;
|
||||
height: 9px;
|
||||
margin-right: 30px
|
||||
}
|
||||
|
||||
.pub-header .head-box .line {
|
||||
width: 2px;
|
||||
height: 20px;
|
||||
background: #dcdcdc
|
||||
}
|
||||
|
||||
.pub-header .pub-header1 {
|
||||
margin-left: 30px;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.pub-header .pub-header1 .yq {
|
||||
width: 17px;
|
||||
height: 17px
|
||||
}
|
||||
|
||||
.pub-header .pub-header1 .xgmm {
|
||||
width: 13px;
|
||||
height: 17px
|
||||
}
|
||||
|
||||
.pub-header .pub-header1 .tc {
|
||||
width: 15px;
|
||||
height: 16px
|
||||
}
|
||||
|
||||
.pub-header .pub-header1 .text {
|
||||
font-size: 14px;
|
||||
color: #313131;
|
||||
margin-left: 8px
|
||||
}
|
||||
|
||||
.pop-box {
|
||||
padding-bottom: 20px
|
||||
}
|
||||
|
||||
.pop-box .pop-top {
|
||||
width: 100%;
|
||||
height: 90px;
|
||||
background-image: -webkit-gradient(linear, right top, left top, from(#5a84f0), to(#6aafef));
|
||||
background-image: -webkit-linear-gradient(right, #5a84f0, #6aafef);
|
||||
background-image: linear-gradient(-90deg, #5a84f0, #6aafef);
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
padding: 20px 15px 0 15px
|
||||
}
|
||||
|
||||
.pop-box .pop-top .text {
|
||||
font-size: 12px;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.pop-box .pop-top .pro {
|
||||
width: 230px;
|
||||
height: 6px;
|
||||
background-color: #fff;
|
||||
border-radius: 3px;
|
||||
margin: 15px 0
|
||||
}
|
||||
|
||||
.pop-box .pop-top .pro p {
|
||||
height: 100%;
|
||||
width: 65px;
|
||||
border-radius: 3px;
|
||||
background-color: #fdd30d
|
||||
}
|
||||
|
||||
.pop-box .pop-bottom {
|
||||
padding: 0 14px
|
||||
}
|
||||
|
||||
.pop-box .pop-bottom .text-box {
|
||||
margin-top: 20px;
|
||||
font-size: 14px;
|
||||
color: #313131
|
||||
}
|
||||
|
||||
.pop-box .pop-bottom .text-box .text {
|
||||
font-size: 14px;
|
||||
color: #313131
|
||||
}
|
||||
|
||||
.pop-box .pop-bottom .text-box .btn {
|
||||
border-radius: 3px;
|
||||
width: 47px;
|
||||
height: 22px;
|
||||
background-color: #bcbcbc;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.yq-box {
|
||||
margin-top: 14px
|
||||
}
|
||||
|
||||
.yq-box .text {
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
.yq-box .text1 {
|
||||
width: 214px;
|
||||
height: 22px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #dcdcdc;
|
||||
margin-left: 8px;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
padding: 0 5px
|
||||
}
|
||||
|
||||
.yq-box .text1 .text2 {
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.yq-box .btn {
|
||||
width: 47px;
|
||||
height: 22px;
|
||||
background-color: #fdd30d;
|
||||
border-radius: 4px;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.el-dialog__header {
|
||||
background: #f6f6f6;
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px
|
||||
}
|
||||
|
||||
.el-header {
|
||||
width: 100%;
|
||||
height: 70px;
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 3px 15px 0 hsla(0, 0%, 71%, .2);
|
||||
box-shadow: 0 3px 15px 0 hsla(0, 0%, 71%, .2);
|
||||
padding: 0 42px 0 25px
|
||||
}
|
||||
|
||||
.el-aside {
|
||||
background: #f7f7f7;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.el-col {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.el-dialog {
|
||||
border-radius: 4px
|
||||
}
|
||||
|
||||
.el-popover {
|
||||
padding: 0;
|
||||
background-color: #fff;
|
||||
-webkit-box-shadow: 0 3px 15px 0 hsla(0, 0%, 71%, .2);
|
||||
box-shadow: 0 3px 15px 0 hsla(0, 0%, 71%, .2);
|
||||
border-radius: 10px
|
||||
}
|
||||
|
||||
.el-popper .popper__arrow,
|
||||
.el-popper .popper__arrow:after {
|
||||
border-color: transparent transparent #5c89f0 transparent
|
||||
}
|
||||
|
||||
.el-popper[x-placement^=bottom] .popper__arrow:after {
|
||||
border-bottom-color: #5c89f0
|
||||
}
|
||||
|
||||
.el-dialog .text {
|
||||
font-size: 12px;
|
||||
color: #4f7cec;
|
||||
text-align: center;
|
||||
padding-bottom: 10px
|
||||
}
|
||||
|
||||
.el-dialog .input {
|
||||
width: 322px;
|
||||
height: 32px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #dcdcdc;
|
||||
padding-left: 12px;
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
margin: 20px auto 0 auto
|
||||
}
|
||||
|
||||
.el-dialog .dis-btn {
|
||||
width: 322px;
|
||||
height: 34px;
|
||||
background-color: #4f7cec;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
margin: 40px auto 0 auto;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.el-dialog .code-box {
|
||||
margin-top: 20px;
|
||||
margin-left: 21px
|
||||
}
|
||||
|
||||
.el-dialog .code-box .input1 {
|
||||
width: 222px;
|
||||
height: 32px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #dcdcdc;
|
||||
padding-left: 12px;
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
.el-dialog .code-box .dis-btn1 {
|
||||
width: 86px;
|
||||
height: 32px;
|
||||
background-color: #4f7cec;
|
||||
border-radius: 2px;
|
||||
margin-left: 14px;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.el-aside {
|
||||
width: 195px;
|
||||
}
|
||||
@media (max-width:576px) {
|
||||
.el-aside {
|
||||
width: 100px;
|
||||
}
|
||||
.el-menu-item{
|
||||
padding: 0 0px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,499 @@
|
||||
@font-face {
|
||||
font-family:yunfont;
|
||||
src:url(../font/yunfont.eot);
|
||||
src:url(../font/yunfont.eot#iefix)
|
||||
format('embedded-opentype'),url(../font/yunfont.ttf)
|
||||
format('truetype'),url(../font/yunfont.woff)
|
||||
format('woff'),url(https://static.skpan.cn/icon/font/yunfont.svg?t=1610419101922?de437c#yunfont) format('svg');
|
||||
font-weight:400;
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
|
||||
.g-button-right{
|
||||
padding-left: 20px;
|
||||
color: #666;
|
||||
background-color: rgb(247, 247, 247);
|
||||
}
|
||||
|
||||
.g-button-right .icon{
|
||||
height: 38px;
|
||||
width: 23px;
|
||||
line-height: 38px;
|
||||
margin-left: 5px;
|
||||
margin-top: -2px;
|
||||
font-size: 16px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.icon {
|
||||
font-family: yunfont!important;
|
||||
speak: never;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale
|
||||
}
|
||||
|
||||
.icon-my-share:before {
|
||||
content: "\e900"
|
||||
}
|
||||
|
||||
.icon-disk:before {
|
||||
content: "\e901"
|
||||
}
|
||||
|
||||
.icon-share:before {
|
||||
content: "\e902"
|
||||
}
|
||||
|
||||
.icon-delete:before {
|
||||
content: "\e903"
|
||||
}
|
||||
|
||||
.icon-theme:before {
|
||||
content: "\e904"
|
||||
}
|
||||
|
||||
.icon-search:before {
|
||||
content: "\e905"
|
||||
}
|
||||
|
||||
.icon-newfolder:before {
|
||||
content: "\e906"
|
||||
}
|
||||
|
||||
.icon-download:before {
|
||||
content: "\e907"
|
||||
}
|
||||
|
||||
.icon-border:before {
|
||||
content: "\e908"
|
||||
}
|
||||
|
||||
.icon-face:before {
|
||||
content: "\e909"
|
||||
}
|
||||
|
||||
.icon-android:before {
|
||||
content: "\e90a"
|
||||
}
|
||||
|
||||
.icon-apple:before {
|
||||
content: "\e90b"
|
||||
}
|
||||
|
||||
.icon-device:before {
|
||||
content: "\e90c"
|
||||
}
|
||||
|
||||
.icon-check:before {
|
||||
content: "\e90d"
|
||||
}
|
||||
|
||||
.icon-cancel:before {
|
||||
content: "\e90e"
|
||||
}
|
||||
|
||||
.icon-print:before {
|
||||
content: "\e90f"
|
||||
}
|
||||
|
||||
.icon-order:before {
|
||||
content: "\e910"
|
||||
}
|
||||
|
||||
.icon-grid:before {
|
||||
content: "\e911"
|
||||
}
|
||||
|
||||
.icon-right:before {
|
||||
content: "\e912"
|
||||
}
|
||||
|
||||
.icon-more:before {
|
||||
content: "\e913"
|
||||
}
|
||||
|
||||
.icon-copy:before {
|
||||
content: "\e914"
|
||||
}
|
||||
|
||||
.icon-upload:before {
|
||||
content: "\e915"
|
||||
}
|
||||
|
||||
.icon-yunguanjia:before {
|
||||
content: "\e916"
|
||||
}
|
||||
|
||||
.icon-iPad:before {
|
||||
content: "\e917"
|
||||
}
|
||||
|
||||
.icon-win:before {
|
||||
content: "\e918"
|
||||
}
|
||||
|
||||
.icon-mail:before {
|
||||
content: "\e919"
|
||||
}
|
||||
|
||||
.icon-sync:before {
|
||||
content: "\e91a"
|
||||
}
|
||||
|
||||
.icon-share-cancel:before {
|
||||
content: "\e91b"
|
||||
}
|
||||
|
||||
.icon-qrcode:before {
|
||||
content: "\e91c"
|
||||
}
|
||||
|
||||
.icon-beauty:before {
|
||||
content: "\e91d"
|
||||
}
|
||||
|
||||
.icon-edit:before {
|
||||
content: "\e91e"
|
||||
}
|
||||
|
||||
.icon-save-disk:before {
|
||||
content: "\e91f"
|
||||
}
|
||||
|
||||
.icon-list:before {
|
||||
content: "\e920"
|
||||
}
|
||||
|
||||
.icon-history:before {
|
||||
content: "\e921"
|
||||
}
|
||||
|
||||
.icon-notice:before {
|
||||
content: "\e922"
|
||||
}
|
||||
|
||||
.icon-recovery:before {
|
||||
content: "\e923"
|
||||
}
|
||||
|
||||
.icon-mosaic:before {
|
||||
content: "\e924"
|
||||
}
|
||||
|
||||
.icon-speed:before {
|
||||
content: "\e925"
|
||||
}
|
||||
|
||||
.icon-play:before {
|
||||
content: "\e926"
|
||||
}
|
||||
|
||||
.icon-poly:before {
|
||||
content: "\e927"
|
||||
}
|
||||
|
||||
.icon-feedback:before {
|
||||
content: "\e928"
|
||||
}
|
||||
|
||||
.icon-search-del:before {
|
||||
content: "\e929"
|
||||
}
|
||||
|
||||
.icon-small-lock:before {
|
||||
content: "\e92a"
|
||||
}
|
||||
|
||||
.icon-close:before {
|
||||
content: "\e92b"
|
||||
}
|
||||
|
||||
.icon-minimize:before {
|
||||
content: "\e92c"
|
||||
}
|
||||
|
||||
.icon-maximizing:before {
|
||||
content: "\e92d"
|
||||
}
|
||||
|
||||
.icon-share-community:before {
|
||||
content: "\e92e"
|
||||
}
|
||||
|
||||
.icon-share-email:before {
|
||||
content: "\e92f"
|
||||
}
|
||||
|
||||
.icon-share-link:before {
|
||||
content: "\e930"
|
||||
}
|
||||
|
||||
.icon-share-friend:before {
|
||||
content: "\e931"
|
||||
}
|
||||
|
||||
.icon-sort-select:before {
|
||||
content: "\e932"
|
||||
}
|
||||
|
||||
.icon-dropdown-arrow:before {
|
||||
content: "\e933"
|
||||
}
|
||||
|
||||
.icon-friendlist:before {
|
||||
content: "\e934"
|
||||
}
|
||||
|
||||
.icon-checkgridsmall:before {
|
||||
content: "\e935"
|
||||
}
|
||||
|
||||
.icon-mboxchate:before {
|
||||
content: "\e936"
|
||||
}
|
||||
|
||||
.icon-checksmall:before {
|
||||
content: "\e937"
|
||||
}
|
||||
|
||||
.icon-downtitle:before {
|
||||
content: "\e938"
|
||||
}
|
||||
|
||||
.icon-up:before {
|
||||
content: "\e939"
|
||||
}
|
||||
|
||||
.icon-rename-cancel:before {
|
||||
content: "\e93a"
|
||||
}
|
||||
|
||||
.icon-circle:before {
|
||||
content: "\e93b"
|
||||
}
|
||||
|
||||
.icon-mac:before {
|
||||
content: "\e93c"
|
||||
}
|
||||
|
||||
.icon-musicpause:before {
|
||||
content: "\e93d"
|
||||
}
|
||||
|
||||
.icon-musicloop:before {
|
||||
content: "\e93e"
|
||||
}
|
||||
|
||||
.icon-musicprev:before {
|
||||
content: "\e93f"
|
||||
}
|
||||
|
||||
.icon-musicrandom:before {
|
||||
content: "\e940"
|
||||
}
|
||||
|
||||
.icon-musicloop2:before {
|
||||
content: "\e941"
|
||||
}
|
||||
|
||||
.icon-musicnext:before {
|
||||
content: "\e942"
|
||||
}
|
||||
|
||||
.icon-musicplay:before {
|
||||
content: "\e943"
|
||||
}
|
||||
|
||||
.icon-musicvolume:before {
|
||||
content: "\e944"
|
||||
}
|
||||
|
||||
.icon-arrow-up:before {
|
||||
content: "\e945"
|
||||
}
|
||||
|
||||
.icon-arrow-down:before {
|
||||
content: "\e946"
|
||||
}
|
||||
|
||||
.icon-arrow-right:before {
|
||||
content: "\e947"
|
||||
}
|
||||
|
||||
.icon-arrow-left:before {
|
||||
content: "\e948"
|
||||
}
|
||||
|
||||
.icon-appeal:before {
|
||||
content: "\e949"
|
||||
}
|
||||
|
||||
.icon-radio-checked:before {
|
||||
content: "\e94a"
|
||||
}
|
||||
|
||||
.icon-radio-non:before {
|
||||
content: "\e94b"
|
||||
}
|
||||
|
||||
.icon-director:before {
|
||||
content: "\e94c"
|
||||
}
|
||||
|
||||
.icon-dropdown-select:before {
|
||||
content: "\e94d"
|
||||
}
|
||||
|
||||
.icon-tips-detail:before {
|
||||
content: "\e94e"
|
||||
}
|
||||
|
||||
.icon-tips-success:before {
|
||||
content: "\e94f"
|
||||
}
|
||||
|
||||
.icon-tips-close:before {
|
||||
content: "\e950"
|
||||
}
|
||||
|
||||
.icon-tips-caution:before {
|
||||
content: "\e951"
|
||||
}
|
||||
|
||||
.icon-imageEnlarge:before {
|
||||
content: "\e952"
|
||||
}
|
||||
|
||||
.icon-hollowCircle:before {
|
||||
content: "\e953"
|
||||
}
|
||||
|
||||
.icon-picpre-enlarge:before {
|
||||
content: "\e954"
|
||||
}
|
||||
|
||||
.icon-picpre-close:before {
|
||||
content: "\e955"
|
||||
}
|
||||
|
||||
.icon-picpre-beautify:before {
|
||||
content: "\e956"
|
||||
}
|
||||
|
||||
.icon-picpre-delete:before {
|
||||
content: "\e957"
|
||||
}
|
||||
|
||||
.icon-picpre-before:before {
|
||||
content: "\e958"
|
||||
}
|
||||
|
||||
.icon-picpre-pulldown2:before {
|
||||
content: "\e959"
|
||||
}
|
||||
|
||||
.icon-picpre-next:before {
|
||||
content: "\e95a"
|
||||
}
|
||||
|
||||
.icon-picpre-download:before {
|
||||
content: "\e95b"
|
||||
}
|
||||
|
||||
.icon-picpre-detail:before {
|
||||
content: "\e95c"
|
||||
}
|
||||
|
||||
.icon-picpre-pullup:before {
|
||||
content: "\e95d"
|
||||
}
|
||||
|
||||
.icon-picpre-rotate:before {
|
||||
content: "\e95e"
|
||||
}
|
||||
|
||||
.icon-picpre-phone:before {
|
||||
content: "\e95f"
|
||||
}
|
||||
|
||||
.icon-picpre-cloudprint:before {
|
||||
content: "\e960"
|
||||
}
|
||||
|
||||
.icon-picpre-facesearch:before {
|
||||
content: "\e961"
|
||||
}
|
||||
|
||||
.icon-remark-edit:before {
|
||||
content: "\e962"
|
||||
}
|
||||
|
||||
.icon-remark-remove:before {
|
||||
content: "\e963"
|
||||
}
|
||||
|
||||
.icon-camera:before {
|
||||
content: "\e964"
|
||||
}
|
||||
|
||||
.icon-sharedir:before {
|
||||
content: "\e965"
|
||||
}
|
||||
|
||||
.icon-sharedir-info:before {
|
||||
content: "\e966"
|
||||
}
|
||||
|
||||
.icon-classify-modify-remove:before {
|
||||
content: "\e967"
|
||||
}
|
||||
|
||||
.icon-setting:before {
|
||||
content: "\e968"
|
||||
}
|
||||
|
||||
.icon-share-sellmall:before {
|
||||
content: "\e969"
|
||||
}
|
||||
|
||||
.icon-pdf2word:before {
|
||||
content: "\e96a"
|
||||
}
|
||||
|
||||
.icon-uniE96D:before {
|
||||
content: "\e96b"
|
||||
}
|
||||
|
||||
.icon-uniE96E:before {
|
||||
content: "\e96c"
|
||||
}
|
||||
|
||||
.icon-uniE96F:before {
|
||||
content: "\e96d"
|
||||
}
|
||||
|
||||
.icon-sjck:before {
|
||||
content: "\e96e"
|
||||
}
|
||||
|
||||
.icon-addwp:before {
|
||||
content: "\e96f"
|
||||
}
|
||||
|
||||
.icon-wpedit:before {
|
||||
content: "\e970"
|
||||
}
|
||||
|
||||
.icon-share-lock:before {
|
||||
content: "\e971"
|
||||
}
|
||||
|
||||
.icon-svg-s-close:before {
|
||||
content: "\e972"
|
||||
}
|
||||
@@ -0,0 +1,637 @@
|
||||
* {
|
||||
-webkit-box-sizing: content-box !important;
|
||||
-moz-box-sizing: content-box !important;
|
||||
box-sizing: content-box !important;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 14px !important;
|
||||
font-family: arial, \5FAE\8F6F\96C5\9ED1, sans-serif;
|
||||
margin: auto;
|
||||
color: #3f3f3f
|
||||
}
|
||||
|
||||
.h3, h3 {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
.h2, h2 {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
.h1, h1 {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
color: #f32
|
||||
}
|
||||
|
||||
a:active {
|
||||
text-decoration: none;
|
||||
color: #ff0
|
||||
}
|
||||
|
||||
.dx:link {
|
||||
color: #fff;
|
||||
background-color: #09f
|
||||
}
|
||||
|
||||
.dx:hover {
|
||||
color: #fff;
|
||||
background-color: #5bf
|
||||
}
|
||||
|
||||
.d1 {
|
||||
background: #fafafa;
|
||||
box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
_top: expression(eval(document.compatMode&&document.compatMode=='CSS1Compat')?documentElement.scrollTop:document.body.scrollTop);
|
||||
filter: alpha(opacity=70);
|
||||
-moz-opacity: .7;
|
||||
-khtml-opacity: .7;
|
||||
opacity: .7;
|
||||
z-index: 100;
|
||||
width: 100%;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: #fc6;
|
||||
height: 49px
|
||||
}
|
||||
|
||||
.d1 a:link {
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.d1 a:visited {
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.d1 a:hover {
|
||||
color: #333;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.d1 a:active {
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.d11 {
|
||||
float: left;
|
||||
background-image: url(../image/logo3.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 17px 14px;
|
||||
padding-top: 18px;
|
||||
height: 29px
|
||||
}
|
||||
|
||||
.d12 {
|
||||
font-size: 16px;
|
||||
float: right;
|
||||
padding-right: 30px;
|
||||
padding-top: 18px;
|
||||
height: 29px
|
||||
}
|
||||
|
||||
.d7 {
|
||||
display: block;
|
||||
text-align: right;
|
||||
width: 230px
|
||||
}
|
||||
|
||||
.pc {
|
||||
background-color: #09f;
|
||||
height: 15px;
|
||||
background-image: url(../image/logo3.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 90% bottom;
|
||||
margin-top: 45px;
|
||||
_margin-top: 0;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.li {
|
||||
text-align: center;
|
||||
padding-top: 17px;
|
||||
padding-bottom: 7px;
|
||||
font-size: 20px;
|
||||
color: #bbb;
|
||||
font-family: MingLiU, PMingLiU
|
||||
}
|
||||
|
||||
.q7 {
|
||||
background-color: #fc3;
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto
|
||||
}
|
||||
|
||||
.q1 {
|
||||
font-size: 37px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
padding-top: 70px;
|
||||
padding-left: 150px
|
||||
}
|
||||
|
||||
.q1 span {
|
||||
font-family: \9ED1\4F53
|
||||
}
|
||||
|
||||
.q2 {
|
||||
font-size: 20px;
|
||||
color: #ff9;
|
||||
text-align: center;
|
||||
margin-top: 27px;
|
||||
margin-bottom: 13px;
|
||||
padding-left: 150px;
|
||||
font-family: MingLiU, PMingLiU
|
||||
}
|
||||
|
||||
.q3 {
|
||||
text-align: center;
|
||||
padding-left: 150px;
|
||||
padding-top: 20px;
|
||||
font-size: 16px
|
||||
}
|
||||
|
||||
.q5 {
|
||||
background-image: url(../image/q2.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 30px;
|
||||
height: 300px;
|
||||
float: left;
|
||||
width: 700px
|
||||
}
|
||||
|
||||
.q9 {
|
||||
height: 306px;
|
||||
width: 998px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
background-image: url(../image/q9.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: right bottom;
|
||||
padding-top: 23px;
|
||||
padding-bottom: 23px
|
||||
}
|
||||
|
||||
.y0 {
|
||||
background-color: #fff;
|
||||
padding: 23px;
|
||||
_top: expression(eval(document.compatMode&&document.compatMode=='CSS1Compat')?documentElement.scrollTop:document.body.scrollTop);
|
||||
filter: alpha(opacity=70);
|
||||
-moz-opacity: .7;
|
||||
-khtml-opacity: .7;
|
||||
opacity: .7;
|
||||
z-index: 100;
|
||||
width: 220px;
|
||||
border-radius: 5px;
|
||||
float: right
|
||||
}
|
||||
|
||||
.y1 {
|
||||
font-size: 26px;
|
||||
text-align: center;
|
||||
padding-top: 17px
|
||||
}
|
||||
|
||||
.y2 {
|
||||
width: 170px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
line-height: 37px;
|
||||
margin-top: 11px;
|
||||
margin-bottom: 11px;
|
||||
color: #f60;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.y3 {
|
||||
text-align: center;
|
||||
color: #777
|
||||
}
|
||||
|
||||
.y6 {
|
||||
border: 1px solid #D5D5D5;
|
||||
background-image: linear-gradient(#FCFCFC, #EEE);
|
||||
background-color: #f7f7f7;
|
||||
text-shadow: 0 2px 0 rgba(255, 255, 255, 0.9);
|
||||
text-align: center;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
width: 130px;
|
||||
margin-top: 7px;
|
||||
display: block;
|
||||
padding: 7px;
|
||||
border-radius: 5px;
|
||||
color: #000
|
||||
}
|
||||
|
||||
.y6:link {
|
||||
color: #000
|
||||
}
|
||||
|
||||
.y6:hover {
|
||||
border: 1px solid #fc3;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.y6:visited {
|
||||
color: #333
|
||||
}
|
||||
|
||||
.y6:active {
|
||||
background-color: #ffc;
|
||||
background-image: linear-gradient(#dcdcdc, #d8d8d8);
|
||||
box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15)
|
||||
}
|
||||
|
||||
.v1 {
|
||||
font-family: "Raleway", "Open Sans", "Helvetica Neue", Microsoft JhengHei, arial, sans-serif, \5FAE\8F6F\96C5\9ED1, Arial, sans-serif;
|
||||
font-size: 26px;
|
||||
margin-top: 7px;
|
||||
margin-bottom: 7px;
|
||||
text-align: center;
|
||||
color: #333
|
||||
}
|
||||
|
||||
.v2 {
|
||||
text-align: center;
|
||||
margin-top: 17px
|
||||
}
|
||||
|
||||
.v3 {
|
||||
height: 210px;
|
||||
background-color: #19a9e5;
|
||||
padding-top: 39px;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.v4 {
|
||||
font-family: "Raleway", "Open Sans", "Helvetica Neue", Microsoft JhengHei, arial, sans-serif, \5FAE\8F6F\96C5\9ED1, Arial, sans-serif;
|
||||
font-size: 30px;
|
||||
color: #fff;
|
||||
padding: 7px
|
||||
}
|
||||
|
||||
.v5 {
|
||||
color: #fff;
|
||||
padding: 7px;
|
||||
font-size: 13px
|
||||
}
|
||||
|
||||
.v6 {
|
||||
font-size: 17px;
|
||||
color: #adf;
|
||||
padding: 7px
|
||||
}
|
||||
|
||||
.v7 {
|
||||
height: 33px;
|
||||
width: 118px;
|
||||
background-color: #6b0;
|
||||
text-align: center;
|
||||
margin-left: 7px;
|
||||
border-radius: 5px;
|
||||
display: block;
|
||||
line-height: 33px
|
||||
}
|
||||
|
||||
.v7:link {
|
||||
color: #fff;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.v7:hover {
|
||||
background-color: #81d658;
|
||||
color: #fff;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)
|
||||
}
|
||||
|
||||
.v7:visited {
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.v7:active {
|
||||
background-color: #509100;
|
||||
box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15)
|
||||
}
|
||||
|
||||
.p8 {
|
||||
float: left;
|
||||
width: 220px;
|
||||
margin-left: 3px;
|
||||
padding-top: 160px;
|
||||
border: 1px solid #fff;
|
||||
padding-bottom: 30px
|
||||
}
|
||||
|
||||
.p8:hover {
|
||||
background-image: url(../image/i1.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: -820px 22px;
|
||||
color: #000;
|
||||
border: 1px solid #eee
|
||||
}
|
||||
|
||||
.p7 {
|
||||
float: left;
|
||||
width: 220px;
|
||||
margin-left: 3px;
|
||||
padding-top: 160px;
|
||||
border: 1px solid #fff;
|
||||
padding-bottom: 30px
|
||||
}
|
||||
|
||||
.p7:hover {
|
||||
background-image: url(../image/i1.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: -1046px 22px;
|
||||
color: #000;
|
||||
border: 1px solid #eee
|
||||
}
|
||||
|
||||
.p6 {
|
||||
float: left;
|
||||
width: 220px;
|
||||
margin-left: 3px;
|
||||
padding-top: 160px;
|
||||
border: 1px solid #fff;
|
||||
padding-bottom: 30px
|
||||
}
|
||||
|
||||
.p6:hover {
|
||||
background-image: url(../image/i1.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: -1270px 22px;
|
||||
color: #000;
|
||||
border: 1px solid #eee
|
||||
}
|
||||
|
||||
.p5 {
|
||||
float: left;
|
||||
width: 220px;
|
||||
margin-left: 3px;
|
||||
padding-top: 160px;
|
||||
border: 1px solid #fff;
|
||||
padding-bottom: 30px
|
||||
}
|
||||
|
||||
.p5:hover {
|
||||
background-image: url(../image/i1.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: -1496px 22px;
|
||||
color: #000;
|
||||
border: 1px solid #eee
|
||||
}
|
||||
|
||||
.p9 {
|
||||
width: 927px;
|
||||
height: 273px;
|
||||
background-image: url(../image/i1.gif);
|
||||
background-repeat: no-repeat;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
background-position: 59px 23px;
|
||||
color: #999
|
||||
}
|
||||
|
||||
.c {
|
||||
clear: both;
|
||||
height: 70px
|
||||
}
|
||||
|
||||
.h1 {
|
||||
width: 600px;
|
||||
padding-top: 100px;
|
||||
padding-right: 398px;
|
||||
padding-bottom: 100px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
background-image: url(../image/i18.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 682px -719px
|
||||
}
|
||||
|
||||
.h1:hover {
|
||||
background-image: url(../image/i18.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 683px -719px
|
||||
}
|
||||
|
||||
.h2 {
|
||||
width: 460px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
padding-left: 538px;
|
||||
background-image: url(../image/i18.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 -460px
|
||||
}
|
||||
|
||||
.h3 {
|
||||
height: 180px;
|
||||
width: 640px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-top: 7px;
|
||||
padding-right: 358px;
|
||||
padding-bottom: 7px;
|
||||
background-image: url(../image/i18.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 718px -218px
|
||||
}
|
||||
|
||||
.u {
|
||||
width: 998px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
height: 200px
|
||||
}
|
||||
|
||||
.u1 {
|
||||
width: 998px;
|
||||
margin-top: 27px;
|
||||
border-top: 1px solid #e1e1e1;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-bottom: 70px
|
||||
}
|
||||
|
||||
.u2 {
|
||||
width: 365px;
|
||||
float: right;
|
||||
background-image: url(../image/i9.png);
|
||||
background-repeat: repeat;
|
||||
height: 197px
|
||||
}
|
||||
|
||||
.u2:hover {
|
||||
border-right-width: 1px;
|
||||
border-right-style: solid;
|
||||
border-right-color: #fff
|
||||
}
|
||||
|
||||
.u3 {
|
||||
height: 100px;
|
||||
width: 500px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
float: left
|
||||
}
|
||||
|
||||
.u5 {
|
||||
height: 193px;
|
||||
width: 362px;
|
||||
background-image: url(../image/i18.gif);
|
||||
background-repeat: no-repeat
|
||||
}
|
||||
|
||||
.m1 {
|
||||
font-family: "Raleway", "Open Sans", "Helvetica Neue", Microsoft JhengHei, arial, sans-serif, \5FAE\8F6F\96C5\9ED1, Arial, sans-serif;
|
||||
font-size: 26px;
|
||||
padding: 7px
|
||||
}
|
||||
|
||||
.m2 {
|
||||
color: #999;
|
||||
padding: 7px;
|
||||
line-height: 1.5em
|
||||
}
|
||||
|
||||
.foot {
|
||||
width: 100%;
|
||||
padding-top: 39px;
|
||||
padding-bottom: 30px;
|
||||
color: #aaa;
|
||||
font-size: 12px;
|
||||
line-height: 30px;
|
||||
border-top-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-top-color: #ddd
|
||||
}
|
||||
|
||||
.foot a:link {
|
||||
color: #19a9e5
|
||||
}
|
||||
|
||||
.foot a:visited {
|
||||
text-decoration: none;
|
||||
color: #19a9e5
|
||||
}
|
||||
|
||||
.foot a:hover {
|
||||
color: #f32
|
||||
}
|
||||
|
||||
.f0 {
|
||||
font-size: 14px;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 17px;
|
||||
line-height: normal;
|
||||
color: #333
|
||||
}
|
||||
|
||||
.f1 {
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
word-spacing: 7px;
|
||||
width: 100%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
margin-top: 50px;
|
||||
padding-bottom: 98px;
|
||||
padding-top: 8px
|
||||
}
|
||||
|
||||
.f3 {
|
||||
float: left;
|
||||
width: 198px
|
||||
}
|
||||
|
||||
.f5 {
|
||||
clear: both;
|
||||
width: 998px;
|
||||
height: 1px
|
||||
}
|
||||
|
||||
.f6 {
|
||||
width: 998px;
|
||||
margin-right: auto;
|
||||
margin-left: auto
|
||||
}
|
||||
|
||||
.f7 {
|
||||
display: block;
|
||||
height: 41px;
|
||||
width: 130px;
|
||||
background-image: url(https://static.skpan.cn/pan/img/y3.gif);
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
border: 1px solid #000
|
||||
}
|
||||
|
||||
.f7:hover {
|
||||
background-image: url(https://static.skpan.cn/pan/img/y3.gif);
|
||||
border: 1px solid #ccc;
|
||||
background-position: 0 95px
|
||||
}
|
||||
|
||||
.f9 {
|
||||
height: 40px;
|
||||
width: 130px;
|
||||
background-image: url(../image/logo.gif);
|
||||
}
|
||||
|
||||
.up {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
background: url(https://static.skpan.cn/img/top.gif) no-repeat 0 0
|
||||
}
|
||||
|
||||
.up:hover {
|
||||
background: url(https://static.skpan.cn/img/top.gif) no-repeat 0 -50px
|
||||
}
|
||||
|
||||
.up:active {
|
||||
box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.15)
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
background: #000;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: #000;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
height: 9px;
|
||||
width: 9px
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: rgba(0, 0, 0, 0.2)
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:active {
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 701 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
File diff suppressed because one or more lines are too long
@@ -0,0 +1,298 @@
|
||||
/* 滚动条样式 */
|
||||
::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
height: 10px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
height: 30px;
|
||||
background-color: #999;
|
||||
-webkit-border-radius: 7px;
|
||||
outline: 2px solid #fff;
|
||||
outline-offset: -2px;
|
||||
border: 2px solid #fff;
|
||||
}
|
||||
::-webkit-scrollbar-track-piece {
|
||||
background-color: #fff;
|
||||
-webkit-border-radius: 3px;
|
||||
}
|
||||
|
||||
.g-button-right {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.select {
|
||||
color: #09AAFF;
|
||||
background: rgba(0,0,0,.05);
|
||||
}
|
||||
|
||||
.brdCom{
|
||||
content: " ";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
-webkit-transform: scaleY(.5);
|
||||
transform: scaleY(.5)
|
||||
}
|
||||
|
||||
.top-item{
|
||||
color: #409eff;
|
||||
height: 34px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #C3EAFF;
|
||||
padding: 0 18px 0 15px;
|
||||
cursor: pointer;
|
||||
margin-right: 10px;
|
||||
position: relative
|
||||
}
|
||||
|
||||
|
||||
.top-item .text{
|
||||
color: #409eff;
|
||||
font-size: 14px;
|
||||
margin-left: 10px
|
||||
}
|
||||
|
||||
.top-item:hover .text {
|
||||
border: none;
|
||||
color: #2f6aff
|
||||
}
|
||||
|
||||
.icon-box{
|
||||
border: 1px solid #4f7cec;
|
||||
border-radius: 4px
|
||||
}
|
||||
|
||||
.icon-box .top-item{
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
margin-right: 0;
|
||||
border-right: 1px solid #4f7cec
|
||||
}
|
||||
|
||||
.icon-box .top-item:last-child {
|
||||
border-right: none
|
||||
}
|
||||
|
||||
.top-right{
|
||||
width: 316px;
|
||||
height: 32px;
|
||||
background-color: #f1f2f4;
|
||||
border-radius: 16px;
|
||||
padding: 0 15px
|
||||
}
|
||||
|
||||
.top-right input{
|
||||
font-size: 14px;
|
||||
background: none;
|
||||
border: none;
|
||||
width: 250px
|
||||
}
|
||||
|
||||
.top-right .icon{
|
||||
color: #434343;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.all-box1{
|
||||
margin-top: 14px
|
||||
}
|
||||
|
||||
.all-box1 .text{
|
||||
font-size: 12px;
|
||||
color: #535353
|
||||
}
|
||||
|
||||
.all-box1 .text1{
|
||||
font-size: 12px;
|
||||
color: #626262
|
||||
}
|
||||
|
||||
.cz-box .icon,.cz-box img{
|
||||
cursor: pointer;
|
||||
margin-right: 15px
|
||||
}
|
||||
|
||||
.cz-box .icon{
|
||||
color: #4f7cec
|
||||
}
|
||||
|
||||
.scop-text{
|
||||
cursor: pointer;
|
||||
color: #313131;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
.dis-form{
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
padding-left: 20px;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.dis-form.from1{
|
||||
margin-top: 35px
|
||||
}
|
||||
|
||||
.dis-form .text1{
|
||||
width: 85px;
|
||||
font-size: 14px;
|
||||
color: #a0a0a0
|
||||
}
|
||||
|
||||
.dis-form .text2{
|
||||
font-size: 14px;
|
||||
color: #b5b5b5;
|
||||
margin-left: 15px
|
||||
}
|
||||
|
||||
.lj{
|
||||
width: 370px;
|
||||
height: 40px;
|
||||
border: 1px solid #dcdcdc;
|
||||
font-size: 14px;
|
||||
color: #b5b5b5;
|
||||
margin: 30px auto 0 auto;
|
||||
border-radius: 4px
|
||||
}
|
||||
|
||||
.share-img{
|
||||
width: 151px;
|
||||
margin: 30px auto 0 auto
|
||||
}
|
||||
|
||||
.dis-btn1{
|
||||
width: 115px;
|
||||
height: 34px;
|
||||
background-color: #4f7cec;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
margin: 30px auto 0 auto
|
||||
}
|
||||
|
||||
.tqm{
|
||||
width: 257px;
|
||||
height: 34px;
|
||||
background-color: #eee;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #dcdcdc;
|
||||
font-size: 14px;
|
||||
color: #707070;
|
||||
margin-top: 10px;
|
||||
margin-left: 130px
|
||||
}
|
||||
|
||||
.file-box{
|
||||
max-height: 400px;
|
||||
overflow-y: auto
|
||||
}
|
||||
|
||||
.code-text{
|
||||
position: absolute;
|
||||
bottom: 68px;
|
||||
left: 200px;
|
||||
color: #000
|
||||
}
|
||||
|
||||
.el-pagination {
|
||||
margin-top: 20px
|
||||
}
|
||||
|
||||
.el-dialog__title {
|
||||
width: 370px;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
.el-select {
|
||||
width: 110px
|
||||
}
|
||||
|
||||
.el-upload-dragger {
|
||||
width: 83px;
|
||||
height: 34px
|
||||
}
|
||||
|
||||
.file-box .el-radio {
|
||||
margin-top: 20px
|
||||
}
|
||||
|
||||
.url-box {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.url-box .url {
|
||||
width: 350px;
|
||||
margin-right: 20px
|
||||
}
|
||||
|
||||
.url-box .url,.url-box .url1 {
|
||||
height: 42px;
|
||||
border: 1px solid #dcdcdc
|
||||
}
|
||||
|
||||
.url-box .url1 {
|
||||
width: 130px;
|
||||
text-align: center;
|
||||
line-height: 42px
|
||||
}
|
||||
|
||||
.code-img {
|
||||
width: 300px;
|
||||
display: block;
|
||||
margin: 20px auto
|
||||
}
|
||||
|
||||
.shareimg-box {
|
||||
position: relative
|
||||
}
|
||||
|
||||
.shareimg-box .code-box {
|
||||
position: absolute;
|
||||
bottom: 93px;
|
||||
left: 149px;
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
background: #fff
|
||||
}
|
||||
|
||||
.top-right .el-input__inner {
|
||||
background: none;
|
||||
border: none
|
||||
}
|
||||
|
||||
/* 上传按钮 */
|
||||
.upload {
|
||||
color: #fff;
|
||||
background-color:#09AAFF;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
|
||||
.upload:hover {
|
||||
background-color:#09a0f1;
|
||||
}
|
||||
|
||||
.upload .text {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.upload:hover .text {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,419 @@
|
||||
body {
|
||||
font: 14px \5FAE\8F6F\96C5\9ED1, "Raleway", "Open Sans", "Helvetica Neue", Microsoft JhengHei, Arial, sans-serif;
|
||||
margin: auto;
|
||||
color: #3F3F3F;
|
||||
}
|
||||
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
color: #0099FF;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
text-decoration: none;
|
||||
color: #0099FF;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
color: #FF3311;
|
||||
}
|
||||
|
||||
a:active {
|
||||
text-decoration: none;
|
||||
color: #FFFF00;
|
||||
}
|
||||
|
||||
.dx:link {
|
||||
color: #FFFFFF;
|
||||
background-color: #0099FF;
|
||||
}
|
||||
|
||||
.dx:hover {
|
||||
color: #FFFFFF;
|
||||
background-color: #55BBFF;
|
||||
}
|
||||
|
||||
.d1 {
|
||||
background: #fafafa;
|
||||
box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
_top: expression(eval(document.compatMode&&document.compatMode=='CSS1Compat')?documentElement.scrollTop:document.body.scrollTop);
|
||||
filter: alpha(opacity=70);
|
||||
-moz-opacity: 0.7;
|
||||
-khtml-opacity: 0.7;
|
||||
opacity: 0.7;
|
||||
z-index: 100;
|
||||
width: 100%;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: #dee9f5;
|
||||
height: 49px;
|
||||
}
|
||||
|
||||
.d1 a:link {
|
||||
color: #999999;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.d1 a:visited {
|
||||
color: #a8d6f1;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.d1 a:hover {
|
||||
color: #333333;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.d1 a:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.d11 {
|
||||
float: left;
|
||||
background-image: url(../image/logo3.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 17px 14px;
|
||||
padding-top: 18px;
|
||||
height: 29px;
|
||||
}
|
||||
|
||||
.d12 {
|
||||
float: right;
|
||||
padding-right: 30px;
|
||||
padding-top: 18px;
|
||||
height: 29px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.d7 {
|
||||
display: block;
|
||||
width: 230px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.pc {
|
||||
background-color: #0099FF;
|
||||
height: 15px;
|
||||
background-image: url(../image/logo3.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 90% bottom;
|
||||
margin-top: 45px;
|
||||
_margin-top: 0px;
|
||||
}
|
||||
|
||||
.d {
|
||||
width: 993px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.b {
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
padding: 56px 0px 20px 0px;
|
||||
}
|
||||
|
||||
.d2 {
|
||||
line-height: 43px;
|
||||
border-top: 1px solid #EEEEEE;
|
||||
padding: 28px 10px 16px 10px;
|
||||
}
|
||||
|
||||
.z {
|
||||
padding-left: 270px;
|
||||
height: 56px;
|
||||
}
|
||||
|
||||
.dx2 {
|
||||
text-align: center;
|
||||
width: 128px;
|
||||
float: left;
|
||||
background-color: #FF6452;
|
||||
margin: 13px;
|
||||
line-height: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.dx2 a:link {
|
||||
color: #FFFFFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.dx2 a:visited {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.dx2 a:hover {
|
||||
color: #CCCCCC;
|
||||
}
|
||||
|
||||
.d3 {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.foot_info {
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
color: #93D393;
|
||||
padding: 60px 0px 36px 0px;
|
||||
}
|
||||
|
||||
.p9 {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
.p8 {
|
||||
padding: 9px;
|
||||
font-size: 16px;
|
||||
width: 93%;
|
||||
border: 1px solid #D6D6D6;
|
||||
border-radius: 4px;
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
.p8:focus {
|
||||
border: #52A6EF 1px solid;
|
||||
box-shadow: 0 0 3px rgba(82, 166, 239, 0.8);
|
||||
outline: none;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.btn {
|
||||
height: 38px;
|
||||
width: 100%;
|
||||
background-color: #18BC9C;
|
||||
color: #FFFFFF;
|
||||
font-size: 16px;
|
||||
font-family: \9ED1\4F53;
|
||||
border: 1px solid #3ed3b6;
|
||||
border-radius: 16px;
|
||||
margin-bottom: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
background-color: #3ed3b6;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.btn:active {
|
||||
background-color: #3ed3b6;
|
||||
box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.btn:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.p7 {
|
||||
color: #BBBBBB;
|
||||
padding-right: 16px;
|
||||
}
|
||||
|
||||
.j {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
height: 8px;
|
||||
width: 8px
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: rgba(0, 0, 0, 0.2)
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:active {
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
|
||||
.d12 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.input {
|
||||
padding: 9px 9px 9px 31px;
|
||||
font-size: 16px;
|
||||
width: 83%;
|
||||
border: 1px solid #D6D6D6;
|
||||
border-radius: 4px;
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
background-image: url(../image/logo7.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: -121px -158px;
|
||||
}
|
||||
|
||||
.pwd {
|
||||
background-image: url(../image/logo7.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: -121px -188px;
|
||||
}
|
||||
|
||||
.input:hover {
|
||||
border: #52A6EF 1px solid;
|
||||
}
|
||||
|
||||
.input:focus {
|
||||
border: #52A6EF 1px solid;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.275);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.btn:disabled {
|
||||
border: #D5D5D5 1px solid;
|
||||
background-color: #D5D5D5;
|
||||
color: #9E9E9E;
|
||||
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9);
|
||||
box-shadow: initial;
|
||||
}
|
||||
|
||||
.p4 {
|
||||
text-align: center;
|
||||
line-height: 2.1em;
|
||||
color: #888888;
|
||||
}
|
||||
|
||||
.p6 {
|
||||
text-align: center;
|
||||
font-size: 30px;
|
||||
line-height: 2.0em;
|
||||
color: #585858;
|
||||
}
|
||||
|
||||
.p5 {
|
||||
height: 52px;
|
||||
width: 78px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
background-image: url(../image/logo7.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0px -56px;
|
||||
}
|
||||
|
||||
.p3 {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.p2 {
|
||||
height: 102px;
|
||||
width: 99px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
background-image: url(../image/logo7.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0px -111px;
|
||||
}
|
||||
|
||||
.p1 {
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
|
||||
border: 29px solid #F5F5F5;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
background-color: #F5F5F5;
|
||||
width: 258px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.e_u {
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: #FFF;
|
||||
border: 1px solid #999;
|
||||
padding: 6px;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 2px 3px rgba(0, 0, 0, .15);
|
||||
margin-top: -30px;
|
||||
margin-left: 185px;
|
||||
}
|
||||
|
||||
|
||||
.ylogin {
|
||||
display: none;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 250px;
|
||||
line-height: 36px;
|
||||
background: #f5f5f5;
|
||||
height: 40px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.usersel {
|
||||
position: absolute;
|
||||
margin-left: 218px;
|
||||
color: #08f;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
line-height: 1.5em;
|
||||
padding-top: 100px;
|
||||
margin-bottom: -50px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.main-title {
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 30px;
|
||||
font-size: 24px;
|
||||
color: #3d3d3d;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.wx-title {
|
||||
display: block;
|
||||
/* 居中 */
|
||||
position: relative;
|
||||
margin-top: 10px;
|
||||
color: #3d3d3d;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
}
|
||||
.wx-title img{
|
||||
margin-bottom:-4px;
|
||||
}
|
||||
|
||||
.wx-img {
|
||||
width: 172px;
|
||||
height: 172px;
|
||||
}
|
||||
|
||||
.wx-img img {
|
||||
margin-left: 43px;
|
||||
max-width: 100%;
|
||||
border: 1px solid #e2e2e2;
|
||||
}
|
||||
|
||||
.errorBox {
|
||||
border: 1px solid #fdd3d3;
|
||||
bottom: 8px;
|
||||
padding-left: 33px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
color: #e63333;
|
||||
opacity: 1;
|
||||
display: none;
|
||||
background: url(../image/login_iconb536.png) -104px -50px no-repeat #feefef;
|
||||
}
|
||||
|
||||
input:-webkit-autofill { /* 取消Chrome记住密码的背景颜色 */
|
||||
-webkit-box-shadow: 0 0 0 1000px white inset !important;
|
||||
}
|
||||
@@ -0,0 +1,316 @@
|
||||
*{
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
text-decoration: none;
|
||||
font-family: "microsoft yahei";
|
||||
}
|
||||
.clear{
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*头部开始*/
|
||||
|
||||
#header{
|
||||
height: 72px;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
top:0;
|
||||
background-color: white;
|
||||
min-width: 960px;
|
||||
z-index: 9;
|
||||
}
|
||||
.fixwid{
|
||||
width: 960px;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
.logo{
|
||||
height: 72px;
|
||||
float: left;
|
||||
}
|
||||
.logo img{
|
||||
width: 46px;
|
||||
margin-top: 11px;
|
||||
float: left;
|
||||
}
|
||||
.logo span{
|
||||
float: left;
|
||||
font-size: 24px;
|
||||
color: #11b4ea;
|
||||
margin-left: 10px;
|
||||
height: 72px;
|
||||
line-height: 72px;
|
||||
}
|
||||
.nav{
|
||||
height: 72px;
|
||||
float: right;
|
||||
}
|
||||
.nav ul{
|
||||
float: left;
|
||||
height: 72px;
|
||||
line-height: 72px;
|
||||
}
|
||||
.nav ul li{
|
||||
float: left;
|
||||
padding: 0 19px;
|
||||
}
|
||||
.login{
|
||||
float: left;
|
||||
width: 80px;
|
||||
height: 72px;
|
||||
line-height: 72px;
|
||||
text-align: center;
|
||||
margin-left: 24px;
|
||||
background-color: #11b4ea;
|
||||
}
|
||||
.login .a_area{
|
||||
display: block;
|
||||
}
|
||||
.a_line{
|
||||
color: #242424;
|
||||
}
|
||||
.a_line:hover{
|
||||
color: #11b4ea!important;
|
||||
}
|
||||
|
||||
.nav .a_link{
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.a_area{
|
||||
color: white;
|
||||
background-color: #11b4ea;
|
||||
}
|
||||
.a_area:hover{
|
||||
background-color: #47c4f0!important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.nav .a_area{
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#header>img{
|
||||
width: 100%;
|
||||
height: 29px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*头部结束*/
|
||||
|
||||
|
||||
/*轮播开始*/
|
||||
|
||||
#banner{
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
overflow: hidden;
|
||||
margin-top: 72px;
|
||||
}
|
||||
#banner .carousel-inner{
|
||||
height: 400px;
|
||||
}
|
||||
#banner .carousel-inner .item img{
|
||||
height: 400px;
|
||||
width: 100%;
|
||||
}
|
||||
#banner .carousel-indicators li{
|
||||
width: 48px;
|
||||
height: 4px;
|
||||
background-color: white;
|
||||
border: none;
|
||||
}
|
||||
#banner .carousel-indicators .active{
|
||||
width: 48px;
|
||||
height: 4px;
|
||||
background-color: #73c3fc;
|
||||
border: none;
|
||||
}
|
||||
#banner .glyphicon-chevron-lef img{
|
||||
width: 40px;
|
||||
position: absolute;
|
||||
top: 140px;
|
||||
left: 0;
|
||||
}
|
||||
#banner .glyphicon-chevron-righ img{
|
||||
width: 40px;
|
||||
position: absolute;
|
||||
top: 140px;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/*轮播结束*/
|
||||
|
||||
|
||||
|
||||
/*主体开始*/
|
||||
|
||||
#main{
|
||||
|
||||
}
|
||||
.project{
|
||||
overflow: hidden;
|
||||
}
|
||||
.project_c{
|
||||
width: 320px;
|
||||
float: left;
|
||||
}
|
||||
.project_c img{
|
||||
display: block;
|
||||
margin: 50px auto 30px;
|
||||
}
|
||||
.project_c h1{
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
color: #11b4ea;
|
||||
font-weight: normal;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.project_c p{
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
color: #7e7e7e;
|
||||
text-align: center;
|
||||
margin: 0 68px 40px;
|
||||
}
|
||||
|
||||
.course{
|
||||
overflow: hidden;
|
||||
}
|
||||
.title{
|
||||
position: relative;
|
||||
height: 100px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.title h1{
|
||||
color: #242424;
|
||||
width: 188px;
|
||||
margin-top: 40px;
|
||||
left: 50%;
|
||||
margin-left: -94px;
|
||||
background-color: white;
|
||||
font-size: 26px;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
}
|
||||
.title hr{
|
||||
position: absolute;
|
||||
top:36px;
|
||||
left: 50%;
|
||||
margin-left: -294px;
|
||||
height: 1px;
|
||||
border: none;
|
||||
background-color: #d9d9d9;
|
||||
width: 588px;
|
||||
left: 50%-294px;
|
||||
}
|
||||
|
||||
|
||||
.course{
|
||||
|
||||
}
|
||||
.course_c{
|
||||
width: 220px;
|
||||
margin-right: 26px;
|
||||
float: left;
|
||||
margin-top: 42px;
|
||||
}
|
||||
.course_c img{
|
||||
width: 220px;
|
||||
}
|
||||
.course_c span{
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
margin-top: 22px;
|
||||
}
|
||||
.course_c span .a_line{
|
||||
color: #7e7e7e;
|
||||
}
|
||||
.course>a{
|
||||
display: block;
|
||||
margin: 50px auto;
|
||||
width: 194px;
|
||||
font-size: ;
|
||||
color: ;
|
||||
padding: 16px 62px;
|
||||
}
|
||||
|
||||
.display{
|
||||
position: relative;
|
||||
}
|
||||
/*.display #carousel-example-generic{
|
||||
height: 400px;
|
||||
}
|
||||
.display .carousel-inner{
|
||||
height: 400px;
|
||||
width: 748px;
|
||||
margin: 0 auto;
|
||||
}*/
|
||||
|
||||
.about{
|
||||
margin-top: 40px;
|
||||
}
|
||||
.about img{
|
||||
display: block;
|
||||
margin:0 auto;
|
||||
width: 86px;
|
||||
margin-bottom: 40px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.about span{
|
||||
color: #7e7e7e;
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
/*底部开始*/
|
||||
|
||||
#footer{
|
||||
height: 100px;
|
||||
background-color: #717980;
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
}
|
||||
.footer_l{
|
||||
height: 100px;
|
||||
float: left;
|
||||
line-height: 100px;
|
||||
text-indent: 4px;
|
||||
position: relative;
|
||||
}
|
||||
.footer_l img{
|
||||
display: block;
|
||||
margin-top: 42px;
|
||||
float: left;
|
||||
}
|
||||
.footer_r{
|
||||
height: 100px;
|
||||
float: right;
|
||||
line-height: 100px;
|
||||
}
|
||||
|
||||
/*底部结束*/
|
||||
|
||||
|
||||
.scroll_horizontal{position:relative;width:768px;height:400px;padding:10px;margin: 0 auto;}
|
||||
.scroll_horizontal .box{overflow:hidden;position:relative;width:748px;height:400px;margin:0 auto;}
|
||||
.scroll_horizontal .list{overflow:hidden;width:9999px;}
|
||||
.scroll_horizontal .list li{float:left;width:748px;}
|
||||
.scroll_horizontal .list li span{
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 20px auto 30px;
|
||||
color: #bebdbd;
|
||||
font-size: 18px;
|
||||
}
|
||||
.scroll_horizontal .prev,
|
||||
.scroll_horizontal .next{position:absolute;top:50%;margin-top:-25px;width:28px;height:61px;background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}
|
||||
.scroll_horizontal .prev{left:-85px;background-image:url(https://static.skpan.cn/pan/images/dis_l.png);}
|
||||
.scroll_horizontal .next{right:-85px;background-image:url(https://static.skpan.cn/pan/images/dis_r.png);}
|
||||
@@ -0,0 +1,377 @@
|
||||
/* CSS Document */
|
||||
body {
|
||||
font: 14px Arial, \5FAE\8F6F\96C5\9ED1, sans-serif;
|
||||
margin: auto;
|
||||
color: #3F3F3F;
|
||||
}
|
||||
|
||||
.bgimg {
|
||||
background-image: url(../image/logo3.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 17px 14px;
|
||||
}
|
||||
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
color: #0099FF;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
text-decoration: none;
|
||||
color: #0099FF;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
color: #FF3311;
|
||||
}
|
||||
|
||||
a:active {
|
||||
text-decoration: none;
|
||||
color: #FFFF00;
|
||||
}
|
||||
|
||||
.dx:link {
|
||||
color: #FFFFFF;
|
||||
background-color: #0099FF;
|
||||
}
|
||||
|
||||
.dx:hover {
|
||||
color: rgb(255, 255, 255);
|
||||
background-color: #55BBFF;
|
||||
}
|
||||
|
||||
.d1 {
|
||||
background: #fafafa;
|
||||
box-shadow: 0 2px 6px 0 rgba(0,0,0,.05);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
filter: alpha(opacity=70);
|
||||
-moz-opacity: 0.7;
|
||||
-khtml-opacity: 0.7;
|
||||
opacity: 0.7;
|
||||
z-index: 100;
|
||||
width: 100%;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: #dee9f5;
|
||||
height: 49px;
|
||||
}
|
||||
|
||||
.d1 a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.d1 a:visited {
|
||||
color: #0099FF;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.d1 a:hover {
|
||||
color: #333333;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.d1 a:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.d11 {
|
||||
float: left;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 17px 14px;
|
||||
padding-top: 18px;
|
||||
height: 29px;
|
||||
}
|
||||
|
||||
.d12 {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.d12 a {
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
margin-top: 16px;
|
||||
margin-right: 28px;
|
||||
}
|
||||
|
||||
.d7 {
|
||||
display: block;
|
||||
width: 230px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.pc {
|
||||
background-color: #0099FF;
|
||||
height: 15px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 90% bottom;
|
||||
margin-top: 45px;
|
||||
_margin-top: 0px;
|
||||
}
|
||||
|
||||
.d {
|
||||
width: 993px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
height: auto;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
|
||||
.b {
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
padding: 56px 0px 20px 0px;
|
||||
}
|
||||
|
||||
.d2 {
|
||||
line-height: 43px;
|
||||
border-top: 1px solid #EEEEEE;
|
||||
padding: 28px 10px 16px 10px;
|
||||
}
|
||||
|
||||
.d3 {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.foot_info {
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
color: #93D393;
|
||||
margin-top: 130px;
|
||||
}
|
||||
|
||||
.foot_copy {
|
||||
color: #888;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.p9 {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
.p8 {
|
||||
padding: 9px;
|
||||
font-size: 16px;
|
||||
width: 93%;
|
||||
border: 1px solid #D6D6D6;
|
||||
border-radius: 4px;
|
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
.p8:focus {
|
||||
border: #52A6EF 1px solid;
|
||||
box-shadow: 0 0 3px rgba(82, 166, 239, 0.8);
|
||||
outline: none;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.btn {
|
||||
height: 38px;
|
||||
width: 100%;
|
||||
background-color: #FFA300;
|
||||
color: #FFFFFF;
|
||||
font-size: 16px;
|
||||
font-family: \9ED1\4F53;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.p7 {
|
||||
color: #BBBBBB;
|
||||
padding-right: 16px;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
background-color: #FFD360;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.btn:active {
|
||||
background-color: #FFA000;
|
||||
box-shadow: inset 0 4px 5px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.btn:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.ios {
|
||||
background-color: #F1F1F1;
|
||||
font-size: 12px;
|
||||
padding: 3px;
|
||||
border-radius: 2px;
|
||||
color: #A5A5A5;
|
||||
margin-left: 17px;
|
||||
}
|
||||
|
||||
.j {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.load {
|
||||
text-align: center;
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
.load a {
|
||||
cursor: default;
|
||||
display: inline-block;
|
||||
line-height: initial;
|
||||
}
|
||||
|
||||
.load a:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.txt {
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
background-color: #ff5b5b;
|
||||
padding: 6px 30px;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, .17);
|
||||
transition: .2s;
|
||||
border: 1px solid #ff5b5b;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.txt:hover {
|
||||
background-color: #ff3434;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .26);
|
||||
border: 1px solid #ff3434;
|
||||
}
|
||||
|
||||
.txt:active {
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.17);
|
||||
background: #ff5b5b;
|
||||
transition: .0s;
|
||||
border: 1px solid #ff5b5b;
|
||||
}
|
||||
|
||||
.txtc {
|
||||
margin: 0 26px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
height: 8px;
|
||||
width: 8px
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: rgba(0, 0, 0, 0.2)
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:active {
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.load2 .loader,
|
||||
.load2 .loader:before,
|
||||
.load2 .loader:after {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.load2 .loader:before,
|
||||
.load2 .loader:after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.load2 .loader:before {
|
||||
width: 16px;
|
||||
height: 32px;
|
||||
background: #fff;
|
||||
border-radius: 32px 0 0 32px;
|
||||
top: -1px;
|
||||
left: -1px;
|
||||
transform-origin: 16px 16px;
|
||||
animation: load2 2s infinite ease 1.5s;
|
||||
}
|
||||
|
||||
.load2 .loader {
|
||||
font-size: 11px;
|
||||
text-indent: -99999em;
|
||||
margin: auto;
|
||||
position: relative;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
box-shadow: inset 0 0 0 4px #09f;
|
||||
}
|
||||
|
||||
.load2 .loader:after {
|
||||
width: 16px;
|
||||
height: 32px;
|
||||
background: #fff;
|
||||
border-radius: 0 31px 31px 0;
|
||||
top: -1px;
|
||||
left: 15px;
|
||||
transform-origin: 0px 16px;
|
||||
animation: load2 2s infinite ease;
|
||||
}
|
||||
|
||||
@keyframes load2 {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.ifr {
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
margin-top: -31px;
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.ifr2 {
|
||||
z-index: 1;
|
||||
visibility: inherit;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.n_bot {
|
||||
text-align: center;
|
||||
padding: 3%;
|
||||
}
|
||||
|
||||
#code {
|
||||
margin: auto;
|
||||
width: 300px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.wap-down{
|
||||
font-size: 15px;
|
||||
color: #7e8c8d;
|
||||
}
|
||||
|
||||
.shenmin {
|
||||
color: #8a6d3b;
|
||||
background-color: #fcf8e3;
|
||||
padding: 5px;
|
||||
border: 1px solid #faebcc;
|
||||
border-radius: 3px;
|
||||
font-size: 12px;
|
||||
clear: both;
|
||||
width: 400px;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
line-height: initial;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
@@ -0,0 +1,515 @@
|
||||
/* CSS Document */
|
||||
::-webkit-scrollbar{background:rgba(0,0,0,0.1);height: 8px;width:8px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.2)}
|
||||
::-webkit-scrollbar-thumb:hover {background:rgba(0,0,0,0.3);}
|
||||
::-webkit-scrollbar-thumb:active {background:rgba(0,0,0,0.5);}
|
||||
body {font:13px Arial,\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,\65B0\5B8B\4F53,sans-serif;margin: 0px;padding: 0px;color: #3F3F3F;background: #fff;SCROLLBAR-FACE-COLOR: #A8A8A8;SCROLLBAR-HIGHLIGHT-COLOR: #F5F5F5;SCROLLBAR-SHADOW-COLOR: #F5F5F5;SCROLLBAR-3DLIGHT-COLOR: #F5F5F5;SCROLLBAR-ARROW-COLOR: #505050;SCROLLBAR-TRACK-COLOR: #F5F5F5;SCROLLBAR-DARKSHADOW-COLOR: #F5F5F5;SCROLLBAR-BASE-COLOR: #BCBCBC;}
|
||||
a:link {color: #3377FF;}a:visited {color: #3377FF;}a:hover {color: #FF6666;}a:active {color: #ccc;}
|
||||
.aspanlink{cursor: pointer;color: #3377FF;}
|
||||
.aspanlink:hover{color: #FF6666;}
|
||||
.toplink{display: block;height: 45px;width: 127px;position: absolute;}
|
||||
.toum{background-image: url(../image/logo7.gif);background-repeat: no-repeat;border-bottom: 1px solid #EEEEEE;border-top: 1px solid #FF7868;}
|
||||
.n1{width: 860px;margin-left: 16px;margin-top: 17px;padding: 12px 13px 9px 13px;}
|
||||
.footm{text-align: center;padding-top: 50px;font-size: 12px;color: #93D393;}
|
||||
ul{padding:0; margin:0;}
|
||||
li{list-style-type:none;}
|
||||
table {font-size: 13px;}
|
||||
.vip1{color: #F00;}
|
||||
.vip2{border: 1px solid #BF8026;border-radius: 2px;font-size: 12px;color: #BF8026;margin-left: 5px;padding-left: 3px;}
|
||||
.vip3{background: #BF8026;color: #FFFFFF;padding: 0 3px;margin-left: 3px;background-image: linear-gradient(#FFC276, #CC9104);}
|
||||
.svip1{color: #F00;}
|
||||
.svip2{border: 1px solid #e40b04;border-radius: 2px;font-size: 12px;color: #23201f;padding-left: 3px;}
|
||||
.svip3{background:#b92828;color: #FFFFFF;padding: 0 3px;margin-left: 3px;background-image: linear-gradient(#ff3f36, #ca2220);}
|
||||
.btn { width:118px; height:34px;font:12px \9ED1\4F53;font-weight:700;border-radius: 4px;border: 1px solid #D5D5D5;background-image: linear-gradient(#FCFCFC, #EEE);background-color: #f7f7f7;text-shadow: 0 2px 0 rgba(255, 255, 255, 0.9);}
|
||||
.btn:focus{border-color: #51a7e8;outline: none;box-shadow: 0 0 5px rgba(81,167,232,0.5);}
|
||||
.btn:hover{background:#eee;background-image: linear-gradient(#EEE, #DDD);}
|
||||
.btn:active{box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.25);background-color:#CCC;border-color: #ABABAB;background-image: none;}
|
||||
.btn:disabled{background-image: linear-gradient(#eee, #eee);border: 1px solid #eee;}
|
||||
form {padding:0;margin:0;}
|
||||
a {text-decoration: none;}
|
||||
textarea{border: 1px solid #59bff1;padding: 5px;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.175);border-radius: 3px;}
|
||||
textarea:hover{border: 1px solid #209EFF;}
|
||||
textarea:focus{outline: none;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.375);}
|
||||
#menu_container{padding:0px;}
|
||||
.mydisk_nav{margin:17px 0 0 150px;}
|
||||
.mydisk_nav ul{ list-style:none;}
|
||||
.mydisk_nav li{ float:left; width:80px; background:#FFEECF; margin-right:5px; line-height:29px; height:28px; text-align:center;}
|
||||
.mydisk_nav li a{display:block;color: #111111;cursor: default;}
|
||||
.mydisk_nav li a:hover{background:#FFD360;color: #111111;}
|
||||
.mydisk_nav li a:active{background:#FFB100;color: #111111;box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.15);}
|
||||
#mydisk_nav_sel{background:#FFD360;}
|
||||
.mydisk_bar{ border-radius: 8px;float: right;padding: 15px;padding-bottom: 0;line-height: 20px;background:#fff url(/images/u.gif) 0px 17px no-repeat;padding-left: 18px; position: absolute;right: 0;}
|
||||
.mydisk_file_bar{ line-height:33px; height:33px;padding-left: 10px;}
|
||||
.mydisk_file_bar a:link{color: #FFFFFF;text-decoration: none;}
|
||||
.mydisk_file_bar a:visited{color: #FFFFFF;}
|
||||
.rank_info{width:280px;border:1px #FFD360 solid;line-height:23px;overflow: hidden;padding-right: 18px;}
|
||||
.file_box{height:200px; overflow-y:scroll; border:1px #CCCCCC solid;}
|
||||
.file_box li{padding: 9px 0 0 15px;}
|
||||
.cfm_info li{height: 46px;}
|
||||
.tb_box_msg{padding:18px; color:#008800;}
|
||||
.img_light{padding-bottom: 3px;}
|
||||
.up_msg_box{background: #f7f7f7;width:auto; padding:30px; margin:auto;}
|
||||
#container {width: 100%;height:auto;margin:13px auto 0px;}
|
||||
.clear{ clear:both}
|
||||
.tips_box{padding: 13px;margin: 17px;clear: both;}
|
||||
.tips_box li{margin-bottom:5px;}
|
||||
.txtgray { color: #AAAAAA; }
|
||||
.txtgray:hover{background: #f7f7f7;}
|
||||
.txtgreen{ color:#008800;}
|
||||
.txtred{ color:#FD8888;}
|
||||
.box_style{padding:10px 20px 30px;}
|
||||
.p_bar{padding: 15px 0 10px 0;background: #FFFFFF;}
|
||||
.p_bar a:hover{background: #ddd;border: 1px solid #ddd;color: #3377FF;}
|
||||
.p_redirect{padding:7px; border:1px #cccccc solid; margin:0 7px 0 0; text-align:center;}
|
||||
.p_num{padding:7px; border:1px #cccccc solid; margin:0 7px 0 0; text-align:center;}
|
||||
.p_info{padding:7px;border:1px #cccccc solid;text-align:center;margin-right: 7px;}
|
||||
.p_curpage{padding:7px; border:1px #cccccc solid; margin:0 7px 0 0; text-align:center; color:#f00; font-weight:bold;}
|
||||
.td_line td{height:38px}
|
||||
.menu_common{position: absolute; top: 0px; left: 0px; background-color: #FFFFFF; visibility: hidden; margin-bottom:8px; overflow: hidden; border: 1px solid #92B7E5; }
|
||||
.menu_box2 {width: 50px; height: auto; padding-top:5px;}
|
||||
.menu_box2 a{display:block; height:18px; text-align:center;}
|
||||
.menu_thumb{ background-color: #D0F2C3; padding:8px; line-height: 20px; height: 38px; }
|
||||
.info_box{line-height: 2.8;padding-top: 2%;}
|
||||
.info_b2{line-height: 2em;font-size: 14px;}
|
||||
.progressWrapper {overflow: hidden;}
|
||||
.progressContainer {margin: 9px;padding: 6px;background-color: #aae4ff;overflow: hidden;border-radius: 3px;}
|
||||
.progressContainer:hover{background-color: #9addfd;}
|
||||
.progressContainer textarea{width: 96%;margin-top: 4px;margin-left: 8px;}
|
||||
.message {margin: 1em 0;padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden; }
|
||||
.up_red {background-color: #FFEBEB;}
|
||||
.up_blue {background-color: #337ABB;}
|
||||
.progressName {white-space: nowrap;}
|
||||
.progressBarInProgress,
|
||||
.progressBarComplete,
|
||||
.progressBarError {font-size: 4px;width: 0%;height: 19px;background-color: #33CC00;border:1px solid #33CC00;}
|
||||
.progressBarComplete {width: 100%;background-color: green;visibility: hidden;}
|
||||
.progressBarError {width: 100%;background-color: red;visibility: hidden;}
|
||||
.progressBarStatus {}
|
||||
a.progressCancel {font-size: 0;display: block;height: 13px;width: 13px;background-image: url(../image/upload_cancel.gif);background-repeat: no-repeat;background-position: -13px 0px;float: right;}
|
||||
a.progressCancel:hover {background-position: 0px 0px;}
|
||||
.upload_style{margin-left:10px;float:left;padding:7px \9;border: 1px solid #209EFF;background-image: url(/img/up.gif);background-repeat: no-repeat;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);}
|
||||
.upload_style:hover{border: 1px solid #ccc;}
|
||||
.upload_style:active{box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.12);background:#ddd;border: 1px solid #a7a7a7;}
|
||||
.swfupload{padding:7px;}
|
||||
.upload_btn{ margin-left:10px;float:left;}
|
||||
#upl_detail{display:none; padding:8px; color:#252525;}
|
||||
.store_nav{padding:10px;color: #008800;}
|
||||
#up_msg_tips{color:#008800;text-align: center;}
|
||||
.menu{ cursor: pointer;color: #3377FF;background: url(/img/qq.gif) 0px 1px no-repeat;display: inline-block;padding-left: 28px;}
|
||||
.menu:hover{color:#FF6666;}
|
||||
.submenu{background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);right: 0;top: 0;height: 100%;position: fixed; width: 26%;_width:300px;_position: absolute;}
|
||||
.subcl{position: absolute;width: 32px;height: 32px; background: #DCDEE2 url(/img/cl.gif) 9px 8px no-repeat; margin-left: -33px;}
|
||||
.subcl:hover{background-color: #CDD1D8;}
|
||||
.subcl:active{box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.15);}
|
||||
.subtp{padding: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
|
||||
.subbx{padding: 8px;line-height: 36px;}
|
||||
.subbx p{margin: 8% 9% 8% 9%;}
|
||||
.subbx span{ display: block;margin-left: 16%;color: #888;line-height: 20px;padding-top: 12px;}
|
||||
.diskdao{float: left;width: 88px;margin-left: 5px;background-color: #209EFF;text-align: center;overflow: hidden;height: 32px;cursor: default;border-radius: 3px;margin-top: 3px;}
|
||||
.diskdao:hover{background-color: #62BCFF;}
|
||||
.diskdao:active{background-color: #197CC8;box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.15);}
|
||||
.diskdao3{float: left;width: 88px;margin-left: 5px;background-color: #FF4949;text-align: center;height: 32px;cursor: default;border-radius: 3px;margin-top: 3px;}
|
||||
.diskdao3:hover{background-color: #FF7979;}
|
||||
.diskdao3:active{background-color: #CC3300;box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.15);}
|
||||
.k1{font-size: 22px;width: 290px;border: 1px solid #CCCCCC;padding: 5px;*height: 38px;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);border-radius: 3px;}
|
||||
.k1:hover{border:#52A6EF 1px solid;}
|
||||
.k1:focus{border:#52A6EF 1px solid;background: #fff;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.275);outline: none;}
|
||||
.up{width:50px;height:50px;background:url(/img/top.gif) no-repeat 0 0;}
|
||||
.up:hover{background:url(/img/top.gif) no-repeat 0px -50px;}
|
||||
.up:active{box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.15);}
|
||||
.t1{padding-left: 130px;background-image: url(/img/n5.gif);background-repeat: repeat-y;background-position: 316px 10px;}
|
||||
.t2{float: left;padding-top: 20px;padding-bottom: 68px;}
|
||||
.t3{background-image: url(/img/n7.gif);background-repeat: no-repeat;background-position: 180px 30px;color: #AAA;width: 258px;float: left;line-height: 78px;font-size: 16px;}
|
||||
.t5{background-image: url(/img/n6.gif);background-repeat: no-repeat;background-position: 158px 0px;font-size: 24px;line-height: 68px;text-indent: 80px;}
|
||||
|
||||
.highslide-heading{display:none;font-weight:bold;margin:.4em}
|
||||
.highslide-dimming{background:black}
|
||||
a.highslide-full-expand{background:url(/images/graphics/fullexpand.gif) no-repeat;display:block;margin:0 10px 10px 0;width:34px;height:34px}
|
||||
.highslide-loading{display:block;text-transform:uppercase;text-decoration:none;padding:8px;padding-left:22px;background-image:url(/images/graphics/loader.white.gif);background-repeat:no-repeat}
|
||||
a.highslide-credits,a.highslide-credits i{padding:2px;color:silver;text-decoration:none;font-size:10px}
|
||||
a.highslide-credits:hover,a.highslide-credits:hover i{color:white;background-color:gray}
|
||||
.highslide-move,.highslide-move *{cursor:move}
|
||||
.highslide-viewport{display:none;position:fixed;width:100%;height:100%;z-index:1;background:0;left:0;top:0}
|
||||
.highslide-overlay{display:none}
|
||||
.hidden-container{display:none}
|
||||
.closebutton{position:relative;top:-15px;left:15px;width:30px;height:30px;cursor:pointer;background:url(/images/graphics/close.png)}
|
||||
.highslide-gallery ul{list-style-type:none;margin:0;padding:0}
|
||||
.highslide-gallery ul li{display:block;position:relative;float:left;width:106px;height:106px;border:1px solid silver;background:#ededed;margin:2px;line-height:0;overflow:hidden}
|
||||
.highslide-gallery ul a{position:absolute;top:50%;left:50%}
|
||||
.highslide-gallery ul img{position:relative;top:-50%;left:-50%}
|
||||
html>/**/body .highslide-gallery ul li{display:table;text-align:center}
|
||||
html>/**/body .highslide-gallery ul li{text-align:center}
|
||||
html>/**/body .highslide-gallery ul a{position:static;display:table-cell;vertical-align:middle}
|
||||
html>/**/body .highslide-gallery ul img{position:static}
|
||||
.highslide-controls{width:195px;height:40px;background:url(/images/graphics/controlbar-white.gif) 0 -90px no-repeat;margin:20px 15px 10px 0}
|
||||
.highslide-controls ul{position:relative;left:15px;height:40px;list-style:none;margin:0;padding:0;background:url(/images/graphics/controlbar-white.gif) right -90px no-repeat}
|
||||
.highslide-controls li{float:left;padding:5px 0;margin:0;list-style:none}
|
||||
.highslide-controls a{background-image:url(/images/graphics/controlbar-white.gif);display:block;float:left;height:30px;width:30px;outline:0}
|
||||
.highslide-controls a.disabled{cursor:default}
|
||||
.highslide-controls a.disabled span{cursor:default}
|
||||
.highslide-controls a span{display:none;cursor:pointer}
|
||||
.highslide-maincontent{display:none}
|
||||
.highslide-html{background-color:white}
|
||||
.highslide-html-content{display:none;width:400px}
|
||||
.highslide-header ul{margin:0;padding:0;text-align:right}
|
||||
.highslide-header ul li{display:inline;padding-left:1em}
|
||||
.highslide-header ul li.highslide-previous,.highslide-header ul li.highslide-next{display:none}
|
||||
.highslide-header a{font-weight:bold;color:gray;text-transform:uppercase;text-decoration:none}
|
||||
.highslide-header a:hover{color:black}
|
||||
.highslide-header .highslide-move a{cursor:move}
|
||||
.highslide-footer .highslide-resize{display:block;float:right;margin-top:5px;height:11px;width:11px;background:url(/images/graphics/resize.gif) no-repeat}
|
||||
.highslide-footer .highslide-resize span{display:none}
|
||||
.highslide-resize{cursor:nw-resize}
|
||||
|
||||
.draggable-header .highslide-header{height:33px;background-color:#ffd360}
|
||||
.draggable-header .highslide-heading{position:absolute;margin:9px 7px .4em}
|
||||
.draggable-header .highslide-header .highslide-move{cursor:move;display:block;height:30px;position:absolute;right:24px;top:0;width:100%;z-index:1}
|
||||
.draggable-header .highslide-header .highslide-move *{display:none}
|
||||
.draggable-header .highslide-header .highslide-close{position:absolute;right:6px;top:6px;z-index:5;padding:0}
|
||||
.draggable-header .highslide-header .highslide-close a{display:block;height:14px;width:14px;background-image:url(img/upload_cancel.gif)}
|
||||
.draggable-header .highslide-header .highslide-close a:hover{background-position:0 14px}
|
||||
.draggable-header .highslide-header .highslide-close span{display:none}
|
||||
.draggable-header .highslide-maincontent{padding-top:1em}
|
||||
::-moz-selection{background:#000;color:#fff}::selection{background:#000;color:#fff}
|
||||
|
||||
.jifen{margin-left: 3%; font-size: 16px;}
|
||||
.jifen span{color: #3DB6F3;font-family:"Raleway","Open Sans","Helvetica Neue",Microsoft JhengHei,arial,sans-serif,\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;font-size: 24px; margin-left: 18px;}
|
||||
.jf_item{text-align: center;margin-left: 3%;margin-top: 38px;width: 280px;float: left;padding-bottom: 27px;border: 1px solid #fff;}
|
||||
.jf_item:hover{border: 1px solid #ddd;}
|
||||
.jf_img{}
|
||||
.jf_img img{}
|
||||
.jf_tit{font-size: 14px;}
|
||||
.jf_rd{color: #3DB6F3;padding: 10px;font-size: 14px;}
|
||||
.jf_go{font-weight: 700;width: 70%;margin-left: auto;margin-right: auto;}
|
||||
.jf_go a{color: #555;display: block;background: #F5F5F5;border: 1px solid #D6D5D5;border-radius: 2px;padding: 5px;box-shadow: 1px 1px #F5F3F3;}
|
||||
.jf_go a:hover{border: 1px solid #3DB6F3;}
|
||||
.jf_go a:active{box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.25);}
|
||||
.jf_red{color: #aaa;margin-left: 6%;margin-top: 58px;}
|
||||
|
||||
.mf{padding: 23px 26px; line-height: 2em;}
|
||||
.mf1{width: 153px;text-align: right; position: absolute;}
|
||||
.mf2{margin-left: 199px;}
|
||||
|
||||
.mq{padding: 25px 26px;}
|
||||
.mq1{width: 153px;text-align: right;}
|
||||
.mq2{margin-left: 199px;margin-top: -23px;}
|
||||
|
||||
.mq3{width: 160px;}
|
||||
.mq5{border: 1px solid #209eff;padding: 0 3px;font-size: 12px;margin-left: 8px;color: #888;opacity: .5;border-radius: 2px;}
|
||||
.mq5:hover{opacity: 1;}
|
||||
|
||||
.pad{ float: left;}
|
||||
.pad0{float: left;display: block;padding-top: 6px;margin-left: 12px;}
|
||||
.pad1{background: #fff;width: 3px;height: 1px;border: 3px solid #ddd;border-top: 2px solid #ddd;border-bottom: 2px solid #ddd;border-radius: 2px;}
|
||||
.pad2{background: #ddd;height: 8px;width: 2px;margin-left: 3px;}
|
||||
.pad3{border-top: 1px solid #ddd;border-bottom: 2px solid #ddd;width: 3px;height: 1px;position: absolute;margin-top: -6px;margin-left: 4px;}
|
||||
|
||||
.pad1s{background: #fff;width: 3px;height: 1px;border: 3px solid #ffd360;border-top: 2px solid #ffd360;border-bottom: 2px solid #ffd360;border-radius: 2px;}
|
||||
.pad2s{background: #ffd360;height: 8px;width: 2px;margin-left: 3px;}
|
||||
.pad3s{border-top: 1px solid #ffd360;border-bottom: 2px solid #ffd360;width: 3px;height: 1px;position: absolute;margin-top: -6px;margin-left: 4px;}
|
||||
|
||||
|
||||
|
||||
.if_top{color: #3F731F;border: 1px solid #B3DAC5;position: fixed;z-index: 9;padding: 2px;left: 37px;border-radius: 0 0 5px 5px;font-size: 12px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.07);width: 300px;text-align: center;background: #E9FFE7;border-top: 0;top: 0;margin: auto;left: 0;right: 0;}
|
||||
.f_tp{padding: 5px;}
|
||||
.f_th{background-color: #fbfbfb;padding: 6px;clear: both;height: 22px;line-height: 22px; border-bottom: 3px solid #eee; color: #aaa;}
|
||||
.f_name{float: left;width: 480px;}
|
||||
.f_name2{float: left;}
|
||||
.f_size{float: left;width: 66px;text-align: center;}
|
||||
.f_time{float: left;width: 110px;text-align: center;}
|
||||
.f_down{float: left;width: 100px;text-align: center;}
|
||||
.f_sel{float: right;width: 65px;text-align: center;}
|
||||
.f_tb{color: #aaa;padding: 6px;clear: both;height: 26px;line-height: 26px;}
|
||||
.f_tb:hover{background:#F3F5F9;box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.05);}
|
||||
.f_tb2{padding: 10px 6px;clear: both;}
|
||||
|
||||
.f_up{position: relative;margin-left: 15px;color: #000;}
|
||||
.f_upb{position: absolute;top:-1000px;width: 520px;height: 370px;z-index: 9;background-color: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);border-radius: 7px;}
|
||||
.f_upc{position: absolute;top: 8px;right: 7px;height: 14px;width: 14px;background-image: url(img/upload_cancel.gif);cursor: pointer;}
|
||||
.f_upc:hover{opacity: .15;}
|
||||
.queueList {margin: 22px 20px;border: 3px dashed #e6e6e6;}
|
||||
.filep{color:#888;font-size:14px; padding-top: 15px;}
|
||||
.placeholder {height: 200px;padding-top: 125px;text-align: center;font-size: 18px;position: relative;background-color: #F7F7F7;}
|
||||
.placeholder:hover {background-color: #fff;}
|
||||
.webuploader-container {position: relative;}
|
||||
#filePicker{text-align: center; width: 118px;color: #fff;cursor: pointer;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);height: 38px;margin: auto;font-size: 14px;background: #209EFF;border-radius: 3px;line-height: 38px;}
|
||||
#filePicker:hover{background: #62BCFF;box-shadow:none;box-shadow: inset 2px 2px 1px rgba(0, 0, 0, 0.05);}
|
||||
#filePicker:active{background-color: #197CC8;box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.15);}
|
||||
#filePicker2{text-align: center;width:90px;height:34px;font-size: 14px;color: #fff;cursor: pointer;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);background: #209EFF;border-radius: 3px;line-height: 34px;}
|
||||
#filePicker2:hover{background: #62BCFF;box-shadow: inset 2px 2px 1px rgba(0, 0, 0, 0.05);}
|
||||
#filePicker2:active{box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.11);}
|
||||
#fileup:active{ box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.15);}
|
||||
.webuploader-element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);}
|
||||
.fileho{display: none;cursor: default;background-color: #ccc;font-size: 14px;border-radius: 3px;line-height: 34px;width:90px;text-align:center;color: #fff;}
|
||||
.uploadbtn{position: absolute;font-size: 14px;background: #F5713E;border-radius: 3px;line-height: 34px;padding: 0 17px;color: #fff;margin: 0 auto 0 auto;cursor: pointer;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);margin-left: 100px;margin-top: -34px;}
|
||||
.uploadbtn:hover{background: #E86F4B;box-shadow: inset 2px 2px 1px rgba(0, 0, 0, 0.05);}
|
||||
.uploadbtn:active{box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.21);}
|
||||
.disabled{background-color:#ccc; cursor: default;box-shadow: none;}
|
||||
.disabled:hover{background: #ccc;}
|
||||
.disabled:active{box-shadow: none;}
|
||||
#uploader p {margin: 0;}
|
||||
.filelist {list-style: none;margin: 0;padding: 0;}
|
||||
.element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);}
|
||||
.filled {padding: 17px;margin: 0;border: 0;overflow-y: auto;height: 267px;}
|
||||
.filelist li{background-color: #f0f0f0;height: 56px;position: relative;overflow: hidden;margin-bottom: 7px;animation-name: fadeIn2;
|
||||
animation-duration: 0.7s;animation-iteration-count: 1;animation-delay: 0s;}
|
||||
.filelist li:hover{background-color: #f7f7f7; box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.05);}
|
||||
.filelist li .progress{position: absolute;width: 100%;top: 0;left: 0;overflow: hidden;margin: 0;border-radius: 0;background: none;height: 100%;border-left: 1px solid #8cea7f;}
|
||||
.filelist li .progress span{display: none;overflow: hidden;width:0;height: 100%;background-color: #8cea7f;}
|
||||
.title{padding-top: 10px;padding-left: 10px;position: absolute;overflow: hidden;}
|
||||
.fsize{color: #95C5A9;padding-left: 38px;position: absolute;overflow: hidden;top: 30px;}
|
||||
.fdecs{position: absolute;top: 22px;right: 15px;height: 14px;width: 14px;background-image: url(../image/upload_cancel.gif);font-size: 0;opacity: 0.39;}
|
||||
.fdecs:hover{cursor: pointer;opacity: 1;}
|
||||
.fdecs2{position: absolute;right: 36px;top: 0;bottom: 0;font-size: 12px;color: #E84545;line-height: 56px;}
|
||||
.fload{color:#000}
|
||||
.statusbar{padding: 17px;margin: 0;border-bottom: 1px solid #eee;/*box-shadow: 0 0px 5px rgba(0, 0, 0, 0.07);*/border-radius: 7px 7px 0 0;background-color: #f7f7f7;border-bottom: 1px solid #DADADA;}
|
||||
.info{position: absolute;bottom: 0;left: 0;background-color: #eee;line-height: 20px;font-size: 12px;min-width: 270px;text-indent: 7px;}
|
||||
.info font{background-color: #FF4949;color: #fff;cursor: pointer;padding: 0 3px;}
|
||||
#ready{background: #e1ffd8;animation-name: fadeIn2;animation-duration: 3s;animation-iteration-count: 1;animation-delay: 0s;border-bottom: 1px solid #fff;}
|
||||
.f_img{border:0;margin-right: 3px; background-color: #F0F0F0;border-radius: 2px;}
|
||||
@keyframes fadeIn2 {
|
||||
0% {
|
||||
opacity: 0.1;
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
}
|
||||
}
|
||||
|
||||
.f_sela{display: block;width: 30px;height: 16px;font: 12px \9ED1\4F53;border-radius: 4px;border: 1px solid #D5D5D5;background-image: linear-gradient(#FCFCFC, #EEE);background-color: #f7f7f7;text-shadow: 0 2px 0 rgba(255, 255, 255, 0.9);float: left;margin-left: 12px;margin-top: 3px;outline:0;cursor: pointer;}
|
||||
.f_selb{ background: url(/images/recycle_icon.gif) 0px 1px no-repeat;display: block;width: 16px;height: 16px;float: left;margin-left: 5px;margin-top: 3px;cursor: pointer;}
|
||||
.f_selb:hover{opacity: .5;}
|
||||
.f_sela span{background-color: #333;width: 3px;height: 3px;display: inline-block;border-radius: 2px;margin: 7px 1px;}
|
||||
.f_sela:hover{background: #eee;background-image: linear-gradient(#EEE, #DDD);}
|
||||
.f_focus{box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.25);background-color: #CCC;background-image: linear-gradient(#EEE, #DDD);border-color: #ABABAB;}
|
||||
.redcolor{color:#FF8572;display:block}
|
||||
.redcolor:hover{}
|
||||
.f_selcd{position: relative;margin-top: 28px;margin-left: 66px;}
|
||||
.f_selc{position:relative;margin-top: 28px; margin-left: 38px;}
|
||||
.f_view{position: absolute;background-color: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);width: 170px;border-radius: 0px;border: 0px solid #ddd;border-top:0; z-index: 9;}
|
||||
.f_view div{height: 30px;cursor: default;line-height: 30px;background: #fff;color: #333;border-top: 1px solid #F1F3F7;font-size: 12px;cursor: pointer;}
|
||||
.f_view div:hover{background-color: #F1F3F7;color:#888}
|
||||
.f_viewtop{border-radius: 3px 3px 0 0;}
|
||||
.f_viewbot{border-radius: 0 0 3px 3px;border-bottom: 0;}
|
||||
#f_more{position: relative;}
|
||||
.f_cl{cursor: pointer;background: #fff url(/img/cl.gif) 8px 8px no-repeat;font-size:0;border-radius: 50%;width: 30px;height: 30px;line-height: 30px;text-align: center;position: absolute;right: -15px;top: -15px;border: 1px solid #ddd;border-bottom: 0;border-left: 0;}
|
||||
.f_cl:hover{background: #DCDEE2 url(/img/cl.gif) 8px 8px no-repeat; color: #209EFF;}
|
||||
#f_sha{background: #fff;display: none;border-radius: 8px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);margin-top: 10%;padding: 20px;text-align: center;position: fixed;top: 0;left: 300px;width: 270px;}
|
||||
.f_sha0{width: 40px;height: 40px;border-radius: 50%;background: #08f;color: #fff;line-height: 40px;font-size: 20px;margin: auto;}
|
||||
#f_sha1{background-color: #D0F2C3;border-radius: 3px;padding: 13px 13px;font-size: 14px;margin: 15px 0;word-wrap: break-word; word-break: normal; text-align: left;}
|
||||
#f_sha1:hover{background-color: #C2ECB2; box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.05);}
|
||||
.f_tcn{border-bottom: 1px solid #fff;margin: 0 8px 8px 8px;padding-bottom: 8px;}
|
||||
#code{}
|
||||
#code img{margin: auto;padding-top: 15px;}
|
||||
#f_surl{background: #fff;display: none;border-radius: 8px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);margin-top: 10%;padding: 20px;position: fixed;top: 0;left: 300px;min-width: 270px;}
|
||||
.f_surl0{}
|
||||
.f_surl2{color: #888; font-size: 12px;}
|
||||
.durls{margin: 15px 0;}
|
||||
#f_des{background: #fff;display: none;border-radius: 8px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);margin-top: 10%;padding: 20px;position: fixed;top: 0;left: 300px;min-width: 270px;}
|
||||
.f_des1{margin-top: 15px; text-align: right;}
|
||||
.f_des2{margin: 15px 0;}
|
||||
#f_pwd{background: #fff;display: none;border-radius: 8px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);margin-top: 10%;padding: 20px;position: fixed;top: 0;left: 300px;min-width: 270px;}
|
||||
.f_pwd2{ width: 270px;}
|
||||
#fol_des{background: #fff;display: none;border-radius: 8px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);margin-top: 10%;padding: 20px;position: fixed;top: 0;left: 300px;min-width: 270px;}
|
||||
.fol_des1{}
|
||||
#fol_pwd{background: #fff;display: none;border-radius: 8px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);margin-top: 10%;padding: 20px;position: fixed;top: 0;left: 300px;min-width: 270px;}
|
||||
.fol_pwd3{height: 30px;line-height: 30px;}
|
||||
#tongle{position: absolute;right: 20px;cursor: pointer;}
|
||||
#on{background: #4dbf08;height: 26px;width: 60px;border-radius: 30px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);}
|
||||
#off{background: #eee;height: 26px;width: 60px;border-radius: 30px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);}
|
||||
.off1{border-radius: 50%;width: 25px;background: #fff;height: 25px;box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.15);}
|
||||
.on1{border-radius: 50%;width: 25px;background: #fff;height: 25px;
|
||||
box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.15);float: right;}
|
||||
.fol_pwd2{ width: 270px;}
|
||||
#fol_cre{background: #fff;display: none;border-radius: 8px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);margin-top: 10%;padding: 20px;position: fixed;top: 0;left: 300px;min-width: 270px;}
|
||||
.nofile{text-align: center;padding: 8px;}
|
||||
.fnow{background-color: #eee;padding: 5px 10px;border-radius: 3px;color: #57865F;}
|
||||
.fnow:hover{ box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.05);}
|
||||
.fnow span{display: inline-block;}
|
||||
#f_nowid{}
|
||||
#nowpwd{}
|
||||
#f_midf{background: #fff;display: none;border-radius: 8px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);margin-top: 10%;padding: 20px;position: fixed;top: 0;left: 300px;min-width: 270px;}
|
||||
#f_midf1{margin-top: 10px; max-height: 300px;overflow: auto; border: 1px solid #ddd;}
|
||||
#f_midf4hover{color: #3377ff;}
|
||||
#f_linkcdn{background: #fff;display: none;border-radius: 8px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);margin-top: 10%;padding: 20px;position: fixed;top: 0;left: 300px;min-width: 270px;}
|
||||
.f_midf5{border: 2px solid #ddd;width: 15px;height: 15px;border-radius: 50%;margin-top: 7px;float: right;}
|
||||
.f_midf6{height: 34px;line-height: 34px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 10px;}
|
||||
.f_midf6:hover{color:#08f; cursor: pointer; background-color: #F3F5F9; box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.05);}
|
||||
.f_midf6 .f_midf5:hover{border: 2px solid #209EFF;}
|
||||
.f_midf5:active{ background-color: #209EFF;}
|
||||
.fkey{display:none;margin-left: 6px;padding: 0px 8px;border-radius: 3px;border: 1px solid #eee;}
|
||||
.fkey:hover{ border: 1px solid #aaa;}
|
||||
.finfo{display:none;margin-left: 6px;padding: 0px 8px;border-radius: 3px;border: 1px solid #eee;}
|
||||
.finfo:hover{ border: 1px solid #aaa;}
|
||||
.finfos{display:none;position: absolute;background: #fff;border-radius: 3px;border: 1px solid #ddd;margin-top: 10px;padding: 7px 10px; color: #333; max-width: 300px;}
|
||||
.finfost{ color: #5E9039;}
|
||||
.file_ico{padding: 2px 8px;border-radius: 3px;display: none;}
|
||||
#f_linkcdn_info{background-color: #D0F2C3;border-radius: 3px;padding: 13px;font-size: 14px;margin: 15px 0;}
|
||||
#f_linkcdn_info:hover{background-color: #C2ECB2; box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.05);}
|
||||
#f_linkcdn_txt{display:none;}
|
||||
#f_diy{background: #fff;display: none;border-radius: 8px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);margin-top: 10%;padding: 20px;position: fixed;top: 0;left: 300px;min-width: 270px;}
|
||||
#f_diy_box{display: none;}
|
||||
#f_diy_set{display: none;}
|
||||
.f_diy_set{background-color: #D0F2C3;border-radius: 3px;font-size: 14px;margin: 15px 0;word-wrap: break-word;word-break: normal;height: 46px;line-height: 46px;padding: 0 5px;}
|
||||
.f_diy_set:hover{ box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.05);}
|
||||
#f_ename{background: #fff;display: none;border-radius: 8px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);margin-top: 10%;padding: 20px;position: fixed;top: 0;left: 300px;min-width: 270px;}
|
||||
#f_diy_domain{float: left;}
|
||||
#f_diy_input{height: 38px;border: 0;margin-top: 4px;float: left;background: #fff;width: 150px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.17); border: 1px solid #d0f2c3;}
|
||||
#f_diy_input:hover{border: 1px solid #96ce81;}
|
||||
#f_diy_input:focus{outline: none;border: 1px solid #96ce81;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.275);}
|
||||
#f_diy_info{background-color: #D0F2C3;border-radius: 3px;padding: 13px 13px;font-size: 14px;margin: 15px 0;word-wrap: break-word;word-break: normal;text-align: center;}
|
||||
#f_diy_info:hover{box-shadow: inset 1px 1px 0px rgba(0, 0, 0, 0.05);}
|
||||
#f_ico{background: #fff;display: none;border-radius: 8px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);margin-top: 10%;padding: 20px;position: fixed;top: 0;left: 300px;min-width: 270px;}
|
||||
#f_ico_box{}
|
||||
#f_ico_info{background: #f7f7f7;height: 90px;text-align: center;line-height: 90px;display: none;margin-bottom: 10px;}
|
||||
#file_lock{background: #fff;display: none;border-radius: 8px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);margin-top: 10%;padding: 20px;position: fixed;top: 0;left: 300px;min-width: 270px;}
|
||||
#file_lock2{background: #fff;display: none;border-radius: 8px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);margin-top: 10%;padding: 20px;position: fixed;top: 0;left: 300px;min-width: 270px;}
|
||||
.lockspan{font-size: 16px;display: block;padding-bottom: 10px;}
|
||||
.filelock{display: none;margin-left: 6px;padding: 0px 2px;border-radius: 3px;border: 1px solid #ff9a9a;color: #f77;font-size: 12px;cursor: pointer;}
|
||||
.f_wringd{cursor: pointer;color: #FFFFFF;background-color: #F19586;padding: 0 3px;border-radius: 3px;}
|
||||
#f_right{position: absolute;left: 1000px;top: 100px;}
|
||||
.f_wring{display: none;border-radius: 3px;border: 1px solid #ddd;width: 300px; margin-bottom: 30px;}
|
||||
.f_wring1{color: #E2513A;border-bottom: 1px solid #ddd;padding: 10px;font-size: 14px;text-align: center;}
|
||||
.f_wring2{line-height: 1.8em;padding: 0 17px; word-wrap: break-word;}
|
||||
#wring{background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important;position: fixed;top: -100px;color: #fff;border-radius: 3px;padding: 2px 13px;margin: auto;left: 0;right: 0;text-align: center;;max-width: 200px;z-index: 999; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);}
|
||||
.helpinfo{width: 300px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
|
||||
.helpinfoa{padding: 5px 0;display: block;}
|
||||
.helpinfotop{text-align: center;border-bottom:1px solid #eee;height: 35px;line-height: 35px;}
|
||||
.helpinfobox{padding: 10px;line-height: 1.7em;}
|
||||
.helpinfolist{padding: 10px;background: #f5f5f5;margin: 10px;border-radius: 3px;display: none;font-size: 12px;}
|
||||
|
||||
.f_right_vip{ width: 300px;border: 1px solid #eee;border-radius: 3px;}
|
||||
.f_right_vip_box{padding: 10px;height: 30px;}
|
||||
.f_right_vip_ico{ float: left;border-radius: 3px;width: 40px;height: 30px;text-align: center;line-height: 30px;font-size: 26px;background: #484b4c;color: #fff;}
|
||||
.f_right_vip_title{ float: left;margin-left: 10px;}
|
||||
.f_right_vip_time{color: #9e9e9e;font-size: 12px;}
|
||||
.f_right_vip_now{float: right;color: #72b15e; height: 30px;line-height: 30px;}
|
||||
.f_right_vip_now_span{color: #ef6354;}
|
||||
.f_right_vip_over{padding: 10px;background: #f1f1f1;}
|
||||
.f_right_vip_over span{color: #999;margin-right: 5px;font-size: 12px;}
|
||||
|
||||
.follink{color: #3377FF;cursor: pointer;}
|
||||
.follink:hover{color: #999}
|
||||
.f_tpspan{padding-left: 5px;color: #37f;cursor: pointer;margin-right: 5px;}
|
||||
.f_tpspan:hover{color: #999}
|
||||
.f_tpspannow{color: #333;cursor: default;}
|
||||
|
||||
@media (max-width: 519px){
|
||||
.toum{background-image:none}
|
||||
.mydisk_nav{width: 97%;margin-left: auto;margin-right: auto;}
|
||||
.tips_box{display:none;}
|
||||
.pro{ padding-top: 90px;}
|
||||
.mf{border-top: 1px solid #f1f1f1;clear: both;padding: 20px 18px;}
|
||||
.mf1{width: 100%;text-align: left;color: #888;position: initial;}
|
||||
.mf2{margin-left: 0;margin-top: -17px;text-align: right;}
|
||||
.mq{padding: 26px 18px 0px 18px;clear: both;}
|
||||
.mq1{position: absolute;margin-top: 8px;width: auto;text-align: left;color: #888;}
|
||||
.mq2{margin-left:0;margin-top: 1px;text-align: right;}
|
||||
.mq3{width: 100%;}
|
||||
.mq4{display:none}
|
||||
.txtred{display:none}
|
||||
.helpinfo{display:none}
|
||||
.mk1{width: 100%;border: 0;border-bottom: 1px solid #ddd;box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);border-radius: 0; padding-left: 99px;}
|
||||
.mk1:hover{border: 0;border-bottom: 1px solid #ddd;}
|
||||
.mk1:focus{border: 0;border-bottom: 1px solid #ddd;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);}
|
||||
.mbtn{width: 100%;}
|
||||
.t1{border-top: 1px solid #f1f1f1;clear: both;padding-left: 0;padding: 10px 20px;background-image: none;}
|
||||
.t2{float: inherit;padding-bottom: 0;}
|
||||
.t3{background-image: none;width: 100%;text-align: right;line-height: 20px;}
|
||||
.t5{display: none;}
|
||||
.jf_item{width:98%;margin-left: 0;}
|
||||
.n1{width: 100%;margin-left: 0;border: 0;padding: 0;}
|
||||
.mydisk_file_bar{padding-left: 0;padding-bottom: 18px; opacity: .5;}
|
||||
.footm{display:none;}
|
||||
.mobdao{display:none;}
|
||||
.diskdao{width: 78px;}
|
||||
.diskdao3{width: 78px;}
|
||||
::-webkit-scrollbar{background:rgba(0,0,0,0);height: 1px;width:1px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}
|
||||
::-webkit-scrollbar-thumb:hover {background:rgba(0,0,0,0);}
|
||||
::-webkit-scrollbar-thumb:active {background:rgba(0,0,0,0);}
|
||||
.mydisk_file_bar{position:absolute;right: 3%;opacity: .5;top: -10px;}
|
||||
.n1{border:0;margin-left: auto;width:97%;padding:0;margin-right: auto;}
|
||||
.my{border-top: 1px solid #eee;padding-top: 18px;}
|
||||
.mi{padding-left: 22px;}
|
||||
.mi span{margin-right: 8px;}
|
||||
.mii{float: right;}
|
||||
.footm{display: none;}
|
||||
.f_up{margin: 0 15px; top: 50px;}
|
||||
.f_upb{width: 100%;height: auto;}
|
||||
|
||||
#f_surl,#f_sha,#f_pwd,#f_des,#fol_des,#fol_pwd,#fol_cre,#f_midf,#f_linkcdn,#f_diy,#f_ico,#f_ename{margin: 0;min-width: auto; width: auto;right: 15px;left: 15px;top: 30px;}
|
||||
.btn{width: 100%;}
|
||||
.k1{width: 100%;}
|
||||
.f_view{width: auto;right: 15px;left: 15px;position: fixed;bottom: 15px;}
|
||||
.f_pwd2{width: 100%;}
|
||||
|
||||
.f_time{ width: auto;}
|
||||
.f_tb{height: 60px;border-top: 1px solid #eee;}
|
||||
.mobbot{display:none}
|
||||
.pad{float: inherit;}
|
||||
.f_name {float: inherit;width: 100%;}
|
||||
#topcontrol{display:none}
|
||||
.mq4{display:block}
|
||||
.f_view div{line-height: 50px;height: 50px;}
|
||||
.tongle{ float: right;}
|
||||
#f_diy_input{width: 100%;border: 1px solid #CCCCCC;padding: 5px;box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);border-radius: 3px;}
|
||||
.f_diy_set{ padding: 0;}
|
||||
.f_ename{ padding: 0;}
|
||||
#f_right{display:none;}
|
||||
}
|
||||
|
||||
@media (min-width: 1260px){
|
||||
#f_right{display:block;position: absolute;left: initial;top: 100px; right: 30px;}
|
||||
}
|
||||
|
||||
.upimgbtn{
|
||||
display: inline-block;
|
||||
padding: 20px 30px;
|
||||
vertical-align: middle;
|
||||
-ms-touch-action: manipulation;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
background: #fff;
|
||||
background-image: none;
|
||||
background-size: 100%;
|
||||
border: 1px solid #eee;
|
||||
font-size: 20px;
|
||||
}
|
||||
a.upimgbtn:hover{
|
||||
background-color: #f5f5f5;
|
||||
border: 1px solid #08f;
|
||||
}
|
||||
.upimgbtntop{margin-top: 10px;background: #f7f7f7;padding: 10px;}
|
||||
.progress{
|
||||
margin-top:2px;
|
||||
width: 200px;
|
||||
height: 14px;
|
||||
margin-bottom: 10px;
|
||||
overflow: hidden;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
|
||||
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
|
||||
}
|
||||
.progress-bar{
|
||||
background-color: rgb(92, 184, 92);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.14902) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.14902) 50%, rgba(255, 255, 255, 0.14902) 75%, transparent 75%, transparent);
|
||||
background-size: 40px 40px;
|
||||
box-shadow: rgba(0, 0, 0, 0.14902) 0px -1px 0px 0px inset;
|
||||
box-sizing: border-box;
|
||||
color: rgb(255, 255, 255);
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
transition-delay: 0s;
|
||||
transition-duration: 0.6s;
|
||||
transition-property: width;
|
||||
transition-timing-function: ease;
|
||||
width: 266.188px;
|
||||
}
|
||||
@@ -0,0 +1,417 @@
|
||||
.child-view {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-transition: all .5s cubic-bezier(.55, 0, .1, 1);
|
||||
transition: all .5s cubic-bezier(.55, 0, .1, 1)
|
||||
}
|
||||
|
||||
.slide-left-enter,
|
||||
.slide-right-leave-active {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate(30px);
|
||||
transform: translate(30px)
|
||||
}
|
||||
|
||||
.slide-left-leave-active,
|
||||
.slide-right-enter {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate(-30px);
|
||||
transform: translate(-30px)
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 1100px;
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex
|
||||
}
|
||||
|
||||
.flex-box {
|
||||
-webkit-box-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center
|
||||
}
|
||||
|
||||
.align-center,
|
||||
.flex-box,
|
||||
.space-between {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-webkit-align-items: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.space-between {
|
||||
-webkit-box-pack: justify;
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between
|
||||
}
|
||||
|
||||
.text-overflow {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
input:focus {
|
||||
outline: none
|
||||
}
|
||||
|
||||
.dis-btn1 {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
html {
|
||||
line-height: 1.15;
|
||||
-webkit-text-size-adjust: 100%
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: .67em 0
|
||||
}
|
||||
|
||||
hr {
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
overflow: visible
|
||||
}
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: transparent
|
||||
}
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none;
|
||||
text-decoration: underline;
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder
|
||||
}
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 80%
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -.25em
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -.5em
|
||||
}
|
||||
|
||||
img {
|
||||
border-style: none
|
||||
}
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit;
|
||||
font-size: 100%;
|
||||
line-height: 1.15;
|
||||
margin: 0
|
||||
}
|
||||
|
||||
button,
|
||||
input {
|
||||
overflow: visible
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none
|
||||
}
|
||||
|
||||
[type=button],
|
||||
[type=reset],
|
||||
[type=submit],
|
||||
button {
|
||||
-webkit-appearance: button
|
||||
}
|
||||
|
||||
[type=button]::-moz-focus-inner,
|
||||
[type=reset]::-moz-focus-inner,
|
||||
[type=submit]::-moz-focus-inner,
|
||||
button::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
[type=button]:-moz-focusring,
|
||||
[type=reset]:-moz-focusring,
|
||||
[type=submit]:-moz-focusring,
|
||||
button:-moz-focusring {
|
||||
outline: 1px dotted ButtonText
|
||||
}
|
||||
|
||||
fieldset {
|
||||
padding: .35em .75em .625em
|
||||
}
|
||||
|
||||
legend {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
color: inherit;
|
||||
display: table;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
white-space: normal
|
||||
}
|
||||
|
||||
progress {
|
||||
vertical-align: baseline
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto
|
||||
}
|
||||
|
||||
[type=checkbox],
|
||||
[type=radio] {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
[type=number]::-webkit-inner-spin-button,
|
||||
[type=number]::-webkit-outer-spin-button {
|
||||
height: auto
|
||||
}
|
||||
|
||||
[type=search] {
|
||||
-webkit-appearance: textfield;
|
||||
outline-offset: -2px
|
||||
}
|
||||
|
||||
[type=search]::-webkit-search-decoration {
|
||||
-webkit-appearance: none
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button;
|
||||
font: inherit
|
||||
}
|
||||
|
||||
details {
|
||||
display: block
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item
|
||||
}
|
||||
|
||||
[hidden],
|
||||
template {
|
||||
display: none
|
||||
}
|
||||
|
||||
a,
|
||||
abbr,
|
||||
acronym,
|
||||
address,
|
||||
applet,
|
||||
article,
|
||||
aside,
|
||||
audio,
|
||||
b,
|
||||
big,
|
||||
blockquote,
|
||||
body,
|
||||
canvas,
|
||||
caption,
|
||||
center,
|
||||
cite,
|
||||
code,
|
||||
dd,
|
||||
del,
|
||||
details,
|
||||
dfn,
|
||||
div,
|
||||
dl,
|
||||
dt,
|
||||
em,
|
||||
embed,
|
||||
fieldset,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
form,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
header,
|
||||
html,
|
||||
i,
|
||||
iframe,
|
||||
img,
|
||||
input,
|
||||
ins,
|
||||
kbd,
|
||||
label,
|
||||
legend,
|
||||
li,
|
||||
mark,
|
||||
menu,
|
||||
nav,
|
||||
object,
|
||||
ol,
|
||||
output,
|
||||
p,
|
||||
pre,
|
||||
q,
|
||||
ruby,
|
||||
s,
|
||||
samp,
|
||||
section,
|
||||
small,
|
||||
span,
|
||||
strike,
|
||||
strong,
|
||||
sub,
|
||||
summary,
|
||||
sup,
|
||||
table,
|
||||
tbody,
|
||||
td,
|
||||
tfoot,
|
||||
th,
|
||||
thead,
|
||||
time,
|
||||
tr,
|
||||
tt,
|
||||
u,
|
||||
ul,
|
||||
var,
|
||||
video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font-weight: 400;
|
||||
vertical-align: baseline
|
||||
}
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
display: block
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1
|
||||
}
|
||||
|
||||
blockquote,
|
||||
q {
|
||||
quotes: none
|
||||
}
|
||||
|
||||
blockquote:after,
|
||||
blockquote:before,
|
||||
q:after,
|
||||
q:before {
|
||||
content: none
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0
|
||||
}
|
||||
|
||||
a {
|
||||
color: #7e8c8d;
|
||||
-webkit-backface-visibility: hidden;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none
|
||||
}
|
||||
|
||||
body {
|
||||
-webkit-text-size-adjust: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
|
||||
}
|
||||
|
||||
body,
|
||||
html {
|
||||
font-family: PingFang SC, STHeitiSC-Light, Helvetica-Light, arial, sans-serif, Droid Sans Fallback;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
max-width: 100%
|
||||
}
|
||||
|
||||
.app,
|
||||
body,
|
||||
html {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
background: #fff
|
||||
}
|
||||
Reference in New Issue
Block a user