@charset "utf-8";

.warper{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0,0,0,.7);}
.warper .xmsg{position: fixed; width: 200px; height: 80px; left: 50%; top: 50%; transform: translate(-100px, -40px); background: white; line-height: 80px; text-align: center; border-radius: 10px; display: none;}
.warper .xnote{position: fixed; width: 900px; height: 80px; left: 50%; bottom: 0; transform: translateX(-400px); background: white; line-height: 80px; text-align: center; border-radius: 10px 10px 0 0; font-size: 28px ; display: none;}
.html2img{position: absolute; top: 82px; left: 50%; transform: translateX(-400px); width: 0; height:  0; overflow: scroll; border-radius: 10px;}
.htmltarget{position: absolute; top: 10px; left: 50%; transform: translateX(-400px); background: #eee; width: 900px; height:  calc(100% - 100px); overflow-y: scroll; border-radius: 5px; display: none;}
.htmltarget img{width: 100%;}
.html2img::-webkit-scrollbar {display:none}
.htmltarget::-webkit-scrollbar {display:none}
.html2img .toimger{position: relative; width: 900px;background: url(tocontent.jpg)}
.html2img .toimger .top{width: 100%;}
.html2img .toimger .tocontent{position: relative; margin: -120px 50px 0; background: white; min-height: 550px; width: 780px;}
.html2img .toimger .bott{padding:0px; height: 303px; overflow: hidden;margin: 45px 0 45px 0;padding-top:15px;}
.html2img .toimger .tocontent {padding: 18px 18px 0; background-color: rgba(0,0,0,0);}
.html2img .toimger .tocontent .yuedu{color:#C1C1C1;background: url(see.gif) no-repeat 0px 5px;background-size: 40px; margin-left:80px}
.html2img .toimger .tocontent .time{color:#C1C1C1;background: url(time.gif) no-repeat 0px 2px;background-size: 40px; padding-left:55px; margin: 35px 0 6px 0px;padding-bottom:15px;}
.html2img .toimger .tocontent .time img{display: inline-block;}
.html2img .toimger .tocontent .time span{padding: 0px; font-size: 36px;line-height:35px;font-family:Sim sun;}
.html2img .toimger .tocontent h1{font-size: 39px; line-height: 55px; margin: 25px 0 30px; font-weight: bold;}
.html2img .toimger .tocontent .xouter{font-size: 42px;line-height:58px;}
.html2img .toimger .tocontent .xc{font-size: 28px; margin: 20px 0;}
.html2img .toimger .tocontent .xc img{max-width:100%;padding:10px;text-align:center;vertical-align:top;-webkit-tap-highlight-color: transparent;box-sizing:border-style: none;display: block;margin: 10px auto;}
@media screen and (max-width:900px) {
	.htmltarget{width: calc(100% - 20px); position: fixed; top: 10px; left: 10px; transform: translateX(0); height: calc(100% - 70px);}
	.warper .xnote{width: 100%; position: fixed; bottom: 0; left: 0; transform: translateX(0); height: 50px; line-height: 50px; font-size: 18px; border-radius: 0;}
	.html2img{position: fixed; top: 0; left: 0; transform: translateX(0); width: 0; height:  0; overflow: scroll; border-radius: 0;}
}