Files
GuideInfrared/编程资料/离线网页资料/001/SaaS、PaaS、IaaS的区别_files/user-ordertip.css

1 line
19 KiB
CSS
Raw Normal View History

2026-02-01 21:55:55 +08:00
.user-ordertip{font-family:PingFangSC-Medium,PingFang SC;font-size:12px;font-weight:400;color:#222226;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.user-ordertip *{box-sizing:border-box}.user-ordertip img{vertical-align:unset}.user-ordertip p{margin:0}.user-ordertip .none{display:none!important}.user-ordertip .show{display:block!important}.user-ordertip .visnone{visibility:hidden!important}.user-ordertip .ellipis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-ordertip .ordertip_dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:4px;overflow:auto;margin:0;width:690px;z-index:100000;overflow:hidden}.user-ordertip .ordertip_dialog .ordertip_header{height:56px;background-color:#424244;padding:8px 16px;position:relative}.user-ordertip .ordertip_dialog .ordertip_header .ordertip_header_btn{position:absolute;top:8px;right:5px;color:#6c6c6d;width:22px;height:22px;font-size:30px;transform:rotate(45deg);cursor:pointer}.user-ordertip .ordertip_dialog .ordertip_header .ordertip_user{height:100%;display:flex;justify-content:flex-start}.user-ordertip .ordertip_dialog .ordertip_header .ordertip_user .ordertip_user_head{width:40px;height:40px;margin-right:4px;border-radius:50%}.user-ordertip .ordertip_dialog .ordertip_header .ordertip_user .ordertip_user_info{color:#fff;font-size:12px;font-weight:400;max-width:580px}.user-ordertip .ordertip_dialog .ordertip_header .ordertip_user .ordertip_user_info .ordertip_user_name{line-height:24px;font-weight:700}.user-ordertip .ordertip_dialog .ordertip_header .ordertip_user .ordertip_user_info .ordertip_user_name.vip{color:#f8c883}.user-ordertip .ordertip_dialog .ordertip_header .ordertip_user .ordertip_user_info .ordertip_user_name.vip img{display:inline-block}.user-ordertip .ordertip_dialog .ordertip_header .ordertip_user .ordertip_user_info .ordertip_user_name img{display:none;width:14px;height:14px;vertical-align:top;margin-top:5px;margin-left:2px}.user-ordertip .ordertip_dialog .ordertip_header .ordertip_user .ordertip_user_info .ordertip_user_vipdesc{line-height:16px}.user-ordertip .ordertip_dialog .ordertip_tab_list{height:42px;background-color:#f0f0f2;display:flex}.user-ordertip .ordertip_dialog .ordertip_tab_list .ordertip_tab_item{flex-grow:1;height:42px;text-align:center;padding-top:8px;cursor:pointer}.user-ordertip .ordertip_dialog .ordertip_tab_list .ordertip_tab_item .ordertip_tab_title{height:16px;line-height:16px;font-size:14px;color:#222226;font-weight:700;margin-bottom:0}.user-ordertip .ordertip_dialog .ordertip_tab_list .ordertip_tab_item .ordertip_tab_title img{width:16px;height:16px;vertical-align:top;margin-right:4px}.user-ordertip .ordertip_dialog .ordertip_tab_list .ordertip_tab_item .ordertip_tab_desc{font-size:12px;line-height:16px;color:#555666}.user-ordertip .ordertip_dialog .ordertip_tab_list .ordertip_tab_item.active{background-color:#fff}.user-ordertip .ordertip_dialog .ordertip_content{width:690px;max-height:520px;padding:16px 32px 0;box-sizing:border-box;background-color:#fff;overflow:auto;position:relative}.user-ordertip .ordertip_dialog .ordertip_content .ordertip_c_goodslist{height:90px;margin:0 0 16px;overflow:hidden;position:relative}.user-ordertip .ordertip_dialog .ordertip_content .ordertip_c_goodslist .ordertip_c_goodslist_scroll{height:inherit;width:auto;display:inline-flex;justify-content:flex-start;overflow:hidden;transform:translateX(0);transition:all .2s;padding-top:10px}.user-ordertip .ordertip_dialog .ordertip_content .ordertip_c_goodslist .ordertip_c_l_goodsitem{flex-shrink:0;width:160px;height:80px;position:relative;border-radius:2px;border:1px solid #f5f6f7;background-color:#f5f6f7;box-sizing:border-box;margin:0 16px 0 0;padding:8px 0 0 0;cursor:pointer;text-align:center}.user-ordertip .ordertip_dialog .ordertip_content .ordertip_c_goodslist .ordertip_c_l_goodsitem .ordertip_c_l_b_tips{color:#fff;position:absolute;top:-10px;left:-1px;height:18px;line-height:18px;padding:0 8px;margin:0;background:linear-gradient(90deg,#fc5531 0,#fc1944 100%);border-radius:9px 9px 9p