﻿body .canvas_phone{ display:none;}
body .footer_phone{ display:none;}

#pdf_read{ width:100%; position:absolute; bottom:0; height:0; background:#353535; overflow:hidden;}

/*--功能区--*/
#pdf_read .p_func_bg{ width:100%; background:#404040;box-shadow:0 -5px 10px #292929; position:absolute; bottom:0; left:0;}
#pdf_read .p_func{ max-width:930px; height:75px; margin:0 auto; position:relative;}

#pdf_read .p_func a{ display:block; width:32px; height:32px; background:url(/photo/img/pdf_btn.jpg) no-repeat; float:left;}

#pdf_read .p_zoom{ position:absolute; left:0; top:21px;}
#pdf_read .p_zoom .p_z_l{ background-position:left -192px;}
#pdf_read .p_zoom .p_z_r{ background-position:left -224px;}
#pdf_read .p_zoom .p_z_c{ display:block; width:90px; height:1px; background:#adadad; margin:16px 2px; position:relative; float:left;}
#pdf_read .p_zoom .p_z_btn{ position:absolute; left:0; top:-5px; width:10px; height:10px; background:#adadad; border-radius:4px;}

#pdf_read .p_btn{ position:absolute; right:80px; top:21px;}
#pdf_read .p_btn a{ margin:0 4px}
#pdf_read .p_btn .p_b_list{ background-position:left 0px;}
#pdf_read .p_btn .p_b_list:hover{ background-position:-32px 0px;}
#pdf_read .p_btn .p_b_list.p_b_list_no{ background-position:-64px 0px;}
#pdf_read .p_btn .p_b_list.p_b_list_no:hover{ background-position:-64px 0px;}
#pdf_read .p_btn .p_b_pattern{ background-position:left -32px;}
#pdf_read .p_btn .p_b_full{ background-position:left -64px;}

#pdf_read .p_page{ margin:0 auto; width:150px; padding-top:21px;}
#pdf_read .p_page .p_p_l{ background-position:left -128px;}
#pdf_read .p_page .p_p_r{ background-position:left -160px;}
#pdf_read .p_page .p_p_t{ background-position:left -288px; display:none;}
#pdf_read .p_page .p_p_b{ background-position:left -320px; display:none;}
#pdf_read .p_page .p_p_c{ width:86px; float:left;}
#pdf_read .p_page .p_p_c input{ border:none; width:100%; line-height:32px; height:32px; text-align:center; background:#fff; font-size:18px; font-family:"Arial"; font-weight:bold; color:#ccc; background:none;}

/*--展示区--*/
#pdf_read .p_content{ max-width:960px; margin:0 auto; position:relative; padding:0 64px; top:0; overflow:hidden;}
#pdf_read .p_book{ width:100%; height:100%; min-height:300px; margin:0 auto; position:relative;transition:transform 0.3s; -moz-transition:transform 0.3s; -webkit-transition:transform 0.3s; -o-transition:transform 0.3s; transform-origin:50% 0; -ms-transform-origin:50% 0; -webkit-transform-origin:50% 0; -o-transform-origin:50% 0;}
#pdf_read .p_book.p_book_x{transform:scale(0.8); -ms-transform:scale(0.8); -moz-transform:scale(0.8); -webkit-transform:scale(0.8); -o-transform:rotate(0.8); }
#pdf_read .p_book a{ background:url(/photo/img/pdf_btn.jpg) no-repeat;}

#pdf_read .p_book2{ width:100%; height:100%; margin:0 auto; position:relative; transform-origin:50%; -ms-transform-origin:50%; -webkit-transform-origin:50%; -o-transform-origin:50%; display:none; text-align:center; overflow:hidden;}
#pdf_read .p_book2 img{ height:99%; margin:0 0 1% 0;}

#pdf_read .p_img{ height:100%; width:100%; position:absolute; overflow:hidden; line-height:0;}
#pdf_read .p_img img{ width:100%; left:0; top:0;}
#pdf_read .p_img span{ display:block; width:1px; height:100%; position:absolute; left:0; top:0; background:#333; z-index:11; opacity:0.3}
#pdf_read .p_i_1{ width:50%; height:100%; position:absolute; left:0; top:0; z-index:10; overflow:hidden; background:url(/photo/img/loading.gif) no-repeat center #fff;}
#pdf_read .p_i_2{ width:50%; height:100%; position:absolute; left:25%; top:0; z-index:10; overflow:hidden; background:url(/photo/img/loading.gif) no-repeat center #fff;}
#pdf_read .p_if_1{ width:0; height:100%; position:absolute; left:100%; top:0; overflow:hidden; z-index:30; background:url(/photo/img/loading.gif) no-repeat center #fff;}
#pdf_read .p_if_2{ width:0; height:100%; position:absolute; right:0; top:0; overflow:hidden; z-index:20; background:url(/photo/img/loading.gif) no-repeat center #fff;}
#pdf_read .p_if_2 img{ left:auto; right:0;}
#pdf_read .p_i_1 span{ left:auto; right:-1px;}
#pdf_read .p_if_1 span{ left:auto; right:-1px;}

#pdf_read .p_img_big{ height:100%; width:100%; position:absolute; overflow:hidden; line-height:0; z-index:300; overflow:hidden; display:none}
#pdf_read .p_img_bigc{ width:100%; height:100%; position:absolute; left:0; top:0;}
#pdf_read .p_img_bigc img{ width:100%; left:0; top:0;}
#pdf_read .p_img_bigc span{ display:block; width:1px; height:100%; position:absolute; left:0; top:0; background:#333;box-shadow:0 0 20px 20px #666; z-index:11; opacity:0.3}
#pdf_read .p_b_1{ width:50%; height:100%; position:absolute; left:auto; right:-1px; z-index:10; overflow:hidden; background:url(/photo/img/loading.gif) no-repeat center #fff; display:none;}
#pdf_read .p_b_2{ width:50%; height:100%; position:absolute; left:25%; top:0; z-index:10; overflow:hidden; background:url(/photo/img/loading.gif) no-repeat center #fff;}
#pdf_read .p_b_1 span{ left:auto; right:-1px;}


#pdf_read .p_img_l{ position:absolute; left:-64px; width:64px; height:100%;}
#pdf_read .p_img_l .a{ position:absolute; left:0; width:64px; height:115px; top:50%; margin-top:-57px; background-position:left -793px;}
#pdf_read .p_img_l .last{ position:absolute; bottom:0; left:20px; width:32px; height:32px; background-position:left -416px;}
#pdf_read .p_img_r{ position:absolute; right:-64px; width:64px; height:100%;}
#pdf_read .p_img_r .a{ position:absolute; left:0; width:64px; height:115px; top:50%; margin-top:-57px; background-position:left -564px;}
#pdf_read .p_img_r .last{ position:absolute; bottom:0; right:20px; width:32px; height:32px; background-position:left -384px;}

#pdf_read .p_list{ position:absolute; bottom:0; height:70px; left:0; z-index:100; display:none}
#pdf_read .p_list .p_ul_l{ height:50px; margin-right:9px; width:32px; position:absolute; left:0; top:0;}
#pdf_read .p_list .p_ul_l a{ width:32px; height:32px; line-height:32px; text-align:center; display:block; margin-top:9px; font-size:18px; font-family:"宋体"; color:#ccc;}
#pdf_read .p_list .p_ul_r{ height:50px; margin-left:9px; width:32px; position:absolute; right:0; top:0;}
#pdf_read .p_list .p_ul_r a{ width:32px; height:32px; line-height:32px; text-align:center; display:block; margin-top:9px; font-size:18px; font-family:"宋体"; color:#ccc;}
#pdf_read .p_ul{ height:50px; margin:0 40px;}
#pdf_read .p_ul_num{ width:100%; bottom:0; text-align:center; position:absolute;}
#pdf_read .p_ul_num a{ display:inline-block; width:40px; height:5px; background:#5d5d5d; border-radius:3px; margin:0 2px;}
#pdf_read .p_ul_num a.one,#pdf_read .p_ul_num a:hover{ background:#fff;}
#pdf_read .p_ul li{ float:left; margin:0 2px; line-height:0;}
#pdf_read .p_ul li.one,#pdf_read .p_ul li:hover{ border:2px solid #47a1e2;}
#pdf_read .p_ul li.one a,#pdf_read .p_ul li:hover a{width:36px;}

#pdf_read .p_ul li a{ width:38px; display:block; float:left;}
#pdf_read .p_ul li a img{ width:100%;}

/*--全屏样式--*/
#pdf_read.pdf_read_request .p_content{ max-width:100%;}

/*--手机端样式--*/
.body_phone{ overflow:hidden; position:relative;}
.body_phone .pdf_read{ display:none;}
.body_phone .canvas_phone{ display:block; z-index:20;}
.body_phone .footer_phone{ display:block;}
.body_phone{margin: 0;padding: 0;background: #333;overflow: hidden;position:relative;font-family:"Arial"; height:100%;}
.body_phone ul{list-style: none;margin: 0;padding: 0;height: 100%;overflow: hidden; min-width:100%;}
.body_phone li{list-style: none;margin: 0;padding: 0;height: 100%;overflow: hidden; position: absolute;display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;background-position:center;background-size:contain;background-repeat:no-repeat; z-index:100;}
.body_phone li img {max-width: 100%;max-height: 100%;}
/* 隐藏画布外的内容 */
.body_phone  .canvas_phone{height: 100%;width: 100%;overflow: hidden;position:relative; z-index:20;}
.body_phone .footer { z-index:30;position: absolute;bottom: 10px;left:0;width: 100%;transition:all 0.3s;}
.body_phone .footer .pagescrubber {margin: 0 10px;width: auto;height: auto; position:absolute; left:50%; margin-left:-50px; bottom:0;}
.body_phone .footer .pageNumber {display: inline-block;font-size: 18px;font-weight: bold;line-height: 38px;border-radius: 19px;color: #FFFFFF;padding: 0 12px;background-color: rgba(0, 0, 0, 0.4);-webkit-transition: -webkit-transform ease-in-out;transition: transform ease-in-out;}
/* 放大 */
.body_phone #canvas_jia{ position:absolute; width:40px; height:40px; background:#fff; font-size:0; line-height:30px; color:#333; bottom:15px; left:15px; z-index:999; text-align:center; background:url(../images/jia.png) no-repeat 8px 8px #333; background-size:24px;border-radius: 50px;}
.body_phone #canvas_jian {position:absolute;width: 40px;height: 40px;background: #fff; font-size:0;line-height: 30px;color: #333;bottom: 15px;left: 15px;z-index: 1002;text-align: center;background: url(../images/jian.png) no-repeat 8px 8px #333;background-size: 24px;border-radius: 50px; display:none;}
.body_phone .canvas_big_bg{ position:absolute; width:100%; height:100%; overflow:hidden; z-index:1001; left:0; top:0; display:none;}
.body_phone .canvas_big{ position:absolute; background:center no-repeat; background-color:#333; background-size:contain; left:0; top:0; z-index:1001;}

