.loadingpanel {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
display: none;
z-index: 999;
}
.loadingpanel.active {
display: block;
}
.loadingpanel div {
position: relative;
top: 25%;
text-align: center;
}
.loadingpanel div > div {
width: fit-content;
color: #333;
font-size: 20px;
padding: 5px 15px 20px 15px;
background-color:rgba(245,245,245,.9);
border-radius:10px;
display: inline-block;
}
.loadingpanel div info {
color: #333;
line-height: 19px;
font-size: 15px;
margin-top:3px;
display: block;
}
.loadingpanel * {
vertical-align: middle;
}
.loadingpanel::after{
content: " ";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255,255,255,.5);
display: block;
z-index: -1;
}
body {
position: relative;
background-color: #5174cb;
}
body.VODM104639 {
background-color: #015958;
}
body.VODM727759 {
background-color: #BBA47A;
}
body.VODM194200 {
background-color: #E87C7B;
}
body.VODM127672 {
background-color: #646273;
}
body.VODM587818 {
background-color: #00060D;
}
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
background: #f3f3f3;
}
::-webkit-scrollbar-thumb {
border-radius: 3px;
background: #aaa;
}
::-webkit-scrollbar-thumb:hover {
background: #999;
}
.VODM786518 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.VODM786518 search input {
height: 20px;
display: inline-block;
}
.VODM786518 search input[type='text'] {
width: calc(100% - 80px);
min-width: 25px;
}
.VODM786518 search input[type='button'] {
height: 25px;
display: inline-block;
}
.VODM786518 .VODM649827 {
left: 0;
right: 0px;
font-size: 12px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(to bottom, rgba(99,141,237,0.8), rgba(82,118,206,0.8));
padding-right: 10px;
height: 35px;
}
.VODM104639 .VODM786518 .VODM649827 {
background: linear-gradient(to bottom, rgba(60,143,140,0.8), rgba(35,89,88,0.8));
}
.VODM727759 .VODM786518 .VODM649827 {
background: linear-gradient(to bottom, rgba(205,199,151,0.8), rgba(183,164,121,0.8));
}
.VODM194200 .VODM786518 .VODM649827 {
background: linear-gradient(to bottom, rgba(233,136,101,0.8), rgba(219,125,123,0.8));
}
.VODM127672 .VODM786518 .VODM649827 {
background: linear-gradient(to bottom, rgba(131,129,140,0.8), rgba(100,98,115,0.8));
}
.VODM587818 .VODM786518 .VODM649827 {
background: linear-gradient(to bottom, rgba(85,102,115,0.8), rgba(1,6,13,0.8));
}
.VODM786518.mb .VODM649827 {
position: fixed;
bottom: 0;
height: 40px;
z-index: 1000000;
}
.VODM786518.pc .VODM649827 {
position: absolute;
top: 0;
}
.VODM786518 .VODM649827 control {
position: absolute;
top: 3px;
left: 10px;
right: 10px;
bottom: 3px;
transition: left .6s ease-out;
display: inline-block;
}
.VODM786518.pc .VODM649827 control > *:not(.bookName):hover {
cursor: pointer;
background-color: #405ea8;
border-radius: 3px;
}
.VODM104639 .VODM786518.pc .VODM649827 control > *:hover {
background-color: #D6D1A9
}
.VODM727759 .VODM786518.pc .VODM649827 control > *:hover {
background-color: #E6E1B9
}
.VODM194200 .VODM786518.pc .VODM649827 control > *:hover {
background-color: #F4B6B0
}
.VODM127672 .VODM786518.pc .VODM649827 control > *:hover {
background-color: #BABABF
}
.VODM587818 .VODM786518.pc .VODM649827 control > *:hover {
background-color: #516673
}
.VODM786518 .VODM649827 control img {
width: 18px;
height: 18px;
padding: 6px;
vertical-align: middle;
}
.VODM786518.pc .VODM649827 control .pagetotop {
display: none !important;
}
.VODM786518 .VODM649827 control a {
color: white;
text-decoration: none !important;
}
.VODM786518 .VODM649827 control .btn {
width: fit-content;
color: white;
font-size: 11px;
padding: 4px 3px;
vertical-align: middle;
border: 1px solid rgba(255,255,255,.8);
border-radius: 5px;
display: inline-block;
}
.VODM786518 .VODM649827 control .bookName {
color: white;
font-size: 13px;
vertical-align: middle;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
}
.VODM786518.pc .VODM649827 control .bookName {
max-width: calc(100% - 230px);
}
.VODM786518.mb .VODM649827 control .bookName {
max-width: calc(100vw - 230px);
}
.VODM786518 .VODM649827 control .VODM198848.active,
.VODM786518 .VODM649827 control .VODM117690.active {
background-color: #405ea8;
}
.VODM104639 .VODM786518 .VODM649827 control .VODM198848.active,
.VODM104639 .VODM786518 .VODM649827 control .VODM117690.active {
background-color: #023535
}
.VODM727759 .VODM786518 .VODM649827 control .VODM198848.active,
.VODM727759 .VODM786518 .VODM649827 control .VODM117690.active {
background-color: #E6E1B9
}
.VODM194200 .VODM786518 .VODM649827 control .VODM198848.active,
.VODM194200 .VODM786518 .VODM649827 control .VODM117690.active {
background-color: #D12627
}
.VODM127672 .VODM786518 .VODM649827 control .VODM198848.active,
.VODM127672 .VODM786518 .VODM649827 control .VODM117690.active {
background-color: #5D5A73
}
.VODM587818 .VODM786518 .VODM649827 control .VODM198848.active,
.VODM587818 .VODM786518 .VODM649827 control .VODM117690.active {
background-color: #516673
}
.VODM786518.pc #VODM152083 {
margin: 0px 15px 0px 0px;
}
.VODM786518.mb #VODM152083 {
margin: 3px 15px 0px 0px;
}
.VODM786518 .VODM649827 search {
position: absolute;
top: 0;
right: 5px;
height: 35px;
line-height: 35px;
display: inline-block;
}
.VODM786518 .swbookleft {
left: 5px;
transition: left .6s ease-out;
}
.VODM786518.mb .swbookleft > div {
position: absolute;
top: 30px;
bottom: 45px;
left: 0;
right: 0;
}
.VODM786518.mb .swbookleft {
position: fixed;
top: 0;
bottom: 0;
width: calc(100vw - 60px);
background-color: #5174cb;
border: 1px solid #666;
border-radius: 5px;
overflow: auto;
z-index: 2;
}
.VODM104639 .VODM786518.mb .swbookleft {
background-color: #015958;
}
.VODM727759 .VODM786518.mb .swbookleft {
background-color: #BBA47A;
}
.VODM194200 .VODM786518.mb .swbookleft {
background-color: #E87C7B;
}
.VODM127672 .VODM786518.mb .swbookleft {
background-color: #646273;
}
.VODM587818 .VODM786518.mb .swbookleft {
background-color: #00060d;
}
.VODM786518.pc .swbookleft {
position: absolute;
top: 35px;
right: 0;
width: fit-content;
z-index: 1000;
}
.VODM786518 .swbookleft.swhide {
left: -800px;
}
.VODM786518 .swbookleft .swcatalogue {
background-color: #f3f3f3;
border: 1px solid black;
border-radius: 5px;
border-top-left-radius: 0px;
box-shadow: 1px 0px 0px 1px rgba(0,0,0,0.3);
}
.VODM104639 .VODM786518 .swbookleft .swcatalogue {
background-color: #f3f3f3;
}
.VODM727759 .VODM786518 .swbookleft .swcatalogue {
background-color: #E6E1B9;
}
.VODM194200 .VODM786518 .swbookleft .swcatalogue {
background-color: #F4B6B0;
}
.VODM127672 .VODM786518 .swbookleft .swcatalogue {
background-color: #BABABF;
}
.VODM587818 .VODM786518 .swbookleft .swcatalogue {
background-color: #8198A6;
}
.VODM786518 .swbookleft .menubottom {
height: 15px;
display: block;
}
.VODM786518.mb .swbookleft .menubottom {
height: 45px;
}
.VODM786518 .swcatalogue swcontrol {
height: 0px;
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
display: block;
}
.VODM786518 .swcatalogue swcontrol > .citem {
position: relative;
top: -25px;
width: fit-content;
height: 18px;
padding: 3px 8px 2px 8px;
background-color: #b8cef3;
border-top: 2px solid #f6cb00;
border-bottom: none;
border-left: 2px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
display: inline-block;
}
.VODM104639 .VODM786518 .swcatalogue swcontrol > .citem {
color: white;
background-color: #023535;
}
.VODM727759 .VODM786518 .swcatalogue swcontrol > .citem {
background-color: #7BA68A;
}
.VODM194200 .VODM786518 .swcatalogue swcontrol > .citem {
background-color: #F4E1AD;
}
.VODM127672 .VODM786518 .swcatalogue swcontrol > .citem {
background-color: #9494a7;
}
.VODM587818 .VODM786518 .swcatalogue swcontrol > .citem {
background-color: #556f8f;
}
.VODM786518.mb .swcatalogue swcontrol > .citem {
margin-left: 1px;
box-shadow: 3px 0px 0px 0px rgba(0,0,0,0.3);
}
.VODM786518 .swcatalogue swcontrol > .citem:not(.active) {
top: -26px;
border-top: 1px solid black;
}
.VODM786518 .swcatalogue swcontrol > .citem:not(.active):hover {
cursor: pointer;
border-top: 1px solid black;
background-color: #dbe6fb !important;
}
.VODM786518 .swcatalogue swcontrol > .citem.active {
background-color: #f3f3f3;
}
.VODM104639 .VODM786518 .swcatalogue swcontrol > .citem.active {
color: #023535;
background-color: #f3f3f3;
}
.VODM727759 .VODM786518 .swcatalogue swcontrol > .citem.active {
background-color: #E6E1B9;
}
.VODM194200 .VODM786518 .swcatalogue swcontrol > .citem.active {
background-color: #F4B6B0;
}
.VODM127672 .VODM786518 .swcatalogue swcontrol > .citem.active {
background-color: #BABABF;
}
.VODM587818 .VODM786518 .swcatalogue swcontrol > .citem.active {
background-color: #8198A6;
}
.VODM786518 .swcatalogue swcontrol > .citem span {
margin-left: 3px;
}
.VODM786518 .swcatalogue swcontrol > .swicon::before {
content: " ";
width: 14px;
height: 13px;
background: url(img/interface-icons-sprite.png);
background-size: 224px 17px;
display: inline-block;
}
.VODM786518 .swcatalogue swcontrol > .swmenuicon::before {
background-position: -88px 0px;
}
.VODM786518 .swcatalogue swcontrol > .swsearchicon::before {
background-position: -154px -2px;
}
.VODM786518 .swcatalogue swcmenu {
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 15px 10px 20px 10px;
height: fit-content;
min-height: 200px;
padding: 5px;
border: 2px solid #e6e6e6;
border-radius: 5px;
background-color: white;
display: block;
}
.VODM194200 .VODM786518 .swcatalogue swcmenu {
background-color: white;
}
.VODM127672 .VODM786518 .swcatalogue swcmenu {
background-color: #BABABF;
}
.VODM587818 .VODM786518 .swcatalogue swcmenu {
background-color: #00060D;
}
.VODM786518 .swbookright {
position: absolute;
top: 35px;
right: 5px;
}
.VODM786518.mb .swbookright {
position: relative;
left: 5px;
width: calc(100% - 10px);
z-index: 1;
}
.VODM786518.pc .swbookright.swextend {
left: 5px !important;
}
.VODM786518 .swbookcontent {
border: 1px solid black;
border-radius: 5px;
box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.3);
background-color: #f3f3f3;
}
.VODM104639 .VODM786518 .swbookcontent {
color: #091b1b;
background-color: #f3f3f3;
}
.VODM727759 .VODM786518 .swbookcontent {
color: #003f2e;
background-color: #E6E1B9;
}
.VODM194200 .VODM786518 .swbookcontent {
color: #333;
background-color: #F4B6B0;
}
.VODM127672 .VODM786518 .swbookcontent {
color: #333;
background-color: #83818c;
}
.VODM587818 .VODM786518 .swbookcontent {
color: #eee;
background-color: #516673;
}
.VODM786518 .swbookcontent .title {
position: relative;
width: calc(100% - 20px);
line-height: 35px;
padding: 5px 15px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display: inline-block;
}
.VODM786518 .swbookcontent .content {
position: relative;
min-height: 200px;
margin: 0px 10px 45px 10px;
padding: 25px 20px;
border-radius: 5px;
border: 2px solid #e6e6e6;
background-color: white;
}
.VODM127672 .VODM786518 .swbookcontent .content {
color: #333;
border: 2px solid black;
background-color: #BABABF;
}
.VODM587818 .VODM786518 .swbookcontent .content {
border: 2px solid black;
background-color: #00060D;
}
.VODM786518 .swbookfooter {
position: relative;
height: 80px;
color: white;
font-size: 14px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin-top: 20px;
margin-right: 20px;
text-align: right;
}
#VODM409174:hover,
#VODM221235:hover {
cursor: pointer;
}
.swBookTheme {
position: fixed;
left: 15px;
right: 15px;
text-align: center;
background-color: white;
border-radius: 5px;
box-shadow: 0 10px 30px rgba(0, 0, 0, .6);
overflow: auto;
z-index: 100000;
display: none;
}
swbackground {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,.5);
display: none;
z-index: 1000;
}
.swBookTheme.active {
}
.pc .swBookTheme {
top: 50px;
width: calc(100vw - 50px);
height: calc(100vh - 100px);
max-height: 450px;
max-width: 600px;
bottom: 10px;
margin: 0 auto;
}
.mb .swBookTheme {
max-height: fit-content;
top: 25px;
bottom: 50px;
}
.swBookTheme {
background-color: #c9d9ff;
}
.VODM104639 .swBookTheme {
background: rgba(0, 143, 140, 1);
}
.VODM727759 .swBookTheme {
background: #e6e1b9;
}
.VODM194200 .swBookTheme {
background: #f4e1ad;
}
.VODM127672 .swBookTheme {
background: #f2f2f2;
}
.VODM587818 .swBookTheme {
background: #8198a6;
}
.swBookTheme > div:first-child {
position: initial !important;
font-size: 20px;
color: #5174cb;
background-color: white !important;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
padding: 15px 0 0 0;
font-weight: bolder;
display: block;
}
.VODM104639 .swBookTheme > div:first-child {
color: #015958;
}
.VODM727759 .swBookTheme > div:first-child {
color: #BBA47A;
}
.VODM127672 .swBookTheme > div:first-child {
color: #5D5A73;
}
.VODM194200 .swBookTheme > div:first-child {
color: #f78765;
}
.VODM587818 .swBookTheme > div:first-child {
color: #00060d;
}
.swBookTheme > div:first-child:after {
content: " ";
width: 100%;
height: 5px;
border-bottom: 5px solid #5174cb;
margin: 0 auto;
display: block;
}
.VODM104639 .swBookTheme > div:first-child:after {
border-bottom: 5px solid #023535;
}
.VODM727759 .swBookTheme > div:first-child:after {
border-bottom: 5px solid #5b9a89;
}
.VODM127672 .swBookTheme > div:first-child:after {
border-bottom: 5px solid #646273;
}
.VODM194200 .swBookTheme > div:first-child:after {
border-bottom: 5px solid #e87c7b;
}
.VODM587818 .swBookTheme > div:first-child:after {
border-bottom: 5px solid #011526;
}
.swBookTheme swtitle {
position: relative;
left: 0;
right: 0;
color: #518cb1;
font-size: 16px;
text-align: center;
font-weight: bold;
padding: 5px 10px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
display: block;
}
.VODM104639 .swBookTheme swtitle {
color: #023535;
}
.VODM727759 .swBookTheme swtitle {
color: #5b9a89;
}
.VODM194200 .swBookTheme swtitle {
color: #e87c7b;
}
.VODM127672 .swBookTheme swtitle {
color: #83818c;
}
.VODM587818 .swBookTheme swtitle {
color: #011526;
}
.swBookTheme > div {
padding-bottom: 10px;
}
.swBookTheme > div > div {
position: relative;
left: 0;
right: 0;
font-size: 12px;
color: #333;
text-align: left;
padding: 5px 10px;
border: 1px solid #eee;
border-radius: 5px;
margin: 5px 15px 10px 25px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}