@charset "utf-8";/* CSS Document*/

body {padding:0; margin:0;}


.header {width:100%; height:45px; background-color:#00b5b8; position:relative;}
.header .tit {margin-left:20px; font-weight:bold; color:#fff; position:relative; top:13px;}
.header .tit .icon {font-style:normal; font-size:24px; display:inline-block; vertical-align:middle; position:relative; top:-3px;}
.kaiqi {position:absolute; top:50%; right:20px; margin-top:-14px;}
.kaiqi i {display:block; width:4px; height:4px; background-color:#fff; border-radius:50%; margin-top:4px;}

.logoBox {display:block; width:100px; height:100px; border-radius:50%; margin:80px auto; background:url(../images/userico.png) no-repeat center; background-size:100% 100%; border:2px solid #00b5b8; overflow:hidden;} 


#dpage { 
   background:#fff; 
   height:115px; 
   width:100%; 
   position:fixed;
   left:0;
   bottom:-115px;
   z-index:999;
   -webkit-transition:all 0.3s; 
   transition:all 0.3s; 
} 
#dpage.show {bottom:0;}
#dpage a {display:block; width:100%; text-align:center; height:40px; background:#fff; color:#333; line-height:40px; border-bottom:1px solid #ebebeb; font-size:16px; position:relative;}
#clipBtn{height: 100%; width:96%; background: #00b5b8; border-radius:5px;  border: 0;outline: none; color: #fff; font-size: 16px;  z-index: 999;}
#clipArea{height:calc(100% - 160px)}


.clearfix:before,
.clearfix:after{content: " ";display: table;}
.clearfix:after{clear: both;}
.htmleaf-container{margin: 0 auto; overflow: hidden;width: 100%;height: 100%;position: fixed;top: 0;background: #383838;display: none;z-index:996;}
.htmleaf-content{font-size:150%;padding: 1em 0;}
.htmleaf-content h2{margin: 0 0 2em;opacity: 0.1;}
.htmleaf-content p{margin: 1em 0;padding: 5em 0 0 0;font-size: 0.65em;}


#file{float: left;height: 100%;}

.filename{position: absolute;outline: 0 none;line-height: 1.5rem;font-size: 1.5rem;color: #999;width: 100%;margin: 0;overflow: hidden;cursor: default;text-overflow: ellipsis;white-space: nowrap;border: 0;top: 9.2rem;text-align: center;}
.button{float: left;height: 100%;display: inline-block;outline: 0 none;margin: 0;cursor: pointer;border: 0;width:100%; background:#fff; }
#dpage a input[type=file]{position: absolute;top: 0;left: 0;bottom: 0;border: 0;padding: 0;margin: 0; height:100%; width: 100%; cursor: pointer; border: solid 1px #ddd;opacity: 0;}
input[type=button]::-moz-focus-inner{padding: 0;border: 0 none;-moz-box-sizing: content-box;}
input[type=button]::-webkit-focus-inner{padding: 0;border: 0 none;-webkit-box-sizing: content-box;}
input[type=text]::-moz-focus-inner{padding: 0;border: 0 none;-moz-box-sizing: content-box;}
input[type=text]::-webkit-focus-inner{padding: 0;border: 0 none;-webkit-box-sizing: content-box;}