You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
18 KiB
CSS
1 line
18 KiB
CSS
#user-ordertip *{box-sizing:border-box}#user-ordertip p{margin:0}#user-ordertip li{list-style:none}#user-ordertip .user_ordertip_mask{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.5;background-color:rgba(0,0,0,.502);z-index:99999}#user-ordertip .user_ordertip_dialog{cursor:default;position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0;z-index:100000}#user-ordertip .user_ordertip_dialog .num{color:#fc5531}#user-ordertip .user_ordertip_dialog .gift{word-break:break-all;height:20px;font-size:14px!important;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#bb9444!important;line-height:20px}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper{cursor:default;position:relative;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;border-radius:4px;width:690px!important;height:513px!important;padding:0!important}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_header{width:690px;height:50px;line-height:50px;background:#424244;border-radius:4px 4px 0 0;position:relative}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_header .dialog_title{display:flex;padding:0 32px;height:50px;line-height:50px;font-size:18px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#e5bd6c;margin:auto}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_header .dialog_title li{display:inline-block;user-select:none;height:50px;padding-left:12px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#c1a56a;line-height:50px;cursor:pointer;position:relative}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_header .dialog_title .active{font-size:18px!important;font-family:PingFangSC-Medium,PingFang SC;font-weight:500!important;color:#e5bd6c!important;position:relative}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_header .dialog_title .active::after{content:'';position:absolute;bottom:-1px;left:48%;width:0;height:0;border-bottom:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent;opacity:1!important}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_header .dialog_header_btn{position:absolute;top:5px;right:5px;color:#6c6c6d;width:22px;height:22px;font-size:30px;transform:rotate(45deg);cursor:pointer}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_header .dialog_header_btn:hover{color:#c4c4c8;cursor:pointer}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content{position:relative;background:#fff;border-radius:4px;width:690px;padding:33px;box-sizing:border-box}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_product{height:120px;display:flex;justify-content:center;align-items:flex-start}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_product .default{background:#fffcf7!important;border-radius:4px!important;border:2px solid #e5bd6c!important}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_product .dialog_vip{cursor:pointer;flex:1;display:flex;max-width:300px;height:109px;background:#fff;border-radius:4px;border:2px solid #f0f0f5;flex-direction:column;margin:0 10px;text-align:center;position:relative}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_product .dialog_vip:hover{background:#fffcf7;border-radius:4px;border:2px solid #e5bd6c}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_product .dialog_vip .product_amount{height:40px;font-size:44px;font-family:DINCondensed-Bold,DINCondensed;font-weight:400!important;color:#dfb36d;line-height:40px;width:100%;text-align:center}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_product .dialog_vip .product_amount span{width:18px;height:25px;font-size:18px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;line-height:25px;text-align:center;padding-right:4px}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_product .dialog_vip .vip_tj{display:block;position:absolute;bottom:-1px;right:-1px;width:40px;height:20px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff;background:#fc5531;border-radius:0 4px 0 4px}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_product .dialog_vip .product_name{height:25px;font-size:18px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#555666;line-height:25px;width:100%;margin:17px 0 18px 0;text-align:center}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_product .dialog_vip .product_tips{position:absolute;padding:4px 8px;height:24px;line-height:16px;background:#222226;border-radius:10px 0 10px 0;color:#f8c883;top:-12px;left:-2px;z-index:990;font-weight:600}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_product .dialog_vip.eBooks_box .product_desc .contract,#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_product .dialog_vip.eBooks_box .product_desc em{font-weight:400;font-size:12px;font-style:normal;color:#999aaa;position:relative;font-family:PingFangSC-Regular,PingFang SC}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_product .dialog_vip.eBooks_box .product_desc em{text-decoration:line-through}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_product .dialog_vip.eBooks_box .product_desc .contract_box{position:relative}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_product .dialog_vip.eBooks_box .product_desc .contract_box .first_order{position:absolute;top:-18px;left:0;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#774601;width:60px;height:20px;background:linear-gradient(153deg,#fff4bd 0,#f4c14f 100%);border-radius:2px;line-height:20px;font-style:normal}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_product .dialog_vip.eBooks_box .vip_tj{position:absolute;top:-10px;right:0;height:20px;width:59px;font-size:13px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#bb9444;background:#f0f0f5;border-radius:0 4px 0 4px}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_product .vip_margin{margin:0 10px 0 0}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_product .vip_margin_1{margin:0 0 0 10px}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .display{display:flex}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .no{display:none!important}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .block{display:block!important}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_rights{position:relative;margin-bottom:16px}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_rights .ordertip_dialog_title{user-select:none;width:93%;font-size:13px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#555666;line-height:24px;text-indent:-6em;margin-left:6em}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_rights .ordertip_dialog_title .vip_qy{user-select:none;text-align:right;display:inline-block;width:88px;height:24px;line-height:22px;border-radius:4px;padding-bottom:1px;border:1px solid rgba(187,148,68,.5);font-size:13px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#bb9444!important;position:relative;box-sizing:border-box;padding-right:6px;margin-left:5px;text-decoration:none;font-style:normal}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_rights .ordertip_dialog_title .vip_qy img{position:absolute;top:3px;left:6px;width:16px;height:16px;padding:0;border:0;opacity:1}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment{display:flex;color:#999aaa;padding:24px;width:625px;height:239px;background:#fff;border-radius:4px;border:2px solid #f0f0f5;margin-right:0!important;box-sizing:border-box}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .recharge_mode{width:155px;height:100%;text-align:center;padding:12px 12px;flex-shrink:0;background:#fff;border-radius:4px;border:1px solid #e8e8ed;margin-right:26px;position:relative}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .recharge_mode .recharge_mode_qr_code{display:inline-block;width:133px;height:133px}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .recharge_mode .recharge_mode_qr_code img{display:block}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .recharge_mode .loading{width:40px!important;height:40px!important;animation:spin 1s linear infinite;margin:40px auto 0;background:linear-gradient(to top,transparent,transparent)}@-moz-keyframes spin{from{transform:rotate(0)}to{transform:rotate(-360deg)}}@-webkit-keyframes spin{from{transform:rotate(0)}to{transform:rotate(-360deg)}}@-o-keyframes spin{from{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(-360deg)}}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .recharge_mode #ordertip_notify{cursor:pointer;display:none;position:absolute;width:133px;height:133px;top:12px;left:11px;z-index:99;background:rgba(0,0,0,.8);margin-bottom:5px}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .recharge_mode #ordertip_notify img{width:40px;height:40px;margin:25px auto 0}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .recharge_mode #ordertip_notify .pay_tip{font-size:12px;color:#ccc;display:block;width:100%;line-height:20px;text-align:center}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .recharge_mode .scan_code{position:absolute;bottom:0;height:32px;text-align:center;display:flex;justify-content:center;align-items:center;width:80%;padding-bottom:10px}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .recharge_mode .scan_code .icon_item{width:18px;height:18px}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .recharge_mode .scan_code .unionpay{display:none}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .recharge_mode .scan_code .pay_intro{font-size:14px;color:#555666;line-height:22px;vertical-align:text-top}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .recharge_mode .scan_code span{color:#555666!important}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .none{visibility:hidden!important}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box{display:flex;flex-direction:column;font-size:14px;font-weight:400;margin:auto 0}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc{flex:1}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc li{user-select:none;margin-bottom:8px;max-width:390px;max-height:36px;overflow:hidden}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc li img{width:16px;margin-right:4px;vertical-align:middle}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .btn{display:none;cursor:pointer;text-align:center;width:140px;height:36px;font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fff;line-height:21px;background:#fc5531;border-radius:24px;text-decoration:none}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .user_balance{cursor:pointer;color:#555666;margin-top:16px;display:flex;align-items:center;position:relative;overflow:inherit}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .user_balance img{width:14px;height:14px;margin-right:6px}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .user_balance .checked{display:none}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .user_balance .unchecked{display:block}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .user_balance .help,#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .user_balance .num{margin-left:6px}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .user_balance .balance_tips_box{display:inherit;position:relative}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .user_balance .balance_tips_box .help:hover+.balance_tips{display:block}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .user_balance .balance_tips_box .balance_tips{position:absolute;width:227px;height:122px;background:#fff;box-shadow:0 0 4px 0 rgba(184,184,184,.43);border:1px solid #d9e1e9;z-index:99;top:29px;left:-18px;text-align:left;padding:8px 12px;border-radius:4px;font-size:12px;color:#555666;line-height:18px;display:none}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .user_balance .balance_tips_box .balance_tips b{display:block;margin-bottom:5px}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .user_balance .balance_tips_box .balance_tips em{font-style:normal;display:block;margin-top:5px}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .user_balance .balance_tips_box .balance_tips .chat:before{content:"";border:8px solid transparent;border-bottom-color:#d9e1e9;position:absolute;left:20px;top:3px;margin-top:-20px}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .user_balance .balance_tips_box .balance_tips .chat:after{content:"";border:8px solid transparent;border-bottom-color:#fff;position:absolute;top:3px;left:20px;margin-top:-19px}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .agree{font-weight:400;font-size:12px;font-style:normal;color:#999aaa;cursor:pointer;margin-top:16px;display:flex;align-items:center;position:relative;overflow:inherit;display:none}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .agree img{cursor:pointer;display:inline-block;width:14px;height:14px;margin-bottom:1px;margin-left:8px}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .agree .checked{display:none}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .agree .unchecked{display:block}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .active .checked{display:block}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .active .unchecked{display:none}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .amount_actually{font-size:14px;font-weight:500;color:#222226;margin-bottom:13px}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .amount_actually .num{font-size:18px;font-weight:500;color:#fc5531;line-height:25px;margin:0 8px}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .amount_actually .num b{font-size:30px;font-weight:600;line-height:40px}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .amount_actually em{font-weight:400;font-size:12px;font-style:normal;color:#999aaa;text-decoration:line-through}#user-ordertip .user_ordertip_dialog .ordertip_dialog_wrapper .dialog_wrapper_content .dialog_payment .commodity_box .commodity_desc .amount_actually em i{font-style:normal} |