.clr-f70{ color: #f70 !important; } .clr-d5a03a{ color: #e1c39c !important; } .clr-e1c39c{ color: #e1c39c !important; } .nobility-hide{ display: none; } .dialog-nobility-center { position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: 1000 ; } .dialog-openNobility { width: 809px; height: 602px; background-color: #fff; border-radius: 4px; } .dia-openTitle { position: relative; height: 50px; background: url(../../res/page/room-normal/microphone/dia-title.png?20161230) no-repeat center top; font-weight: bold; color: #fff; line-height: 50px; } .dia-tt { width: 0; height: 0; overflow: hidden; text-indent: -9999px; } .dia-cls { position: absolute; width: 20px; height: 20px; right: 22px; top: 28px; text-indent: -9999px; background: url(../../res/page/room-normal/microphone/close.png?20190801) 0 0 no-repeat; overflow: hidden; } .dia-con-wp{ position: relative; height: 554px; margin: 0 auto; } .dia-openTitle{ height: 169px; } .dialog-nobility-foot-bg{ position: absolute; left: 0; bottom: 0; width: 100%; height: 38px; } .dia-openMain { padding: 42px 20px 0 20px; } .dia-openHead { font-size: 16px; line-height: 24px; color: #f70; font-weight: bold; } .dia-openCon { position: relative; margin-top: 40px; height: 312px; padding-top: 18px; } .dia-openCon-pic-wp { position: absolute; left: 0; top: 0; width: 330px; height: 328px; text-align: center; background: url(../../res/page/room-normal/microphone/dialog_medal_bg.png?20170831) no-repeat; } .dia-openCon-tt { font-size: 17px; line-height: 24px; margin-bottom: 20px; color: #c2b290; font-weight: 400; text-align: left; margin-left: 20px; } .dia-openCon-tt .total-privilege{ font-size: 12px; font-weight: bold; } .dia-openCon-pic { position: absolute; left: 16px; top: 37px; right: 0; bottom: 0; width: 250px; height: 250px; text-align: center; } .dia-openCon-pic-head{ margin-top: 38px; } .dia-openCon-pic-mask { width: 250px; height: 250px; } .dia-openCon-pic-wp .dia-openCon-nk { position: absolute; left: 86px; bottom: 20px; width: 110px; line-height: 28px; font-size: 14px; color: #e1c39c; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dashed-line { float: left; margin-top: 54px; width: 0; height: 207px; border-left: 1px dashed #dbdbdb; } .dia-openCon-main-wp { width: 506px; margin-left: 40px; } .dia-openCon-main { height: 311px; overflow: auto; font-size: 0; } .dia-openCon-item { margin-left: 20px; width: 224px; height: 80px; } .dia-openCon-item-pic { float: left; width: 50px; height: 50px; } .dia-openCon-item-pic img { width: 100%; height: 100%; } .dia-openCon-item-tt { margin-left: 66px; margin-bottom: 8px; font-size: 14px; font-weight: 700; color: #c2b290; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; } .dia-openCon-item-txt { display: block; margin-left: 66px; font-size: 12px; color: #777; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; } .dia-openFoot { padding: 54px 20px 0; } .dia-openFoot-p { float: left; font-size: 14px; color: #777; } .dia-openFoot-p span { font-size: 12px; color: #666; } .dia-open-btn { float: right; width: 160px; height: 53px; line-height: 50px; font-size: 16px; text-align: center; color: #fff; font-weight: 700; background: url(../../res/page/room-normal/microphone/privilege_open_btn.png?20170831) 0 0 no-repeat; -webkit-text-shadow: #b75922 1px 0 0,#b75922 0 1px 0, 2.#b75922 -1px 0 0,#b75922 0 -1px 0; -moz-text-shadow: #b75922 1px 0 0,#b75922 0 1px 0,#b75922 -1px 0 0,#b75922 0 -1px 0; text-shadow: #b75922 1px 0 0, #b75922 0 1px 0, #b75922 -1px 0 0, #b75922 0 -1px 0; filter: progid:DXImageTransform.Microsoft.Glow(Color='#b75922', Strength='1'); } .dia-open-btn:hover { background-position: -160px 0; } .dia-open-btn-disabled{ cursor: default; background-position: -320px 0; -webkit-text-shadow: #555 1px 0 0,#555 0 1px 0, 2.#555 -1px 0 0,#555 0 -1px 0; -moz-text-shadow: #555 1px 0 0,#555 0 1px 0,#555 -1px 0 0,#555 0 -1px 0; text-shadow: #555 1px 0 0, #555 0 1px 0, #555 -1px 0 0, #555 0 -1px 0; filter: progid:DXImageTransform.Microsoft.Glow(Color='#555', Strength='1'); } .dia-open-btn.dia-open-btn-disabled:hover{ background-position: -320px 0; } .dialog-buyNobility { width: 873px; height: 596px; padding: 58px 20px 20px; border-radius: 4px; background: url(../../res/page/room-normal/microphone/dialog_nobility_bg.png?20170910) top center no-repeat; } .dialog-buyNobility-loading { background: #fff url(../../res/com/loading.gif?20170107) no-repeat center center; } .dialog-buyNobility .dia-openMain { padding: 12px 17px 0 16px; } .dialog-buyNobility .dia-openHead { height: 68px; font-size: 0; } .dia-openHead-pic { display: inline-block; position: relative; width: 50px; height: 50px; vertical-align: middle; font-weight: normal; border: 3px solid #fff; border-radius: 50%; overflow: hidden; } .dia-openHead-pic img{ width: 50px; height: 50px; } .dia-openHead-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../res/page/room-normal/microphone/head-pic-mask-small.png?20161231) no-repeat; } .dia-openHead-p { display: inline-block; margin-left: 12px; font-size: 12px; color: #777; vertical-align: middle; font-weight: normal; } .dia-openHead-p .nkname { font-size: 14px; font-weight: bold; color: #e1c39c; } .kids-limit { font-size: 12px; color: #777; float: left; margin-left: 10px; margin-top: 16px; } .dia-compare-btn { float: right; display: block; margin: 18px 0 0 10px; padding: 0 18px; line-height: 26px; font-size: 12px; font-weight: bold; background-color: #e3b355; color: #ffffff; text-align: center; border: 1px solid #e3b355; border-radius: 26px; } .dia-compare-btn1, .dia-compare-btn2, .dia-presented-btn{ float: right; display: block; width: 112px; height: 28px; margin-top: 13px; margin-left: 10px; background: url(../../res/page/room-normal/microphone/privilege_faq_btn.png?20170831) no-repeat; } .dia-presented-btn{ width: 114px; height: 30px; margin-top: 12px; color: #e3b355; background-image: url(../../res/page/room-normal/microphone/for_friend_btn.png?20170831); } .dia-compare-btn1 { width: 90px; height: 28px; margin-top: 13px; color: #e3b355; background-image: url(../../res/page/room-normal/microphone/ncompare_pop_btn.png?20190801); cursor: pointer; } .dia-compare-btn1:hover, .dia-compare-btn2:hover, .dia-presented-btn:hover{ opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } .dia-compare-btn:hover{ background-color: #d5a03a; color: #fff; } .dia-con-banner { display: block; width: 454px; height: 29px; padding-top: 45px; font-size: 12px; color: #777; text-align: center; background: url(../../res/page/room-normal/microphone/banner-small01.png?20230801) 0 0 no-repeat; margin-bottom: 12px; margin-left: 20px; cursor: pointer; } .dia-con-banner.hd { width: 440px; padding-left: 14px; } .dia-con-banner.hs { background: url(../../res/page/room-normal/microphone/banner-small.png?20230801) 0 0 no-repeat; } .dia-con-banner-icon{ display: inline-block; position: relative; width: 16px; height: 16px; background: url(../../res/page/room-normal/microphone/icon-hs.png?20190801) 0 0 no-repeat; margin-bottom: -3px; cursor: pointer; } .dia-con-banner-tips{ display: none; position: absolute; top: 100%; right: -40px; font-size: 12px; width: 280px; color: #999; padding: 8px 14px; margin-top: 8px; background-color: #191a1e; border: 1px solid #a38b6a; cursor: default; text-align: left; z-index: 3; } .dia-con-banner-icon:hover .dia-con-banner-tips{ display: block; } /*幻神脚部*/ .dia-footer-hsTxt { margin-top: 2px; font-size: 12px; line-height: 24px; color: #777; } .dia-nobility-tab{ width: 842px; height: 60px; margin-bottom: 10px; border: 0; border-collapse: collapse; border-spacing: 0; table-layout: fixed; background: url(../../res/page/room-normal/microphone/dialog_nobility_bg1.png?20170910) no-repeat; white-space: nowrap; } .dia-nobility-tab tbody{ margin: 0; padding: 0; font-size: 0; overflow: hidden; } .dia-nobility-tab td{ padding: 0; margin: 0; } .dia-tab-btn { display: block; position: relative; width: 100%; height: 59px; line-height: 59px; border-bottom: 0; vertical-align: middle; text-align: center; font-size: 14px; color: #766a5b; /*e1c39c*/ font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dia-tab-btn:before { content: ''; position: absolute; z-index: 0; width: 2px; height: 58px; top: 1px; left: 0; background: url(../../res/page/room-normal/microphone/line_space.png?20170831) no-repeat; } .dia-nobility-tab td:first-child .dia-tab-btn::before{ content: ''; display: none; } .dia-tab-btn img{ opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); } .dia-nobility-tab th .dia-tab-btn{ display: block; width: 94px; height: 58px; line-height: 58px; color: #766a5b; font-size: 14px; vertical-align: middle; text-align: center; } .dia-nobility-tab th .dia-tab-btn:before{ content:''; display: none; } .dia-nobility-icon { display: inline-block; width: 44px; height: 44px; vertical-align: middle; margin-top: -3px; } .dia-nobility-name { display: inline-block; vertical-align: middle; max-width: 40px; max-height: 44px; line-height: 1.2; overflow: hidden; white-space: normal; cursor: pointer; } .dia-nobility-tab th{ width: 94px; } .dia-nobility-tab th:hover .dia-tab-btn, .dia-nobility-tab td:hover .dia-tab-btn, .dia-nobility-tab th.cur .dia-tab-btn, .dia-nobility-tab td.cur .dia-tab-btn{ color: #e1c39c; } .dia-nobility-tab td:hover .dia-tab-btn img, .dia-nobility-tab td.cur .dia-tab-btn img{ opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .dia-nobility-tab td.cur{ background: url(../../res/page/room-normal/microphone/dialog_nobility_on2.png?20170910) no-repeat; background-position: 50% 1px; } .dia-nobility-tab th:hover{ color: #e1c39c; } .dia-nobility-tab th.cur{ background: url(../../res/page/room-normal/microphone/dialog_nobility_on1.png?20170831) no-repeat; background-position: 50% 1px; } .dialog-buyNobility .dia-openCon { margin-top: 0; margin-left: 1px; } .dialog-buyNobility .dia-openFoot { padding: 10px 0; } .dialog-buyNobility .dia-openFoot-p { position: relative; width: 636px; height: 42px; margin-top: 2px; font-size: 14px; line-height: 24px; color: #777; } .dialog-buyNobility .dia-openFoot-p span { color: #666; } .dialog-buyNobility .dia-openFoot-p .dia-openFoot-dia { position: relative; display: inline-block; padding-right: 16px; background: url(../../res/page/room-normal/microphone/icon-question.png?20161231) no-repeat right center; cursor: pointer; } .dialog-buyNobility .dia-openFoot-p .dia-openFoot-dia:hover .dia-nobility-float { visibility: visible; } .dialog-buyNobility .dia-openFoot-p .dia-openFoot-activity{ display: inline-block; position: relative; height: 20px; line-height: 19px; padding: 0 5px; margin-right: 6px; color: #fff; background: #d5a03a; border-radius: 10px; cursor: pointer; } .dialog-buyNobility .dia-openFoot-p .dia-renew{ position: absolute; right: 0; top: 10px; } .dialog-buyNobility .dia-renew .dia-nobility-float{ left: auto; right: 0; margin-left: 0; margin-right: -144px; } .dialog-buyNobility .dia-renew .icon-arrow{ left: 278px; } .dialog-buyNobility .dia-renew .icon-arrow2{ left: 278px; } .dia-nobility-float { display: inline; visibility: hidden; position: absolute; bottom: 26px; right: -293px; z-index: 3; width: 403px; padding: 5px 15px 2px; background-color: #26252b; border: 1px solid #4b453c; cursor: default; } .dia-nobility-float h4 { font-size: 13px; line-height: 34px; font-weight: bold; color: #e1c39c; } .dia-nobility-float li { margin-bottom: 10px; font-size: 12px; line-height: 18px; color: #dedede; } .dia-nobility-float em { color: #d5a03a; } .dia-nobility-float .icon-arrow, .dia-nobility-float .icon-arrow2, .dia-nobility-activity .icon-arrow, .dia-nobility-activity .icon-arrow2{ display: block; position: absolute; left: 129px; bottom: -8px; width: 0; height: 0; border-top: 8px solid #4b453c; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 0; } .dia-nobility-float .icon-arrow2, .dia-nobility-activity .icon-arrow2{ bottom: -7px; border-top-color:#26252b; } .dia-nobility-activity .icon-arrow, .dia-nobility-activity .icon-arrow2{ left: 34px; } /*.dia-openFoot-activity:hover .dia-nobility-activity{ display: block; }*/ .dia-nobility-activity{ display: none; position: absolute; left: -10px; bottom: 27px; width: 400px; background: #26252b; border: 1px solid #4b453c; border-radius: 4px; cursor: default; } .dia-nobility-activity.first-in-show{ display: block; } .nobility-activity-title{ padding: 14px 13px 0px; text-align: left; } .nobility-activity-title h2, .nobility-activity-content h2{ font-size: 14px; color: #e1c39c; font-weight: 700; } .nobility-activity-title p{ line-height: 24px; font-size: 12px; color: #fff; } .nobility-activity-title .nobility-activity-notice{ color: #888888; } .nobility-activity-content{ padding: 13px; font-size: 0; } .nobility-activity-content p{ font-size: 14px; } .normal-nobility-renew, .activity-nobility-renew{ display: inline-block; width: 180px; height: 91px; margin-top: 10px; font-size: 12px; vertical-align: top; background: url(../../res/page/room-normal/microphone/tips_bg2.jpg?20170831) no-repeat; border: 1px solid #4b453c; } .activity-nobility-renew{ margin-left: 10px; background-image: url(../../res/page/room-normal/microphone/tips_bg3.jpg?20170831); } .normal-nobility-renew p, .activity-nobility-renew p{ padding: 0 12px; line-height: 24px; font-size: 12px; } .nobility-renew-title{ display: inline-block; line-height: 25px; padding: 0 6px; margin-bottom: 8px; background: #1e1e1e; border-right: 1px solid #4b453c; border-bottom: 1px solid #4b453c; } .activity-nobility-renew .nobility-renew-title{ color: #e1c39c; } .activity-close-btn{ position: absolute; right: 4px; top: 4px; width: 19px; height: 19px; background: url(../../res/page/room-normal/microphone/icons.png?20170922) -36px 4px no-repeat; cursor: pointer; } .nobility-compare-head { height: 58px; } .nobility-compare-head p { display: inline-block; padding-left: 20px; font-size: 16px; line-height: 58px; color: #333; font-weight: bold; } .nobility-compare-head .dia-compare-btn { margin-top: 15px; margin-right: 20px; } .nobility-compare-con { width: 100%; overflow-y: auto; } .nobility-compare-tr { position: relative; width: 100%; height: 47px; font-size: 0; border-top: 3px solid #ffe9d5; background-color: #fff7f0; z-index: 2; } .nobility-compare-tr span { display: inline-block; width: 113px; height: 47px; line-height: 47px; text-align: center; font-size: 12px; font-weight: bold; color: #666; } .nobility-compare-tr span i { display: inline-block; width: 20px; height: 20px; vertical-align: middle; } .nobility-compare-tr .nobility-compare-st { margin-top: -3px; width: 108px; height: 50px; border-top: 3px solid #ffc997; background: url(../../res/page/room-normal/microphone/dia-tab-bg.png?20161231) no-repeat 0 -3px; } .compareWrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } .compareClose{ position: absolute; left: 14px; top: 18px; color: #777; font-size: 14px; padding-left: 18px; cursor: pointer; } .compareClose::before { content: ""; width: 7px; height: 12px; position: absolute; left: 0; top: 5px; background: url(../../res/page/room-normal/microphone/arrow.png?v=20190801) left top no-repeat; } .compareTitle{ color: #e1c39c; font-size: 16px; font-weight: 600; height: 34px; text-align: center; border-bottom: 1px solid #342f27; padding-top: 52px; background: url(../../res/page/room-normal/microphone/compare03.png?v=20190801) 11px bottom no-repeat; } .compareCon{ padding: 14px 12px 0; background: #191a1e; } .compareCon-border{ border: 1px solid #6d6353; } .compareCon-title{ width: 100%; font-size: 0; border: 1px solid #212121; border-left: 0; white-space: nowrap; text-align: center; } .compareCon-title span { display: inline-block; vertical-align: middle; width: 93px; height: 43px; font-size: 14px; color: #e1c39c; border-right: 1px solid #000; background: url(../../res/page/room-normal/microphone/compare02.png?v=20190801) center center repeat-x; } .compareCon-title span::after { content: ""; width: 0; height: 100%; display: inline-block; vertical-align: middle; overflow: hidden; } .compareCon-title span:last-child { border-right: 0; } .compareCon-title span.compareCon-titleFirst { background: url(../../res/page/room-normal/microphone/compare01.png?v=20190801) center center repeat-x; } .nobility-buy-td, .nobility-compare-td { position: relative; height: 329px; background: #020406 url(../../res/page/room-normal/microphone/dialog_nobility_bg2.png?20170831); overflow: hidden; } .nobility-compare-td { height: 399px; background-image: none; } .nobility-buy-td { border: 1px solid #6d6353; } .nobility-compare-td table td { height: 51px; border-bottom: 1px solid #222; font-size: 0; overflow: hidden; } .nobility-buy-td table, .nobility-compare-td table{ width: 100%; text-align: center; border: 1px solid #000; border-collapse: collapse; table-layout: fixed; } .nobility-compare-td strong, .nobility-compare-td span { display: inline-block; max-height: 51px; text-align: center; font-size: 12px; color: #e1c39c; overflow: hidden; } .nobility-compare-td strong { width: 92px; color: #e1c39c; background-color: #23232b; } .nobility-compare-td table th{ width: 92px; background-color: #23232b; } .nobility-compare-td .icon-state { display: inline-block; width: 8px; height: 10px; background: url(../../res/page/room-normal/microphone/icons.png?20161231) no-repeat; } .nobility-compare-td .icon-state-yes { background-position: -120px 0; } .nobility-compare-td .icon-state-no { background-position: -160px 0; } .dialog-privilege-microphone{ padding-top: 171px; width: 336px; height: 120px; background: #fff url(../../res/page/room-normal/microphone/privilege-microphone.png?20170112) no-repeat; text-align: center; } .dialog-privilege-microphone .dialog-cls{ position: absolute; right: 0; top: 0; width: 32px; height: 32px; text-indent: -999px; overflow: hidden; } .dialog-privilege-microphone .dialog-title{ font-size: 18px; line-height: 38px; font-weight: bold; color: #fd6945; } .dialog-privilege-microphone .dialog-sp{ font-size: 12px; line-height: 16px; color: #555555; } .dialog-privilege-microphone .dialog-openN{ display: inline-block; margin-top: 10px; width: 254px; height: 40px; background-color: #fd6945; font-size: 16px; line-height: 40px; text-align: center; font-weight: bold; border-radius: 4px; color: #ffffff; } .dialog-privilege-microphone .dialog-openN:hover{ background-color: #f14e27 !important; } .dialog-buyNobility .mCSB_scrollTools{ width: 8px !important; } .dialog-buyNobility .mCSB_inside > .mCSB_container{ margin-right: 0px !important; } .dialog-buyNobility .mCSB_inside > .mCSB_scrollTools{ margin: 10px 4px 13px 0; } .dialog-buyNobility .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ margin-left: 1px; width: 8px !important; background: #af9a6b !important; background: linear-gradient(#b49f6b, #766648) !important; } .dialog-buyNobility .mCSB_scrollTools .mCSB_draggerRail{ width: 8px !important; background: #292a2f !important; background: linear-gradient(#333439, #1c1d21) !important; border: 1px solid #000; } /*续费角标*/ .noble-renew{ position: absolute; width: 48px; height: 42px; margin-left: -32px; margin-top: -1px; background: url(../../res/page/room-normal/microphone/noble_renew.png?201700831) no-repeat; } /*贵族FAQ进入按钮*/ .dia-compare-btn.compare-faq-btn{ margin-right:0px; color: #e3b355; background-color: #fff; border: 1px solid #e3b355; } .dia-compare-btn.compare-faq-btn:hover{ background-color: #e3b355; color: #fff; } .dia-openMain-loading{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../../res/page/room-normal/microphone/loading.gif?20170216) center no-repeat; } /*贵族周年庆购买弹?start*/ .dialog-buyNobility-anniversary:before{ position: absolute; content: ''; left: 50%; top: 76px; width: 127px; height: 44px; margin-left: -70px; background: url(../../activity/res/nobleanniversary/buy_anniversary.png?v=20180108) no-repeat; } .dialog-buyNobility .dia-openFoot-p .dia-openFoot-dia.dia-openFoot-anniversary{ display: inline-block; margin-right: 6px; vertical-align: middle; padding: 0; width: 60px; height: 20px; background-position: center center; background-repeat: no-repeat; color: #fff; border-radius: 10px; } .dia-openFoot-anniversary .dia-nobility-float{ right: -362px; } .dia-openFoot-anniversary .dia-nobility-float .icon-arrow, .dia-openFoot-anniversary .dia-nobility-float .icon-arrow2{ left: 38px; } /*贵族周年庆购买弹?end*/ /*游侠狂欢?s */ .dia-paladin-tips { display: none; position: absolute; left: -20px; bottom: 20px; padding-top: 112px; width: 425px; height: 128px; background-position: center center; background-repeat: no-repeat; text-align: center; color: #999; } .dia-openFoot-anniversary:hover .dia-paladin-tips { display: block; } /*游侠狂欢?e */ ٶ