@import url("style.css?v=5");
@import url("ebookpub.css");
/*主题模板样式*/
@import url("theme.css?v=4");

html,body{
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
/* 	background:#dddddd; */
	background-size:contain;
	font-family:Microsoft Yahei;
	background-repeat: repeat;
	background-image:url("../img/bg.jpg");
}
input::-webkit-input-placeholder{color:inherit;}
input::-moz-placeholder{color:inherit;}
input:-moz-placeholder{color:inherit;} 
input:-ms-input-placeholder{color:inherit;}

.theme_back_white input::-webkit-input-placeholder{color:#fff;}
.theme_back_white input::-moz-placeholder{color:#fff;}
.theme_back_white input:-moz-placeholder{color:#fff;} 
.theme_back_white input:-ms-input-placeholder{color:#fff;}
*{
    -webkit-touch-callout:none;  /*绯荤粺榛樿鑿滃崟琚鐢�/
    -webkit-user-select:none; /*webkit娴忚鍣�/
    -khtml-user-select:none; /*鏃╂湡娴忚鍣�/
    -moz-user-select:none;/*鐏嫄*/
    -ms-user-select:none; /*IE10*/
    user-select:none;
}
body.ebookBg{
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
#message{
	width:200px;
	color:white;
	position:fixed;
	top:20%;
	left:calc(50% - 100px);
	display:none;
	z-index:10000;
	pointer-events:none;
	text-align:center;
	
    padding: 10px 6px;
    background-color: RGBA(0,0,0,0.5);
    
    -webkit-box-shadow: 0 0 15px rgba(40, 40, 40, 0.6);
    -moz-box-shadow: 0 0 15px rgba(40, 40, 40, 0.6);
    -ms-box-shadow: 0 0 15px rgba(40, 40, 40, 0.6);
    -o-box-shadow: 0 0 15px rgba(40, 40, 40, 0.6);
    box-shadow: 0 0 15px rgba(40, 40, 40, 0.6);
}

#main{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	overflow: hidden;
}
/**
 * 闊充箰
 * -u-audio
 */
.css_sprite01{ 
	animation:rotate 2s linear infinite;
	 -webkit-animation:rotate 2s linear infinite;
	background-size: contain;
	background-image:url(../img/audio_open_m.svg)!important;  background-repeat: no-repeat!important; 
/* 	background-position-y:-15px; */
	
	animation:none;
    -webkit-animation: none;
    background-size: 200%;
    background-image: url(../img/audio_open_m.svg) !important;
    background-position: -15.6px -15px;
	} 
.audio_btn_0{ 
	animation:rotate 2s linear infinite;
	 -webkit-animation:rotate 2s linear infinite;
	background-size: contain;
/* 	background-image:url(/youtuShare/fb/img/svg/audio_open_m.svg)!important;  */
	 background-repeat: no-repeat!important; 
/* 	background-position-y:-15px; */
	
	animation:none;
    -webkit-animation: none;
    background-size: 200%;
/*     background-image: url(/youtuShare/fb/img/svg/audio_open_m.svg) !important; */
    background-position: -15.6px -15px;
	} 
.css_sprite11{ 
	animation:rotate 2s linear infinite;
	 -webkit-animation:rotate 2s linear infinite;
	background-size: contain;
/* 	background-image:url(../../pub/img/audio1.png)!important; */
	  background-repeat: no-repeat!important; 
/* 	background-position-y:-15px; */
	
	animation:none;
    -webkit-animation: none;
    background-size: 200%;
/*     background-image: url(../img/svg/audio_open_m.svg) !important; */
    background-position: -15.6px -12px;
	} 
.audio_btn_0{ 
	animation:rotate 2s linear infinite;
	 -webkit-animation:rotate 2s linear infinite;
	background-size: contain;
/* 	background-image:url(../../pub/img/audio1.png)!important; */
	  background-repeat: no-repeat!important; 
/* 	background-position-y:-15px; */
	
	animation:none;
    -webkit-animation: none;
    background-size: 200%;
/*     background-image: url(../img/svg/audio_open_m.svg) !important; */
    background-position: -15.6px -12px;
	} 
.css_sprite02{ 
	background-size: contain;
	background-image:url(../../pub/img/stopAudio1.png)!important; 
	 background-repeat: no-repeat!important; 
/* 	background-position-y:-15px; */
	
    background-size: 200%;
    background-image: url(../img/svg/audio_pause_m.svg) !important;
    background-position: -15px -15px;
	} 
.audio_btn_1{ 
	background-size: contain;
/* 	background-image:url(../../pub/img/stopAudio1.png)!important;  */
	 background-repeat: no-repeat!important; 
/* 	background-position-y:-15px; */
	
    background-size: 200%;
/*     background-image: url(../img/svg/audio_pause_m.svg) !important; */
    background-position: -15px -15px;
	} 
  @keyframes rotate{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
.u-audio,.search-group ,.audio_btn{ position: absolute; width: 30px; height: 30px;top:5px;}
.u-audio1,.search-group ,.audio_btn{ position: absolute; width: 30px; height: 30px;top:2px;}
.u-audio .audio_open,.audio_btn .audio_btn_open{
	width:100%;
	height:100%;
}
.u-audio1 .audio_open1,.audio_btn .audio_btn_open{
	width:100%;
	height:100%;
}
.search-group{
	width: 180px;
	right: 10px;
}
#searchView .search-group{
	left: 12%;
	width: 80%;
	top:30px;
}
.yt_theme_0 #bottomBar_pc .label_icon_btn {
	background-image: url(../img/svg/label-6e.svg) !important;
	background-size: contain !important;
    background-position: 0px -1px;
    text-align: center;
        right: calc(50% - 276px);
}
#searchView .search-group input{
	width: 80%;
	-webkit-touch-callout: default;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.search-group input{
	width: 100px;
    height: 30px;
    padding: 0 2px;
    outline:none;
}
.search-group .search,.search-group input{
	float: left;
}
.search-group .search{
	width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    margin: 2px 6px;
    cursor: pointer;
}
#bottomBar .u-audio,.audio_btn{
	transform:scale(0.667);
	-webkit-transform:scale(0.667);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}
#bottomBar .u-audio1,.audio_btn{
	transform:scale(0.667);
	-webkit-transform:scale(0.667);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}

.app-loading{
	position: fixed;
	width: 140px;
	height: 120px;
	left: calc(50% - 75px);
	top: calc(50% - 100px);
}
.app-loading .title{
	color: #F60;
	font-size: 26px;
	text-align: center;
	padding: 0;
	margin: 0;
	width:140px;
	height:100px;
	margin-top:2px;
	background-image: url("../../fb/img/zj03-white.svg");
/* 	background-image: url("../../style3/img/logo.svg?v1"); */
	background-size: contain; 
	background-position: center center;
	background-repeat: no-repeat;
}
.app-loading .title_img{
max-width:140px;
max-height:100px;
}
.app-loading .loading{
	color: #F60;
	font-size: 12px;
	text-align: center;
	padding: 0;
	width: 140px;
/* 	width: 130px; */
    margin: 10px auto 0 auto;
}

.ctrl_hide_up{
	top: -45px !important;
}
.ctrl_hide_down{
	bottom: -45px !important;
}
#flipbook .shadow{
	-webkit-box-shadow: 0 0 10px #555;
    -moz-box-shadow: 0 0 10px #555;
    -ms-box-shadow: 0 0 10px #555;
    -o-box-shadow: 0 0 10px #555;
    box-shadow: 0 0 10px #555;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* #flipbook div[page="1"] > div, #flipbook div[page="2"] > div { */
/*     overflow: visible !important; */
/* } */
/* #flipbook div[page="22"] > div, #flipbook div[page="21"] > div { */
/*     overflow: visible !important; */
/* } */
/* #flipbook .page,.back{ */
/*     overflow: visible !important; */
/* } */

.front .side,.back .side{
	width: 5px;
    position: absolute;
    top: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), color-stop(0.5, #ddd), color-stop(1, #bbb));
    background-image: -webkit-linear-gradient(left, #bbb, #ddd, #bbb);
    background-image: -moz-linear-gradient(left, #bbb, #ddd, #bbb);
    background-image: -ms-linear-gradient(left, #bbb, #ddd, #bbb);
    background-image: -o-linear-gradient(left, #bbb, #ddd, #bbb);
    background-image: linear-gradient(left, #bbb, #ddd, #bbb);
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -o-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    z-index: 100000;
}


.animated{
	-webkit-transition:margin-left 0.2s ease-in-out,-webkit-transform 0.2s ease-in-out;
	-moz-transition:margin-left 0.2s ease-in-out,-moz-transform 0.2s ease-in-out;
	-o-transition:margin-left 0.2s ease-in-out,-o-transform 0.2s ease-in-out;
	-ms-transition:margin-left 0.2s ease-in-out,-ms-transform 0.2s ease-in-out;
	transition:margin-left 0.2s ease-in-out,transform 0.2s ease-in-out;
}
.depth{
	width: 20px;
	position: absolute;
}
.label{
	width: 65px;
	position: absolute;
	height: 100%;
	top:0;
	z-index: -1;
	right:-30px;
	display: none;
}
.label-img{
	background: #f60;
	width: 65px;
    height: 75px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #000;
}
#label_right .label-img:HOVER{
	position: absolute;
    right: -31px;
}
#label_left .label-img:HOVER{
	position: absolute;
    left: -31px;
}
.label-img p{
	width: 25px;
    float: right;
    color: #fff;
    font-weight: bold;
}
#depth_left .depth-img{
	float: right;
	width:50%;
	height: 100%;
	background-image:url(../img/thickness_left.png);
	background-position: right top;
    background-size: cover;
}
#depth_right .depth-img{
	float: left;
	width: 100%;
	height: 100%;
	background-image:url(../img/thickness.png);
    background-size: cover;
}
#bookCon{
	position: absolute;
	z-index: 1;
}
#bookCon .page{
	background-color: #FFF;
}
#bookCon .page-wrapper{
	 -webkit-perspective: 5000px;
    -moz-perspective: 5000px;
    -ms-perspective: 5000px;
    perspective: 5000px;
}
.pageBg{
	background-size: cover;
	width: 100%;
	height: 100%;
	position:absolute;
	background-color: #FFF;
}
#bookCon .double .odd-shadow{
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
/* 	background-image: -webkit-gradient(linear, right top, left top, color-stop(0.9, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,.2))); */
	background-image: -webkit-gradient(linear, right top, left top, color-stop(0.8, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,.1)));
	pointer-events: none;
}
#bookCon .double .even-shadow{
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
/* 	background-image: -webkit-gradient(linear, left top, right top, color-stop(0.9, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,.2))); */
   background-image: -webkit-gradient(linear, left top, right top, color-stop(0.8, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,.2)));
    pointer-events: none;
}
#prevBtn{
	position: absolute;
	width: 98px;
	height: 101px;
	left: 0;
	top: calc(50% - 50px);
	background-image: url(../img/previous_normal.png);
	cursor: pointer;
}
#nextBtn{
	position: absolute;
	width: 98px;
	height: 101px;
	right: 0;
	top: calc(50% - 50px);
	background-image: url(../img/next_normal_down.png);
	cursor: pointer;
}
.opacity_show{
	opacity: 1 !important;
	pointer-events: all !important;
	display: block !important;
}


/*椤甸潰鎺у埗*/
#pageCtl{
	width: 100%;
	text-align: center;
}
#pageCtl .input-page-btn{
	display: inline-block;
	width: 122px;
	height: 35px;
	margin: 0 5px;
}
#bottomBar_pc #pageCtl .input-page-btn>input{
    background: inherit;
    color: inherit;
  /*   margin-top: 2px; */
}
.theme_back_white #bottomBar_pc #pageCtl .input-page-btn>input{
	color: #fff;
}
#pageCtl .input-page-btn>input{
	padding: 0px;
    text-align: center;
    border-width: 0px;
    width: 90px;
    height: 35px;
    border-radius: 0px;
    color: rgb(51, 51, 51);
    background: rgb(255, 255, 255);
    float: left;
    font-size:16px;
    outline: none;
}
#bottomBar_pc #pageCtl .input-page-btn>.goPage{
	background-color: inherit;
}
#pageCtl .input-page-btn>.goPage{
    width: 32px;
    height: 35px;
    float: left;
    background-color: #FFF;
/*     background-image: url("../img/phone_icon.png"); */
    background-size: 250px 300px;
    background-position: -135px -37px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.theme_back_white #pageCtl .input-page-btn>.goPage{
	background-image: url("../img/svg/19.svg");
    background-size: 140%;
    background-position: -6px -5px;
}
#pageCtl .page-btn{
    display: inline-block;
	width: 35px;
	height: 35px;
	background-image: url("../img/phone_icon.png");
    background-repeat: no-repeat;
	background-size: 333.333px 400px;
    border: 1px solid #645F5F;
    margin: 0px 5px;
    cursor: pointer;
}
#bottomBar_pc #pageCtl .first-page-btn,#bottomBar_pc #pageCtl .pre-page-btn{
    transform: rotate(180deg);
}
#bottomBar_pc #pageCtl .next-page-btn,#bottomBar_pc #pageCtl .pre-page-btn{
	background-position: -10px -7px;
/*     background-image: url(../img/svg/pre0rnext-page.svg); */
    background-size: 176%;
}
.theme_back_white #bottomBar_pc #pageCtl .next-page-btn,.theme_back_white #bottomBar_pc #pageCtl .pre-page-btn{
	background-image: url(../img/svg/7.svg);
}

#bottomBar_pc #pageCtl .next-page-btn{
	background-position: -10px -14px;
}
#bottomBar_pc #pageCtl .last-page-btn,#bottomBar_pc #pageCtl .first-page-btn{
    background-position: -10px -7px;
/*     background-image: url(../img/svg/firstorlast-page.svg); */
    background-size: 176%;
}
.theme_back_white #bottomBar_pc #pageCtl .last-page-btn,.theme_back_white #bottomBar_pc #pageCtl .first-page-btn{
    background-image: url(../img/svg/8.svg);
}

#bottomBar_pc #pageCtl .last-page-btn{
	background-position: -10px -14px;
}
#pageCtl .first-page-btn {
    background-position: -102px -102px;
}
#pageCtl .pre-page-btn {
    background-position: -155px -102px;
}
#pageCtl .next-page-btn {
    background-position: -206px -102px;
}
#pageCtl .last-page-btn {
    background-position: -258px -102px;
}
#viewPdfBtn a{
	color:inherit;
	text-decoration: none;
/* 	font-weight: bold; */
/*     background-image: url(../img/svg/pdf.svg?v=3); */
/*     width: inherit; */
/*     height: inherit; */
/*     display: block; */
/*     background-position: center; */
/*         background-size: 76%; */
/*     background-repeat: no-repeat; */
}
.theme_back_white #viewPdfBtn a{
	background-image: url(../img/svg/pdf_2.svg?v=3);
	    background-size: 76%;
    background-repeat: no-repeat;
}

#bottomBar_pc #viewPdfBtn{
	position: absolute;
	right:calc(50% - 269px);
      top: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
}
#bottomBar #viewPdfBtn{
	position: absolute;
	top:5px;
}
#bottomBar #viewPdfBtn a{
	padding-right:10px;
/* 	color:#FFF; */
/* 	font-weight: normal !important; */
/* 	background-image: none; */
	width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
/* 	background-image: url(../img/svg/pdf_m.svg?v=3); */
}




/*******************************绉诲姩鏍峰紡**********************************/
#themeView{
	width: 100%;
	position: absolute;
	top: 0px;
	height: calc(100% - 46px);
	/* background-color: rgba(0,0,0,.7); */
	background-color: #fff;
	opacity: 0;
	z-index: 1;
	transition:opacity .5s;
	pointer-events: none;
	overflow-y: auto;
	padding-top:	15px; 
}
#searchView{
	width: 100%;
	position: absolute;
	top: 0px;
	height: calc(100% - 46px);
	background-color: rgba(0,0,0,.7);
	z-index: 1;
	transition:opacity .5s;
	overflow-y: auto;
	padding-top:15px; 
	display: none;
}
#themeView .themeItem{
	width: 110px;
	padding: 0px;
    text-align: center;
    cursor: pointer;
    float: left;
    overflow:hidden;
}
#themeView .themeItem .theme_img{
	width: 90px;
	height: 100px;
	margin: 0px auto;
    text-align: center;
    cursor: pointer;
    background-size: cover;
    border: 1px solid #ccc;
}
#themeView .themeItem>p{
	width: 100%;
	margin: 5px 0px;
    text-align: center;
/*     color: #FFFFFF; */
}
.themeItem>.pageInfo{
	font-size: 12px;
	line-height: 12px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden;
}

.ctl_bar{
	width: 100%;
    height: 35px;
	position: absolute;
	transition: all .5s;
}
#topBar{
    box-shadow: rgba(40, 0, 0, 0.498039) 0px 0px 5px;
    color: rgb(255, 255, 255);
    line-height: 40px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
/*     border-bottom-color: rgb(66, 23, 0); */
/*     background: rgb(96, 53, 19); */
    border-bottom-color: #000;
    background: #000;
    top: 0px;
    z-index: 1;
}
#bottomBar{
	box-shadow: rgba(40, 0, 0, 0.498039) 0px 0px 5px;
    border-top-width: 1px;
    border-top-style: solid;
/*     border-top-color: rgb(126, 83, 49); */
/*     background: rgb(96, 53, 19); */
 	border-top-color: #000;
    background: #000;
    bottom: 0px;
    z-index: 1;
    color:#fff;
}
#bottomBar .ctl_btn,#topBar .ctl_btn{
	width: 30px;
    height: 30px;
    position: absolute;
    top:5px;
    cursor: pointer;
/*     background-image: url("../img/phone_icon.png?v=2"); */
    background-size: 312.5px 375px;
    background-repeat: no-repeat;
    
    transform:scale(0.2);
	-webkit-transform:scale(0.667);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}
#bottomBar .theme_view_btn{
    left: 10px;
    background-position: -9.89583px -9.375px;
}
#bottomBar .page-ctrl-btn{
	left: calc(50% - 10px);
/* 	left: calc(13% + 4px); */
    background-position: -215.625px -7px;
/* 	background: none; */
/*     color: #fff; */
/*     width: auto; */
/*     line-height: 30px; */
/*     font-size: 20px; */
/*     font-family: arial; */
}
#bottomBar .play-ctrl-btn{
/* 	right:10px; */
/* 	left: calc(39% + 10px); */
}
#bottomBar .powerLogo{
	background-image: url(../img/logo11.png);
    width: 128px;
    background-size: contain;
    right: -30px;
    display: none;
}
#bottomBar .search,.search-group .search{
/* 	background-image: url(../img/search.png); */
    background-size: contain;
}
#bottomBar .search{
	left: calc(52% + 10px);
	width: 25px;
    top: 7px;
}
#bottomBar .play-ctrl-btn-play{
    background-position: -95.8333px -54.1667px;
}
#bottomBar .double-single-ctrl-btn{
/* 	background-image: url("../img/double-single-toggle.png"); */
	background-size:cover;
	background-position: 0 0;
}
#bottomBar .single{
	background-position: -35px 0;
}
#bottomBar .play-ctrl-btn-pause{
    background-position: -134.375px -54.1667px;
}
#pageCtl_mobile{
	position: absolute;
	width: 100%;
	height: 50px;
	bottom: 31px;
	padding-top: 20px;
	background-color: rgba(0,0,0,.7);
	text-align: center;
	opacity: 0;
	transition: all .5s;
	pointer-events:none;
	z-index: 1;
}
/*******************************绉诲姩鏍峰紡end**********************************/

/*******************************pc鏍峰紡**********************************/
#themeView_pc,#searchView_pc{
	width: 100%;
	padding: 0px;
	position: absolute;
	bottom:41px;
	height: 250px;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	z-index: 999999;
	pointer-events: none;
	overflow: visible;
	transition: all .5s;
	display: none;
}
#themeView_pc .close-btn{
	position: absolute;
	right: 0px;
	top: -20px;
	width: 20px;
	height: 20px;
	background-color: #000;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MDNERENEMTJENDcxMUU2OTQ4NEZEOTYxQUUzRjg5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MDNERENEMjJENDcxMUU2OTQ4NEZEOTYxQUUzRjg5NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjkwM0REQ0NGMkQ0NzExRTY5NDg0RkQ5NjFBRTNGODk0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjkwM0REQ0QwMkQ0NzExRTY5NDg0RkQ5NjFBRTNGODk0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+z5LgVQAAAFdJREFUeNqUkFEOwCAIQ+vL7n9ltiVmUUFk/RP6SGuzR5KaajK62Srm10t/nKAvBcNwB02RWZYr5PpdwcURcp+Bfookc9iJrGAEkRWMIA5mB1EwT9AtwAARmBgXyANHSQAAAABJRU5ErkJggg==");
	background-repeat: no-repeat;
	background-position: center;
	cursor:pointer;
	 
}
#themeView_pc .theme-con{
	margin: 20px;
	overflow-x: auto;
	overflow-y: hidden;
}
#themeView_pc .themeItem{
/* 	padding-right: 20px; */
/*     text-align: center; */
/*     cursor: pointer; */
/*     float: left; */
}
#themeView_pc .themeItem .theme_img{
/* 	margin: 0px auto; */
/*     text-align: center; */
/*     cursor: pointer; */
/*     background-size: cover; */
    background-color: #fff;
}
#themeView_pc .themeItem>p{
/* 	width: 100%; */
/* 	margin: 5px 0px; */
/*     text-align: center; */
/*     color: #FFFFFF; */
}

#topBar_pc{
    box-shadow: rgba(40, 0, 0, 0) 0px 0px 5px;
    color: rgb(255, 255, 255);
    line-height: 35px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0,0,0,0);
    background: rgba(0,0,0,0);
    top: 0px;
}
.theme_back_white #topBar_pc .logo{

	background-image: url("../img/zj03-white.svg");
}
.theme_back_white .tjLoGo{

	background-image: url("../img/zj03-white.svg") !important;
}
#topBar_pc .logo{
	width:136px;
	height:36px;
	background-image: url("../img/logo.svg");
	background-size: contain; 
	background-repeat:no-repeat;
	margin-top: 10px;
    margin-left: 10px;
}	
#bottomBar_pc{
/* 	box-shadow: rgba(156, 156, 156, 0.5) 0px 5px 16px; */
    border-top-width: 1px;
    border-top-style: solid;
/*     border-top-color: rgb(126, 83, 49); */
/*     background: rgb(96, 53, 19); */
 	border-top-color: #DDD;
    background: RGB(238,238,238);
/*     bottom: 0px; */
    top: 0px;
    z-index: 1;
    height: 35px;
        color: #6e6e6e;
}
.theme_back_white #bottomBar_pc{
 	border-top-color: #000;
    background: #000;
}
#bottomBar_pc .search-group input{
	border:1px solid rgb(238,238,238);
    border-radius: 4px;
    width: 172px;
}
#bottomBar_pc .ctl_btn,#topBar_pc .ctl_btn{
    position: absolute;
    top:5px;
}



#bottomBar_pc .ctl_btn,#topBar_pc .ctl_btn,#bottomBar_pc .search,#bottomBar_pc .page-btn,#bottomBar_pc .css_sprite01,#bottomBar_pc .css_sprite02,#bottomBar_pc .audio_btn_0,#bottomBar_pc .audio_btn_1{
	width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url("../img/phone2_icon.png");
    background-size: 836px 50px;
    background-repeat: no-repeat;
}
#bottomBar_pc .ctl_btn,#topBar_pc .ctl_btn,#bottomBar_pc .search,#bottomBar_pc .page-btn,#bottomBar_pc .css_sprite11,#bottomBar_pc .css_sprite02,#bottomBar_pc .audio_btn_0,#bottomBar_pc .audio_btn_1{
	width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url("../img/phone2_icon.png");
    background-size: 836px 50px;
    background-repeat: no-repeat;
}
#bottomBar_pc .theme_view_btn{
    left: calc(50% - 266px);
/*     background-image: url(../img/svg/theme_view.svg); */
    background-size: 190%;
    background-position: -13.8px -15px;
    text-align: center;
}
#bottomBar_pc .zoomIn_view_btn{
    left: calc(50% + 245px);
/*     background-image: url(../img/svg/zoomIn.svg); */
    background-image: none;
    background-size: 80%;
        background-position: 0px 2px;
}
#bottomBar_pc .zoomOut_view_btn{
    left: calc(50% + 288px);
    background-image: none;
/*     background-image: url(../img/svg/zoomOut.svg); */
    background-size: 80%;
        background-position: 0px 2px;
/*     background-position: -13.8px -15px; */
}
.theme_back_white #bottomBar_pc .theme_view_btn{
	background-image: url(../img/svg/5.svg);
}

.theme_back_white #bottomBar_pc .zoomIn_view_btn{
	background-image: url(../img/svg/zoomIn-white.svg);
}
.theme_back_white #bottomBar_pc .zoomOut_view_btn{
	background-image: url(../img/svg/zoomOut-white.svg);
}
#bottomBar_pc .share_btn{
	display:none;
    left: calc(50% - 328px);
    background-image: url(../img/svg/share.svg);
    background-size: 78%;
    background-position: 6px 2px;
}
.theme_back_white #bottomBar_pc .share_btn{
	display:none;
	background-image: url(../img/svg/18.svg);
    background-size: 190%;
    background-position: -11px -15px;
}
#bottomBar_pc .help_icon_btn{
	left: calc(50% - 370px);
/*     background-image: url(../img/svg/help.svg); */
    background-size: 234%;
    background-position: -21px -21px;
    text-align: center;
}
.theme_back_white #bottomBar_pc .help_icon_btn{
	background-image: url(../img/svg/1.svg);
}

#bottomBar_pc .help_icon_btn .img{
	background-image: url(../img/help.png);
    width: 416px;
    height: 414px;
    cursor: auto;
    top: 31px;
    position: absolute;
    left: -120px;
    display: none;
}

#bottomBar_pc .double-single-ctrl-btn{
    background-size: 26px;
    background-position: 0 1px;
	left: calc(50% - 236px);
	text-align: center;
}
#bottomBar_pc .double{
/* 	background-image: url("../img/single-toggle-pc.svg"); */
}
.theme_back_white #bottomBar_pc .double{
	background-image: url("../img/svg/single-toggle-pc.svg");
}

#bottomBar_pc .single{
/* 	background-image: url("../img/double-toggle-pc.svg"); */
}
.theme_back_white #bottomBar_pc .single{
/* 	background-image: url("../img/svg/double-toggle-pc.svg"); */
}

#bottomBar_pc .page-ctrl-btn{
	left: calc(50% - 10px);
    background-position: -215.625px -10.4167px;
}
#bottomBar_pc .play-ctrl-btn{
	left: calc(50% + 158px);
}
#bottomBar_pc .full-screen-btn,#bottomBar_pc .exit-full-screen-btn{
    left: calc(50% - 184px);
}
#bottomBar_pc .full-screen-btn{
/* 	background-image: url(../img/svg/full-screen.svg); */
    background-size: 176%;
    background-position: -12px -12.6px;
    text-align: center;
}
.theme_back_white #bottomBar_pc .full-screen-btn{
	background-image: url(../img/svg/4.svg);
}

#bottomBar_pc .exit-full-screen-btn{
/* 	background-image: url(../img/svg/exit-full-screen.svg); */
    background-size: 176%;
    background-position: -12px -12.6px;
}
.theme_back_white #bottomBar_pc .exit-full-screen-btn{
	background-image: url(../img/svg/13.svg);
}

#bottomBar_pc .play-ctrl-btn-play,#bottomBar_pc .play-ctrl-btn-pause,#bottomBar_pc .css_sprite01,#bottomBar_pc .css_sprite02,#bottomBar_pc .audio_btn_0,#bottomBar_pc .audio_btn_1{
    background-size: 534px;
}
#bottomBar_pc .play-ctrl-btn-play,#bottomBar_pc .play-ctrl-btn-pause,#bottomBar_pc .css_sprite11,#bottomBar_pc .css_sprite02,#bottomBar_pc .audio_btn_0,#bottomBar_pc .audio_btn_1{
    background-size: 534px;
}
#bottomBar_pc .play-ctrl-btn-play{
    background-position: -1.8px -3px;
/*     background-image: url(../img/svg/play.svg); */
    background-size: 115%;
    text-align: center;
}
.theme_back_white #bottomBar_pc .play-ctrl-btn-play{
    background-image: url(../img/svg/11.svg);
}

#bottomBar_pc .play-ctrl-btn-pause{
    background-position: -1.8px -3px;
/*     background-image: url(../img/svg/pause.svg); */
    background-size: 115%;
}
.theme_back_white #bottomBar_pc .play-ctrl-btn-pause{
    background-image: url(../img/svg/12.svg);
}

#bottomBar_pc .page-ctrl-con{
	width: 100%;
	padding-top: 2px;
}
#bottomBar_pc .page-ctrl-con .page-btn{
	border:none;
}
#bottomBar_pc .search{
/* 	background-color: #fff; */
	position: absolute;
	right: -2px;
    width: 28px;
    height: 28px;
    background-position: -9.7px -11.5px;
    background-image: url(../img/svg/search.svg);
    background-size: 179%;
}
#bottomBar_pc .u-audio,#bottomBar_pc .audio_btn{
	position: absolute; width: 22px; height: 22px;top:10px;
	right: calc(50% - 227px) !important;
}
#bottomBar_pc .u-audio1,#bottomBar_pc .audio_btn{
	position: absolute; width: 22px; height: 22px;top:10px;
	right: calc(50% - 227px) !important;
}
#bottomBar_pc .css_sprite01,#bottomBar_pc .css_sprite02,#bottomBar_pc .audio_btn_0,#bottomBar_pc .audio_btn_1{
    width: inherit;
    height: inherit;
}
#bottomBar_pc .css_sprite11,#bottomBar_pc .css_sprite02,#bottomBar_pc .audio_btn_0,#bottomBar_pc .audio_btn_1{
    width: inherit;
    height: inherit;
}
#bottomBar_pc .css_sprite01,#bottomBar_pc .audio_btn_0{
    background-position: -10.5px -11px;
    background-image: url(../img/svg/audio_open.svg?v=1) !important;
    background-size: 187%;
    animation: none;
    -webkit-animation: none;
}
#bottomBar_pc .css_sprite11,#bottomBar_pc .audio_btn_0{
    background-position: -10.5px -11px;
/*     background-image: url(../img/svg/audio_open.svg?v=1) !important; */
    background-image:none !important;
    background-size: 187%;
    animation: none;
    -webkit-animation: none;
}
.theme_back_white #bottomBar_pc .css_sprite01,.theme_back_white #bottomBar_pc .audio_btn_0{
	background-image: url(../img/svg/16.svg?v=1) !important;
}
.theme_back_white #bottomBar_pc .css_sprite11,.theme_back_white #bottomBar_pc .audio_btn_0{
	background-image: url(../img/svg/16.svg?v=1) !important;
}

#bottomBar_pc .audio_btn_0{
	background-position: -10.5px -12px;
}
#bottomBar_pc .css_sprite02,#bottomBar_pc .audio_btn_1{
    background-position: -9.7px -9.5px;
    background-image: none !important;
/*     background-image: url(../img/svg/audio_pause.svg?v=1) !important; */
    background-size: 187%;
}
.theme_back_white #bottomBar_pc .css_sprite02,.theme_back_white #bottomBar_pc .audio_btn_1{
    background-image: url(../img/svg/17.svg?v=1) !important;
}
#bottomBar_pc .audio_btn_1{
	background-position: -9.7px -12.5px;
}
/*******************************pc鏍峰紡end**********************************/

#showTextDialog{
	position: absolute;
	box-sizing:border-box;
	width:100%;
	height:100%;
	padding:20px;
	background-color: #FFF;
	z-index: 10;
	text-align:justify;
	overflow: auto;
	
	transform:scale(0);
	-webkit-transform:scale(0);
	transition:all 0.5s;
	opacity:0;
	font-size: 20px;
	line-height: 30px;
/* 	display: none; */
}
.dialog-show{
	transform:scale(1) !important;
	-webkit-transform:scale(1) !important;
	opacity:1 !important;
/* 	display: block !important; */
}
#searchResult{
	position: absolute;
    top: 60px;
    color: #fff;
    width: 100%;
    height: 100%;
}
#searchResult p,#searchView_pc p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 12px;
    cursor: pointer;
}
#searchView_pc p,#themeView_pc .themeItem>p{
	width: inherit;
    position: absolute;
    bottom: -1px;
    margin: 0;
    background-color: #666;
    padding: 4px 1px;
    text-align: center;
    font-size: 12px;
}
#searchView_pc,#themeView_pc{
	width: 100%;
	height:100% !important;
	left:0;
	top:0;
}
#searchView_pc>.result,#themeView_pc{
	color: #fff;
}
#searchView_pc>.result,#themeView_pc .theme-con{
    position: absolute;
    background-color: #fff;
	width: calc(100% - 160px);
	height:calc(100% - 160px);
	left:80px;
	top:80px;
    padding: 2px 10px;
    overflow: auto;
    z-index: 999;
    margin: 0;
}
#searchView_pc>.result>div,#themeView_pc .themeItem{
	float: left;
    margin: 16px 6px 0 6px;
    position: relative;
}
.searchView_pc_bg,#themeView_pc .themeItem .theme_img{
    width: inherit !important;
    height: inherit !important;
    background-size: cover;
    border: 1px solid #666;
    cursor: pointer;
}
.searchView_pc_bg:HOVER,#themeView_pc .themeItem .theme_img:HOVER{
    box-shadow: inset 0px 0px 9px #666;
}
.inputPSWWin { position: absolute; top: 0; left: 0; z-index: 50; width: 100%; height: 100%; padding:20px 0px; margin-top: 0px; background: rgba(0,0,0,0.8); border-radius:0px;
	opacity: 0;
	-webkit-transform: scale(0.2);
	   -moz-transform: scale(0.2);
	    -ms-transform: scale(0.2);
	     -o-transform: scale(0.2);
	        transform: scale(0.2);

	-webkit-transition:all 0.5s;
  	   -moz-transition:all 0.5s;
	    -ms-transition:all 0.5s;
	     -o-transition:all 0.5s;
	        transition:all 0.5s;
}
input:FOCUS,textarea:FOCUS{
	outline: none;
}
.inputPSWWin h3,.inputPSWWin .fenge{
	display: none;
}
.inputPSWWin-con{ position: absolute; top: 50%;left: calc((100% - 280px)/2);width: 280px; height: 640px; margin-top: -340px;background-color: #E9E9E9;border-radius: 2px; }
.inputPSWWin h3 { margin-bottom: 15px;margin-top:35px; color: #34495e; font-size: 1em; text-align: center; }
.inputPSWWin th{padding: 20px 20px 20px 0px;text-align: right;font-weight: normal;}
.inputPSWWin td { padding: 20px 0;}
.inputPSWWin td:LAST-CHILD { padding: 6px 0;}
.inputPSWWin th { font-size: 1em; color: #34495e; }
.inputPSWWin td { font-size: 24px; color: #34495e; }
.inputPSWWin td input { width: 80%; border:none; padding: 5px 0 2px 10px; font-size: 0.8em; color: #34495e;border-bottom: 1px solid #CCC;background-color: #e9e9e9;}
.inputPSWWin td input{
    border-bottom: 1px solid #5CBEC7;
    padding: 65px 0 2px 0 !important;
}
.inputPSWWin td textarea { width: 300px;height:120px; border:none; padding: 5px 0 2px 10px; font-size: 24px; color: #34495e;border: 1px solid #CCC; }
.inputPSWWin .fenge {border: 1px solid #5CBEC7;margin: 0 auto; border-top: none; width: 94%;}

.inputPSWWin td input.z-error { border-color: #1385C3; }
.inputPSWWin td.btn p { margin: auto;width: 70%; height: 2em; line-height: 2em; text-align: center; color: #FFFFFF; background: #1385C3; border-radius: 0px; font-size: 0.8em;  }
.inputPSWWin td.btn p.z-fial { background: #aaa; }
.inputPSWWin td.btn p.z-success { background: #e74c3c; }

.inputPSWWin.z-show{ opacity: 1;
	-webkit-transform: translate(0,0) scale(1);
	   -moz-transform: translate(0,0) scale(1);
	    -ms-transform: translate(0,0) scale(1);
	     -o-transform: translate(0,0) scale(1);
	        transform: translate(0,0) scale(1);
}
.inputPSWWin.f-hide{
	display: none !important;
}
#bottomBar .readArticle{
	right: 10px !important;
    color: #fff;
    position: absolute;
    font-size: 12px;
    top: 6px;
}

@keyframes page-tip-animation{
	from{
		transform:translateX(0);
	}
	to{
		transform:translateX(-30px);
	}
}
@-webkit-keyframes page-tip-animation{
	from{
		transform:translateX(0);
	}
	to{
		transform:translateX(-30px);
	}
}
.turn-page-tip{
	width:32px;
	height:32px;
	background-image:url("../img/drag.svg?v=1");
	background-repeat:no-repeat;
	background-position:center;
	position: absolute;
    bottom: 3px;
    right: 10px;
    pointer-events:none;
    animation:page-tip-animation 1.3s infinite linear;
}
.tjLogo{
    width: 100%;
    height: 32px;
    background-size: contain !important;
    /* background-position: center !important; */
    background-repeat: no-repeat !important;
	margin-bottom: 10px;
    
}
.tjLoGo,#topBar_pc .logo{
	width: 120px;
    position: absolute;
    height: 30px;
    left: 6px;
    top: 2px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position:center;
    margin: 0;
    z-index: 9;
    cursor: pointer;
}
.pageBg>img{
	width:100%;
	height:100%;
	pointer-events: auto;
}
.pageBg .loading{
	background-image: url(../img/loader.gif);
	background-repeat:no-repeat;
	background-position:center;
    width: 100%;
    height: 100%;
}
.use_view_btn{
	width: 100%;
    height: 100%;
    background-size: contain !important;
/*     background-image: url(../../pub/img/.png)!important; */
/*     background-image: url(../../pub/img/Help_4.png)!important; */
    background-repeat: no-repeat!important;
    text-align: center;
    top: 1px;
    width: 28px;
    height: 28px;
    right: 33px;
    position: absolute;
}
.label_view_btn{
    background-position: 2px 2px;
    background-size: 89% !important;
    background-image: url(../img/svg/label-phone.svg)!important;
/*     background-image: url(../../pub/img/Help_4.png)!important; */
    background-repeat: no-repeat!important;
    text-align: center;
    top: 1px;
    width: 28px;
    height: 28px;
    right: 4px;
    position: absolute;
}
.label_goto_btn{
	background-position: 5px 3px;
    background-size: 73%!important;
    background-image: url(../img/svg/goto.svg)!important;
/*     background-image: url(../../pub/img/Help_4.png)!important; */
    background-repeat: no-repeat!important;
    text-align: center;
    top: 1px;
    width: 28px;
    height: 28px;
    right: 33px;
    position: absolute;
    display: none;
}
.use_center_btn{
	width: 100%;
    height: 100%;
    background-size: contain !important;
/*     background-image: url(../../pub/img/.png)!important; */
/*     background-image: url(../../pub/img/user-center.svg)!important; */
    background-repeat: no-repeat!important;
    text-align: center;
    top: 1px;
    width: 28px;
    height: 28px;
    right: 88px;
    position: absolute;
}
.mess_iage .spa_val.Addr_spa{
width:75%;word-break:normal;display:block;white-space:pre-wrap;overflow:hidden;float: right;
}
#UserCen{
    width: 100%;
    position: absolute;
    top: 0px;
    height:100%;
    z-index: 1;
    transition: opacity .5s;
/*     padding-top: 15px; */
    visibility:hidden;
    overflow-y: auto;
	}
#UserCen .Cen_EWtop{
	text-align: center;
	padding-top: 60px;
}
.EWtop_img{
	width: 150px;
    height: 150px;
    background: #fff;
    margin: auto;
}
.EWtop_img img{
	width: 100%;
	height: 100%;
}
.Cen_MEbottom{
	color: #000;
	background:rgba(255, 255, 255, .65);;
	width: 90%;
	height: auto;
	margin: auto;
	margin-top: 18px;
	padding-bottom: 20px;
}
.MEbottom_title{
	height: 50px;
	text-align: center;
	border-bottom: 1px solid #8b8b8b;
}
.MEbottom_title a{
	font-size: 16px;
	color:#000;
	line-height: 50px;
	text-decoration: none;
}
.MEbottom_mess{
/* margin: 0px 15px; */
    margin-left: 6%;
    margin-top: 5px;
}
.MEbottom_mess .mess_iage{
height: 35px;
line-height: 35px;
position: relative;
}
.a_img{
	display: inline-block;
	background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain;
    position: absolute;
    top: 4px;
}
 .a_img_1{
 background-image: url(../../pub/img/bg/mobileph.svg);
 }
 .a_img_2{
 background-image: url(../../pub/img/bg/telph.svg);
 }
 .a_img_3{
 background-image: url(../../pub/img/bg/QQ.svg);
 }
 .a_img_4{
 background-image: url(../../pub/img/bg/WeChat.svg);
 }
 .a_img_5{
 background-image: url(../../pub/img/bg/emil.svg);
 }
 .a_img_6{
 background-image: url(../../pub/img/bg/Url.svg);
 }
 .a_img_7{
 background-image: url(../../pub/img/bg/Address.svg);
 }
.mess_iage span{
display: inline-block;
width: 35px;
    margin-left: 28px;
}
.mess_iage .spa_val{
width: auto;
    margin-left: 0px;
        color: #383838;
}
.mess_iage input{
margin-left: 10px;
}
/* .mess_iage a{ */
/* 	position: absolute; */
/*     right: 20px; */
/*     top: 5px; */
/*     height: 32px; */
/*     border-radius: 5px; */
/*     color: #26a1e4; */
/*     background: #fff; */
/*     outline: none; */
/* } */
.addr_sa{
width:80%;
word-break:normal;
display:block;
white-space:pre-wrap;
overflow:hidden;
}
#UseView{
    width: 100%;
    position: absolute;
    top: 30px;
    height: calc(100% - 60px);
    background-color: #fff;
    z-index: 1;
    transition: opacity .5s;
/*     padding-top: 15px; */
    visibility:hidden;
	}
  .swiper-container {
      width: 100%;
      height: 100%;
      background-color:#fff;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      background-position: center;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .swiper-pagination{
        position: relative;
	    bottom: 30px;
	    z-index: 999;
	    text-align: center;
    }
    .swiper-pagination-switch{
        width: 12px;
    	height: 12px;
    	 background: #fff;
   		box-shadow: 0px 1px 2px #5ca5ea inset; 
    }
    .swiper-active-switch{
    	 background: #5ca5ea;
   		box-shadow: 0px 1px 2px #5ca5ea inset; 
    
    }
#Demo{
    position:fixed;
    bottom: -5px;
    left: 20%;
    width: 60%;
    height:42px;
    z-index: 9999;
    }
.an_de{
	text-align:center;
    width: 100%;
    background: #000;
    color: #fff;
    padding: 2px 0px;
    border-radius:5px;
    font-size:14px;
    float: left;
	padding-bottom:4px;
}
.icon_dow{
	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 8px solid #000;
    float: left;
    margin-left: 95px;
}
.iosSC{
	width:25px;
	height:22px;
	position: relative;
    top: 5px;
	
}
.close-swi{
	width: 50px;
    height: 30px;
	background-image: url(../img/ios-close-outline.png)!important;
	background-repeat:no-repeat;
	background-size: contain;
    position: absolute;
    top: 20px;
    right: 0px;
    z-index: 999;
}
.close-user{
	width: 50px;
    height: 30px;
	background-image: url(../img/user_close.svg)!important;
	background-repeat:no-repeat;
	background-size: contain;
    position: absolute;
    top: 20px;
    right: 0px;
    z-index: 999;
}

/*******************************硬壳书封面相关*******************************/
.hard{
}

.hard_cover_shadow{
	position : absolute;
	left : 0px;
	top : 0px;
	width: 100%;
	height: 100%;
	pointer-events:none;
}
.hard_left_border{
    position: absolute;
    left: 0;
    top: 0px;
    bottom:0px;
    width: 5px;
    
    background-image: linear-gradient(left, rgba(220,220,180,0.6), rgba(220,220,180,0));
    background-image: -o-linear-gradient(left, rgba(220,220,180,0.6), rgba(220,220,180,0));
    background-image: -moz-linear-gradient(left, rgba(220,220,180,0.6), rgba(220,220,180,0));
    background-image: -webkit-linear-gradient(left, rgba(220,220,180,0.6), rgba(220,220,180,0));
    background-image: -ms-linear-gradient(left, rgba(220,220,180,0.6), rgba(220,220,180,0));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#77C8C896', EndColorStr='#00F0F0C8');
}
.hard_right_border{
    position: absolute;
    right: -1px;
    top: 0;
    bottom:0;
    width: 20px;
}
.hard_top_border{
	position: absolute;
    left: 0;
    right:0px;
    top: 0;
    height: 3px;
    background-image: linear-gradient(top, rgba(240,240,200,0.6), rgba(240,240,200,0));
    background-image: -o-linear-gradient(top, rgba(240,240,200,0.6), rgba(240,240,200,0));
    background-image: -moz-linear-gradient(top, rgba(240,240,200,0.6), rgba(240,240,200,0));
    background-image: -webkit-linear-gradient(top, rgba(240,240,200,0.6), rgba(240,240,200,0));
    background-image: -ms-linear-gradient(top, rgba(240,240,200,0.6), rgba(240,240,200,0));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#CCF0F0C8', EndColorStr='#00F0F0C8');
}
.hard_bottom_border{
	position: absolute;
    left: 1px;
    right:1px;
    top: auto;
    bottom: 0;
    height: 3px;
    border-radius:0 0 0 1px;
    background-image: linear-gradient(bottom, rgba(0,0,0,0.4), rgba(0,0,0,0));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.4), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.4), rgba(0,0,0,0));
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.4), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.4), rgba(0,0,0,0));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00F0F0C8', EndColorStr='#66C8C896');
}

.flip_x {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
}
.hard_left_border_cover{
	position: absolute;
    left: 0;
    top: 0;
    width: 1.2%;
    height: 100%;
    background-image: linear-gradient(left, rgba(20,20,20,0.5), rgba(240,240,200,0));
    background-image: -o-linear-gradient(left, rgba(20,20,20,0.5), rgba(240,240,200,0));
    background-image: -moz-linear-gradient(left, rgba(20,20,20,0.5), rgba(240,240,200,0));
    background-image: -webkit-linear-gradient(left, rgba(20,20,20,0.5), rgba(240,240,200,0));
    background-image: -ms-linear-gradient(left, rgba(20,20,20,0.5), rgba(240,240,200,0));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#77151515', EndColorStr='#00DCDCB4');
}
.hard_right_border_cover{
	position: absolute;
    left: auto;
    right: 0;
    top: 0;
    bottom:0;
    width: 3px;
    background-image: linear-gradient(right, rgba(0,0,0,0.25), rgba(0,0,0,0));
    background-image: -o-linear-gradient(right, rgba(0,0,0,0.25), rgba(0,0,0,0));
    background-image: -moz-linear-gradient(right, rgba(0,0,0,0.25), rgba(0,0,0,0));
    background-image: -webkit-linear-gradient(right, rgba(0,0,0,0.25), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(right, rgba(0,0,0,0.25), rgba(0,0,0,0));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#00F0F0C8', EndColorStr='#77C8C896');	
}
.hard_flod{
	    position: absolute;
    left: 2.5%;
    top: 0px;
    width: 1.5%;
    height: 100%;
    background-image: linear-gradient(left, rgba(40,40,20,0) 0%, rgba(40,40,20,0.4) 35%, rgba(40,40,20,0) 100%);
    background-image: -o-linear-gradient(left, rgba(40,40,20,0) 0%, rgba(40,40,20,0.4) 35%, rgba(40,40,20,0) 100%);
    background-image: -moz-linear-gradient(left, rgba(40,40,20,0) 0%, rgba(40,40,20,0.4) 35%, rgba(40,40,20,0) 100%);
    background-image: -webkit-linear-gradient(left, rgba(40,40,20,0) 0%, rgba(40,40,20,0.4) 35%, rgba(40,40,20,0) 100%);
    background-image: -ms-linear-gradient(left, rgba(40,40,20,0) 0%, rgba(40,40,20,0.4) 35%, rgba(40,40,20,0) 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#77282815', EndColorStr='#00282815');
}
.contactUs{
	position: absolute;
	top: 9px;
	right: 10px;
/* 	color: #666; */
	color: inherit;
	text-decoration: none;
	display: block;
}
.theme_back_white .contactUs{
	position: absolute;
	top: 9px;
	right: 10px;
	color: #fff;
	text-decoration: none;
	display: block;
}
.texture{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity:1;
}
.textureLining .pageBg>img{
	display: none;
}
.textureLining .pageBg,.texture{
	background-size: auto;
	background-repeat: repeat;
}
/***share start****/
.share-plat-win{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1;
}
.share-plat-win p{
	position: relative;
	margin: 0;
}
.share-plat-bg{
	background: #eee;
    width: 500px;
    height: 320px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -260px 0 0 -264px;
    padding: 16px 28px 28px;
}
.share-plat-head{
	margin-bottom: 16px !important;
}
.share-plat-body{
	
}
.share-plat-url{
	position: relative;
	height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 2px;
}
.share-plat-cancel{
	font-size: 30px;
    position: absolute;
    top: -11px;
    right: -18px;
    color: #666;
    cursor: pointer;
}
.share-plat-cancel:HOVER{
	color: #000;
}
.share-plat-bg input{
	width: 70%;
    padding: 6px 10px;
    border-radius: 2px;
    border: 1px solid #eee;
    font-family: Microsoft Yahei;
}
.share-plat-copy{
    background-color: #666;
    color: #fff;
    padding: 0px 10px;
    height: 26px;
    line-height: 26px;
    position: absolute;
    top: 1.5px;
    margin-left: 38px;
    cursor: pointer;
}
.share-plat-copy:HOVER{
	background-color: #555;
}
.share-plat-group{
	margin-top: 10px;
}
.share-plat-tips{
	font-size: 14px;
	margin-top: 2px;
}
.jiathis_style_32x32  .jtico{
	margin: -3px 2px;
}
#jiathis_weixin_tip a{
	display: none;
}
#jiathis_weixin_tip{
	margin-top: -4px !important;
}
.share-plat-bg textarea {
    resize: none;
    width: 91%;
    height: 88px;
    border: 1px solid #eee;
    border-radius: 2px;
    padding: 6px;
    font-family: Microsoft Yahei;
}
.share-plat-textarea{
	position: relative;
}
.share-plat-textarea .share-plat-copy{
    top: 10px;
    right: 39px;
}
/***share end****/
.clickContrlArea{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#topBar_mobile{
    height: 30px;
    box-shadow: rgba(40, 0, 0, 0.498039) 0px 0px 5px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #000;
    background: #000;
    z-index: 1;
    position: relative;
    overflow: hidden;
    color:#fff;
}
#topBar_mobile .logo{
    background-image: url(../img/zj03-white.svg);
    width: 50%;
    height: 26px;
    background-size: contain;
    background-position-x: 10px;
    margin-top: 1px;
    background-repeat: no-repeat;
}
#bottomBar_pc .contents_icon_btn{
    left: calc(50% - 331px);
    background-image:none;
    background-size: 78%;
    background-position: 6px 2px;
    text-align: center;
    background: none;
}
#bottomBar_pc .epaper_icon_btn{
    right: 25px;
    background-image:none;
    text-align: center;
}
.theme_back_white #bottomBar_pc .contents_icon_btn{
	background-image: url(../img/svg/contents_2.svg);
}
.contents_m_icon_btn{
    width: 22px;
    height: 22px;
/*     background-image: url(../img/mulu.svg); */
    text-align: center;
    background-repeat: no-repeat;
    top: 4px;
    right: 64px;
    position: absolute;
    background-size: contain;
}
.contents_body{
	width: 300px;
    margin-left: -130px;
    height: auto;
    margin-top: 8px;
    box-shadow: 2px 3px 5px #aaa;
    max-height: 600px;
    background-color: #fff;
    overflow-y: auto;
    display: none;
    cursor: auto;
}
.contents_list {
	overflow: hidden;
	padding: 10px 10px;
}
.contents_list p,.contents_m_list p,.epaper_contents_body p{
	margin: 6px 0;
/* 	color: #000; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    cursor: pointer;
    padding-left: 14px;
}
.contents_list div, .contents_m_list div{
	font-size: 14px;
}
.contents_m_list p,.contents_m_list div{
	color: #fff;
}
.contents_m_body{
	width: 82%;
    position: absolute;
    top: 0px;
    left: -82%;
    background: #000;
    z-index: 9;
/*     height: calc(100% - 61px); */
    height: 100%;
}
.contents_m_list{
	padding: 0 20px;
    height: 100%;
    overflow-y: scroll;
}
.contents_list p:HOVER,
.epaper_contents .epaper_contents_body p:HOVER{
	color: #666;
}
.vertical .vertical_sh{
    height: 100%;
    background: url(../img/vertical.png);
    background-size: 100%;
    background-repeat: repeat;
    position: absolute;
    width: 1.5%;
    top: 0;
    left: 10.5%;
}
.vertical .vertical_h1{
    height: 2%;
    background: url(../img/level.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 12%;
    top: 12.5%;
    left: 0;
}
.vertical .vertical_h2{
    height: 2%;
    background: url(../img/level.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 12%;
    top: 37.5%;
    left: 0;
}
.vertical .vertical_h3{
    height: 2%;
    background: url(../img/level.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 12%;
    top: 62.5%;
    left: 0;
}
.vertical .vertical_h4{
    height: 2%;
    background: url(../img/level.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    width: 12%;
    bottom: 12.5%;
    left: 0;
}
.Staple .Staple_h1{
       height: 9%;
    position: absolute;
    width: 2%;
    top: 14.5%;
    left: -1.6%;
}
.Staple .Staple_h2{
    height: 9%;
    position: absolute;
    width: 2%;
    bottom: 14.5%;
    left: -1.6%;
}
.Staple_c .Staple_c1{
        height: 11%;
    position: absolute;
    width: 13%;
    top: 14.5%;
    left: -6.4%;
}
.Staple_c .Staple_c2{
      height: 11%;
    position: absolute;
    width: 13%;
    bottom: 14.5%;
    left: -6.4%;
}
.TRing>img,.vertical>div,.Staple>img,.Staple_c>img,.sheet>img{
	z-index: 1;
}
.sheet .sheet_c1{
	position: absolute;
    width: 1%;
    top: 7%;
    left: -0.6%;
}
.sheet .sheet_c2{
	position: absolute;
    width: 1%;
    top: 32%;
    left: -0.6%;
}
.sheet .sheet_c3{
	position: absolute;
    width: 1%;
    bottom: 32%;
    left: -0.6%;
}
.sheet .sheet_c4{
	position: absolute;
    width: 1%;
    bottom: 7%;
    left: -0.6%;
}
.TRing .TRing_h1{
	height: 3%;
    position: absolute;
    width: 7%;
    top: 10%;
    left: -1%;
}
.TRing .TRing_h2{
	height: 3%;
    position: absolute;
    width: 7%;
    top: 20%;
    left: -1%;
}
.TRing .TRing_h3{
	height: 3%;
    position: absolute;
    width: 7%;
    top: 30%;
    left: -1%;
}
.TRing .TRing_h4{
	height:3%;
    position: absolute;
    width: 7%;
    top: 40%;
    left: -1%;
}
.TRing .TRing_h5{
	height: 3%;
    position: absolute;
    width: 7%;
    top: 50%;
    left: -1%;
}
.TRing .TRing_h6{
	height: 3%;
    position: absolute;
    width: 7%;
    top: 60%;
    left: -1%;
}
.TRing .TRing_h7{
	height: 3%;
    position: absolute;
    width: 7%;
    top: 70%;
    left: -1%;
}
.TRing .TRing_h8{
	height: 3%;
    position: absolute;
    width: 7%;
    top: 80%;
    left: -1%;
}
.TRing .TRing_h9{
	height: 3%;
    position: absolute;
    width: 7%;
    top: 90%;
    left: -1%;
}
.TRing .TRing_c1{
	height: 3%;
    position: absolute;
    width: 7%;
    top: 10%;
    left: -3%;
}
.TRing .TRing_c2{
	height: 3%;
    position: absolute;
    width: 7%;
    top: 20%;
    left: -3%;
}
.TRing .TRing_c3{
	height: 3%;
    position: absolute;
    width: 7%;
    top: 30%;
    left: -3%;
}
.TRing .TRing_c4{
	height:3%;
    position: absolute;
    width: 7%;
    top: 40%;
    left: -3%;
}
.TRing .TRing_c5{
	height: 3%;
    position: absolute;
    width: 7%;
    top: 50%;
    left: -3%;
}
.TRing .TRing_c6{
	height: 3%;
    position: absolute;
    width: 7%;
    top: 60%;
    left: -3%;
}
.TRing .TRing_c7{
	height: 3%;
    position: absolute;
    width: 7%;
    top: 70%;
    left: -3%;
}
.TRing .TRing_c8{
	height: 3%;
    position: absolute;
    width: 7%;
    top: 80%;
    left: -3%;
}
.TRing .TRing_c9{
	height: 3%;
    position: absolute;
    width: 7%;
    top: 90%;
    left: -3%;
}

#innerLinkFrame{
	position:absolute;
	opacity:0;
	width:100%;
	height:100%;	
	left:0;top:0;
	background-color: #FFF;
	pointer-events:none;
	z-index:10000000;
	-webkit-transition: all .6s;
}
#innerLinkFrame .close-btn{
	position:absolute;	
	width: 60px;
    height: 60px;
    top: -18px;
    right: -18px;
	background-color:red;
	border-radius: 50%;
	-webkit-transition: all .6s;
    -webkit-transform: translate(100%,-100%);
}
.frame-show .close-btn{
   -webkit-transform: translate(0%,0) !important;
}

#innerLinkFrame .close-btn::before,#innerLinkFrame .close-btn::after{
    width: 24px;
    height: 2px;
    background-color: #fff;
    border-radius: 2px;
    content: '';
    display: block;
    position: absolute;
    bottom: 20px;
    left: 10px;
}
#innerLinkFrame .close-btn::after{
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
}
#innerLinkFrame .close-btn::before{
    transform: rotateZ(-45deg);
    -webkit-transform: rotateZ(-45deg);
}
.frame-show{
	opacity:1 !important;
	pointer-events:auto !important;
}
.page-mask,.page-mask>img{
	position: absolute;
	width: 100%;
	height: 100%;
}
.page-mask>img{
    transform: scaleX(-1);
}
.page-host-mask{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgb(255,255,255);
}
.pn{

}

.prevn{
/*  background-image: url("../img/svg/left-z.png"); */
     position: absolute;
    width: 73px;
/*     width: 30px; */
    height: 73px;
    background-repeat: no-repeat;
    top: 50%;
    background-size: cover;
    cursor: pointer;
    background: #ccc;
    border-radius: 50%;
    left:-40px;
    z-index: 9999;
    box-shadow: 0px 1px 10px #2a2727;
}
.prevn:HOVER{
box-shadow:0px 1px 20px #1b1a1a;
}
.nextp:HOVER{
box-shadow:0px 1px 20px #1b1a1a;
}
.prevn-l-img{
 background-image: url("../img/svg/left-2.svg");
     position: absolute;
    width: 104px;
/*     width: 30px; */
    height: 104px;
    background-repeat: no-repeat;
    top: -20%;
    background-size: cover;
    cursor: pointer;
    z-index: 9999;
  left:0px;
}
.nextp-r-img{
background-image: url("../img/svg/right-2.svg");
     position: absolute;
    width: 104px;
/*     width: 30px; */
    height: 104px;
    background-repeat: no-repeat;
    top: -20%;
    background-size: cover;
    cursor: pointer;
    right:0px;
    z-index: 99999;
}
.nextp{
/*  background-image: url("../img/svg/right-y.png"); */
     position: absolute;
/*     width: 30px; */
    width: 73px;
    height: 73px;
    background-repeat: no-repeat;
    top: 50%;
    right:0px;
    background-size: cover;
    cursor: pointer;
    background: #ccc;
    border-radius: 50%;
    right:-40px;
      z-index: 99999;
      box-shadow: 0px 1px 10px #2a2727;
}
/* .page.even .noHard>img,.noHard.even .even-shadow,.page.even .noHard.pageBg,.left-shadow,.noHard.even .texture{ */
/* 	border-top-right-radius: 1.26em 0.4em; */
/* 	border-bottom-right-radius: 1.26em 0.4em; */
/* 	border-top-right-radius: 22.26em 0.3em; */
/* 	border-bottom-right-radius: 22.26em 0.3em; */
}
/* .page.even .noHard>img,.noHard.even .even-shadow,.left-shadow,.noHard.even .texture{ */

/* 	border-top-right-radius: 1.26em 0.4em; */
/* 	border-bottom-right-radius: 1.26em 0.4em; */

/* } */
/* .page.odd .noHard>img,.noHard.odd .odd-shadow,.page.odd .noHard.pageBg,.right-shadow,.noHard.odd .texture{ */
/* 	border-top-left-radius: 1.26em 0.4em; */
/* 	border-bottom-left-radius: 1.26em 0.4em; */
/* 	BORDER-TOP-LEFT-RADIUS: 22.26EM 0.3EM; */
/* 	Border-bottom-left-radius: 22.26em 0.3em; */
/* } */
/* .page.odd .noHard>img,.noHard.odd .odd-shadow,.right-shadow,.noHard.odd .texture{ */
/* 	border-top-left-radius: 1.26em 0.4em; */
/* 	border-bottom-left-radius: 1.26em 0.4em; */

/* } */
/* .noHard.even{ */
/* 	border-top-right-radius: 1.46em 0.4em; */
/* 	border-bottom-right-radius: 1.46em 0.4em; */
/* } */
/* .noHard.odd{ */
/* 	border-top-left-radius: 1.46em 0.4em; */
/* 	border-bottom-left-radius: 1.46em 0.4em; */
/* } */
#main .disablePageBorder>img,#main .page.disablePageBorder{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.left-shadow,.right-shadow{
    display: none;
	height: 100% !important;
	width: 50%  !important;
    position: absolute  !important;
    top: 0px !important;
    box-shadow: rgb(85, 85, 85) 0px 0px 10px;
}
.left-shadow{
	left: 0 !important;
}
.right-shadow{
	left: 50% !important;
}
.form_mask_phone {
    opacity: 0.7;
    background: #000000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.setting_form{
    position: absolute;
    top: 0px;
    background-color: #000;
    color: rgb(255, 255, 255);
    overflow: hidden;
    left: -80%;
    width: 80%;
    height: 100%;
    transform: translate3d(0px, 0px, 0px);
    z-index: 1;
    padding: 20px 0px;
}
.setting_form.phone .form_title {
    font-family: "Arial";
    margin: 0;
    padding: 0 30px;
    line-height: 36px;
    cursor: default;
}
.setting_form.phone .close {
    position: absolute;
    right: 30px;
    left: auto;
    cursor: pointer;
}
.setting_form.phone .scrollBox {
    width: 100%;
}
.setting_form.phone .scrollBox .item {
    position: relative;
    width: 100%;
    height: 54px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}
.setting_form.phone .scrollBox .item .title {
    line-height: 50px;
    font-size: 13px;
    padding: 0 20px;
}
.setting_form.phone .scrollBox2 {
    width: 100%;
}
.setting_form.phone .scrollBox2 .item2 {
    position: relative;
    width: 100%;
    height: 57px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}
.setting_form.phone .scrollBox2 .item2 .title2 {
    line-height: 50px;
    font-size: 13px;
    padding: 0 20px;
}
.setting_form.phone .scrollBox2 .item2 .title2 .bj{
position: absolute;
    cursor: pointer;
    width: 25px;
    height: 25px;
    top: 9px;
    right: 32px;
	
}
.y-audio{
    position: absolute;
    width: 30px;
    height: 30px;
    top: 5px;
}
.y-audio .y_open{
    width: 100%;
    height: 100%;
}
.y_sprite01{
    animation: none;
    -webkit-animation: none;
    background-size: 200%;
    background-image: url(../img/audio_open_m.svg) !important;
    background-position: -15.6px -15px;
}
.y_sprite02{
    background-repeat: no-repeat!important;
    background-size: 200%;
    background-image: url(../img/audio_pause_m.svg) !important;
    background-position: -15px -15px;
}
.setting_form.phone .scrollBox .item .title .fy{
position: absolute;
    cursor: pointer;
    width: 25px;
    height: 25px;
    top: 9px;
    right: 32px;
	
}
.setting_model{
	display: none;
    position: absolute;
	top: 30%;
    left: 30%;
    width: 500px;
    height: 319px;
/*     background: rgba(0, 0, 0, 0.73); */
    z-index: 1;
        color: rgb(255, 255, 255);
    overflow: hidden;
}
.setting_model.mac .form_title {
    font-family: "Arial";
    margin: 0;
    padding: 0 15px;
    line-height: 36px;
    cursor: default;
}
.setting_model.mac .closemac{
position: absolute;
    right: 90px;
    left: auto;
    cursor: pointer;
    top:30px;
}
.setting_model.mac .scrollmod{
    width: 112px;
    background: #000;
    position: absolute;
    top: 29%;
    left: 20%;
    height: 120px;

}
.setting_model.mac .scrollmod2{
    width: 112px;
    background: #000;
    position: absolute;
    top: 29%;
    left: 50%;
    height: 120px;

}
.setting_model.mac .title{
    font-size: 14px;
    margin-top: 15px;

}
.setting_model.mac .title .fy-mac{
     position: absolute;
    left: 40px;
    top: 50px;

}
.setting_model.mac .title2{
    font-size: 14px;
    margin-top: 15px;

}
.setting_model.mac .title2 .bj-mac{
     position: absolute;
    left: 40px;
    top: 50px;

}
.setting_form.phone .scrollBox .title .fy .y-audio .y_sprite01,.scrollBox2 .title2 .bj .u-audio .css_sprite01{
    background-size: 175%;
}
.setting_form.phone .scrollBox .title .fy .y-audio .y_sprite02,.scrollBox2 .title2 .bj .u-audio .css_sprite02{
    background-size: 175%;
}
/* .theme_radius .pageBg{ */
/* background: none; */
/* 	overflow: hidden; */
/* } */
/* .theme_radius #bookCon .page{ */
/* background: none; */
/* 	overflow: hidden; */

/* } */
.theme_radius .page.even .noHard>img,.theme_radius .noHard.even .even-shadow,.theme_radius .left-shadow,.theme_radius .noHard.even .texture{
    border-top-right-radius: 0em 0em !important;
	border-bottom-right-radius: 0em 0em !important;
	overflow: hidden;
}
.theme_radius .page.odd .noHard>img,.theme_radius .noHard.odd .odd-shadow,.theme_radius .right-shadow,.theme_radius .noHard.odd .texture{
    border-top-left-radius: 0em 0em !important;
	border-bottom-left-radius: 0em 0em !important;
	overflow: hidden;
}
.theme_radius .page.odd .noHard>img,.theme_radius .noHard.odd .odd-shadow,.theme_radius .page.odd .noHard.pageBg,.theme_radius .right-shadow,.theme_radius .noHard.odd .texture{

    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    overflow: hidden;
}
.theme_radius .page.even .noHard>img,.theme_radius .noHard.even .even-shadow,.theme_radius .page.even .noHard.pageBg,.theme_radius .left-shadow,.theme_radius .noHard.even .texture{
    border-top-right-radius: 0em 0em;
    border-bottom-right-radius: 0em 0em;
overflow: hidden;

}

.watermark{
	width: 100%;
	height: 100%;
	position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.watermark-item{
    width: 50%;
    height: 14%;
    max-height: 100px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.08;
    ilter:alpha(opacity=8);
    position: absolute;
    transform: rotate(-45deg);
}
.watermark-item:nth-child(1){
    top: 6%;
}
.watermark-item:nth-child(2){
    top: 51%;
}
.watermark-item:nth-child(3){
	top: 28%;
}
.watermark-item:nth-child(4){
    top: 82%;
}
.watermark-item:nth-child(1),.watermark-item:nth-child(2){
    left: -6%;
}
.watermark-item:nth-child(3),.watermark-item:nth-child(4){
    right: -11%;
}
.rewardArea{
    width: 20px;
    position: absolute;
    padding: 12px 6px;
    right: 0px;
    top: 34%;
    background-color: rgba(0,0,0,1);
    color: #fff;
    z-index: 1;
    font-size: 16px;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    text-align: center;
}
#rewardIframe{
    width: 100%;
    z-index: 999999999999;
    position: absolute;
    height: 100%;
    background: #fff;
    top: 0;
    border: none;
}
.Icon_Svg{
    font-size: 19px;
    margin-top: 4px;
    display: inline-block;
}
#bottomBar .Icon_Svg{
    font-size: 29px;
    margin-top: 0px;
    display: inline-block;
}
.Icon_Svg.icon-09,.Icon_Svg.icon-10{
       margin-top: -3px;
		font-size: 22px;
}

#bottomBar .Icon_Svg.icon-Bofang_phnoe{
       font-size: 36px;
    margin-top: -5px;
}
#bottomBar .Icon_Svg.icon-09,#bottomBar .Icon_Svg.icon-10{
       margin-top: 4px;
}
#bottomBar .Icon_Svg.icon-13{
       font-size: 19px;
}
.yt_theme_0 #bottomBar_pc .Icon_Svg.icon-09,.yt_theme_0 #bottomBar_pc .Icon_Svg.icon-10{
    FONT-SIZE: 20px;
    margin-top: 7px;
}
.article-area,.epaper_contents{
	position: absolute;
/* 	right: calc(( 100% - 30% )/2); */
	right:46px;
	top: 10%;
	height: 86%;
 	background: #ffffff;
	color:#000;
    z-index: 99999;
    box-shadow:0px 0px 10px #504f4f;
    display: none;
    /* background: -webkit-radial-gradient(#fbf8f1 30%, #e4e2d5 80%);
    background: -o-radial-gradient(#fbf8f1 30%, #e4e2d5 80%); 
    background: -moz-radial-gradient(#fbf8f1 30%, #e4e2d5 80%);
    background: radial-gradient(#fbf8f1 30%,  #e4e2d5 80%); */
    cursor: move;
}
.epaper_contents{
	right: auto;
	left: 46px;
}

.article-area,.epaper_contents{
	width: 25%;
	min-width: 300px;
	max-width: 450px;
    border-radius: 1%;
}
.epaper_contents{
	width: 18%;
}

.MobileArea{
	right:0px;
	top:0px;
	width:100%;
	height: 100%;
    border-radius: initial;
}
#main .article-area .article-head p,
#main .epaper_contents .epaper_contents_head p
{
	float: left;
    padding: 0 0 0 10px;
    margin: 0;
    height: inherit;
    font-weight: bold;
    line-height: 40px;
}
#main .article-area .icon-yt-icon-close,
#main .epaper_contents .icon-yt-icon-close
{
	 float: right;
     cursor: pointer;
     font-size: 14px;
	 margin: 8px 14px 0 0;
	 padding: 6px;
	 border-radius:50%; 
/*      background: rgb(255, 102, 0); */
/*      box-shadow: 0 0 8px #f60; */
	 color: #929292;
}
#main .article-area .article-head,
#main .epaper_contents_head
{
    height: 40px;
    width: 100%;
}
#main .article-area .icon-yt-icon-close:HOVER,
#main .epaper_contents .icon-yt-icon-close:HOVER
{
	margin: 6px 12px 0 0;
	font-size: 18px;
}
.article-area .article-body,
.epaper_contents .epaper_contents_body
{
	padding: 0 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100% - 40px);
    width: calc(100% - 20px);
    -webkit-overflow-scrolling : touch;
}
.epaper_contents .epaper_contents_body p
{
	text-indent: 16px;
}
.epaper_contents .epaper_contents_body div{
	font-weight: bold;
    cursor: pointer;
}
.article-area .article-body p,
.epaper_contents .epaper_contents_body p,
.article-area .article-body img,
.article-area .article-body video
{
	margin: 0;
	padding: 6px 0;
}
.article-area .article-body img{
	height: auto;
    width: auto;
    max-width: 100%;
    margin: auto;
    display: block;
}
.article-area .article-body .title,
.article-area .article-body p .inner-title,
.article-area .article-body .yinti,
.article-area .article-body .sub-title,
.article-area .article-body .author{
    text-align: center;
    text-indent: 0px;
}

.epaper_contents .epaper_contents_body p,
.article-area .article-body .yinti,
.article-area .article-body .yinwen,
.article-area .article-body .sub-title,
.article-area .article-body .author{
	font-size: 14px;
}
.article-area .article-body .yinwen{
    border: 1px solid #8b8b8b;
    padding: 6px;
}
.article-area .article-body .yinwen{
	text-indent: 28px;
}
.article-area .article-body p{
	font-size: 16px;
}
.article-area .article-body p{
	text-indent: 32px;
	text-align: justify;
}
.article-area .article-body p{
    letter-spacing: 0.034em;
    line-height: 1.6;
}
.article-area .article-body .title{
    font-size: 20px;
}
.article-area .article-body .yinti,
.article-area .article-body .sub-title,
.article-area .article-body .title{
    font-weight: bold;
    letter-spacing: 0;
    padding: 0;
}
.article-area .article-body p .inner-title{
	display: block;
}

/*打印窗口 start*/
.print-modal{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.2);
	z-index: 99999;
}
.print-content{
	position: absolute;
	left: 50%;
	top:50%;
	height: 200px;
	width: 280px;
	margin-left: -140px;
	margin-top: -100px;
	background: #fff;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.print-head>p{
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0;
    width: calc(100% - 30px);
    display: inline-block;
}
.print-head>span{
	width: 30px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    color: #666;
}
.print-head>span:HOVER {
	color: #000;
}
#print-pagenum{
    width: 120px;
    padding: 2px 6px;
}
.print-item{
	padding: 6px 0;
}
.print-item>label{
	cursor: pointer;
}
.print-start{
    width: 50%;
    margin: auto;
    text-align: center;
    padding: 6px 0;
    background: #f60;
    cursor: pointer;
    color:#fff;
}
.print-start:HOVER {
	background: #e85d00;
}
.label_icon_btn {
	background-image: url(../img/svg/label-6e.svg) !important;
	background-size: contain !important;
    background-position: 0px -1px;
    text-align: center;
        right: calc(50% - 276px);
}