@import url("./../../pub/fonts/style.css?v=6");
@import url("./../../pub/fonts_fanye/style.css");
@import url("./../../pub/bsfonts/css/bootstrap.min.css");
@import url("./../../pub/css/ebookpub.css");
/*娑撳顣藉Ο鈩冩緲閺嶅嘲绱�*/
@import url("./../../pub/css/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/bg1.jpg"); */
	background-color:rgb(81, 85, 88);
}
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(/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;
	} 
.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:5px;}
.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: 18%;
	width: 80%;
	top:26px;
}
.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: 230px;
    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: 175px;
	height: 175px;
	left: calc(50% - 83px);
	top: calc(50% - 120px);
}
.app-loading .title{
	color: #F60;
	font-size: 26px;
	text-align: center;
	padding: 0;
	margin: 0;
	width:175px;
	height:120px;
	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{
	/* 鍘熷�硷細width:140;height:100 */
max-width:175px;
max-height:175px;

}
.app-loading .loading{
	color: #F60;
	font-size: 12px;
	text-align: center;
	padding: 0;
	/* 	鍘熷�� width: 140px; */
	width: 175px;
/* 	width: 130px; */
    margin: 10px auto 0 0;
    margin-left: -2px;
}

.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;
}
#depth_left .depth-imgm{
	float: right;
	width:50%;
	height: 114%;
	background-image:url(../img/thickness_left.png);
	background-position: right top;
    background-size: cover;
}
#depth_right .depth-imgm{
	float: left;
	width: 100%;
	height: 114%;
	background-image:url(../img/thickness.png);
    background-size: cover;
}
#depth_left .depth-imgh{
	float: right;
	width:50%;
	height: 132%;
	background-image:url(../img/thickness_left.png);
	background-position: right top;
    background-size: cover;
}
#depth_right .depth-imgh{
	float: left;
	width: 100%;
	height: 132%;
	background-image:url(../img/thickness.png);
    background-size: cover;
}
#depth_left .depth-imgf{
	float: right;
	width:50%;
	height: 123%;
	background-image:url(../img/thickness_left.png);
	background-position: right top;
    background-size: cover;
}
#depth_right .depth-imgf{
	float: left;
	width: 100%;
	height: 123%;
	background-image:url(../img/thickness.png);
    background-size: cover;
}
#imgQRCodePath{
	width: 25px;
	height: 25px;
	background-image: url(../img/webqrcode.svg);
	background-size: cover;
	background-repeat: no-repeat;
}
#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;
}
.page_item_con{
	width:100%;height:100%;position:absolute;top:0;z-index:2;
}
.page_item_con .item{
	position:absolute;
	background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.page_item_con .item iframe{
	margin: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
}
.page_item_con a>.item:hover{
	background-color:rgba(255,102,0,0.2);
}	
#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.96, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,.15)));
	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(1, rgba(0,0,0,0)), color-stop(1.4, rgba(0,0,0,.1)));
    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: 134px;
	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: 102px;
    height: 35px;
    border-radius: 0px;
    color: rgb(51, 51, 51);
    background: #f2f2f2;
    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: #f2f2f2;
/*     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:11px;
}
#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); */
	height : 100%;
	/* background-color: rgba(0,0,0,.7); */
	/* background-color: #fff; */
	opacity: 0;
	z-index: 99;
	transition:opacity .5s;
	pointer-events: none;
	overflow-y: auto;
	/* padding-top:	15px;  */
}
#searchView{
	width: 100%;
	position: absolute;
	top: 0px;
	height: calc(100% - 41px);
	background-color: rgba(0,0,0,.8);
	z-index: 99;
	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: auto;
	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: 45px;
	position: absolute;
	transition: all .5s;
	color:#555;
}
#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: #f2f2f2;
    background: #f2f2f2;
    bottom: 0px;
    z-index: 3;
    color:#555;
}
#bottomBar .bottomBarCon{
	position: relative;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
}
#bottomBar .ctl_btn,#topBar .ctl_btn{
	width: 30px;
    height: 30px;
    position: absolute;
    top:11px;
    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: 11px;
}
#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: 41px;
	bottom: 31px;
	padding-top: 4px;
	background-color: #f2f2f2;
	text-align: center;
	opacity: 0;
	transition: all .5s;
	pointer-events:none;
	z-index: 1;
	box-shadow: rgba(40, 0, 0, 0.498039) 0px 0px 5px;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 9px;
}
/*******************************缂佸顕ф慨鈺呭冀瀹勬壆纭�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; 
}



.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(255,255,255,1);
    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("/youtuShare/style3/img/logo.svg"); */
	background-image: url("/youtuShare/fb/img/zj03-black.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: 0px;
    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); */
 	background:#595e63;
/*     bottom: 0px; */
    top: 0px;
    z-index: 1;
    height: 45px;
/*     color: #6e6e6e; */
    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 .isShowBig{
    background: none;
}
#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?v=3);
    width: 416px;
    height: 414px;
    cursor: auto;
    top: 31px;
    position: absolute;
    left: -120px;
    display: none;
    background-repeat: no-repeat;
}

#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:none;
}
.theme_back_white #bottomBar_pc .double{
	background-image: url("../img/svg/single-toggle-pc.svg");
}

#bottomBar_pc .single{
	background-image:none;
}
.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: 5px;
}
#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:13px;
	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闁哄秴鍢茬槐顡玭d**********************************/

#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: 71px;
    color: #fff;
    width: 100%;
    height: 100%;
}
#searchResult p,#searchView_pc p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 14px;
    cursor: pointer;
    margin-left:14%;
}
#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{

    background-color: #fff;
	width: 100% ;
	height:100% ;
	left:80px;
	top:80px;
    padding: 2px 10px;
    overflow: auto;
    z-index: 999;
    margin: 0; 
}


#searchView_pc>.result>div{
	float: left;
    margin: 16px 6px 0 6px;
    position: relative;
}

#themeView_pc .themeItem{
float: left;
    margin: 16px 6px 0 -6px;
    position: relative;
    cursor: pointer;
    background-color: #fff;
}
.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: 99999999; 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;
}
.mycollectInformation{
	position: absolute; top: 0; left: 0; z-index: 99999; 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;
}
.collectInformation{width: 370px;height: 270px;background-color: black;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}
.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);
}
.mycollectInformation.f-hide{
	display: none !important;
}

.mycollectInformation.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; */
}


.turn-page-left{
    border-radius:25px;
    position:absolute;
    bottom:10px;
    margin:0 auto;
    left:calc(50% - 68px);
    height:40px;
    width:136px;
    background-color:#3E3E3F;
    color:#FFF;
    font-size:14px;
}


.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: 144px;
    position: absolute;
    height: 36px;
    left: 6px;
    top: 4px;
    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: 6px;
    width: 28px;
    height: 28px;
    right: 4px;
    position: absolute;
}
.full-screen-btn-phone{
	width: 100%;
    height: 100%;
    background-size: contain !important;
    background-repeat: no-repeat!important;
    text-align: center;
    top: 6px;
    width: 28px;
    height: 28px;
    right: 50px;
    position: absolute;
}
.exit-full-screen-btn-phone{
	width: 100%;
    height: 100%;
    background-size: contain !important;
    background-repeat: no-repeat!important;
    text-align: center;
    top: 6px;
    width: 28px;
    height: 28px;
    right: 50px;
    position: absolute;
}
.label_view_btn{
    background-position: 2px 2px;
    background-size: 89% !important;
/*     background-image: url(../img/svg/label-phoneb.svg)!important; */
/*     background-image: url(../../pub/img/Help_4.png)!important; */
    background-repeat: no-repeat!important;
    text-align: center;
    top: 4px;
    width: 22px;
    height: 22px;
    right: 89px;
    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: 3px;
    width: 28px;
    height: 28px;
    right: 120px;
    position: absolute;
    display: none;
}
.use_center_btn{
	width: 100%;
    height: 100%;
    background-size: contain !important;
    background-repeat: no-repeat!important;
    text-align: center;
    top: 1px;
    width: 24px;
    height: 24px;
    right: 119px;
    position: absolute;
}
.use_buttoncall_btn{
	width: 100%;
    height: 100%;
    background-size: contain !important;
    background-repeat: no-repeat!important;
    text-align: center;
    top: 4px;
    width: 20px;
    height: 20px;
    right: 77px;
    position: absolute;
}
.use_navigation_btn{
	width: 100%;
    height: 100%;
    background-size: contain !important;
/*     background-image: url(../../pub/img/daohangb.svg)!important; <!-- 手机端工具栏“导航”图标 --> */
    background-repeat: no-repeat!important;
    text-align: center;
    top: 3px;
    width: 22px;
    height:22px;
    right: 139px;
    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: 9;
    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%;
    }
    .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; */
    top: 20px;
    left: 30%;
    width: 40%;
    height:42px;
    z-index: 9999;
    }
.an_de{
	text-align:center;
    width: 100%;
    background: #f2f2f2;
    border:1px solid #999;
    color: #000;
    padding: 2px 0px;
    border-radius: 5px;
    font-size:12px;
    float: left;
	padding-bottom:4px;
	margin-top:-14px;
}
.icon_dow{
	/* border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 8px solid #f2f2f2;
    float: left;
    margin-left: 95px; */
    -webkit-transform :rotate(45deg);
	-moz-transform:rotate(45deg);
 	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	width:10px;
	height:10px;
	background:#f2f2f2;
	border-top:1px solid #999;
	border-left:1px solid #999;
	margin-top:-19px;
	margin-left:-47%;
}
.iosSC{
	width:25px;
	height:22px;
	position: relative;
    top: 5px;
	
}
.close-swi{
	width: 50px;
    height: 30px;
	background-image: url(../../pub/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(../../pub/img/user_close.svg)!important;
	background-repeat:no-repeat;
	background-size: contain;
    position: absolute;
    top: 40px;
    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;
	pointer-events:none;
}
.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: 40px;
    top:0px;
    box-shadow: rgba(40, 0, 0, 0.498039) 0px 0px 5px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #f2f2f2;
    background: #f2f2f2;
    z-index: 3;
    position: relative;
/*     overflow: hidden; */
    color:#555 ;
}
#topBar_mobile .logo{
    background-image: url(../img/zj03-black.svg);
    width: 51%;
    height: 35px;
    background-size: contain;
/*     background-position-x: 10px; */
    margin-left:0.5px;
    margin-top: 2px;
    background-repeat: no-repeat;
    background-position-y: center;
}
#showStatModal{
	height: 20px;
	line-height:20px;
	width:164px;
	top:-35px;
	float:right;
    background: #000;
    z-index: 2;
    position: relative;
    color:#fff;
    text-align:center;
    opacity:0.6;
    right:2px;
    border-radius:3px;
    font-size:12px;
    /* margin : 0px auto; */
}
#bottomBar_pc .contents_icon_btn{
    left: calc(50% - 304px);
    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: 9px;
    right: 30px;
    position: absolute;
    background-size: contain;
}
.contents_body{
	position:fixed;
	width: 250px;
    /* margin-left: -300px; */
    height: auto;
    /* margin-top: 105px; */
    box-shadow: 2px 3px 5px #aaa;
    background-color: #fff;
    overflow-y: hidden;
    display: none;
    cursor: move;
    border-radius:1%;
    left:50px;
    top:0px;
    height: 100%;
    z-index:999;
}
.contents_list {
	overflow-y: auto;
	overflow-x: hidden;
/*	padding: 10px 10px; */
	width: calc(100%);
	/* height: 600px; */
	min-height:100px;
	height:97%;
	color:black;
	padding-left: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;
    
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 10px 10px 30px;
}
.fengmian{
	margin-left:-20px;
}
.mulu{
	margin-left:-20px;
}
.contents_list div, .contents_m_list div{
	font-size: 14px;
	cursor:pointer;
	
	border-bottom:1px solid #CCCCCC;
	padding:10px 10px 10px 15px;
}

.contents_m_list p,.contents_m_list div{
	color: #fff;
}
.contents_m_body{
	overflow-y: auto;
	overflow-x: hidden;
/*	padding: 10px 10px; */
	width: calc(100%);
	/* height: 600px; */
	min-height:100px;
	height:calc(100% - 33px);
	background: #454545;
	color:black;
	padding-left:10px;
}
.contents_m_list{
	/* padding: 0 20px; */
    height: 100%;
    overflow-y: scroll;
}
.contents_list p:HOVER,
.epaper_contents .epaper_contents_body p:HOVER{
	color: black;  
}
.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%);
    cursor: pointer;
}
.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/svg/audio_open_m.svg) !important;
    background-position: -15.6px -15px;
}
.y_sprite02{
    background-repeat: no-repeat!important;
    background-size: 200%;
    background-image: url(../img/svg/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: 7px;
    display: inline-block;
}
.glyphicon{
	font-size: 19px;
    margin-top: 7px;
    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: 8px;
}
#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: 228px;
	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: 128px;
    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);
    margin-right:5px;
}
.yema{
	position: absolute;
    bottom: 30px;
    right: 30px;
    color: #666;
}
.yema-span{
font-size:10px;
}

.pipi{
	float:left;
	padding:0 0 0 10px;
	margin:0 0 0 28px;
	height:inherit;
	font-weight:bold;
	line-height:40px;
}
#pipicha{
	float:right;
	cursor:pointer;
	font-size:14px;
	margin:8px 14px 0 0;
	padding:6px;
	border-radius:50%;
	color:#929292;
}

/*地图*/
.ylmap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index:300; overflow: hidden;  
	-webkit-transition: all 0.8s;
	   -moz-transition: all 0.8s;
	    -ms-transition: all 0.8s;
	     -o-transition: all 0.8s;
	        transition: all 0.8s;

	-webkit-transform: translate(0,100%);
	   -moz-transform: translate(0,100%);
	    -ms-transform: translate(0,100%);
	     -o-transform: translate(0,100%);
	        transform: translate(0,100%);
}
.ylmap.mapOpen { 
	-webkit-transform: translate(0,0);
	   -moz-transform: translate(0,0);
	    -ms-transform: translate(0,0);
	     -o-transform: translate(0,0);
	        transform: translate(0,0);
}
.ylmap.show { display:block; }
.ylmap .bk{ position:absolute;width:100%;height:100%;text-align:center;z-index:-1;background: #efebed; }
.ylmap .bk span{ display: inline-block; margin-top: 48%; width: 59px;height: 49px; background-position: -72px -93px; }
.ylmap .tit p a span { background-position: -72px -144px; }


.audioplayer {
	height: 2.5em; /* 40 */
	width:300px;
	left:50%;
	top:50px;
	margin-left:-150px;
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	border: 1px solid #222;
	position: absolute;
	z-index: 1;
	background: #333;
	display: none;
}

/* mini mode (fallback) */
.audioplayer-mini {
	width: 2.5em; /* 40 */
	margin: 0 auto;
}

/* player elements: play/pause and volume buttons, played/duration timers, progress bar of loaded/played */
.audioplayer>div {
	position: absolute;
}

/* play/pause button */
.audioplayer-playpause {
	width: 2.5em; /* 40 */
	height: 100%;
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 2;
	top: 0;
	left: 0;
}

.audioplayer:not (.audioplayer-mini ) .audioplayer-playpause {
	border-right: 1px solid #555;
	border-right-color: rgba(255, 255, 255, .1);
}

.audioplayer-mini .audioplayer-playpause {
	width: 100%;
}

.audioplayer-playpause:hover, .audioplayer-playpause:focus {
	background-color: #222;
}

.audioplayer-playpause a {
	display: block;
}

.audioplayer-stopped .audioplayer-playpause a {
	width: 0;
	height: 0;
	border: 0.5em solid transparent; /* 8 */
	border-right: none;
	border-left-color: #fff;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.5em 0 0 -0.25em; /* 8 4 */
}

.audioplayer-playing .audioplayer-playpause a {
	width: 0.75em; /* 12 */
	height: 0.75em; /* 12 */
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.375em 0 0 -0.375em; /* 6 */
}

.audioplayer-playing .audioplayer-playpause a:before, .audioplayer-playing .audioplayer-playpause a:after {
	width: 40%;
	height: 100%;
	background-color: #fff;
	content: '';
	position: absolute;
	top: 0;
}

.audioplayer-playing .audioplayer-playpause a:before {
	left: 0;
}

.audioplayer-playing .audioplayer-playpause a:after {
	right: 0;
}

/* timers */
.audioplayer-time {
	width: 4.375em; /* 70 */
	height: 100%;
	line-height: 2.375em; /* 38 */
	text-align: center;
	z-index: 2;
	top: 0;
}

.audioplayer-time-current {
	border-left: 1px solid #111;
	border-left-color: rgba(0, 0, 0, .25);
	left: 2.5em; /* 40 */
}

.audioplayer-time-duration {
	border-right: 1px solid #555;
	border-right-color: rgba(255, 255, 255, .1);
	right: 2.5em; /* 40 */
}

.audioplayer-novolume .audioplayer-time-duration {
	border-right: 0;
	right: 0;
}

/* progress bar of loaded/played */
.audioplayer-bar {
	height: 0.875em; /* 14 */
	background-color: #222;
	cursor: pointer;
	z-index: 1;
	top: 50%;
	right: 6.875em; /* 110 */
	left: 6.875em; /* 110 */
	margin-top: -0.438em; /* 7 */
}

.audioplayer-novolume .audioplayer-bar {
	right: 4.375em; /* 70 */
}

.audioplayer-bar div {
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.audioplayer-bar-loaded {
	background-color: #333;
	z-index: 1;
}

.audioplayer-bar-played {
	background: #007fd1;
	z-index: 2;
}

/* volume button */
.audioplayer-volume {
	width: 2.5em; /* 40 */
	height: 100%;
	border-left: 1px solid #111;
	border-left-color: rgba(0, 0, 0, .25);
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 2;
	top: 0;
	right: 0;
}

.audioplayer-volume:hover, .audioplayer-volume:focus {
	background-color: #222;
}

.audioplayer-volume-button {
	width: 100%;
	height: 100%;
}

.audioplayer-volume-button a {
	width: 0.313em; /* 5 */
	height: 0.375em; /* 6 */
	background-color: #fff;
	display: block;
	position: relative;
	z-index: 1;
	top: 40%;
	left: 35%;
}

.audioplayer-volume-button a:before, .audioplayer-volume-button a:after {
	content: '';
	position: absolute;
}

.audioplayer-volume-button a:before {
	width: 0;
	height: 0;
	border: 0.5em solid transparent; /* 8 */
	border-left: none;
	border-right-color: #fff;
	z-index: 2;
	top: 50%;
	right: -0.25em;
	margin-top: -0.5em; /* 8 */
}

.audioplayer:not (.audioplayer-muted ) .audioplayer-volume-button a:after {
	/* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
	width: 0.313em; /* 5 */
	height: 0.313em; /* 5 */
	border: 0.25em double #fff; /* 4 */
	border-width: 0.25em 0.25em 0 0; /* 4 */
	left: 0.563em; /* 9 */
	top: -0.063em; /* 1 */
	-webkit-border-radius: 0 0.938em 0 0; /* 15 */
	-moz-border-radius: 0 0.938em 0 0; /* 15 */
	border-radius: 0 0.938em 0 0; /* 15 */
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* volume dropdown */
.audioplayer-volume-adjust {
	height: 6.25em; /* 100 */
	cursor: default;
	position: absolute;
	left: 0;
	right: -1px;
	top: -9999px;
	background: #333;
}

.audioplayer-volume:not (:hover ) .audioplayer-volume-adjust {
	opacity: 0;
}

.audioplayer-volume:hover .audioplayer-volume-adjust {
	top: 100%;
	bottom: auto;
}

.audioplayer-volume-adjust>div {
	width: 40%;
	height: 80%;
	background-color: #222;
	cursor: pointer;
	position: relative;
	z-index: 1;
	margin: 30% auto 0;
}

.audioplayer-volume-adjust div div {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #007fd1;
}

.audioplayer-novolume .audioplayer-volume {
	display: none;
}

/* CSS3 decorations */
.audioplayer {
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 0 1.25em rgba(0, 0, 0, .5); /* 20 */
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 0 1.25em rgba(0, 0, 0, .5); /* 20 */
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 0 1.25em rgba(0, 0, 0, .5); /* 20 */
}
.audioplayer-volume-adjust {
	-webkit-box-shadow: -2px -2px 2px rgba(0, 0, 0, .15), 2px -2px 2px rgba(0, 0, 0, .15);
	-moz-box-shadow: -2px -2px 2px rgba(0, 0, 0, .15), 2px -2px 2px rgba(0, 0, 0, .15);
	box-shadow: -2px -2px 2px rgba(0, 0, 0, .15), 2px -2px 2px rgba(0, 0, 0, .15);
}
.audioplayer-bar, .audioplayer-volume-adjust>div {
	-webkit-box-shadow: -1px -1px 0 rgba(0, 0, 0, .5), 1px 1px 0 rgba(255, 255, 255, .1);
	-moz-box-shadow: -1px -1px 0 rgba(0, 0, 0, .5), 1px 1px 0 rgba(255, 255, 255, .1);
	box-shadow: -1px -1px 0 rgba(0, 0, 0, .5), 1px 1px 0 rgba(255, 255, 255, .1);
}
.audioplayer-volume-adjust div div, .audioplayer-bar-played {
	-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, .5);
	-moz-box-shadow: inset 0 0 5px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 5px rgba(255, 255, 255, .5);
}
.audioplayer-playpause, .audioplayer-volume a {
	-webkit-filter: drop-shadow(1px 1px 0 #000);
	-moz-filter: drop-shadow(1px 1px 0 #000);
	-ms-filter: drop-shadow(1px 1px 0 #000);
	-o-filter: drop-shadow(1px 1px 0 #000);
	filter: drop-shadow(1px 1px 0 #000);
}
.audioplayer, .audioplayer-volume-adjust {
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
	background: -webkit-linear-gradient(top, #444, #222);
	background: -moz-linear-gradient(top, #444, #222);
	background: -ms-radial-gradient(top, #444, #222);
	background: -o-linear-gradient(top, #444, #222);
	background: linear-gradient(to bottom, #444, #222);
}
.audioplayer-bar-played {
	background: -webkit-gradient(linear, left top, right top, from(#007fd1), to(#c600ff));
	background: -webkit-linear-gradient(left, #007fd1, #c600ff);
	background: -moz-linear-gradient(left, #007fd1, #c600ff);
	background: -ms-radial-gradient(left, #007fd1, #c600ff);
	background: -o-linear-gradient(left, #007fd1, #c600ff);
	background: linear-gradient(to right, #007fd1, #c600ff);
}
.audioplayer-volume-adjust div div {
	background: -webkit-gradient(linear, left bottom, left top, from(#007fd1), to(#c600ff));
	background: -webkit-linear-gradient(bottom, #007fd1, #c600ff);
	background: -moz-linear-gradient(bottom, #007fd1, #c600ff);
	background: -ms-radial-gradient(bottom, #007fd1, #c600ff);
	background: -o-linear-gradient(bottom, #007fd1, #c600ff);
	background: linear-gradient(to top, #007fd1, #c600ff);
}
.audioplayer-bar, .audioplayer-bar div, .audioplayer-volume-adjust div {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.audioplayer {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.audioplayer-volume-adjust {
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.audioplayer *, .audioplayer *:before, .audioplayer *:after {
	-webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	-moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	-ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	-o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	transition: color .25s ease, background-color .25s ease, opacity .5s ease;
}

.myclose{
	width: 22px;
    height: 22px;
    background-image: url(../img/goright.png);
    background-size: contain;
    margin-right: 21px;
}
.myclose:hover{
	cursor: pointer;
}

.contents_list_hover{
	background-color:#ccc;
}
.mylistdir{
	content:url(../img/listdirectory.png);
}

.mymeau img{
	content:url(../../pub/img/toolbarButton-viewThumbnail.png);
	
	
}

.mydirectory img{
	content:url(../../pub/img/toolbarButton-viewOutline.png);
	
}

.theme-con{
	width: 100%;
    height: calc(100% - 50px);
    left: 0;
    top: 40px;
    background: inherit;
    padding: 0;
    overflow-y: scroll;
}

.themeViewCon{
	width: 100%;
    height: calc(100% - 33px);
    left: 0;
    top: 40px;
    background: inherit;
    padding: 0;
    overflow-y: scroll;
	}

#themeView_pc{
	width:262px;
	box-shadow:0 0 4px rgba(15, 15, 15, 0.7);
	z-index:999999;
	background-color:#242424;
}

.theme-view-header{
	height:32px;
	line-height:40px;
	padding:0px 0px 0px 5px;
	/* background-image:url(images/texture.png),
                    linear-gradient(hsla(0,0%,30%,.99), hsla(0,0%,25%,.95)); */
}

.theme-view-header>.icon-yt-icon-close{
	 float: right;
    margin: 9px 14px 0 0;
    font-size: 14px;
    cursor: pointer;
    color:#fff;
}
#themeView_pc .theme-con::-webkit-scrollbar,.contents_list::-webkit-scrollbar,.themeViewCon::-webkit-scrollbar,.contents_m_list::-webkit-scrollbar{
	width:6px;
	height:6px;
}

.theme-con::-webkit-scrollbar-thumb,.contents_list::-webkit-scrollbar-thumb,.themeViewCon::-webkit-scrollbar-thumb,.contents_m_list::-webkit-scrollbar-thumb{
	border-radius:2px;
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
	background-color:rgba(224, 224, 224, 0.7);
	height:50px;
}

.theme-con::-webkit-scrollbar,.contents_list::-webkit-scrollbar,.themeViewCon::-webkit-scrollbar,.contents_m_list::-webkit-scrollbar{
/* 	background:#242424; */
}




#themeItemCon{
	    padding-left:25px;
	  
}

.my-yt-search{
	content:url("../img/findbarButton-next.png");
}
.questionnaire{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    background: rgba(0,0,0,1);
    border-radius: 0px;
    opacity: 1;

}

.publication-note{
	position: absolute;
}
.publication .note-icon {
    font-size: 32px;
    line-height: 32px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    position: absolute;
    opacity: 1;
    z-index: 1;
}
.note-rect{
	width:230px;
	height:125px;
	position:absolute;
	background-color:#f6f6f6;
	box-shadow:0 2px 10px 0 rgba(27,47,73,.3);
	border-radius:5px
}

.note-body {
    height: 76px;
    position: absolute;
    width: 210px;
    margin: 11px 15px 5px;
    overflow: hidden;
}
.note-article {
    font-family: inherit;
    resize: none;
    font-size: 14px;
    width: 200px;
    height: 76px;
    position: absolute;
    padding: 0;
    color: #596168;
    border: 0px solid #a9a9a9;
    text-align: left;
    direction: ltr;
}
.note-time {
    width: auto;
    resize: none;
    font-size: 12px;
    line-height: 11px;
    margin: 11px 18px;
    float: left;
    color: #a6aaad;
}
.note-button {
    float: right;
    font-size: 18px;
    line-height: 22px;
    height: 22px;
    color: #a6aaad;
    cursor: pointer;
    text-align: center;
    margin-right: 10px;
}

.note-color.red {
	background-color: #ff8383
}

.note-border-color.red {
	border-color: #ff8383
}

.note-color.gray {
	background-color: #a6a19b
}

.note-border-color.gray {
	border-color: #a6a19b
}

.note-color.orange {
	background-color: #f60
}

.note-border-color.orange {
	border-color: #f60
}

.note-color.violet {
	background-color: #9d80d7
}

.note-border-color.violet {
	border-color: #9d80d7
}

.note-color.blue {
	background-color: #64d3fd
}

.note-border-color.blue {
	border-color: #64d3fd
}

.note-color.green {
	background-color: #2bad2c
}

.note-border-color.green {
	border-color: #2bad2c
}

.glyphicon-comment.red {
	color: #ff8383
}

.glyphicon-comment.gray {
	color: #a6a19b
}

.glyphicon-comment.orange {
	color: #f60
}

.glyphicon-comment.violet {
	color: #9d80d7
}

.glyphicon-comment.blue {
	color: #64d3fd
}

.glyphicon-comment.green {
	color: #2bad2c
}

.note-footer {
	height: 37px;
	width: 100%;
	margin: 0;
	bottom: 0;
	position: absolute
}
.note-border-color {
	top: 7px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	float: left;
	margin: 7px -10px 3px 14px;
	background-color: transparent;
	cursor: pointer;
	border: 2px solid transparent
}
.note-color {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin: 2px 2px;
	float: right
}
.vectorText{
	transform-origin:0 0;
}


.L>div{
	width:100%;
	height:100%;
}
.R>div{
	width:100%;
	height:100%;
}
.flipbook-page-htmlContent{
	width:100%;
	height:100%;
}