@charset "UTF-8";
/* S Compass */
.spr-sprite, .spr-arrow-l, .spr-arrow-next, .spr-arrow-r, .spr-btn-close, .spr-btn-exchange, .spr-btn-open, .spr-btn-send, .spr-btn-share, .spr-bubble, .spr-gift-tit, .spr-item, .spr-level-line, .spr-line-hd1, .spr-line-hd2, .spr-point, .spr-pop-1, .spr-pop-btn-exchange, .spr-pop-tit1, .spr-pop-tit2, .spr-pop-tit3, .spr-progress-bar, .spr-progress-bg, .spr-rule-num, .spr-share-1, .spr-share-2, .spr-share-3, .spr-share-4, .spr-share-h1, .spr-share-h2, .spr-share-h3, .spr-share-h4, .spr-sign-f, .spr-sign-h, .spr-sign-tip, .spr-sign, .spr-textarea, .g-rule li span, .g-my-badge .m-sign li, .g-my-badge .m-sign li.nosign, .g-my-badge .m-sign li.finished, .g-my-badge .m-sign .slick-prev, .g-my-badge .m-sign .slick-next, .g-my-badge .m-badge-list dt:before, .g-my-badge .m-badge-list dt:after, .g-gift .m-progress .spr-progress-bar p:after, .g-gift .m-progress .txt:before, .g-gift .m-skin .slick-prev, .g-gift .m-skin .slick-next, .g-more li, .g-pop-share-redpacket .m-sns .tg-sns .tg-sns-wechat, .g-pop-share-redpacket .m-sns .tg-sns .tg-sns-wechat:hover, .g-pop-share-redpacket .m-sns .tg-sns .tg-sns-qq, .g-pop-share-redpacket .m-sns .tg-sns .tg-sns-qq:hover, .g-pop-share-redpacket .m-sns .tg-sns .tg-sns-qzone, .g-pop-share-redpacket .m-sns .tg-sns .tg-sns-qzone:hover, .g-pop-share-redpacket .m-sns .tg-sns .tg-sns-sina, .g-pop-share-redpacket .m-sns .tg-sns .tg-sns-sina:hover, .g-pop-share-badge .m-badge .badge .badge-box, .g-pop-exchange .m-badge:before, .g-pop-exchange .m-badge:after, .spr-select-share, .spr-select-demand, .spr-pop-tit4, .g-my-badge .m-sign li.signed,.g-faq ul li:before, .spr-btn-check,.dia-close, .g-pop-weibo-v li i, .g-pop-weibo-v li a, .spr-gift-tit2{ background-image: url('//ossweb-img.qq.com/images/lol/act/a20161222badge/spr.png'); background-repeat: no-repeat; }

.spr-arrow-l { background-position: 0 0; height: 68px; width: 41px; }

.spr-arrow-next { background-position: 0 -73px; height: 22px; width: 17px; }

.spr-arrow-r { background-position: 0 -100px; height: 68px; width: 41px; }

.spr-btn-close { background-position: 0 -173px; height: 50px; width: 50px; }

.spr-btn-exchange { background-position: 0 -228px; height: 87px; width: 312px; }

.spr-btn-open { background-position: 0 -320px; height: 87px; width: 312px; }

.spr-btn-send { background-position: 0 -412px; height: 65px; width: 202px; }

.spr-btn-share { background-position: 0 -482px; height: 87px; width: 312px; }

.spr-bubble { background-position: 0 -574px; height: 38px; width: 38px; }

.spr-gift-tit { background-position: 0 -617px; height: 58px; width: 598px; }

.spr-item { background-position: 0 -680px; height: 201px; width: 235px; }

.spr-level-line { background-position: 0 -886px; height: 25px; width: 211px; }

.spr-line-hd1 { background-position: 0 -916px; height: 25px; width: 520px; }

.spr-line-hd2 { background-position: 0 -946px; height: 25px; width: 520px; }

.spr-point { background-position: 0 -976px; height: 15px; width: 15px; }

.spr-pop-1 { background-position: 0 -996px; height: 136px; width: 170px; }

.spr-pop-btn-exchange { background-position: 0 -1137px; height: 65px; width: 202px; }

.spr-pop-tit1 { background-position: 0 -1207px; height: 33px; width: 717px; }

.spr-pop-tit2 { background-position: 0 -1245px; height: 32px; width: 638px; }

.spr-pop-tit3 { background-position: 0 -1282px; height: 32px; width: 638px; }

.spr-progress-bar { background-position: 0 -1319px; height: 20px; width: 643px; }

.spr-progress-bg { background-position: 0 -1344px; height: 26px; width: 649px; }

.spr-rule-num { background-position: 0 -1375px; height: 25px; width: 25px; }

.spr-share-1 { background-position: 0 -1405px; height: 50px; width: 50px; }

.spr-share-2 { background-position: 0 -1460px; height: 50px; width: 50px; }

.spr-share-3 { background-position: 0 -1515px; height: 50px; width: 50px; }

.spr-share-4 { background-position: 0 -1570px; height: 50px; width: 50px; }

.spr-share-h1 { background-position: 0 -1625px; height: 50px; width: 50px; }

.spr-share-h2 { background-position: 0 -1680px; height: 50px; width: 50px; }

.spr-share-h3 { background-position: 0 -1735px; height: 50px; width: 50px; }

.spr-share-h4 { background-position: 0 -1790px; height: 50px; width: 50px; }

.spr-sign-f { background-position: 0 -1845px; height: 448px; width: 250px; }

.spr-sign-h { background-position: 0 -2298px; height: 448px; width: 250px; }

.spr-sign-tip { background-position: 0 -2751px; height: 40px; width: 253px; }

.spr-sign { background-position: 0 -2796px; height: 448px; width: 250px; }

.spr-textarea { background-position: 0 -3249px; height: 134px; width: 335px; }

.spr-pop-tit4 { background-position: 0 -3393px; height: 33px; width: 717px;}

/* E Compass */
body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, p, form { margin: 0; }

body, button, input, select, textarea { font: 12px/1.5 tahoma,'\5b8b\4f53',sans-serif; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

em, b { font-style: normal; }

a { text-decoration: none;outline: none; }

a:hover { text-decoration: none; }

img { border: 0; }

button, input, select, textarea { font-size: 100%; outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

td, th, ul, ol { padding: 0; }

ul, ol, dl { list-style: none; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.fl { float: left; }

.fr { float: right; }

#footer_ied { background: #1c1c1c; text-align: center; height: 156px; }

#footer_ied .wrap_ied { width: 1240px; margin: 0 auto; padding: 40px 0 0; }

#footer_ied p { color: #6e6e6e; line-height: 24px; font-size: 16px; }

#footer_ied a { color: #6e6e6e; font-size: 16px; }

.g-wrap { position: relative; font-family: '\5FAE\8F6F\96C5\9ED1'; background: #719FC3; width: 100%; overflow: hidden; min-width: 1000px; height: 2275px;}
.g-wrap a:hover, .g-pop-weibo-v a:hover { -webkit-filter: brightness(1.2); filter: brightness(1.2); }

.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}

.g-bg { background: url(../img/bg.jpg) no-repeat center;position: absolute; top: 0; left: 0; width: 100%; }
.g-bg .bg1 {  width: 100%; height: 291px; }
.g-bg .bg2 {  width: 100%; height: 235px; }
.g-bg .bg3 {  width: 100%; height: 695px; }
.g-bg .bg4 {  width: 100%; height: 671px; }
.g-bg .bg5 {  width: 100%; height: 503px; }

.g-banner { width: 1000px; height: 512px; margin: 0 auto; position: relative; }
.g-banner .logo { position: relative; top: 10px; left: 10px; }
.g-banner .m-login { margin: 65px 0 0; text-align: center; color: #fff; font-size: 14px; height: 111px; background: url('/static/img/chaxun.png') no-repeat center;overflow:hidden;position: relative;z-index: 300; }
.g-banner .m-login a { color: #f8bf50; }

.g-rule { width: 1000px; height: 655px; margin: 0 auto;}
.g-rule ul {  margin: 0 auto; padding: 162px 0 0 35px; }
.g-rule li { position: relative; color: #99120E; font-size: 18px; margin: 0 0 20px; }
.g-rule li span { background-position: 0 -1375px; height: 25px; width: 25px; position: absolute; top: 2px; left: -35px; text-align: center; line-height: 25px; color: #7c0611; font-size: 14px; }
.g-rule .m-btn { text-align: center; margin: 30px 0 0; }
.g-rule .m-btn a { display: inline-block; vertical-align: middle; position: relative; margin: 0 30px; }
.g-rule .m-btn a b { display: block; position: absolute; top: -10px; right: -10px; color: #fff; font-size: 30px; text-align: center; line-height: 38px; }

.g-my-badge { width: 1000px; height: 1162px; margin: 0 auto; position: relative; }
.g-my-badge .m-sign { overflow: hidden; width: 100%; height: 448px; text-align: center; position: relative; padding: 130px 0 0; }
.g-my-badge .m-sign ul { outline: none; width: 918px; margin: 0 auto; }
.g-my-badge .m-sign li { background-position: 0 -2796px; height: 448px; width: 250px; text-align: center; float: left; margin: 0 28px; }
.g-my-badge .m-sign li p { font-size: 26px; color: #ffe67f; line-height: 40px; }
.g-my-badge .m-sign li a { display: block; margin: 77px 0 0; height: 200px; outline: none; }
.g-my-badge .m-sign li.nosign { background-position: 2px -2298px; height: 448px; width: 250px; }
.g-my-badge .m-sign li.finished { background-position: 2px -1845px; height: 448px; width: 250px; }
.g-my-badge .m-sign li.signed { background-position: -256px -1845px; height: 448px; width: 250px; }
.g-my-badge .m-sign .slick-prev { background-position: 0 0; height: 68px; width: 41px; position: absolute; top: 183px; left: -40px; display: block; border: none; text-indent: -9999px; background-color: transparent; cursor: pointer; }
.g-my-badge .m-sign .slick-next { background-position: 0 -100px; height: 68px; width: 41px; position: absolute; top: 183px; right: -40px; display: block; border: none; text-indent: -9999px; background-color: transparent; cursor: pointer; }
.g-my-badge .spr-sign-tip { margin: 0 auto; font-size: 20px; color: #ffd879; text-align: center; line-height: 40px; }
.g-my-badge .m-badge-list { margin: 55px 0 0; text-align: center; }
.g-my-badge .m-badge-list dt { color: #ffc48f; font-size: 16px; margin: 0 0 10px; }
.g-my-badge .m-badge-list dt:before, .g-my-badge .m-badge-list dt:after { content: ""; background-position: 0 -976px; height: 15px; width: 15px; display: inline-block; vertical-align: middle; margin: 0 10px; }
.g-my-badge .m-badge-list dd { display: inline-block; vertical-align: middle; }
.g-my-badge .m-badge-list dd img { display: block; margin: 0 auto; }
.g-my-badge .m-badge-list dd span { font-size: 20px; color: #feeead; margin: -14px 0 0;display: block }
.g-my-badge .point { font-size: 24px; color: #dfb85f; text-align: center; margin: 65px 0 40px; }
.g-my-badge .point span { color: #f8e6a7; }
.g-my-badge .m-exchange { position: relative; width: 584px; margin: 0 auto; }
.g-my-badge .m-exchange .spr-btn-exchange { display: block; margin: 0 auto; }
.g-my-badge .m-exchange .btn-check-detail { color: #d33c45; font-size: 16px; text-decoration: underline; position: absolute; top: 28px; right: 0; }

.g-gift { width: 1180px; margin: 0 auto; position: relative; background: url(../img/winner.png) no-repeat center;z-index: 1;}
.g-gift .spr-gift-tit { font-size: 30px; line-height: 50px; text-align: center; margin: 55px auto 30px; }
.g-gift .spr-gift-tit span { width: 121px; float: left; font-weight: bold; color: #ae281a; }
.g-gift .spr-gift-tit b { color: #f3cb74; float: left; width: 470px; }
.g-gift .spr-gift-tit2 { background-position: -8px -3452px; height: 58px; width: 780px; }
.g-gift .spr-gift-tit2 b { width: 658px; }
.g-gift .btn-gift3 {display: block;text-align: center;width: 1000px;height: 430px;margin: 53px 0 0;font-size: 20px; font-weight: bold; text-decoration: underline; color: #ffb33b; line-height: 774px;}
.g-gift .m-fudai-list {text-align: center;}
.g-gift .m-fudai-list li {display: inline-block;width: 260px;margin: 0 19px 20px;}
.g-gift .m-fudai-list li .m-pic {position: relative;}
.g-gift .m-fudai-list li .m-pic img {display: block}
.g-gift .m-fudai-list li .m-pic span {display: block;position: absolute;top: 15px;left: 0;width: 100%;font-size: 16px;color: #ffa293;}
.g-gift .m-fudai-list li .m-pic b {display: block;position: absolute;top: 30px;left: 0;width: 100%;font-size: 30px;color: #ffbf21;}
.g-gift .m-fudai-list li p {font-size: 14px;color: #ff8e6a;background: #7e0b0b;width: 100%;height: 43px;}
.g-gift .m-fudai-list li .spr-btn-check {background-position: -553px -203px;width: 163px;height: 47px;margin: 13px auto 0;display: block}
.g-gift .m-progress { margin: 90px 0 0; position: relative; }
.g-gift .m-progress .spr-progress-bg { position: relative; }
.g-gift .m-progress .spr-progress-bar { position: absolute; top: 3px; left: 5px; }
.g-gift .m-progress .spr-progress-bar p { position: absolute; top: -65px; right: -105px; font-size: 24px; color: #f6b16b; text-align: center; }
.g-gift .m-progress .spr-progress-bar p span { color: #ffcc00; }
.g-gift .m-progress .spr-progress-bar p:after { content: ""; background-position: 0 -886px; height: 25px; width: 211px; display: block; }
.g-gift .m-progress .txt { font-size: 24px; color: #f6b16b; position: absolute; top: -8px; right: 0; }
.g-gift .m-progress .txt span { color: #ffcc00; }
.g-gift .m-progress .txt:before { content: ""; background-position: 0 -73px; height: 22px; width: 17px; position: absolute; top: 9px; left: -18px; }
.g-gift .m-skin { position: relative;margin: 87px auto 0; }
.g-gift .m-skin .m-slick { margin: -10px 75px 14px; width: 880px; height: 467px; }
.g-gift .m-skin .m-slick li { float: left; width: 316px; outline: none;height: 500px;}
.g-gift .m-skin .m-slick li .m-pic{width: 266px;background: url("//ossweb-img.qq.com/images/lol/act/a20161222badge/bg-slick-slide.png") no-repeat;padding-top: 11px;position: relative;height: 455px;outline: none;}
.g-gift .m-skin .m-slick li.slick-center .m-pic{ box-shadow: 1px 10px 15px #4c0005; }
.g-gift .m-skin .m-slick li .m-pic img{width: 244px;margin-left: 11px;}
.g-gift .m-skin .m-slick li .m-pic span{display: block;background: url("//ossweb-img.qq.com/images/lol/act/a20161222badge/bg-shadow.png") no-repeat;width: 244px;height: 40px;position: absolute;bottom: 11px;left: 11px;color: #ffe0b1;font-size: 16px;line-height: 40px;text-align: center;}
.g-gift .m-skin .m-slick li img { margin: 0 auto;}
.g-gift .m-skin .m-slick li.gray { box-shadow: none; }
.g-gift .m-skin .slick-prev { background-position: 0 0; height: 68px; width: 41px; position: absolute; top: 204px; left: -70px; display: block; border: none; text-indent: -9999px; background-color: transparent; cursor: pointer; }
.g-gift .m-skin .slick-next { background-position: 0 -100px; height: 68px; width: 41px; position: absolute; top: 204px; right: -40px; display: block; border: none; text-indent: -9999px; background-color: transparent; cursor: pointer; }
.g-gift .m-skin .m-date { margin: -1px 0 0; text-align: center; }
.g-gift .m-skin .m-date li { font-size: 26px; color: #db5555; display: inline-block; width: 296px; text-align: center; }
.g-gift .m-skin .m-date li.on { color: #ffdd92; font-weight: bold; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffbc6b), to(#ff9829)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.g-more { width: 1000px; margin: 0 auto; padding: 100px 0 0; position: relative; }
.g-more ul.list1 { padding: 140px 0 0; width: 765px;margin-left: 126px; }
.g-more ul.list2 { padding: 0; width: 1020px; }
.g-more li { background-position: 0 -680px; height: 201px; width: 235px; float: left; margin: 0 20px 30px 0;position: relative }
.g-more li.got { background-position: -248px -680px; }
.g-more li img { display: block; margin: 2px 0 0 2px; }
.g-more li span { font-size: 18px; color: #ffd26c; display: block;width: 100%;height: 39px; line-height: 39px; text-align: center; }
.g-more li b {width: 211px; font-size: 14px; font-weight: normal;color: #d3c2a5; display: block;line-height: 1.2; text-align: center;padding: 8px 10px;position: absolute;left: 0;bottom: 41px;background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/trans-bg.png) repeat;    margin: 0 2px; }
.g-more li.got span {color: #bcaa73;}
.g-more li.got a {cursor: default;}
.g-more .more { width: 100%; height: 37px; background: #6a030c; text-align: center; line-height: 37px;outline: none;}
.g-more .more a { color: #f9e0a9; font-size: 18px; }

.g-faq { padding: 220px 0 0;position: relative }
.g-faq ul { width: 915px; height: 244px;margin: -10px auto 30px;background: #4c0309;padding: 30px 30px 30px 55px;overflow: auto;scrollbar-arrow-color: #cc1800; scrollbar-face-color: #923827; scrollbar-darkshadow-color: #923827; scrollbar-highlight-color: #bf5545; scrollbar-shadow-color: #923827; scrollbar-track-color: #bf5545;  }
.g-faq ul::-webkit-scrollbar {width: 15px;}
.g-faq ul::-webkit-scrollbar-track{background-color: #67010a;border-radius: 99px;}
.g-faq ul::-webkit-scrollbar-thumb {background-color: #ffb463;border-radius: 99px;}
.g-faq ul li {font-size: 14px;position: relative;line-height: 2;}
.g-faq ul li:before {content: "";background-position: -74px 0;display: block;width: 14px;height: 14px;position: absolute;top: 8px;left: -25px;}
.g-faq ul li .question {color: #ffd576;}
.g-faq ul li .answer {color: #944d52;}


.g-nav { position: fixed; right: 50%; top: 20px; margin-right: -864px; z-index: 9000; background: url(../img/nav.png) no-repeat; width: 350px; height: 895px; }
.g-nav h2 { color: #fff; font-size: 14px; text-shadow: rgba(199, 73, 36, 0.75) 0 1px 1px; padding: 160px 0 0 30px; letter-spacing: -1px; }
.g-nav .nav-list {width:220px;margin-top:340px;margin-left:40px;overflow:hidden;}
.g-nav .nav-list a { display: block;height:47px;margin-bottom:10px;}
.g-nav .btn-goshop { font-size: 16px; color: #a31809; font-weight: bold; display: block; margin: 25px 0 0 20px; width: 174px; height: 44px; line-height: 43px; text-align: center; }
.g-nav img { display: block; margin: 5px 0 0 44px; }
.g-nav p { color: #fff; font-size: 14px; font-weight: bold; width: 191px; text-align: center; margin: 5px 0 0 11px; }
.g-nav .btn-service { display: block; width: 114px; height: 34px; margin: 10px 0 0 51px; }

.g-nav-s { background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/nav_s.png) no-repeat; width: 252px; height: 644px;margin-right: -740px !important;}
.g-nav-s h2 {padding: 112px 0 0 10px;font-size: 12px;}
.g-nav-s .nav-list {margin: 7px 0 0 0;width: 145px;}
.g-nav-s .nav-list a {display: block;font-size: 12px; margin: 0 0 16px;cursor: pointer;padding-left: 60px;color: #ffe4aa;padding-top: 2px;}
.g-nav-s .btn-goshop {font-size: 12px; margin: 17px 0 6px 15px; width: 125px; height: 31px; line-height: 31px;}
.g-nav-s img { margin: 3px 0 0 31px; width: 90px; height: 90px;}
.g-nav-s p { font-size: 12px; width: 138px; margin: 2px 0 0 8px;}
.g-nav-s .btn-service { width: 82px; height: 27px; margin: 0 0 0 37px; }

.g-pop { width: 815px; position: fixed; background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/pop-bg.jpg) repeat; font-family: "\5fae\8f6f\96c5\9ed1"; }
.g-pop a:hover { -webkit-filter: brightness(1.2); filter: brightness(1.2); }
.g-pop .m-con { position: relative; width: 815px; padding: 30px 0; z-index: 2; }
.g-pop .pop-top { background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/pop-top.jpg) no-repeat; width: 815px; height: 61px; position: absolute; top: 0; left: 0; z-index: 1; }
.g-pop .pop-bottom { background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/pop-bottom.jpg) no-repeat; width: 815px; height: 61px; position: absolute; bottom: 0; left: 0; z-index: 1; }
.g-pop:before { content: ""; width: 2px; height: 100%; background: #d0bf89; position: absolute; top: 0; left: 4px; }
.g-pop:after { content: ""; width: 2px; height: 100%; background: #d0bf89; position: absolute; top: 0; right: 4px; }
.g-pop .spr-pop-tit { margin: 0 auto;text-align: center; font-size: 30px; line-height: 33px; color: #d22518; font-weight: bold;}
.g-pop .spr-btn-close { display: block; position: absolute; top: 0; right: -50px; }

.g-pop-share-redpacket .m-link { margin: 35px 0 30px 130px; display: block; }
.g-pop-share-redpacket .m-link b { color: #442f1f; font-size: 20px; float: left; margin: 4px 2px 0 0; }
.g-pop-share-redpacket .m-link input { color: #594f4f; font-size: 14px; background: #cfbfab; background: rgba(26, 3, 5, 0.2); width: 396px; height: 40px; line-height: 40px; text-align: center; display: block; float: left; border: none; -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; }
.g-pop-share-redpacket .m-link a { color: #fdf1de; font-size: 14px; text-align: center; display: block; width: 80px; height: 40px; line-height: 40px; background: #a51b10; float: left; }
.g-pop-share-redpacket .m-sns { margin: 0 0 0 90px; }
.g-pop-share-redpacket .m-sns b { color: #442f1f; font-size: 20px; float: left; margin: 6px 2px 0 0; }
.g-pop-share-redpacket .m-sns .tg-sns { float: left; }
.g-pop-share-redpacket .m-sns .tg-sns a { margin-right: 30px; }
.g-pop-share-redpacket .m-sns .tg-sns .tg-sns-wechat { background-position: 0 -1405px; height: 50px; width: 50px; }
.g-pop-share-redpacket .m-sns .tg-sns .tg-sns-wechat:hover { background-position: 0 -1625px; height: 50px; width: 50px; }
.g-pop-share-redpacket .m-sns .tg-sns .tg-sns-qq { background-position: 0 -1460px; height: 50px; width: 50px; }
.g-pop-share-redpacket .m-sns .tg-sns .tg-sns-qq:hover { background-position: 0 -1680px; height: 50px; width: 50px; }
.g-pop-share-redpacket .m-sns .tg-sns .tg-sns-qzone { background-position: 0 -1515px; height: 50px; width: 50px; }
.g-pop-share-redpacket .m-sns .tg-sns .tg-sns-qzone:hover { background-position: 0 -1735px; height: 50px; width: 50px; }
.g-pop-share-redpacket .m-sns .tg-sns .tg-sns-sina { background-position: 0 -1570px; height: 50px; width: 50px; }
.g-pop-share-redpacket .m-sns .tg-sns .tg-sns-sina:hover { background-position: 0 -1790px; height: 50px; width: 50px; }

.g-pop-share-badge h2 { text-align: center; color: #000; font-size: 14px; font-weight: normal; margin: 10px 0 25px; }
.g-pop-share-badge .m-badge { width: 728px; margin: 0 auto 35px; }
.g-pop-share-badge .m-badge p { font-size: 20px; font-weight: bold; color: #442f1f; text-align: center; margin: 0 0 10px; }
.g-pop-share-badge .m-badge .badge { float: left; width: 170px; }
.g-pop-share-badge .m-badge .badge .badge-box { background-position: 0 -996px; height: 136px; width: 170px; }
.g-pop-share-badge .m-badge .badge .badge-box img { display: block; margin: 0 auto; padding: 10px 0 0; }
.g-pop-share-badge .m-badge .message { float: left; width: 335px; }
.g-pop-share-badge .m-badge .message textarea { border: 1px solid #c3b597; -webkit-appearance: none; -moz-appearance: none; resize: none; padding: 20px; background: none; width: 295px; height: 94px; }
.g-pop-share-badge .m-badge .spr-btn-send { display: block; float: left; margin: 77px 0 0 20px; }

.g-pop-demand h2 { text-align: center; color: #000; font-size: 14px; font-weight: normal; margin: 10px 0 25px; }
.g-pop-demand img { display: block; margin: 0 auto 5px; border: 4px solid #c4a96e; }
.g-pop-demand p { text-align: center; font-size: 16px; color: #a58a4e; }
.g-pop-demand p.pro { width: 240px; height: 24px; line-height: 24px; background: #b69858; margin: 0 auto; font-size: 16px; color: #fff; border-radius: 99px; font-weight: bold;}

.g-pop-exchange h2 { text-align: center; color: #000; font-size: 16px; font-weight: normal; margin: 10px 0 25px; }
.g-pop-exchange .m-badge { padding: 30px 0; text-align: center; position: relative; width: 520px; margin: 0 auto 15px; }
.g-pop-exchange .m-badge:before { content: ""; background-position: 0 -916px; height: 25px; width: 520px; display: block; position: absolute; top: 0; left: 0; }
.g-pop-exchange .m-badge:after { content: ""; background-position: 0 -946px; height: 25px; width: 520px; display: block; position: absolute; bottom: 0; left: 0; }
.g-pop-exchange .m-badge dd { display: inline-block; vertical-align: middle; }
.g-pop-exchange img { width: 95px; display: block; margin: 0 auto; }
.g-pop-exchange p { font-size: 22px; color: #cabf80; text-align: center; font-weight: bold; margin: -5px 0 0; }
.g-pop-exchange .spr-pop-btn-exchange { display: block; margin: 20px auto; }

.g-pop-redpacket { position: relative; background: #ad2b32 url(//ossweb-img.qq.com/images/lol/act/a20161222badge/rp/bg-opened.jpg) no-repeat top; font-family: "\5FAE\8F6F\96C5\9ED1";outline: none }
.g-pop-redpacket * { position: relative; }
.g-pop-redpacket a { display: block; }
.g-pop-redpacket img { text-indent: 9999px; }

.g-pop-weibo-v {background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/pop-weibo-v.jpg) no-repeat;width: 1000px;height: 610px;font-family: "\5fae\8f6f\96c5\9ed1"}
.g-pop-weibo-v .spr-btn-close {display: block; position: absolute; top: 0; right: -50px;}
.g-pop-weibo-v ul {width: 948px; margin: 40px auto;}
.g-pop-weibo-v li {width: 306px;height: 44px;line-height: 44px;float: left;font-size: 16px;color: #d1382e;background: #fee5c1;margin: 0 5px 10px;}
.g-pop-weibo-v li i {background-position: -74px -106px;display: inline-block;width: 23px;height: 23px;margin: 0 3px 4px 10px; vertical-align: middle;}
.g-pop-weibo-v li b {background: #f3dbb5;display: inline-block;width: 100px; height: 100%; float: right;}
.g-pop-weibo-v li a {background-position: -159px 0; width: 80px; height: 28px; display: block; margin: 10px 0 0 10px;}

.g-pop-record h2 {text-align: center;position: relative;color: #7e5b28;font-size: 30px;padding: 25px 0 10px;z-index: 2}
.g-pop-record .m-table {margin: 0 30px; height: 570px; overflow: auto;-webkit-overflow-scrolling: touch;position: relative;z-index: 2}
.g-pop-record table {width: 100%;color: #7e5b28;text-align: center;font-size: 22px;}
.g-pop-record table th {border-top: 1px solid #dfb863;border-bottom: 1px solid #dfb863;height: 60px;background: #fee1b6;}
.g-pop-record table td {height: 60px;border-bottom: 1px solid #dfb863;}
.g-pop-record table img {display: inline-block; width: 50px;margin: 0 -6px;}

.dia-pl {outline: none}
.dia-pl .dia-con{width:787px;height:auto;text-align:center;background:url(//ossweb-img.qq.com/images/lol/act/a20161222badge/dia-bg-middle.png) center 0 repeat-y;outline:none;}
.dia-pl .dia-con:before{ content:''; position:absolute; top:-22px; left:0; width:787px;height:22px; background:url(//ossweb-img.qq.com/images/lol/act/a20161222badge/dia-bg-top.png) no-repeat; }
.dia-pl .dia-con:after{ content:''; position:absolute; bottom:-22px; left:0; width:787px;height:22px; background:url(//ossweb-img.qq.com/images/lol/act/a20161222badge/dia-bg-bottom.png) no-repeat; }
.dia .dia-con .prizes_box{width:682px;margin:0 auto;}
.dia .dia-con .prizes_box li{float:left;width:58px;height:105px;border:1px solid #887843;}
.dia .dia-con .prizes_box li img{float:left;width:100%;height:100%;}
.dia .dia-con .prizes_box{ height:486px; overflow: auto; scrollbar-arrow-color: #cc1800; scrollbar-face-color: #923827; scrollbar-darkshadow-color: #923827; scrollbar-highlight-color: #bf5545; scrollbar-shadow-color: #923827; scrollbar-track-color: #bf5545; }
.dia .dia-con .prizes_box::-webkit-scrollbar,.prizes_box::-webkit-scrollbar{ width:12px; }
.dia .dia-con .prizes_box::-webkit-scrollbar-track-piece,.prizes_box::-webkit-scrollbar-track-piece{ width: 6px; background-color: #923827; border-radius: 6px; }
.dia .dia-con .prizes_box::-webkit-scrollbar-thumb,.prizes_box::-webkit-scrollbar-thumb{ background-color:#bf5545; border-radius: 6px; }
.dia-close { position: absolute; top: -52px; right: -28px; background-position: -74px -24px; width: 56px; height: 56px; }
.spr-t1, .spr-t2, .spr-t3, .spr-t4, .spr-t5, .spr-t6{ background:url(//ossweb-img.qq.com/images/lol/act/a20161222badge/spr-title.png) no-repeat center; }
.spr-t1 { background-position: 0 -279px; height: 93px; width: 788px; }
.spr-t2 { background-position: 0 0; height: 93px; width: 788px; }
.spr-t3 { background-position: 0 -93px; height: 93px; width: 788px; }
.spr-t4 { background-position: 0 -186px; height: 93px; width: 788px; }
.spr-t5 { background-position: 0 -372px; height: 93px; width: 788px; }
.spr-t6 { background-position: 0 -465px; height: 93px; width: 788px; }

.btn-goto-record {position: absolute; top: 586px; right: 170px; text-decoration: underline; color: #d33c45; font-size: 16px;}
.btn-goto-record:hover {text-decoration: underline;}

/* S Compass */
.g-pop-redpacket .spr-sprite,
.g-pop-redpacket .spr-avatar,
.g-pop-redpacket .spr-btm-txt,
.g-pop-redpacket .spr-btn-earn,
.g-pop-redpacket .spr-btn-exchange,
.g-pop-redpacket .spr-btn-give,
.g-pop-redpacket .spr-btn-open,
.g-pop-redpacket .spr-btn-qiang,
.g-pop-redpacket .spr-btn-share,
.g-pop-redpacket .spr-demand-bg,
.g-pop-redpacket .spr-icon-money,
.g-pop-redpacket .spr-line-hd,
.g-pop-redpacket .spr-line-hd2,
.g-pop-redpacket .spr-line,
.g-pop-redpacket .spr-money,
.g-pop-redpacket .spr-red-line1,
.g-pop-redpacket .spr-red-line2,
.g-pop-redpacket .spr-tit-get,
.g-pop-redpacket .spr-tit-nothing,
.g-pop-redpacket .spr-tit-rec,
.g-pop-redpacket .spr-tit,
.g-pop-redpacket .g-rp .m-demand,
.g-pop-redpacket .g-rp .dev-case5 .m-stock:before,
.g-pop-redpacket .g-rp .dev-case5 .m-stock:after,
.g-pop-redpacket .g-rp .m-btm .btm-tit:before,
.g-pop-redpacket .g-rp .m-btm .btm-tit:after,
.g-pop-redpacket .m-record-list li:after,
.g-pop-redpacket .m-stock:before,
.g-pop-redpacket .m-stock:after,
.g-pop-redpacket .g-pop-exchange .m-badge:before,
.g-pop-redpacket .g-pop-exchange .m-badge:after,
.g-pop-redpacket .pop-btn-close,
.g-pop-redpacket .spr-btn-confirm { background-image: url("//ossweb-img.qq.com/images/lol/act/a20161222badge/rp/spr.png"); background-repeat: no-repeat; }

.g-pop-redpacket .spr-avatar { background-position: 0 0; height: 135px; width: 135px; }
.g-pop-redpacket .spr-btm-txt { background-position: 0 -139px; height: 56px; width: 394px; }
.g-pop-redpacket .spr-btn-earn { background-position: 0 -198px; height: 60px; width: 183px; }
.g-pop-redpacket .spr-btn-exchange { background-position: 0 -263px; height: 60px; width: 218px; }
.g-pop-redpacket .spr-btn-give { background-position: 0 -327px; height: 60px; width: 183px; }
.g-pop-redpacket .spr-btn-open { background-position: 0 -392px; height: 60px; width: 218px; }
.g-pop-redpacket .spr-btn-qiang { background-position: 0 -456px; height: 60px; width: 218px; }
.g-pop-redpacket .spr-btn-share { background-position: 0 -520px; height: 60px; width: 218px; }
.g-pop-redpacket .spr-demand-bg { background-position: 0 -585px; height: 167px; width: 392px; }
.g-pop-redpacket .spr-icon-money { background-position: 0 -756px; height: 16px; width: 16px; }
.g-pop-redpacket .spr-line-hd { background-position: 0 -776px; height: 17px; width: 392px; }
.g-pop-redpacket .spr-line-hd2 { background-position: 0 -797px; height: 17px; width: 392px; }
.g-pop-redpacket .spr-line { background-position: 0 -818px; height: 7px; width: 392px; }
.g-pop-redpacket .spr-money { background-position: 0 -829px; height: 135px; width: 135px; }
.g-pop-redpacket .spr-red-line1 { background-position: 0 -968px; height: 17px; width: 392px; }
.g-pop-redpacket .spr-red-line2 { background-position: 0 -989px; height: 17px; width: 392px; }
.g-pop-redpacket .spr-tit-get { background-position: 0 -1010px; height: 26px; width: 182px; }
.g-pop-redpacket .spr-tit-nothing { background-position: 0 -1040px; height: 26px; width: 209px; }
.g-pop-redpacket .spr-tit-rec { background-position: 0 -1071px; height: 26px; width: 291px; }
.g-pop-redpacket .spr-tit { background-position: 0 -1101px; height: 123px; width: 359px; }

.g-pop-select .m-btn {text-align: center;margin: 40px 0 10px;}
.g-pop-select .m-btn .spr-select-share {display: inline-block;background-position: -406px 0; width: 312px;height: 87px;    margin: 0 20px;}
.g-pop-select .m-btn .spr-select-demand {display: inline-block;background-position: -406px -97px; width: 312px;height: 87px;    margin: 0 20px;}
.g-pop-select p {text-align: center; font-size: 16px; color: #d72518;}

/* E Compass */
.g-rp-wrap {width: 448px; height: 705px;overflow: hidden;}
.g-rp { width: 448px; height: 705px; -webkit-transition: top 0.5s linear; -moz-transition: top 0.5s linear; -o-transition: top 0.5s linear; transition: top 0.5s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden;position: absolute;top: 0;left: 0 }

.g-rp .rp-head { background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/rp/rp-1.png) no-repeat center; width: 100%; height: 196px; position: relative; transform-origin: top; -webkit-transform-origin: top; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: translateY(0) rotateX(0deg); -webkit-transform: translateY(0) rotateX(0deg); -moz-transform: translate(0) rotateX(0deg); transition: transform .3s linear; -webkit-transition: -webkit-transform .3s linear; -moz-transition: -moz-transform .3s linear; }

.g-rp .rp-opened-head { background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/rp/rp-2.png) no-repeat center; width: 100%; height: 220px; position: absolute; top: -220px; left: 0; transform-origin: bottom; -webkit-transform-origin: bottom; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform: translateY(0) rotateX(90deg); -webkit-transform: translateY(0) rotateX(90deg); transition: transform .3s linear; -webkit-transition: -webkit-transform .3s linear; -moz-transition: -moz-transform .3s linear; }

.g-rp .rp-under { background: #611619; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.g-rp .rp-inner { background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/rp/rp-inner.png) no-repeat center bottom; width: 417px; height: 288px; position: absolute; left: 50%; margin-left: -208px; top: 42px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.g-rp .rp-inner .m-inner-nothing { padding: 77px 14px 14px; }

.g-rp .rp-inner .m-inner-nothing .spr-tit-nothing { margin: 0 auto; }

.g-rp .rp-inner .m-inner-nothing .tit { color: #c21e14; text-align: center; font-size: 21px; font-weight: bold; }

.g-rp .rp-inner .m-inner-nothing img { display: block; width: 105px; height: 105px; border: 2px solid #d7ae57; border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; margin: 7px auto; }

.g-rp .rp-inner .m-inner-nothing h3 { color: #bb9647; font-size: 16px; text-align: center; }

.g-rp .rp-inner .m-inner-get { padding: 77px 14px 14px; }

.g-rp .rp-inner .m-inner-get .spr-tit-get { margin: 0 auto; }

.g-rp .rp-inner .m-inner-get ul { text-align: center; margin: 14px 0; }

.g-rp .rp-inner .m-inner-get ul li { display: inline-block; vertical-align: middle; }

.g-rp .rp-inner .m-inner-get ul li img { width: 85px; display: block; margin: 0 auto; }

.g-rp .rp-inner .m-inner-get ul li p { font-size: 15px; color: #cabf80; text-align: center; font-weight: bold; margin: -7px 0 0; }

.g-rp .rp-inner .m-inner-get > p { text-align: center; font-size: 14px; color: #b1864f; }

.g-rp .rp-inner .m-inner-get > p i { display: inline-block; width: 9px; height: 9px; margin: 0 7px 0 0; border-radius: 50%; -webkit-border-radius: 50%; background: #b38953; }

.g-rp .rp-inner .m-inner-get > p i:before { content: ""; display: block; width: 2px; height: 2px; border-radius: 50%; -webkit-border-radius: 50%; background: #f8ead6; margin: 3px; }

.g-rp .rp-front { background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/rp/rp-front.png) no-repeat top; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.g-rp .rp-texture { background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/rp/rp-texture.png) no-repeat top; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.g-rp .spr-tit { margin: -35px auto 0; }

.g-rp .spr-avatar { margin: 17px auto; }

.g-rp .spr-avatar .avatar { display: block; width: 113px; height: 113px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; position: absolute; top: 11px; left: 11px; }

.g-rp .spr-avatar .badge { display: block; width: 77px; position: absolute; left: 50%; margin-left: -38px; bottom: -35px; }

.g-rp .dev-case { height: 543px; }

.g-rp .dev-case4 .spr-avatar { margin-bottom: 34px; }
.g-rp .dev-case4 h2 { margin: 20px 0px 10px; }

.g-rp .m-demand { background-position: 0 -585px; height: 167px; width: 392px; text-align: center; margin: -14px auto 0; }

.g-rp .m-demand h5 { font-size: 16px; color: #f5b16b; font-weight: normal; padding-top: 24px; }

.g-rp .m-demand img { width: 85px; display: block; margin: 0 auto; }

.g-rp .m-demand p { font-size: 15px; color: #cca56c; text-align: center; font-weight: bold; margin: -7px 0 0; }

.g-rp .dev-case5 .m-stock { margin: 7px auto; width: 378px; padding: 24px 7px; }

.g-rp .dev-case5 .m-stock:before { content: ""; background-position: 0 -968px; height: 17px; width: 392px; }

.g-rp .dev-case5 .m-stock:after { content: ""; background-position: 0 -989px; height: 17px; width: 392px; }

.g-rp .dev-case5 .m-btn { text-align: center; }

.g-rp .dev-case5 .m-btn a { display: inline-block; vertical-align: middle;  margin: 0 10px; }

.g-rp h2 { color: #ffc992; font-size: 18px; font-weight: normal; text-align: center; line-height: 1.2;margin: 20px 0px; }

.g-rp .dev-case2 h2 { margin: 14px 0 0; }

.g-rp .spr-btn-qiang, .g-rp .spr-btn-open { margin: 7px auto; }

.g-rp .spr-money { margin: 10px auto 0; }

.g-rp .m-btm { position: absolute; width: 100%; bottom: 20px; left: 0; }

.g-rp .m-btm .btm-tit { font-size: 18px; color: #ffeb8d; text-align: center; margin: 0 0 3px; }

.g-rp .m-btm .btm-tit:before, .g-rp .m-btm .btm-tit:after { content: ""; background-position: 0 -756px; height: 18px; width: 18px; display: inline-block; vertical-align: top; margin: 4px 10px 0; }

.g-rp .m-btm .spr-btm-txt { margin: 0 auto; }

.g-rp .m-btm .spr-btm-txt .txt-table { display: table; width: 100%; height: 100%; }

.g-rp .m-btm .spr-btm-txt p { padding: 10px 14px; line-height: 1.4; font-size: 14px; color: #dcb284; display: table-cell; vertical-align: middle; text-align: center; }

.g-rp .m-unopen { -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }

.g-rp .m-opened { display: none; }

.g-rp .m-opened .m-btn { margin: 0px 0 0; }

.g-rp .m-opened .m-btn a { display: block; margin: 0 auto 21px; }

.g-rp .m-opened .spr-line-hd { margin: 0 auto; }

.g-rp .m-opened .btn-record { display: block; text-align: center; width: 100%; height: 42px; line-height: 42px; color: #fbc38e; font-size: 19px; }

.g-rp .m-opened .m-record-list li { margin: 0 28px; }

.g-rp .m-opened .m-record-list li:first-of-type:before { content: ""; background-position: 0 -776px; height: 17px; width: 392px; display: block; position: absolute; top: -7px; left: 0; }

.g-rp.rp-opened { top: 197px; }
.g-rp.rp-opened .m-unopen, .g-rp.rp-opened .rp-head { display: none; }
.g-rp.rp-opened .rp-inner { top: -189px; }
.g-rp.rp-opened .rp-texture { opacity: .55; }
.g-rp.rp-opened .rp-opened-head { transform: translateY(0) rotateX(0deg); -webkit-transform: translateY(0) rotateX(0deg); }
.g-rp.rp-opened .m-opened { display: block; padding: 160px 0px 0px; }

.m-record-list { margin: 14px 0 0; }

.m-record-list::-webkit-scrollbar {width: 10px;}
.m-record-list::-webkit-scrollbar-track{background-color: #5f020a;border-radius: 5px;}
.m-record-list::-webkit-scrollbar-thumb {background-color: #fadca0;border-radius: 5px;}

.m-record-list li { height: 91px; position: relative; padding: 10px 0 0; }

.m-record-list li > img { display: inline-block; vertical-align: middle; width: 42px; height: 42px; border: 1px solid #faae68; border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; margin: 0 auto; }

.m-record-list li .m-record-con { display: inline-block; vertical-align: middle; width: 123px; text-align: left; margin: 0 0 0 5px; }

.m-record-list li .m-record-con h4 { font-size: 14px; color: #fe9d5d; font-weight: normal; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.m-record-list li .m-record-con p { font-size: 16px; color: #ffe9a8; }

.m-record-list li .m-badge { display: inline-block; vertical-align: middle; width: 195px; text-align: right; }

.m-record-list li .m-badge dd { display: inline-block; vertical-align: middle; }

.m-record-list li .m-badge dd img { width: 46px; height: auto; display: block; margin: 0 auto; }

.m-record-list li .m-badge dd p { font-size: 15px; color: #cabf80; text-align: center; font-weight: bold; }

.m-record-list li:after { content: ""; background-position: 0 -818px; height: 7px; width: 392px; display: block; position: absolute; bottom: 0; left: 0; }

.m-stock { padding: 25px 0; text-align: center; }

.m-stock:before { content: ""; background-position: 0 -797px; height: 17px; width: 392px; display: block; position: absolute; top: 0; left: 0; }

.m-stock:after { content: ""; background-position: 0 -776px; height: 17px; width: 392px; display: block; position: absolute; bottom: 0; left: 0; }

.m-stock dt { font-size: 16px; color: #fce472; margin: 0 3px 7px; text-align: left; }

.m-stock dd { display: inline-block; vertical-align: middle;margin: 0 -5px; }

.m-stock dd img { width: 67px; display: block; margin: 0 auto; }

.m-stock dd p { font-size: 15px; color: #cabf80; text-align: center; font-weight: bold; margin: -0.07px 0 0; }

.m-stock dd:last-of-type { margin: 0; }

.g-record { background: #ad2b32; width: 448px; height: 705px; overflow: hidden; }

.g-record .texture-head { background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/rp/rec-t.jpg) no-repeat center; width: 100%; height: 50px; position: absolute; top: 0; left: 0; }

.g-record .texture-bottom { background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/rp/rec-b.jpg) no-repeat center; width: 100%; height: 50px; position: absolute; bottom: 0; left: 0; z-index: 1; }

.g-record:before { content: ""; display: block; background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/rp/rec-l.jpg) repeat center; width: 14px; height: 694px; position: absolute; top: 50px; left: 0; z-index: 0; }

.g-record:after { content: ""; display: block; background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/rp/rec-r.jpg) repeat center; width: 14px; height: 694px; position: absolute; top: 50px; right: 0; z-index: 0; }

.g-record .m-con { padding: 49px 28px 0; z-index: 2; }

.g-record .spr-tit-rec { margin: 0 auto 21px; }

.g-record .m-record-list { height: 304px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }

.g-record .spr-btn-exchange { display: block; margin: 21px auto 0; }

.bnx-logo { background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/rp/bnx.png) no-repeat 0 -259px; width: 207px; height: 182px; margin: 14px auto 0; display: none; }

.g-rp-bnx .bnx-logo { display: block; }

.g-rp-bnx .spr-avatar { display: none; }

.g-rp-bnx h2 { display: block; margin: -14px 0 0; }

.m-star { display: none; }

.g-rp-star .rp-head { background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/rp/rp-bnx.png) no-repeat center; }

.g-rp-star .m-star { display: block; }

.g-rp-star .m-star-invite { background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/rp/bnx.png) no-repeat 0 0; width: 100%; height: 206px; margin: -35px 0 -56px; }

.g-rp-star .m-star-invite .btn-bnx { background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/rp/bnx.png) no-repeat 0 -212px; width: 260px; height: 38px; margin: 0 auto; }

.g-rp-star .m-star-invite h3 { color: #ffdc91; font-size: 21px; font-weight: normal; box-shadow: rgba(180, 35, 42, 0.75) 0px 0px 0px; padding: 57px 0 0; text-align: center; }

.g-rp-star .weibo-share { display: none; }

.g-rp-star .btn-bnx-tips { display: block; position: absolute; top: 87px; right: 91px; width: 28px; height: 28px; }

.g-rp-star .bnx-tips { background: #ffe4b4; border-radius: 4px; -webkit-border-radius: 4px; font-size: 15px; color: #761117; padding: 3px 10px; line-height: 1.1; position: absolute; top: 42px; right: 40px; display: none; }

.g-rp-star .spr-btn-qiang { display: none; }

.g-rp-star .bnx-tips:after { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #ffe4b4; position: absolute; bottom: -5px; left: 56px; }

.g-rp-star .btn-bnx-qiang { display: block; background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/rp/bnx.png) no-repeat 0 -448px; width: 231px; height: 58px; margin: 7px auto 0; z-index: 2; }

.g-rp-star .spr-avatar { margin: 0 auto; }

.g-rp .weibo-share { position: absolute; bottom: 0; left: 0; display: none; }

.g-rp-star .weibo-share { position: relative; }

.weibo-share { background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/rp/bnx.png) no-repeat 0 -576px; width: 100%; height: 134px; margin: -7px 0 0; }

.weibo-share:before { content: ""; display: block; width: 100%; height: 35px; }

.weibo-share .btn-bnx-weibo { display: block; background: url(//ossweb-img.qq.com/images/lol/act/a20161222badge/rp/bnx.png) no-repeat 0 -511px; width: 231px; height: 58px; margin: 0 auto; }

.weibo-share p { text-align: center; font-size: 15px; color: #d6c08e; }

.g-rp-star #js_brand_txt { margin: -24px 0 0; }

.g-rp-star .spr-avatar { transform: scale(0.8); -webkit-transform: scale(0.8); transform-origin: top; -webkit-transform-origin: top; }

.g-rp-weibo .weibo-share { display: block; }

.g-rp-weibo .m-noweibo-btm { display: none; }

.g-pop-redpacket .pop-btn-close {position: absolute; top: 10px; right: -50px; background-position: -344px -1360px; width: 50px; height: 50px;}

/*  |xGv00|63a2f9ab57c1a3498f17c6e1ee1750d4 */

.login-p{
	margin-top:30px;
}
.text-account{
    width: 530px;
    height: 50px;
    text-indent: 12px;
    font-size:26px;
    background: none;
    outline: 0;
    border: 0;
    color:#c72f27;
    margin-left: 135px;
}
.btn-search{
    position: relative;
    left: 26px;
    height: 60px;
    width: 175px;
    margin-left: 0;
    background-color:rgba(0,0,0,0);
    border: 0;
  opacity:0;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    text-shadow: rgba(183, 28, 2, 0.75) 1px 0 1px;
}

div.temp-margin{
	    margin-top: 20px;
}

.queryWrapper{
    position: fixed;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10005;
    background: rgba(0,0,0,0.5);
    display: none;
}
.queryResult{
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%,-50%);
    width: 1000px;
    height: 600px;
    background: #ee9092;
}
.queryResult .title{
    padding: 0 80px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #463E6D;
    font-size: 14px;
    color: #463E6D;
    overflow: hidden;
    background-color: #ee9092;
    border-radius: 2px 2px 0 0;
}
.queryClose{
    position: absolute;
    top: 0;
    right: 20px;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    color: #463E6D;
    cursor: pointer;
}
.queryClose:hover{
    opacity: 0.7;
}