body { height: 100%; } .layui-layer-msg .layui-layer-content { color: #fff; } .lcsmymain { min-height: 100%; overflow-x: auto; position: relative; } .lcsmymain .main-header { margin: 0 auto; max-width: 1200px; height: 98px; background-color: #fff; background-image: none; background-repeat: no-repeat; background-position: center; } .lcsmymain .main-header .logo { text-align: center; line-height: 63px; font-size: 28px; color: #bf1613; margin-top: 17px; display: inline; float: left; } .lcsmymain .main-header .logo img { max-width: 300px; box-sizing: border-box; max-height: 64px; vertical-align: bottom; } .lcsmymain .mailbox-index { max-width: 1200px; min-width: 650px; margin: 0 auto; background-color: #ffffff; } .lcsmymain .mailbox-index .mailbox-container { margin: 0 auto; width: 100%; } .lcsmymain .mailbox-index .mailbox-container .header { margin-bottom: 14px; width: 100%; height: 75px; line-height: 75px; color: #ffffff; background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center bottom; } .lcsmymain .mailbox-index .mailbox-container .header .title { margin-left: 77px; font-size: 24px; } .lcsmymain .mailbox-index .mailbox-container .header .tip { margin-left: 12px; font-size: 20px; } .lcsmymain .mailbox-index .mailbox-container .content { width: 100%; zoom: 1; } .lcsmymain .mailbox-index .mailbox-container .content:after { content: ""; display: block; visibility: hidden; height: 0; line-height: 0; clear: both; } .lcsmymain .mailbox-index .mailbox-container .content .left { float: left; margin-right: 8px; } .lcsmymain .mailbox-index .mailbox-container .content .left ul li { padding: 10px 0; width: 100%; border: 1px solid #cccccc; box-sizing: border-box; border-radius: 4px; text-align: center; font-size: 0; cursor: pointer; } .lcsmymain .mailbox-index .mailbox-container .content .left ul li img { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .left ul li span { margin-left: 4px; line-height: 20px; vertical-align: middle; font-size: 14px; color: #333333; } .lcsmymain .mailbox-index .mailbox-container .content .left ul li.active { border: none; border-radius: 0; background-color: #e3393a; } .lcsmymain .mailbox-index .mailbox-container .content .left ul li.active span { color: #fff; } .lcsmymain .mailbox-index .mailbox-container .content .left ul li.two, .lcsmymain .mailbox-index .mailbox-container .content .left ul li.three, .lcsmymain .mailbox-index .mailbox-container .content .left ul li.four { margin-top: 8px; } .lcsmymain .mailbox-index .mailbox-container .content .left .download { display: inline-block; margin-top: 8px; width: 212px; height: 234px; line-height: 234px; background-color: #fcfafa; text-align: center; font-size: 16px; color: #999999; background: no-repeat; background-size: 100% 100%; } .lcsmymain .mailbox-index .mailbox-container .content .right { overflow: hidden; min-height: 500px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header { padding: 13px 20px 14px 16px; width: 100%; background-color: #fcfafa; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .public-headertop { margin-bottom: 18px; zoom: 1; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .public-headertop:after { content: ""; display: block; visibility: hidden; height: 0; line-height: 0; clear: both; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .public-headertop .title { display: none; float: left; line-height: 25px; font-size: 18px; font-weight: 500; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .public-headertop .title .tab1, .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .public-headertop .title .tab2, .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .public-headertop .title .tab3 { color: #333333; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .public-headertop .title .tab2 { cursor: pointer; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .public-headertop .title .tab3 { display: none; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .public-headertop .title .active { color: #e3393a; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .public-headertop .login-button { float: right; width: 85px; height: 33px; line-height: 33px; text-align: center; background-color: #e3393a; background-image: linear-gradient(to right, #f39f6b, #e3393a); border-radius: 2px; font-size: 0; cursor: pointer; position: relative; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .public-headertop .login-button:hover .login-div { /* display: block; */ transition: all 0.2s; height: auto; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .public-headertop .login-button .text { vertical-align: middle; font-size: 14px; color: #fff; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .public-headertop .login-button img { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .public-headertop .login-button .login-div { position: absolute; right: 0; top: 30px; background: #fff; text-align: center; /* padding: 13px; */ width: max-content; z-index: 1; /* display: none; */ transition: all 0.2s; height: 0; overflow: hidden; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .public-headertop .login-button .login-div h3 { color: #333; font-size: 14px; font-weight: 400; margin-top: 13px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .public-headertop .login-button .login-div div { line-height: 32px; border-radius: 2px; padding: 0 13px; color: #fff; font-size: 14px; margin: 10px 13px; background-color: #e7562d; background-image: linear-gradient(to right, #f39f6b, #e3393a); } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .public-headertop .welcome { display: none; float: right; width: 122px; height: 44px; line-height: 44px; text-align: center; background-image: linear-gradient(to right, #f39f6b, #e3393a); background-color: #e3393a; border-radius: 2px; font-size: 14px; color: #fff; cursor: pointer; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .header-form-box { display: none; position: relative; height: 32px; width: 100%; font-size: 0; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .header-form-box .input { position: absolute; left: 0; bottom: 0; width: 258px; height: 32px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .header-form-box .input input { position: absolute; top: 0; left: 0; padding-left: 10px; width: 258px; height: 32px; line-height: 32px; font-size: 12px; border: none; outline: none; border: 1px solid #d0d0d0; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .header-form-box .input .placeholder { position: absolute; top: 0; left: 0; padding-left: 10px; width: 258px; height: 32px; line-height: 32px; font-size: 12px; background-color: #fff; color: #999999; border-radius: 2px; border: 1px solid #d0d0d0; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .header-form-box .input .input-mask { display: none; position: absolute; top: 2px; right: 2px; box-sizing: border-box; padding-top: 7px; width: 28px; height: 28px; line-height: 28px; text-align: center; background-color: #fff; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .header-form-box .select { position: absolute; left: 264px; bottom: 0; width: 120px; height: 32px; border: 1px solid #d0d0d0; border-radius: 4px; cursor: pointer; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .header-form-box .select .select-mask { position: absolute; width: 100%; height: 32px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .header-form-box .select .select-mask .text { position: absolute; left: 12px; top: 6px; width: 120px; font-size: 12px; color: #787878; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .header-form-box .select .select-mask .icon { position: absolute; right: 6px; top: 9px; width: 18px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .header-form-box .select .toolbox { display: none; position: absolute; top: 33px; left: 0; width: 100%; height: 270px; overflow-x: hidden; border-right: 1px solid #e9eaec; z-index: 1000; background-color: #fff; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .header-form-box .select .toolbox .option-box { position: absolute; top: 0; left: 0; height: 270px; width: 150px; border: 1px solid #e9eaec; overflow-y: scroll; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .header-form-box .select .toolbox .option-box ul { position: absolute; left: 0; top: 0; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .header-form-box .select .toolbox .option-box ul li { height: 32px; line-height: 32px; width: 120px; font-size: 12px; text-indent: 10px; color: #787878; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .header-form-box .select .toolbox .option-box ul li.active { background-color: #f2f2f4; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .header-form-box .search-button { position: absolute; bottom: 0; left: 387px; cursor: pointer; width: 77px; height: 32px; line-height: 32px; text-align: center; background-color: #e3393a; border-radius: 2px; color: #fff; font-size: 14px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .header-form-box .search-button.theme2 { background-color: blue; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .mail-num-box { display: inline-block; margin-top: 12px; padding: 5px 12px; background: rgba(245, 166, 35, 0.1); border-radius: 100px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .mail-num-box i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: #e3393a; background-image: linear-gradient(to right, #f39f6b, #e3393a); vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .mail-num-box span { margin-left: 2px; font-size: 12px; color: #b37208; vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .handle-area { display: none; margin-top: 14px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .handle-area h5 { font-size: 16px; line-height: 22px; color: #333333; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-header .handle-area ul li { font-size: 14px; line-height: 22px; color: #333333; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail { width: 100%; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content ul li { position: relative; padding: 20px 20px 20px 16px; cursor: pointer; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content ul li h5 { line-height: 22px; font-size: 16px; font-weight: 500; color: #333333; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content ul li .content { margin-top: 14px; width: calc(100% - 150px); font-size: 12px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content ul li .info { margin-top: 14px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content ul li .info .number { vertical-align: middle; font-size: 12px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content ul li .info .number .number-key { color: #999999; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content ul li .info .number .number-val { color: #666666; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content ul li .info .time, .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content ul li .info .type { margin-left: 24px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content ul li .info .time img, .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content ul li .info .type img { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content ul li .info .time .val, .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content ul li .info .type .val { vertical-align: middle; font-size: 12px; color: #666666; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content ul li .info .operation { position: absolute; right: 20px; bottom: 20px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content ul li .info .operation .see img, .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content ul li .info .operation .good img { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content ul li .info .operation .see .count, .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content ul li .info .operation .good .count { font-size: 12px; color: #999999; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content ul li .info .operation .good { margin-left: 23px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content ul li.active { background-color: #fdfcfc; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content ul .nodata { margin: 20px 0 0 20px; font-size: 14px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail { display: none; padding-bottom: 50px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li { position: relative; padding: 20px 20px 20px 16px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li h5 { line-height: 22px; font-size: 16px; font-weight: 500; color: #333333; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info { margin-top: 14px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .number { vertical-align: middle; font-size: 12px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .number .number-key { color: #999999; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .number .number-val { color: #666666; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .time, .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .type { margin-left: 24px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .time img, .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .type img { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .time .val, .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .type .val { vertical-align: middle; font-size: 12px; color: #666666; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .operation { margin-left: 31px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .operation .see { display: inline-block; padding: 0 9px; height: 31px; line-height: 31px; font-size: 0; border-radius: 4px; vertical-align: middle; border: 1px solid #ee6462; box-sizing: border-box; cursor: pointer; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .operation .see img { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .operation .see .img2 { display: none; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .operation .see .count { margin-left: 1px; font-size: 12px; color: #ee6462; vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .operation .see.active { background-color: #ee6462; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .operation .see.active .count { color: #fff; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .operation .good { margin-left: 4px; display: inline-block; padding: 0 9px; height: 31px; line-height: 31px; font-size: 0; border-radius: 4px; vertical-align: middle; border: 1px solid #f5a623; box-sizing: border-box; cursor: pointer; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .operation .good img { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .operation .good .img2 { display: none; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .operation .good .count { margin-left: 1px; font-size: 12px; color: #f5a623; vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .operation .good.active { background-color: #f5a623; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .other-list li .info .operation .good.active .count { color: #fff; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .info-list { padding: 0 16px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .info-list li { margin-top: 16px; zoom: 1; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .info-list li:after { content: ""; display: block; visibility: hidden; height: 0; line-height: 0; clear: both; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .info-list li img { float: left; margin-right: 12px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .info-list li .info-box { padding: 16px; overflow: hidden; background-color: #fcfafa; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .info-list li .info-box .user { line-height: 26px; font-size: 18px; color: #1890ff; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .info-list li .info-box .admin { line-height: 26px; font-size: 18px; color: #639d8a; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .info-list li .info-box .date { margin-top: 6px; line-height: 23px; font-size: 16px; color: #666666; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .info-list li .info-box .info-content { margin-top: 15px; line-height: 23px; font-size: 16px; color: #333333; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .info-list li .info-box1 { padding: 16px; overflow: hidden; background-color: #f0f6f3; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .comment { margin: 15px 0 0 95px; line-height: 20px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .comment .comment-title { font-size: 14px; color: #999999; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .comment .comment-result { font-size: 14px; color: #f5a623; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .content-detail .comment .p-appraise-reason { display: none; margin-top: 10px; font-size: 14px; color: #999999; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .pagination-footer { margin: 16px 16px 8px; float: right; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .public-mail .pagination-footer .layui-laypage .layui-laypage-em { background-color: #e3393a; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail { display: none; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box { padding: 30px 23px 26px 16px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-type { line-height: 22px; font-size: 0; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-type .label { display: inline-block; margin-right: 21px; vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-type .label i.star { font-style: normal; font-size: 18px; color: #e3393a; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-type .label span.text { font-size: 16px; color: #333333; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-type .mail-radio { position: relative; display: inline-block; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-type .mail-radio ul { position: relative; display: inline-block; vertical-align: middle; font-size: 0; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-type .mail-radio ul li.radio-box { display: inline-block; margin-left: 28px; font-size: 0; line-height: 20px; cursor: pointer; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-type .mail-radio ul li.radio-box img { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-type .mail-radio ul li.radio-box span { margin-left: 8px; vertical-align: middle; font-size: 14px; color: #666666; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-type .mail-radio ul li.first-radio { margin-left: 0; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-type .mail-radio .warn { display: none; position: absolute; left: 0; bottom: -22px; line-height: 20px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-type .mail-radio .warn img { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-type .mail-radio .warn span { vertical-align: middle; margin-left: 2px; font-size: 12px; color: #e3393a; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-title { margin-top: 30px; line-height: 38px; font-size: 0; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-title .label { float: left; margin-right: 21px; vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-title .label i.star { font-style: normal; font-size: 18px; color: #e3393a; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-title .label span.text { font-size: 16px; color: #333333; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-title .mail-title-input { height: 68px; overflow: hidden; position: relative; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-title .mail-title-input input { height: 38px; line-height: 38px; width: 100%; appearance: none; outline: none; border: 1px solid #d0d0d0; box-sizing: border-box; border-radius: 2px; font-size: 14px; color: #333333; text-indent: 10px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-title .mail-title-input .placeholder { position: absolute; left: 0; top: 0; height: 38px; width: 100%; font-size: 14px; color: #999999; text-indent: 10px; background-color: #fff; border: 1px solid #d0d0d0; box-sizing: border-box; border-radius: 2px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-title .mail-title-input .del-mask { display: none; position: absolute; top: 1px; right: 1px; box-sizing: border-box; padding-top: 9px; width: 36px; height: 36px; line-height: 36px; text-align: center; background-color: #fff; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-title .mail-title-input .warn { display: none; margin-top: 4px; line-height: 20px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-title .mail-title-input .warn img { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-title .mail-title-input .warn span { vertical-align: middle; margin-left: 2px; font-size: 12px; color: #e3393a; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-content { font-size: 0; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-content .label { float: left; margin-right: 21px; vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-content .label i.star { font-style: normal; font-size: 18px; color: #e3393a; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-content .label span.text { font-size: 16px; color: #333333; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-content .textarea-box { position: relative; overflow: hidden; font-size: 14px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-content .textarea-box textarea { padding: 9px 10px; width: 100%; height: 324px; border-radius: 2px; border: 1px solid #d0d0d0; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-content .textarea-box .textarea-mask { position: absolute; left: 0; top: 0; padding: 9px 10px; width: 100%; height: 324px; font-size: 14px; color: #999999; border: 1px solid #d0d0d0; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-content .textarea-box .warn { display: none; margin-top: 4px; line-height: 20px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-content .textarea-box .warn img { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .mail-content .textarea-box .warn span { vertical-align: middle; margin-left: 2px; font-size: 12px; color: #e3393a; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .send-box { position: relative; margin-top: 20px; width: 100%; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .send-box .button { margin: 0 auto; width: 231px; height: 32px; line-height: 32px; background-color: #e3393a; border-radius: 4px; cursor: pointer; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .send-box .button .center { text-align: center; line-height: 26px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .send-box .button .center img { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .send-box .button .center span { margin-left: 7px; vertical-align: middle; font-size: 14px; color: #fff; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .send-box .text-size { position: absolute; top: 0; right: 0; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail { display: none; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content ul li { position: relative; padding: 20px 20px 20px 16px; cursor: pointer; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content ul li .content-left { display: inline-block; vertical-align: middle; width: calc(100% - 150px); } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content ul li .content-left h5 { width: 90%; line-height: 22px; font-size: 16px; font-weight: 500; color: #333333; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content ul li .content-left .content { margin-top: 14px; font-size: 12px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content ul li .content-left .info { margin-top: 14px; line-height: 0; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content ul li .content-left .info .number { vertical-align: middle; font-size: 12px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content ul li .content-left .info .number .number-key { color: #999999; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content ul li .content-left .info .number .number-val { color: #666666; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content ul li .content-left .info .time, .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content ul li .content-left .info .type { margin-left: 24px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content ul li .content-left .info .time img, .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content ul li .content-left .info .type img { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content ul li .content-left .info .time .val, .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content ul li .content-left .info .type .val { vertical-align: middle; font-size: 12px; color: #666666; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content ul li .content-right { position: absolute; top: 50%; margin-top: -11px; right: 23px; padding: 0 8px; line-height: normal; height: 23px; text-align: center; font-size: 14px; border-radius: 2px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content ul li .content-right.blue { border: 1px solid #6097f6; color: #6097f6 !important; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content ul li .content-right.green { border: 1px solid #00bda0; color: #00bda0 !important; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content ul li .content-right.red { border: 1px solid #ee6462; background-color: #ee6462; color: #ffffff !important; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content ul li .content-right.white { border: 1px solid #666666; background-color: #ffffff; color: #666666 !important; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content ul li.active { background-color: #fdfcfc; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content ul .nodata { margin: 20px 0 0 20px; font-size: 14px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail { display: none; padding-bottom: 50px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .title li { position: relative; padding: 0 23px 0 16px; height: 93px; line-height: 93px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .title li .content-left { display: inline-block; vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .title li .content-left h5 { line-height: 22px; font-size: 16px; font-weight: 500; color: #333333; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .title li .content-left .info { margin-top: 14px; line-height: 0; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .title li .content-left .info .number { vertical-align: middle; font-size: 12px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .title li .content-left .info .number .number-key { color: #999999; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .title li .content-left .info .number .number-val { color: #666666; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .title li .content-left .info .time, .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .title li .content-left .info .type { margin-left: 24px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .title li .content-left .info .time img, .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .title li .content-left .info .type img { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .title li .content-left .info .time .val, .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .title li .content-left .info .type .val { vertical-align: middle; font-size: 12px; color: #666666; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .title li .content-right { position: absolute; top: 50%; margin-top: -11px; right: 23px; padding: 0 8px; line-height: normal; height: 23px; text-align: center; font-size: 14px; border-radius: 2px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .title li .content-right.blue { border: 1px solid #6097f6; color: #6097f6 !important; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .title li .content-right.green { border: 1px solid #00bda0; color: #00bda0 !important; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .title li .content-right.red { border: 1px solid #ee6462; background-color: #ee6462; color: #ffffff !important; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .title li .content-right.white { border: 1px solid #666666; background-color: #ffffff; color: #666666 !important; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .info-list { padding: 0 16px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .info-list li { margin-top: 16px; zoom: 1; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .info-list li:after { content: ""; display: block; visibility: hidden; height: 0; line-height: 0; clear: both; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .info-list li .img-box { position: relative; float: left; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .info-list li .img-box img { margin-right: 12px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .info-list li .img-box::after { content: ""; position: absolute; top: 20px; right: -17px; width: 20px; height: 20px; transform: rotatez(45deg); background-color: #fcfafa; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .info-list li .info-box { position: relative; padding: 16px; overflow: hidden; background-color: #fcfafa; border-radius: 6px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .info-list li .info-box .user { line-height: 20px; font-size: 14px; color: #1890ff; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .info-list li .info-box .date { margin-top: 6px; line-height: 17px; font-size: 12px; color: #666666; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .info-list li .info-box .info-content { margin-top: 15px; line-height: 22px; font-size: 12px; font-family: pingfangsc-regular, pingfang sc; color: #333333; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment { margin-top: 14px; padding: 18px 16px 14px; background-color: #fdfcfc; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment h5 { font-size: 16px; color: #333333; font-weight: 500; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment .comment-radio { margin-top: 14px; font-size: 0; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment .comment-radio .label { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment .comment-radio .label i { font-size: 16px; font-style: normal; color: #e3393a; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment .comment-radio .label span { font-size: 16px; color: #333333; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment .comment-radio .radio-box { display: inline-block; vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment .comment-radio .radio-box li { margin-left: 20px; display: inline-block; cursor: pointer; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment .comment-radio .radio-box li img { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment .comment-radio .radio-box li .text { margin-left: 8px; font-size: 14px; color: #333333; vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment .button { margin: 21px auto 0; width: 231px; height: 32px; line-height: 32px; text-align: center; background-color: #e3393a; color: #ffffff; border-radius: 4px; font-size: 14px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment .textarea-box { position: relative; overflow: hidden; margin-top: 5px; font-size: 14px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment .textarea-box textarea { padding: 9px 10px; width: 100%; height: 224px; border-radius: 2px; border: 1px solid #d0d0d0; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment .textarea-box .textarea-mask { position: absolute; left: 0; top: 0; padding: 9px 10px; width: 100%; height: 324px; font-size: 14px; color: #999999; border: 1px solid #d0d0d0; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment .textarea-box .warn { display: none; margin-top: 4px; line-height: 20px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment .textarea-box .warn img { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment .textarea-box .warn span { vertical-align: middle; margin-left: 2px; font-size: 12px; color: #e3393a; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment .doing-box { width: 360px; height: 36px; margin: 0 auto; background: #f0f6f3; border-radius: 4px; text-align: center; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment .doing-box .doingtext img { vertical-align: middle; width: 15px; height: 16px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment .doing-box .doingtext span { font-size: 14px; font-weight: 400; color: #666666; line-height: 36px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment .comment-title { font-size: 14px; color: #999999; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment .comment-result { font-size: 14px; color: #f5a623; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .content-detail .comment .mymail-appraise-reason { display: none; margin-top: 10px; font-size: 14px; color: #999999; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .pagination-footer { margin: 16px 16px 8px; float: right; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-mail .pagination-footer .layui-laypage .layui-laypage-em { background-color: #e3393a; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection { display: none; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content ul li { position: relative; padding: 20px 20px 20px 16px; cursor: pointer; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content ul li .content-left { display: inline-block; vertical-align: middle; width: calc(100% - 150px); } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content ul li .content-left h5 { line-height: 22px; font-size: 16px; font-weight: 500; color: #333333; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content ul li .content-left .content { margin-top: 14px; font-size: 12px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content ul li .content-left .info { margin-top: 14px; line-height: 0; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content ul li .content-left .info .number { vertical-align: middle; font-size: 12px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content ul li .content-left .info .number .number-key { color: #999999; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content ul li .content-left .info .number .number-val { color: #666666; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content ul li .content-left .info .time, .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content ul li .content-left .info .type { margin-left: 24px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content ul li .content-left .info .time img, .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content ul li .content-left .info .type img { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content ul li .content-left .info .time .val, .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content ul li .content-left .info .type .val { vertical-align: middle; font-size: 12px; color: #666666; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content ul li .content-right { position: absolute; top: 50%; margin-top: -11px; right: 23px; padding: 0 8px; line-height: normal; height: 23px; text-align: center; font-size: 14px; border-radius: 2px; border: 1px solid #666666; background-color: #ffffff; color: #666666; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content ul li.active { background-color: #fdfcfc; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content ul .nodata { margin: 20px 0 0 20px; font-size: 14px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail { display: none; padding-bottom: 50px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li { position: relative; padding: 20px 20px 20px 16px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li h5 { line-height: 22px; font-size: 16px; font-weight: 500; color: #333333; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info { margin-top: 14px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .number { vertical-align: middle; font-size: 12px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .number .number-key { color: #999999; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .number .number-val { color: #666666; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .time, .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .type { margin-left: 24px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .time img, .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .type img { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .time .val, .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .type .val { vertical-align: middle; font-size: 12px; color: #666666; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .operation { margin-left: 31px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .operation .see { display: inline-block; padding: 0 9px; height: 31px; line-height: 31px; font-size: 0; border-radius: 4px; vertical-align: middle; border: 1px solid #ee6462; box-sizing: border-box; cursor: pointer; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .operation .see img { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .operation .see .img2 { display: none; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .operation .see .count { margin-left: 1px; font-size: 12px; color: #ee6462; vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .operation .see.active { background-color: #ee6462; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .operation .see.active .count { color: #fff; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .operation .good { margin-left: 4px; display: inline-block; padding: 0 9px; height: 31px; line-height: 31px; font-size: 0; border-radius: 4px; vertical-align: middle; border: 1px solid #f5a623; box-sizing: border-box; cursor: pointer; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .operation .good img { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .operation .good .img2 { display: none; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .operation .good .count { margin-left: 1px; font-size: 12px; color: #f5a623; vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .operation .good.active { background-color: #f5a623; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .other-list li .info .operation .good.active .count { color: #fff; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .info-list { padding: 0 16px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .info-list li { margin-top: 16px; zoom: 1; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .info-list li:after { content: ""; display: block; visibility: hidden; height: 0; line-height: 0; clear: both; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .info-list li img { float: left; margin-right: 12px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .info-list li .info-box { padding: 16px; overflow: hidden; background-color: #fcfafa; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .info-list li .info-box .user { line-height: 20px; font-size: 14px; color: #1890ff; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .info-list li .info-box .admin { line-height: 20px; font-size: 14px; color: #639d8a; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .info-list li .info-box .date { margin-top: 6px; line-height: 17px; font-size: 12px; color: #666666; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .info-list li .info-box .info-content { margin-top: 15px; line-height: 22px; font-size: 12px; font-family: pingfangsc-regular, pingfang sc; color: #333333; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .info-list li .info-box1 { padding: 16px; overflow: hidden; background-color: #f0f6f3; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .comment { margin: 15px 0 0 95px; line-height: 20px; font-size: 14px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .comment .comment-title { color: #999999; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .comment .comment-result { color: #f5a623; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .content-detail .comment .mycollection-appraise { display: none; margin-top: 10px; color: #999999; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .pagination-footer { margin: 16px 16px 8px; float: right; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .pagination-footer .layui-laypage .layui-laypage-em { background-color: #e3393a; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .confirm { position: fixed; top: 286px; left: 50%; margin-left: -180px; width: 360px; border: 1px solid #f2f4f6; box-shadow: 0px 14px 23px 7px rgba(0, 0, 0, 0.1); border-radius: 5.79px; background-color: #fff; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .confirm .top { position: relative; padding-left: 16px; height: 40px; line-height: 40px; background-color: #f2f2f2; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .confirm .top .tip-text { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .confirm .top img { position: absolute; top: 50%; right: 16px; margin-top: -7px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .confirm .bottom { height: 140px; padding: 26px 20px 16px 26px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .confirm .bottom .title img { vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .confirm .bottom .title .ask { position: relative; vertical-align: middle; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .confirm .bottom .title .ask .text { font-size: 16px; color: #333333; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .confirm .bottom .title .ask .info { position: absolute; width: 280px; bottom: -23px; left: 0; font-size: 12px; color: #666666; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .confirm .bottom .button-box { margin-top: 44px; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .confirm .bottom .button-box .sure { float: right; width: 80px; height: 32px; line-height: 32px; font-size: 14px; color: #fff; background-color: #e3393a; border-radius: 4px; text-align: center; } .lcsmymain .mailbox-index .mailbox-container .content .right .public-box .my-collection .confirm .bottom .button-box .cancel { float: right; margin-right: 16px; width: 80px; height: 32px; line-height: 32px; font-size: 14px; border: 1px solid #999999; border-radius: 4px; text-align: center; } .lcsmymain .mailbox-index .mailbox-container .qrcode-box { display: none; position: absolute; top: 205px; left: 50%; margin-left: -180px; width: 360px; } .lcsmymain .mailbox-index .mailbox-container .qrcode-box .title { position: relative; height: 40px; width: 100%; line-height: 40px; background-image: linear-gradient(to right, #f39f6b, #e3393a); background-color: #e3393a; box-shadow: 0px 7px 14px 0px rgba(255, 87, 87, 0.32); border-radius: 6px 6px 0 0; } .lcsmymain .mailbox-index .mailbox-container .qrcode-box .title .text { position: absolute; left: 16px; top: 0; vertical-align: top; font-size: 12px; color: #fff; } .lcsmymain .mailbox-index .mailbox-container .qrcode-box .title img { position: absolute; right: 16px; top: 50%; margin-top: -8px; cursor: pointer; } .lcsmymain .mailbox-index .mailbox-container .qrcode-box .qrcode-content { padding-top: 68px; width: 100%; height: 320px; background-color: #fff; box-shadow: 0px 14px 23px 7px rgba(0, 0, 0, 0.1); border-radius: 0 0 6px 6px; border: 1px solid #f2f2f2; } .lcsmymain .mailbox-index .mailbox-container .qrcode-box .qrcode-content .qrcode { margin: 0 auto 23px; width: 128px; height: 128px; } .lcsmymain .mailbox-index .mailbox-container .qrcode-box .qrcode-content .loaded-info { display: none; } .lcsmymain .mailbox-index .mailbox-container .qrcode-box .qrcode-content .loaded-info .success-tip { text-align: center; } .lcsmymain .mailbox-index .mailbox-container .qrcode-box .qrcode-content .loaded-info .success-tip img { vertical-align: text-bottom; } .lcsmymain .mailbox-index .mailbox-container .qrcode-box .qrcode-content .loaded-info .success-tip .success-text { vertical-align: middle; line-height: 22px; font-size: 16px; font-weight: 500; color: #333333; } .lcsmymain .mailbox-index .mailbox-container .qrcode-box .qrcode-content .loaded-info .tip { margin-top: 6px; white-space: normal; line-height: 20px; text-align: center; font-size: 14px; color: #333333; } .lcsmymain .mailbox-index .mailbox-container .qrcode-box .qrcode-content .unload-info .tip { margin-top: 6px; white-space: normal; line-height: 20px; text-align: center; font-size: 14px; color: #333333; } .lcsmymain .myconfirm-class .layui-layer-title { background: #f2f2f2; font-weight: 500; color: #333333; border: none; } .lcsmymain .myconfirm-class .layui-layer-btn .layui-layer-btn0 { border-color: #999999; background-color: #ffffff; color: #666666; } .lcsmymain .myconfirm-class .layui-layer-btn .layui-layer-btn1 { border-color: #e3393a; background-color: #e3393a; color: #ffffff; } .lcsmymain .myconfirm { padding: 20px; } .lcsmymain .myconfirm .title img { vertical-align: middle; } .lcsmymain .myconfirm .title .ask { position: relative; vertical-align: middle; } .lcsmymain .myconfirm .title .ask .text { font-size: 16px; color: #333333; } .lcsmymain .myconfirm .title .ask .info { position: absolute; width: 280px; bottom: -23px; left: 0; font-size: 12px; color: #666666; } .lcsmymain .main-footer { bottom: 0; left: 0; right: 0; box-sizing: border-box; height: 160px; background: #fafafa; border-top: 1px solid #e9e9e9; } .lcsmymain .main-footer .footer-container { max-width: 1200px; margin: 0 auto; height: 100%; } .lcsmymain .main-footer .footer-container .footer-left { float: left; width: 20%; height: 100%; } .lcsmymain .main-footer .footer-container .footer-right { float: left; width: 60%; height: 100%; } .lcsmymain .main-footer .footer-container .footer-right .row { font-size: 12px; text-align: center; padding-top: 35px; } .lcsmymain .main-footer .footer-container .footer-right .row a:hover { color: #cc0000; text-decoration: none; } .lcsmymain .main-footer .footer-container .footer-right .row .row { padding-top: 18px; } .main-theme-blue .mailbox-index .mailbox-container .header { background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center bottom; } .main-theme-blue .mailbox-index .mailbox-container .content .left ul li.active { border: none; border-radius: 0; background-color: #096dd9; } .main-theme-blue .mailbox-index .mailbox-container .content .left ul li.active span { color: #fff; } .main-theme-blue .mailbox-index .mailbox-container .content .left .download { background: no-repeat; background-size: 100% 100%; } .main-theme-blue .mailbox-index .mailbox-container .content .right .public-header .public-headertop .title .active { color: #096dd9; } .main-theme-blue .mailbox-index .mailbox-container .content .right .public-header .public-headertop .login-button { background-color: #096dd9; background-image: linear-gradient(to right, #66b0ff, #096dd9); } .main-theme-blue .mailbox-index .mailbox-container .content .right .public-header .public-headertop .login-button .login-div div { background-color: #096dd9; background-image: linear-gradient(to right, #66b0ff, #096dd9); } .main-theme-blue .mailbox-index .mailbox-container .content .right .public-header .public-headertop .welcome { background-image: linear-gradient(to right, #66b0ff, #096dd9); background-color: #096dd9; } .main-theme-blue .mailbox-index .mailbox-container .content .right .public-header .header-form-box .search-button { background-color: #096dd9; } .main-theme-blue .mailbox-index .mailbox-container .content .right .public-header .header-form-box .search-button.theme2 { background-color: blue; } .main-theme-blue .mailbox-index .mailbox-container .content .right .public-header .mail-num-box i { background-color: #096dd9; background-image: linear-gradient(to right, #66b0ff, #096dd9); } .main-theme-blue .mailbox-index .mailbox-container .content .right .public-box .public-mail .pagination-footer .layui-laypage .layui-laypage-em { background-color: #096dd9; } .main-theme-blue .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .send-box .button { background-color: #096dd9; } .main-theme-blue .mailbox-index .mailbox-container .content .right .public-box .my-mail .pagination-footer .layui-laypage .layui-laypage-em { background-color: #096dd9; } .main-theme-blue .mailbox-index .mailbox-container .content .right .public-box .my-collection .pagination-footer .layui-laypage .layui-laypage-em { background-color: #096dd9; } .main-theme-blue .mailbox-index .mailbox-container .qrcode-box .title { background-image: linear-gradient(to right, #66b0ff, #096dd9); background-color: #096dd9; box-shadow: 0px 8px 17px 0px rgba(9, 109, 217, 0.32); } .main-theme-blue .myconfirm-class .layui-layer-title { background: #f2f2f2; font-weight: 500; color: #333333; border: none; } .main-theme-blue .myconfirm-class .layui-layer-btn .layui-layer-btn0 { border-color: #999999; background-color: #ffffff; color: #666666; } .main-theme-blue .myconfirm-class .layui-layer-btn .layui-layer-btn1 { border-color: #096dd9; background-color: #096dd9; color: #ffffff; } .main-theme-green .mailbox-index .mailbox-container .header { background-image: ; background-repeat: no-repeat; background-size: cover; background-position: center bottom; } .main-theme-green .mailbox-index .mailbox-container .content .left ul li.active { border: none; border-radius: 0; background-color: #00a641; } .main-theme-green .mailbox-index .mailbox-container .content .left ul li.active span { color: #fff; } .main-theme-green .mailbox-index .mailbox-container .content .left .download { background: no-repeat; background-size: 100% 100%; } .main-theme-green .mailbox-index .mailbox-container .content .right .public-header .public-headertop .title .active { color: #00a641; } .main-theme-green .mailbox-index .mailbox-container .content .right .public-header .public-headertop .login-button { background-color: #00a641; background-image: linear-gradient(to right, #3aeb80, #00a641); } .main-theme-green .mailbox-index .mailbox-container .content .right .public-header .public-headertop .login-button .login-div div { background-color: #00a641; background-image: linear-gradient(to right, #3aeb80, #00a641); } .main-theme-green .mailbox-index .mailbox-container .content .right .public-header .public-headertop .welcome { background-image: linear-gradient(to right, #3aeb80, #00a641); background-color: #00a641; } .main-theme-green .mailbox-index .mailbox-container .content .right .public-header .header-form-box .search-button { background-color: #00a641; } .main-theme-green .mailbox-index .mailbox-container .content .right .public-header .header-form-box .search-button.theme2 { background-color: blue; } .main-theme-green .mailbox-index .mailbox-container .content .right .public-header .mail-num-box i { background-color: #00a641; background-image: linear-gradient(to right, #3aeb80, #00a641); } .main-theme-green .mailbox-index .mailbox-container .content .right .public-box .public-mail .pagination-footer .layui-laypage .layui-laypage-em { background-color: #00a641; } .main-theme-green .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .send-box .button { background-color: #00a641; } .main-theme-green .mailbox-index .mailbox-container .content .right .public-box .my-mail .pagination-footer .layui-laypage .layui-laypage-em { background-color: #00a641; } .main-theme-green .mailbox-index .mailbox-container .content .right .public-box .my-collection .pagination-footer .layui-laypage .layui-laypage-em { background-color: #00a641; } .main-theme-green .mailbox-index .mailbox-container .qrcode-box .title { background-image: linear-gradient(to right, #3aeb80, #00a641); background-color: #00a641; box-shadow: 0px 8px 17px 0px rgba(0, 166, 65, 0.32); } .main-theme-green .myconfirm-class .layui-layer-title { background: #f2f2f2; font-weight: 500; color: #333333; border: none; } .main-theme-green .myconfirm-class .layui-layer-btn .layui-layer-btn0 { border-color: #999999; background-color: #ffffff; color: #666666; } .main-theme-green .myconfirm-class .layui-layer-btn .layui-layer-btn1 { border-color: #00a641; background-color: #00a641; color: #ffffff; } .main-theme-orange .mailbox-index .mailbox-container .content .left ul li.active { border: none; border-radius: 0; background-color: #e7562d; } .main-theme-orange .mailbox-index .mailbox-container .content .left ul li.active span { color: #fff; } .main-theme-orange .mailbox-index .mailbox-container .content .left .download { background: no-repeat; background-size: 100% 100%; } .main-theme-orange .mailbox-index .mailbox-container .content .right .public-header .public-headertop .title .active { color: #e7562d; } .main-theme-orange .mailbox-index .mailbox-container .content .right .public-header .public-headertop .login-button { background-color: #e7562d; background-image: linear-gradient(to right, #f39f6b, #e3393a); } .main-theme-orange .mailbox-index .mailbox-container .content .right .public-header .public-headertop .login-button .login-div div { background-color: #e7562d; background-image: linear-gradient(to right, #f39f6b, #e3393a); } .main-theme-orange .mailbox-index .mailbox-container .content .right .public-header .public-headertop .welcome { background-image: linear-gradient(to right, #f39f6b, #e3393a); background-color: #e7562d; } .main-theme-orange .mailbox-index .mailbox-container .content .right .public-header .header-form-box .search-button { background-color: #e7562d; } .main-theme-orange .mailbox-index .mailbox-container .content .right .public-header .header-form-box .search-button.theme2 { background-color: blue; } .main-theme-orange .mailbox-index .mailbox-container .content .right .public-header .mail-num-box i { background-color: #00a641; background-image: linear-gradient(to right, #f39f6b, #e3393a); } .main-theme-orange .mailbox-index .mailbox-container .content .right .public-box .public-mail .pagination-footer .layui-laypage .layui-laypage-em { background-color: #e7562d; } .main-theme-orange .mailbox-index .mailbox-container .content .right .public-box .write-mail .form-box .send-box .button { background-color: #e7562d; } .main-theme-orange .mailbox-index .mailbox-container .content .right .public-box .my-mail .pagination-footer .layui-laypage .layui-laypage-em { background-color: #e7562d; } .main-theme-orange .mailbox-index .mailbox-container .content .right .public-box .my-collection .pagination-footer .layui-laypage .layui-laypage-em { background-color: #e7562d; } .main-theme-orange .mailbox-index .mailbox-container .qrcode-box .title { background-image: linear-gradient(to right, #f39f6b, #e3393a); background-color: #e7562d; box-shadow: 0px 8px 17px 0px rgba(255, 87, 87, 0.32); } .main-theme-orange .myconfirm-class .layui-layer-title { background: #f2f2f2; font-weight: 500; color: #333333; border: none; } .main-theme-orange .myconfirm-class .layui-layer-btn .layui-layer-btn0 { border-color: #999999; background-color: #ffffff; color: #666666; } .main-theme-orange .myconfirm-class .layui-layer-btn .layui-layer-btn1 { border-color: #e7562d; background-color: #e7562d; color: #ffffff; }