@charset "utf-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{overflow:visible;box-sizing:content-box;height:0}pre{font-size:1em;font-family:monospace,monospace}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-size:1em;font-family:monospace,monospace}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-size:100%;font-family:inherit;line-height:1.15}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{padding:0;border-style:none}[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{display:table;box-sizing:border-box;padding:0;max-width:100%;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*! Swiper 2.7.6 Mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/sliders/swiper/ Copyright 2010-2015, Vladimir Kharlampidi The iDangero.us http://www.idangero.us/ Licensed under GPL & MIT Released on: February 11, 2015 */
.swiper-container{position:relative;z-index:1;overflow:hidden;margin:0 auto;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}.swiper-wrapper{position:relative;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;width:100%;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;-webkit-transition-property:-webkit-transform,left,top;-moz-transition-property:-moz-transform,left,top;-o-transition-property:-o-transform,left,top;transition-property:transform,left,top;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-o-transform:translate(0,0);transform:translate3d(0,0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease}.swiper-free-mode>.swiper-wrapper{margin:0 auto;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;-ms-transition-timing-function:ease-out}.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,lengend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:transparent}article,aside,audio,details,figcaption,figure,footer,header,hgroup,mark,menu,nav,section,summary,time,video{display:block;margin:0;padding:0;-webkit-tap-highlight-color:transparent}embed,object{outline:0}del{text-decoration:line-through}em{font-style:normal}textarea{resize:none}i{vertical-align:middle}ol,ul{list-style:none}a{text-decoration:none}a:active,a:hover,a:link,a:visited{color:#333;text-decoration:none}legend{color:#000}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{outline:0;font-size:100%}button,textarea{border:0}fieldset,img{border:0}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none!important}input::-webkit-input-placeholder{color:#b9bbbe}::-moz-selection{background-color:#0097fd;text-shadow:none;color:#fff}::selection{background-color:#0097fd;text-shadow:none;color:#fff}:focus{outline:0}.fl{float:left}.fr{float:right}.fix1{position:relative;overflow:hidden;zoom:1}.clearfix{clear:both}.clearfix1{*overflow:hidden;*zoom:1}.clearfix1:after,.clearfix1:before{content:"";display:table}.clearfix1:after{clear:both}.fix2{display:inline-block;*display:inline}.opa0{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);-khtml-opacity:0}.opa1{opacity:.1;-moz-opacity:.1;filter:alpha(opacity=10);-khtml-opacity:.1}.opa2{opacity:.2;-moz-opacity:.2;filter:alpha(opacity=20);-khtml-opacity:.2}.opa3{opacity:.3;-moz-opacity:.3;filter:alpha(opacity=30);-khtml-opacity:.3}.opa4{opacity:.4;-moz-opacity:.4;filter:alpha(opacity=40);-khtml-opacity:.4}.opa5{opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);-khtml-opacity:.5}.opa6{opacity:.6;-moz-opacity:.6;filter:alpha(opacity=60);-khtml-opacity:.6}.opa7{opacity:.7;-moz-opacity:.7;filter:alpha(opacity=70);-khtml-opacity:.7}.opa8{opacity:.8;-moz-opacity:.8;filter:alpha(opacity=80);-khtml-opacity:.8}.opa9{opacity:.9;-moz-opacity:.9;filter:alpha(opacity=90);-khtml-opacity:.9}.opa10{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);-khtml-opacity:1}.trans1{-webkit-transition:all .3s cubic-bezier(.215,.61,.355,1) 0s;-moz-transition:all .3s cubic-bezier(.215,.61,.355,1) 0s;-o-transition:all .3s cubic-bezier(.215,.61,.355,1) 0s;transition:all .3s cubic-bezier(.215,.61,.355,1) 0s;-ms-transition:all .4s cubic-bezier(.215,.61,.355,1) 0s}.scrollbar1::-webkit-scrollbar{width:4px;height:4px}.scrollbar1::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2)}.scrollbar1::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.scrollbar1::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);border-radius: 0;background: rgba(0,0,0,.1)}.scrollbar2::-webkit-scrollbar{width:4px;height:8px}.scrollbar2::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2)}.scrollbar2::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.scrollbar2::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);border-radius: 0;background: rgba(0,0,0,.1)}.bsd{box-shadow:0 0 30px rgba(8,40,76,.14)}.bsd:hover{box-shadow:0 0 16px rgba(0,0,0,.1)}@media \0screen{.iebor{border:1px solid #b9bbbe!important}.iebor:hover{border-color:#f0f0f0!important}}@media screen\9{.iebor{border:1px solid #b9bbbe!important}.iebor:hover{border-color: #f0f0f0!important}}html,body{width:100%}
body{font-family:-apple-system,Arial,PingFang SC,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif}
.btn-group{padding:30px 0;text-align:center;font-size:0}
.btn-group ul.fix2>.itm{margin:0 4px;width:36px;height:36px;color:#508cc4;font-size:14px;text-align:center;background-repeat:no-repeat;background-position:center;transition:transform .2s ease-in-out}
.btn-group ul.fix2>.cur{cursor:pointer}
.btn-group ul.fix2>.i1{background-image:url(/dgtjnj-img/turnpage_home_ico.png)}
.btn-group ul.fix2>.i2{background-image:url(/dgtjnj-img/turnpage_fullscreen_ico.png)}
.btn-group ul.fix2>.i3{background-image:url(/dgtjnj-img/turnpage_dow_ico.png)}
.btn-group ul.fix2>.i4{background-image:url(/dgtjnj-img/turnpage_cd_ico.png)}
.btn-group ul.fix2>.in{padding:0 6px;border:1px solid #dfdfdf;width:22px;height:34px;line-height:34px;outline:0;-webkit-tap-highlight-color:transparent;transition:border-color .2s ease-in-out}
.btn-group ul.fix2>.in:hover{border-color:#508cc4}
.btn-group ul.fix2>.go-txt{width:auto;line-height:36px}
.btn-group ul.fix2>.cur:active{transform:scale(.5)}
#canvas{position:relative}
#canvas .flip-btn{z-index:86;position:absolute;top:50%;margin-top:-25px;width:50px;height:50px;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:transform .2s ease-in-out}
#canvas .flip-prev{left:50px;background-image:url(/dgtjnj-img/turnpage_prev_ico.png)}
#canvas .flip-next{right:50px;background-image:url(/dgtjnj-img/turnpage_next_ico.png)}
#canvas .flip-btn:active{transform:scale(.5)}
.magazine-viewport{padding:20px 0}
.magazine-viewport .page{background-color:#fff;background-size:100% 100%;background-repeat:no-repeat}
.magazine-viewport .zoomer .region{display:none}
.magazine .region{position:absolute;overflow:hidden;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#06f;opacity:.2;cursor:pointer;-ms-border-radius:10px;-o-border-radius:10px}
.magazine .region:hover{opacity:.5}
.magazine .region.zoom{opacity:.01}
.magazine .region.zoom:hover{opacity:.2}
.magazine .page{-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);-moz-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2);-ms-box-shadow:0 0 20px rgba(0,0,0,.2);-o-box-shadow:0 0 20px rgba(0,0,0,.2)}
.magazine-viewport .page img{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.magazine .even .gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,color-stop(.95,rgba(0,0,0,0)),color-stop(1,rgba(0,0,0,.2)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,.2) 100%);background-image:-moz-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,.2) 100%);background-image:-ms-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,.2) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,.2) 100%);background-image:linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,.2) 100%)}
.magazine .odd .gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,right top,left top,color-stop(.95,rgba(0,0,0,0)),color-stop(1,rgba(0,0,0,.15)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,.15) 100%);background-image:-moz-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,.15) 100%);background-image:-ms-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,.15) 100%);background-image:-o-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,.15) 100%);background-image:linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,.15) 100%)}
.magazine-viewport .zoom-in .even .gradient,.magazine-viewport .zoom-in .odd .gradient{display:none}
.magazine-viewport .loader{position:absolute;top:280px;left:219px;width:22px;height:22px;background-image:url(/dgtjnj-img/loading.gif)}
.magazine-viewport .shadow{-webkit-box-shadow:0 0 20px #ccc;-moz-box-shadow:0 0 20px #ccc;box-shadow:0 0 20px #ccc;-webkit-transition:-webkit-box-shadow .5s;-moz-transition:-moz-box-shadow .5s;-o-transition:-webkit-box-shadow .5s;-ms-transition:-ms-box-shadow .5s;-o-box-shadow:0 0 20px #ccc;-ms-box-shadow:0 0 20px #ccc}
.magazine-viewport .next-button,.magazine-viewport .previous-button{position:absolute;top:0;width:22px;height:574px}
.magazine-viewport .next-button{right:-22px;-webkit-border-radius:0 15px 15px 0;-moz-border-radius:0 15px 15px 0;border-radius:0 15px 15px 0;-ms-border-radius:0 15px 15px 0;-o-border-radius:0 15px 15px 0}
.magazine-viewport .previous-button{left:-22px;-webkit-border-radius:15px 0 0 15px;-moz-border-radius:15px 0 0 15px;border-radius:15px 0 0 15px;-ms-border-radius:15px 0 0 15px;-o-border-radius:15px 0 0 15px}
.magazine-viewport .next-button-hover,.magazine-viewport .previous-button-hover{background-color:rgba(0,0,0,.2)}
.magazine-viewport .previous-button-down,.magazine-viewport .previous-button-hover{background-image:url(/dgtjnj-img/arrows.png);background-position:-4px 284px;background-repeat:no-repeat}
.magazine-viewport .next-button-down,.magazine-viewport .previous-button-down{background-color:rgba(0,0,0,.4)}
.magazine-viewport .next-button-down,.magazine-viewport .next-button-hover{background-image:url(/dgtjnj-img/arrows.png);background-position:-38px 284px;background-repeat:no-repeat}
.magazine-viewport .zoom-in .next-button,.magazine-viewport .zoom-in .previous-button{display:none}
.animated{-webkit-transition:margin-left .5s;-moz-transition:margin-left .5s;-o-transition:margin-left .5s;transition:margin-left .5s;-ms-transition:margin-left .5s}
.thumbnails{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:140px}
.thumbnails>div{margin:20px auto;width:1050px;height:100px}
.thumbnails ul{margin:0;padding:0;text-align:center;-webkit-transition:-webkit-transform ease-in-out .1s;-moz-transition:-moz-transform ease-in-out .1s;-o-transition:-o-transform ease-in-out .1s;transition:transform ease-in-out .1s;-webkit-transform:scale3d(.5,.5,1);-moz-transform:scale3d(.5,.5,1);-o-transform:scale3d(.5,.5,1);transform:scale3d(.5,.5,1);-ms-transform:scale3d(.5,.5,1);-ms-transition:-ms-transform ease-in-out .1s}
.thumbanils-touch ul{-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;-ms-transform:none}
.thumbnails-hover ul{-webkit-transform:scale3d(.6,.6,1);-moz-transform:scale3d(.6,.6,1);-o-transform:scale3d(.6,.6,1);transform:scale3d(.6,.6,1);-ms-transform:scale3d(.6,.6,1)}
.thumbnails li{display:inline-block;margin:0 5px;-webkit-box-shadow:0 0 10px #ccc;-moz-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc;list-style:none;-webkit-transition:-webkit-transform 60ms;-moz-transition:-webkit-transform 60ms;-o-transition:-webkit-transform 60ms;transition:-webkit-transform 60ms;-ms-box-shadow:0 0 10px #ccc;-o-box-shadow:0 0 10px #ccc;-ms-transition:-webkit-transform 60ms}
.thumbnails li span{display:none}
.thumbnails .current{-webkit-box-shadow:0 0 10px red;-moz-box-shadow:0 0 10px red;box-shadow:0 0 10px red;-ms-box-shadow:0 0 10px red;-o-box-shadow:0 0 10px red}
.thumbnails .thumb-hover{-webkit-box-shadow:0 0 10px #666;-moz-box-shadow:0 0 10px #666;box-shadow:0 0 10px #666;-webkit-transform:scale3d(1.3,1.3,1);-moz-transform:scale3d(1.3,1.3,1);-o-transform:scale3d(1.3,1.3,1);transform:scale3d(1.3,1.3,1);-ms-transform:scale3d(1.3,1.3,1);-ms-box-shadow:0 0 10px #666;-o-box-shadow:0 0 10px #666}
.thumbanils-touch .thumb-hover{-webkit-transform:none;-moz-transform:none;-o-transform:none;transform:none;-ms-transform:none}
.thumbnails .thumb-hover span{position:absolute;bottom:-30px;left:0;z-index:2;display:block;width:100%;height:30px;color:#666;font:bold 15px arial;line-height:30px;cursor:default}
.thumbnails img{float:left}
.exit-message{position:absolute;top:10px;left:0;z-index:10000;width:100%;height:40px}
.exit-message>div{margin:auto;width:140px;height:30px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:rgba(0,0,0,.5);color:#fff;text-align:center;font:12px arial;line-height:30px;-ms-border-radius:10px;-o-border-radius:10px}
.zoom-icon{position:absolute;top:10px;right:10px;z-index:1000;width:22px;height:22px;background-image:url(/dgtjnj-img/zoom-icons.png);background-size:88px 22px}
.zoom-icon-in{background-position:0 0;cursor:pointer}
.zoom-icon-in.zoom-icon-in-hover{background-position:-22px 0;cursor:pointer}
.zoom-icon-out{background-position:-44px 0}
.zoom-icon-out.zoom-icon-out-hover{background-position:-66px 0;cursor:pointer}
.bottom{position:absolute;bottom:0;left:0;width:100%}
/* main */
.flipbook-swiper{position:relative;font-size:0}
.flipbook-swiper .swiper-container{padding:30px 0}
.flipbook-swiper .swiper-wrapper .swiper-slide .pic-bg{z-index:-1;position:absolute;left:0;top:0;width:100%;height:100%;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);-khtml-opacity:.5}
.flipbook-swiper .swiper-wrapper .swiper-slide a{display:block}
.flipbook-swiper .swiper-wrapper .swiper-slide a img{display:block;margin:0 auto;padding:0 10px;height:228px}
/* button */
.flipbook-swiper .prev,.flipbook-swiper .next{position:absolute;top:50%;margin-top:-25px;width:50px;height:50px;background-repeat:no-repeat;background-position:center;cursor:pointer;color:#fff;text-align:center;line-height:50px;z-index:4;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);-khtml-opacity:0;transition:all .3s}
.flipbook-swiper .prev{left:0;background-image:url(/dgtjnj-img/turnpage_prev_ico.png)}
.flipbook-swiper .next{right:0;background-image:url(/dgtjnj-img/turnpage_next_ico.png)}
.flipbook-swiper:hover .prev,.flipbook-swiper:hover .next{opacity:.7;-moz-opacity:.7;filter:alpha(opacity=70);-khtml-opacity:.7}
.flipbook-swiper:hover .prev{-webkit-transform:translateX(6px);-moz-transform:translateX(6px);-o-transform:translateX(6px);transform:translateX(6px);-ms-transform:translateX(6px)}
.flipbook-swiper:hover .next{-webkit-transform:translateX(-6px);-moz-transform:translateX(-6px);-o-transform:translateX(-6px);transform:translateX(-6px);-ms-transform:translateX(-6px)}
.flipbook-swiper .prev:hover,.flipbook-swiper .next:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);-khtml-opacity:1}
/* 测试的父盒子 */
#parentBox{overflow:hidden;position:relative;margin:40px auto;padding:15px;width:1170px}
/* 576 */
@media only screen and (max-width: 36em) {
    *,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
    /* 测试的父盒子 */
    #parentBox{width:100%}

    .magazine-viewport{z-index:990;box-sizing:content-box}
    .btn-group{padding:15px 0}
    .flip-btn{display:none}
    .btn-group ul.fix2>.itm{width:24px;height:24px;background-size:24px}
    .btn-group ul.fix2>.go-txt{width:auto;height:24px;line-height:24px}
    .flipbook-swiper:hover .prev,.flipbook-swiper:hover .next{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);-khtml-opacity:0}
    /* end */
}