@charset "utf-8";

.warper{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1030; 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: 800px; 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: 800px; 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: 800px; background:#FFF;}
.html2img .toimger .top{width: 100%;}
.html2img .toimger .tocontent{position: relative; margin: -55px 50px 5px; min-height: 550px; width: 700px;}
.html2img .toimger .bott{padding:0px; width: 100%; height: 345px; overflow: hidden;margin: 45px 0 45px 0;padding-top:15px;}
.html2img .toimger .tocontent {padding: 10px 33px; background-color: rgba(0,0,0,0);}
.html2img .toimger .tocontent .time{background-size: 33px; padding-left:0px; margin: 18px 0 6px 0px;padding-bottom:15px;}
.html2img .toimger .tocontent .time img{display: inline-block;}
.html2img .toimger .tocontent .time span{padding: 0px; font-size: 22px;line-height:88px;font-family:Sim sun;}
.html2img .toimger .tocontent h1{font-size: 38px; line-height: 50px; margin: 25px 0 30px; font-weight: bold;}
.html2img .toimger .tocontent .xouter{font-size: 33px}
.html2img .toimger .tocontent .xc{font-size: 28px; margin: 20px 0;line-height:45px;}
.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:800px) {
	.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;}
}