@import url("base.css");
@import url("webuploader.css");
button,input {*overflow: visible;line-height: normal;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}
button,input[type="button"],input[type="reset"],input[type="submit"] {border:solid 1px #eee;outline: 0\9;}
select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"] {cursor: pointer;}
input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"]{outline:none\9;border-width: 1px\9;border: 1px solid #ccc;background-color: #fff;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border linear 0.2s,box-shadow linear 0.2s;-moz-transition: border linear 0.2s,box-shadow linear 0.2s;-o-transition: border linear 0.2s,box-shadow linear 0.2s;transition: border linear 0.2s,box-shadow linear 0.2s;}
select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {outline: 0;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus{border-color: rgba(82, 236, 159, 0.8);outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 236, 159, 0.6);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 236, 159, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 236, 159, 0.6);}input[type="radio"],
input[type="checkbox"]{line-height: normal;margin: 4px 0 0;margin-top: 1px \9;*margin-top: 0;}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] {width: auto;}select,
input[type="file"]{height: 30px;line-height: 30px;*margin-top: 4px;}
select {width: 220px;background-color: #fff;border: 1px solid #ccc;border:none\9;margin:-1px\9;}select[multiple],select[size] {height: auto;}input:-moz-placeholder,
textarea:-moz-placeholder {color: #999;}input::-moz-placeholder,
textarea::-moz-placeholder {color: #999;}input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999;}input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999;}input,textarea{margin-left: 0;}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {background-color: #eeeeee;}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="submit"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly] {background-color: transparent;}input:focus:invalid,textarea:focus:invalid,
select:focus:invalid {color: #b94a48;border-color: #ee5f5b;}input:focus:invalid:focus,textarea:focus:invalid:focus,
select:focus:invalid:focus {border-color: #e9322d;-webkit-box-shadow: 0 0 6px #f8b9b7;-moz-box-shadow: 0 0 6px #f8b9b7;box-shadow: 0 0 6px #f8b9b7;}input.search-query,
input.text {padding-right: 14px;padding-right: 4px \9;padding-left: 14px;padding-left: 4px \9;margin-bottom: 0;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;}

.pdf-box{clear: both;padding-top:20px;margin-bottom: 20px;}
.pdf-ctrl{width:1000px;float: right;}
#fun-nav{width:160px;float: left;}
#fun-nav.fix{position: fixed;top:0;}
.fun-box{background:#eee;}
.fun-box dt{background:#47b751;color:#fff;border-bottom:1px solid #fff;height:44px;line-height: 44px;padding-left: 40px;cursor: pointer;}
.fun-box dt p::after{content: '';width: 14px;height: 14px;background:url(../img/arr-up-dwon.png) 0 -55px no-repeat;background-size:14px auto;display: inline-block;margin: 0 0 0 5px;}
.fun-box dt.cur p::after{background-position: 0 4px;}
.fun-box dd.fun-sub{display: none;}
.fun-box dd.fun-sub.on{display: block;}
.fun-box dd.fun-sub li{line-height: 44px;border-bottom: 1px solid #fefefe;padding-left: 40px;}
.fun-box dd.fun-sub li.now{position: relative;}
.fun-box dd.fun-sub li.now::before{position:absolute;left:22px;top:13px;content: '';width: 14px;height: 14px;background:url(../img/dot.png) 0 2px no-repeat;background-size:14px auto;display: inline-block;}
.fun-box dd.fun-sub li.now a{color:#399241;}

.text-primary {color: #47b751;}
.text-center {text-align: center;}
.pagenametag {font-size: 18px;color: #47b751;height: 30px;line-height: 30px;font-weight: bold;margin-bottom: 10px;background: url(../img/icon-pagename.png) no-repeat center left;padding-left: 30px;}
.operation-tips {color: #9d9d9d;margin-top: 20px;}
.operation-warning {padding: 0px 0 16px 20px;}
.operation-warning a {padding: 0 10px;font-size: 18px;color:#399241;}
.operation-warning a:hover {color: #47b751;text-decoration: underline;}
.area-operation {background: #fcfcfc;border: 1px solid #ddd;padding: 5px;-webkit-padding: 10px;-moz-padding: 10px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);margin-bottom: 20px;}
.placeholder {border: 2px dashed #dadada;text-align: center;color: #999;font-size: 18px;position: relative;padding: 20px 0;border-radius: 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;min-height: 145px;}
.area-operation-tips {padding-top: 10px;font-size: 14px;}
/*.placeholder:hover, .filelist-focus, .filelist:hover {background: #f0f0f0;background-size: 30px 30px;background-image: linear-gradient(-45deg, #fafafa 25%, transparent 25%, transparent 50%, #fafafa 50%, #fafafa 75%, transparent 75%, transparent);background-image: -webkit-linear-gradient(135deg, #fafafa 25%, transparent 25%, transparent 50%, #fafafa 50%, #fafafa 75%, transparent 75%, transparent);background-image: -moz-linear-gradient(-45deg, rgba(0, 0, 0, .05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .05) 50%, rgba(0, 0, 0, .05) 75%, transparent 75%, transparent);-webkit-animation: stripes 2s linear infinite;animation: stripes 2s linear infinite;}
 @-webkit-keyframes stripes {
  from {background-position: 0 0;}
  to {background-position: 60px 30px;}
}
@keyframes stripes {
  from {background-position: 0 0;}
  to {background-position: 60px 30px;}
} */
#rt1{position: absolute; top:25px;left:390.5px; width: 202px; height: 46px; overflow: hidden;}
#rt1 label{opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: #fff;}
#rt2{position: absolute; inset: 0px auto auto 0px; width: 100px; height: 100px; overflow: hidden;}
#rt2 label{opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: #fff;}
#rt3{position: absolute; inset: 0px auto auto 0px; width: 100px; height: 100px; overflow: hidden;}
#rt3 label{opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: #fff;}
#rt4{position: absolute; inset: 0px auto auto 0px; width: 38px; height: 46px; overflow: hidden;}
#rt4 label{opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: #fff;}
.operation-warning {color: #454545;position: relative;padding-left: 30px;}
.text-primary-red {color: #ee0808;}
.operation-warning:after, .downtips :after, .videocut:after {content: '';display: block;width: 6px;height: 6px;border-radius: 50%;background: #47b751;position: absolute;left: 9px;top: 6px;}
.operation-warning.hasa:after{left: 9px;top: 11px;}
#uploader .statusBar .btns .uploadBtn.hide{display: none;}
#uploader .statusBar .btns .up-down-btn{display:inline-block;width:122px;padding-left:16px;height:46px;line-height: 46px;text-align:center;background:#399241 url(../img/arrDown.png) 28px 18px no-repeat;color:#fff;border-radius: 6px;font-size:16px;}
#uploader .statusBar .btns .up-down-btn:hover{background-color: #47b751;}
#re-up-btn{font-size:16px;display:inline-block;border:1px solid #cfcfcf;width:100px;height:44px;line-height: 44px;text-align: center;color:#666;border-radius: 5px;margin-right: 15px;cursor:pointer;}
#re-up-btn.hover{background:#f0f0f0;}
#dndArea #lg-mask{width:100%;min-height:74px;position: absolute;top:50px;}


/* #uploader .queueList {margin: 20px;border: 3px dashed #e6e6e6;} */
#uploader .queueList.filled {padding: 17px;margin: 0;border: 3px dashed transparent;}
#uploader .queueList.webuploader-dnd-over {border: 3px dashed #999;}
#uploader p {margin: 0;}
.element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px); /* IE6, IE7 */clip: rect(1px,1px,1px,1px);}
#uploader .placeholder {/*min-height: 350px;padding-top: 178px;*/padding-top:50px;text-align: center;color: #ccc;font-size: 18px;position: relative;}
#uploader .placeholder .webuploader-pick {font-size: 18px;background: #399241;border-radius: 3px;line-height: 44px;padding: 0 30px;*width: 120px;color: #fff;display: inline-block;margin: 0 auto 20px auto;cursor: pointer;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
#uploader .placeholder .webuploader-pick-hover {background: #47b751;}
#uploader .placeholder .flashTip {color: #666;font-size: 12px;position: absolute;width: 100%;text-align: center;bottom: 20px;}
#uploader .placeholder .flashTip a {color: #47b751;text-decoration: none;}
#uploader .placeholder .flashTip a:hover {text-decoration: underline;}
#uploader .filelist {list-style: none;margin: 0;padding: 0;}
#uploader .filelist:after {content: '';display: block;width: 0;height: 0;overflow: hidden;clear: both;}
#uploader .filelist li {width: 110px;height: 110px;background: url(../img/bg.png) no-repeat;text-align: center;margin: 12px 0 20px 12px;position: relative;display: inline;float: left;overflow: hidden;font-size: 12px;}
#uploader .filelist li p.log {position: relative;top: -45px;}
#uploader .filelist li p.title {position: absolute;top: 0;left: 0;padding:7px;line-height: 24px;/* width: 100%;overflow: hidden;white-space: nowrap;text-overflow : ellipsis; */top: 5px;text-indent: 5px;text-align: left;}
#uploader .filelist li p.progress {position: absolute;width: 100%;bottom: 0;left: 0;height: 8px;overflow: hidden;z-index: 50;margin: 0;border-radius: 0;background: none;-webkit-box-shadow: 0 0 0;}
#uploader .filelist li p.progress span {display: none;overflow: hidden;width: 0;height: 100%;background: #47b751 url(../img/progress.png) repeat-x;-webit-transition: width 200ms linear;-moz-transition: width 200ms linear;-o-transition: width 200ms linear;-ms-transition: width 200ms linear;transition: width 200ms linear;-webkit-animation: progressmove 2s linear infinite;-moz-animation: progressmove 2s linear infinite;-o-animation: progressmove 2s linear infinite;-ms-animation: progressmove 2s linear infinite;animation: progressmove 2s linear infinite;-webkit-transform: translateZ(0);}
@-webkit-keyframes progressmove {
    0% {background-position: 0 0;}
    100% {background-position: 17px 0;}
}
@-moz-keyframes progressmove {
    0% {background-position: 0 0;}
    100% {background-position: 17px 0;}
}
@keyframes progressmove {
    0% {background-position: 0 0;}
    100% {background-position: 17px 0;}
}
#uploader .filelist li p.imgWrap {display:none;position: relative;z-index: 2;line-height: 110px;vertical-align: middle;overflow: hidden;width: 110px;height: 110px;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;-webit-transition: 200ms ease-out;-moz-transition: 200ms ease-out;-o-transition: 200ms ease-out;-ms-transition: 200ms ease-out;transition: 200ms ease-out;}
#uploader .filelist li img {width: 100%;}
#uploader .filelist li p.error {background: #f43838;color: #fff;position: absolute;bottom: 0;left: 0;height: 28px;line-height: 28px;width: 100%;z-index: 100;}
#uploader .filelist li .success {display: block;position: absolute;left: 0;bottom: 0;height: 40px;width: 100%;z-index: 200;background: url(../img/success.png) no-repeat right bottom;}
#uploader .filelist div.file-panel {position: absolute;height: 30px;width: 100%;top: 0;left: 0;z-index: 300;/*overflow: hidden;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;background: rgba( 0, 0, 0, 0.5 );*/}
#uploader .filelist div.file-panel span {width: 24px;height: 24px;display: inline;float: right;text-indent: -9999px;overflow: hidden;background: url(../img/icons.png) no-repeat;margin: 5px 1px 1px;cursor: pointer;}
#uploader .filelist div.file-panel span.rotateLeft {background-position: 0 -24px;}
#uploader .filelist div.file-panel span.rotateLeft:hover {background-position: 0 0;}
#uploader .filelist div.file-panel span.rotateRight {background-position: -24px -24px;}
#uploader .filelist div.file-panel span.rotateRight:hover {background-position: -24px 0;}
#uploader .filelist div.file-panel span.cancel {background:url(../img/close1.png) 0 0 no-repeat;}
/* #uploader .filelist div.file-panel span.cancel:hover {background-position: -48px 0;} */
#uploader .statusBar {height: 63px;border-top: 1px solid #dadada;padding: 0 20px;line-height: 63px;vertical-align: middle;position: relative;}
#uploader .statusBar .progress {border: 1px solid #47b751;width: 198px;background: #fff;height: 18px;position: relative;display: inline-block;text-align: center;line-height: 20px;color: #deffe1;position: relative;margin: 0 10px 0 0;}
#uploader .statusBar .progress span.percentage {width: 0;height: 100%;left: 0;top: 0;background: #47b751;position: absolute;}
#uploader .statusBar .progress span.text {position: relative;z-index: 10;}
#uploader .statusBar .info {display: inline-block;font-size: 14px;color: #666;}
#uploader .statusBar .btns {position: absolute;top: 10px;right: 20px;line-height: 40px;}
#filePicker2 {display: inline-block;float: left;}
#uploader .statusBar .btns .webuploader-pick,#uploader .statusBar .btns .uploadBtn,#uploader .statusBar .btns .uploadBtn.state-uploading,#uploader .statusBar .btns .uploadBtn.state-paused {background: #fff;border: 1px solid #cfcfcf;color: #565656;padding: 0 18px;display: inline-block;border-radius: 3px;margin-left: 10px;cursor: pointer;font-size: 14px;float: left;}
#uploader .statusBar .btns .webuploader-pick-hover,#uploader .statusBar .btns .uploadBtn:hover,#uploader .statusBar .btns .uploadBtn.state-uploading:hover,#uploader .statusBar .btns .uploadBtn.state-paused:hover {background: #f0f0f0;}
#uploader .statusBar .btns .uploadBtn {background: #47b751;color: #fff;border-color: transparent;}
#uploader .statusBar .btns .uploadBtn:hover {background: #399241;}
#uploader .statusBar .btns .uploadBtn.disabled {pointer-events: none;opacity: 0.6;}

.element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px);/* IE6, IE7 */clip: rect(1px, 1px, 1px, 1px);}
.btn-convert, .btn-primary-white, .btn-primary-blue, .btn-primary-green {display: none;width: 200px;height: 54px;line-height: 54px;text-align: center;font-size: 18px;color: #fff;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;cursor: pointer;}
.btn-convert, .btn-download:hover, .btn-primary-blue:hover, .btn-primary-green:hover {color: #fff;}
.btn-convert.short {width: 130px;}
.btn-convert.converting {opacity: 0.5;filter: alpha(opacity=50);zoom: 1;}
.btn-primary-white, .btn-convert {height: 44px;line-height: 44px;}
.btn-primary-white {color: #666;background: transparent;border: solid 1px #b5b5b5;}
.btn-primary-white:hover {color: #399241;background: #fff;border-color: #399241;}
.btn-primary-white:active {background: #efefef;}
.btn-primary-blue {background: #399241;border: solid 1px #399241;}
.btn-primary-blue:hover {background-color: #47b751;}
.btn-primary-blue:active {background-color: #399241;}
.btn-convert, .btn-download.allow, .btn-primary-green {background: #5cb85c;border: solid 1px #458f45;}
.btn-convert:hover, .btn-download.allow:hover, .btn-primary-green:hover {color: #fff;background-color: #6bc06b;}
.btn-convert:active, .btn-download.allow:active, .btn-primary-green:active {background-color: #4dab4d;}
.btn-convert {position: relative;cursor: pointer;z-index: 2;}
.btn-download {display: none;width: 330px;height: 54px;line-height: 54px;text-align: center;border-radius: 6px;margin: 40px auto 0;font-size: 24px;color: #fff;background: #5cb85c;border: solid 1px #458f45;}
@media (max-width: 640px) {
  .btn-download {width: auto;font-size: 18px;height: 44px;line-height: 44px;margin: 10px 5px;}
}
.btn-download:hover {color: #fff;background-color: #6bc06b;}
.btn-download:active {background-color: #4dab4d;}
.statusBar .btns .uploadBtn, .statusBar .btns .downloadBtn, .statusBar .btns .downqcodeBtn, .placeholder .webuploader-pick {margin: 0 auto;display: inline-block;width: 200px;height: 44px;line-height: 44px;text-align: center;font-size: 18px;color: #fff;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;cursor: pointer;}
.placeholder .webuploader-pick {margin-top: 25px;}
.pbtnadd .webuploader-pick, .pbtnadd label {width: 150px;height: 26px;background-color: #f00;}
.statusBar .btns .uploadBtn, .statusBar .btns .downqcodeBtn, .statusBar .btns .downloadBtn {width: 100px;}
.placeholder .webuploader-pick-hover {background-color: #47b751;}
.placeholder .flashTip {color: #666;font-size: 12px;position: absolute;width: 100%;text-align: center;bottom: 20px;}
.placeholder .flashTip a {color: #399241;text-decoration: none;}
.placeholder .flashTip a:hover {text-decoration: underline;}
.placeholder.webuploader-dnd-over {border-color: #999;}
.placeholder.webuploader-dnd-over.webuploader-dnd-denied {border-color: red;}
.filelist {display: none;text-align: center;background: #fafafa;border: 2px dashed #dadada;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;position: relative;padding: 10px;margin: 0 auto;overflow-y: auto;max-height: 400px}
@media (max-width: 640px) {
  .filelist {height: auto;padding: 0;}
}
.filelist>li {width: 150px;text-align: center;margin: 15px;display: inline-block;*display: inline;*zoom: 1;font-size: 12px;cursor: pointer;box-sizing: border-box;position: relative;vertical-align: middle;}
.filelist>li.pdfpreview {width: 140px;text-align: center;margin: 0 10px 0px 10px;padding:10px 0;display: inline-block;*display: inline;*zoom: 1;font-size: 12px;cursor: pointer;box-sizing: border-box;position: relative}
@media (max-width: 640px) {
  .filelist>li {width: 96px;height: 96px;margin: 5px}
}
.filelist .imgWrap {position: relative;line-height: 136px;vertical-align: middle;overflow: hidden;width: 136px;height: 136px;margin:0 auto;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;-webit-transition: 200ms ease-out;-moz-transition: 200ms ease-out;-o-transition: 200ms ease-out;-ms-transition: 200ms ease-out;transition: 200ms ease-out;}
.filelist .pdfpreviewWrap {position: relative;line-height: 154px;vertical-align: middle;overflow: hidden;width: 140px;height: 154px;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;-webit-transition: 200ms ease-out;-moz-transition: 200ms ease-out;-o-transition: 200ms ease-out;-ms-transition: 200ms ease-out;transition: 200ms ease-out;}
@media (max-width: 640px) {
  .filelist .imgWrap {width: 96px;height: 96px;line-height: 96px;}
  .filelist .pdfpreviewWrap {height: 154px;line-height: 154px;}
}
.filelist .imgWrap img {width: auto;max-height: 100%;vertical-align: baseline;}
.filelist .pfileview {width: 100px;margin: 0px auto;padding: 5px 0px;text-align: center;cursor: default;overflow: hidden;}
.filelist .pdfpreviewWrap~.pfileview{width:107px;}
.filelist .pfileview span {clear: none;display: block;margin: 0px 3px;width: 40px;height: 22px;line-height: 22px;color: #fff;text-align: center;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;font-size: 12px;}
.filelist .pfileview span a {color: #fff;text-decoration: none;width: 100%;height: 22px;display: block;text-align: center;line-height: 22px;}
.filelist .pfileview span.sppreview {float: right;background-color: #47b751;}
.filelist .pfileview span.spshare {float: left;background-color: #5cb85c;cursor: pointer;}
.filelist .pfileview span.sprowshare {float: none;clear: both;margin: 0px auto;background-color: #38af03;cursor: pointer;}
.filelist .pfileview span.sprowview {float: none;clear: both;margin: 0px auto;background-color: #38af03;cursor: pointer;}
.filelist>li .log {position: relative;top: -45px;}
/* .filelist>li .title {width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;font-size: 12px;margin-top: 3px;height: 20px;line-height: 20px;} */
.filelist>li .progress {display: none;height: 8px;overflow: hidden;}
.filelist>li .progress span {display: none;overflow: hidden;width: 0;height: 100%;background: #399241 url(../img/progress.png) repeat-x;-webit-transition: width 200ms linear;-moz-transition: width 200ms linear;-o-transition: width 200ms linear;-ms-transition: width 200ms linear;transition: width 200ms linear;-webkit-animation: progressmove 2s linear infinite;-moz-animation: progressmove 2s linear infinite;-o-animation: progressmove 2s linear infinite;-ms-animation: progressmove 2s linear infinite;animation: progressmove 2s linear infinite;-webkit-transform: translateZ(0);}
@-webkit-keyframes progressmove {
  0% {background-position: 0 0;}
  100% {background-position: 17px 0;}
}
@-moz-keyframes progressmove {
  0% {background-position: 0 0;}
  100% {background-position: 17px 0;}
}
@keyframes progressmove {
  0% {background-position: 0 0;}
  100% {background-position: 17px 0;}
}
.filelist .error {color: #fff;position: absolute;top: 70px;left: 0;height: 28px;line-height: 28px;width: 100%;z-index: 100;display: none;}
.filelist>li.warning .title, .filelist>li.failed .title {color: #f00;}
.filelist>.failed .imgWrap:after {content: '';display: block;width: 40px;height: 40px;background: url(../img/icon-error.png) center no-repeat transparent;position: absolute;top: 84px;right: 21px;z-index: 3;}
.filelist>.pdfpreview.failed>.pdfpreviewWrap~.title:after {content: '';display: block;width: 107px;height: 151px;background: url(../img/image_fault.png) center no-repeat transparent;background-color: rgba(39, 143, 240, 0.24);position: absolute;top: 11px;left: 50%;margin-left: -54px;z-index: 3;}
#uploader[file-type="pdfcompress"] .filelist>.pdfpreview.failed>.pdfpreviewWrap~.title:after{display: none;}
#uploader[file-type="pdfcompress"] .filelist>li.failed .title {color: #2e3233;}
.compresstips{text-align: center;padding:0 20px;position: absolute;top:10px;left: 0;background: #fcfcfc;font-size: 0;}
.compresstips span{display: block;font-size: 13px;color:#f83;line-height: 46px;padding-left: 22px;background: url("../img/ico_remind.png") no-repeat left center;font-weight: normal;}
.partcompresstips{text-align: center;padding:0 20px;background: #fcfcfc;font-size: 0;}
.partcompresstips span{display: block;font-size: 13px;color:#f83;line-height: 46px;padding-left: 22px;background: url("../img/ico_remind.png") no-repeat left center;font-weight: normal;}
.filelist>li.warning .title:after {content: '';display: block;width: 40px;height: 40px;background: url(/ContentMain/Images/icon-warning.png) center no-repeat transparent;position: absolute;top: 70px;right: 0px;z-index: 3;}
.filelist .success {display: block;position: absolute;left: 0;top: 70px;height: 40px;width: 100%;z-index: 2;background: url(../img/success.png) no-repeat right bottom;}
.filelist .pdfpreview .success {display: block;position: absolute;left: 0;top: 120px;height: 40px;width: 100%;z-index: 2;background: url(../img/success.png) no-repeat right bottom;}
.filelist .success,.filelist .pdfpreview .success {display: none!important;}
.filelist .cerror {display: block;width: 100%;height: 40px;background: url(../img/icon-error.png) no-repeat right bottom;position: absolute;top: 70px;right: 0px;z-index: 3;}
@media (max-width: 640px) {
  .filelist .success {position: absolute;left: 0;top: 56px;height: 40px;width: 100%;z-index: 2;background: url(../img/success.png) no-repeat right bottom;}
  .filelist .cerror {display: block;width: 100%;height: 40px;background: url(../img/icon-error.png) no-repeat right bottom;position: absolute;top: 56px;right: 0px;z-index: 3;}
  .filelist .error {color: #fff;position: absolute;top: 70px;left: 0;height: 28px;line-height: 28px;width: 100%;z-index: 100;display: none;}
  .filelist>li.warning .title, .filelist>li.failed .title {color: #f00;}
  .filelist>li.failed .title:after {content: '';display: block;width: 40px;height: 40px;background: url(../img/icon-error.png) center no-repeat transparent;position: absolute;top: 56px;right: 0px;z-index: 3;}
  .filelist>li.warning .title:after {content: '';display: block;width: 40px;height: 40px;background: url(/ContentMain/Images/icon-warning.png) center no-repeat transparent;position: absolute;top: 56px;right: 0px;z-index: 3;}
}
.filelist .file-panel {position: absolute;width: 20px;height: 20px;top: 0;right: 6px;z-index: 2;}
.filelist .j2p-file-panel {position: absolute;width: 100%;height: 30px;background-color: rgba(0, 0, 0, .5);top: 0;z-index: 2;display: none;}
.filelist .imgWrap~.file-panel{top: -5px;right: 0;}
.filelist .imgWrap~.j2p-file-panel{top: -5px;right: 0;}
.filelist .j2p-file-panel span {width: 24px;height: 24px;display: inline-block;text-indent: -9999px;overflow: hidden;margin: 3px 7.5% 3px 7.5%;cursor: pointer;}
.filelist .j2p-file-panel .rotateRight {background: url(../img/icon_xuanzhuan_01.png) no-repeat;}
.filelist .j2p-file-panel .rotateRight:hover {background: url(../img/icon_xuanzhuan_03.png) no-repeat;}
.filelist .j2p-file-panel .preview {background: url(../img/icon_fangda_01.png) no-repeat;}
.filelist .j2p-file-panel .preview:hover {background: url(../img/icon_fangda_03.png) no-repeat;}
.filelist .j2p-file-panel .cancel {background: url(../img/icon_close_01.png) no-repeat;}
.filelist .j2p-file-panel .cancel:hover {background: url(../img/icon_close_03.png) no-repeat;}
.filelist .file-panel .cancel {background: url(../img/close1.png) no-repeat center center;display: inline-block;width: 20px;height: 20px;text-indent: -9999px;position: absolute;left: 0px;top: 0px;}
.statusBar {height: 63px;padding: 0 20px;line-height: 63px;vertical-align: middle;position: relative;display: none;}
.statusBar .progress {border: 1px solid #399241;width: 198px;background: #fff;height: 18px;display: inline-block;text-align: center;line-height: 20px;color: #47b751;position: relative;margin-right: 10px;}
.statusBar .progress .percentage {width: 0;height: 100%;left: 0;top: 0;background: #399241;position: absolute;}
.statusBar .progress .text {position: relative;z-index: 10;}
.statusBar .info {display: inline-block;font-size: 14px;color: #666;}
.comppress-ratio{position: absolute;top:0;left: 0;background: #fcfcfc;padding:8px 20px;}
.comppress-ratio canvas{float: left;margin-right: 10px;}
.comppress-ratio .ratio-text h3{font-size: 13px;color:#333;line-height: 25px;white-space:nowrap;}
.comppress-ratio .ratio-text p{font-size: 13px;color:#999;line-height: 20px;margin-top:2px;white-space:nowrap;}
.comppress-ratio .ratio-text p i{display: inline-block;vertical-align: middle;width:14px;height:11px;background: url("./Images/ico_arrow.png") no-repeat ;position: relative;top:-2px;margin:0 5px;}
@media (max-width: 640px) {
  .statusBar .info {padding: 5px 0;}
}
.statusBar .btns {position: absolute;top: 10px;right: 20px;line-height: 40px;}
.statusBar .btns .webuploader-pick, .statusBar .btns .uploadBtn, .statusBar .btns .downloadBtn, .statusBar .btns .downqcodeBtn, .statusBar .btns .uploadBtn.state-uploading, .statusBar .btns .uploadBtn.state-paused {background: #fff;border: 1px solid #cfcfcf;color: #565656;padding: 0 18px;display: inline-block;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;margin-left: 10px;cursor: pointer;font-size: 14px;float: left;}
.statusBar .btns .webuploader-pick-hover, .statusBar .btns .uploadBtn:hover, .statusBar .btns .downloadBtn:hover, .statusBar .btns .downqcodeBtn:hover, .statusBar .btns .uploadBtn.state-uploading:hover, .statusBar .btns .uploadBtn.state-paused:hover {background: #f0f0f0;}
.statusBar .btns .uploadBtn {color: #fff;border-color: transparent;background: #47b751;border: solid 1px #47b751;}
.statusBar .btns .uploadBtn.disabled{opacity: .4;}
.statusBar .btns .uploadBtn:hover {background-color: #47b751;}
.statusBar .btns .uploadBtn:active {background-color: #399241;}
.statusBar .btns .uploadBtn span{padding-left: 26px;background: url("../img/ico_convert.png") no-repeat left center;}
.statusBar .btns .downloadBtn {color: #fff;border-color: transparent;background: #399241;border: solid 1px #399241;}
.statusBar .btns .downloadBtn img{margin-right: 0;}
.statusBar .btns .downloadBtn:hover {background-color: #47b751;}
.statusBar .btns .downloadBtn:active {background-color: #399241;}
.statusBar .btns .downqcodeBtn {width:auto;color: #fff;border-color: transparent;background: #5cb85c;border: solid 1px #5cb85c;position: relative;margin-right: 10px;}
.statusBar .btns .downqcodeBtn img{margin-top:-3px;margin-right: 2px;}
.statusBar .btns .downqcodeBtn:hover{background: #3db706;}
.statusBar .btns .downloadBtn:hover {background-color: #47b751;}
.statusBar .btns .downloadBtn:active {background-color: #399241;}
.statusBar .btns .urlqcode {border: solid 1px #888;right: 0px;bottom: 40px;display: none;}
#filePicker{min-height: 74px;}
#filePicker2 {display: inline-block;float: left;}

.webuploader-container {position: relative;*margin-bottom: 10px;}
.webuploader-element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);}
.webuploader-pick {height: 44px;line-height: 44px;position: relative;display: inline-block;cursor: pointer;color: #fff;background: #399241;border: solid 1px #399241;text-align: center;border-radius: 5px;overflow: hidden;margin-right: 10px;}
.webuploader-pick.hover {background-color: #47b751;}
.webuploader-pick:active {background-color: #399241;}
.webuploader-pick-disable {opacity: 0.6;pointer-events: none;}
.disable {pointer-events: none;}

.addbtnbig.webuploader-container {background: url(../img/add.png) no-repeat center center;width: 130px;height: 130px;display: inline-block;position: relative;vertical-align: middle;display: none;}
.pdfpreview~.addbtnbig.webuploader-container{background: url(../img/ico_add_big.png) no-repeat center center;width: 130px;height: 164px;}
.addbtnbig.webuploader-container .webuploader-pick {font-size: 12px;height: 100%;width: 100%;line-height: 20px;text-align: center;border-radius: 10px;bottom: 0px;position: absolute;left: 0px;background: none;border: none;margin: 0px;text-indent: -9999px;}
.queueList {position: relative;}
.progress-content {position: absolute;width: 100%;height: 100%;z-index: 10;top: 0px;left: 0px;box-sizing: border-box;padding: 2px;display: none;}
.progress-content .progress-contentwap {width: 100%;height: 100%;background: #fafafa;}
.progress-content .progress-contentwap .progress-contenticon {width: 500px;height: 155px;position: absolute;top: 50%;left: 50%;margin-top: -77px;margin-left: -250px;}
.progress-content .progress-contentwap .progress-contenticon .converticon {text-align: center;width: 135px;height: 90px;margin: 0px auto;}
.progress-content .progress-contentwap .progress-contenticon .progressicon {width: 135px;height: 35px;margin: 0px auto;text-align: center;}
.progress-content .progress-contentwap .progress-contenticon .progressicon.progress01 {background: url(../img/progress_01.gif) no-repeat center center;}
.progress-content .progress-contentwap .progress-contenticon .progressicon.progress02 {background: url(../img/progress_02.gif) no-repeat center center;}
.progress-content .progress-contentwap .progress-contenticon .progressicon.progress03 {background: url(../img/progress_03.gif) no-repeat center center;}
.progress-content .progress-contentwap .progress-contenticon .convertptime {height: 20px;width: 100%;text-align: center;line-height: 20px;font-size: 12px;}
.btn-editor{width: 40px;height: 22px;background: #47b751;opacity: 1;border-radius: 3px;font-size: 12px;border:none;outline: none;color:#fff;margin-top:8px;}
.url2pdf-ctt{border: 2px dashed #dadada;text-align: center;color: #999;font-size: 18px;position: relative;padding: 20px 30px;border-radius: 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;min-height: 145px;}
.url2pdfBtn{margin-top:10px;padding: 0 18px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;margin-left: 10px;cursor: pointer;font-size: 14px;float: right;color: #fff;border-color: transparent;background: #47b751;border: solid 1px #47b751;line-height: 44px;}
.url2pdfBtn:hover{background-color: #47b751;}
.url2pdfBtn:hover span{color:#fff;}
.url2pdfBtn span{padding-left: 26px;background: url("../img/ico_convert.png") no-repeat left center;}
.url2pdf-ctt h2{margin-top:30px;color:#333;font-size: 14px;text-align: left;line-height: 20px;}
.url2pdf-ctt .url-ipt-box{position: relative;margin-top:10px;}
.url2pdf-ctt .url-ipt-box i{width:20px;height:20px;position: absolute;top:10px;left: 15px;background: url("../img/ico_url.png") no-repeat center center;}
.url2pdf-ctt .url-ipt-box input{height: 40px;border: 1px solid #ccc;padding:10px 15px 10px 45px;color:#333;border-radius: 3px; width:100%;background-color: #fff;-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;outline: none;box-shadow: none;}
.url2pdf-ctt input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset; -webkit-text-fill-color: #333; }
.replace-cover{background: #fff;border: 1px solid #cfcfcf;color: #565656;padding: 0 18px;display: inline-block;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;margin-left: 10px;margin-right: 10px;cursor: pointer;font-size: 14px;float: left;height: 44px;line-height: 44px;min-width: 140px;text-align: center;}
.replace-cover:hover{background: #f0f0f0;}
.url-tips{font-size: 12px;color:red;line-height: 20px;margin-top: 5px;text-align: left;display: none;}
.uploader_url2pdf .statusBar{min-height: 64px;}
.uploader_url2pdf .statusBar .btns{position: relative;top:0;left: 0;float: right;margin-top:10px;}
.uploader_url2pdf .filelist .pfileview span.sppreview{float: none;display: inline-block;}
@media (max-width: 1024px) {
  #head-nav{width:426px;}
  .statusBar {height: auto;line-height: inherit;padding: 0 0 5px;}
  .statusBar .btns {position: relative;width: auto;top: auto;right: auto;width:50%;}
  .statusBar .info {width:48%;line-height: 28px;}
  .uploader_url2pdf .statusBar .btns{float: none;width:100%;}
  .uploader_url2pdf .statusBar .btns a{margin:5px auto;}
  .statusBar .btns .webuploader-pick, .statusBar .btns .uploadBtn, .statusBar .btns .downloadBtn, .statusBar .btns .downqcodeBtn, .statusBar .btns .uploadBtn.state-uploading, .statusBar .btns .uploadBtn.state-paused,.statusBar .replace-cover {display: block;width: 100%;float: none;margin: 5px auto;padding: 0;}
  #filePicker2 {width: 30%;}
  .statusBar .btns .webuploader-pick {}
  .statusBar .btns .webuploader-pick + div{inset:0!important;}
  #uploader .statusBar{height: auto;}
  .statusBar .progress{width:51%;}
  #uploader .statusBar .btns .uploadBtn{width:42%;float:right;}
}
.filelist .imgWrap~.file-panel{right:-5px;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield;}
.showp {display: block!important;color: red;text-align: left!important;padding-left: 46px!important;}


.settings, .settingsm {display:none;background: #f9f9f9;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);font-size: 0;margin-bottom: 20px;padding: 0 30px 15px;vertical-align: top;position: relative;}
.settings.hasfun{display: block;}
.settings .mask{position: absolute;width:100%;height:100%;top:0;left: 0;z-index: 10;background: #000;
  filter:alpha(opacity=30); /* IE */-moz-opacity:0.3; /* 老版Mozilla */-khtml-opacity:0.3; /* 老版Safari */opacity: 0.3; /* 支持opacity的浏览器*/}
.settings div.backcolor div {display: inline-block;}
@media (max-width: 640px) {
  .settings, .settingsm {padding-left: 10px;padding-right: 10px;}
  #filePicker2 {width:45%;}
  #uploader .statusBar .btns .webuploader-pick{width:100%;padding:0 1px;}
  #uploader .statusBar .btns .uploadBtn{width:48%;padding:0 1px;}
}
.settings .htheme, .settingsm .htheme {padding: 20px 0;font-size: 18px;border:none;}
.settings a {cursor: pointer;color: #454545;display: inline-block;font-size: 16px;width: 20%;*width: 19.9%;margin-bottom: 20px;vertical-align: top;line-height: 33px;}
.settings a.file-range{width:30%;}
.settings div.checked-off a {cursor: not-allowed;color: rgba(69, 69, 69, 0.2);}
.settings a .inpnum {width: 60px;height: 33px;background: #fff;border: 1px solid #ccc;opacity: 1;border-radius: 4px;color: #ccc;font-size: 16px;text-align: center;margin-left: 8px;margin-right: 8px;padding-left: 14px;padding-right: 14px;}
.settings a.ppt2videoinput {cursor: pointer;color: #454545;display: inline-block;font-size: 16px;width: 80%;*width: 19.9%;margin-bottom: 20px;vertical-align: top;line-height: 33px;}
.settings a.ppt2videoinput span {color: #aaa;}
@media (max-width: 640px) {
  .settings a.ppt2videoinput span {color: #aaa;display: block;}
}
.settings-options {position: relative\0;}
.ocr_icon{display: inline-block;width: 32px;height: 18px;background: #ff9436;opacity: 1;border-radius: 4px;font-size: 12px;line-height: 18px!important;text-align: center;color:#fff;font-style: normal;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;vertical-align: middle;margin-left: 5px;margin-top:-2px;position: relative;}
.ocr_icon i.ocr-tips{width:514px;height:320px;background: url("../img/img_ocr.png") no-repeat;position: absolute;left: 50%;margin-left: -257px;top:-320px;display: none;}
.ocr_icon:hover i.ocr-tips{display: block;}

.settings p {width: 100%;font-size: 16px;text-align: center;height: auto;line-height: 20px;border-bottom: solid 1px #f0eeef;padding:0;}
.settings p:last-child{border-bottom: none;}
#divpdfaddtext>p,#divpdfreplace>p,#divpdfdeltext>p{padding:10px 0;}
.settings p.pleft {text-align: left;}
.settings p input {width: 30%;margin-right: 20px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border: solid 1px #bfbfbf;height: 30px;}
.settings input{min-height: 30px;border-radius: 4px;}
input.page-every{width:38px;text-indent: 4px;margin:0 3px;}
.settings p input.tbbwidth {width: 70%;}
.settings p input.tbswidth {width: 10%;}
.settings p select {width: 10%;margin-right: 20px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border: solid 1px #bfbfbf;height: 30px;}
.settings div select {width: 10%;margin-right: 20px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border: solid 1px #bfbfbf;height: 30px;}
.settings p span {margin: 0px;padding: 0px;}
.settings p span.spbtn {width: 18px;display: inline-block;line-height: 18px;height: 18px;cursor: pointer;margin-right: 20px;background-color: #ddd;border: solid 1px #aaa;}
.settings p span.sptxt {width: 80px;display: inline-block;line-height: 30px;height: 30px;margin-right: 10px;margin-right: 0px;text-align: right;}
.settings p span.spinfo {color: #47b751;display: inline-block;line-height: 30px;height: 30px;margin-left: 10px;text-align: right;}
.settings p span.spreplace {width: 80px;padding-right: 10px;text-align: center;display: inline-block;height: 30px;background: url(../img/bg_arrow.png) no-repeat center 15px;}

@media (max-width: 640px) {
  .operation-warning {padding: 0px 20px 16px 30px;}
}

.settingsm {overflow: hidden;}
.settingsm .settingsop p.pname {width: 20%;float: left;clear: none;height: 30px;line-height: 30px;color: #454545;font-size: 16px;margin-bottom: 20px;vertical-align: top;}
.settingsm .settingsop div.dcontent {width: 80%;float: left;clear: none;overflow: hidden;}
.settingsm .settingsop div.dcontent a {cursor: pointer;color: #454545;display: inline-block;font-size: 16px;width: 25%;*width: 19.9%;margin-bottom: 20px;vertical-align: top;}
@media (max-width: 920px) {
  .settingsm .settingsop div.dcontent a {width: 50%;}
}
@media (max-width: 640px) {
  .settings p {width: 100%;font-size: 16px;text-align: left;height: auto;line-height: 20px;margin: 10px 0px;border-bottom: solid 1px #f0eeef;padding: 0px;}
  .settings p span {margin-bottom: 10px;}
  .settings p span.sptitle {display: block;}
  .settings p span.spreplace {background: none;padding: 0px;width: 70px;display: block;height: auto;text-align: left;}
  .settings p input {display: block;width: 100%;margin-bottom: 15px;}
  .settings p input.tbbwidth {width: 50%;}
}
.settings div.divttextarea {width: 100%;margin: 0px auto;text-align: center;}
.settings div.divttextarea textarea {width: 90%;height: 50px;line-height: 25px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;font-size: 16px;color: #333;}
.settings div.pdflink {width: 100%;padding:5px 0px;border-bottom: solid 1px #e8e8e8;}
.settings div.pdflink:last-child{border-bottom: none;}
.settings div.pdflink p.pradio {position: relative;width: 30px;height: 28px;line-height: 28px;display: block;margin: 6px 0px 0px 0px;padding: 0px;border: none;float: left;clear: none;}
.settings div.pdflink p.pradio input[type="radio"] {width: 21px;height: 21px;border-radius: 21px;border-color: #47b751;}
.settings div.pdflink p.pradio span {border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;width: 10px;height: 10px;display: none;position: absolute;background-color: #47b751;top: 9px;left: 5px;z-index: 10;margin: 0px;padding: 0px;}
.settings div.pdflink p.pfanyi {display: inline-table;width: auto;margin: 0px 0px 0px 20px;height: 30px;line-height: 30px !important;font-size: 16px;color: #333;}
.settings div.pdflink p.pfanyi select {width: 130px;line-height: 30px;padding: 0px;margin: 0px;}
.settings div.pdflink p.pfanyi span {margin: 0px 10px;}
.settings div.pdflink p.pradiochecked span {display: block;cursor: pointer;}
.settings div.pdflink span {display: inline-block;width: auto;margin: 0px 10px 0px 20px;height: 30px;line-height: 30px;padding: 5px;font-size: 16px;color: #333;}
.settings div.pdflink input[type="text"] {margin: 0px;height: 26px;line-height: 26px;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}
.checkbox {display: inline-block;width: 18px;height: 18px;background: #dadada;border: solid 1px #bfbfbf;border-radius: 18px;position: relative;top: 4px;}
.settings-options.chosen .checkbox em {width: 10px;height: 10px;border-radius: 10px;display: block;background: #47b751;position: absolute;top: 50%;margin-top: -5px;left: 50%;margin-left: -5px;}
.settings.icons a {width: auto;}
.settings.icons a.title {width: 14%;}
@media (max-width: 640px) {
  .settings.icons a.title {width: 100%;}
}
.icon-size-options {width: 85%;display: inline-block;*display: inline;*zoom: 1;vertical-align: top;}
@media (max-width: 640px) {
  .icon-size-options {width: 100%;}
}
.icon-size {margin-right: 20px;}
@media (max-width: 640px) {
  .settings .icons .icon-size {margin-right: auto;}
}
.icon-size {padding: 4px 10px;}
@media (max-width: 640px) {
  .settings-options.icon-size {padding: 4px;}
}

.icon-size.chosen {background: #e5e5e5;}
.per-page .page-every {width: 5em;width: 2em\0;margin-left: 4px;margin-right: 4px;text-align: center;}
.page-specify, .page-foremail {display: none;font-size:14px;width: 97%;padding: 6px 15px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border: solid 1px #bfbfbf;margin-bottom: 10px;}
.page-range-error {color: #ee0808;font-size: 14px;margin-bottom: 10px;display: none;}
.page-range-true {color: #8f8f8f;font-size: 14px;margin-bottom: 10px;display: none;}
.page-pdfcode,.pdftextmark {display: block;}
.settings .settings-span {display: block !important;font-size: 16px;line-height: 33px;}
.jpg-all-to-one>div>a {width: 20%;}
.jpg-all-to-one>div.js-setFileName>a{display: inline-block;width:auto;margin-right: 20px;}
.jpg-all-to-one>div>.settings-options {margin-right: 30px;}
.settings-options.outputName>input{height:32px;border-radius: 3px;display: inline-block;}

#pdf2wordocrshowtips_edit, #pdf2wordocrshowtips_format {display: inline-block;}
.split-pop,.preview-pop,.waterpreview-pop{position: fixed;top:0;left: 0;width:100%;height:100%;z-index: 9999;display: none;}

.hero-tips {padding: 0;}
.hero-tips p a {color: #333;}
.hero-tips p a:hover {color: #47b751;}
.hero-tips p a span {font-size: 14px;}
.hero-tips p a {padding: 0 10px;text-decoration: underline;}
.hero-tips span {border: 0 none;font-size: 18px;padding-bottom: 10px;display:block;}
.hero-tips span h2 {font-size: 18px;display: inline;font-weight: bold;color: #47b751;vertical-align: middle;padding-left: 8px;}
.hero-func {color: #47b751;}
.hero-func p {color: #333;margin-top: 0;padding:6px 0 40px 0;line-height: 22px;font-size: 16px;}

@media (max-width: 640px) {
  .operation-warning {font-size: 14px;}
  .operation-warning a {font-size: 14px;}
  .targettxt {min-height: 260px;padding: 5px;}
  .settings>div>a {width: 100%;margin-bottom: 5px;}
  .settings>div+div {margin-top: 10px;}
  .settings a.settings-options {width: 50%!important;padding-left: 5%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin-bottom: 5px;font-size: 14px;}
  .jpg-all-to-one>div>.settings-options {width: 50%!important;padding-left: 5%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin-bottom: 5px;font-size: 14px;margin-right: 0;}
  .settings a.settings-options.icon-size {margin-right: 0;}
  .settings div.pdflink span {margin: 0;}
  .settings div.pdflink p.pfanyi {margin: 0;}
  .settings div.pdflink p.pfanyi span {margin: 0 5px;}
  .hero-tips span h2, .hero-tips span {font-size: 16px!important;}
  .papertext {padding: 0 10px!important;height: auto!important;}
  .papertext span.sptitle {margin-left: 0!important;display: block;margin-bottom: 10px;}
  .area-operation {margin: 0 10px 10px 10px!important;}
  .uploader_border {margin: 0 10px!important;}
  .backcolor input {padding: 5px 10px;}
  .side-menu {display: none;}
  .area-operation-tips {font-size: 12px!important;}
  .settings div select {width: 100%;}
  .pop-voice-modal {left: 0!important;width: 100%!important;margin-left: 0!important;}
  .pop-voice-modal .pop-minHeader {overflow: auto!important;white-space: nowrap;}
  #render_bgList {overflow: hidden!important;min-width: 385px!important;}
  .pop-voice-modal .pop-minHeader span, .pop-voice-modal .pop-minHeader li, #render_bgList {float: none;display: inline-block;}
  .pop-voice-modal {margin-top: -260px!important;}
  .hero-tips p {line-height: 1.6;width: 100%;left: 0;}
  .operation-warning:after, .downtips:after {left: 15px!important;}
  .settings div.pdflink p.pfanyi select {width: 100px;}
  .settings div.cajprange {width: 100%;margin-bottom: 0;}
  .settings div.cajprange div.cpagerange, .settings div.cajprange div.cpageall {padding-left: 5%;width: 100%;display: block;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin-bottom: 5px;}
  .settings div.cajprange div.cpagerange {margin-bottom: 20px;}
  .settings div.cajprange div.cpagerange p.pcajinput {display: inline-block;width: auto;}
  .settings div.cajprange div.cpagerange p.pcajinput input {display: inline-block;}
  .settings div.cajprange div.cpagerange p.pcajptxt {width: 80%;margin-bottom: 10px;}
  .settings a.settings-options.per-page {width: 100%!important;}
  .settings p span.spbtn {text-align: center;}
  .settings div#divpdfaddtext select {width: 50%;}
  .settings div#divpdfaddtext p input.tbswidth {width: 50%;display: inline-block;padding: 0 10px;}
  .settings p span.spinfo {height: auto;text-align: left;font-size: 12px;}
  .settings #divpdfdeltext p {display: inline-block;}
  .settings #divpdfdeltext p input {display: inline-block;}
  .settings div.pdflink {padding: 10px 0;margin: 0;}
  #pdfaddpagenum.settings div select {width: 30%;display: inline-block;margin-right: 5%;}
  #pdfaddpagenum.settings div input {width: 30%;display: none;height: 26px;padding: 0 10px;}
  #pdfaddpagenum.settings div input#inputagerange {width: 100%;}
  .settingsm .settingsop div.dcontent {width: 100%;}
  .settingsm .settingsop div.dcontent a {width: 50%;padding-left: 5%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
  .settingsm .settingsop p.pname {width: 100%;}
  #tiptip_holder {display: none!important;}
  .statusBar .btns .uploadBtn {text-align: center!important;}
  .btns_statusBarreupload {display: block!important;float: none!important;width: 100%!important;margin-left: 0!important;margin-bottom: 10px;}
  .filelist>li {margin: 0 5px!important;padding:10px 0;background: none;}
  .filelist {padding: 20px 10px!important;}
  .addbtnbig.webuploader-container>div {width: 96px;height: 119px;}
  .statusBar .btns .uploadBtn, .statusBar .btns .webuploader-pick, .statusBar .btns .uploadBtn, .statusBar .btns .downloadBtn, .statusBar .btns .downqcodeBtn, .statusBar .btns .uploadBtn.state-uploading, .statusBar .btns .uploadBtn.state-paused {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
  .pagenametag{margin-left: 10px;}
}
#myfilegoto #storage_memrank{display:inline;border:none;padding:0px;}

body.m #tbsm{display: none!important;}
#tbsm{background: #f9f9f9;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;box-shadow: 4px 4px 10px rgb(0 0 0 / 10%);margin-bottom: 20px;padding: 0 30px 15px;vertical-align: top;position: relative;}
#tbsm dt{width:100%;text-align:left;padding: 20px 0;font-size: 18px;line-height: 20px;color:#47b751;font-weight: bold;}
#tbsm dd{font-size: 16px;margin-bottom:10px;vertical-align: top;line-height: 30px;}
#tbsm > p{font-size: 16px;padding:10px 0;}
.popfeed{padding:0 2px;text-decoration: underline;cursor: pointer;color:#47b751;font-weight: bold;}.popfeed.h{color:#399241;}
.fAlert_bg{z-index:+100;background:#000;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; position: fixed;left:0;top:0;width:100%;height: 100%;cursor: wait;}
.fAlert{width:570px;position: fixed;left:50%;margin-left:-300px;height:395px; padding-bottom:10px;top:50%;margin-top:-265px;z-index: +101;background: #fff;border-radius: 10px;overflow:hidden;}
.fAlert_t{background: #47b751;font:18px/45px microsoft yahei;color:#fff;padding:0 15px}.fAlert_t span{float: right;font-size: 20px;cursor: pointer}
#feedback{padding:15px 15px 0 15px;}
#feedback p{vertical-align:top;margin-bottom:20px;}
#feedback p i{font-size:12px;color:#999;padding-left:7px;}
#feedback label{color:#333;float:left;font-size:16px;width:90px;height:42px;position:relative;top:8px;}
#feedback input{width:200px;height:42px;border:1px solid #e6e6e6;border-radius:3px;padding-left:15px;line-height:42px;top: -16px;}
#feedback .grey{color:#999;}
#feedback .foc{color:#333;border-color:#47b751;box-shadow:0 0 3px #47b751;}
#pContent{width:446px;height:126px;border:1px solid #e6e6e6;padding:10px 15px;resize:none;}
#feedback #submitBtn{display:block;margin-left:auto;margin-right:auto;width:215px;height:42px;border-radius:3px;border:none;background-color:#47b751;font-size:16px;color:#fff;padding:0;cursor:pointer;}
#feedback #submitBtn.hover{background-color:#399241;}
#lxfs{position:relative;display:inline-block;width:70px;height:40px;line-height:40px;border:1px solid #e6e6e6;}
#lxfs s{text-decoration: none;position:absolute;display:block;width:56px;height:40px;line-height:40px;background:url(/feedback/arrow.png) no-repeat scroll right center transparent;padding-right:14px;text-indent:8px;font-style: normal;}
#lxfs select{position:absolute;top:0;left:0;width:70px;height:40px;opacity:0;filter:alpha(opacity=0);}
#lxfs option{text-indent:8px;}
#contact{position:relative;top:-17px;*top:-6px;left:-2px;text-indent:10px;}
select::-ms-expand{display: none;}
@media screen and (min-width:280px) and (max-width:609px){
  #fun-nav{display: none;}
  .pdf-ctrl{width:100%;}
  .pdf-ctrl > *{margin-left:10px;margin-right:10px;}
  #uploader p{font-size: 14px;}
  .hero-func p{padding-bottom:20px;}
}

@media screen and (min-width:610px) and (max-width:768px){
  #fun-nav{display: none;}
  .pdf-ctrl{width:100%;}
  .pdf-ctrl > *{margin-left:10px;margin-right:10px;}
  #uploader p{font-size: 14px;}
  .hero-func p{padding-bottom:30px;}
}

@media screen and (min-width:769px) and (max-width:1024px){
  #fun-nav{display: none;}
  .pdf-ctrl{width:700px;}
}

@media screen and (min-width:1025px) and (max-width:1440px){
  .pdf-ctrl{width:780px;}
}