/*优惠券样式*/
.coupon-orders {
    position: relative !important;
}

.hidden {
    display: none;
}

.coupons {
    width: 650px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    margin-left: 30px !important;
    float: left;
    padding-top: 11px;
    margin-top: -11px;
}

.coupons li {
    float: left;
    height: 40px;
    margin-right: 12px;
    margin-bottom: 14px;
    border: 1px solid rgba(255, 223, 226, 1);
    padding: 0 6px 0 10px;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;

}

.newer {
    padding: 0 3px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    background: rgba(255, 223, 226, 1);
    border-radius: 3px 3px 0px 3px;
    position: absolute;
    right: -1px;
    top: -11px;
    font-size: 10px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(251, 58, 77, 1);
    /*-webkit-transform: scale(0.7,0.7);*/
}

.coupons span::after {
    content: ' ';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    margin-top: 1px;
}



.coupons li:hover {
    background: rgba(255, 244, 244, 1);
}

.coupon-price {
    font-size: 14px;
    font-family: Avenir-Heavy, Avenir;
    font-weight: 800;
    color: rgba(251, 58, 77, 1);
}

.failure .coupon-price {
    color: rgba(76, 76, 76, 1)
}

.coupons .failure {
    border-color: rgba(239, 239, 239, 1);
    /*cursor:not-allowed;*/
    pointer-events: none;
}

.coupons .failure:hover {
    background: none;
}

.coupon-required {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(70, 70, 70, 1);
    margin: 0 8px;
}

.coupon-receive {
    font-size: 12px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: rgba(251, 58, 77, 1);
    width: 40px;
    display: inline-block;
    text-align: center;
}

.failure .coupon-receive {
    color: rgba(163, 168, 173, 1)
}

.check-coupon {
    position: absolute;
    right: 0;
    display: block;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    height: 40px;
    line-height: 40px;
    width: 100px;
}

.check-coupon:hover {
    background-color: white;
    color: rgba(153, 153, 153, 1);
}

.trangle {
    float: left;
    display: block;
    /*background: url(./images/arrow-down.png) 95% 51% no-repeat;*/
    width: 40px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    /*background-size: 30%;*/
    color: #999999;
}

.thesis-polish {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: rgba(76, 76, 76, 1);
    margin-left: 20px;
    display: none;
}

.polish-discount {
    color: #FD4B5C;
}

.doc-purpose a:hover {
    color: rgba(76, 76, 76, 1);
    background: none;

}

.arrow-top {
    background: url(./images/arrow-top.png) 95% 51% no-repeat;
    background-size: 30%;
}

.arrow-down {
    background: url(./images/arrow-down.png) 95% 51% no-repeat;
    background-size: 30%;
}

.arrow-down:hover {
    color: #666666;
    background: url(./images/arrow-down-hover.png) 95% 51% no-repeat;
    background-size: 30%;
}

.arrow-right {
    background: url(./images/arrow-right.png) 95% 50% no-repeat;
    background-size: 6%;
    color: #999999;
}

.arrow-right:hover {
    color: #666666;
    background: url(./images/arrow-right-hover.png) 95% 50% no-repeat;
    background-size: 6%;
}

.quick-info .coupon-orders label {
    float: left;
}

.file-trans {
    position: relative;
}

.trans {
    padding: 0 0 34px 0;
}

/* tab */

.trans .tab {
    margin: 0 auto 24px;
    width: 960px;
}

.trans .tab .doc-trans,
.trans .tab .fast-trans {
    font-size: 14px;
    line-height: 20px;
    padding-left: 26px;
}

.trans .tab .doc-trans strong {
    color: #333333;
    font-weight: bold;
}

.trans .tab .fast-trans i {
    color: #B8B9BA;
}

.trans .tab .fast-trans a {
    color: #2A7FE0;
}

.trans .tab .fast-trans a:hover {
    background-color: #F2F4F7;
}

.trans .tab .message-tip {
    background: url('images/filetrans.png') 0 0 no-repeat;
    color: #0369DC;
    float: right;
    font-size: 14px;
    line-height: 20px;
    margin-right: 32px;
    padding-left: 22px;
    zoom: 1;
}

.trans .tab .message-tip:hover {
    text-decoration: underline;
}

.trans .tab .message-tip .tip-window {
    display: none;
    position: absolute;
    top: 133px;
    background-color: #2b5e9a;
    width: 149px;
    height: 171px;
    z-index: 999;
}

.trans .tab .current:hover {
    background-color: #fff;
    color: #333333;
}

.trans .tab .message-tip a {
    color: #AB1F1F;
}

/* 快速翻译 */

.trans .content {
    padding: 27px 0 34px 0;
    position: relative;
    background-color: #fff;
    margin: 0 auto;
    width: 960px;
    zoom: 1;
}

.trans .not-working-time {
    width: 960px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    text-align: center;
    opacity: 0.8;
    filter: Alpha(opacity=80);
}

.trans .out-of-work .not-working-time,
.trans .out-of-work .not-working-time-text {
    display: block;
}

.trans .out-of-work #language {
    visibility: hidden;
}

.trans .not-working-time-text {
    position: absolute;
    display: none;
    left: 270px;
    /* qt.width() / 2 - 210 */
    color: #000;
    line-height: 25px;
    font-size: 14px;
    width: 420px;
    letter-spacing: 1px;
    text-align: left;
}

.trans .content i.trans-error-message {
    line-height: 20px;
}

.trans .content i.trans-lang-message {
    line-height: 20px;
    color: #666666;
    padding-right: 20px;
}

.trans .content i.demand-error-message {
    vertical-align: 10px;
    *vertical-align: 4px;
    margin-left: 8px;
}

.trans .content i.tips-tel {
    position: absolute;
    color: #666666;
}

.trans .content i.tips-tel {
    position: absolute;
    color: #666666;
}

.trans .content .user-phone .form-item-layout span.error-tel {
    font-size: 12px;
    font-weight: normal;
    color: #ab1f1f;
}

.trans .content #language {
    height: 21px;
    font-size: 14px;
}

.trans .content .additional {
    color: #666;
}

.trans .content .input-text {
    height: 101px;
    width: 756px;
    font-size: 14px;
}

.trans .content .form-item-layout .lang-text {
    font-weight: normal;
    font-size: 12px;
}

.trans .content .form-item-layout .whole-price {
    display: inline;
    font-weight: normal;
    margin-left: 18px;
    line-height: 40px;
}

.trans .content .form-item-layout .price {
    display: inline;
    font-weight: normal;
}

.trans .content .form-item-layout .timeCost {
    display: inline;
    font-weight: normal;
    margin-right: 18px;
}

.trans .content .form-item-layout .night-time {
    display: inline;
    font-weight: normal;
    color: red;
    font-size: 12px;
}

.trans .quick-trans .demand-note {
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
}

.trans .quick-trans .demand-note label {
    padding-top: 0;
}

#doc1 .trans .quick-trans label {
    margin-left: 38px;
}

#doc1 .trans .quick-trans .read-agreement label {
    margin-left: 0;
}

#doc1 .trans .quick-trans .read-agreement input {
    position: relative;
    top: 1px;
    vertical-align: top;
    margin-right: 5px;
}

#doc1 .trans .quick-trans .user-phone label {
    width: 60px;
}

.trans .quick-trans .demand-note textarea {
    height: 26px;
    line-height: 26px;
    width: 415px;
    overflow: auto;
    font-size: 12px;
    vertical-align: top;
}

.trans .content .trans-info {
    position: relative;
    zoom: 1;
    margin-top: 12px;
    text-align: right;
    padding-right: 100px;
}

.trans .content .trans-info .clear-content {
    position: absolute;
    left: 0;
}

.trans .content .user-info {
    margin-left: 24px;
}

.trans .content #userBill {
    display: none;
}

.trans .content .billInfo {
    position: relative;
    margin-right: 10px;
}

.trans .content .printBill,
.trans .content .printBillI {
    position: relative;
    top: 3px;
    border: 0;
}

.trans .content .bill-text {
    float: right;
    margin-right: 10px;
    line-height: 30px;
}

.trans .content #goToTrans {
    font-size: 14px;
    margin-bottom: 12px;
}

.trans .doctype {
    float: left;
}

#proField {
    width: 500px;
}

#doctype input,
#proField input {
    border: none;
    box-shadow: none;
}

#doctype li,
#proField li {
    float: left;
    height: 14px;
    margin: 12px 30px 0 0;
}

#proField li {
    margin-right: 0;
    width: 94px;
}

#doctype label,
#proField label {
    float: none;
    font-weight: normal;
    margin-left: 0;
    position: relative;
    top: -2px;
}

#proField .more-type {
    width: 200px;
}

.file-info-detail #moreFieldText {
    border: solid 1px #d4d4d4;
    width: 120px;
}

/* 历史记录 */

#trans-history {
    margin: 10px auto 0;
    line-height: 16px;
    width: 960px;
}

#trans-history .history-title {
    height: 30px;
    line-height: 30px;
    border-bottom: 2px solid #e7e7e7;
    font-size: 14px;
}

#trans-history .history-title .see-more {
    color: #2b5e9a;
    margin-top: 5px;
    float: right;
    line-height: 20px;
}

#trans-history .history-title .see-more:hover {
    color: #fff;
}

#trans-history .translating .trans-result,
#trans-history .havent-pay .trans-result {
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}

#trans-history .havent-pay .trans-result a {
    display: inline-block;
    margin: 8px 15px;
    font-weight: bold;
}

#trans-history .havent-pay .trans-result i {
    font-size: 14px;
}

#trans-history .fix-vertical-middle {
    vertical-align: middle;
    position: relative;
    top: -4px;
}

#trans-history .history-item .content-separate {
    display: inline-block;
    text-align: center;
    width: 30px;
    font-family: "宋体";
}

#trans-history .history-item .time-and-see .see-all {
    margin-left: 10px;
}

/* 文档翻译 */

.trans .doc-trans {
    position: static;
}

.trans .doc-trans .error-fix {
    position: relative;
}

.trans .doc-trans .error-fix i {
    position: absolute;
    top: 8px;
}

.trans .doctype-wrap {
    margin-left: 38px;
}

.suggest {
    background: url("images/filetrans.png") 0 -22px no-repeat;
    color: #C4C4C4;
    line-height: 16px;
    margin: 0 0 40px 54px;
    padding-left: 16px;
}

.file-info-detail #moreText {
    border: solid 1px #d5d5e0;
    width: 118px;
}

#moreText:focus {
    border: 1px solid #B3B3B3;
}

.trans .doc-trans .error-fix .language {
    left: 103px;
}

.trans .doc-trans .error-fix .file {
    left: 247px;
}

.trans .doc-trans .user-info {
    float: right;
    margin-top: 5px;
    width: 440px;
}

.trans .doc-trans .info-list label {
    line-height: 20px;
    height: 20px;
}

.trans .doc-trans .info-list .form-item-layout {
    line-height: 20px;
    height: 20px;
}

.trans .doc-trans #otherRequirement {
    height: 126px;
    vertical-align: text-top;
    width: 338px;
}

.trans #intro-left {
    width: 417px;
}

.trans #intro-right {
    width: 400px;
}

.trans .user-phone #userPhoneI {
    width: 200px;
}

.trans .go-check {
    padding: 0 20px 10px 20px;
    text-align: right;
}

/* tips样式 */
.msg-tips {
    position: absolute;
    width: 230px;
    line-height: 18px;
    padding: 5px 12px;
    background: #fcfcf1;
    border: 1px solid #e9c442;
    text-align: left;
    font-size: 12px;
    color: #ca7309;
    font-weight: normal;
}

#trans-history .trans-result .msg-tips a.iKnow {
    position: absolute;
    color: #707070;
    font-size: 12px;
    font-weight: normal;
    top: 5px;
    right: 10px;
    line-height: 16px;
    margin: 0;
}

#trans-history .trans-result .msg-tips a.iKnow:hover {
    background-color: #fff;
    color: #707070;
    text-decoration: underline;
}

/*限时优惠 快速翻译提醒*/
#temp-events {
    float: right;
    padding: 0;
    color: #fff;
    margin-top: 10px;
}

#temp-events:hover {
    background-color: transparent;
}

#christmas {
    display: inline;
    margin-left: 20px;
}

#christmas span {
    font-size: 16px;
}

.invalid-price {
    text-decoration: line-through;
}

.file-nav {
    background: url('images/file-nav.png') 0 0 no-repeat;
    background-color: white;
    background-position: 27px 24px;
    padding: 0;
    margin: 0 auto;
    width: 960px;
    height: 60px;
}

.ie6mask {
    border: none;
    display: none;
    filter: alpha(opacity=0)\0;
    height: 23px;
    left: 70px;
    position: absolute;
    top: 0;
    width: 150px;
}

.file-info-detail {
    color: #999591;
    margin: 0 0 36px 0;
    position: relative;
}

.file-info-detail .bull {
    font-size: 16px;
    padding: 0 3px;
}

.file-info-detail ul {
    margin-left: 16px;
}

.file-info-detail label {
    color: #666;
    float: none;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.file-info-detail .dest-language {
    margin: 0 10px;
}

.file-info-detail label i {
    background: url("images/filetrans.png") 0 -22px no-repeat;
    color: #666;
    display: inline-block;
    font-weight: bold;
    line-height: 16px;
    margin-left: 5px;
    padding-left: 20px;
}

.control-btn-blue {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 38px;
    background-image: url(rengong.jpg);
    color: #fff;
    display: block;
    height: 44px;
    width: 185px;
    padding: 0;
    margin: 20px 6px 18px 30px;
    *margin-left: 20px;
    float: left;
}

.control-btn-green {
    font-size: 14px;
    font-weight: bold;
    font-weight: bold;
    text-align: center;
    line-height: 38px;
    background-image: url(auto.jpg);
    color: #fff;
    display: block;
    height: 43px;
    width: 179px;
    padding: 0;
    margin: 20px 20px 20px 30px;
    float: left;
}


.message-box-baojia .content li {
    padding-left: 40px;
}

.message-box-baojia .content strong {
    font-size: 14px;
}

.confirmSubmit {
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99999;
}

.user-info {
    background-color: #FFF;
    height: 312px;
    margin: 0 auto;
    width: 550px;
}

.forIEShadow {
    background: #000;
    filter: alpha(opacity=50)\0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

.close {
    background: url("images/filetrans.png") 0 -42px no-repeat;
    float: right;
    height: 12px;
    margin: 10px;
    width: 16px;
}

.close:hover {
    background-color: #FFF;
}

.user-content {
    margin: 0 20px;
}

.user-content i {
    color: #A9A9A9;
}

.user-content strong {
    color: #F34C4C;
}

.user-info .user-content label {
    width: 95px;
}

.user-info .user-content .form-item-layout {
    font-weight: normal;
}

.confirmWrap {
    background-color: #EBEEF0;
    margin-top: 35px;
    padding: 12px;
}

#goToTrans {
    height: 38px;
    line-height: 38px;
    margin: 0 auto;
}

.data-error {
    border-color: #F34C4C;
}

.user-content .error-message {
    color: #F34C4C;
}

.modifyInfo {
    color: #0369DC;
    font-weight: normal;
}

.modifyInfo:hover {
    background-color: #FFF;
    color: #0369DC;
    text-decoration: underline;
}

#trans-history-list .history-item .history-layout {
    padding: 0 20px 10px 20px;
}

#trans-history-list .history-item .time-and-see {
    color: #434343;
    font-weight: bold;
    margin: 10px 0 5px 20px;
}

#uploadNotice {
    display: none;
    padding: 10px;
    line-height: 12px;
    color: #666;
    vertical-align: text-bottom;
    margin-left: 10px;
    margin-right: 20px;
}

#form .file-loading {
    padding-left: 22px;
    background: url("file-loading.gif") 0 50% no-repeat;
}

.file-load-error {
    color: #ab1f1f;
}

#speedField li {
    display: block;
    margin-top: 10px;
}

.normal-fast-tip {
    color: #fc3a4e;
}

.return-time {
    display: none;
}

.fastTime,
.normalTime {
    margin-left: 5px;
}

#lookupReturnTime {
    color: #2b5e9a;
    margin-left: 5px;
    text-decoration: underline;
}

#lookupReturnTime:hover {
    background: none;
}

.lookup-time-box .title {
    color: #2b5e9a;
    font-weight: bolder;
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
}

.lookup-cell {
    margin-bottom: 10px;
}

.fileView .lookup-cell .word-num {
    margin-left: 10px;
    height: 20px;
    font-size: 12px;
    width: 185px;
}

.lookup-cell .srcLanguage {
    margin-left: 10px;
}

.lookup-cell .dest-language {
    float: none;
    margin: 0 10px;
}

.lookup-cell .lookup-btn {
    background: #2b5e9a;
    color: white;
    display: block;
    width: 80px;
    height: 30px;
    text-align: center;
    margin: 0 auto;
    margin: 20px auto 10px auto;
    font-size: 14px;
    line-height: 30px;
}

.trans-methods {
    /*margin-left:60px;*/
    display: none;
    font-size: 14px;
    text-align: center;
}

.lookup-desc {
    line-height: 18px;
}

.lookup-fast,
.lookup-normal {
    margin-left: 6px;
    color: #fc3a4e;
}

.fileView .message-container {
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    overflow: hidden;
}

.fileView .message-container .title {
    height: 50px;
    line-height: 50px;
    background: #d4d4d4;
    font-size: 16px;
    text-align: center;
    font-weight: bolder;
    *width: 430px;
}

.fileView .lookup-desc .title {
    color: #ab1f1f;
    background: none;
    font-size: 14px;
    line-height: 30px;
}

.fileView .limitSubmit-box {
    width: 264px !important;
}

.fileView .limitSubmit-box .content {
    font-size: 14px !important;
}

.fileView .limitSubmit-box .redBtn {
    margin-left: 50px !important;
    margin-bottom: 0 !important;
}

.lookup-time-box {
    padding: 20px 35px 30px 35px;
    width: 360px;
}

#speed li {
    margin-top: 10px;
}

.fileView .lookup-cell input.error {
    border: 1px solid #ab1f1f;
}

#fromLanguage,
#toLanguage {
    width: 80px;
}

/*start 文档翻译下单页面新UI*/
ul.file-info {
    padding: 30px 30px 0px 30px;
    border: 1px solid #e5e5e5;
}

.file-info-detail {
    color: #999591;
    margin: 0 0 30px 0;
    min-height: 40px;
    position: static;
}

.file-info-detail label {
    color: #4c4c4c;
    float: left;
    margin: 0;
    padding: 0;
    line-height: 38px;
    font-size: 14px;
    font-weight: normal;
}

.item-select {
    width: 332px;
    padding: 0 16px;
    height: 38px;
    border: 1px solid #d5d5e0;
    background: white;
    color: #4c4c4c;
    font-size: 14px;
    background: url("images/select-down.png") 95% 50% no-repeat;
    position: relative;
    margin-left: 78px;
    z-index: 1;
    cursor: pointer;
    border-radius: 4px;
}

.item-select .select-text {
    overflow: hidden;
    display: block;
    margin-right: 20px;
    height: 38px;
    line-height: 38px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-select .select li {
    padding: 10px 16px 10px 16px;
}

.more-hint {
    color: #999591;
    font-size: 12px;
    margin-left: 87px;
    padding: 10px 0 0 0;
    line-height: 16px;
}

.more-hint p {
    padding-bottom: 10px;
    line-height: 20px;
}

.more-hint input,
.file-info-detail #moreText,
#moreField,
#taobaoId,
#taobaoName,
#phoneInfo,
#emailInfo {
    display: block;
    width: 393px;
    height: 38px;
    line-height: 38px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 16px;
    box-shadow: none;
}

.more-hint input:focus,
.file-info-detail #moreText:focus {
    border: 1px solid #B3B3B3;
}

/*语言select较短*/
.chooseLang {
    margin-bottom: 26px;
}

.chooseLang .item-select {
    width: 120px;
    float: left;
    margin-left: 11px;
}

.chooseLang .from-lang {
    margin-left: 32px;
}

.chooseLang ul.select {
    width: 152px;
}

.chooseLang .hint {
    margin-left: 20px;
    line-height: 38px;
}

.chooseLang .arrow-swap {
    float: left;
    margin-left: 11px;
    width: 20px;
    height: 38px;
    background: url("images/right-arrow.png") 50% 50% no-repeat;
}


#proField {
    width: 364px;
}

#doctype li,
#proField li {
    float: none;
    width: auto;
    height: auto;
    margin: 0;
}

#proField .more-type {
    width: auto;
}

/*上传按钮*/
.fileupload-con {
    position: relative;
    /*left:20px;*/
    left: 0;
    height: 33px;
    margin-left: 88px;
    font-size: 0;
    letter-spacing: 0;
    padding-top: 4px;
}

.file-info-btn,
.file-info-btn:hover {
    display: inline-block;
    width: 102px;
    height: 30px;
    border: 1px solid #fd4b5c;
    color: #4c4c4c;
    line-height: 30px;
    background: #fd4b5c;
    font-size: 14px;
    text-align: center;
    position: relative;
    left: 0;
    cursor: pointer;
    z-index: 1;
    border-radius: 4px;
    color: white;
    position: relative;
}

.file-info-btn--disabled,
.file-info-btn--disabled:hover {
    background: #cacaca;
    border: 1px solid #cacaca;
    cursor: not-allowed;
}

.file-info-btn--disabled input {
    display: none;
}

.disabled-upload,
.disabled-input {
    position: absolute;
    background: white;
    color: #666666;
    font-size: 12px;
    padding: 12px;
    line-height: 22px;
    text-align: center;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);
    width: 130px;
    left: 5px;
    top: 40px;
    border-radius: 4px;
    display: none;
    z-index: 6;
    text-align: left;
}

.disabled-input {
    top: 40px;
    left: 128px;
}

.disabled-upload span {
    background: #f0f0f0;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0 12px;
    margin: 0 4px;
    border-radius: 10px;
}

.file-or,
.file-or:hover {
    margin-right: 16px;
    display: none;
    font-size: 14px;
    background: none;
    color: #333;
}

.input-file {
    width: 104px;
    height: 32px;
    background: white;
    opacity: 0;
    filter: Alpha(opacity=0);
    position: absolute;
    left: 0;
    top: 0px;
    cursor: pointer;
    z-index: 1;
}

#inputDocText {
    height: 68px;
    border: 1px solid #d5d5e0;
    border-radius: 4px;
    width: 743px;
    padding: 15px;
    padding-top: 13px;
    padding-right: 40px;
}

.input-delete {
    display: none;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 20px;
    right: 32px;
    background: transparent url(images/delete.png) 50% 50% no-repeat;
}

.input-delete:hover {
    background: transparent url(images/delete.png) 50% 50% no-repeat;
}

.input-doctext-con {
    height: auto;
    margin-bottom: 16px;
    display: none;
}

.fileupload-con i {
    position: absolute;
    left: 270px;
    top: 0;
    color: #fb3e50;
    width: 400px;
    text-align: left;
}

#docError {
    left: 156px;
    top: 12px;
}

.clear-doc-input {
    cursor: pointer;
}

.clear-doc-input:hover {
    background: #cacaca;
}

#inputDocCon {
    left: 0;
    margin-left: 16px;
    display: inline-block;
    z-index: 10;
    font-size: 14px;
    color: #000;
}

#inputDoc {
    width: 102px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    background: #fff;
    color: #000;
    border: 1px solid #d5d5e0;
    margin-left: 16px;
}

#inputDoc.disabled {
    cursor: not-allowed;
    color: #adadad;
    border: 1px solid #d5d5e0;

}

.uploaded-con {
    margin-left: 88px;
    /*margin-bottom: 16px;*/
    line-height: 40px;
    display: none;
}

.delete-file {
    color: #2e4ff8;
    cursor: pointer;
}

#inputDoc:hover {
    border: 1px solid #B3B3B3;
}

#inputDoc.disabled:hover {
    border: 1px solid #d5d5e0;
}

.fileupload-con span.fileName {
    top: 4px;
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
    line-height: 16px;
    height: 16px;
    white-space: nowrap;
}

/*返稿速度样式*/
.return-speed-con {
    height: 90px;
}

.return-speed-con a {
    float: left;
    color: #fb3e50;
}

.file-info-detail ul {
    margin-left: 32px;
}

.return-speed-cell {
    float: left;

    width: 278px;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.1s ease-in;
}

.return-speed-cell a:hover {
    background-color: #FFFFFF;
}

.return-speed-cell.selected {
    border: 1px solid #fb4254;
}

.normal-swap {
    float: left;
    overflow: hidden;
}

.normal-swap .return-speed-cell {
    margin-bottom: 10px;
    float: none;
    overflow: hidden;
}

.return-speed-cell:hover {
    box-shadow: 0px 0px 16px 0px rgb(212, 212, 212);
}

.resumePackage .return-speed-cell:hover,
.resumePackage .item-select:hover {
    box-shadow: none;
    cursor: default;
}

.return-speed-cell.selected:hover {
    box-shadow: none;
}

.return-speed-con .return-speed-cell li {
    height: 69px;
    width: 167px;
    float: left;
    padding: 0;
    position: relative;
}

.return-speed-con .return-speed-cell li.th {
    width: 70px;
    padding-left: 40px;
    line-height: 69px;
    border-right: 1px solid #e5e5e5;
    color: #4c4c4c;
    font-size: 18px;
    font-weight: bolder;
    text-align: center;
}

.return-speed-con li.fast {
    background: url("images/fast-common.png") 11px 50% no-repeat;
}

.return-speed-con .selected li.fast {
    background: url("images/fast-active.png") 11px 17px no-repeat;
    color: #fb4254;
}

.return-speed-con li.normal {
    background: url("images/normal-common.png") 11px 50% no-repeat;
}

.return-speed-con .selected li.normal {
    background: url("images/normal-active.png") 11px 17px no-repeat;
    color: #fb4254;
}

.select-state {
    border-radius: 4px;
    position: absolute;
    top: -1px;
    right: -1px;
    width: 50px;
    height: 50px;
    background: url("images/state-normal.png") 50% 50% no-repeat;
    transition: all 0.1s ease-in;
}

.selected .select-state {
    background: url("images/state-active.png") 50% 50% no-repeat;
}

.return-time-title {
    color: #4c4c4c;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin: 14px 0 0 20px;
}

.fastTime,
.normalTime {
    font-size: 14px;
    color: #fb4254;
    margin-left: 20px;
    line-height: 25px;
}

.return-time .returnTimeHint,
.defaultHint {
    text-align: left;
    padding: 15px 0 0 20px;
    line-height: 20px;
    font-size: 12px;
}

.notice-con {
    padding: 0 0 0 20px;
    line-height: 20px;
    margin-left: 15px;
}

.notice-con span {
    margin-right: 5px;
    color: #fb4254;
}

.return-speed-con .notice {
    color: #4c4c4c;
    font-size: 12px;
    margin-left: 5px;
}

#lookupReturnTime {
    color: #fb3e50;
    line-height: 70px;
    font-size: 14px;
    margin-left: 24px;
    text-decoration: none;
}

#lookupReturnTime:hover {
    text-decoration: underline;
}

/*备注样式*/
.comment-swap div {
    overflow: hidden;
}

.termCon .termUploadCon label,
.termCon .termUploadCon {
    font-size: 14px;
}

.trans .doc-trans .comment-swap #otherRequirement {
    height: 80px;
    vertical-align: text-top;
    border: 1px solid #d5d5e0;
    border-radius: 4px;
    width: 767px;
    padding: 15px;
    padding-top: 13px;
    margin-left: 89px;
    font-size: 14px;
}

.otherRequirement-con label {
    line-height: 14px;
}

/*提交样式*/

.submit-con {
    height: 65px;
    padding-bottom: 30px;
    margin-left: 89px;
}

.quick-order-new .submit-con {
    margin-left: 0;
}

#goToConfirmTrans {
    background: #fb4254;
    color: white;
    width: 142px;
    height: 38px;
    border-radius: 4px;
    font-weight: normal;
    float: left;
    margin-right: 50px;
    margin-top: 0;
}

#goToConfirmTrans:hover {
    background: #ff6575;
    /*
    background: #fb4254;
    box-shadow: 0px 0px 16px 0px #fe4f60;*/
}

.read-agreement {
    float: left;
    margin: 7px auto 0 auto;
    height: 18px;
}

.already-read-con {
    position: relative;
    top: 3px;
    z-index: 1;
    float: left;
    background: white;
    border-radius: 2px;
    overflow: hidden;
    width: 16px;
    height: 16px;
    border: 1px solid #d4d4d4;
}

.read-agreement div.checked {
    background: #fc4758 url("images/checked-icon.png") 50% 50% no-repeat;
    border: 1px solid #fc4758;
}

.read-agreement input {
    opacity: 0;
    filter: Alpha(opacity=0);
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.read-agreement label {
    float: left;
    line-height: 22px;
    padding-left: 3px;
    padding-top: 0;
    vertical-align: 2px;
    font-weight: normal;
}

.read-agreement a:hover {
    background-color: #FFFFFF;
    color: #fb4254;
}

/*文档下单查询返稿时间弹窗*/
.fileView .message-container .title.popupTitle {
    height: auto;
    line-height: 18px;
    background: transparent;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    margin: 20px 45px 0 45px;
}

.lookup-time-box.popupContent {
    margin-top: 20px;
    width: 350px;
    padding: 0 45px 20px 45px;
}

.fileView .lookup-desc .title {
    color: #fe4f60;
}

.fileView .lookup-cell .word-num {
    width: 255px;
}

.lookup-cell .dest-language {
    width: 20px;
    height: 38px;
    background: url("images/right-arrow.png") 50% 50% no-repeat;
}

#fromLanguage,
#toLanguage {
    width: 115px;
}

.lookup-desc {
    margin: 10px 0;
    color: #4c4c4c;
    font-size: 12px;
    line-height: 6px;
}

/*文档下单提交翻译弹窗样式*/
.user-info.trans {
    width: 450px;
    height: auto;
    position: fixed;
    top: 50%;
    margin-top: -170px;
    left: 50%;
    margin-left: -225px;
}

.user-content {
    margin: 0 45px;
    font-size: 14px;
    color: #333;
}

.user-info .title {
    padding-bottom: 5px;
    color: #333;
    border-bottom: 1px solid #f2f2f2;
}

.user-info label,
.user-phone label {
    text-align: left;
    width: 70px;
    color: #4d4d4d;
}

.divide-line {
    float: left;
    margin: 0 24px;
    height: 38px;
    width: 1px;
    background: #c8c8c8;
}

.confirmWrap {
    background-color: transparent;
    margin: 20px 45px 0 45px;
    padding: 0;
    overflow: hidden;
    text-align: center;
}

.confirmWrap.other #goToTrans {
    margin-left: 100px;
}

.confirmWrap #goToTrans {
    margin-right: 0;
    width: 140px;
}

.greyBtn {
    float: left;
    display: inline-block;
    width: 140px;
    height: 38px;
    background-color: #fafafc;
    border: 1px solid #e3e3ee;
    border-radius: 4px;
    color: #000000;
    font-weight: normal;
    line-height: 38px;
    margin: 0 auto;
}

.greyBtn:hover {
    background-color: #fafafc;
    color: #000000;
    text-decoration: none;
}

/*end   文档翻译下单页面新UI*/

/*start 快速翻译下单页面新UI*/
#bd.quick-order-new {
    width: 960px;
    margin: 0 auto;
}

ul.quick-info {
    padding: 30px 30px 0px 30px;
    border: 1px solid #e5e5e5;
}

ul.quick-info a:hover {
    /*background-color: transparent;*/
}

.quick-info li.item {
    color: #999591;
    margin: 0 0 30px 0;
    min-height: 40px;
}

#doc1 .trans .quick-trans label {
    margin-left: 0;
}

.quick-info label {
    color: #4c4c4c;
    margin: 0;
    padding: 0;
    line-height: 38px;
    font-size: 14px;
    font-weight: normal;
    float: none;
}

.quick-info .language label {
    float: left;
}

.quick-info .language .item-select {
    width: 200px;
    float: left;
    margin: 0 20px;
}

.quick-info .language ul.select {
    width: 232px;
}

.quick-info .language i {
    float: left;
}

.quick-info .language i.trans-lang-message {
    line-height: 38px;
}

.quick-order-new .quick-info i.trans-error-message {
    line-height: 38px;
    color: #fb3e50;
}

.quick-info .language a {
    float: right;
    line-height: 38px;
    color: #fb3e50;
    text-decoration: underline;
}

.quick-info .language a:hover {
    background-color: #FFF;
}

.quick-info .content {
    width: 898px;
    padding: 0;
}

.quick-info .trans-info .warn-text-con {
    clear: both;
    margin-left: 0;
    padding-top: 6px;
}

.quick-info .trans-info .icon-warn {
    margin-right: 4px;
    margin-top: -2px !important;
    height: 22px !important;
}

.trans-info .intro-tips {
    width: 246px;
    height: 120px;
    top: 24px;
    left: 8px;
}

.quick-info .content .input-text {
    padding: 15px;
    display: block;
    width: 866px;
    box-shadow: none;
    border-bottom: none;
    border-color: #e5e5e5;
}

.quick-info .content #inputText {
    margin: 9px 0 0 0;
}

.quick-info .content .trans-info {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #4c4c4c;
    letter-spacing: 0;
    line-height: 12px;
    margin-top: 0;
    height: 64px;
    border: 1px solid #e5e5e5;
    background-color: #fff6f6;
    /*overflow: hidden;*/
    text-align: left;
    border-radius: 4px;
    border-top: none;
    padding: 0 15px;
}

.quick-info .content .form-item-layout {
    margin: -1px 0 0 0;
}

.quick-info .content .trans-info span {
    line-height: 20px;
    height: 20px;
    float: left;
    font-size: 12px;
    margin-top: 12px;
}

.quick-info .content .trans-info .vip-price {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 12px;
    margin: 0 16px;
}

#vip-price {
    display: none;
}

.quick-info .content .trans-info .price .origin-price-wrap {
    display: none;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #636970;
    letter-spacing: 0;
    line-height: 12px;
    text-decoration: line-through;
}

.quick-info .content .trans-info .price .origin-price-wrap .origin-price {
    color: #636970;
}

.quick-info .content .trans-info .vip-price-logo {
    margin-top: 0;
    display: inline-block;
    height: 12px;
    width: 16px;
    background: url("tag_VIP.png");
    position: relative;
    top: -5px;
    margin-left: 3px;
}

.quick-info .content .trans-info .price a i {
    display: inline-block;
    margin-left: 4px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #636970;
}

.quick-info .content .trans-info .price a {
    color: #4c4c4c;
}

.vip-special-price {
    display: none;
}

.quick-info .content .trans-info .price a:hover {
    background-color: #FFF6F6;
}

.quick-order-new .trans-info .intro-tips span {
    margin-top: 0;
    color: #4c4c4c;
    font-weight: normal;
    height: auto;
    line-height: 22px;
    font-size: 14px;
}

.trans .content .form-item-layout .lang-text {
    font-size: 12px;
}

.trans .content .form-item-layout .text-num {
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    color: #2B333D;
    letter-spacing: 0;
    line-height: 16px;
    margin-top: 12px;
}

.trans .content .form-item-layout .timeCost,
.trans .content .form-item-layout .price {
    float: left;
    line-height: 20px;
    height: 20px;
    margin-left: 18px;
    margin-right: 0;
    margin-top: 12px;
}

.quick-info .content .trans-info .time-num {
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    color: #2B333D;
    letter-spacing: 0;
    line-height: 16px;
}

.trans .content .form-item-layout .timeCost span,
.trans .content .form-item-layout .price span {
    float: none;
}

.trans .content .trans-info .price-pay-num-wrap {
    color: #FB3A4D;
}

.trans .content .trans-info .pay-num {
    padding: 0 5px;
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    color: #FB3A4D;
    letter-spacing: 0;
    line-height: 16px;
}

.quick-info .content .trans-info a.clear-content {
    position: relative;
    float: right;
    line-height: 20px;
    height: 20px;
    margin-top: 12px;
    color: #4c4c4c;
    font-size: 12px;
}

.quick-info .content .trans-info a.clear-content:hover {
    background-color: transparent;
}

.quick-info .remark textarea {
    height: 80px;
    vertical-align: text-top;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    width: 866px;
    padding: 15px;
    /*border-top:none;*/
    box-shadow: none;
    font-size: 14px;
}

#goToTrans {
    background: #fb4254;
    color: white;
    width: 142px;
    height: 38px;
    border-radius: 4px;
    font-weight: normal;
    float: left;
    margin-right: 50px;
    margin-top: 0;
}

#goToTrans:hover {
    background: #ff6575;
    /*box-shadow: 0px 0px 16px 0px #fe4f60;*/
}

.quick-info .read-agreement label {
    font-size: 12px;
    line-height: 16px;
}

.trans .quick-trans {
    padding: 0;
}

.trans .content .user-phone {
    display: none;
}

#doc1 .trans .quick-trans .read-agreement label {
    float: left;
    line-height: 22px;
    padding-left: 3px;
    padding-top: 0;
    vertical-align: 2px;
    font-weight: normal;
    margin-top: 3px;
}

/*提交弹窗新样式*/
.popupTitle {
    width: 350px;
    padding-bottom: 5px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #f2f2f2;
    line-height: 28px;
}

.popupContent {
    margin-top: 10px;
    font-size: 14px;
    color: #6d6d6d;
    line-height: 28px;
}

.content .popupContent i {
    font-size: 14px;
    color: #333;
    font-weight: normal;
}

.popupContent .otherEmail {
    font-size: 12px;
    color: #a1a1a1;
    margin-left: 10px;
}

.popupContent .otherEmail:hover {
    background-color: transparent;
}

.lookup-cell .lookup-btn {
    margin: 0;
}

.message-box .redBtn {
    font-size: 14px;
    width: 145px;
    height: 38px;
    line-height: 38px;
    color: white;
    background: #fb4254;
    border-radius: 4px;
    transition: all 0.1s ease-in;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    margin-left: 100px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.message-box .redBtn:hover {
    background: #ff6575;
}

.message-container .message-box i.email-error {
    margin-left: 5px;
    position: absolute;
    top: 160px;
    left: 295px;
    color: #fe4f60;
    width: auto;
}

/*快速翻译添加标签的样式*/
.tagSwap {
    border: 1px solid #e5e5e5;
    padding: 15px;
    margin-bottom: 16px;
}

.transTag {
    color: #666;
    background-color: #f0f0f0;
    padding: 0px 20px;
    border-radius: 4px;
    margin-right: 10px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
}

.transTag.active {
    color: #FFF;
    background-color: #fb3e50;
}

.transTag:hover {
    color: #666;
    background-color: #f0f0f0;
}

.transTag.active:hover {
    color: #FFF;
    background-color: #fb3e50;
}

/*end   快速翻译下单页面新UI*/
#fast-tip:hover {
    background: none;
}

.trans .content .form-item-layout .whole-price span {
    float: none;
}

.trans .whole-price.realpay-num {
    margin-left: 18px;
}

.warn-text-con {
    margin-left: 12px;
    color: #4c4c4c;
    font-size: 12px;
}

.icon-warn {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("icon-warning.png") 50% 50% no-repeat;
    vertical-align: text-bottom;
    position: relative;
}

.quick-order-new .intro-tips {
    display: none;
    background: white;
    font-size: 14px;
    color: #333333;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 16px;
    *border: 1px solid #c0a38d;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    z-index: 10;
    cursor: default;
}

.quick-order-new .intro-tips span {
    display: block;
    height: 16px;
    line-height: 16px;
    color: #666666;
    margin-top: 8px;
}

.quick-order-new .intro-tips .tip-footer {
    color: #4c4c4c;
    margin-top: 8px;
}

.content-tips-con .intro-tips {
    width: 244px;
    height: 120px;
    top: 24px;
    left: 8px;
}

.trans-info .intro-tips {
    width: 654px;
    height: 46px;
    top: 24px;
    left: 8px;
}

.warn-text {
    color: #fd4f61;
}

.quick-order-new .link,
.quick-order-new .link:hover {
    color: #398dee;
    background: none;
}

.quick-order-new .link:hover {
    text-decoration: underline;
}

.remark {
    line-height: 14px;
    margin-left: 28px;
}

.require-list {
    margin: 8px 0 14px 89px !important;
    overflow: hidden;
    line-height: 26px;
    font-size: 0;
}

.require-list li {
    height: 26px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}

.require-list li span:last-of-type {
    margin-right: 0;
}

li.split-line {
    width: 1px;
    height: 20px;
    background: #d5d5e0;
    ;
    margin: 0 14px;
}

.require-list li span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 100%;
    line-height: 26px;
    font-size: 12px;
    padding: 0 16px;
    border-radius: 4px;
    background: #f0f0f0;
    color: #4c4c4c;
    cursor: pointer;
    margin-right: 10px;
}

.require-list li span.selected {
    background: #fd4b5c;
    color: white;
}

.require-list li span.disabled {
    background: #f0f0f0;
    color: #999999;
}

.trans-price-link {
    color: #999591;
    background: none;
}

.trans-price-link:hover {
    color: #2e4ff8;
    background: none;
}

.select-input-con {
    display: inline-block;
    vertical-align: top;
    margin-left: 32px;
    letter-spacing: 0;
}

.file-info-detail #moreText,
#moreField {
    display: inline-block;
    margin-left: 20px;
    border-radius: 4px;
}

li.doc-purpose {
    margin-bottom: 10px;
}

#creativeTranslation {
    visibility: hidden;
    padding-top: 5px;
}

/*术语表*/
.termCon {
    margin-top: 14px;
    height: 20px;
    margin-left: 89px;
}

.termCon label {
    color: #4c4c4c;
    float: none;
    font-size: 12px;
    line-height: normal;
    font-weight: normal;
    cursor: pointer;
}

.termCon a.term-upload:hover {
    background: none;
    color: #4c4c4c;
    cursor: pointer;
    color: #2e4ff8;
    text-decoration: underline;
}

.termCon a.term-upload {
    position: relative;
    display: inline-block;
    cursor: pointer;
    color: #2e4ff8;
}

.termCon input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    filter: Alpha(opacity=0);
    border: none;
    padding: 0;
    cursor: pointer;
}

.termCon input:hover {
    cursor: pointer;
}

.termUploaded {
    color: #4c4c4c;
    font-size: 12px;
}

.term-upload-state {
    color: #000000;
    line-height: 20px;
}

.term-delete {
    color: #2e4ff8;
    line-height: 20px;
}

.term-delete:hover {
    background: none;
    color: #2e4ff8;
}

.termUploaded span {
    margin-right: 16px;
}

.term-name {
    vertical-align: middle;
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
    white-space: nowrap;
    word-break: keep-all;
    line-height: 20px;
}

.termUploaded {
    display: none;
}

.term-upload {
    margin-right: 20px;
}

#fileAttachmentNotice {
    color: #fb3e50;
    display: none;
}

#inputDocText::placeholder {
    color: #adadad;
}

#inputDocText::-moz-placeholder {
    color: #adadad;
}

#inputDocText::-webkit-input-placeholder {
    color: #adadad;
}

#inputDocText:-ms-input-placeholder {
    color: #adadad;
}

#otherRequirement::placeholder {
    color: #adadad;
}

#otherRequirement::-moz-placeholder {
    color: #adadad;
}

#otherRequirement::-webkit-input-placeholder {
    color: #adadad;
}

#otherRequirement:-ms-input-placeholder {
    color: #adadad;
}

#moreText::placeholder {
    color: #adadad;
}

#moreText::-moz-placeholder {
    color: #adadad;
}

#moreText::-webkit-input-placeholder {
    color: #adadad;
}

#moreText:-ms-input-placeholder {
    color: #adadad;
}

.over-input {
    font-size: 12px;
    line-height: 16px;
    color: #fb3e50;
    position: absolute;
    bottom: 1px;
    right: 20px;
    display: none;
    background: white;
    left: 2px;
    text-align: right;
    border-radius: 4px;
    height: 16px;
}

#inputDocText.over-input-warn {
    border: 1px solid #fb3e50;
}

.vip-notice {
    clear: both;
    padding-top: 5px;
}

.vip-notice-link {
    display: block;
    padding-left: 24px;
    height: 20px;
    line-height: 20px;
    background: url("vip/trumpet@1x.png") 0 50% no-repeat;
    background-size: 20px 20px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #FC3A4E;
    text-decoration: underline;
}

.vip-notice-link:hover {
    color: #FC3A4E;
    background: url("vip/trumpet@1x.png") 0 50% no-repeat;
    background-size: 20px 20px;
}

.fileView .submit-con {
    height: 80px;
}

.fileView .vip-notice {
    padding-top: 20px;
}

.return-speed-con a.time-worry,
.return-speed-con a.time-worry:hover {
    color: #4c4c4c;
    font-size: 12px;
    text-decoration: underline;
    background: none;
}

@media only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
    .input-delete {
        background: url(images/delete@2x.png) 50% 50% no-repeat;
        background-size: contain;
    }

    .vip-notice-link {
        background: url("vip/trumpet@2x.png") 0 50% no-repeat;
        background-size: 20px 20px;
    }

    .vip-notice-link:hover {
        background: url("vip/trumpet@2x.png") 0 50% no-repeat;
        background-size: 20px 20px;
    }
}


/*新增*/

.input-display-none {
    position: absolute;
    top: -2000px;
}

#file-error-message {
    display: none;
}

#fileInfo- {
    position: relative;
    /* left: 20px; */
    left: 0;
    margin-left: 88px;

    letter-spacing: 0;
    padding-top: 4px;
}

#file-error-message {
    top: 12px;
}

.fileSubmit {
    padding: 10px;
    line-height: 12px;
    color: #666;
    vertical-align: text-bottom;
    margin-left: 10px;
    margin-right: 20px;
}

.fileInfoWrapper {
    padding: 2px;
    overflow: hidden;
}

/*#fileInfoBtnWp{*/
/*display: inline-block;*/
/*height: 34px;*/
/*width: 134px;*/
/*}*/

.uploadingFile {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url("loading.gif") 50% 50% no-repeat;
    ;
    vertical-align: middle;
    margin: 0 auto;
}

.uploadingWrapper {
    width: 150px;
    height: 50px;
    padding: 20px;
}