/* reset */
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0;padding:0;}
body{font:12px/1.5 tahoma,'\5b8b\4f53',sans-serif;background:#e2e3e5;font-family:'\65b9\6b63\5170\4ead\9ed1';box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em,b{font-style:normal;}
a{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;list-style-type:none;}
.clearfix:after{content:"\0020";height:0;display:block;clear:both;}
.hidden{display:block;width:0;height:0;overflow:hidden;}
@font-face{ font-family: "noir"; src: url('//game.gtimg.cn/images/lol/common/sell/font/sellnum-1.eot');src: url('//game.gtimg.cn/images/lol/common/sell/font/sellnum-1.woff') format('woff'),url('//game.gtimg.cn/images/lol/common/sell/font/sellnum-1.ttf') format('truetype'),url('//game.gtimg.cn/images/lol/common/sell/font/sellnum-1.svg') format('svg');}
.swiper-button-next:hover,.swiper-button-prev:hover,.sin-buy-btn:hover,.end-buy-btn:hover,.crl-btnbox a:hover,.new-buy-btn:hover,.lyx-buy-btn:hover{text-decoration: none;-webkit-filter: brightness(1.1);filter: brightness(1.1);}
/* footer */
#afooter{width:100%;z-index:1000;text-align:center;line-height:20px;background-position:top;color:#cccccc;background-color:#000000;padding:20px 0;}
#afooter .wrap_ied{padding:15px;}
#afooter .copyright{position:relative;z-index:3;padding-top:10px;line-height:26px;}
#afooter .copyright span a,#footer .copyright span a:hover{margin:0 5px;}
#theme_foot{position:absolute;z-index:1;left:50%;width:980px;margin-left:-490px;}
#afooter .notice{display:none;}
#afooter a{color:#cccccc;}
.wrap{ height:6800px;}
.wrap,.wp-header,.wp-content{ width:100%;}
.center{ width:1400px; margin:auto; position:relative;}
.wrap .djc, .wrap .zb {display: none;}
.wp-header{ height:906px; background:url(../ossweb-img/wp-header.jpg) no-repeat center top;}
.wp-content{ height:5894px; background:url(../ossweb-img/wp-content.jpg) no-repeat center top;}
/* header */
.header,.content{ width:1400px; margin:0 auto; min-width:1400px;}
.header{ height:906px; background:url(../ossweb-img/header.jpg) no-repeat; position:relative;}
.time{ width:100%; text-align:center; line-height:32px; color:#dcd6f5; font-weight:bold; font-size:18px; letter-spacing:2px; position:absolute; left:0; top:657px;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#faf9fd), to(#dcd6f5));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.hd_logo { display: block; width: 319px; height: 50px; background: url(../ossweb-img/logo.png) no-repeat; position: absolute; left: -230px; top: 20px; z-index:9999;}
.hd_logo.djc{ height: 54px; background: url(../ossweb-img/djc_logo.png) no-repeat;}
.help-in{ width:1199px; height:232px; background:url(../ossweb-img/help-in.png) no-repeat; position:absolute; left:99px; top:693px; overflow:hidden;}
.help-intro{ width:275px; float:left; margin:165px 79px 0 89px; text-align:center; color:#5371b9; letter-spacing:2px; font-size:18px;}
.help-text{ width:220px; line-height:22px; margin:168px 5px 0 0; color:#5371b9; font-size:16px; text-align:center; float:left; position:relative;}
.help-text span{ display:block; width:72px; height:24px; position:absolute; left:0; top:-133px; background:#f26299; font-size:14px; text-align:center; line-height:24px; border-radius:25px; color:#ffffff;}
.h-lk1,.h-lk2,.h-lk3{ display:block; width:210px; height:192px; position:absolute; top:25px;}
.h-lk1{ left:440px; width:224px;}
.h-lk2{ left:668px;}
.h-lk3{ left:890px;}
.donate{ width:48px; height:48px; background:url(../ossweb-img/donate.png) no-repeat; position:absolute; right:128px; top:31px;}
.content{ height:5894px; background:url(../ossweb-img/content.jpg) no-repeat;}
.con1,.con2,.con3,.con4,.con5,.content{ overflow:hidden;}
.con1{ height:2170px; position:relative;}
.new-bil-link{ display:block; width:1059px; height:508px; position:absolute; left:142px; top:313px; z-index:999;}
.new-list{ width:969px; height:130px; margin:163px auto 20px; font-size:0;}
.new-list li{ display:inline-block; width:106px; height:130px; margin-left:17px; cursor:pointer; background:url(../ossweb-img/new-tab.png) no-repeat; color:#303643;}
.new-list li i{ display:block; text-align:center; line-height:26px; font-size:14px; font-style:normal; padding-top:107px;}
.new-list li:nth-child(1){ background-position:0 0; margin-left:0;}
.new-list li:nth-child(2){ background-position:-123px 0; width:110px; margin-left:14px;}
.new-list li:nth-child(3){ background-position:-247px 0;}
.new-list li:nth-child(4){ background-position:-370px 0;}
.new-list li:nth-child(5){ background-position:-493px 0;}
.new-list li:nth-child(6){ background-position:-616px 0;}
.new-list li:nth-child(7){ background-position:-740px 0;}
.new-list li:nth-child(8){ background-position:-863px 0;}
.new-list li.li-act{ color:#f26299;}
.new-list li:nth-child(1).li-act,.new-list li:nth-child(1):hover{ background-position:0 -130px;}
.new-list li:nth-child(2).li-act,.new-list li:nth-child(2):hover{ background-position:-123px -130px;}
.new-list li:nth-child(3).li-act,.new-list li:nth-child(3):hover{ background-position:-247px -130px;}
.new-list li:nth-child(4).li-act,.new-list li:nth-child(4):hover{ background-position:-370px -130px;}
.new-list li:nth-child(5).li-act,.new-list li:nth-child(5):hover{ background-position:-493px -130px;}
.new-list li:nth-child(6).li-act,.new-list li:nth-child(6):hover{ background-position:-616px -130px;}
.new-list li:nth-child(7).li-act,.new-list li:nth-child(7):hover{ background-position:-740px -130px;}
.new-list li:nth-child(8).li-act,.new-list li:nth-child(8):hover{ background-position:-863px -130px;}
.tab-new{ width:1188px; height:524px; margin:0 auto;}
.tab-new-con{ width:1128px; height:524px; position:relative; display:none;}
.tab-new-con .swiper-container{ width: 1128px; height:524px; margin:0 auto; overflow:hidden;}
.tab-new-con .swiper-wrapper{ padding-top:0;}
.tab-new-con .swiper-slide { width:1128px; height: 509px; position: relative; overflow:hidden; /*opacity:0 !important;*/}
.tab-new-con .swiper-slide-active { opacity: 1 !important;}
.tab-new-con .swiper-slide img{ display:block; position: absolute; left: 0; top: 0; width: 1128px; height: 509px;}
.tab-new-con .swiper-button-next,.tab-new-con .swiper-button-prev { width: 58px; height: 58px; margin-top:-36px; background-image: url(../ossweb-img/arr.png); background-size: initial; z-index:9999;}
.tab-new-con .swiper-button-next { right: -31px; background-position:0 -58px;}
.tab-new-con .swiper-button-prev { left: -30px; background-position: 0 0;}
.bil-text{ text-align:center; color:#6287de; font-size:42px; font-weight:bold; line-height:60px; padding-top:0;}
.bil-btn{ width:1128px; margin:25px auto 0; height:206px;}
.bil-price{ width:465px; height:206px; float:left;}
.bil-price2{ margin-left:74px; width:545px;}
.bil-price2 .bil-num{ width:260px; position:relative;}
.bil-price2 .bil-num em{ display:block; width:81px; height:24px; background:#f26299; position:absolute; left:-12px; top:22px; line-height:24px; text-align:center; color:#ffffff; font-size:14px; border-radius:25px; font-weight:normal;}
.bil-price2 .bil-num i{ display:block; font-style:normal; width:143px; line-height:22px; color:#303643; text-decoration:line-through; position:absolute; left:0; top:96px; font-size:18px; font-weight:normal;}
.bil-num{ width:180px; text-align:right; font-size:108px; text-align:right; float:left; line-height:88px; color:#9b86d6;}
.bil-num p{ display:inline-block; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#b581e1), to(#848acd));-webkit-background-clip: text;-webkit-text-fill-color: transparent; letter-spacing:0; font-family: "noir";}
.bil-num span{ font-size:36px;}
.sin-buy-btn,.end-buy-btn,.lyx-buy-btn{ display:block; width:267px; height:78px; float:right; margin-top:5px; text-align:center; line-height:78px; color:#ffffff; font-size:24px; font-weight:500; letter-spacing:1px;}
.sin-buy-btn span{ text-shadow:0 3px 3px #115d8d;}
.end-buy-btn span{ text-shadow:0 3px 3px #7a328e;}
.sin-buy-btn{ background:url(../ossweb-img/sin-buy-btn.png) no-repeat;}
.end-buy-btn,.lyx-buy-btn{ background:url(../ossweb-img/end-buy-btn.png) no-repeat; position:relative;}
.end-buy-btn i,.lyx-buy-btn i{ display:block; width:267px; line-height:28px; font-size:18px; color:#303643; text-align:center; position:absolute; left:0; bottom:-33px; font-style:normal;}
.lm-link{ display:block; width:1058px; height:649px; position:absolute; left:37px; top:0; z-index:999;}
.crl-box{ width:1210px; height:510px; margin:0 auto 0;}
.crl-in1,.crl-in2{ width:581px; height:510px; float:left; position:relative;}
.crl-in2{ margin-left:36px;}
.crl-in .swiper-container{ width: 581px; margin:0 auto; overflow:hidden;}
.crl-in .swiper-wrapper{ padding-top:0;}
.crl-in .swiper-slide { width:581px; height: 331px; position: relative; overflow:hidden; /*opacity:0 !important;*/}
.crl-in .swiper-slide p{ width:100%; position:absolute; left:0; bottom:0; font-size:18px; text-align:center; line-height:42px; color:#ffffff;}
.crl-in .swiper-slide-active { opacity: 1 !important;}
.crl-in .swiper-slide img{ display:block; position: absolute; left: 0; top: 0; width: 581px; height: 331px;}
.crl-in .swiper-button-next,.crl-in .swiper-button-prev { width: 58px; height: 58px; margin-top:-130px; background-image: url(../ossweb-img/arr.png); background-size: initial; z-index:9999;}
.crl-in .swiper-button-next { right: 10px; background-position:0 -58px;}
.crl-in .swiper-button-prev { left: 10px; background-position: 0 0;}
.crl-btnbox{ width:581px; height:74px; margin:40px auto 0; position:relative; display:flex; justify-content:center; align-items:center;  text-align:center;}
.bl-buy-btn,.pk-buy-btn{ display:block; width:254px; height:74px; margin:0 10px 0 10px; font-size:24px; color:#ffffff; line-height:74px; letter-spacing:1px; font-weight:500px;}
.bl-buy-btn{ background:url(../ossweb-img/bl-buy-btn.png) no-repeat;}
.pk-buy-btn{ background:url(../ossweb-img/pk-buy-btn.png) no-repeat;}
.bl-buy-btn i,.bl-buy-btn em,.bl-buy-btn span{ text-shadow:0 3px 3px #115d8d;}
.pk-buy-btn i,.pk-buy-btn em,.pk-buy-btn span{ text-shadow:0 3px 3px #7a328e;}
.bl-buy-btn i,.pk-buy-btn i{ font-size:18px; font-style:normal; vertical-align:top; margin-top:6px; display:inline-block; font-weight:bold;font-family: "noir";}
.bl-buy-btn span,.pk-buy-btn span{ display:inline-block; padding-left:7px;}
.bl-buy-btn em,.pk-buy-btn em{ font-size:32px; display:inline-block; vertical-align:top; letter-spacing:0; font-family: "noir";}
.sel-price{ display:block; width:254px; line-height:28px; color:#303643; font-size:18px; position:absolute; right:24px; top:-30px; text-align:center; text-decoration:line-through;}
.sel-intro{ top:79px; text-decoration:none;}
.sel-dis{ width:81px; height:24px; line-height:24px; background:#f26299; border-radius:25px; font-size:14px; color:#ffffff; text-align:center; position:absolute; right:23px; top:-10px;}
.new-pro-list{ width:1215px; margin:0 auto 0;}
.new-pro-list li{ width:275px; height:475px; font-size:0; float:left; margin-left:32px; position:relative;}
.new-pro-list li:nth-child(1){ margin-left:0;}
.new-pro-text{ text-align:center; line-height:22px; color:#303643; font-size:18px; padding-top:9px;}
.new-pro-tips{ width:100%; position:absolute; left:0; top:312px; text-align:center; line-height:24px; color:##303643; font-size:14px;}
.new-buy-btn{ display:block; width:184px; height:54px; line-height:54px; background:url(../ossweb-img/new-buy-btn.png) no-repeat; text-align:center; font-size:20px; color:#ffffff;text-shadow:0 3px 3px #115d8d; position:absolute; right:0; top:400px; font-weight:500;}
.pro-price{ width:91px; height:54px; font-size:42px; margin-top:16px; line-height:54px; color:#9f85d8; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#b681e1), to(#858ace));-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-family: "noir";}
.pro-price em{ font-size:18px; font-style:normal; font-weight:bold; font-family: "noir";}
.con2{ height:1079px;}
.bel-intro{ width:100%; padding-top:155px; text-align:center; line-height:14px; color:#303643; font-size:16px;}
/* Tab */
.bel-list{ width:1130px; height:55px; margin:22px auto 19px; text-align:center; font-size:0;}
.bel-list li{ display:inline-block; width:253px; height:55px; background:url(../ossweb-img/tab.png) no-repeat 0 0; line-height:55px; font-size:24px; font-weight:bold; color:#6287de; cursor:pointer; margin:0 14px 0 14px;}
.bel-list li.li-act{ background-position:0 -55px; color:#e9eef3;}
.tab-box{ width:1130px; height:810px; margin:0 auto;}
.tab-box-con{ width:1130px; height:810px; position:relative; display:none;}
.tab-box-con .swiper-container{ width: 1130px; height:649px; margin:0 auto; overflow:hidden;}
.tab-box-con .swiper-wrapper{ padding-top:0;}
.tab-box-con .swiper-slide { width:1130px; height: 649px; position: relative; overflow:hidden; /*opacity:0 !important;*/}
.tab-box-con .swiper-slide-active { opacity: 1 !important;}
.tab-box-con .swiper-slide img{ display:block; position: absolute; left: 0; top: 0; width: 1130px; height: 649px;}
.tab-box-con .swiper-button-next,.tab-box-con .swiper-button-prev { width: 58px; height: 58px; margin-top:-109px; background-image: url(../ossweb-img/arr.png); background-size: initial; z-index:9999;}
.tab-box-con .swiper-button-next { right: -30px; background-position:0 -58px;}
.tab-box-con .swiper-button-prev { left: -32px; background-position: 0 0;}
.lyx-in{ width:1130px; height:136px; margin-top:16px;}
.lyx-name{ width:386px; float:left; margin:0 0 0 116px; font-size:42px; color:#6287de; font-weight:bold; line-height:54px;}
.lyx-name2{ width:485px; margin-left:55px;}
.lyx-name3{ width:339px; margin-left:86px;}
.lyx-price{ width:241px; float:left; position:relative; height:136px;}
.lyx-price2{ width:313px;}
.lyx-price .dep{ display:block; width:20px; height:36px; padding-top:4px; text-align:center; line-height:14px; color:#ffffff; font-size:12px; background:url(../ossweb-img/dep-icon.png) no-repeat; position:absolute; left:7px; top:8px;}			
.lyx-price .price{ line-height:100px; margin-top:-9px; color:#b681e1; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#b581e1), to(#848acd));-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size:108px; font-family: "noir";}
.lyx-price .price span{ font-size:36px; font-weight:bold; font-family: "noir";}
.lyx-price .price-full{ width:204px; text-align:center; line-height:28px; color:#303643; font-size:18px; position:absolute; left:4px; top:84px;}
.lyx-price .price-full2{ left:56px; text-decoration:line-through;}
.lyx-price .price-full3{ left:35px; text-decoration:line-through;}
.lyx-buy-btn{ float:left;}
.lyx-buy-btn i{ width:289px; left:-9px;}
.con3{ height:1085px;}
.new-clo-list{ margin-top:175px;}
.new-clo-list li{ width:370px; height:388px; margin-left:44px;}
.new-clo-list li a img,.new-pro-list li a img{ display:inline-block; transition: box-shadow 0.5s; -webkit-transition: box-shadow 0.3s; border-radius:4px;}
.new-clo-list li a img:hover,.new-pro-list li a img:hover{ box-shadow:0px 0px 20px #838acd; border-radius:4px;}
.new-clo-list li:nth-child(4){ margin-left:0;}
.new-clo-list .new-pro-text{ width:100%; top:254px; text-align:center; color:#ffffff; left:0; line-height:38px; position:absolute; padding-top:0;}
.new-clo-list .pro-price{ width:179px; text-align:right; font-size:40px; margin-top:16px; letter-spacing:0; font-family: "noir";}
.new-clo-list .pro-sel-price{ width:171px; position:absolute; left:0; top:326px; text-decoration:line-through; font-size:16px; color:#303643; line-height:34px;}
.new-clo-list .pro-price em{ font-weight:bold; font-family: "noir";}
.new-clo-list .dis{ display:block; width:110px; height:36px; background:url(../ossweb-img/dis-icon.png) no-repeat; text-align:center; line-height:36px; color:#ffffff; font-size:18px; position:absolute; left:0; top:0;}
.new-clo-list .new-buy-btn{ top:303px;}
.more-buy-btn{ display:block; width:599px; height:78px; background:url(../ossweb-img/more-btn.png) no-repeat; margin:0 auto 0; clear:both;}
.con4{ height:1082px;}
.mm-clo-list li{ width:370px; height:435px;}
.mm-clo-list .new-buy-btn{ top:353px; left:93px;}
.mm-clo-list .mm-price{ width:100%; text-align:center; line-height:52px; padding-top:4px;}
.mm-clo-list .mm-price span{ color:#303643; font-size:18px;}
.mm-clo-list .mm-price em{ color:#303643; font-size:18px; padding-left:14px; font-weight:bold; font-family: "noir";}
.mm-clo-list .mm-price i{ font-size:48px; font-style:normal; font-family: "noir";}
.mm-clo-list .mm-price em,.mm-clo-list .mm-price i{ color:#9387d3; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#b681e1), to(#858ace));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.con5{ height:1458px;}
.rule-list{ width:1228px; margin:354px auto 0;}
.rule-list li{ width:1228px; float:left; line-height:30px; margin-bottom:8px;}
.rule-list li strong{ font-size:18px; color:#6287de; font-weight:bold;}
.rule-list li i{ width:18px; line-height:24px; float:left; display:block; font-style:normal;}
.rule-num{ display:block; width:37px; height:22px; font-size:0; background:url(../ossweb-img/flowers-icon.png) no-repeat; float:left; margin:0 4px 0 0;}
.rule-text{ width:1186px; color:#303643; font-size:14px; float:left; line-height:22px; text-align:justify;}
.rule-text a{ color:#6287de; text-decoration:underline;} 
.rule-text span{ color:#6287de;}
.rule-text em{ color:#f26299;}
.rule-num2{ background:none;}
.rule-text2{ width:1165px; margin-left:0;}