::-webkit-scrollbar { display: none;} 
body { background: #4e5565; width: calc(100% - 17px); height: calc(100% - 17px); width: 100%; height: 100%;  margin: 0; overflow: hidden; } 
body { overflow: hidden; scrollbar-width: none;  } 
#copythisurl{text-align:center;    position: absolute !important; right: 1rem !important; background: #FFFFFF; left: auto !important;}
#copythisurl span{display:inline-block;font-size: 16px; color: #999 !important;padding-bottom:6px;text-align: center; display: inline-block;width: 100%;}
#qrcode{padding:10px 15px;background:#ffffff;}
#flipbook div { overflow:hidden;}
#flipbook div img{width:100%;}
.backward,.forward{width: 40px;height: 40px;}
#flipbook .shadow{ position: absolute; top: 0px; -webkit-box-shadow: 0 0 15px rgba(40, 40, 40, 0.7); -moz-box-shadow: 0 0 15px rgba(40, 40, 40, 0.7); -o-box-shadow: 0 0 15px rgba(40, 40, 40, 0.7); -ms-box-shadow: 0 0 15px rgba(40, 40, 40, 0.7); box-shadow: 0 0 15px rgba(40, 40, 40, 0.7); }
#flipbook .shadow_odd .shadow_div { display: block; opacity: 0.6; pointer-events: none; width: 10%; height: 100%; position: absolute; top: 0; left: 0;right:auto; z-index: 99; pointer-events: none; transform-origin: 0% 0%; transform: rotate(0) translate3d(0, 0, 0); background-image: linear-gradient(left, rgba(93, 93, 93, 0.6), rgba(200, 200, 200, 0)); background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(93, 93, 93, 0.6)), to(rgba(200, 200, 200, 0))); background-image: -moz-linear-gradient(left, rgba(93, 93, 93, 0.6), rgba(200, 200, 200, 0)); background-image: -o-linear-gradient(left, rgba(93, 93, 93, 0.6), rgba(200, 200, 200, 0)); background-image: -ms-linear-gradient(left, rgba(93, 93, 93, 0.6), rgba(200, 200, 200, 0)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#00C8C8C8', StartColorStr='#CC5D5D5D'); }
#flipbook .shadow_even .shadow_div { display: block; opacity: 0.6; width: 20%; height: 100%; position: absolute; top: 0px; right: 0;left:auto; z-index: 99; pointer-events: none; transform-origin: 0% 0%; transform: rotate(0) translate3d(0, 0, 0); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#553f3f3f', StartColorStr='#007b7b7b'); background-image: linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -o-linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -moz-linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -webkit-linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -ms-linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(60, 60, 60, 0.3)), color-stop(0.23, rgba(250, 250, 250, 0.05)), color-stop(0.28, rgba(255, 255, 255, 0.05)), color-stop(0.34, rgba(250, 250, 250, 0.05)), color-stop(0.54, rgba(50, 50, 50, 0.1)), color-stop(1, rgba(200, 200, 200, 0))); }
#flipbook .shadow_first >.shuyearbshadowc .shadow_div,.shadow_even .shadow_div { display: block; opacity: 0.6; width: 20%; height: 100%; position: absolute; top: 0px; right: 0; left:auto; z-index: 99; pointer-events: none; transform-origin: 0% 0%; transform: rotate(0) translate3d(0, 0, 0); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#553f3f3f', StartColorStr='#007b7b7b'); background-image: linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -o-linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -moz-linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -webkit-linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -ms-linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(60, 60, 60, 0.3)), color-stop(0.23, rgba(250, 250, 250, 0.05)), color-stop(0.28, rgba(255, 255, 255, 0.05)), color-stop(0.34, rgba(250, 250, 250, 0.05)), color-stop(0.54, rgba(50, 50, 50, 0.1)), color-stop(1, rgba(200, 200, 200, 0))); }
#flipbook .shadow_last .shadow_div { z-index: 99; width:2.5%;height:100%;position:absolute;top:0;right:0;left:audio;transform-origin: 0% 0%;transform: rotate(0) translate3d(0, 0, 0); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,EndColorStr='#cc3f3f3f',StartColorStr='#007b7b7b'); background-image: linear-gradient(right,rgba(60,60,60,0.4) 0,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%); background-image: -o-linear-gradient(right,rgba(60,60,60,0.4) 0,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%); background-image: -moz-linear-gradient(right,rgba(60,60,60,0.4) 0,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%); background-image: -webkit-linear-gradient(right,rgba(60,60,60,0.4) 0,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%); background-image: -ms-linear-gradient(right,rgba(60,60,60,0.4) 0,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%); }
#flipbook .shuyearbshadowf .shadow_first_shadow_div,.shuyearbshadowf .shadow_odd_shadow_div{ display: block; opacity: 0.6; width: 20%; height: 100%; position: absolute; top: 0; right: 0;left:auto; z-index: 99; pointer-events: none; transform-origin: 0% 0%; transform: rotate(0) translate3d(0, 0, 0); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#553f3f3f', StartColorStr='#007b7b7b'); background-image: linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -o-linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -moz-linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -webkit-linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -ms-linear-gradient(right, rgba(60, 60, 60, 0.3) 0%, rgba(250, 250, 250, 0.05) 23%, rgba(255, 255, 255, 0) 28%, rgba(250, 250, 250, 0.05) 34%, rgba(50, 50, 50, 0.1) 54%, rgba(200, 200, 200, 0) 100%); background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(60, 60, 60, 0.3)), color-stop(0.23, rgba(250, 250, 250, 0.05)), color-stop(0.28, rgba(255, 255, 255, 0.05)), color-stop(0.34, rgba(250, 250, 250, 0.05)), color-stop(0.54, rgba(50, 50, 50, 0.1)), color-stop(1, rgba(200, 200, 200, 0))); }
#flipbook .shuyearbshadowf .shadow_even_shadow_div { display: block; opacity: 0.6; pointer-events: none; width: 10%; height: 100%; position: absolute; top: 0; left: 0;right:auto; z-index: 99; pointer-events: none; transform-origin: 0% 0%; transform: rotate(0) translate3d(0, 0, 0); background-image: linear-gradient(left, rgba(93, 93, 93, 0.6), rgba(200, 200, 200, 0)); background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(93, 93, 93, 0.6)), to(rgba(200, 200, 200, 0))); background-image: -moz-linear-gradient(left, rgba(93, 93, 93, 0.6), rgba(200, 200, 200, 0)); background-image: -o-linear-gradient(left, rgba(93, 93, 93, 0.6), rgba(200, 200, 200, 0)); background-image: -ms-linear-gradient(left, rgba(93, 93, 93, 0.6), rgba(200, 200, 200, 0)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, EndColorStr='#00C8C8C8', StartColorStr='#CC5D5D5D'); }
#flipbook .shuyearbshadowf .shadow_even_shadow_div_first,.shadow_even >.shuyearbshadowc .shadow_div, .shadow_first .shadow_div { z-index: 99; width:2.5%;height:100%;position:absolute;top:0;left:0;right:auto;transform-origin: 0% 0%;transform: rotate(0) translate3d(0, 0, 0); background-image: linear-gradient(left,rgba(53,53,53,0.5) 0,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%); background-image: -webkit-linear-gradient(left,rgba(53,53,53,0.5) 0,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%); background-image: -webkit-linear-gradient(left,rgba(53,53,53,0.5) 0,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%); background-image: -moz-linear-gradient(left,rgba(53,53,53,0.5) 0,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%); background-image: -o-linear-gradient(left,rgba(53,53,53,0.5) 0,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%); background-image: -ms-linear-gradient(left,rgba(53,53,53,0.5) 0,rgba(53,53,53,0.2) 40%,rgba(53,53,53,0.1) 60%,rgba(200,200,200,0) 100%); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,EndColorStr='#00C8C8C8',StartColorStr='#CC5D5D5D'); }
#flipbook .shuyearbshadowf > :nth-last-child(2) .shadow_odd_shadow_div { z-index: 99; width:2.5%;height:100%;position:absolute;top:0;right:0;left:auto;transform-origin: 0% 0%;transform: rotate(0) translate3d(0, 0, 0); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,EndColorStr='#cc3f3f3f',StartColorStr='#007b7b7b'); background-image: linear-gradient(right,rgba(60,60,60,0.4) 0,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%); background-image: -o-linear-gradient(right,rgba(60,60,60,0.4) 0,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%); background-image: -moz-linear-gradient(right,rgba(60,60,60,0.4) 0,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%); background-image: -webkit-linear-gradient(right,rgba(60,60,60,0.4) 0,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%); background-image: -ms-linear-gradient(right,rgba(60,60,60,0.4) 0,rgba(50,50,50,0.1) 54%,rgba(200,200,200,0) 100%); }
#flipbook .shadow_div_img_loading{width:100%;height:100%;background:#FFFFFF;position:absolute;z-index: 1;}
#flipbook .shadow_div_img_loading .loading{width:31px;height:31px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.flipbook_single .shadow_div{left:0 !important;right:auto !important;background-image:none !important;}
.flipbook_single .shuyearbshadowf .shadow_odd_shadow_div,.flipbook_single .shuyearbshadowf .shadow_even_shadow_div,.flipbook_single .shuyearbshadowf .shadow_even_shadow_div_first{left:0 !important;right:auto !important;background-image:none !important;}
.turn_body{display:inline-block;position:relative;}
#flipbook_5px{overflow:hidden;position:absolute;}
.previous_normal{width: 50%;height: 100%;position: absolute;top: 0;left: 0;right:auto;z-index:999999;}
.next_normal{width: 50%;height: 100%;position: absolute;top: 0;right: 0;z-index:999999;}
.previous_normal img { position: absolute; top: 50%;left:3%; transform: translateY(-50%); }
.next_normal img { position: absolute; top: 50%;right:3%; transform: translateY(-50%); } 
.navbar { border-radius: 0; margin-bottom: 0; min-height: 50px; top: 0px; position: fixed;z-index: 999;background-color: transparent;}
.navbar li{min-height:50px;}
.navbar-brand { float: left; height: 50px; padding: 8px 15px; font-size: 18px; line-height: 20px; }
.navbar-toggle {margin-top:18px;margin-bottom:16px;}
.navbar-brand > img {height:100%;}
/*公共设置---头部*/
.navbar1 {background-color: rgba(0,0,0,.3)!important;}
.navbar-default{padding:0;background-color: transparent;background-image: linear-gradient(to bottom,transparent 0,transparent 100%);border:0;box-shadow:none;}
.navbar-default .navbar-nav > li > a {color: #FFFFFF;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #FFEB3B; background-color: transparent;}
.navbar-brand, .navbar-nav>li>a {text-shadow:none;}
.navbar-header{display:inline-block;}
.navbar-right{display:inline-block;float:right;} 
#thispage_code{color:#FFFFFF;line-height: 50px;margin-left:10px;font-size:20px;;padding:0 !important;background:transparent !important;border:0;cursor:pointer;}
.navbar-nav,.navbar-right{margin:0 !important;}
.navbar-nav li span{color:#FFFFFF !important;line-height: 50px;margin-right:2rem;float: left;font-size:18px;padding:0 !important;background:transparent !important;border:0;cursor:pointer;}
.thispage_menu{float:left;position:relative;}
.dropdown-menu2{position:absolute !important;right: 1rem !important;background: gainsboro;left:auto !important;background:rgba(10,10,10,.7) !important;margin-top: 3px !important;}
.dropdown-menu2 li{line-height:auto important;}
.dropdown-menu2 a{color:#ffffff !important;line-height:2.5 !important;}
.dropdown-menu2>li>a:hover {color:#000000 !important;} 
.previous_normal,.next_normal{width: 50px; height: 100%; padding: 0; z-index: 890; position: fixed;} 
.next_normal { right: 0; top: 0; }
.col-around { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-around; } 
.hand { cursor: pointer; }
.previous_normal .nav-action { border-top-right-radius: 10px; border-bottom-right-radius: 10px; font-size:20px; }
.nav-action { height: 80px; width: 50px; background-color: rgba(10,10,10,.05); color: #dbdbdb; pointer-events: auto; }
.flex-center { display: flex; flex-direction: row; justify-content: space-around; align-items: center; }
.next_normal .nav-action { border-top-left-radius: 10px; border-bottom-left-radius: 10px; font-size:20px; }
.bottom { position: fixed; left: 0; bottom: 0; width: 100%; padding: 0; z-index: 1000; height: 50px; background-color: rgba(10,10,10,.3); }
.action-bar { user-select: none; }
.row-around { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-around; }
.action { display: inline-block; color: #dbdbdb; height: 50px; line-height: 50px; margin: 0; padding: 0 13px; }
.button_div { background-color: #fff; border-color: #dbdbdb; border-width: 1px; color: #363636; justify-content: center; padding-bottom: calc(.5em - 1px); padding-left: 1em; padding-right: 1em; padding-top: calc(.5em - 1px); text-align: center; white-space: nowrap;flex-shrink: 0; margin-top: 10px;-moz-appearance: none; -webkit-appearance: none; align-items: center; border: 1px solid transparent; border-radius: 4px; box-shadow: none; display: inline-flex; font-size: 1rem; height: 2.5em; justify-content: flex-start; line-height: 1.5; padding-bottom: calc(.5em - 1px); padding-left: calc(.75em - 1px); padding-right: calc(.75em - 1px); padding-top: calc(.5em - 1px); position: relative; vertical-align: top; } 
.bottom_btn span{font-size:18px;}
.magazine-viewport .container {position: absolute;top: 50%;left: 50%;width: 0;height: 0;/*width: 922px;height: 600px;*/margin: auto;z-index: 1;    flex-grow: 1;}
.shuyear_note { position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: #fff;z-index: 100000;}
.page-center {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} 
.shuyear_invisible{opacity: 0;}
.shuyear_invisible:hover{opacity: 1;} 
.parentBox {width:100%;height:100%;background:#FFFFFF;position:absolute;z-index: 1;}
.loadBox{height:1px;width:1px;padding:50px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.loadBox .loaderContantBox { color: #CCCCCC; font-size: 30px; overflow: hidden; width: 30px; height: 30px; border-radius: 50%; transform: translateZ(0); animation: loadBox 1.7s infinite ease, round 1.7s infinite ease; }
@keyframes loadBox { 0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } }
@keyframes round { 0% { transform: rotate(0deg); /* 开始旋转 div 元素 */ } 100% { transform: rotate(360deg); /* 结束旋转 div 元素 */ } } }