@charset "utf-8";
.hn-tip{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-mask{width: 100%;height: 100%;position: fixed;left: 0;top: 0;visibility: hidden;opacity: 0;z-index: 987654321;background-color: rgba(0,0,0,0.1);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip .hn-mask{background-color: transparent;}
.hn-msg{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;font-size: 14px;color: #fff;background-color: rgba(0,0,0,0.6);border-radius: 2px;padding: 12px 25px;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip.show .hn-mask{visibility: visible;opacity: 1;}
.hn-tip.show .hn-msg{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-load{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-load-cont{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-load-icon{width: 32px;height: 32px;margin: 0 auto;background-image: url(../images/load.gif);background-repeat: no-repeat;background-position: 100% 100%;}
.hn-load-title{font-size: 14px;color: #333;text-align: center;margin-top: 10px;}
.hn-load.show .hn-mask{visibility: visible;opacity: 1;}
.hn-load.show .hn-load-cont{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-confirm{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-confirm-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-confirm-title{padding: 0 80px 0 20px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-confirm-cont{width: 100%;position: relative;padding: 20px;line-height: 24px;word-break: break-all;overflow: hidden;font-size: 14px;}
.hn-confirm-btns{text-align: right;padding: 0 15px 12px;user-select: none;font-size: 0;}
.hn-confirm-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-confirm-close:hover{opacity: 0.7;}
.hn-confirm-btns .c-btn{margin-left: 10px;}
.hn-confirm-btns .c-btn:first-child{margin-left: 0;}
.hn-confirm.show .hn-mask{visibility: visible;opacity: 1;}
.hn-confirm.show .hn-confirm-dialog{transform: scale(1);opacity: 1;visibility: visible;}
.hn-html{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-html-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-html-title{padding: 0 80px 0 10px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-html-cont{width: 100%;position: relative;padding: 10px;line-height: 24px;word-break: break-all;overflow: auto;font-size: 14px;}
.hn-html-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-html-close:hover{opacity: 0.7;}
.hn-html.show .hn-mask{visibility: visible;opacity: 1;}
.hn-html.show .hn-html-dialog{transform: scale(1);opacity: 1;visibility: visible;}

.lg-main{width: 100%;height: 100%;overflow: hidden;position: fixed;left: 0;top: 0;}
.lg-bg{width: 100%;height: 58vh;background-image: url(../images/bg.jpg);background-size: cover;background-position: center center;}
.lg-inner{width: 1100px;height: 555px;background-color: #fff;box-shadow: 0px 1px 18px #ccc;position: absolute;top: 50%;left: 50%;margin-top: -277px;margin-left: -550px;}
.lg-left{float: left;width: 611px;padding-top: 66px;position: relative;margin-left: 174px;}
.lg-icon{width: 48px;height: 48px;background-image: url(../images/logo.jpg);position: absolute;left: -70px;top: 66px;background-repeat: no-repeat;}
.lg-en{font-size: 30px;color: #2b2b2b;line-height: 1.3;}
.lg-zh{font-size: 15px;color: #2b2b2b;margin-bottom: 30px;}
.lg-row{width: 100%;margin-bottom: 15px;}
.lg-item{width: 367px;border: 1px solid #dbdbdb;font-size: 0;position: relative;}
.lg-dt{display: inline-block;vertical-align: top;width: 70px;height: 50px;border-right: 1px solid #dbdbdb;font-size: 14px;color: #2b2b2b;padding: 15px 0 0 16px;}
.lg-dd{width: 253px;height: 50px;padding-left: 25px;font-size: 14px;color: #2b2b2b;border: none;padding-left: 25px;}
.lg-code{width: 245px;}
.lg-right{float: right;width: 315px;}
.lg-contact{width: 230px;margin: 0 auto;line-height: 60px;font-size: 18px;color: #fff;font-weight: bold;display: block;text-align: center;background-color: #3c8fff;}
.lg-bot{text-align: right;padding-top: 13px;position: relative;width: 230px;margin: 40px auto 0 auto;}
.lg-bot:before{content: "";display: inline-block;width: 90px;height: 1px;background-color: #eee;position: absolute;right: 0;top: 0;}
.lg-help{display: inline-block;font-size: 12px;color: #999;}
.lg-right-bot{width: 100%;height: 208px;border-left: 1px solid #e6e6e6;padding-top: 60px;}
.lg-verify{width: 120px;height: 50px;vertical-align: top;cursor: pointer;}
.lg-tip{font-size: 14px;color: red;width: 245px;padding-top: 15px;padding-left: 10px;position: absolute;left: 365px;top: 0;display: inline-block;}
.lg-last{font-size: 0;}
.lg-submit{width: 132px;height: 42px;line-height: 42px;padding-left: 25px;font-size: 14px;color: #fff;cursor: pointer;text-align: left;display: inline-block;vertical-align: middle;background-color: #3c8fff;background-image: url(../images/btn.png);background-position: 100px center;background-repeat: no-repeat;transition: all .6s;border: none;}
.lg-error{display: inline-block;vertical-align: middle;font-size: 14px;color: red;width: 475px;padding-left: 10px;}
@media(max-width: 1100px){
	.lg-inner{transform: scale(0.85);}
	.lg-bg{height: 100%;}
}

.up-div{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.up-mask{width: 100%;height: 100%;position: fixed;left: 0;top: 0;visibility: hidden;opacity: 0;z-index: 987654321;background-color: rgba(0,0,0,0.1);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.up-dialog{width: auto;width: 800px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.up-title{padding: 0 80px 0 20px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;background-color: #f6f6f6;}
.up-cont{width: 100%;height: 401px;position: relative;padding: 5px;line-height: 24px;word-break: break-all;overflow: hidden;font-size: 14px;background-color: #fff;}
.up-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.up-close:hover{opacity: 0.7;}
.up-btns{text-align: right;padding: 10px 15px;user-select: none;font-size: 0;background-color: #f6f6f6;border-top: 1px solid #f0f0f0;}
.up-btns .c-btn{margin-left: 10px;}
.up-btns .c-btn:first-child{margin-left: 0;}
.up-div.show .up-mask{visibility: visible;opacity: 1;}
.up-div.show .up-dialog{transform: scale(1);opacity: 1;visibility: visible;}
.up-iframe{width: 100%;height: 401px;}
.up-cont{width: 100%;height: 401px;overflow: auto;}
.up-cont .a-pane{padding: 20px 0;}
.up-cont .c-form{padding: 0 20px;margin-bottom: 20px;}
.up-cont .a-dt{font-weight: normal;padding-right: 0;}
.up-cont .page-list{padding: 20px 0 0;border-top: 1px solid #f0f0f0;width: 100%;text-align: right;float: none;}
.up-wrap{width: 100%;border: 1px solid #dee2e6;display: none;}
.up-wrap.show{display: block;}
.up-list{width: 100%;font-size: 0;padding: 15px;}
.up-item{display: inline-block;vertical-align: top;width: 110px;position: relative;margin-right: 10px;margin-bottom: 10px;}
.up-tit{font-size: 12px;color: #555;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;z-index: 4;text-align: center;display: none;padding: 5px 0;line-height: 18px;}
.up-pic{width: 100%;height: 110px;background-image: url(../images/up-bg.png);background-position: center center;position: relative;overflow: hidden;}
.up-pic img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;z-index: 2;}
.up-progress{display: none;width: 100%;position: absolute;left: 0;top: 50%;margin-top: -4px;z-index: 4;background-color: #e9ecef;}
.up-bar{width: 0;height: 8px;background-size: 8px 8px;background-color: #0d6efd;transition: width .6s;background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);}
.up-success{display: none;width: 40px;height: 40px;position: absolute;right: 0;bottom: 0;background-image: url(../images/up-finish.png);background-repeat: no-repeat;z-index: 3;}
.up-item.ing .up-progress{display: block;}
.up-item.ok .up-success{display: block;}
.up-item.ok .up-progress{display: none;}
.up-item.preview-error .up-tit{display: block;}
.up-item.preview-error .up-pic:after{content: "不能预览";font-size: 12px;color: #555;width: 100%;display: inline-block;text-align: center;position: absolute;left: 0;top: 50%;z-index: 1;line-height: 18px;margin-top: -9px;}
.up-more{display: none;}
.up-more.show{display: inline-block;}
.up-res{width: 100%;border-top: 1px solid #dee2e6;overflow: hidden;padding: 15px 20px;}
.up-res.show{display: block;}
.up-res-left{float: left;font-size: 0;}
.up-res-right{float: right;}
.up-res-text{display: inline-block;vertical-align: middle;}
.up-res-row{font-size: 14px;color: #666;line-height: 20px;}
.up-res-tip{font-size: 14px;color: #666;line-height: 20px;}
.up-res-progress{width: 150px;background-color: #e9ecef;display: inline-block;vertical-align: middle;margin-right: 15px;position: relative;}
.up-res-bar{width: 0;height: 16px;background-color: #0d6efd;transition: width .6s;position: relative;line-height: 16px;text-align: center;font-size: 12px;color: #fff;}
.up-res.finish .up-res-row{line-height: 34px;}
.up-res.finish .up-res-tip{display: none;}
.up-res.finish .up-more.show{display: inline-block;}
.up-res.finish .up-res-progress{display: none;}

.result-area{width: 100%;}
.file-list{width: 100%;font-size: 0;padding-bottom: 10px;}
.file-item{display: inline-block;vertical-align: top;width: 140px;position: relative;padding: 20px 0 10px;transition: all .3s;margin-right: 5px;margin-bottom: 5px;}
.file-item:hover,
.file-item-open{background-color: #e7f2fe;}
.file-tit{font-size: 12px;color: #555;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;}
.file-preview{width: 100px;height: 100px;background-image: url(../images/up-bg.png);display: block;margin: 0 auto;overflow: hidden;position: relative;}
.file-preview img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 100%;max-height: 100%;}
.file-op{width: 100%;font-size: 0;position: absolute;left: 0;bottom: 0;visibility: hidden;opacity: 0;transition: all .3s;z-index: 10;}
.file-download,
.file-del{width: 50%;display: inline-block;vertical-align: top;line-height: 26px;text-align: center;font-size: 12px;color: #fff;cursor: pointer;}
.file-item:hover .file-op{visibility: visible;opacity: 1;}
.file-checkbox{width: 20px;height: 20px;position: absolute;left: 0;top: 0;border: 1px solid #0d6efd;visibility: hidden;opacity: 0;transition: opacity .3s;cursor: pointer;}
.file-item:hover .file-checkbox{visibility: visible;opacity: 1;}
.file-open,
.file-item-open .file-checkbox{background-color: #0d6efd;visibility: visible;opacity: 1;}
.file-open:after,
.file-item-open .file-checkbox:after{content:'';position:absolute;left:2px;top:3px;width:14px;height:8px;border:3px solid #fff;border-top:none;border-right:none;transform:rotate(-45deg);box-sizing: border-box;}

.ups-box{display: none;width: 760px;height: 234px;margin: 0 auto;padding-top: 98px;border: 3px dashed #e6e6e6;background-image: url(../images/up.png);background-position: center 33px;background-repeat: no-repeat;transition: all .3s;}
.ups-box.show{display: block;}
.ups-box.active{border-color: #999;}
.ups-tip{font-size: 18px;color: #ccc;text-align: center;}
.ups-row{width: 100%;position: relative;text-align: center;padding: 30px 0;}
.ups-file{position: absolute;left: -200vw;top: 0;width: 1px;height: 1px;}
.ups-btn{width: 168px;vertical-align: top;font-size: 18px;line-height: 1.6;}

.c-main{width: 100%;padding: 20px;}
.c-tit{font-size: 14px;color: #666;margin-bottom: 30px;line-height: 1;}
.c-form{width: 100%;/*padding: 19px;*/border-radius: 4px;margin-bottom: 30px;/*margin-bottom: 20px;border: 1px solid #e3e3e3;;background-color: #f2f2f2;*/}
.c-input{height: 34px;padding: 0 12px;font-size: 12px;color: #555;line-height: 1.43;border: 1px solid #dee2e6;border-radius: 4px;vertical-align: top;}
.c-input:focus{border-color: #86b7fe;}
.c-select{height: 34px;padding: 0 10px;font-size: 12px;color: #555;line-height: 1.43;border: 1px solid #dee2e6;border-radius: 4px;vertical-align: top;}
.c-hidden{position: relative;}
.c-btn{display: inline-block;vertical-align: top;font-size: 14px;color: #fff;line-height: 1.43;text-align: center;cursor: pointer;user-select: none;border: 1px solid transparent;border-radius: 4px;padding: 6px 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.c-btn:hover{color: #fff;}
.c-blue{background-color: #0d6efd;border: 1px solid #0d6efd;}
.c-water{background-color: #0dcaf0;border: 1px solid #0dcaf0;color: #000;}
.c-green{background-color: #198754;border: 1px solid #198754;}
.c-white{background-color: #fff;border: 1px solid #dee2e6;color: #666;transition: all .3s;}
.c-white:hover,
.c-white:focus,
.c-white:active{color: #333;background-color:#e6e6e6;border-color:#adadad;}
.c-btn.has-arrow:after{content: "";display: inline-block;vertical-align: middle;border-bottom: 5px solid #333;border-left: 4px solid transparent;border-right: 4px solid transparent;margin-left: 4px;}
.c-btn.has-arrow.down:after{transform: rotate(180deg);}
.c-red{background-color: #dc3545;border: 1px solid #dc3545;transition: all .3s;}
.c-red:hover{background-color: #bb2d3b;border-color: #bb2d3b;}
.c-blue.has-arrow:after,
.c-red.has-arrow:after{border-bottom-color: #fff;}
.c-yellow{background-color: #ffc107;border: 1px solid #ffc107;color: #fff;transition: all .3s;}
.c-yellow:hover{background-color: #ffca2c;border-color: #ffca2c;color: #fff;}
.c-water:hover{background-color: #31d2f2;border-color: #31d2f2;color: #000;}
.c-gray{background-color: #fff;border: 1px solid #dee2e6;color: #666;transition: all .3s;opacity: .6;pointer-events: none;}
.c-green:hover{background-color: #157347;border-color: #157347;}
.c-blue:hover{background-color: #0b5ed7;border-color: #0b5ed7;}