@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit}
h1,h2,h3,h4,h5,h6{font-size:100%}
[id^="MF_"] {
	display: none !important;
  }
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
strong{font-weight:bold}
em{font-style:italic}
body{overflow:auto;font:12px/1.5  "Microsoft YaHei","微软雅黑","SimSun","宋体";color:#333;zoom:100%}
a,input,select,option,textarea,button{font-family:Arial,"Microsoft Yahei","微软雅黑",sans-self}
.hide{display:none}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.link{color:#146C88}
a{text-decoration:none;color:#146C88}
a:visited{text-decoration:none;color:#146C88}
a:hover{text-decoration:underline;color:#146C88}
.header{position:relative;z-index:1501;height:50px;background:rgba(0,0,0,0.7)}
.logo{float:left;padding:8px 0 0}
/*.logo img{width:230px;height:34px}*/
.logo .logoimg{
	background-image:url(../images/surplus.png?v=1.4);background-position:0 -467px;background-repeat:no-repeat;
	width: 230px;
	height: 34px;
}
.otable-panel{
	position: absolute;
}
.otable-panel table{
	border:1px solid #ccc;
}
.header .search{float:left;padding:10px 0 0}
.header .search .stext,.header .search .sbtncss{float:left;height:30px;border:none;background:url(../images/search1-bg.png) no-repeat;line-height:30px}
.header .search .stext{width:160px;padding:0 5px;background-position:left 0}
.header .search .sbtncss{width:30px;background-position:right 0;cursor:pointer}
.header .shop{float:right}
.header .shop li{position:relative;float:left}
.header .shop li.upload{padding:10px 10px 0}
.header .shop li.signin a,.header .shop li.login a{float:left;display:block;height:50px;padding:0 20px;font:18px/50px "微软雅黑";color:white;text-decoration:none}
.header .shop li.signin a:hover,.header .shop li.login a:hover,.header .shop li.signin a.current,.header .shop li.login a.current{background:rgba(0,0,0,0.7)}
.header .shop li.usertips a.mycenter{display:block;float:left;height:50px;padding:0 30px 0 10px;background:url(../images/icons/pointer-down.png) no-repeat 46px center}
.header .shop li.usertips a.mycenter:hover,.header .shop li.usertips a.current{background:#111 url(../images/icons/pointer-down.png) no-repeat 46px center}
.header .shop li.usertips .gravatar{margin-top:10px;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,0.2) inset;cursor:pointer;display:inline-block;height:30px;overflow:hidden;vertical-align:middle;width:30px}
.header .shop li.usertips .gravatar img{width:30px;height:30px}
.skin-peeler {
	background-image: url(../images/surplus.png?v=1.4);
	background-position: -275px 0;
	background-repeat: no-repeat;
	width: 45px;
	height: 45px;
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	cursor: pointer;
}

.topshop{display:none;background:white url(../images/topshop-bg-x.png) repeat-x bottom;padding:10px 0;position: relative;z-index: 1;}
.skin-panel{margin-left:4px;margin-right:40px;overflow:hidden;position:relative;zoom:1}
.skin-list{overflow:hidden}
.skin-list li{float:left;padding:10px 20px;cursor:pointer;position:relative;_zoom:1}
.skin-list li p{text-align:center;line-height:30px}
.skin-list li p em{color:red}
.skinimg{position:relative;width:120px;height:80px;border:solid 1px #ccc;background:white;padding:1px}
.skinimg img,.skinimg div{width:120px;height:80px;display:block}
.skinimg div.addcolor{background:url(../images/icons/add-color-bg.png) no-repeat center center}
.skinimg div.addcolor:hover{background:url(../images/icons/add-color-hover.png) no-repeat center center}
.skinimg span.checked{display:none;position:absolute;z-index:3;top:0;right:0;width:20px;height:20px;background:url(../images/icons/checked.png) no-repeat}
.topshop li.current .skinimg{width:118px;height:78px;border:solid 2px red}
.skin-list li.current .skinimg img,.skin-list li.current .skinimg div{width:118px;height:78px}
.skin-list li.current .skinimg span.checked{display:block}
.skinpaging{position:absolute;z-index:1;bottom:52px;right:5px}
.skinpaging a.prevskin, .skinpaging a.nextskin {
	display: block;
	width: 22px;
	height: 22px;
	margin-top: 1px;
	border: solid 1px #ccc;
	background-image: url(../images/surplus.png?v=1.4);
    background-position: -340px 0;
    background-repeat: no-repeat;
}

.skinpaging a.nextskin {
	background-image: url(../images/surplus.png?v=1.4);
    background-position: -362px 0;
    background-repeat: no-repeat;
}
.skinpaging a:hover{border-color:#f39800}
.footer{background:#4c4c4c;color:white}
.footer .mainpart{padding:10px 0;line-height:25px}
.footer .copyrught{float:left}
.footer .copyrught  a{color:#fff;font-size:12px}
.footer .tel{float:right}
.footer .service-qq {
	display: block;
	width: 96px;
	height: 25px;
	background-image: url(../images/surplus.png?v=1.4);
    background-position: -180px 0;
    background-repeat: no-repeat;
	cursor: pointer
}

.footer .service-qq:hover {
	background-position: -180px -25px;
}
.activelist {
	background: #eee;
	border-top: 1px solid #ccc;
}
.columns{float:left;width:25%;padding:20px 0;color:#666}
.columns h3{padding-bottom:10px;font:18px/100% "微软雅黑";color:#333}
.columns h3 a{padding-bottom:10px;font:18px/100% "微软雅黑";color:#333}
.columns ul{float:left;padding:5px 50px 0 0}
.columns li{line-height:2}
.columns li a{color:#666;text-decoration:none}
.columns li a:hover{color:#33bbd9}
.columns-ad{float:left}
.columns li a.weibo{display:inline-block;float:left;margin-right:10px}
.columns-ad .qrcode{float:left;margin:8px 10px 0;padding:2px 2px 5px;background:white;font-size:14px;line-height:100%;text-align:center}
.columns-ad .qrcode img{width:100px;margin-bottom:5px}
.columns-ad .adtext{float:left;width:150px;padding:20px 0}
.toplayer-shop{position:fixed;right:10px;bottom:85px;width:50px}
.gotop{position:relative;width:48px;height:48px;cursor:pointer;text-align:center;transition:background 1s;-moz-transition:background 1s;-webkit-transition:background 1s;-o-transition:background 1s;font-size:16px;line-height:18px}
.gotop a{color:#999;text-decoration:none}
.gotop .imglogo{display:block}
.gotop .txtlogo{display:none}
.gotop a .iconfont{font-size:24px;line-height:48px}
.gotop a .car-num {
    display: block;
    background: #fc504b;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    right: 2px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    font-family: Arial,"Microsoft Yahei","微软雅黑",sans-self;
}
.gotop:hover{background:#A3A3A3}
.gotop:hover a{color:#fff}
.gotop:hover a.imglogo{display:none}
.gotop:hover a.txtlogo{display:block;padding-top:6px}
.layoutfull,.layout01,.layout02,.layout03{padding:10px 0;overflow:hidden}
.layout01 .boxleft{float:left}
.layout02{margin:0 auto;width:100%}
.layout02 .boxleft{margin-right:260px!important;margin-right:257px;min-height:800px}
.layout02 .boxleft1{margin-right:0}
.layout02 .boxright{float:right;width:250px}
.layout03 .boxleft{float:left}
.doctopbox{margin-bottom: -1px;}
.commonbox1,.commonbox2,.commonbox3,.commonbox4,.commonbox5,.commonbox6,.commonbox1 .box,.commonbox2 .box,.commonbox3 .box,.commonbox4 .box,.commonbox6 .box,.commonbox5 .box{position:relative;zoom:1}
.commonbox1{padding:16px 0;background:#fff;border:solid 1px #ccc;margin-bottom:10px}
.commonbox4{position:relative;padding:20px 0}
.commonbox1 .topic{overflow:hidden;padding:0 20px 6px}
.commonbox1 .topic h2{float:left;font-size:16px;line-height:26px;color:#333}
.commonbox1 .topic h2 a{color:#666}
.commonbox1 .box{padding:10px 0}
.commonbox2,.commonbox3{border:solid 1px #ccc;background:#f9f9f9;margin-bottom:10px}
.commonbox6{margin-bottom:10px}
.commonbox6 .sd-side{border:solid 1px #ccc;background:#f9f9f9}
.commonbox2{padding:1px;background:#fff}
.commonbox3{padding:0 5px}
.commonbox3 .topic{border-bottom:solid 1px #ccc;overflow:hidden;padding:10px;color:#666;overflow:hidden}
.commonbox3 .topic h3{float:left;font:16px/100% "微软雅黑"}
.commonbox3 .topic a{float:right;font-size:12px}
.commonbox3 .box{position:relative;padding:10px 5px}
.commonbox4{margin-bottom:10px;border:solid 1px #ccc;background:white;padding:0 5px}
.commonbox4 .topic{border-bottom:solid 1px #ccc;overflow:hidden;padding:10px;color:#666;overflow:hidden}
.commonbox4 .topic h3{float:left;font:16px/100% "微软雅黑"}
.commonbox4 .topic a{float:right;font-size:12px}
.commonbox4 .box{padding:10px 5px}
.commonbox5{overflow:hidden}
.commonbox5 .topic{height:33px;background:url(../images/border-bg-01.png) repeat-x bottom;line-height:32px}
.commonbox5 .topic h3{float:left;height:33px;background:url(../images/border-bg-02.png) repeat-x bottom;padding:0 5px;font-size:18px}
.commonbox5 .box{padding:10px 5px}
.commonboxbg{border:solid 1px #ccc;background:white;margin-bottom:10px;margin-top:20px;padding:10px 2px}
.comment{border:solid 1px #ccc;background:#fff;margin-bottom:10px;padding:16px 20px}
.comment h4{font-size:16px;color:#333}
.comment form{padding-top:16px}
.comment table{width:100%;border:none;margin:5px 0 0}
.comment td{padding:10px 0}
.commentlist{position:relative}
.usercard{position:relative;color:#666}
.usercard .dropbox{display:none}
.usercard .weibo{padding:5px 0;line-height:20px;font-family:Verdana,Geneva,sans-serif}
.usercard .drop{display:block;position:absolute;right:-9px;bottom:-9px;height:12px;line-height:12px;text-decoration:none;color:#ccc}
.usercard .drop i.iconfont{font-size:12px}
.usercard .drop:hover{text-decoration:none;color:#999}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.usercard .drop{bottom:-8px}
}
.imgtxt01 dt{padding:1px;border:solid 1px #ccc;border-radius:2px;background:white;overflow:hidden}
.imgtxt01 dt,.imgtxt01 dt img{width:50px;height:50px;border-radius:5px;display:block}
.imgtxt01{overflow:hidden}
.imgtxt01 dt{float:left}
.imgtxt01 dt .vip{position:absolute;top:2px;left:2px;border-style:solid;border-width:12px;border-top-left-radius:4px;border-color:transparent;color:white;line-height:100%}
.imgtxt01 dt .vip a{color:white}
.imgtxt01 dt .vip a:hover{text-decoration:none}
.imgtxt01 dt .vip .v{position:absolute;top:-9px;left:-11px}
.imgtxt01 dt .vip-user{border-top-color:#f60;border-left-color:#f60}
.imgtxt01 dt .vip-org{border-top-color:#00a1e9;border-left-color:#00a1e9}
.imgtxt01 dd{margin-left:65px}
.imgtxt01 dd h5{line-height:100%;font-size:14px}
.imgtxt01 dd h5 .username{float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:80%;}
.imgtxt01 dd h5 .mail{padding-left:10px;text-decoration:none;color:#7fd7ff}
.imgtxt01 dd h5 .mail:hover{color:#00c8ff}
.imgtxt01 dd p.upload-time{padding:3px 0 1px}
.imgtxt02 dt .imgbox{padding:1px;border:solid 1px #ccc;background:white;overflow:hidden}
.imgtxt02 dt .imgbox,.imgtxt02 dt .imgbox img{width:86px;height:86px;border-radius:2px}
.imgtxt02{position:relative;height:170px;border:solid 1px #ccc;background:white;margin-bottom:10px}
.imgtxt02 dt{position:relative;float:left;width:122px;height:170px;padding-bottom:8px}
.imgtxt02 dt .userbox{position:absolute;z-index:1;top:-1px;left:-1px;width:120px;height:170px;border:solid 1px #ccc;border-right-style:dashed;background:#eee}
.imgtxt02 dt .imgbox{margin:15px auto 10px}
.imgtxt02 dt .txtbox{padding:0 10px 10px;text-align:center;overflow:hidden}
.imgtxt02 dt .txtbox h5{padding-bottom:10px;font-size:14px;line-height:100%}
.imgtxt02 dt .txtbox p a{color:#666}
.imgtxt02 dt .txtbox p a:hover{color:#33bbd9}
.imgtxt02 dd{margin-left:130px!important;margin-left:127px;padding:20px;font-size:14px}
.imgtxt02 dd .words{line-height:180%}
.imgtxt02 dd .other{padding:20px 0}
.imgtxt02 dd .other span{float:right;color:#999}
.imgtxt02 .number{position:absolute;z-index:0;top:0;right:5px;font-style:italic;font-size:30px;font-family:Arial;line-height:100%;color:#999;opacity:0.3}
.um_imgtxt04{height:230px;width:1496px}
.um_imgtxt04 li{position:relative;float:left;height:182px}
.um_imgtxt04 .book0{width:128px!important}
.um_imgtxt04 li .books{width:124px;height:172px;border:solid 1px #ccc;background:white;padding:1px}
.um_imgtxt04 li .books img{}
.um_imgtxt04 li .names{padding:10px 0 0;line-height:20px}
.um_imgtxt04 li .names h3{max-height:40px;font-size:14px;overflow:hidden}
.um_imgtxt04 li .names h4{height:20px;padding:10px 0 0;font-size:12px;overflow:hidden}
.um_imgtxt04 li .names h3 a{color:#666}
.um_imgtxt04 li .names h4 a{color:#33bbd9}
.um_imgtxt04 li{padding-right:20px}
.um_imgtxt04 li .books{width:124px;height:172px;border:solid 1px #ccc;background:white;padding:1px}
.um_thumbnail_list{z-index:500;position:relative;width:124px;height:170px;margin-right:5px;border-style:none}
.um_thumbnail_list a{width:124px;display:block;background:#fff no-repeat center center;height:170px;overflow:hidden}
.um_thumbnail_list a:hover{text-decoration:none!important}
*.docoutline{position:relative}
#bookbox{margin:0 65px;overflow:hidden;position:relative}
.book0{left:0}
.no_of_pages {
	position: absolute;
	padding-bottom: 3px;
	line-height: 12px;
	margin: 0px;
	padding-left: 5px;
	bottom: 0px;
	padding-right: 2px;
	_padding-right: -2px;
	display: block;
	background-color: #a3a3a3;
	background-color:rgba(102,102,102,.6);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99666666,endColorstr=#99666666);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99666666,endColorstr=#99666666);
	color: #fff;
	font-size: 9px;
	cursor: pointer;
	right: 0px;
	padding-top: 3px;
}
.commonlist1>li.over .imgtxt05 .wordshop li{background:url(../images/wordshop-icons-hover.png) no-repeat}
.commonlist1>li.over .imgtxt05 .wordshop li.like{background-position:0 0}
.commonlist1>li.over .imgtxt05 .wordshop li.share{background-position:0 -40px}
.commonlist1>li.over .imgtxt05 .wordshop li.like:hover{background-position:0 -20px}
.commonlist1>li.over .imgtxt05 .wordshop li.share:hover{background-position:0 -60px}
.commonlist1>li.over .imgtxt05 .wordshop li a{color:#f39800}
.commonlist1>li.over .imgtxt05 .wordshop li a:hover{color:#e94615}
.prev, .next {
	display: block;
	position: absolute;
	z-index: 600;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
    background-image: url(../images/surplus.png?v=1.4);
    background-repeat: no-repeat;
	cursor: pointer
}

.prev {
	left: 8px;
	background-position: -170px -214px;
	
	z-index: 600
}

.next {
	right: 8px;
	background-position: -170px -314px;
	z-index: 600
}

.prev:hover {
	background-position: -170px -264px;
}

.next:hover {
	background-position: -170px -364px;
}
.shadefull{display:none;position:fixed;z-index:5;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.3)}
.popup{color:#333;padding:3px}
.popup .box{padding-left:20px;padding-right:20px;background:white}
.popup .box h3{font-size:20px;line-height:100%;padding-bottom:20px}
.popup .close{position:absolute;top:10px;right:10px;width:20px;height:20px;background:url(../images/close.png) no-repeat}
.popup .close:hover{background-position:0 -20px}
.popup .tips{color:#666;font-size:14px}
.popup .formtips{display:inline-block;padding:5px 10px;border:solid 1px #facd89;background:#fffccc;color:#5c5929;line-height:100%;*display:inline;zoom:1}
.popup .login,.popup .share,.popup .other1{overflow:hidden;padding:10px 0;line-height:3em;color:#666}
.popup .login .btncss1{+margin-right:10px}
.popup .share,.popup .other1,.popup .bookrack{line-height:2em}
.popup .share h5{border-top:dashed 1px #ccc;padding:5px 0;font-size:14px}
.popup .bookrack h5{padding:5px 0;font-size:14px}
.linklogin{padding:10px 0 0;border-top:solid 1px #ccc}
.sharethis{overflow:hidden}
.sharethis dt,.sharethis dd{float:left;height:24px;font-size:14px;line-height:24px}
.sharethis dd a{margin:0 5px}
.letterphiz{overflow:hidden}
.letterphiz li{float:left;padding-right:10px}
.letterphiz li img{vertical-align:middle}
.tabs1,.tabs2{}
.tabs1 .tab,.tabs2 .tab{overflow:hidden}
.tabs1 .tab li{float:left;height:20px;border-bottom:solid 1px white;margin-right:20px;cursor:pointer;font-size:14px;color:#999}
.tabs1 .tab li:hover{color:#33bbd9}
.tabs1 .tab li.current{border-bottom:solid 1px red;background:url(../images/icons/pointer-up-red.png) no-repeat bottom center;color:#333}
.tabs1 .tabcont{padding:10px 0}
.tabs2 .tab{border-left:solid 1px #ccc;background:url(../images/tabs2-hr.png) repeat-x bottom}
.tabs2 .tab li{float:left;height:28px;border:solid 1px #ccc;border-left:none;padding:0 20px;line-height:28px;cursor:pointer}
.tabs2 .tab li.current{border-bottom-color:white;cursor:default}
.tabs2 .tabcont{position:relative;border:solid 1px #ccc;border-top:none;padding:10px 0}
.skintips {
	background-image: url(../images/surplus.png?v=1.4);
    background-position: -220px -214px;
    background-repeat: no-repeat;
    width: 230px;
    height: 145px;

	position: absolute;
	z-index: 9;
	top: 45px;
	right: 0;
	display: none
}

.skintips a.close {
	display: block;
	position: absolute;
	top: 15px;
	right: 10px;
	width: 30px;
	height: 30px;
	background: none
}

.skintips a.into {
	display: block;
	position: absolute;
	top: 95px;
	left: 30px;
	width: 150px;
	height: 30px;
	background: none
}
.red{color:red!important}
.orange{color:#ff6100!important}
.adpx250 .ggpx250{width:250px;border:solid 0px #ccc;background:white;box-shadow:0 1px 5px rgba(0,0,0,0.3);margin-bottom:10px;padding:0px;position:relative}
#adbottom{margin-bottom:10px}
.adcommon,.adsidebar{margin-bottom:10px;box-shadow:0 1px 5px rgba(0,0,0,0.3)}
.ca-nav span{width:25px;height:38px;background:transparent url(../images/arrows.png) no-repeat top left;position:absolute;top:50%;margin-top:-19px;left:-40px;text-indent:-9000px;opacity:0.7;cursor:pointer;z-index:100}
.ca-nav span.ca-nav-next{background-position:top right;left:auto;right:-40px}
.ca-nav span:hover{opacity:1.0}
.loadings{margin:15px 0;padding:6px;border:solid 1px #ddd;background:#eee;text-align:center;color:#999;line-height:24px;height:24px;cursor:pointer;font-size:14px}
.loadings:hover{border-color:#ccc;color:#333}
.okmsgbox1,.okmsgbox2,.nomsgbox1,.nomsgbox2{display:none;position:absolute;z-index:3;font-size:12px}
.okmsgbox1,.nomsgbox1{top:10px;right:0;height:25px;padding:0 5px;border:solid 1px #d3eed7;background:#fafdfb;line-height:25px;white-space:nowrap;color:#90d59b}
.nomsgbox1{border-color:#fad0e3;background:#fefafc;color:#f28ab9}
.msgs{font-size:12px;color:red}
.success_msgs{font-size:12px;color:green}
.pull-left{float:left!important}
.pull-right{float:right!important}
.bigsearch{float:left}
.bigsearch .stext, .bigsearch .sbtncss {
	float: left;
	height: 30px;
	border: none;
	line-height: 30px !important;
	outline: none;
	/*border-radius: 0;*/
    background: url(../images/surplus.png?v=1.4) no-repeat;
}
.bigsearch .stext{padding:0 5px;background-position:left -569px;font:12px/1.5  "Microsoft YaHei","微软雅黑","SimSun","宋体";-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:width .3s ease,-webkit-transform .3s ease;transition:width .3s ease,transform .3s ease;transition:width .3s ease,transform .3s ease,-webkit-transform .3s ease}
.bigsearch .sbtncss{width:30px;background-position:right -569px;cursor:pointer}
.bigsearch div{+float:left}
.mainnav{float:left;padding:0 0 0 20px}
.mainnav .nav>li{position:relative;float:left}
.mainnav .nav>li>a{display:block;float:left;height:50px;padding:0 10px;line-height:50px;font-size:15px;color:#ccc;text-decoration:none}
.mainnav .nav li .hottip{position:absolute;right:-8px;top:8px;z-index:9}
.mainnav .nav>li:hover,.mainnav .nav>li>a:hover{background-color:rgba(0,0,0,1);color:#eee;transition:background 1s;-moz-transition:background 1s;-webkit-transition:background 1s;-o-transition:background 1s}
.mainnav .nav>li>a.current{background-color:#3498db;color:white}
.mainnav .nav>li.dropdown{position:relative}
.mainnav .nav>li.dropdown>a {
	padding: 0 25px 0 15px;
	position: relative;
}
.mainnav .nav>li.dropdown>a .arrow{
	display: block;
	background-image: url(../images/surplus.png?v=1.4);
	background-position: -320px 0;
	background-repeat: no-repeat;
    width: 20px;
    height: 5px;
    position: absolute;
    top: 23px;
    right: 0px;
}
.main-header{position:relative}
.usershop{position:absolute;top:0;right:0;white-space:nowrap}
.usershop ul li{float:left;padding:0 0 0 10px;-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,width .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,width .3s ease,transform .3s ease;transition:opacity .3s ease,width .3s ease,transform .3s ease,-webkit-transform .3s ease}
.upload-button-hide{opacity:0;filter:alpha(opacity=0);transform:scale(0)}
.usershop ul li.shop1.last{position:absolute;top:0;right:0}
.usershop .user1,.usershop .user2{position:relative;line-height:30px;color:#ccc}
.usershop .user1{padding:10px}
.usershop .user1 a,.usershop .user2 a{color:#ccc;text-decoration:none}
.usershop .user1 a:hover,.usershop .user2 a:hover{color:#eee}
.usershop .user2 .mycenter{display:block;padding:10px 25px 10px 10px;transition:background 1s;-moz-transition:background 1s;-webkit-transition:background 1s;-o-transition:background 1s}
.usershop .user2 .mycenter .arrow{
	display: block;
    background-image: url(../images/surplus.png?v=1.4);
    background-position: -320px 0;
    background-repeat: no-repeat;
    width: 20px;
    height: 5px;
    position: absolute;
    top: 23px;
    right: 0px;
}
.usershop .user2:hover,.usershop .user2 .mycenter:hover{background-color:black}
.usershop .user2 .gravatar,.usershop .user2 .gravatar img{width:30px;height:30px;border-radius:2px}
.usershop .user2 .gravatar{position:relative}
.usershop .user2 .gravatar .hint {
	width: 16px;
	height: 16px;
	background-image: url(../images/surplus.png?v=1.4);
    background-position: -384px 0;
    background-repeat: no-repeat;
	display: inline-block;
	vertical-align: -4px;
	position: absolute;
	top: -6px;
	right: -8px
}
.login-bar-con{position:absolute;top:0;right:470px}
.search-bar-con{position:absolute;right:0;top:10px;z-index:4;width:470px}
.dorpmenu1,.dorpmenu2{position:absolute;z-index:1;top:55px;right:0}
.dorpmenu1{top:55px;border-radius:5px;background:#33485f;padding:3px}
/*.dorpmenu1 .arr{display:block;position:absolute;z-index:1;top:-5px;right:10px;left:10px;height:5px;background:url(../images/icons/dorpmenu-arr1.png) no-repeat right bottom}*/
.dorpmenu1 a.subnav{display:block;height:25px;border-radius:3px;padding:0 10px;font-size:12px;line-height:25px;color:#eee;text-decoration:none;transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;-o-transition:background 0.5s}
.dorpmenu1 a.subnav:hover{background:#1abc9c}
.dorpmenu1 a.subnav:active{background:#16a085}
.dorpmenu2{top:50px;background:black;padding:3px 1px}
.dorpmenu2 .arr{display:none}
.dorpmenu2 a.subnav{display:block;height:30px;padding:0 10px;font:12px/30px "微软雅黑";color:white;text-decoration:none}
.dorpmenu2 a:hover{background:#333;color:#00b0ff!important}
.dorpmenu1 a.subnav i,.dorpmenu2 a.subnav i{padding:0 10px 0 0}
.dorpmenu2 a .hint{width:16px;height:16px;background:url(../images/icons/hint.png) no-repeat center;display:inline-block;vertical-align:-4px}
.categorys{width:300px}
.categorys li{float:left;width:25%}
.dorpmenu1 .subnavul{width:100px}
.dorpmenu1 .subnavul li{float:none;padding:1px 0}
.dorpmenu2 .subnavul{width:120px}
.dorpmenu2 .subnavul li{float:none;padding:0 0}
.userlinks{width:120px}
.userlinks li{clear:left;width:120px;padding:0!important}
.nodatamax,.nodatamin{border:dashed 1px #ccc;border-radius:2px;padding:30px;overflow:hidden;color:#999}
.nodatamin{padding:20px 10px}
.nodatamax .ico,.nodatamin .ico{float:left}
.nodatamax .doc{margin-left:80px;font-size:14px}
.nodatamin .doc{margin-left:40px}
.nodatamax .doc h5,.nodatamin .doc h5{padding-bottom:5px;font-size:18px}
.nodatamax .doc p,.nodatamin .doc p{padding:2px 0}
a.sd-side-task-btn{display:block;height:40px;line-height:40px;text-align:center;background:#00a1e9;color:#fff;font-size:18px;text-decoration:none}
.sd-side-task-btn i{color:#fff;font-size:20px}
.sd-side-tips{padding:10px 0 8px;overflow:hidden;border-bottom:1px dashed #ccc;margin-bottom:16px}
.sd-side-tips i{float:left;font-size:40px;color:#13ae2f}
.sd-side-tips p{float:left;margin-top:8px;margin-left:10px;font-size:14px}
.green{color:#13ae2f}
.sd-side{font-size:14px}
.sd-side h3{font-size:16px;line-height:24px}
.sd-side h3 .sd-more{color:#999;float:right;font-size:13px}
.sd-side-box{margin-top:14px}
.sd-side-box li{margin-bottom:6px;}
.sd-side-box li a b.iconfont{
	float: left;
    margin-top: -2px;
}
.sd-side-box li:after{
	clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0
}
.sd-side-box li em{font-style:normal;color:#CA0C16}
.sd-side-box li img {
	width: 16px;
	height: 16px;
	float: left;
	margin-top: 2px
}
.sd-side-box li .sd-side-con{float:left;color:#333;margin-left:6px;font-size:13px}
.sd-side-con .title{max-width:228px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd-side-con .title:hover{color:#00a1e9;text-decoration:underline}
.sd-side-con .sd-cortags{background:#13ae2f;border-radius:2px;color:#fff;display:inline-block;height:16px;line-height:16px;margin-top:2px;padding:2px 4px;font-size:12px}
.sd-side-con .sd-side-hot{color:#999;font-size:12px;line-height:18px}
.sd-side-con .sd-side-hot i{vertical-align:-1px;color:#ccc;margin-left:-2px}
.sd-side-con .sd-side-hot i.current{color:#f90}
.sd-side-pages{margin-left:6px}
.sd-mid-paging{overflow:hidden;text-align:center;margin:30px 0}
.sd-mid-paging .paging01{display:inline-block;float:none;margin:0 auto}
.commonbox3 .sd-side h3{padding:10px 10px 0}
.commonbox3 .sd-side-box{padding:0 10px;margin-top:10px}
.commonbox3 .sd-side-con{max-width:206px}
.commonbox6 .sd-side h3{padding:10px 10px 0}
.commonbox6 .sd-side-box{padding:0 10px;margin-top:10px}
.commonbox6 .sd-side-con{max-width:206px}
.fr{float:right !important}
.vip-copy-tips{position:fixed;top:50%;left:50%;margin-left:-174px;z-index:8009;background:#4c4c4c;color:#fff;border-radius:4px;padding:10px 20px;display:none}
.users-guide{position:fixed;width:100%;height:100%;z-index:5;background:#4c4c4c}
.users-guide #guide-img{position:fixed;width:289px;top:46px;left:420px}
.users-guide img{width:289px}
.users-guide .guide-btn{position:absolute;display:block;bottom:22px;width:86px;height:30px;left:101px;background:#00a1e9;line-height:30px;text-align:center;color:#fff;border-radius:4px;text-decoration:none}
.users-guide .guide-btn:hover{background:#16abee}
.dk-side{width:248px;height:248px;background-image:url(../../resources/images/reading/248@1x.jpg);background-repeat:no-repeat;background-position:center;text-align:center;line-height:1;font-size:14px;margin-bottom:10px;border:1px solid #ccc}
.dk-side h3{font-size:20px;padding-top:72px;color:#007BFF}
.dk-side .dk-content{margin-top:18px;line-height:20px;color:#666}
.dk-content p:first-child{margin-bottom:1px}
.dk-content-orange{overflow:hidden;text-align:left;margin:10px 15px 0;}
.dk-content-orange p{font-size:12px;float:left;width:50%;margin-top:14px;}
.dk-btn{display:block;width:170px;border-radius:4px;height:34px;line-height:34px;font-size:15px;color:#fff;background:#007BFF;cursor:pointer;margin:20px auto}
.dk-btn:visited{color:#fff}
.dk-btn:hover{background:#0077ee;color:#fff;text-decoration:none}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2){
	.dk-side{background-image:url(../../resources/images/reading/248@2x.jpg);background-size:248px 248px}
}
.textcsss,.textcss1,.textcss2,.textcss3,.textsign,.textarea1,.textarea2,.textarea3,.textarea4{width:200px;height:25px;padding:0 5px;border:solid 1px #eee;border-radius:2px;font-size:14px;line-height:25px}
.textcsss{width:50px;text-align:center}
.textcss1{width:180px}
.textcss2{width:250px}
.textcss3{width:300px}
select.textcss1,select.textcss2,select.textcss3{height:27px;padding:2px}
select.textcss1{width:212px}
select.textcss2{width:262px}
select.textcss3{width:312px}
.textsign{width:180px;border:none;border-radius:0;background:#ccc}
.textarea1,.textarea2,.textarea3,.textarea4{margin:0;padding:5px}
.textarea1{width:95%;height:90px;line-height:30px}
.textarea2{width:420px;height:60px}
.textarea3{width:700px;height:90px}
.textarea4{width:100%;height:90px;box-sizing:border-box}
.textcsss:focus,.textcss1:focus,.textcss2:focus,.textcss3:focus,.textcss5:focus,.textarea1:focus,.textarea2:focus,.textarea3:focus{border-color:#00647b;box-shadow:0 0 3px #33bbd9}
.textsign:focus{background:white}
.texterror{border-color:red;box-shadow:0 0 3px red}
.btnupload1,.btnupload2,.btnupload3,.btndown1,.btndown2,.btndown3,.btnlike1,.btnsay1,.btnsay2,.btncss1,.btncss2,.btncss3,.btnbig1,.btnbig2,.btncss4,.btncss5,.btnlong1,.btnlong2,.btnlong3,.btnlong4,.btnlong-small-white{vertical-align:middle;border:none;background:url(../images/buttons-bg.png?v=3) no-repeat;font-size:14px;font-family:"Microsoft Yahei","微软雅黑",Arial,sans-self;color:white;cursor:pointer;text-align:center}
.btnupload1{width:130px;height:30px;background-position:0 0}
.btnupload1:hover{background-position:-130px 0}
.btnupload1:active{background-position:-260px 0}
.btnupload2{width:40px;height:30px;background-position:-390px 0}
.btnupload2:hover{background-position:-430px 0}
.btnupload2:active{background-position:-470px 0}
.btnupload3{width:100px;height:30px;background-position:0 -425px}
.btnupload3:hover{background-position:-100px -425px}
.btnupload3:active{background-position:-200px -425px}
.btndown1,.btnlike1{width:86px;height:28px;padding:0 0 5px 0;background-position:-240px -30px;font-size:14px;line-height:28px}
.btndown2{width:250px;height:40px;background-position:0 -145px;margin-bottom:10px;font-size:18px;line-height:40px}
.btndown2 .iconfont{font-size:20px}
.btndown3{width:150px;height:45px;line-height:45px}
.btnlike1{background-position:-412px -30px;color:#666}
.btndown1:hover{background-position:-326px -30px}
.btnlike1:hover{background-position:-498px -30px}
.btndown2:hover{background-position:-250px -145px}
.btnsay1,.btnsay2{width:100px;height:25px;padding-left:25px;background-position:0 -90px;font-family:"宋体";font-size:12px;color:#333;line-height:25px;text-shadow:none}
.btnsay1:hover{color:#146c88}
.btnsay1:active{background-position:-100px -90px}
.btnsay2{width:80px;background-position:-200px -90px}
.btnsay2:hover{color:#146c88}
.btnsay2:active{background-position:-280px -90px}
.btncss1,.btncss2{width:80px;height:30px;line-height:30px}
.btncss1{background-position:0 -30px;color:white}
.btncss1:hover{background-position:-80px -30px}
.btncss1:active{background-position:-160px -30px}
.btncss2{background-position:0 -60px;color:#333}
.btncss2:hover{background-position:-80px -60px}
.btncss2:active{background-position:-160px -60px}
.btncss3,.btncss4{width:80px;height:27px;line-height:27px}
.btncss3{background-position:-240px -60px;color:white}
.btncss3:hover{background-position:-320px -60px}
.btncss3:active{background-position:-400px -60px}
.btncss4{background-position:-240px -87px;color:#333}
.btncss4:hover{background-position:-320px -87px}
.btncss4:active{background-position:-400px -87px}
.btnbig1,.btnbig2,.btnbig3{width:150px;height:45px;color:white;font-size:16px}
.btnbig1{background-position:0 -185px}
.btnbig1:hover{background-position:-150px -185px}
.btnbig1:active{background-position:-300px -185px}
.btnbig2,.btnbig3{background-position:0 -230px;color:#ccc;text-shadow:none;cursor:default}
.btnbig3{margin-left:10px;color:#666;cursor:pointer}
.btnbig3:hover{background-position:-150px -230px;color:#333}
.btnlong1,.btnlong2,.btnlong3{width:154px;height:30px;line-height:30px;color:white}
.btnlong1{background-position:0 -275px}
.btnlong1:hover{background-position:-154px -275px}
.btnlong1:active{background-position:-308px -275px}
.btnlong2{background-position:0 -305px}
.btnlong2:hover{background-position:-154px -305px}
.btnlong2:active{background-position:-308px -305px}
.btnlong3{background-position:0 -335px;color:#666}
.btnlong3:hover{background-position:-154px -335px}
.btnlong3:active{background-position:-308px -335px}
.btnlong-small-white{width:104px;height:30px;background-position:0 -365px;color:#333}
.btnlong-small-white:hover{background-position:-104px -365px}
.btnlong-small-white:active{background-position:-208px -365px}
.btnlong4{width:104px;height:30px;background-position:0 -395px;color:#666}
.btnlong4:hover{background-position:-104px -395px}
.btnlong4:active{background-position:-208px -395px}
.btnmin1,.btnmin2{height:28px;font-size:14px;line-height:26px;vertical-align:middle;cursor:pointer;text-align:center;border-radius:4px;padding:0 12px 5px;outline:none;}
.btnmin1{color:#fff;border:1px solid #EF9601;background:#EF9601;}
.btnmin1:hover{background:#F69F01;}
.btnmin2{color:#666;border:1px solid #ccc;background:#fafafa;}
.btnmin2:hover{background:#fefefe;}
.formtip1{padding:0 10px;color:#999}
.formtip2,.formtip3{margin:0 10px;vertical-align:middle}
.formtip4{padding:0 4px;vertical-align:middle;width: 16px;}
.password-safety{vertical-align:text-top;margin-right:10px}
.analog-check{display:inline}
.analog-check b,.analog-users b,.analog-radio b{display:inline-block;position:relative;z-index:1;width:16px;height:16px;margin-right:10px;background:url(../images/analog-check.png) no-repeat;vertical-align:middle}
.analog-radio b{vertical-align:middle}
.analog-check b input,.analog-users b input,.analog-radio b input{position:absolute;z-index:2;margin:0;opacity:0;filter:alpha(opacity=0);width:16px;height:16px;cursor:pointer}
.analog-check b{background-position:0 0}
.analog-check b:hover{background-position:0 -16px}
.analog-check b.check{background-position:0 -32px}
.analog-check b.disable{background-position:0 -48px}
.analog-check b.check-disable{background-position:0 -64px}
.analog-users b{background-position:-32px 0}
.analog-users b.check{background-position:-32px -16px}
.analog-radio b{background-position:-16px 0}
.analog-radio b:hover{background-position:-16px -16px}
.analog-radio b.check{background-position:-16px -32px}
.analog-radio b.disable{background-position:-16px -48px}
.analog-radio b.check-disable{background-position:-16px -64px}
a{color:#146c88}
.readshop{position:relative;/*z-index:1500;*/height:35px;border-top:solid 1px #eee;border-bottom:solid 1px #ccc;background:#eee;box-shadow:0 1px 3px rgba(0,0,0,0.1)}
.readshop .shop1,.readshop .shop2,.readshop .shop3{float:left;height:35px;border-right:solid 1px #ccc;padding:0 5px;position:relative;z-index:1}
.readshop li{float:left;padding:3px 4px 0;position:relative}
.readshop li a{display:block;text-align:center;height:26px;padding:0 5px;border:solid 1px #eee;border-radius:3px;background:#eee;line-height:26px;color:#333;text-decoration:none;position:relative}
.readshop li .edit-tips{position:absolute;top:20px;left:-29px;background-image:url(../images/surplus.png?v=1.4);background-position:0 -472px;background-repeat:no-repeat;width:244px;height:156px;display:none}
.edit-tips-closed{position:absolute;display:block;width:20px;height:21px;top:14px;right:15px;cursor:pointer}
.edit-pen,.edit-pen a{cursor:url(../images/reading/edit-pen.ico?v=1),auto}
.edit-default,.edit-default a{cursor:default}
.edit-text,.edit-text a{cursor:text}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2){
	.readshop li .edit-tips{top:22px;left:-25px;background-position:0 -316px;background-size:250px 466px}
	.logo .logoimg{background-position: 0 -250px;background-size:250px 300px}
}
.readshop .mainpart{position:relative}
.readshop li a:hover,.readshop li#handShape a.active{border-color:#ccc;background:#f9f9f9;color:#33bbd9}
.readshop li.disable a,.readshop li.disable a:hover{color:#999;border-color:#eee;background:#eee;cursor:default}
.readshop .shop1{padding-left:0}
.readshop .shop1 li.nobg{padding-top: 3px; padding-left: 0;}
.readshop .shop3 li.text{padding:5px 0 0;font-size:14px;line-height:24px}
.readshop .shop3 li.text input{width:30px;height:22px;outline:none;margin:0;padding:0;border:solid 1px #ccc;background:white;line-height:22px;text-align:center;font-size:14px;vertical-align:top;font-family:"微软雅黑","黑体","宋体"}
.readshop .shop3 li.text input:focus{border-color:#f39800}
.readshop .shop4{float:right;height:35px;padding:0 0 0 5px}
.readshop .share{border-right:solid 1px #ccc;padding:0 8px 0 0}
.readshop .share li{padding:3px 1px 0}
.doctopic{position:relative}
.doctopic h1{float:left;padding:11px 10px 4px 20px;font:16px/24px "微软雅黑";color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90%}
.doctopic h1 img{float:left;width:16px;height:16px;margin:4px 10px 0 0}
/*.doctopic h1 .iconfont{color:#333;}*/
.doctopic h1 b.iconfont{margin-right: 5px;}
.doctopic .self{
    float: left;
    margin: 11px 0 4px;
}
.doctopic .score{float:right;margin:10px 50px 0 0}
.doctopic .starlevel{padding:10px 0 0}
.docoutline{display:none;position:relative;clear:left;padding:0 20px 7px;line-height:2;color:#666}
.docoutline .outline{text-indent:2em}
.docoutline .attribute{color:#999}
.docoutline .attribute i{font-size:13px}
.docoutline .attribute i.line{font-size:12px;color:#666;margin:0 6px}
.docoutline .attribute i.plus{font-size:12px}
.docoutline .attribute .client-show{cursor:pointer}
.doctopic .switch1{position:absolute;z-index:1;right:5px;top:8px;width:24px;height:24px;cursor:pointer!important}
.doctopic .switch1{background:url(../images/icons/slideDown.png) no-repeat center}
.doctopic .switch2{background:url(../images/icons/slideUp.png) no-repeat center}
.document{margin:0 auto;width:650px;padding:20px;font-size:14px;line-height:2;color:#666;text-indent:2em}
.smallimg{overflow:hidden;display:none}
.top_bar{
	display: none;
}
.thumb_panel{
	position: fixed;
	width: 200px;
	height: 100%;
	left: 0px;
	display: block !important;
	background-color: #ffffff;
	padding: 0px;
	z-index: 9999;
	border: 1px solid #ccc;
	top:86px;
	overflow: hidden;
}
.thumb_panel #pagethumblist
{
	overflow-y:scroll;
	overflow-x:hidden;
}
.thumb_panel .top_bar{
	display: block;
	border-bottom: 1px solid rgb(204, 204, 204);
	
	background: rgb(249, 249, 249);
	height: 35px;
	line-height: 35px;
}
.thumb_panel .top_bar .close{
	position: absolute;
	top: 0px;
	right: 10px;
	cursor: pointer;
	color: #666;
	font-size: 12px;
}
/*top_bar dock-side*/
.thumb_panel .top_bar .dock-side{margin:0 6px;}
.thumb_panel .top_bar .dock-side i{color:#666;padding:0 6px;cursor: pointer;}
.thumb_panel .top_bar .dock-side i:hover,
.thumb_panel .top_bar .dock-side i.active{color:#33bbd9}

.thumb_panel ul li{
	margin: 10px !important;
}
.imgtxt07 li{position:relative;float:left;background-color:white;box-shadow:0 1px 5px rgba(0,0,0,0.3);width:160px;overflow:hidden}
.thumb_selected{border:solid 1px #f39800}
.thumb_normal{border:solid 1px #ccc}
.imgtxt07 em{display:block;position:absolute;right:1px;bottom:1px;border-top-left-radius:5px;background:rgba(0,0,0,0.5);padding:2px 5px;color:white;font-family:Verdana,Geneva,sans-serif;font-style:normal;font-size:12px}
.imgtxt07 .thumb_over{display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(116,168,232,0.5)}
.imgtxt07 .thumb_out{display:block;position:absolute;left:0px;top:0px;width:100%;height:100%}
.it07w988 li,.it07w988 li img{}
.it07w1020 li,.it07w1020 li img{}
.it07w1220 li,.it07w1220 li img{}
.surplus{text-align:center;background-color:#fff;border:1px solid #ccc;margin:10px auto;padding:15px 0;font-size:14px;position:relative;min-height:110px}
.surplus-inner{width:100%;height:100%;z-index:998;position:absolute;left: 0}
.surplus .art-like{width:73px;height:73px;background:url(../images/surplus.png?v=1.4) no-repeat -3px -132px;margin:5px auto 15px;cursor:pointer;position:relative}
.art-like .success-like{position:absolute;top:-40px;left:-15px;width:100px;height:30px;line-height:28px;text-align:center;background:url(../images/surplus.png?v=1.4) no-repeat 0 -249px;color:#fff;border-radius:4px;opacity:0;filter:alpha(opacity=0)}
.art-like .like-num{color:#fff;padding-top:48px}
.surplus .art-like:hover{background-position:-83px -132px}
.surplus .art-like.cur{background-position:-165px -132px}
.surplus p{font-size:18px}
.surplus .share{font-size:12px;color:#999}
.surplus .share a{text-decoration:none}
.surplus .share i{font-size:14px;cursor:pointer;margin-left:6px}
.surplus .share i.dc{color:#71d2b7}
.surplus .share i.wx{color:#4ccd4c}
.surplus .share i.qq{color:#ffb100}
.surplus .share i.am{color:#58abe8}
.surplus .dk-tips{cursor: pointer;color:#999;font-size:14px}
.surplus .uploader,.surplus .uploader2{font-size:12px;color:#ff4d00;line-height:20px}
.surplus .uploader2{margin-top:4px}
.surplus .uploader i{font-size:14px}
.surplus-operate{margin:13px auto}
.surplus-btn{width:162px;height:36px;line-height:36px;background:url(../images/surplus.png?v=1.4) no-repeat 0 -293px;color:#fff;display:inline-block;cursor:pointer;position:relative;*zoom:1;*display:inline}
.surplus-btn:hover{background-position:0 -340px}
.surplus-btn-mid{width:134px;height:36px;line-height:36px;background:url(../images/surplus.png?v=1.4) no-repeat 0 -87px;color:#fff;display:inline-block;cursor:pointer;position:relative}
.surplus-btn-mid:hover{background-position:-144px -87px}
.surplus-btn .more{position:absolute;color:#b5b5b5;top:33px;right:68px}
.surplus-btn .more:hover{color:#9494a2}
.surplus-btn img{height:34px;float:left;margin:1px}
.surplus-down{color:#55afee;margin-left:10px;position: absolute;line-height: 36px;}
.surplus-xdf{color:#FFBF00;position:absolute;top:8px;left:550px}
a.surplus-xdf:hover,a.surplus-xdf:visited{color:#FFBF00}




a.art-next{display:block;background-color:#fff;border:1px solid #ccc;margin:10px auto;padding:15px 0;text-align:center;font-size:16px;color:#333}
.unpaid{margin:0 auto;border:1px solid #ccc;text-align:center;padding:30px 0;font-size:14px}
.unpaid p{font-size:18px}
a.unpaid-look{display:block;padding:8px 0;width:116px;background:#1AA1E6;margin:15px auto;color:#fff;text-decoration:none}
.unpaid-look:hover{background:#00B0FF}
.unpaid-search{color:#00a1e9}
.unpaid-vip{display:block;width:300px;border-top:1px solid #ccc;padding-top:20px;margin:20px auto 0;color:#666;text-decoration:none}
.orange{color:#ff4d00}
.blue{color:#00a1e9}
.bj-notE{padding:0 20px;position:relative;color:#333;font-size:16px;padding-bottom:6px}
.bj-notE p{font-size:12px;line-height:30px;margin-bottom:8px}
.bj-notE a{text-decoration:none;outline:none}
.bj-notE .bj-tips{}
.bj-notE .bj-tips li{list-style:none;line-height:27px}
.bj-scan-code{position:absolute;bottom:-10px;right:-4px;cursor:pointer;display:none}
.bj-scan-code img{width:80px;height:80px;vertical-align:middle;margin-left:10px}
.bj-notE .btn-down{background:#f60;border:1px solid #f27c00;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 14px;font-family:arial,"Microsoft Yahei","微软雅黑"}
.bj-notE .btn-cllect{background:#fcdfb1;border:1px solid #f6af41;border-radius:4px;color:#f60;cursor:pointer;font-size:14px;padding:10px 14px;font-family:arial,"Microsoft Yahei","微软雅黑";margin-left:10px}
.phone-down{position:relative}
.phone-down .btnlong1{padding:0 1px}
.phone-down i{font-size:22px;cursor:pointer;float:right;line-height:42px;color:#666;margin-top:-4px}
.pop-doc-vip{
    color: #f60;
    font-size: 12px;
    padding-left: 12px;
    border-radius: 4px;
    vertical-align: top;
}
.fl{float:left}
a.doc-atten,a.doc-atten-cancle{display:block;background-image:url(../images/follow_button.png);background-repeat:no-repeat;height:12px;float:left;margin-left:6px;margin-top:3px}
a.doc-atten{background-position:0 0;width:33px}
a.doc-atten:hover{background-position:0 -12px}
a.doc-atten-cancle{width:39px;background-position:-39px 0}
a.doc-atten-cancle:hover{background-position:-39px -12px}
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min--moz-device-pixel-ratio:2),screen and (-o-min-device-pixel-ratio:2/1),screen and (min-device-pixel-ratio:2){
	a.doc-atten,a.doc-atten-cancle{background-image:url(../images/follow_button_2x.png);background-size:72px 24px}
}
#downsuccess{position: relative;}
#downsuccess #send-mail-panel{position: absolute;right: 180px;top: 4px; border: gainsboro; background-color: #FFFFFF; padding: 10px;}
#downsuccess #copySuccess{position: absolute;right: 180px;bottom: 4px;}
#downsuccess #dlqr-show{position: absolute;right:10px;top:0px;display: none;}
#newpopup{padding-left:10px;padding-right:10px}
#newpopup .weixin .guild{min-height:150px;border-left:solid 1px #ccc;padding:0 0 0 30px;color:#666}
#newpopup .tips{color:#666;font-size:14px}
#newpopup .weixin{padding:10px 0 0}
#newpopup .tblinfo{width:100%}
#newpopup .tblinfo .name4{width:180px}
#newpopup .tblinfo td{padding:5px}
#newpopup .weixin .doc_qrcode{margin-left:10px;border:solid 1px #ccc;background:white;padding:1px;overflow:hidden;width:146px;height:146px}
#newpopup .weixin .guild .msg{padding-top:10px}
#depositpopup.deposit-confirm{padding:20px;color:#666}
#depositpopup.deposit-confirm h2{border-bottom:1px solid #ccc;font-size:16px;padding-bottom:10px;margin-bottom:10px}
#depositpopup.deposit-confirm .explain{font-size:14px;margin-bottom:40px}
.ui-tiptext-success .ui-tiptext-icon{color:#b5de70}
.ui-tiptext-error .ui-tiptext-icon{color:#f17975}
#depositpopup.deposit-confirm .ui-tiptext{margin-bottom:20px}
#depositpopup.deposit-confirm strong{font-size:14px}
.down-popup-txt .link{    
	color: #00a1e9;
    white-space: nowrap;
    max-width: 255px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}
.shortp-wx-code{float:left;width:auto;max-width:177px;padding-right:20px;border-right:1px dashed #eee;margin-top:12px}
.shortp-wx-code p{line-height:14px;font-size:14px;color:#333;margin:0;min-width:120px}
.shortp-wx-code .iconfont{color:#13ae2f;margin-right:6px;font-size:16px}
.wx-pay-box{position:relative}
.shortp-wx-code img.wx-pay-logo{position:absolute;left:50%;top:50%;margin-left:-16px;margin-top:-16px;width:32px;height:32px;text-align:center;line-height:32px;background:#fff}
.shortp-wx-code .doc_qrcode{width:120px;height:120px;margin:25px auto 0}
.shortp-wx-code img{display:block;width:100%;height:100%}
.shortp-wx-code .wx-code-reload{
	width: 120px;
	height: 120px;
	position: absolute;
	top: 0;
	background: rgba(0, 0, 0, .6);
	text-align: center;
}
.wx-code-nopay{
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0;
    background: rgba(255,255,255,.9);
    text-align: center;
}
.wx-code-nopay i{
	font-size: 42px;
    margin: 30px 0;
    display: block;
}
.shortp-wx-code .wx-code-reload img{
	width: 60px;
    height: 60px;
    margin: 30px auto;
}
.down-popup-txt .padding-b15,.shortp-txt .padding-b15{padding-bottom:15px}
.down-popup .margin-t25{margin-top:25px}
.down-popup .margin-t20 h5{padding-top:15px}
.down-popup-btn a,.shortp-popup-btn a{display:inline-block;width:160px;height:30px;line-height:30px;text-align:center;border-radius:4px;cursor:pointer;font-size:14px;margin-right:12px}
a.btn-otherway,a.btn-send-task{background-color:#00a1e9;color:#fff;margin-right:15px;border: 1px solid #00a1e9;}
a.btn-cllect,a.btn-cancel,a.btn-checked{width:110px;color:#666;border:1px solid #eee;background-color:#f8f8f8}
a.btn-otherway:hover,a.btn-down:hover,a.btn-send-task:hover{background-color:#2FAFF0;color:#fff}
a.btn-cllect:hover,a.btn-cancel:hover,a.btn-checked:hover{background-color:#fbfbfb;color:#666}
.down-popup-txt h5{color:#333;font-size:14px;line-height:14px;padding:20px 0 6px;font-weight:normal;white-space: nowrap}
.down-popup{overflow:hidden}
.down-popup a{text-decoration:none}
.down-img-left{float:left;width:102px;margin:20px 0 0 11px;height:124px;padding-top:20px}
.down-popup-txt{float:left;width:445px;padding-left:20px;border-left:1px dashed #efefef}
.down-popup-txt p{font-size:14px;line-height:25px;margin:0;color:#333;white-space: nowrap;}
.down-popup-txt p input{margin: 0 6px 0 16px;vertical-align: top;}
.down-popup-txt p.d-nav{line-height:14px;margin:4px 0 7px 0}
.down-img-left img{width:83px}
.bj-shortp .down-img-left{height:120px;padding-top:30px}
.down-vip-h5 .down-vip-original{text-decoration:line-through}
.btn-down{background-color:#00a1e9;color:#fff;font-size:14px}
.down-popup-txt p.prompt-text{color:#999;font-size:12px;line-height:12px;padding:11px 0}
.prompt-text a{color:#00a1e9}
.down-popup-btn{padding-top:5px}
.down-popup-btn .qr{display: inline-block;}
.down-popup-btn .qr .iconfont{color: #333;display: none;cursor: pointer;}
.bj-shortp .down-popup-btn{padding-top:15px}
.shortp-txt{width:auto;max-width:390px;float:left;margin-top:12px;padding-left:20px}
.shortp-txt h5{padding-bottom:20px;padding-top:0;font-weight:normal;white-space: nowrap;}
.shortp-txt h5 input{margin: 0 6px 0 6px;vertical-align: top;}
.shortp-txt p{line-height:24px;font-size:14px;margin:0;color:#333}
.doc-title {
	color: #00a1e9;
    display: inline-block;
    white-space: nowrap;
    font-size: 0;
    vertical-align: top;
}
*+html .doc-title{max-width:327px}
*+html .shortp-wx-code .doc_qrcode{margin:0;margin-top:25px}
.shortp-popup-btn{padding-top:15px}
a.btn-send-task{width:160px}
.discount-pop .shortp-popup-btn{padding-top:0}
.discount-pop .shortp-txt p{font-size:12px}
.btn-pay-confirm{display:inline-block;width:130px;height:30px;color:#fff;line-height:30px;text-align:center;border-radius:4px;cursor:pointer;font-size:14px;margin-right:15px;background:#f60;border: 1px solid #f60;}
a.btn-pay-confirm:hover{background-color:#ff7711;color:#fff}
.recharge-pop-if{width:500px;margin:55px auto 0}
.recharge-pop-if img{float:left;margin-right:25px}
.recharge-pop-con{height:75px;border-left:1px solid #eee;margin-left:100px;padding-left:25px}
.recharge-pop-con a{text-decoration:none}
.recharge-pop-if h3{font-size:24px;margin-bottom:18px;line-height:1;color:#333}
a.recharge-btn-else{display:inline-block;width:140px;height:30px;line-height:30px;text-align:center;border-radius:4px;font-size:14px;margin-right:15px;border:1px solid #eee;background-color:#f8f8f8;color:#666}
a.recharge-btn-else:hover{background-color:#fbfbfb}
a.btn-reader{width:auto!important;color:#666;border:1px solid #eee;background-color:#f8f8f8;padding:0 10px}
a.btn-reader:hover{background-color:#fbfbfb}
a.btn-pay-success{display:inline-block;width:130px;height:30px;line-height:30px;text-align:center;border-radius:4px;cursor:pointer;font-size:14px;margin-right:15px;background-color:#00a1e9;color:#fff;border:1px solid #00a1e9;}
a.btn-pay-success:hover{background-color:#2faff0}
.adcontainer a.clk{text-decoration:none}
.adcontainer{width:248px;height:248px;border:1px solid #dfdfdf;position:relative;z-index:2}
.adcontainer div,a,img,p{margin:0;padding:0;border:0;outline:0;font-size:100%;font-family:Microsoft Yahei,"宋体"}
.ad_mask{position:absolute;top:0;left:0;width:248px;height:248px;_width:250px;_height:250px;border:1px solid #dfdfdf;background:#ffffff;z-index:1;opacity:1;filter:Alpha(opacity=100)}
.adcontainer::after{clear:both}
.ad_logo{position:absolute;right:1px;bottom:1px;width:40px;height:13px;background:url('https://static.doc88.com/resources/images/ad360.png') no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://static.doc88.com/resources/images/ad360.png");_background:none;z-index:999}
.adcontainer .row::after{clear:both}
.adcontainer .item{float:left;*display:inline;cursor:pointer;position:relative;overflow:hidden;border:2px solid #ffffff;width:115px;height:97px}
.adcontainer .item img{display:block;animation-duration:1000ms;width:115px;height:81px}
.adcontainer .item p{text-align:center;height:16px;line-height:16px;font-size:14px;background-color:#ffffff;font-family:"Microsoft Yahei",Microsoft Yahei}
.adcontainer .row a:link{font-family:"Microsoft Yahei",Microsoft Yahei;color:#000000;float:left;overflow:hidden}
.adcontainer .row a:visited{color:#000000}
.adcontainer .row a:hover{color:#23ac38;border:2px solid #23ac38}
.adcontainer .row a:hover p{background-color:#ffffff}
.boxzip{border:1px solid #ccc;border-bottom:none;background:#fff;font-size:14px}
.zip-msg{height:46px;line-height:46px;color:#333;padding-left:10px}
.zip-msgb{border-bottom:1px solid #ccc}
.zip-msg .zip-arrow{float:right;color:#999;cursor:pointer;padding:0 10px}
.zip-msg .zip-points{float:right;color:#333;cursor:pointer;padding-right:10px}
.zip-msg .zip-file{float:left;width:22px;margin:12px 12px 0 0}
.zip-msg h1{width:74%;float:left;font:16px/46px "微软雅黑";color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zip-thead{padding-right:17px;background:#fff}
.zip-loc{font-size:14px;color:#333;line-height:16px;padding:10px 0 0 10px;overflow:hidden}
.zip-loc span:last-child{color:#999}
.zip-loc h5{float:left;width:710px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zip-loc p{float:left;margin-right:25px}
.zip-loc p i{font-style:normal;color:red}
.zip-tbody{max-height:340px;overflow-y:scroll}
.table-zip{width:100%;table-layout:fixed}
.table-zip th,.table-zip td{position:relative;padding:8px 10px;text-align:center;vertical-align:top;height:25px;line-height:25px}
.table-zip td{color:#999;white-space:nowrap;height:18px;line-height:18px}
.table-zip td a{color:#666}
.table-zip td a:hover{color:#00a1e9}
.table-zip .zname{text-align:left;text-overflow:ellipsis;overflow:hidden}
.table-zip .ztime{width:120px}
.table-zip .zpage{width:60px}
.table-zip .zip-types{width:18px;height:18px;float:left;margin-right:10px}
.table-zip .zip-file{margin-right:10px;color:#f90;font-size:22px;float:left}
.table-zip .trs .zname{padding-left:40px}
.downloadpriceid{float:right;margin-right:6px}
.right-menu{position:absolute;width:250px;display:none;box-shadow:3px 3px 2px -2px #6d6b6b;background:#fff;z-index:9999999;border:1px solid #bababa}
.right-menu ul{padding:5px 0}
.right-menu ul:not(:last-child){border-bottom:1px solid #E8EAED}
.right-menu li.active a{background:#F2F2F2}
.right-menu li .check{float:left;font-size:12px;color:#151716;margin:4px 0 0 6px;display:none;cursor: pointer;}
.right-menu li.active .check{display:block}
.right-menu li a{display:block;height:24px;line-height:24px;text-decoration:none;color:#000;font-size:12px;padding:0 24px;white-space: nowrap;}
.right-menu li a .short-cuts{float:right;width:32px;white-space:nowrap}
.right-menu li a:hover{background:#F2F2F2}
.right-menu li a i{float:left;font-size:14px;display:none}
.right-menu li a .xtitle{float:left;max-width:158px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.right-menu li.disabled a{color:#81878b}
.right-menu li.disabled a:hover{background:#fff}
.right-menu ul li{position:relative}
.right-menu ul li .nextsub{float:right;font-size:12px;color:#333;margin:4px 4px 0 6px}
.right-menu-sub{position:absolute;top:-4px;left:246px;white-space:nowrap;box-shadow:3px 3px 2px -2px #6d6b6b;background:#fff;border:1px solid #bababa;padding:5px 0;line-height:24px;display:none}
.right-menu-sub span{display:block;cursor:pointer;padding:0 32px 0 12px}
.right-menu-sub span:hover{background:#f2f2f2}
.right-menu li:hover .right-menu-sub{display:block}
.right-menu-sub span i{
	float: left;
    font-size: 12px;
    margin-right: 4px;
    visibility: hidden;
}
.right-menu-sub span i.active{
	visibility: visible;
}
a.inbtn-txt{font-size:12px;color:#00A1E9;margin-right:0;width:auto;text-decoration:underline}
.down-popup19 .down-popup-txt{padding-left:25px;width:440px}
.down-popup19 h5{font-size:18px;padding-top:0;line-height:20px;padding-bottom:5px}
.down-popup19 .down-popup-txt p{line-height:20px;padding-bottom:10px}
.down-popup19 .down-popup-txt p span{color:#999}
.down-popup19 .down-popup-txt p.prompt-text{padding:10px 0;font-size:13px}
.down-popup-txt p.prompt-text span{color:#00A1E9}
.down-popup19 .down-popup-btn{padding-top:10px;white-space: nowrap;}
.up-cur{cursor:url("../../resources/images/reading/drag.cur"),auto}
.down-cur{cursor:url("../../resources/images/reading/drag.cur"),auto}
.pencil-cur{cursor:url("../../resources/images/reading/edit-pen.cur"),auto}
#dragdrop{position:absolute;left:0;right:0;top:0;height:100%;width:100%;background-color:#fff;opacity:0;filter:alpha(opacity=0);background-color:transparent\0;background-color:#fff;z-index:900}
#ppt_dragdrop{position:absolute;left:0;right:0;top:0;height:100%;width:100%;background-color:#fff;opacity:0;filter:alpha(opacity=0);background-color:transparent\0;background-color:#fff;z-index:10000}

.dk-side-gif{width:250px;height:250px;text-align:center;font-size:14px;margin-bottom:10px;position:relative}
.img-fade{position:absolute;top:0px;left:0px;background-repeat:no-repeat;background-position:center}
.iamge1{position: relative;width:250px;height:250px;background-image:url(../../resources/images/reading/daoke.png?v=3)}
.iamge2{width:250px;height:250px;background-image:url(../../resources/images/reading/daokes.png)}

.sidebar-promotion{display:block;width:250px;height:250px;cursor:pointer;margin-bottom:10px;background-image:url(../../resources/images/reading/sigma.jpg?v=1)}

a.dk-side-btn{width:180px;height:34px;line-height:34px;color:#fff;text-decoration:none;background:#f90;background:linear-gradient(-180deg,#f8b62d 8%,#f37f00 100%);border-radius:4px;position:absolute;bottom:34px;left:50%;margin-left:-90px;z-index:1}
a.dk-side-btn:visited{color:#fff}
a.dk-side-btn:hover{text-decoration:none;background:#f80;background:linear-gradient(-180deg,#f8a92d 7%,#f36b00 100%)}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2){
	.iamge1{background-image:url(../../resources/images/reading/daoke@2x.png?v=2);background-size:250px 250px}
	.iamge2{background-image:url(../../resources/images/reading/daokes@2x.jpg);background-size:250px 250px}
	.sidebar-promotion{background-image:url(../../resources/images/reading/sigma@2x.jpg?v=1);background-size:250px 250px}
}
.dk-bg{background:url(../../resources/images/reading/dk-bg-940.jpg?v=1) no-repeat;background-size:cover;height:90px;border:1px solid #ccc;margin-bottom:10px}
.dk-con{width:680px;margin:20px auto;line-height:1;height:50px}
.dk-con .dk-btns{float:right;width:160px;height:40px;line-height:40px;color:#fff;background:#EF9601;border-radius:4px;text-align:center;font-size:14px;margin-top:5px}
.dk-con .dk-btns:hover{background:#F69F01;color:#fff;text-decoration:none}
.dk-con .dk-btns:visited{color:#fff}
.dk-con h3{color:#EF9601;font-size:22px}
.dk-con p{font-size:14px;color:#666;margin-top:15px}
.copy-tips{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:601;background:#4c4c4c;font-size:16px;display:none}
.copy-content{width:500px;background-color:#fff;position:absolute;top:50%;left:50%;margin-top:-130px;margin-left:-300px}
.copy-content h3{height:46px;line-height:46px;padding:0 20px;border-bottom:1px solid #ebebeb;background:#f8f8f8}
.copy-content h3 .copy-closed{float:right;color:#666;font-size:12px;cursor:pointer}
.copy-content .copy-textarea{padding:20px}
.copy-textarea textarea{outline:none;border:none;resize:none;width:100%;color:#666;font-size:14px;height:140px;text-align:justify}
.item-read.hide,.item-edit.hide{display:none}
#boxright-catalog{position:relative}
.notes-item{position:absolute;top:39px;left:1px;z-index:3;background:#fff}
.notes-item:hover{z-index:4;background:#ddd}
.notes-item:after{content:"";display:block;position:absolute;width:10px;left:-11px;top:8px;border-top:2px dashed #FF3029}
.notes-item textarea{width:238px;max-width:238px;margin:5px;padding:0;border-color:#FF3029;outline:none;color:#666;border-style:dashed}
.notes-msg{height:18px;line-height:18px;margin:5px}
.iconfont.notes-close{float:right;font-size:12px;color:#666}
.notes-time{font-size:12px;color:#999}
.note-catalog{border:1px solid #ccc;background:#fff}
.catalog-nav{border-bottom:1px solid #ccc;height:37px;line-height:37px;padding-left:10px;font-size:16px}
.catalog-nav h3{line-height:37px;font-size:16px;float:left}
.catalog-nav .btn{cursor:pointer;float:right;margin-top:12px;line-height:1;margin-right:10px;color:#979797}
.catalog-nav .close{cursor:pointer;float:left;height:20px;width:20px;background:url(../images/close-small.png) no-repeat 0 0;margin-top:9px}
.catalog-nav .close:hover{background-position:0 -20px}
.catalog-nav .text{border:none;float:left;height:24px;line-height:24px;padding:0 5px;width:80%;margin-top:8px;color:#666;outline:none}
.note-box{overflow:auto}
.note-box li{padding:12px 15px 15px;font-size:12px;color:#999;position:relative;border-bottom:1px solid #ccc;margin-bottom:-1px;z-index:2;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;-webkit-touch-callout:none;user-select:none;cursor:pointer}
.note-box li:hover{background:#f9f9f9;z-index:1}
.note-box li:hover .note-close{display:block}
.note-time{height:18px}
.note-time span{float:left;width:6px;height:12px;background:#ccc;margin:3px 10px 0 0}
.note-content{font-size:12px;color:#666;line-height:18px;margin:7px 0 7px;word-break:break-all;word-wrap:break-word;text-align:justify}
.note-section{line-height:18px;word-break:break-all;word-wrap:break-word;text-align:justify}
.note-close.iconfont{position:absolute;top:12px;right:20px;font-size:12px;cursor:pointer;display:none}
.shop3.item-edit{z-index:2}
.item-edit li{position:relative}
.item-edit li.active a{border-color:#ccc;background:#f9f9f9;color:#33bbd9}




.edit-closed.iconfont{position:absolute;top:10px;right:10px;cursor:pointer;color:#333;font-size:12px}
.brush-types{overflow:hidden;margin:7px 0 12px}
.brush-types span{float:left;border:1px solid transparent;margin-right:12px;cursor:pointer;width:28px;height:28px;line-height:28px;text-align:center}
.brush-types span:last-child{margin-right: 0;}
.brush-types span.active,.brush-types span:hover{background:#f2f2f2}
.color-pinkup{overflow:hidden}
.pink-box{float:left;border:1px solid #f9f9f9;padding:2px;margin:7px 20px 7px 0;cursor:pointer;position:relative}
.iec-ppt .pink-box{margin:7px 10px 7px 0;}
.iec-ppt .brush-types span{margin-right:7px}
.pink-box:hover,.pink-box.active{border-color:#ccc;background:#fff}
.color-custom{position:absolute;bottom:-4px;right:-4px;height:0;overflow:hidden;font-size:0;line-height:0;border-width:4px;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #666;transform:rotate(45deg)}
.color-pinkup .pink1,.color-pinkup .pink2,.color-pinkup .pink3,.color-pinkup .pink4,.color-pinkup .pink5,.color-pinkup .pink6,.color-pinkup .pink7,.color-pinkup .pink8,.color-pinkup .pink9,.color-pinkup .pink10,.color-pinkup .pink11,.color-pinkup .pink12{display:block;width:18px;height:18px}
.color-pinkup .pink1{background:#FF3029}
.color-pinkup .pink2{background:#FFFF00}
.color-pinkup .pink3{background:#A8DB00}
.color-pinkup .pink4{background:#00CBFF}
.color-pinkup .pink5{background:#3063CF}
.color-pinkup .pink6{background:#CD96FF}
.color-pinkup .pink7{background:#7030A0}
.color-pinkup .pink8{background:#8FA4D1}
.color-pinkup .pink9{background:#4ED785}
.color-pinkup .pink10{background:#FFA032}
.color-pinkup .pink11{background:#DEBC53}
.color-pinkup .pink12{background:#fff}
.pink-color{width:18px;height:18px;font-size:0px;padding:0;border:none;outline:none;cursor:pointer}
.read-note{width:450px;position:absolute;background:#fff;z-index:50001}
.read-note-content{box-shadow:1px 0 5px 0 rgba(102,102,102,.4)}
.read-note-content h3{height:46px;line-height:46px;color:#fff;background:#777;padding:0 20px;font-size:16px}
.read-note-content h3 i{float:right;font-size:14px;cursor:pointer}
.read-note-textarea-con{padding:20px;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4}
.read-note-textarea{height:96px;line-height:24px;color:#666;border:1px solid #e4e4e4;outline:none;resize:none;width:96%;padding:6px 2%}
.read-note-bottom{border:1px solid #e4e4e4;border-top:none;text-align:right;font-size:0;padding:0 20px 10px}
.note-sure-btn,.note-cancel-btn{border-style:solid;border-width:1px;height:32px;line-height:32px;font-size:13px;border-radius:4px;text-align:center;padding:0 15px;margin-left:15px;outline:none;cursor:pointer}
.note-sure-btn{border-color:#00a1e9;color:#fff;background:#00a1e9}
.note-cancel-btn{border-color:#e7e7e7;color:#666;background:#fff}
.slider-box{padding:7px 0;}
.slider-content{margin-top: 10px;}

.slider-container{width:170px}
.slider-container .back-bar{position:relative;height:6px;border-radius:2px;background-color:#ccc}
.slider-container .back-bar .selected-bar{position:absolute;height:100%;border-radius:2px;background-color:#00a1e9;}
.slider-container .back-bar .pointer{position:absolute;width:10px;height:10px;cursor:pointer;opacity:1;z-index:2;width:14px;height:14px;top:-5px;border-radius:10px;border:1px solid #D7D7D7;background-color:#fff}
.slider-container .back-bar .pointer.last-active{z-index:3}
.skinimg .pink-color{width:118px;height:78px;font-size:0px;padding:0;border:none;outline:none;cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:-1}
.skin-list li:hover .pink-color{z-index:2}
.slider-container .clickable-dummy{cursor:pointer;position:absolute;width:100%;height:100%;z-index:1}
.pointer-label{position:absolute;top:-8px;right:-35px;font-size: 12px;}
.font-selected{width:244px;height:26px;position:relative;background:#fff;margin:7px 0 12px 0;z-index:4}
.font-selected .font-nav{padding-left:10px;line-height:24px;border:1px solid #cdcdcd;cursor:pointer}
.font-nav i{float:right;font-size:12px;color:#999;margin-right:6px}
.font-selected ul{width:242px;position:absolute;border:1px solid #CCC;background:#fff;top:25px}
.font-selected ul li{line-height:30px;padding-left:10px}
.font-selected ul li:hover{background:#f9f9f9}
.hor-plate{position:relative}
.hor-side{width:75px;height:75px;float:left;margin:24px 20px 24px 15px}
.hor-side img{width:100%}
.hor-content{padding:0 20px;border-left:1px solid #eee;margin:15px 0 15px 124px}
.hor-content .h3{display:inline-block;width:321px;font-size:18px;color:#666;white-space:nowrap}
.hor-tips-con{margin-top:10px;font-size:12px;color:#999;line-height:20px;text-indent:0;overflow:hidden}
.hor-oper{font-size:0;margin-top:20px}
a.btn-gray{background:#F8F8F8;border:1px solid #EEEEEE;border-radius:4px;display:inline-block;padding:0 30px;height:30px;line-height:30px;text-align:center;margin-right:15px;font-size:14px;color:#999;text-decoration:none}
a.btn-orange{display:inline-block;padding:0 30px;height:30px;line-height:30px;background:#FBA141;border-radius:4px;text-align:center;color:#fff;margin-right:15px;font-size:14px;text-decoration:none}
a.btn-blue{display:inline-block;padding:0 30px;height:30px;line-height:30px;background:#00a1e9;border-radius:4px;text-align:center;color:#fff;margin-right:15px;font-size:14px;text-decoration:none}
.notes-clear{text-align:center;padding:15px 20px}
.notes-clear p{margin-bottom:20px}
.save-tips{position:absolute;right:0;margin-left:0;z-index:1;background:#4c4c4c;color:#fff;border-radius:4px;top:37px;white-space:nowrap;display:none;padding:2px 20px;}
.vip-btn{margin-left:10px;color:#f60;cursor:pointer;margin:0 20px 0 10px}
.vip-btn i{font-size:12px}
.save-tips .save-closed{position:absolute;top:1px;right:10px;font-size:12px;cursor:pointer;color:#fff;}
.similar-doc{padding:0 10px}
.similar-doc h3{font-size:16px;color:#333;padding:20px 0;line-height:1;border-top:1px dashed #efefef;}
#similar-box{overflow:hidden}
.similar-box{overflow:hidden;margin-right:-24px}
.similar-box li{float:left;width:122px;margin-right:24px}
.similar-con{width:120px;height:90px;border:1px solid #e4e4e4;overflow:hidden}
.similar-cover{display:block;width:120px;height:176px;background:url(https://static.doc88.com/assets/images/bg-word-02.png) no-repeat center top scroll}
a.similar-title{display:block;color:#666;font-size:14px;line-height:18px;height:36px;overflow:hidden;text-decoration:none;margin-top:14px}
.bannerside{width:250px;height:250px;overflow:hidden;position:relative;margin-bottom:10px}
.bannerside img{width:100%}
.bannerside .img{position:absolute;top:0px;left:0px;opacity:0;filter:alpha(opacity=0)}
.bannerside .imgz{opacity:1;filter:alpha(opacity=100)}
.bannerside .banner-radio{position:absolute;left:50%;margin-left:-20px;bottom:10px;z-index:2}
.bannerside .banner-radio li{width:10px;height:10px;float:left;margin:15px 5px 0;background-color:#fff;font-size:12px;color:#fff;cursor:pointer;border-radius:50%}
.bannerside .banner-radio li.current{background-color:#00A1E9}
.commonbox6 .sd-side{background:#fff;height:100%}
.commonbox6 .note-catalog{background:#fff;height:100%}
.commonbox6 .bookmark-list{background:#fff;height:100%}
#catalog_tab{background:#fff;}
#catalog_tab .side-default{z-index: 0 !important;}
#catalog_tab .sd-side{background:transparent !important;}
.side-tab{overflow:hidden;border:1px solid #ccc;background:#fff;border-bottom:none;font-size:14px;background:#f9f9f9;display: none;}
.side-tab li{float:left;width:25%;text-align:center;line-height:38px;cursor:pointer;background:#f9f9f9}
.side-tab li.current{color:#00a1e9}
.stab-con{display:none;margin-bottom:10px;position: relative;}
.stab-con .commonbox6{height:100%}
.bookmark-list{border:1px solid #ccc;background:#fff;overflow:auto;max-height:450px;min-height:50px}
.bookmark-item{font-size:14px;padding:10px 15px 6px;line-height:20px;border-bottom:1px solid #ccc;position:relative;cursor:pointer}
.bookmark-item p{word-break:break-all}
.bookmark-item.active{background:#f9f9f9}
.mark-time{font-size:12px;color:#999}
.iconfont.mark-del{position:absolute;bottom:8px;right:20px;font-size:12px;color:#999;display:none}
.bookmark-item:hover{background:#f9f9f9}
.bookmark-item:hover .mark-del{display:block}
.side-default{line-height:1;padding:50px 0 0;color:#666;text-align:center;position: absolute;width: 100%;top: 0;z-index: 1;}
.side-default p{font-size:16px}
.side-default i{font-size:24px;padding-top:18px;color:#999;display:block}
.side-default-tips{font-size:12px;padding-top:18px}
.ztree *{padding:0;margin:0;font-size:13px;font-family:"Microsoft Yahei",arial,"微软雅黑",sans-serif}
.ztree{margin:0;padding:5px;color:#333;overflow:auto;max-height:450px;min-height:100px}
.ztree li{padding:0;margin:0;list-style:none;line-height:14px;text-align:left;white-space:nowrap;outline:0}
.ztree li ul{margin:0;padding:0 0 0 18px}
.ztree li ul.line{background:url(../images/reading/line_conn.png) 0 0 repeat-y;*background:url(../images/reading/line_conn.gif) 0 0 repeat-y}
.ztree li a{padding:1px 3px 0 0;margin:0;cursor:pointer;height:20px;color:#5F6368;background-color:transparent;text-decoration:none;vertical-align:top;display:inline-block;}
.ztree li a:hover{color: #00a1e9}
.ztree li a.curSelectedNode{padding-top:0;background-color:#F0F0F0;color:#000;height:16px;border:1px #ebebeb solid;opacity:.8;}
.ztree li a.curSelectedNode_Edit{padding-top:0px;background-color:#F0F0F0;color:black;height:16px;border:1px #ebebeb solid;opacity:0.8}
.ztree li a.tmpTargetNode_inner{padding-top:0px;background-color:#316AC5;color:white;height:16px;border:1px #316AC5 solid;opacity:0.8;filter:alpha(opacity=80)}
.ztree li a.tmpTargetNode_prev{}
.ztree li a.tmpTargetNode_next{}
.ztree li a input.rename{height:14px;width:80px;padding:0;margin:0;font-size:12px;border:1px #7EC4CC solid;*border:0px}
.ztree li span{line-height:16px;margin-right:2px}
.ztree li span.button{line-height:0;margin:0;width:16px;height:16px;display:inline-block;vertical-align:middle;border:0 none;cursor:pointer;outline:none;background-color:transparent;background-repeat:no-repeat;background-attachment:scroll;background-image:url(../images/reading/zTreeStandard1.png);*background-image:url(../images/reading/zTreeStandard.gif)}
.ztree li span.button.chk{width:13px;height:13px;margin:0 3px 0 0;cursor:auto}
.ztree li span.button.chk.checkbox_false_full{background-position:0 0}
.ztree li span.button.chk.checkbox_false_full_focus{background-position:0 -14px}
.ztree li span.button.chk.checkbox_false_part{background-position:0 -28px}
.ztree li span.button.chk.checkbox_false_part_focus{background-position:0 -42px}
.ztree li span.button.chk.checkbox_false_disable{background-position:0 -56px}
.ztree li span.button.chk.checkbox_true_full{background-position:-14px 0}
.ztree li span.button.chk.checkbox_true_full_focus{background-position:-14px -14px}
.ztree li span.button.chk.checkbox_true_part{background-position:-14px -28px}
.ztree li span.button.chk.checkbox_true_part_focus{background-position:-14px -42px}
.ztree li span.button.chk.checkbox_true_disable{background-position:-14px -56px}
.ztree li span.button.chk.radio_false_full{background-position:-28px 0}
.ztree li span.button.chk.radio_false_full_focus{background-position:-28px -14px}
.ztree li span.button.chk.radio_false_part{background-position:-28px -28px}
.ztree li span.button.chk.radio_false_part_focus{background-position:-28px -42px}
.ztree li span.button.chk.radio_false_disable{background-position:-28px -56px}
.ztree li span.button.chk.radio_true_full{background-position:-42px 0}
.ztree li span.button.chk.radio_true_full_focus{background-position:-42px -14px}
.ztree li span.button.chk.radio_true_part{background-position:-42px -28px}
.ztree li span.button.chk.radio_true_part_focus{background-position:-42px -42px}
.ztree li span.button.chk.radio_true_disable{background-position:-42px -56px}
.ztree li span.button.switch{width:18px;height:21px}
.ztree li span.button.root_open{background-position:-92px -54px}
.ztree li span.button.root_close{background-position:-74px -54px}
.ztree li span.button.roots_open{background-position:-92px 0}
.ztree li span.button.roots_close{background-position:-74px 0}
.ztree li span.button.center_open{background-position:-92px -18px}
.ztree li span.button.center_close{background-position:-74px -18px}
.ztree li span.button.bottom_open{background-position:-92px -36px}
.ztree li span.button.bottom_close{background-position:-74px -36px}
.ztree li span.button.noline_open{background-position:-92px -72px}
.ztree li span.button.noline_close{background-position:-74px -72px}
.ztree li span.button.root_docu{background:none}
.ztree li span.button.roots_docu{background-position:-56px 0}
.ztree li span.button.center_docu{background-position:-56px -18px}
.ztree li span.button.bottom_docu{background-position:-56px -36px}
.ztree li span.button.noline_docu{background:none}
.ztree li span.button.ico_open{margin-right:2px;background-position:-110px -16px;vertical-align:top;*vertical-align:middle}
.ztree li span.button.ico_close{margin-right:2px;background-position:-110px 0;vertical-align:top;*vertical-align:middle}
.ztree li span.button.ico_docu{margin-right:2px;background-position:-110px -32px;vertical-align:top;*vertical-align:middle}
.ztree li span.button.edit{margin-right:2px;background-position:-110px -48px;vertical-align:top;*vertical-align:middle}
.ztree li span.button.remove{margin-right:2px;background-position:-110px -64px;vertical-align:top;*vertical-align:middle}
.ztree li span.button.ico_loading{margin-right:2px;background:url(../images/reading/loading.gif) no-repeat scroll 0 0 transparent;vertical-align:top;*vertical-align:middle}
ul.tmpTargetzTree{background-color:#FFE6B0;opacity:0.8;filter:alpha(opacity=80)}
span.tmpzTreeMove_arrow{width:16px;height:16px;display:inline-block;padding:0;margin:2px 0 0 1px;border:0 none;position:absolute;background-color:transparent;background-repeat:no-repeat;background-attachment:scroll;background-position:-110px -80px;background-image:url(../images/reading/zTreeStandard1.png);*background-image:url(../images/reading/zTreeStandard.gif)}
ul.ztree.zTreeDragUL{margin:0;padding:0;position:absolute;width:auto;height:auto;overflow:hidden;background-color:#cfcfcf;border:1px #00B83F dotted;opacity:0.8;filter:alpha(opacity=80)}
.zTreeMask{z-index:10000;background-color:#cfcfcf;opacity:0.0;filter:alpha(opacity=0);position:absolute}
.dTree-nav{padding:10px;overflow:hidden;border-bottom:1px solid #ccc}
a.node-list{font-size:12px;margin-right:23px;color:#333;float:left}
a.node-list:hover{color:#00a1e9;text-decoration:none}
.node-list i{font-size:14px;margin-right:8px}
div#ct-r-menu{position:fixed;visibility:hidden;top:0;text-align:left;background:#fff;overflow:hidden;z-index:1;box-shadow:3px 3px 2px -2px #6d6b6b;border:1px solid #bababa}
div#ct-r-menu ul{padding:2px 0}
div#ct-r-menu ul:not(:last-child){border-bottom:1px solid #E8EAED}
div#ct-r-menu ul li{height:24px;line-height:24px;text-decoration:none;color:#000;font-size:12px;padding:0 12px;cursor:pointer}
div#ct-r-menu ul li:hover{background-color:#f2f2f2}
div#ct-r-menu{position:fixed;visibility:hidden;top:0;text-align:left;background:#fff;overflow:hidden;z-index:1;box-shadow:3px 3px 2px -2px #6d6b6b;border:1px solid #bababa}
div#ct-r-menu ul{padding:2px 0}
div#ct-r-menu ul:not(:last-child){border-bottom:1px solid #E8EAED}
div#ct-r-menu ul li{height:24px;line-height:24px;text-decoration:none;color:#000;font-size:12px;padding:0 12px;cursor:pointer}
div#ct-r-menu ul li:hover{background-color:#f2f2f2}
div.inner_page{width:100%;height:100%;line-height:100%;margin:0 auto;text-align:center;display:block;vertical-align:middle;_margin-left:-1px;_margin-right:0px}
canvas.postil_page{position:absolute;left:0px;top:0px;width:100%;height:100%;line-height:100%;margin:0 auto;text-align:center;display:block;vertical-align:middle;_margin-left:-1px;_margin-right:0px;z-index:10}
div.inner_page div{padding-top:200px}
.pageInfoPanel{font-size:20px;border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:14px;z-index:12;position:fixed;padding-left:10px;padding-right:10px;padding-top:4px;padding-bottom:4px;width:auto;right:4px;top:200px;height:auto;color:#FFF;font-size:16px;background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6}
.morePagePanel{font-size:20px;border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:14px;z-index:12;position:fixed;padding-left:10px;padding-right:10px;padding-top:4px;padding-bottom:4px;width:auto;left:4px;top:200px;height:auto;color:#FFF;font-size:16px;background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6}
.logPanel{font-size:20px;border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:14px;z-index:12;position:fixed;padding-left:200px;padding-right:10px;padding-top:4px;padding-bottom:4px;width:auto;left:4px;top:200px;height:auto;color:#FFF;font-size:16px;background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6}
.morePagePanel a{color:#FFF}
.controlPanel{z-index:12;position:fixed;width:auto;height:auto;left:100px;top:20px;color:#FFF;font-size:16px;background-color:#ffffff;border:1px solid #666666;padding:10px}
.controlButton{width:50px;height:24px}
.page_view{position:relative;}
.page_view .outer_page{position:relative;border:solid 1px #ccc;margin-bottom:10px;background-color:#FFF;display:block;margin-left:0px;margin-right:0px;padding-left:0px;overflow:hidden}
.ppt{
	z-index: 8000;
	position: absolute;
	width: calc(100vw);
	height: calc(100vh);
	top: 0;
	left: 0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	visibility: visible;
	background-color: #000000;
}
.iec-ppt{
	position: fixed !important;
	right: 10px !important;
	top: 10px !important;
	width: 240px;
	z-index: 10002 !important;
	left: auto !important;
}
.ppt .page_view .outer_page .st{z-index:8003;}
.ppt .page_view .outer_page .stp{z-index:8003;}
.ppt .page_view .current{z-index:8002}
.ppt #dragdrop{z-index:8004}
.ppt #left-menu{z-index:8005}
.ppt .outer_page{position:absolute!important;border:0px;}
.ppt .page_ad{display:none}
.ppt #continue_page{display:none}
.ppt #readEndDiv{display:none}
.ppt-body {overflow:hidden} 
.page_panel{display: none;}
.ppt .page_panel{
	border-radius:2em;
	background: #ffffff;
	min-width: 60px;
	height: 60px;
	line-height:60px;
	font-size: 20px;
	margin-top: 10px;
	top: 10px;
	right: 10px;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	text-align: center;
	position: absolute;
	z-index: 9999999;   
	display: block;
}
.ppt .page_view{
	background-color: #ffffff;
	z-index:8001;
}
div.ppt_container{position:absolute;left:0px;top:0px;width:100%;height:100%;line-height:100%;margin:0 auto;background-color: #ffffff;text-align:center;display:block;vertical-align:middle;_margin-left:-1px;_margin-right:0px;z-index:10}
div.ppt_inner_page{position:absolute;left:0px;top:0px;width:100%;height:100%;line-height:100%;margin:0 auto;text-align:center;display:block;vertical-align:middle;_margin-left:-1px;_margin-right:0px;}
canvas.ppt_postil_page{position:absolute;left:0px;top:0px;width:100%;height:100%;line-height:100%;margin:0 auto;text-align:center;display:block;vertical-align:middle;_margin-left:-1px;_margin-right:0px;z-index:10}
.ppt-shade-panel {
	z-index: 8000;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	visibility: visible;
	display: none; 
	background-color: #000000;
}
.ppt-shade-panel .container{
	width: 100%;
	height: 100%;
	position: relative;
}
.ppt-panel .current {
    opacity: 1;
    pointer-events: auto;
    z-index: 1000;
}
.ppt-shade-panel .container .page_panel{
	border-radius:2em;
	background: #ffffff;
	min-width: 60px;
	height: 60px;
	line-height:60px;
	font-size: 20px;
	margin-top: 10px;
	top: 10px;
	right: 10px;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	text-align: center;
	position: absolute;
	z-index: 9999999;   
}
.ppt-panel {
	z-index: 8001;   
	position: absolute;
	border: solid 0px #e8e8e8;
	border-radius: 0px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
	display: none; 
	-webkit-touch-callout: none;
        /* iOS Safari */
        -webkit-user-select: none;
        /* Chrome/Safari/Opera */
        -khtml-user-select: none;
        /* Konqueror */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* Internet Explorer/Edge */
        user-select: none;
}
.m-no-select {
        -webkit-touch-callout: none;
        /* iOS Safari */
        -webkit-user-select: none;
        /* Chrome/Safari/Opera */
        -khtml-user-select: none;
        /* Konqueror */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* Internet Explorer/Edge */
        user-select: none;
 }	     
.dbmodel .page_ad{display:none}
.dbmodel .page_view {
    overflow: hidden;
    margin-right: -10px;
}
.dbmodel .outer_page {
    float: left;
    margin-right: 10px;
}
.dbmodel .boxright{display: none;}
.dbmodel .boxleft{margin-right: 0px !important;}
.dbmodel .cl{clear: left;}
.ppt-panel .st{color:#6f6f6f;background-color:#1689BC;opacity:.5;filter:alpha(opacity=50);z-index:9999;position:absolute}
.page_view .holder_page{position:relative;border:solid 1px #ccc;margin-bottom:10px;background-color:#FFF;display:block;margin-left:0px;margin-right:0px;padding-left:0px;overflow:hidden;}
.page_view .outer_page .st{color:#6f6f6f;background-color:#1689BC;opacity:.5;filter:alpha(opacity=50);z-index:99;position:absolute}
.page_view .outer_page .sty{color:#6f6f6f;background-color:#ffeb3b;opacity:.3;filter:alpha(opacity=30);z-index:99;position:absolute}
.page_view .outer_page .stp{color:#000000;position:absolute;border:4px dashed  #0077EE;z-index:80}
.page_view .outer_page .str{color:#6f6f6f;background-color:#red;opacity:.6;filter:alpha(opacity=60);z-index:99;position:absolute}
.page_view .outer_page .b_tl{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAABmJLR0QA2ADYANhLVLGJAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH3AEQFQYgs4juDgAAABxJREFUCB1jZmBgYIJiFmYgA4RZgJgVxmEFciQBAx4APwapwCYAAAAASUVORK5CYII=!string!data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAABmJLR0QA2ADYANhLVLGJAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH3AEQFQ876C+cqwAAAB9JREFUCB0FwQEBABAQALE5Twf9i9rCwaBwsbHCw6APA+MAO2myB9oAAAAASUVORK5CYII=!string!data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAABmJLR0QA2ADYANhLVLGJAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH3AEQFQ8wf/1FIwAAAB5JREFUCFtjYGBgUAFibiBmZYAy2IGYhQEqwgzETAAI1QBVSzJ1RQAAAABJRU5ErkJggg==');background-position:bottom right;background-repeat:no-repeat;position:absolute;height:3px;width:3px;bottom:-3px;right:-3px}
.page_view .outer_page .b_bl{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAABmJLR0QA2ADYANhLVLGJAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH3AEQFQ8ijEQ0awAAABxJREFUCB1jZmBgYAViTiCWZwYSjEAMAt+QOf8AFK0CLdSykVIAAAAASUVORK5CYII=!string!data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAABmJLR0QA2ADYANhLVLGJAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH3AEQFREd7mMmiQAAABBJREFUCNdjYGBg4GCCESIAAMkAKYlqLLQAAAAASUVORK5CYII=!string!data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAABmJLR0QA2ADYANhLVLGJAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH3AEQFRESftw7GAAAABJJREFUCB1jYGBgUAFiASDmAAABqQA9n2mcnQAAAABJRU5ErkJggg==');background-repeat:repeat-y;position:absolute;width:3px;right:-3px;top:0px;bottom:0px}
.page_view .outer_page .b_b{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAYAAABS3WWCAAAABmJLR0QA2ADYANhLVLGJAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH3AEQFREB+mJ6xgAAABJJREFUCB1jAAIVBiAQYAACDgACAwA9yAbErgAAAABJRU5ErkJggg==');background-repeat:repeat-x;position:absolute;height:3px;bottom:-3px;left:0px;right:0px}
.page_view .outer_page .b_l{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAYAAAAb4BS0AAAABmJLR0QA2ADYANhLVLGJAAAACXBIWXMAAAsSAAALEgHS3X78AAAAB3RJTUUH3AEQFQo7lVho7gAAAA9JREFUCNdjZGBg4IBiEQAAngAmsaKc+wAAAABJRU5ErkJggg==');background-repeat:repeat-y;position:absolute;width:3px;left:-3px;top:0px;bottom:0px}
.autogen_class_views_read_show_reflow .outer_page{margin-top:0px!important}
.page_pb{position:absolute;top:50%;left:0;color:#ccc;font-size:14px;height:22px;line-height:22px;margin-top:-11px;text-align:center;width:100%}
.hor-plate{padding:0!important;overflow:hidden;width:580px;margin:200px auto 0}
.hor-side{width:75px;height:75px;float:left;margin-top:15px;padding-top:0!important}
.hor-side img{width:100%}
.hor-content{padding-left:30px;border-left:1px dashed #eee;margin:0 0 0 105px;line-height:1;text-align:left;padding-top:0!important}
.hor-content .h3{font-size:20px;padding-top:0!important}
.hor-content .hor-tips{font-size:14px;margin:15px 0;color:#666}
.hor-content .hor-oper{padding-top:0!important}
.hor-oper .client-btn-download{display:inline-block;width:170px;height:36px;line-height:36px;background:#f90;color:#fff;text-align:center;border-radius:4px;font-size:16px;text-decoration:none;margin-right:15px}
.hor-oper .client-tips{font-size:14px;color:#999}
.textEditor{min-width:30px;width:30px;background-color:alpha;border:#0077EE 1px solid;position:absolute;z-index:50000;font-family:'Verdana,sans-serif';color:#FF3029;padding:0 4px;line-height:120%}
.note-label{font-size:30px!important;position:absolute;width:40px;height:40px;cursor:pointer;z-index:50000;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8}
.search-nav{position:relative;}
.search-rhint{position:absolute;background-color:#fff;font-size:13px;z-index:2;border:1px solid #ddd;width:100%;top:30px;left:0px;display:none;border-radius: 4px;}
.hint-list{padding:4px 0;line-height:28px;}
ul.hint-list li{font-size: 12px;height:27px;padding:0 9px;cursor:pointer;zoom:1;position:relative;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;word-wrap:normal;-ms-word-break:normal;word-break:normal;color:#333;float: none;}
.hint-list li:hover,
.hint-list li.active{background:#f3f3f3;}
.icon-suggest{
    font-size: 14px;
    color: #999;
    float: left;
    line-height: 26px;
    margin-right: 10px;
}
.img-suggest{
    width: 16px;
    height: 16px;
    float: left;
    margin: 6px 10px 0 0;
}
.title-suggest{
	max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

:-ms-fullscreen {
	position:absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
/*菱形转场*/
.diamondIn{animation:diamondIn .6s;}
@keyframes diamondIn{
    0%{-webkit-clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%);clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%);}
    100%{-webkit-clip-path:polygon(50% -50%,150% 50%,50% 150%,-50% 50%);clip-path:polygon(50% -50%,150% 50%,50% 150%,-50% 50%);}
}

.collect-window{
    width: 310px;
    background: #fff;
    color: #333;
    padding: 0 20px;
    border: 1px solid #E2E2E2;
    box-shadow: 0 0 4px 0 rgba(226,226,226,0.8);
    border-radius: 4px;
    position: absolute;
    top: 46px;
    margin-left: 190px;
    z-index: 2000;
}
.collect-header{
	font-size: 16px;
	height: 24px;
	line-height: 24px;
	padding: 13px 0;
	border-bottom: 1px solid #e2e2e2;
}
.collect-header i{font-size: 12px;cursor: pointer;float: right;}
.collect-con{
	padding-top: 20px;
	
}
.collect-item{
	margin-bottom: 20px;
	line-height: 32px;
}
.collect-item .collect-side{
	width: 48px;
	margin-right: 10px;
	float: left;
}
.collect-item .collect-input{
	padding-left: 58px;
	position: relative;
	cursor: pointer;
}
.collect-item .collect-input input,
.collect-item .collect-input .input{
	width: 230px;
	height: 30px;
	padding: 0 10px;
	border: 1px solid #E2E2E2;
	border-radius: 4px;
	font-size: 12px;
}
.collect-item .collect-input i{font-size: 12px;position: absolute;top: 2px;right: 14px;cursor: pointer;}
.collect-select{
    width: 250px;
    padding: 4px 0;
    position: absolute;
    top: 33px;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    background: #fff;
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
}
.collect-select option{
	height: 24px;
	line-height: 24px;
	padding: 0 24px;
	cursor: pointer;
}
.collect-select option:hover{background: #c8c8c9}
.cbtn{
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	cursor: pointer;
	color: #00a1e9;
	
}
a.cbtn:hover{text-decoration: none;}
a.cbtn:visited{color: inherit;}
.collect-more{
	float: left;
	border-color: #e2e2e2;
}
.collect-cancle{
	float: right;
	border-color: #e2e2e2;
}
a.collect-cancle:hover{color: #00a1e9}
.collect-sure{
	margin-left: 10px;
	color: #fff;
	float: right;
	border-color: #00a1e9;
	background: #00a1e9;
}
a.collect-sure:hover{color: #fff}
.collect-tips{
	background: #f9f9f9;
	margin: 0 -20px;
	padding-bottom: 20px;
	border-top: 1px solid #e2e2e2;
}
.collect-tips-con{
	color: #333;
	margin: 0 20px;
	padding: 14px 0;
	line-height: 18px;
}
a.collect-update{
	display: block;
	width: 310px;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	border: 1px solid #e2e2e2;
	margin: 0 auto;
	text-align: center;
	color: #00a1e9;
	background: #fff;
	text-decoration: none;
}


#downsuccess {
    position: relative;
}
#downsuccess #dlqr-show {
    position: absolute;
    right: 10px;
    top: 0px;
    display: none;
}
.down-popup-btn .qr{
    vertical-align: middle;
    margin-right: 6px;
    color: #333;
    cursor: pointer;
}
.down-popup a.send-mail{}
.textmail{
	width: 212px;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    outline: 0;
    border: 1px solid #ebebeb;
    vertical-align: top;
}
.down-popup-btn a.btn-email-cancel{
	width: 90px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ebebeb;
    background: #fafafa;
    color: #666;
    margin: 0 0 0 10px;
}
.down-popup-btn a.btn-email-send{
	width: 90px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #00a1e9;
    background: #00a1e9;
    color: #fff;
    margin: 0 0 0 10px;
}
.down-popup-btn a.btn-email-send .loading{
	width: 16px;
    vertical-align: middle;
    margin-right: 6px;
}

/*email补全*/
#autocomplete{background:#fff;border:1px solid #ebebeb;display:none;width:222px;}
#autocomplete li{color:#333;cursor:pointer;font-size:12px;text-indent:5px;line-height: 20px;}
#autocomplete .hover{background:#00a1e9;color:#fff;}
/*left-menu*/
.left-menu{z-index:901;position:absolute;display:none;width:290px;box-shadow:1px 1px 8px rgb(0 0 0 / 40%);border-radius:1px;background:#fff;font-size:12px;color:#000;}
.left-menu-top{overflow:hidden;}
.left-menu-btn{float:left;width:20%;height:18px;line-height:18px;text-align:center;padding:9px 0;cursor:pointer;position:relative;background:#f2f2f2;}
.left-menu-btn:hover{background:#f9f9f9;}
.left-menu-btn.active{background:#fff;}
/*.left-menu-color{overflow:hidden;}*/
.left-menu-color li{width:36px;float:left;height:36px;cursor:pointer;position:relative;}

.left-menu-color li.last{width:32px;font-size:20px;color:#FF5345;text-align:center;line-height:35px;}
.left-menu-color li.close{width:32px;font-size:20px;color:#999;text-align:center;line-height:35px;}   
.left-menu-color li .mac{line-height:36px !important;}
.left-menu-color li.close i,
.left-menu-color li.last i{font-size: 18px;}
.left-menu-color li .color-btn{display:block;margin:7px auto;width:16px;height:16px;padding:2px;border-radius:50%;border:1px solid transparent;}
.left-menu-color li:hover .color-btn,
.left-menu-color li.active .color-btn{border-color:#ccc}
.color-btn-1,
.color-btn-2,
.color-btn-3,
.color-btn-4,
.color-btn-5,
.color-btn-6,
.color-btn-7{display:block;width:16px;height:16px;border-radius:50%;}
.color-btn-1{background:#FFFF00}
.color-btn-2{background:#A8DB00}
.color-btn-3{background:#00CBFF}
.color-btn-4{background:#8FA4D1}
.color-btn-5{background:#CD96FF}
.color-btn-6{background:#FFA032}
.color-btn-7{background:#FF3029}
.left-menu-color li.close:hover .left-menu-sub{display:block;}
.left-menu-sub{width:150px;background:#fff;box-shadow:0 2px 4px 0 rgb(0 0 0 / 50%);position:absolute;left:32px;top:0;display:none;font-size: 12px;text-align: left;}
.left-sub-item{height:36px;line-height:36px;color:#333;}
.left-menu-color li .left-sub-item i.iconfont{font-size:12px;color:#9AD066;visibility:hidden;margin:0;padding:0 8px;}
.left-menu-color li .left-sub-item.active i.iconfont{visibility:visible;}
.left-sub-item:hover{background:#f2f2f2;}
.left-menu-bg{position:fixed;top:0px;left:0px;z-index:10000;background:rgb(0,0,0,0);width:100%;height:100%;}
.left-menu-set{width:310px;height:168px;padding:0 20px;font-size:14px;background:#fff;color:#333;box-shadow:0 0 6px 0 rgba(153,153,153,0.50);border-radius:4px;position:fixed;top:50%;left:50%;margin-top:-84px;margin-left:-175px;}
.left-menu-set h3{height:46px;line-height:46px;}
.left-menu-set p{line-height:22px;}
.left-menu-set-btn{border-top:1px solid #e4e4e4;margin-top:16px;padding-top:16px;text-align:right;}
.btn-mini,
.btn-mini2{width:60px;height:24px;padding:0;text-align:center;font-size:12px;border-style:solid;border-width:1px;border-radius:4px;margin-left:10px;outline:none;cursor:pointer;}
.btn-mini{border-color:#007BFF;background:#007BFF;color:#fff;}
.btn-mini2{border-color:#d7d7d7;background:#fff;color:#333;}
/*toolbar*/
.btnmin{
	height: 28px;
	line-height: 26px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    padding: 0 12px;
    border: 1px solid #EF9601;
    background: #EF9601;
    margin-right: 8px;
    border-radius: 4px;
}
.btnmin:hover{background: #f49e27}
.btnmin3{
	height: 28px;
	line-height: 26px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    color: #666;
    padding: 0 12px;
    border: 1px solid #ccc;
    background: #fff;
    margin-right: 8px;
    border-radius: 4px;
}
.btnmin3:hover{background: #fafafa}
.toolbar .btnmin i{
	float: left;
    margin: -1px 4px 0 0;
}
.toolbar .btnmin3 i{
	color: #666;
	float: left;
    margin: -1px 4px 0 0;
}


.toolbar {
	position: relative;
	height: 28px;
	padding: 8px 0;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #ccc;
	background: #f7f7f7;
	z-index: 1000;
}

.toolbar i {
	line-height: 28px;
	color: #333;
}
.toolbar .btnmin i{line-height: 26px;color: #fff;}
.toolbar .line {
	content: "";
	float: left;
	margin: 7px 8px;
	width: 1px;
	height: 14px;
	background: #ccc;
	padding: 0 !important;
}

.tb-item {
	float: left;
	position: relative;
	font-size: 14px;
	z-index: 1;
}
.tb-item li {
	float: left;
	line-height: 28px;
	padding: 0 8px;
}
.tb-item li:hover{
	background: #EAEAEA;
}
.tb-item.fr li{padding: 0 10px;}

.tb-item li a{
	text-decoration: none;
}
.tb-item li.text:hover{
	background: none;
}

.tb-item .num {
	width: 30px;
	height: 26px;
	outline: 0;
	margin: 0;
	padding: 0;
	border: solid 1px #ccc;
	background: white;
	line-height: 26px;
	text-align: center;
	font-size: 14px;
	vertical-align: top;
	*float: left;
}

.tb-item .disable i {
	cursor: default;
	color: #999;
}
.doc-item{
	float: left;
	font-size: 0;
	margin: 0 6px 0 0;
	cursor: pointer;
}
.doc-item:first-child{border-bottom: 2px solid transparent;}
.doc-item.active{
	border-bottom: 2px solid #00a1e9;
}
.doc-item .tool{
	padding: 0 10px;
	float: left;
	font-size: 14px;
}
.doc-item .tool i{margin-right: 8px;}
.doc-item .tool:hover{
	background: #e9e9e9;
}
.doc-item .more{
	color: #4c4c4c;
	font-size: 12px;
	padding: 0 4px;
	display: inline-block;
}
.doc-item .more:hover{
	background: #D7D7D7;
}
.doc-item.active .tool{
	background: #e9e9e9;
}
.doc-item.active .more{
	background: #D7D7D7;
}

/*搜索*/
#item-search-panel{
	margin-left: 12px;
	z-index: 2;
}
.min-search-form {
	height: 26px;
	border: 1px solid #ccc;
	background: #fff;
	position: relative;
	z-index: 1;
	border-radius: 4px;
	overflow: hidden;
}

.min-search-form.focus {
	border-color: #aaa;
}

.min-search-form .min-text input {
	border: 0;
	padding: 0 6px;
	height: 26px;
	*line-height: 28px;
	width: 200px;
	outline: 0;
	border-radius: 2px;
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: width .3s ease,-webkit-transform .3s ease;
    transition: width .3s ease,transform .3s ease;
    transition: width .3s ease,transform .3s ease,-webkit-transform .3s ease;
}

.min-search-form .min-btn {
	display: inline-block;
	width: 26px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	font-size: 14px;
	color: #b0b0b0;
	cursor: pointer;
	float: right;
}

.min-search-form .min-btn:hover {
	color: #d2d2d2
}
.min-search-form .min-btn i{
	line-height: 26px;
}

.min-btn img {
	width: 16px;
	margin-top: 5px;
}

.min-search-result {
	width: 100%;
	box-sizing: border-box;
    border: 1px solid #ccc;
    background: #fff;
    position: absolute;
    top: 26px;
    left: 0;
    border-top: none;
    font-size: 12px;
    border-radius: 4px;
}
.tb-item.fr{
	-webkit-transition: all .3s ease,-webkit-transform .3s ease;
    transition: all .3s ease,-webkit-transform .3s ease;
    transition: all .3s ease,transform .3s ease;
    transition: all .3s ease,transform .3s ease,-webkit-transform .3s ease;
    /*width: 210px;*/
    height: 28px;
    overflow: hidden;
    position: absolute;
    right: 0;
}
/*.toolbar-focus .tb-item.fr{
	opacity:0;
	filter:alpha(opacity=0);
	transform:scale(0);
	position: absolute;
	right: 292px;
	top: 8px;
}*/
#min-screen-search{display: none;}

.search-range-item{
	height: 42px;
	line-height: 42px;
	padding: 0 10px;
	position: relative;
}
.search-range-item:hover{
	background: #f7f7f7;
}
.search-range-item i{
	color: #999;
	margin-right: 10px;
	float: left;
	line-height: 30px;
	font-size: 14px;
}
#search-way-doc i,
#search-way-all i,
#textSearchResultDiv i{
	line-height: 38px;
}
#search-way-doc b,
#search-way-all b,
#textSearchResultDiv b{
	max-width: 145px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    white-space: nowrap;
}
.search-range-item .s-result{
	float: right;
	margin-left: 10px;
	cursor: pointer;
}
.search-range-item .s-result.text{font-size: 12px;}
.search-range-item .sug-btn{
	position: absolute;
	top: 9px;
	right: 10px;
	display: block;
	width: 66px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 13px;
	color: #666;
	text-decoration: none;
	border: 1px solid #d7d7d7;
	border-radius: 4px;
}
.search-range-item .min-btn{
	position: absolute;
	top: 9px;
	right: 30px;
}
.document-result{
	padding: 0 10px;
}
.search-else-tips{
	display: none;
}
.search-else-tips .search-range-item{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
.search-else-tips img{
	width: 16px;
	height: 16px;
	float: left;
	margin: 7px 10px 0 0;
}
.search-else-tips b,
.search-else-tips .sug-title{
	max-width: 240px;
	color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    white-space: nowrap;
    text-decoration: none;
}


/*设置面板*/
.panel-list{
	
}
.panel-title{
	margin-bottom: 11px;
}
.panel-type{
	overflow: hidden;
}
.panel-type li{
	float: left;
	padding: 0;
}
.panel-type li.disable a i{background: #f2f2f2;color: #333;}
.panel-type li:hover{background: none}
.panel-type a{
	float: left;
	font-size: 12px;
	margin-right: 16px;
	color: #333;
	text-align: center;
	text-decoration: none;
}
.panel-type li:last-child a{margin-right: 0;}
.panel-type a i{
	display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #ccc;
    background: #fff;
    margin-bottom: 10px;
}
.panel-type2{
	overflow: hidden;
	margin-bottom: 15px;
}
.panel-type2 a{
	float: left;
	font-size: 12px;
	margin-right: 10px;
	color: #333;
	text-align: center;
	text-decoration: none;
	padding: 4px 2px;
}
.panel-type2 a i{
    display: block;
    width: 44px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.panel-type2 a.active,
.panel-type2 a:hover{
	background: #f2f2f2;
}

.item-edit-con {
	padding: 10px 15px;
    background: #fff;
    margin-bottom: 10px;
    position: fixed;
    z-index: 1001;
    top:89px;
    box-shadow: 0 0 4px 0 rgba(153,153,153,.5);
    font-size: 14px;
}
.item-edit-con h2 {
	color: #333;
	margin-bottom: 4px;
}

.item-edit-con h3 {
	color: #333;
	white-space: nowrap;
}

.search-del{
    background-image: url(../../resources/images/close.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    position: absolute;
    right: 30px;
    top: 5px;
    z-index: 1;
}        
#boxright #annotate_pro_panel{
	position: relative !important; 
	top:0px !important; 
	left:0px  !important;
	z-index: 999;
}
a.version-selection{
    position: fixed;
    left: 10px;
    color: #333;
    line-height: 24px;
    box-shadow: 0 0 4px 0 rgb(153 153 153 / 50%);
    background: #fff;
    padding: 2px 6px;
    border-radius: 4px;
}
.version-selection i{
	transform: rotate(90deg);
    float: left;
    margin-right: 4px;
}
/*toolbar 低版本*/
.lower .item-edit-con{
	position: relative;
    float: left;
    padding: 0px;
    margin: 0;
    top: 0px!important;
    background: none;
    box-shadow: none;
    display: block !important;
}
.lower .panel-type{display: block!important;}
.lower .panel-type a{margin-right: 0;}
.lower .panel-type a i{
	margin-bottom: 0;
    float: left;
    background: none;
    border: none;
    width: auto;
    height: auto;
    padding: 0 10px;
    line-height: 28px;
}
.lower #item-doc-panel,
.lower #item-search-panel{
	display: none;
}
.lower #min-screen-search{
	display: none;
}
.lower.flash #item-search-panel{
	display: block;
}
.lower .panel-type a span{
	display: none;
}
.lower .panel-title{display: none;}
.lower #li_save{display: none;}
.lower .panel-type li.disable a i{color:#999;background: none}

/*滑块*/
#captcha_reading{display:inline-block;}
.User_grade{margin:auto auto 0px 0px;overflow:hidden;float:left;text-align:center}
.User_ratings .ratings_title01{width:407px;height:auto;font-family:"微软雅黑","宋体";font-size:14px;color:#aaaaaa;}
.User_ratings .ratings_title p{float:left;}
.User_ratings .ratings_title p span{font-size:48px;}
.User_ratings .ratings_title p i{color:#7dc234;font-style:normal;}
.User_ratings .ratings_title01 p span{font-size:18px;}
.User_ratings .ratings_title01 p i{color:#7dc234;font-style:normal;}
.User_ratings .ratings_title01 input{width:120px;height:48px;border:0;margin:15px auto auto 45px;float:left;background:url(../images/batton_01.png) -202px -2441px no-repeat;}
.User_ratings .ratings_title01 input:hover{background:url(../images/batton_01.png) -202px -2489px no-repeat;}
.User_ratings .ratings_title01 input01{background:url(../images/batton_01.png) -202px -2537px no-repeat;}
.User_ratings .ratings_title input{width:120px;height:48px;border:0;margin:15px auto auto 45px;float:left;background:url(../images/batton_01.png) -202px -2441px no-repeat;}
.User_ratings .ratings_title input:hover{background:url(../images/batton_01.png) -202px -2489px no-repeat;}
.User_ratings .ratings_title input01{background:url(../images/batton_01.png) -202px -2537px no-repeat;}
.User_ratings .ratings_bars{width:270px;float:left;border:1px solid #eee;height:36px;line-height:36px;background:#f8f8f8;position:relative;}
.User_ratings .ratings_bars #title0{width:25px;height:25px;text-align:center;border:1px solid #bfbebe;line-height:25px;font-family:Georgia,"Times New Roman",Times,serif;font-size:14px;float:left;color:#a0a0a0;margin-right:10px;background:#fff;}
.User_ratings .ratings_bars #title1{width:25px;height:25px;text-align:center;border:1px solid #bfbebe;line-height:25px;font-family:Georgia,"Times New Roman",Times,serif;font-size:14px;float:left;color:#a0a0a0;margin-right:10px;background:#fff;}
.User_ratings .ratings_bars #title2{width:25px;height:25px;text-align:center;border:1px solid #bfbebe;line-height:25px;font-family:Georgia,"Times New Roman",Times,serif;font-size:14px;float:left;color:#a0a0a0;margin-right:10px;background:#fff;}
.User_ratings .ratings_bars #title3{width:25px;height:25px;text-align:center;border:1px solid #bfbebe;line-height:25px;font-family:Georgia,"Times New Roman",Times,serif;font-size:14px;float:left;color:#a0a0a0;margin-right:10px;background:#fff;}
.User_ratings .ratings_bars #title4{width:25px;height:25px;text-align:center;border:1px solid #bfbebe;line-height:25px;font-family:Georgia,"Times New Roman",Times,serif;font-size:14px;float:left;color:#a0a0a0;margin-right:10px;background:#fff;}
.User_ratings .ratings_bars .bars_10{font-family:Georgia,"Times New Roman",Times,serif;font-size:18px;line-height:25px;float:left;color:#a0a0a0;}
.User_ratings .ratings_bars .scale{width:100%;height:36px;float:left;position:relative;}
.User_ratings .ratings_bars .scale div{width:0px;position:absolute;width:0;left:0;height:13px;bottom:0;background-color:#7ac23c;height:36px;}
.User_ratings .ratings_bars .scale span{width:36px;height:36px;position:absolute;left:0px;cursor:move;background:#fff url(../images/rt.png) center no-repeat;border-right:1px solid #eee;box-sizing:border-box;z-index:3;}
.User_ratings .ratings_bars .scale span.refresh{cursor:pointer;}
.User_ratings .ratings_bars .scale span.checkok{background:url(../images/rt_ok.png?v=1.1) center no-repeat;background-color:#fff;}
.User_ratings .ratings_bars .scale span.refresh{background:url(../images/refresh.png?v=1.1) center no-repeat;background-color:#fff;}
.User_ratings .ratings_bars .nc-lang-cnt{font-size:12px;color:#444444;width:100%;height:36px;padding:0;position:absolute;margin:0px;left:0px;}
.User_ratings .ratings_bars .nc-lang-cnt-ok{font-size:12px;color:#fff;height:36px;padding:0;position:absolute;margin:0px;left:0px;}
.User_ratings .ratings_bars .redtext{color:red;}
.check-it-text{text-align:center;color:#f00;padding-bottom:6px;}
.redtext{color:red;}
#m_nocaptcha .scale{height:40px;}
#m_nocaptcha .scale span{width:40px;height:40px;}
#m_nocaptcha .User_ratings .ratings_bars{height:40px;}
#m_nocaptcha .User_ratings .ratings_bars .nc-lang-cnt{height:40px;line-height:40px;}
#m_nocaptcha .User_ratings .ratings_bars .nc-lang-cnt-ok{height:40px;line-height:40px;}
#m_nocaptcha .User_ratings .ratings_bars .scale div{height:40px;}
#nocaptcha0 .ratings_bars{width:190px;}
#nocaptcha1 .ratings_bars{width:190px;}
/*二维码验证*/
.verify{position:relative;cursor:pointer;white-space:nowrap;}
.qrcode-show{width:124px;height:124px;background:#fff;border:1px solid #ccc;position:absolute;left:255px;z-index:3;display:none;top:-46px;}
.wx_login{margin-bottom:20px;}
.wx_login .qrcode-show{width:130px;height:130px;top:-140px;left:80px;}
.wx_login .qrcode-show .arrow{position:absolute;top:125px;left:59px;width:16px;height:16px;background:url(../uc/images/arrow.gif) no-repeat;}
.safe{height:110px;width:270px;position:relative;}
.safefixed{position:relative;top:-115px;left:0;z-index:1;}
.safe-bg,.safe-captcha{background-repeat:no-repeat;background-color:#fff;}
.safe-bg{position:absolute;width:270px;height:100px;background-position:0 0;}
.safe-captcha{position:absolute;top:32px;left:0;width:36px;height:36px;background-position:0 -100px;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDREQ0NTFDOTlFOEVFRTExOUFDRDg0MzMwRDY3MEMxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFNjZGOTkzNzhGMjIxMUVFOTU2NEM3NkJDQzAxRTk5NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFNjZGOTkzNjhGMjIxMUVFOTU2NEM3NkJDQzAxRTk5NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQyRDQ1MUM5OUU4RUVFMTE5QUNEODQzMzBENjcwQzExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkNERDQ1MUM5OUU4RUVFMTE5QUNEODQzMzBENjcwQzExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+z45oLwAAAAlQTFRF////0NDQ////w3BVoAAAAAN0Uk5T//8A18oNQQAAAHhJREFUeNrc1NEKwCAIheG/3v+hRyVtZjovNhg7d8JHlGXURFBFT4woPURIzEZhjVVpNPZ7Regj0ExxwkS+mYoamL+j0dAYyWK3qCnk6kKFeQKfQJmNp1oQI0hcy6uvYD3oHi0tewzBOcEeAvsXyPTryv50Xg4BBgDa0wYkK8ECbgAAAABJRU5ErkJggg==);}
.safe-captcha:after{content:'';position:absolute;width:36px;height:36px;background-image:url(/resources/images/verfiy/block.png?v=1.1);}
/*购物车*/
.book {
    position: fixed;
    z-index: 1000;
}
.book b.iconfont{font-size: 48px;background: #fff;}
b.bg-corpus{color: #1dafec}
b.bg-doc{color: #00aeef}
b.bg-ppt{color: #ff6600}
b.bg-pdf{color: #f00000}
b.bg-txt{color: #666666}
b.bg-xls{color: #52b629}
b.bg-zip{color: #f2a141}
b.bg-jpg{color: #f5af18}
b.bg-png{color: #a6a6a6}
b.bg-xx{color: #a1a9c0}
b.bg-gb{color: #0063cf}
b.bg-rtf{color: #295699}
b.bg-xps{color: #05c6b7}
b.bg-caj{color: #bca285}
b.bg-ofd{color: #aaad3d}
b.bg-ai{color:#ff5e34;float:left;margin:8px 0px 0 -6px;background:#fff;font-size:12px;}
.print-content {
	padding: 20px;
	overflow: hidden;
}
.print-item {
	margin-bottom: 15px
}
.print-title {
	margin-bottom: 15px;
	font-size: 13px
}
.print-con {
	line-height: 26px
}
.print-con label {
	margin-right: 15px
}
.print-con input[type=radio]:before {
	font-family: iconfont;
	content: '\e6a6';
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	text-decoration: none;
	color: #ddd;
	border-radius: 0;
	background: 0 0;
	-webkit-font-smoothing: antialiased;
	vertical-align: middle;
	cursor: pointer;
}
.print-con input[type=radio]:checked:before {
	color: #0157ff;
}
.print-item .input-s:focus,
.print-item select:focus {
	outline: none
}
.print-item .input-s:focus,
.print-item select:focus {
	border: 1px solid #0157ff;
}
.print-item .input-s,
.print-item select {
	border: 1px solid #d7d7d7;
	height: 24px;
	border-radius: 4px;
	resize: none;
	color: #666;
	padding: 1px 4px;
}
.print-item input {
	-webkit-appearance: none;
	resize: none;
}
.progress-container {
	margin: 15px auto 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	background-color: #fff
}
.progress-bar {
	flex: 1;
	height: 22px;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	background: linear-gradient(to right, #83c6ff, #4d8dff);
	background: #e6e6e6;
}
.progress-fill {
	position: relative;
	overflow: hidden;
	height: 100%;
	width: 0;
	transition: width 0.3s ease;
	background: linear-gradient(to right, #4d8dff, #0157ff)
}
.progress-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff
}
.print-button {
	padding: 0 15px;
	border-radius: 4px;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	background-color: #00a1e9;
	color: #fff;
	border: 1px solid #00a1e9;
	cursor: pointer;
	outline: none
}
.print-button:disabled {
	background-color: #fff;
	color: #333;
	border-color: #d7d7d7;
	cursor: not-allowed
}