2824 lines
46 KiB
CSS
2824 lines
46 KiB
CSS
body.stop-scrolling {
|
|
height: 100%;
|
|
overflow: hidden
|
|
}
|
|
|
|
.sweet-overlay {
|
|
background-color: #000;
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
|
|
background-color: rgba(0,0,0,.4);
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
display: none;
|
|
z-index: 10000
|
|
}
|
|
|
|
.sweet-alert {
|
|
background-color: #fff;
|
|
font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
|
|
width: 478px;
|
|
padding: 17px;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
position: fixed;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-left: -256px;
|
|
margin-top: -200px;
|
|
overflow: hidden;
|
|
display: none;
|
|
z-index: 99999
|
|
}
|
|
|
|
@media all and (max-width: 540px) {
|
|
.sweet-alert {
|
|
width:auto;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
left: 15px;
|
|
right: 15px
|
|
}
|
|
}
|
|
|
|
.sweet-alert h2 {
|
|
color: #575757;
|
|
font-size: 30px;
|
|
text-align: center;
|
|
font-weight: 600;
|
|
text-transform: none;
|
|
position: relative;
|
|
margin: 25px 0;
|
|
padding: 0;
|
|
line-height: 40px;
|
|
display: block
|
|
}
|
|
|
|
.sweet-alert p {
|
|
color: #797979;
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
position: relative;
|
|
text-align: inherit;
|
|
float: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: normal
|
|
}
|
|
|
|
.sweet-alert fieldset {
|
|
border: none;
|
|
position: relative
|
|
}
|
|
|
|
.sweet-alert .sa-error-container {
|
|
background-color: #f1f1f1;
|
|
margin-left: -17px;
|
|
margin-right: -17px;
|
|
overflow: hidden;
|
|
padding: 0 10px;
|
|
max-height: 0;
|
|
webkit-transition: padding .15s,max-height .15s;
|
|
transition: padding .15s,max-height .15s
|
|
}
|
|
|
|
.sweet-alert .sa-error-container.show {
|
|
padding: 10px 0;
|
|
max-height: 100px;
|
|
webkit-transition: padding .2s,max-height .2s;
|
|
transition: padding .25s,max-height .25s
|
|
}
|
|
|
|
.sweet-alert .sa-error-container .icon {
|
|
display: inline-block;
|
|
width: 24px;
|
|
height: 24px;
|
|
border-radius: 50%;
|
|
background-color: #ea7d7d;
|
|
color: #fff;
|
|
line-height: 24px;
|
|
text-align: center;
|
|
margin-right: 3px
|
|
}
|
|
|
|
.sweet-alert .sa-error-container p {
|
|
display: inline-block
|
|
}
|
|
|
|
.sweet-alert .sa-input-error {
|
|
position: absolute;
|
|
top: 29px;
|
|
right: 26px;
|
|
width: 20px;
|
|
height: 20px;
|
|
opacity: 0;
|
|
-webkit-transform: scale(.5);
|
|
transform: scale(.5);
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50%;
|
|
-webkit-transition: all .1s;
|
|
transition: all .1s
|
|
}
|
|
|
|
.sweet-alert .sa-input-error::after,.sweet-alert .sa-input-error::before {
|
|
content: "";
|
|
width: 20px;
|
|
height: 6px;
|
|
background-color: #f06e57;
|
|
border-radius: 3px;
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -4px;
|
|
left: 50%;
|
|
margin-left: -9px
|
|
}
|
|
|
|
.sweet-alert .sa-input-error::before {
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg)
|
|
}
|
|
|
|
.sweet-alert .sa-input-error::after {
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg)
|
|
}
|
|
|
|
.sweet-alert .sa-input-error.show {
|
|
opacity: 1;
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1)
|
|
}
|
|
|
|
.sweet-alert input {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
border-radius: 3px;
|
|
border: 1px solid #d7d7d7;
|
|
height: 43px;
|
|
margin-top: 10px;
|
|
margin-bottom: 17px;
|
|
font-size: 18px;
|
|
box-shadow: inset 0 1px 1px rgba(0,0,0,.06);
|
|
padding: 0 12px;
|
|
display: none;
|
|
-webkit-transition: all .3s;
|
|
transition: all .3s
|
|
}
|
|
|
|
.sweet-alert input:focus {
|
|
outline: 0;
|
|
box-shadow: 0 0 3px #c4e6f5;
|
|
border: 1px solid #b4dbed
|
|
}
|
|
|
|
.sweet-alert.show-input input {
|
|
display: block
|
|
}
|
|
|
|
.sweet-alert button {
|
|
background-color: #AEDEF4;
|
|
color: #fff;
|
|
border: none;
|
|
box-shadow: none;
|
|
font-size: 17px;
|
|
font-weight: 500;
|
|
-webkit-border-radius: 4px;
|
|
border-radius: 5px;
|
|
padding: 10px 32px;
|
|
margin: 26px 5px 0;
|
|
cursor: pointer
|
|
}
|
|
|
|
.sweet-alert button:focus {
|
|
outline: 0;
|
|
box-shadow: 0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)
|
|
}
|
|
|
|
.sweet-alert button:hover {
|
|
background-color: #a1d9f2
|
|
}
|
|
|
|
.sweet-alert button:active {
|
|
background-color: #81ccee
|
|
}
|
|
|
|
.sweet-alert button.cancel {
|
|
background-color: #D0D0D0
|
|
}
|
|
|
|
.sweet-alert button.cancel:hover {
|
|
background-color: #c8c8c8
|
|
}
|
|
|
|
.sweet-alert button.cancel:active {
|
|
background-color: #b6b6b6
|
|
}
|
|
|
|
.sweet-alert button.cancel:focus {
|
|
box-shadow: rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important
|
|
}
|
|
|
|
.sweet-alert button::-moz-focus-inner {
|
|
border: 0
|
|
}
|
|
|
|
.sweet-alert[data-has-cancel-button=false] button {
|
|
box-shadow: none!important
|
|
}
|
|
|
|
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
|
|
padding-bottom: 40px
|
|
}
|
|
|
|
.sweet-alert .sa-icon {
|
|
width: 80px;
|
|
height: 80px;
|
|
border: 4px solid gray;
|
|
-webkit-border-radius: 40px;
|
|
border-radius: 50%;
|
|
margin: 20px auto;
|
|
padding: 0;
|
|
position: relative;
|
|
box-sizing: content-box
|
|
}
|
|
|
|
.sweet-alert .sa-icon.sa-error {
|
|
border-color: #F27474
|
|
}
|
|
|
|
.sweet-alert .sa-icon.sa-error .sa-x-mark {
|
|
position: relative;
|
|
display: block
|
|
}
|
|
|
|
.sweet-alert .sa-icon.sa-error .sa-line {
|
|
position: absolute;
|
|
height: 5px;
|
|
width: 47px;
|
|
background-color: #F27474;
|
|
display: block;
|
|
top: 37px;
|
|
border-radius: 2px
|
|
}
|
|
|
|
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
left: 17px
|
|
}
|
|
|
|
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
right: 16px
|
|
}
|
|
|
|
.sweet-alert .sa-icon.sa-warning {
|
|
border-color: #F8BB86
|
|
}
|
|
|
|
.sweet-alert .sa-icon.sa-warning .sa-body {
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 47px;
|
|
left: 50%;
|
|
top: 10px;
|
|
-webkit-border-radius: 2px;
|
|
border-radius: 2px;
|
|
margin-left: -2px;
|
|
background-color: #F8BB86
|
|
}
|
|
|
|
.sweet-alert .sa-icon.sa-warning .sa-dot {
|
|
position: absolute;
|
|
width: 7px;
|
|
height: 7px;
|
|
-webkit-border-radius: 50%;
|
|
border-radius: 50%;
|
|
margin-left: -3px;
|
|
left: 50%;
|
|
bottom: 10px;
|
|
background-color: #F8BB86
|
|
}
|
|
|
|
.sweet-alert .sa-icon.sa-info {
|
|
border-color: #C9DAE1
|
|
}
|
|
|
|
.sweet-alert .sa-icon.sa-info::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 29px;
|
|
left: 50%;
|
|
bottom: 17px;
|
|
border-radius: 2px;
|
|
margin-left: -2px;
|
|
background-color: #C9DAE1
|
|
}
|
|
|
|
.sweet-alert .sa-icon.sa-info::after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 7px;
|
|
height: 7px;
|
|
border-radius: 50%;
|
|
margin-left: -3px;
|
|
top: 19px;
|
|
background-color: #C9DAE1
|
|
}
|
|
|
|
.sweet-alert .sa-icon.sa-success {
|
|
border-color: #A5DC86
|
|
}
|
|
|
|
.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before {
|
|
content: '';
|
|
position: absolute;
|
|
width: 60px;
|
|
height: 120px;
|
|
background: #fff;
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg)
|
|
}
|
|
|
|
.sweet-alert .sa-icon.sa-success::before {
|
|
-webkit-border-radius: 120px 0 0 120px;
|
|
border-radius: 120px 0 0 120px;
|
|
top: -7px;
|
|
left: -33px;
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
-webkit-transform-origin: 60px 60px;
|
|
transform-origin: 60px 60px
|
|
}
|
|
|
|
.sweet-alert .sa-icon.sa-success::after {
|
|
-webkit-border-radius: 0 120px 120px 0;
|
|
border-radius: 0 120px 120px 0;
|
|
top: -11px;
|
|
left: 30px;
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
-webkit-transform-origin: 0 60px;
|
|
transform-origin: 0 60px
|
|
}
|
|
|
|
.sweet-alert .sa-icon.sa-success .sa-placeholder {
|
|
width: 80px;
|
|
height: 80px;
|
|
border: 4px solid rgba(165,220,134,.2);
|
|
-webkit-border-radius: 40px;
|
|
border-radius: 50%;
|
|
box-sizing: content-box;
|
|
position: absolute;
|
|
left: -4px;
|
|
top: -4px;
|
|
z-index: 2
|
|
}
|
|
|
|
.sweet-alert .sa-icon.sa-success .sa-fix {
|
|
width: 5px;
|
|
height: 90px;
|
|
background-color: #fff;
|
|
position: absolute;
|
|
left: 28px;
|
|
top: 8px;
|
|
z-index: 1;
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg)
|
|
}
|
|
|
|
.sweet-alert .sa-icon.sa-success .sa-line {
|
|
height: 5px;
|
|
background-color: #A5DC86;
|
|
display: block;
|
|
border-radius: 2px;
|
|
position: absolute;
|
|
z-index: 2
|
|
}
|
|
|
|
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
|
|
width: 25px;
|
|
left: 14px;
|
|
top: 46px;
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg)
|
|
}
|
|
|
|
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
|
|
width: 47px;
|
|
right: 8px;
|
|
top: 38px;
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg)
|
|
}
|
|
|
|
.sweet-alert .sa-icon.sa-custom {
|
|
background-size: contain;
|
|
border-radius: 0;
|
|
border: none;
|
|
background-position: center center;
|
|
background-repeat: no-repeat
|
|
}
|
|
|
|
@-webkit-keyframes showSweetAlert {
|
|
0% {
|
|
transform: scale(.7);
|
|
-webkit-transform: scale(.7)
|
|
}
|
|
|
|
45% {
|
|
transform: scale(1.05);
|
|
-webkit-transform: scale(1.05)
|
|
}
|
|
|
|
80% {
|
|
transform: scale(.95);
|
|
-webkit-transform: scale(.95)
|
|
}
|
|
|
|
100% {
|
|
transform: scale(1);
|
|
-webkit-transform: scale(1)
|
|
}
|
|
}
|
|
|
|
@keyframes showSweetAlert {
|
|
0% {
|
|
transform: scale(.7);
|
|
-webkit-transform: scale(.7)
|
|
}
|
|
|
|
45% {
|
|
transform: scale(1.05);
|
|
-webkit-transform: scale(1.05)
|
|
}
|
|
|
|
80% {
|
|
transform: scale(.95);
|
|
-webkit-transform: scale(.95)
|
|
}
|
|
|
|
100% {
|
|
transform: scale(1);
|
|
-webkit-transform: scale(1)
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes hideSweetAlert {
|
|
0% {
|
|
transform: scale(1);
|
|
-webkit-transform: scale(1)
|
|
}
|
|
|
|
100% {
|
|
transform: scale(.5);
|
|
-webkit-transform: scale(.5)
|
|
}
|
|
}
|
|
|
|
@keyframes hideSweetAlert {
|
|
0% {
|
|
transform: scale(1);
|
|
-webkit-transform: scale(1)
|
|
}
|
|
|
|
100% {
|
|
transform: scale(.5);
|
|
-webkit-transform: scale(.5)
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes slideFromTop {
|
|
0% {
|
|
top: 0
|
|
}
|
|
|
|
100% {
|
|
top: 50%
|
|
}
|
|
}
|
|
|
|
@keyframes slideFromTop {
|
|
0% {
|
|
top: 0
|
|
}
|
|
|
|
100% {
|
|
top: 50%
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes slideToTop {
|
|
0% {
|
|
top: 50%
|
|
}
|
|
|
|
100% {
|
|
top: 0
|
|
}
|
|
}
|
|
|
|
@keyframes slideToTop {
|
|
0% {
|
|
top: 50%
|
|
}
|
|
|
|
100% {
|
|
top: 0
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes slideFromBottom {
|
|
0% {
|
|
top: 70%
|
|
}
|
|
|
|
100% {
|
|
top: 50%
|
|
}
|
|
}
|
|
|
|
@keyframes slideFromBottom {
|
|
0% {
|
|
top: 70%
|
|
}
|
|
|
|
100% {
|
|
top: 50%
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes slideToBottom {
|
|
0% {
|
|
top: 50%
|
|
}
|
|
|
|
100% {
|
|
top: 70%
|
|
}
|
|
}
|
|
|
|
@keyframes slideToBottom {
|
|
0% {
|
|
top: 50%
|
|
}
|
|
|
|
100% {
|
|
top: 70%
|
|
}
|
|
}
|
|
|
|
.showSweetAlert[data-animation=pop] {
|
|
-webkit-animation: showSweetAlert .3s;
|
|
animation: showSweetAlert .3s
|
|
}
|
|
|
|
.showSweetAlert[data-animation=none] {
|
|
-webkit-animation: none;
|
|
animation: none
|
|
}
|
|
|
|
.showSweetAlert[data-animation=slide-from-top] {
|
|
-webkit-animation: slideFromTop .3s;
|
|
animation: slideFromTop .3s
|
|
}
|
|
|
|
.showSweetAlert[data-animation=slide-from-bottom] {
|
|
-webkit-animation: slideFromBottom .3s;
|
|
animation: slideFromBottom .3s
|
|
}
|
|
|
|
.hideSweetAlert[data-animation=pop] {
|
|
-webkit-animation: hideSweetAlert .2s;
|
|
animation: hideSweetAlert .2s
|
|
}
|
|
|
|
.hideSweetAlert[data-animation=none] {
|
|
-webkit-animation: none;
|
|
animation: none
|
|
}
|
|
|
|
.hideSweetAlert[data-animation=slide-from-top] {
|
|
-webkit-animation: slideToTop .4s;
|
|
animation: slideToTop .4s
|
|
}
|
|
|
|
.hideSweetAlert[data-animation=slide-from-bottom] {
|
|
-webkit-animation: slideToBottom .3s;
|
|
animation: slideToBottom .3s
|
|
}
|
|
|
|
@-webkit-keyframes animateSuccessTip {
|
|
0%,54% {
|
|
width: 0;
|
|
left: 1px;
|
|
top: 19px
|
|
}
|
|
|
|
70% {
|
|
width: 50px;
|
|
left: -8px;
|
|
top: 37px
|
|
}
|
|
|
|
84% {
|
|
width: 17px;
|
|
left: 21px;
|
|
top: 48px
|
|
}
|
|
|
|
100% {
|
|
width: 25px;
|
|
left: 14px;
|
|
top: 45px
|
|
}
|
|
}
|
|
|
|
@keyframes animateSuccessTip {
|
|
0%,54% {
|
|
width: 0;
|
|
left: 1px;
|
|
top: 19px
|
|
}
|
|
|
|
70% {
|
|
width: 50px;
|
|
left: -8px;
|
|
top: 37px
|
|
}
|
|
|
|
84% {
|
|
width: 17px;
|
|
left: 21px;
|
|
top: 48px
|
|
}
|
|
|
|
100% {
|
|
width: 25px;
|
|
left: 14px;
|
|
top: 45px
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes animateSuccessLong {
|
|
0%,65% {
|
|
width: 0;
|
|
right: 46px;
|
|
top: 54px
|
|
}
|
|
|
|
84% {
|
|
width: 55px;
|
|
right: 0;
|
|
top: 35px
|
|
}
|
|
|
|
100% {
|
|
width: 47px;
|
|
right: 8px;
|
|
top: 38px
|
|
}
|
|
}
|
|
|
|
@keyframes animateSuccessLong {
|
|
0%,65% {
|
|
width: 0;
|
|
right: 46px;
|
|
top: 54px
|
|
}
|
|
|
|
84% {
|
|
width: 55px;
|
|
right: 0;
|
|
top: 35px
|
|
}
|
|
|
|
100% {
|
|
width: 47px;
|
|
right: 8px;
|
|
top: 38px
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes rotatePlaceholder {
|
|
0%,5% {
|
|
transform: rotate(-45deg);
|
|
-webkit-transform: rotate(-45deg)
|
|
}
|
|
|
|
100%,12% {
|
|
transform: rotate(-405deg);
|
|
-webkit-transform: rotate(-405deg)
|
|
}
|
|
}
|
|
|
|
@keyframes rotatePlaceholder {
|
|
0%,5% {
|
|
transform: rotate(-45deg);
|
|
-webkit-transform: rotate(-45deg)
|
|
}
|
|
|
|
100%,12% {
|
|
transform: rotate(-405deg);
|
|
-webkit-transform: rotate(-405deg)
|
|
}
|
|
}
|
|
|
|
.animateSuccessTip {
|
|
-webkit-animation: animateSuccessTip .75s;
|
|
animation: animateSuccessTip .75s
|
|
}
|
|
|
|
.animateSuccessLong {
|
|
-webkit-animation: animateSuccessLong .75s;
|
|
animation: animateSuccessLong .75s
|
|
}
|
|
|
|
.sa-icon.sa-success.animate::after {
|
|
-webkit-animation: rotatePlaceholder 4.25s ease-in;
|
|
animation: rotatePlaceholder 4.25s ease-in
|
|
}
|
|
|
|
@-webkit-keyframes animateErrorIcon {
|
|
0% {
|
|
transform: rotateX(100deg);
|
|
-webkit-transform: rotateX(100deg);
|
|
opacity: 0
|
|
}
|
|
|
|
100% {
|
|
transform: rotateX(0deg);
|
|
-webkit-transform: rotateX(0deg);
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes animateErrorIcon {
|
|
0% {
|
|
transform: rotateX(100deg);
|
|
-webkit-transform: rotateX(100deg);
|
|
opacity: 0
|
|
}
|
|
|
|
100% {
|
|
transform: rotateX(0deg);
|
|
-webkit-transform: rotateX(0deg);
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
.animateErrorIcon {
|
|
-webkit-animation: animateErrorIcon .5s;
|
|
animation: animateErrorIcon .5s
|
|
}
|
|
|
|
@-webkit-keyframes animateXMark {
|
|
0%,50% {
|
|
transform: scale(.4);
|
|
-webkit-transform: scale(.4);
|
|
margin-top: 26px;
|
|
opacity: 0
|
|
}
|
|
|
|
80% {
|
|
transform: scale(1.15);
|
|
-webkit-transform: scale(1.15);
|
|
margin-top: -6px
|
|
}
|
|
|
|
100% {
|
|
transform: scale(1);
|
|
-webkit-transform: scale(1);
|
|
margin-top: 0;
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
@keyframes animateXMark {
|
|
0%,50% {
|
|
transform: scale(.4);
|
|
-webkit-transform: scale(.4);
|
|
margin-top: 26px;
|
|
opacity: 0
|
|
}
|
|
|
|
80% {
|
|
transform: scale(1.15);
|
|
-webkit-transform: scale(1.15);
|
|
margin-top: -6px
|
|
}
|
|
|
|
100% {
|
|
transform: scale(1);
|
|
-webkit-transform: scale(1);
|
|
margin-top: 0;
|
|
opacity: 1
|
|
}
|
|
}
|
|
|
|
.animateXMark {
|
|
-webkit-animation: animateXMark .5s;
|
|
animation: animateXMark .5s
|
|
}
|
|
|
|
@-webkit-keyframes pulseWarning {
|
|
0% {
|
|
border-color: #F8D486
|
|
}
|
|
|
|
100% {
|
|
border-color: #F8BB86
|
|
}
|
|
}
|
|
|
|
@keyframes pulseWarning {
|
|
0% {
|
|
border-color: #F8D486
|
|
}
|
|
|
|
100% {
|
|
border-color: #F8BB86
|
|
}
|
|
}
|
|
|
|
.pulseWarning {
|
|
-webkit-animation: pulseWarning .75s infinite alternate;
|
|
animation: pulseWarning .75s infinite alternate
|
|
}
|
|
|
|
@-webkit-keyframes pulseWarningIns {
|
|
0% {
|
|
background-color: #F8D486
|
|
}
|
|
|
|
100% {
|
|
background-color: #F8BB86
|
|
}
|
|
}
|
|
|
|
@keyframes pulseWarningIns {
|
|
0% {
|
|
background-color: #F8D486
|
|
}
|
|
|
|
100% {
|
|
background-color: #F8BB86
|
|
}
|
|
}
|
|
|
|
.pulseWarningIns {
|
|
-webkit-animation: pulseWarningIns .75s infinite alternate;
|
|
animation: pulseWarningIns .75s infinite alternate
|
|
}
|
|
|
|
@charset "utf-8";* {
|
|
margin: 0;
|
|
padding: 0;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
:after,:before {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.container {
|
|
position: relative;
|
|
margin-right: auto;
|
|
margin-left: auto
|
|
}
|
|
|
|
.row {
|
|
position: relative;
|
|
margin: 10px auto 20px;
|
|
padding: 0
|
|
}
|
|
|
|
.clearfix:after,.clearfix:before,.container:after,.container:before,.row:after,.row:before {
|
|
display: table;
|
|
content: " ";
|
|
clear: both
|
|
}
|
|
|
|
.fix {
|
|
zoom:1}
|
|
|
|
.fix:after,.fix:before {
|
|
display: block;
|
|
content: "clear";
|
|
height: 0;
|
|
clear: both;
|
|
overflow: hidden;
|
|
visibility: hidden
|
|
}
|
|
|
|
.none {
|
|
display: none
|
|
}
|
|
|
|
.z {
|
|
float: left;
|
|
}
|
|
|
|
.y {
|
|
float: right;
|
|
}
|
|
|
|
ol,ul {
|
|
list-style: none
|
|
}
|
|
|
|
h1 {
|
|
font-size: 36px
|
|
}
|
|
|
|
h2 {
|
|
font-size: 32px
|
|
}
|
|
|
|
h3 {
|
|
font-size: 24px
|
|
}
|
|
|
|
h4 {
|
|
font-size: 18px
|
|
}
|
|
|
|
h5 {
|
|
font-size: 16px
|
|
}
|
|
|
|
h6 {
|
|
font-size: 14px
|
|
}
|
|
|
|
div {
|
|
cursor: default;
|
|
}
|
|
|
|
h1,h2,h3,h4,h5,h6 {
|
|
font-weight: 400
|
|
}
|
|
|
|
a,button {
|
|
color: #6f78a7;
|
|
text-decoration: none;
|
|
outline: 0;
|
|
-webkit-tap-highlight-color: transparent
|
|
}
|
|
|
|
a:hover {
|
|
color: #E91E63;
|
|
}
|
|
|
|
button {
|
|
border: 0
|
|
}
|
|
|
|
button:hover,input.btn {
|
|
cursor: pointer
|
|
}
|
|
|
|
a:active,a:focus,a:hover {
|
|
text-decoration: none
|
|
}
|
|
|
|
.input-text {
|
|
padding: 0 5px
|
|
}
|
|
|
|
img {
|
|
display: block;
|
|
max-width: 100%
|
|
}
|
|
|
|
body {
|
|
background-color: #e9faff;
|
|
color: #555;
|
|
font-size: 12px;
|
|
margin: 0 auto;
|
|
width: 1024px;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.detail-box .imgbox .flag,.topbar-addfavorite,.topbar-login .btn-submit,.topbar-sethome {
|
|
/* background: url("all.gif") no-repeat scroll 0 0 transparent */
|
|
}
|
|
|
|
.topbar {
|
|
background-color: #e1eced;
|
|
border-bottom: 1px solid #a6d3e8;
|
|
color: gray;
|
|
height: 29px;
|
|
min-width: 950px;
|
|
width: 100%;
|
|
font-size: 12px
|
|
}
|
|
|
|
.topbar-con {
|
|
line-height: 28px;
|
|
text-indent: 16px;
|
|
vertical-align: middle;
|
|
width: 1024px;
|
|
margin: 0 auto;
|
|
padding: 0 10px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.topbar-sethome {
|
|
background-position: 0 8px;
|
|
float: left;
|
|
margin-right: 20px
|
|
}
|
|
|
|
.topbar a {
|
|
color: gray
|
|
}
|
|
|
|
.topbar-addfavorite {
|
|
background-position: 0 -12px;
|
|
float: left
|
|
}
|
|
|
|
.topbar-right {
|
|
float: right;
|
|
font-size: 13px
|
|
}
|
|
|
|
.topbar-login .input-text {
|
|
border: 1px solid #a6d3e8;
|
|
height: 20px;
|
|
width: 90px;
|
|
margin: 4px 0;
|
|
vertical-align: top;
|
|
outline: 0 none;
|
|
margin-right: 15px
|
|
}
|
|
|
|
.topbar-login .btn-submit {
|
|
background-position: 0 -96px;
|
|
border: medium none;
|
|
color: #2a4e8a;
|
|
font-size: 12px;
|
|
height: 21px;
|
|
line-height: 21px;
|
|
text-align: center;
|
|
width: 51px;
|
|
vertical-align: top;
|
|
margin-top: 3px;
|
|
margin-right: 30px
|
|
}
|
|
|
|
.header {
|
|
height: 62px;
|
|
width: 1024px;
|
|
margin: auto;
|
|
position: relative
|
|
}
|
|
|
|
.header .logo a {
|
|
font-family: 楷体_GB2312,STKaiti;
|
|
display: block;
|
|
float: left;
|
|
height: 60px;
|
|
width: 250px;
|
|
line-height: 75px;
|
|
color: #0065b5;
|
|
font-size: 40px;
|
|
text-shadow: #8c8989 3px 3px 6px
|
|
}
|
|
|
|
.header .m-user {
|
|
display: none;
|
|
float: right
|
|
}
|
|
|
|
.header .btn {
|
|
color: #fff;
|
|
padding: 6px 10px;
|
|
margin-left: 10px;
|
|
border-radius: 3px;
|
|
background-color: #007bb1
|
|
}
|
|
|
|
.search-form {
|
|
float: left;
|
|
width: 520px;
|
|
margin: 20px auto auto 30px
|
|
}
|
|
|
|
.search-form #searchType {
|
|
height: 32px;
|
|
line-height: 32px;
|
|
box-sizing: border-box;
|
|
border: 1px solid #88c6e5;
|
|
color: #88c6e5;
|
|
padding: 0 3px;
|
|
}
|
|
|
|
.search-form .input-key {
|
|
border: 1px solid #a6d3e8;
|
|
font: 14px/32px arial;
|
|
height: 32px;
|
|
width: 320px
|
|
}
|
|
|
|
.search-form .btn-tosearch {
|
|
background: #ddd;
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
height: 32px;
|
|
width: 95px;
|
|
border: 0 none
|
|
}
|
|
|
|
.nav {
|
|
background: #88c6e5;
|
|
height: 40px;
|
|
overflow: hidden;
|
|
width: 1024px;
|
|
margin: 10px auto auto;
|
|
overflow: hidden;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.nav li {
|
|
float: left;
|
|
line-height: 40px
|
|
}
|
|
|
|
.nav li a {
|
|
color: #fff;
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
padding: 0 12px
|
|
}
|
|
|
|
.m-nav {
|
|
display: none;
|
|
height: 40px;
|
|
background: #4baacd;
|
|
line-height: 40px;
|
|
text-align: center;
|
|
border-bottom: 1px #4399b8 solid;
|
|
font-size: 14px;
|
|
padding: 0 10px;
|
|
border-top: 1px #5db3d2 solid;
|
|
position: relative
|
|
}
|
|
|
|
.m-nav li {
|
|
flex: 1 1 auto
|
|
}
|
|
|
|
.m-nav li a {
|
|
color: #fff
|
|
}
|
|
|
|
.m-nav .type-list {
|
|
width: 100%;
|
|
position: absolute;
|
|
z-index: 10;
|
|
background: #4caacd;
|
|
top: 40px;
|
|
left: 0;
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
text-align: left;
|
|
transition: max-height .3s ease
|
|
}
|
|
|
|
.m-nav .type-list a {
|
|
display: block;
|
|
padding-left: 22px;
|
|
border-bottom: 1px dashed #7db0c3
|
|
}
|
|
|
|
.m-nav .type-list-active {
|
|
max-height: 288px
|
|
}
|
|
|
|
.container {
|
|
width: 1024px
|
|
}
|
|
|
|
.layout,.layout2 {
|
|
background: #fef9ef;
|
|
border: 3px solid #c3dfea;
|
|
float: left;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
padding: 0 0 0
|
|
}
|
|
|
|
.layout2 {
|
|
border: 3px solid #88c6e5;
|
|
background: #e1eced
|
|
}
|
|
|
|
.row .layout-col1 {
|
|
width: 29%;
|
|
float: right
|
|
}
|
|
|
|
.row .layout-col2 {
|
|
width: 70%
|
|
}
|
|
|
|
.row .layout-col3 {
|
|
width: 100%
|
|
}
|
|
|
|
.layout-col2 .item {
|
|
width: 50%;
|
|
padding: 5px 0 5px 10px;
|
|
float: left
|
|
}
|
|
|
|
.layout-col2 .item .image {
|
|
width: 124px;
|
|
max-height: 154px;
|
|
overflow: hidden;
|
|
float: left
|
|
}
|
|
|
|
.layout-col2 .item .image img {
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
padding: 1px;
|
|
width: 124px;
|
|
height: 154px
|
|
}
|
|
|
|
.layout-col2 .item dl {
|
|
float: right;
|
|
width: 200px;
|
|
padding: 0 10px
|
|
}
|
|
|
|
.layout-col2 .item dl dt {
|
|
border-bottom: 1px dotted #a6d3e8;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.layout-col2 .item dl dt span {
|
|
color: #b3b3b3;
|
|
float: right;
|
|
font-weight: 400
|
|
}
|
|
|
|
.layout-col2 .item dl dd {
|
|
line-height: 20px;
|
|
overflow: hidden;
|
|
text-indent: 2em;
|
|
padding: 7px 0 0
|
|
}
|
|
|
|
.layout-col3 .item {
|
|
width: 33.33%;
|
|
padding: 10px 0 10px 10px;
|
|
float: left
|
|
}
|
|
|
|
.layout-col3 .item:nth-child(n+4) {
|
|
padding-top: 0
|
|
}
|
|
|
|
.layout-col3 .item .image {
|
|
width: 114px
|
|
}
|
|
|
|
.layout-col3 .item .image {
|
|
width: 124px;
|
|
max-height: 154px;
|
|
overflow: hidden;
|
|
float: left
|
|
}
|
|
|
|
.layout-col3 .item .image img {
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
padding: 1px;
|
|
width: 124px;
|
|
height: 154px
|
|
}
|
|
|
|
.layout-col3 .item dl {
|
|
float: right;
|
|
width: 200px;
|
|
padding: 0 10px
|
|
}
|
|
|
|
.layout-col3 .item dl dt {
|
|
border-bottom: 1px dotted #a6d3e8;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.layout-col3 .item dl dt span {
|
|
color: #b3b3b3;
|
|
float: right;
|
|
font-weight: 400
|
|
}
|
|
|
|
.layout-col3 .item dl dd {
|
|
line-height: 20px;
|
|
overflow: hidden;
|
|
text-indent: 2em;
|
|
padding: 7px 0 0
|
|
}
|
|
|
|
.layout-tit {
|
|
background-color: #e1eced;
|
|
border-bottom: 1px solid #ddd;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
overflow: hidden;
|
|
margin: 0;
|
|
padding: 0 10px
|
|
}
|
|
|
|
.layout2 .layout-tit {
|
|
margin: 0;
|
|
overflow: hidden;
|
|
padding: 0 0 0 10px;
|
|
background-color: #a6d3e8;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
border-bottom: solid 1px #ddd
|
|
}
|
|
|
|
.txt-list {
|
|
padding: 4px 10px
|
|
}
|
|
|
|
.txt-list li {
|
|
border-bottom: 1px solid #ddd;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.txt-list li span {
|
|
float: left
|
|
}
|
|
|
|
.txt-list li a {
|
|
color: #6f78a7
|
|
}
|
|
|
|
.txt-list .s1 {
|
|
width: 60px
|
|
}
|
|
|
|
.txt-list .s5 {
|
|
float: right
|
|
}
|
|
|
|
.txt-list-row5 .s1 {
|
|
width: 75px
|
|
}
|
|
|
|
.txt-list-row5 .s2 {
|
|
width: 165px
|
|
}
|
|
|
|
.txt-list-row5 .s3 {
|
|
width: 280px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.txt-list-row5 .s4 {
|
|
color: #b3b3b3;
|
|
width: 90px;
|
|
text-align: right
|
|
}
|
|
|
|
.txt-list-row5 .s5 {
|
|
color: #b3b3b3
|
|
}
|
|
|
|
.tp-box {
|
|
width: 33.33%;
|
|
float: left;
|
|
border-right: dotted 1px #a6d3e8
|
|
}
|
|
|
|
.tp-box:last-child {
|
|
border-right: none
|
|
}
|
|
|
|
.tp-box h2 {
|
|
background-color: #f6f8fe;
|
|
border-bottom: solid 1px #a6d3e8;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
padding-left: 10px;
|
|
line-height: 26px;
|
|
height: 26px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.tp-box .top {
|
|
overflow: hidden
|
|
}
|
|
|
|
.tp-box .top .image {
|
|
padding: 10px 0 0 10px;
|
|
float: left
|
|
}
|
|
|
|
.tp-box .top .image img {
|
|
width: 72px;
|
|
height: 86px;
|
|
border: solid 1px #ddd;
|
|
padding: 1px;
|
|
background-color: #fff
|
|
}
|
|
|
|
.tp-box .top dl {
|
|
padding: 10px 10px 0;
|
|
float: right;
|
|
width: 240px
|
|
}
|
|
|
|
.tp-box .top dl dt {
|
|
height: 25px;
|
|
line-height: 25px;
|
|
overflow: hidden;
|
|
font-weight: 700
|
|
}
|
|
|
|
.tp-box .top dl dd {
|
|
line-height: 20px;
|
|
height: 60px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.tp-box ul {
|
|
padding: 10px 10px 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.tp-box ul li {
|
|
border-bottom: solid 1px #ddd;
|
|
color: #b3b3b3;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
font-size: 12px;
|
|
overflow: hidden;
|
|
float: left;
|
|
width: 50%
|
|
}
|
|
|
|
.tp-box ul li a {
|
|
font-size: 13px
|
|
}
|
|
|
|
.pc-footer {
|
|
border-top: 2px solid #88c6e5;
|
|
text-align: center;
|
|
width: 1024px;
|
|
margin: 0 auto;
|
|
line-height: 24px;
|
|
padding: 10px 0
|
|
}
|
|
|
|
.m-footer {
|
|
display: none;
|
|
padding: 15px 10px;
|
|
text-align: center;
|
|
line-height: 33px;
|
|
background: #68aac2;
|
|
position: relative;
|
|
font-size: 14px
|
|
}
|
|
|
|
.m-footer a {
|
|
margin: 0 5px;
|
|
color: #c5d7df;
|
|
text-shadow: 1px 1px #3e86a8;
|
|
flex: 1 1 auto
|
|
}
|
|
|
|
.xs-show {
|
|
display: none
|
|
}
|
|
|
|
.aznav {
|
|
display: none
|
|
}
|
|
|
|
.grid {
|
|
width: 90%;
|
|
max-width: 580px;
|
|
margin: 50px auto;
|
|
border: 2px solid #c3dfea;
|
|
border-collapse: collapse;
|
|
padding: 3px;
|
|
font-size: 14px
|
|
}
|
|
|
|
.grid caption {
|
|
background-color: #e1eced;
|
|
border: solid 2px #c3dfea;
|
|
border-bottom: 0;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
margin: auto;
|
|
padding-bottom: 5px;
|
|
padding-top: 5px;
|
|
text-align: center;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.grid td {
|
|
background-color: #fff!important;
|
|
border: 1px solid #c3dfea;
|
|
padding: 8px 10px;
|
|
position: relative
|
|
}
|
|
|
|
.grid .td-width {
|
|
width: 22%
|
|
}
|
|
|
|
.grid .select,.grid input {
|
|
border: 1px solid #a6d3e8;
|
|
font: 14px/32px arial;
|
|
height: 32px;
|
|
margin-right: 5px;
|
|
padding: 0 10px;
|
|
border-radius: 4px;
|
|
background: #fff
|
|
}
|
|
|
|
.grid .select,.grid .text {
|
|
width: 80%
|
|
}
|
|
|
|
.grid .select:focus,.grid input:focus {
|
|
border-color: #66afe9;
|
|
outline: 0;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
|
|
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
|
|
}
|
|
|
|
.red {
|
|
color: red
|
|
}
|
|
|
|
@media (max-width: 1024px) {
|
|
.grid {
|
|
margin:0 10px;
|
|
max-width: 100%;
|
|
width: calc(100% - (20px))
|
|
}
|
|
|
|
.grid .td-width {
|
|
width: 32%
|
|
}
|
|
|
|
.grid .select,.grid .text {
|
|
width: 100%
|
|
}
|
|
|
|
.grid .must {
|
|
position: absolute;
|
|
top: 15px;
|
|
left: 3px
|
|
}
|
|
}
|
|
|
|
.row-detail .layout-col1,.row-rank .layout-col1,.row-section .layout-col1 {
|
|
width: 253px;
|
|
margin-right: 4px;
|
|
margin-bottom: 10px;
|
|
float: left;
|
|
padding-bottom: 0;
|
|
border: 2px solid #88c6e5
|
|
}
|
|
|
|
.row-rank .mr0 {
|
|
margin-right: 0
|
|
}
|
|
|
|
.row-detail .layout-tit,.row-rank .layout-tit {
|
|
border-bottom: 1px solid #88c6e5
|
|
}
|
|
|
|
.tab-hd {
|
|
float: right
|
|
}
|
|
|
|
.tab-hd li {
|
|
font-weight: 400;
|
|
cursor: pointer;
|
|
float: left;
|
|
height: 31px;
|
|
line-height: 31px;
|
|
overflow: hidden;
|
|
color: #999;
|
|
padding: 0 8px
|
|
}
|
|
|
|
.tab-hd .active {
|
|
color: #333;
|
|
border-bottom: 2px solid #88c6e5
|
|
}
|
|
|
|
.row-rank .txt-list li {
|
|
border-bottom: 0 none
|
|
}
|
|
|
|
.row-rank .txt-list .s1 {
|
|
max-width: 26px;
|
|
font-style: italic;
|
|
color: #999;
|
|
font-family: Verdana
|
|
}
|
|
|
|
.row-rank .txt-list .s2 {
|
|
width: 142px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.row-rank .txt-list .s5 {
|
|
width: 36px;
|
|
font-family: Verdana;
|
|
color: #999;
|
|
text-align: right
|
|
}
|
|
|
|
@media (max-width: 1024px) {
|
|
.row-rank .txt-list .s1 {
|
|
width:10%
|
|
}
|
|
|
|
.row-rank .txt-list .s2 {
|
|
width: 75%
|
|
}
|
|
|
|
.row-rank .txt-list .s5 {
|
|
width: 15%
|
|
}
|
|
}
|
|
|
|
.history-table {
|
|
width: 100%;
|
|
margin: 20px auto;
|
|
border: 3px solid #a6d3e8;
|
|
background: #fef9ef;
|
|
text-align: left;
|
|
border-spacing: 0
|
|
}
|
|
|
|
.history-table caption {
|
|
margin: 0;
|
|
text-align: left;
|
|
background-color: #a6d3e8;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
overflow: hidden;
|
|
padding: 0 0 0 10px
|
|
}
|
|
|
|
.history-table th {
|
|
font-size: 14px
|
|
}
|
|
|
|
.history-table td,.history-table th {
|
|
padding: 10px;
|
|
border-bottom: solid 1px #ddd
|
|
}
|
|
|
|
@media (max-width: 1024px) {
|
|
.history-box {
|
|
padding:10px
|
|
}
|
|
|
|
.history-table {
|
|
margin: 0 auto;
|
|
border-width: 1px
|
|
}
|
|
|
|
.history-table td,.history-table th {
|
|
padding: 8px
|
|
}
|
|
}
|
|
|
|
.row-detail {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.row-detail .layout-col1,.row-section .layout-col1 {
|
|
width: 100%;
|
|
float: none;
|
|
background: 0 0
|
|
}
|
|
|
|
.row-detail .layout-tit {
|
|
font-size: 12px;
|
|
font-weight: 400
|
|
}
|
|
|
|
.detail-box .imgbox {
|
|
background-color: #e1eced;
|
|
float: left;
|
|
width: 150px;
|
|
margin: 12px;
|
|
padding: 12px;
|
|
position: relative
|
|
}
|
|
|
|
.detail-box .imgbox img {
|
|
height: 150px;
|
|
width: 120px;
|
|
margin: 3px
|
|
}
|
|
|
|
.detail-box .imgbox .flag {
|
|
top: 8px;
|
|
right: 8px;
|
|
width: 88px;
|
|
height: 88px;
|
|
position: absolute;
|
|
z-index: 999;
|
|
background-position: 0 -294px
|
|
}
|
|
|
|
.detail-box .imgbox .flag-over {
|
|
background-position: 0 -206px
|
|
}
|
|
|
|
.detail-box .info {
|
|
float: left;
|
|
width: 780px;
|
|
font-size: 15px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.detail-box .info .top {
|
|
padding: 0 10px
|
|
}
|
|
|
|
.detail-box h1 {
|
|
font-family: '黑体';
|
|
font-size: 28px;
|
|
font-weight: 700;
|
|
overflow: hidden;
|
|
margin: auto;
|
|
margin-top: 7px
|
|
}
|
|
|
|
.detail-box .info p {
|
|
height: 26px;
|
|
line-height: 26px;
|
|
width: 350px;
|
|
margin: auto;
|
|
float: left;
|
|
overflow: hidden
|
|
}
|
|
|
|
.detail-box .desc {
|
|
overflow: hidden;
|
|
line-height: 150%;
|
|
border-top: 1px dashed #88c6e5;
|
|
padding: 10px;
|
|
font-size: 13px;
|
|
height: 90px;
|
|
line-height: 20px
|
|
}
|
|
|
|
.row-section .layout-tit {
|
|
text-align: center;
|
|
font-weight: 400;
|
|
border-bottom-color: #c3dfea;
|
|
background: #c3dfea
|
|
}
|
|
|
|
.section-list h3 {
|
|
display: block;
|
|
padding: 10px;
|
|
font-size: 16px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.section-list ul {
|
|
overflow: hidden
|
|
}
|
|
|
|
.section-list li {
|
|
width: 25%;
|
|
padding-left: 10px;
|
|
height: 38px;
|
|
line-height: 38px;
|
|
border-bottom: 1px dashed #ccc;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
float: left;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.section-list li a {
|
|
color: #444
|
|
}
|
|
|
|
.section-list li a:visited {
|
|
color: #d6d6d6;
|
|
}
|
|
|
|
.section-list li a:hover {
|
|
color: #E91E63;
|
|
}
|
|
|
|
.reader-fun {
|
|
float: right
|
|
}
|
|
|
|
.reader-fun .select {
|
|
width: 60px;
|
|
outline: 0 none;
|
|
vertical-align: middle;
|
|
margin: -3px 4px 0 0
|
|
}
|
|
|
|
.reader-main {
|
|
position: relative
|
|
}
|
|
|
|
.reader-main .title {
|
|
padding: 20px 20px 10px;
|
|
font: 25px/35px '黑体';
|
|
text-align: center
|
|
}
|
|
|
|
.reader-main .section-opt {
|
|
text-align: center;
|
|
font-size: 14px;
|
|
padding: 15px 0;
|
|
border-bottom: 1px dashed #88c6e5
|
|
}
|
|
|
|
.reader-main .m-bottom-opt {
|
|
border-top: 1px dashed #88c6e5;
|
|
border-bottom: 0 none;
|
|
margin-top: 10px
|
|
}
|
|
|
|
.reader-main .section-opt a {
|
|
margin: 0 10px;
|
|
color: #085308
|
|
}
|
|
|
|
.reader-main .content {
|
|
font-size: 24px;
|
|
line-height: 200%;
|
|
padding-top: 15px;
|
|
width: 85%;
|
|
margin: auto;
|
|
text-align: justify
|
|
}
|
|
|
|
.m-setting {
|
|
display: none;
|
|
padding: 10px;
|
|
font-size: 12px;
|
|
overflow: hidden;
|
|
background-color: #ececec;
|
|
border-bottom: 1px solid #ddd
|
|
}
|
|
|
|
.m-setting .font-box span {
|
|
border: 1px solid #0065b5;
|
|
float: left;
|
|
padding: 2px 5px;
|
|
margin-left: 5px;
|
|
border-radius: 3px;
|
|
color: #0065b5
|
|
}
|
|
|
|
.m-setting .btn-setbg {
|
|
float: right;
|
|
border: 1px solid #0065b5;
|
|
padding: 2px 5px;
|
|
margin-left: 8px;
|
|
border-radius: 5px;
|
|
color: #0065b5
|
|
}
|
|
|
|
.m-setting .btn-setbg.active,.m-setting .font-box .active {
|
|
background: #a7a7a7
|
|
}
|
|
|
|
#reader-m-fix .search-form {
|
|
display: none
|
|
}
|
|
|
|
#reader-m-fix .m-nav {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.fl,.row .fl {
|
|
float: left
|
|
}
|
|
|
|
.fr,.row .fr {
|
|
float: right
|
|
}
|
|
|
|
.btn-addbs {
|
|
display: block;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
line-height: 35px;
|
|
margin: 20px auto;
|
|
color: red
|
|
}
|
|
|
|
.posterror {
|
|
text-align: center;
|
|
font-size: 16px!important;
|
|
line-height: 24px;
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
@media (max-width: 1024px) {
|
|
.m-setting {
|
|
display:block
|
|
}
|
|
|
|
.reader-main .title {
|
|
padding: 50px 10px 10px;
|
|
font: bold 20px/26px '黑体'
|
|
}
|
|
|
|
.reader-main .section-opt {
|
|
position: absolute;
|
|
top: -11px;
|
|
left: 0;
|
|
width: 100%;
|
|
border: 0 none;
|
|
padding: 0
|
|
}
|
|
|
|
.reader-main .section-opt a {
|
|
float: left;
|
|
width: 25%;
|
|
margin: 0;
|
|
padding: 8px;
|
|
background-color: #f4f0e9;
|
|
color: green;
|
|
border: 1px solid #ece6da
|
|
}
|
|
|
|
.reader-main .content {
|
|
width: 100%;
|
|
padding: 10px;
|
|
font-size: 20px
|
|
}
|
|
|
|
.row-reader .layout-col1 {
|
|
border: 0 none;
|
|
overflow: visible
|
|
}
|
|
|
|
.reader-main .m-bottom-opt {
|
|
display: block;
|
|
position: relative;
|
|
margin-top: 30px
|
|
}
|
|
}
|
|
|
|
.nightmode {
|
|
background: #32373b
|
|
}
|
|
|
|
.nightmode .reader-main {
|
|
color: #999
|
|
}
|
|
|
|
.nightmode .section-opt a {
|
|
background-color: #3e4245;
|
|
color: #ccc;
|
|
border: 1px solid #313538
|
|
}
|
|
|
|
.huyanmode {
|
|
background: #dcecd2
|
|
}
|
|
|
|
.huyanmode .reader-main {
|
|
color: #3b3b3b
|
|
}
|
|
|
|
.huyanmode .section-opt a {
|
|
background-color: #cce2bf;
|
|
color: green;
|
|
border: 1px solid #bbd6aa
|
|
}
|
|
|
|
.pagination {
|
|
width: auto;
|
|
overflow: hidden;
|
|
font-size: 13px;
|
|
margin: 20px 0
|
|
}
|
|
|
|
.pagination-mga {
|
|
display: table;
|
|
margin: 4px auto 10px
|
|
}
|
|
|
|
.pagination li {
|
|
width: auto;
|
|
border: 1px solid #ddd;
|
|
border-left: none;
|
|
background: #fdf9ef;
|
|
float: left
|
|
}
|
|
|
|
.pagination li:first-child {
|
|
border-left: 1px solid #ddd;
|
|
border-radius: 3px 0 0 3px;
|
|
cursor: default
|
|
}
|
|
|
|
.pagination li:last-child {
|
|
border-radius: 0 3px 3px 0
|
|
}
|
|
|
|
.pagination .hd,.pagination a {
|
|
display: inline;
|
|
padding: 6px 12px
|
|
}
|
|
|
|
.pagination .active a,.pagination a:hover {
|
|
color: #fff;
|
|
border-color: #a6d3e8;
|
|
background: #a6d3e8
|
|
}
|
|
|
|
.listpage {
|
|
margin: 10px;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.listpage span {
|
|
height: 36px;
|
|
line-height: 36px;
|
|
text-align: center
|
|
}
|
|
|
|
.listpage .left {
|
|
float: left;
|
|
width: 25%
|
|
}
|
|
|
|
.listpage .left a,.listpage .right a {
|
|
display: inline-block;
|
|
height: 36px;
|
|
width: 90%
|
|
}
|
|
|
|
.listpage .left a {
|
|
float: left
|
|
}
|
|
|
|
.listpage .right a {
|
|
float: right
|
|
}
|
|
|
|
.listpage .right {
|
|
float: right;
|
|
width: 25%
|
|
}
|
|
|
|
.listpage .middle {
|
|
width: 49%;
|
|
border: 1px solid #dfdfdf;
|
|
height: 34px;
|
|
display: block;
|
|
float: left;
|
|
border-radius: 5px
|
|
}
|
|
|
|
.listpage .middle em {
|
|
display: inline-block;
|
|
width: 80%;
|
|
text-align: center;
|
|
color: #999;
|
|
font-style: normal;
|
|
float: left;
|
|
line-height: 36px;
|
|
height: 30px
|
|
}
|
|
|
|
.listpage .middle a {
|
|
display: inline-block;
|
|
float: left;
|
|
width: 19%;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.listpage .middle select {
|
|
border: none;
|
|
color: #999;
|
|
display: inline-block;
|
|
float: left;
|
|
font-style: normal;
|
|
height: 34px;
|
|
line-height: 34px;
|
|
text-align: center;
|
|
width: 100%
|
|
}
|
|
|
|
.listpage .onclick {
|
|
background: #4baacd;
|
|
color: #fff
|
|
}
|
|
|
|
.listpage .before {
|
|
background: #cecece;
|
|
color: #fff
|
|
}
|
|
|
|
.index-container {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 10px
|
|
}
|
|
|
|
#indexselect {
|
|
width: 49%;
|
|
margin: 0 1rem;
|
|
text-indent: 5px;
|
|
border: none;
|
|
border-bottom: 1px solid #108ee9;
|
|
background: #fff;
|
|
outline: 0
|
|
}
|
|
|
|
.index-container-btn {
|
|
background: #4baacd;
|
|
color: #fff;
|
|
border-radius: 3px;
|
|
height: 34px;
|
|
line-height: 34px;
|
|
text-align: center;
|
|
display: block;
|
|
width: 25%
|
|
}
|
|
|
|
.MjYwMQ {
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
height: 3.76rem;
|
|
padding: .76rem 6rem 0 4rem;
|
|
margin: 0 0;
|
|
border-top: #ddd 1px solid;
|
|
border-bottom: #ddd 1px solid;
|
|
background-color: #fff
|
|
}
|
|
|
|
.MjYwMQ .icon-app-logo {
|
|
position: absolute;
|
|
top: .6rem;
|
|
left: 1rem;
|
|
font-size: 1.5rem;
|
|
color: #fff;
|
|
border-radius: .38rem;
|
|
background-color: #68aac2;
|
|
padding: 3px
|
|
}
|
|
|
|
.MjYwMQ .btn-primary-small {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 1rem;
|
|
bottom: 0;
|
|
height: 1.6rem;
|
|
margin: auto;
|
|
font-size: .88rem;
|
|
line-height: 1.6rem;
|
|
padding-right: 2ch;
|
|
padding-left: 2ch;
|
|
text-align: center;
|
|
color: #fff;
|
|
border-radius: 1.6rem;
|
|
background-color: #68aac2
|
|
}
|
|
|
|
.icon-app-logo>svg {
|
|
width: 32px;
|
|
height: 32px;
|
|
vertical-align: -.25ex;
|
|
fill: currentColor
|
|
}
|
|
|
|
.lnr {
|
|
width: 24px;
|
|
height: 24px;
|
|
fill: currentColor
|
|
}
|
|
|
|
.footer-app-h {
|
|
font-size: .88rem
|
|
}
|
|
|
|
.footer-app-p {
|
|
font-size: .76rem;
|
|
color: #969ba3
|
|
}
|
|
|
|
.hotcmd-wp {
|
|
padding: 20px 0;
|
|
background: #fff;
|
|
max-width: 1024px;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.hotcmd-wp .cmd-hd {
|
|
display: flex;
|
|
color: #989898;
|
|
justify-content: center;
|
|
align-items: center
|
|
}
|
|
|
|
.hotcmd-wp .cmd-hd i {
|
|
width: 40px;
|
|
height: 1px;
|
|
background: #dadada
|
|
}
|
|
|
|
.hotcmd-wp .cmd-hd span {
|
|
font-size: 16px;
|
|
margin: 0 15px
|
|
}
|
|
|
|
.hotcmd-wp .cmd-bd {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
padding: 20px 10px 0
|
|
}
|
|
|
|
.hotcmd-wp .cmd-bd .item {
|
|
flex: 0 0 48%;
|
|
padding: 8px 10px;
|
|
border-radius: 5px;
|
|
font-size: 14px;
|
|
background-color: #f5f5f5;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
margin-bottom: 10px;
|
|
color: #444;
|
|
text-align: center
|
|
}
|
|
|
|
.hotcmd-box {
|
|
padding: 10px 10px 0 10px;
|
|
font-size: 14px;
|
|
line-height: 1.8
|
|
}
|
|
|
|
.hotcmd-box a {
|
|
display: inline-block
|
|
}
|
|
|
|
.first_txt {
|
|
font-size: 14px;
|
|
box-sizing: border-box;
|
|
padding: 20px;
|
|
text-indent: 20px;
|
|
}
|
|
|
|
.first_txt>p {
|
|
text-indent: 2em;
|
|
line-height: 24px;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.btn-mulu {
|
|
padding: 10px;
|
|
display: block;
|
|
width: 160px;
|
|
text-align: center;
|
|
margin: 10px auto;
|
|
border-radius: 5px;
|
|
background: #03A9F4;
|
|
color: #fff;
|
|
font-size: 16px;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.btn-mulu:hover {
|
|
background: #3f51b5;
|
|
}
|
|
|
|
.page_num {
|
|
text-align: center;
|
|
font-size: 14px;
|
|
box-sizing: border-box;
|
|
padding: 10px;
|
|
width: 330px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.page_num select {
|
|
padding: 0 10px;
|
|
height: 34px;
|
|
line-height: 35px;
|
|
box-sizing: border-box;
|
|
border: 1px solid #2196F3;
|
|
background: #fff;
|
|
border-radius: 5px;
|
|
margin: 0 10px;
|
|
width: 140px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.page_num a {
|
|
height: 34px;
|
|
line-height: 35px;
|
|
padding: 0 15px;
|
|
display: block;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
background: #2196F3;
|
|
color: #fff;
|
|
border-radius: 5px;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.page_num a:hover {
|
|
background: #E91E63;
|
|
}
|
|
|
|
.sort_page_num {
|
|
text-align: center;
|
|
}
|
|
|
|
.sort_page_num>a {
|
|
padding: 5px 10px;
|
|
background: #4ab2e6;
|
|
margin: 5px;
|
|
color: #fff;
|
|
}
|
|
|
|
.sort_page_num>a.prev_off {
|
|
background: #eee;
|
|
}
|
|
|
|
.sort_page_num>a:hover,.sort_page_num>a.page_on {
|
|
background: #3F51B5;
|
|
}
|
|
|
|
.word_read {
|
|
box-sizing: border-box;
|
|
padding: 20px;
|
|
font-size: 14px;
|
|
background: #f9f9f9;
|
|
}
|
|
|
|
.word_read>p {
|
|
text-indent: 2em;
|
|
padding-bottom: 1.5em;
|
|
font-size: 18px;
|
|
line-height: 1.5em;
|
|
}
|
|
|
|
.word_read>h3 {
|
|
text-align: center;
|
|
color: #085d88;
|
|
letter-spacing: 0.1em;
|
|
}
|
|
|
|
.read_btn {
|
|
box-sizing: border-box;
|
|
padding: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.read_btn>a {
|
|
padding: 5px 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.read_btn>a:hover {
|
|
color: #E91E63;
|
|
}
|
|
|
|
.dvfd {
|
|
background: #fff;
|
|
width: 200px;
|
|
height: 140px;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin-top: -70px;
|
|
margin-left: -100px;
|
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
|
|
text-align: center;
|
|
border-radius: 5px;
|
|
z-index: 99999;
|
|
position: fixed;
|
|
}
|
|
|
|
.dvfd .red {
|
|
display: block;
|
|
margin: 35px 0 15px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.dvfd .qdbtn {
|
|
background: #03A9F4;
|
|
display: inline-block;
|
|
padding: 5px 30px;
|
|
color: #fff;
|
|
border-radius: 3px;
|
|
font-size: 16px;
|
|
border: solid 1px #2196F3;
|
|
}
|
|
|
|
.dvfd .qdbtn:hover {
|
|
background: #F44336;
|
|
border: solid 1px #E91E63;
|
|
}
|
|
|
|
#qs_login a {
|
|
padding: 0 5px;
|
|
margin: 0 5px;
|
|
}
|
|
|
|
.novel_login .login {
|
|
line-height: 50px;
|
|
background: #fff;
|
|
overflow: hidden;
|
|
padding: 10px;
|
|
box-sizing: border-box;
|
|
border: 1px solid #ebf1f3;
|
|
margin: 50px auto;
|
|
width: 350px;
|
|
position: relative;
|
|
}
|
|
|
|
.novel_login .login h2 {
|
|
font-size: 18px;
|
|
text-align: center;
|
|
height: 34px;
|
|
line-height: 24px;
|
|
border-bottom: 1px solid #eee;
|
|
color: #2c7498;
|
|
letter-spacing: 0.5em;
|
|
}
|
|
|
|
.novel_login .login a {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
color: #F44336;
|
|
}
|
|
|
|
.novel_login .login i {
|
|
position: absolute;
|
|
left: 29%;
|
|
}
|
|
|
|
.novel_login .login input[type="text"],.login input[type="password"] {
|
|
width: 220px;
|
|
padding: 0px;
|
|
border: none;
|
|
outline: medium;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
padding-left: 10px;
|
|
background: #F7F7F7;
|
|
}
|
|
|
|
.novel_login .login_name,.login_pass,.login_email,.login_code {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.novel_login .login .l1,.login .l2 {
|
|
float: left;
|
|
}
|
|
|
|
.login_xs #logintips {
|
|
text-align: center;
|
|
color: #de2900;
|
|
}
|
|
|
|
.novel_login .login .l1 {
|
|
width: 75px;
|
|
text-align: right;
|
|
}
|
|
|
|
.novel_login .login .l2 {
|
|
width: 100%;
|
|
text-align: left;
|
|
position: absolute;
|
|
box-sizing: border-box;
|
|
padding-left: 100px;
|
|
right: 10px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.novel_login .login_name input {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
.novel_login .login_pass input {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
.novel_login .login_code input {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
.novel_login .login_code2 {
|
|
margin: 0;
|
|
padding: 0 0 10px;
|
|
text-align: center;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
.novel_login .login_code2>img {
|
|
display: block;
|
|
margin: 20px auto 0;
|
|
cursor: pointer;
|
|
width: 150px;
|
|
}
|
|
|
|
.novel_login .login_btn {
|
|
text-align: center;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.novel_login .login_btn a {
|
|
display: block;
|
|
color: #fff;
|
|
border-radius: 2px;
|
|
text-align: center;
|
|
margin: 20px 60px;
|
|
box-sizing: border-box;
|
|
border: 1px solid #2196F3;
|
|
color: #2196F3;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.novel_login .login_btn a.ok {
|
|
color: #fff;
|
|
background: #03A9F4;
|
|
}
|
|
|
|
.novel_login .login_btn a.ok:hover {
|
|
background: #3F51B5;
|
|
border: 1px solid #3F51B5;
|
|
}
|
|
|
|
.novel_login .login .login_save {
|
|
width: 20px;
|
|
height: 20px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.novel_login .login_code {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.novel_mybook .txt-list-row5 .s1 {
|
|
width: 115px;
|
|
}
|
|
|
|
.novel_mybook .txt-list-row5 .s2 {
|
|
width: 115px;
|
|
}
|
|
|
|
.novel_mybook .txt-list-row5 .s4 {
|
|
width: 280px;
|
|
text-align: left;
|
|
}
|
|
|
|
.novel_mybook .txt-list-row5 .s5>a {
|
|
display: inline-block;
|
|
padding: 0 10px;
|
|
margin: 0 10px;
|
|
background: #03A9F4;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
border-radius: 3px;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.novel_mybook .txt-list-row5 .s5>a.xsdel {
|
|
background: #F44336;
|
|
}
|
|
|
|
.novel_mybook .txt-list-row5 .s5>a:hover {
|
|
background: #673AB7;
|
|
}
|
|
|
|
.novel_tmpbook .txt-list-row5 .s1 {
|
|
width: 258px;
|
|
}
|
|
|
|
.novel_tmpbook .txt-list-row5 .s2 {
|
|
width: 150px;
|
|
}
|
|
|
|
.novel_tmpbook .txt-list-row5 .s3 {
|
|
width: 280px;
|
|
text-align: left;
|
|
}
|
|
|
|
.novel_tmpbook .txt-list-row5 .s5 {
|
|
text-align: center;
|
|
width: 280px;
|
|
}
|
|
|
|
.novel_tmpbook .txt-list-row5 .s5>a {
|
|
display: inline-block;
|
|
padding: 0 10px;
|
|
margin: 0 10px;
|
|
background: #03A9F4;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
border-radius: 3px;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.novel_tmpbook .txt-list-row5 .s5>a.xsdel {
|
|
background: #F44336;
|
|
}
|
|
|
|
.novel_tmpbook .txt-list-row5 .s5>a.a3 {
|
|
background: #00c3b1;
|
|
}
|
|
|
|
.novel_tmpbook .txt-list-row5 .s5>a:hover {
|
|
background: #673AB7;
|
|
}
|
|
|
|
.tag_news {
|
|
/* height: 70px; */
|
|
}
|
|
|
|
.tag_news>a {
|
|
padding: 0 5px
|
|
}
|
|
|
|
.sort_nav {
|
|
padding: 10px;
|
|
background: #e1eced;
|
|
border: 3px solid #88c6e5;
|
|
}
|
|
|
|
.sort_nav>p {
|
|
height: 36px;
|
|
line-height: 36px;
|
|
font-size: 16px;
|
|
border-bottom: 1px dashed #ddd;
|
|
padding: 0 5px;
|
|
color: #2196F3;
|
|
}
|
|
|
|
.sort_nav>p>a {
|
|
padding: 0 8px;
|
|
color: #666;
|
|
}
|
|
|
|
.sort_nav>p>a.on {
|
|
color: #F44336;
|
|
}
|
|
|
|
.sort_nav>p>a:hover {
|
|
color: #ff8018;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* page :start */
|
|
.pagination-box {
|
|
float: left;
|
|
width: 100%;
|
|
text-align: center;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.pagination-box ul {
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
/* 分页样式颜色 */
|
|
/* .pagination-box .pagination .page-item .page-link{
|
|
color: #6b28ef;
|
|
}
|
|
.pagination-box .pagination .active .page-link{
|
|
color: #fff;
|
|
background-color: #6b28ef;
|
|
border-color: #6b28ef;
|
|
} */
|
|
.pagination-box .pagination .page-item input {
|
|
width: 50px;
|
|
text-align: center;
|
|
}
|
|
|
|
.page-link {
|
|
user-select: none;
|
|
}
|
|
|
|
.page-link:focus {
|
|
box-shadow: 0 0 0 0 !important;
|
|
}
|
|
|
|
.last_page_p {
|
|
color: #666;
|
|
margin-top: 6px;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.jump-box {
|
|
float: left;
|
|
width: 100%;
|
|
position: relative;
|
|
top: 0px;
|
|
box-sizing: border-box;
|
|
text-align: center;
|
|
}
|
|
|
|
.jump-box input {
|
|
float: left;
|
|
width: 45%;
|
|
height: 31px;
|
|
text-align: center;
|
|
margin-left: calc(25% - 25px);
|
|
border-radius: 4px;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.jump-box input:hover {
|
|
background-color: #fff;
|
|
border: 1px solid #007bff;
|
|
}
|
|
|
|
.jump-box input:focus {
|
|
text-shadow: 0;
|
|
}
|
|
|
|
.jump-box .btn {
|
|
float: left;
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
height: 31px;
|
|
margin: 0;
|
|
font-size: 12px;
|
|
}
|
|
/* page end */
|
|
|
|
.novel_search_page h1{font-size: 1rem;text-align: center;margin-bottom: 1rem;}
|
|
.novel_search_page .search_tip{font-size: 0.8rem;text-align: center;margin-bottom: 1rem;}
|
|
.novel_search_page h1 span{color:red;}
|
|
|
|
.active_nav_btn a {
|
|
color: #F44336!important;
|
|
} |