*{
	padding: 0;
	margin: 0;
	font-family: "微软雅黑";
}
ul,li,dl,dt,dd{
	list-style: none;
}
a{
	color: #777777;
}
a:hover{
	color: #1c93ed;
}
a,a:hover{
	text-decoration: none;
}


html, body {
        position: relative;
        height: 100%;
    }
    body {
        background: #fff;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }

.body{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(bg2.jpg) center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.readWrap{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.read-hd{
	position: relative;
	z-index: 100;
	width: 100%;
     display: table;
     height: 84px;
}
.read-hd .col{
	display: table-cell;
	vertical-align: middle;
	height: 84px;
}
.read-hd .col:nth-last-child(1){
	text-align: right;
	padding-right: 40px;
}
.read-hd h1{
	font-size: 16px;
	font-weight: normal;
}
.read-hd h1 strong{
	font-size: 20px;
	font-weight: normal;
}

.read-hd .btns a{
	display: inline-block;
	width: 71px;
	text-align: center;
	line-height: 24px;
	background: #1c93ed;
	height: 24px;
	color: #fff;
	border-radius: 3px;margin-right: 15px;
}
.read-hd .btns a.disable{
	background: #C5CBBB;
	color: #666;
	cursor: no-drop;
}
.read-hd .btns a:hover{
	/*兼容所有浏览器的*/
opacity:0.8;filter:alpha(opacity=80);

}

.soBox{
	position: relative;
	width: 458px;float: right;
	height: 33px;
	border-radius: 5px;
	background: rgba(0,0,0,.36);
}
.so-listBox{
	position: absolute;
	width: 100%;
	background: #fff;
	left: 0;display: none;
	top:33px;
	max-height: 80vh;
	overflow-y: auto
}
.so-listBox ul{
	padding: 5px 0;

	border: 1px solid #B4BBAE;
}

.so-listBox ul a{
	display: block;
	padding: 0 5px;
	white-space: nowrap;
  overflow: hidden;text-align: left;
  text-overflow: ellipsis;
  line-height: 33px;
}
.so-listBox ul a:hover{
	color: #FF6600;
}
.soBox .button{
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 20px;
	height: 33px;
	border-radius:  0 5px 5px 0;
	cursor: pointer;
	color: #fff;
	background: #1c93ed;
	border: none;
	outline: none;
}
.soBox .button i{
	font-size: 18px;
}
.soBox input{
	border-radius: 5px 0 0 5px;
	height: 33px;
	line-height: 32px;
	padding-left: 15px;
	padding-right: 15px;
	color: #fff;
	font-size: 14px;
	width: 345px;
	float: left;
	border: 0;
	background: 0;

	outline: none;
}
.soBox input::-webkit-input-placeholder{
	color: #fff;
}

.soBox input::-moz-placeholder{
	color: #fff;
}
.soBox input::placeholder{
	color: #fff;
}

.read-bd{
	height: 800px;
	height:-webkit-calc(100vh - 84px);
	height:-moz-calc(100vh - 84px);
	height: calc(100vh - 84px);

	position: relative;
}

.read-box{
	position: absolute;
	left: 0;
	right: 40px;
	height: 100%;
	background: #fff;
}
.read-tools{
width: 38px;
position: absolute;
right: 0;
top: 0;
height: 100%;
}
.read-tools .btn{
	display: block;
	text-align: center;
	background: #FF6600;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	padding: 10px 5px;
	width: 20px;
	line-height: 16px;
	margin-bottom: 10px;
	float: left;
}
.btn-menu{
	margin-top: 30px;
	float: left;
}

.menu-list{
	position: absolute;right: 40px;
	top: 0;
	width: 525px;
	height: 95%;display: none;
	background: rgba(0,0,0,.8);
	border: 1px solid #fff;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.35);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,.35);
	box-shadow: 0 2px 5px rgba(0,0,0,.35);
	overflow-y:auto
}
.menu-list ul{
	padding: 10px;
	color: #fff;
	line-height: 33px;
}
.menu-list dl{
	padding-bottom: 30px;
}
.menu-list  dt{
	font-size: 16px;
	cursor: pointer;
}
.menu-list  dd{
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}
.menu-list  dd:hover{
	color: #FF6600;
}
.toolsBox{
	position: absolute;
	right: 0;
	top: 50%;
}
.toolsBox a{
	display: block;
	position: relative;
	margin-bottom: 15px;
	border-radius: 5px;
}
.toolsBox a span{
	display: block;
	width: 35px;
	height: 35px;
	background: url() center no-repeat #2D7DC4;
	border-radius: 5px;
}
.toolsBox a b{
	display: block;
	padding: 0 15px;
	height: 35px;
	line-height: 35px;
	white-space: nowrap;
	position: absolute;color: #fff;
	right: 35px;font-weight: normal;
	top: 0;display: none;
}
.toolsBox .a1 span{background-image: url(ico-tool1.png);}
.toolsBox .a2 span{background-image: url(ico-tool2.png);}
.toolsBox .a3 span{background-image: url(ico-tool3.png);}
.toolsBox .a4 span{background-image: url(ico-tool4.png);}
.toolsBox .a5 span{background-image: url(ico-tool5.png);}
.toolsBox .a6 span{background-image: url(ico-tool6.png);}

.toolsBox a:hover b{
	display: block;
background-color: #FF6600;
border-radius:5px 0 0 5px;
}
.toolsBox a:hover{
	background-color: #FF6600;
}
.toolsBox a:hover span{
	background-color: #FF6600;border-radius:0 5px 5px 0;
}


#canvas1{
	width: 800px;
	margin: 5px auto;
	display: block;
	border: 1px solid #D3D1CC;
	height: 600px;

}
body{
	overflow: hidden;
}
#canvas{
	width: 1150px;
	margin: 5px auto;
	display: block;
	border: 1px solid #D3D1CC;
	height: 1000px;

}
.autoWindow .readWrap{
	width: 98%;
	margin: 0 auto;
}
.autoWindow #canvas{
	width:-webkit-calc(100% - 12px);
	width:-moz-calc(100% - 12px);
	width: calc(100% - 12px);
}

.calendar{
	width: 186px;
	position: absolute;
	right: 40px;
	top: 124px;
	display: none;
}

.read-tips{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: rgba(0,0,0,.75);
}
.read-tips .inner{
	padding-top: 230px;
	padding-left: 330px;
	padding-right: 300px;
		font-size: 24px;
		color: #FFFFFF;
		line-height:2em;

}
.read-tips h4{
	font-weight: normal;
	font-size: 24px;
}
.read-tips .tc{
	text-align: center;
	padding-top: 55px;
}
.read-tips .tc a{
	display: inline-block;
	width: 163px;
	height: 37px;
	text-align: center;line-height: 37px;
	border-radius: 4px;
	color: #fff;
	font-size: 18px;
	background: #FF6600;
}