/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; }
article,aside,details,figcaption,figure,footer,head,hgroup,menu,nav,section {display:block; }
ol,ul {list-style:none; }
body {-webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100% !important; -webkit-touch-callout:none; -webkit-user-select:text; -webkit-touch-callout:none; }
h1,h2,h3,h4,h5,h6 {font-weight:normal; }
table {border-collapse:collapse; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {font-weight:inherit; }
strong,i,em {font-weight:normal; font-style:normal; }
input,select,form {vertical-align:middle; outline:none; }
img {border:none; vertical-align:top; }
a,button,input,select,textarea,a:focus,button:focus,input:focus,select:focus,textarea:focus,[onclick] {outline:0; -webkit-tap-highlight-color:rgba(255,255,255,0); }
a {-webkit-touch-callout:none; text-decoration:none; color:#666666; outline:0; }
body,html { background:#231539;}
.hidden {width:0; height:0; line-height:0; font-size:0; visibility:hidden; text-indent:-9999px; display:block; }
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.foot {font-size:20px; color:#cccccc; text-align:center; background:#000000; padding:18px 0 18px 0; line-height:30px; }
/*wrap*/
.wrap{ width:750px; margin:0 auto; overflow:hidden; position:relative;}
.wrap .djc, .wrap .zb { display: none;}
.top-nav{ width:750px; height:99px; background:url(../ossweb-img/top-nav-bg.jpg) no-repeat center top; margin:0 auto;}
.top-nav .nav1{ display:block; width:187px; height:99px; float:left;}
/* head */
.logo{ display: block; width:200px; height:30px; background: url(../ossweb-img/logo.png) no-repeat; position: absolute; left: 31px; top: 23px; z-index:999;}
.logo.djc{ background: url(../ossweb-img/logo-djc.png) no-repeat;}
.wrap .djc,.wrap .zb{ display: none;}
.head,.content{ width:750px; margin:0 auto; position:relative; overflow:hidden;}
.head{ height:495px; background:url(../ossweb-img/wp-head.jpg) no-repeat center top; font-size:0;}
.txt{ width:302px; font-weight:bold; line-height:34px; text-align:center; color:#ffffff; font-size:15px; position:absolute; left:16px; top:291px;text-shadow: 0 0 2px #486e7f,0 0 2px #486e7f,0 0 2px #486e7f,0 0 2px #486e7f,0 0 2px #486e7f,0 0 2px #486e7f,0 0 2px #486e7f,0 0 2px #486e7f;}
.time{ width:222px; line-height:35px; color:#221435; font-size:19px; text-align:center; font-weight:bold; position:absolute; right:47px; top:289px;}
/*content*/
.content{ height:auto; padding-bottom:100px; background:url(../ossweb-img/wp-content.jpg) no-repeat center top; margin-top:-1px;}
.c1,.c2,.c3,.c4{ overflow:hidden;}
/*c1*/
.c1{ height:1465px;}
.fl-in{ width:708px; height:230px; margin:355px 0 0 23px; position:relative;}
.fl-txt{ width:236px; line-height:36px; height:36px; text-align:center; color:#c4e8ff; font-size:22px; float:left;}
.fl-txt2{ color:#54577b;}
.go-btn{ display:block; width:136px; height:39px; background:url(../ossweb-img/go-btn.png) no-repeat; float:left; margin:35px 18px 0 49px;}
.cen-txt{ width:373px; text-align:justify; clear:both; font-size:18px; line-height:24px; color:#827497; margin-left:47px; padding-top:14px;}
.sow1{width:640px;height:580px;position: relative;margin:36px auto 0;}
.sow1-con{width:640px;height:580px;position: relative;margin:0 auto;overflow: hidden;}
#pagination1{width:100%;height:21px; position:absolute; left:0; bottom:0;}
#pagination1 li{ width:26px;height:21px;outline: none;margin:0 12px 0 12px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0;}
#pagination1 li.swiper-pagination-bullet{border-radius:0%;opacity: 1;}
#pagination1 li.swiper-pagination-bullet{ background:url(../ossweb-img/hearts-lk.png) no-repeat;}
#pagination1 li.swiper-pagination-bullet-active{ background:url(../ossweb-img/hearts-hv.png) no-repeat;}
.sub-tit{ color:#c49bea; margin-top:22px; text-align:center; font-size:36px; line-height:60px; height:60px; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#f1ebff), to(#c49bea));-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-weight:normal; letter-spacing:2px; font-family: "zzgf";}
.abl-pay{ height:242px; margin-top:28px;}
.abl-pay a{ display:block; width:508px; height:73px; padding-top:25px; margin:0 auto 24px; background:url(../ossweb-img/pay-btn.png) no-repeat; text-align:center; color:#ffffff; font-size:32px; letter-spacing:1px; font-family: "zzgf";} 
.abl-pay a i{ display:inline-block; padding-left:9px; font-size:24px; font-style:normal; vertical-align:bottom; margin-bottom:0;}
.abl-pay a strong{ display:inline-block; font-size:48px; font-weight:normal; vertical-align:bottom;} 
.abl-pay a em{ display:inline-block; padding-left:11px; font-size:18px; vertical-align:bottom; margin-bottom:0;}
.vie-btn{ display:block; width:204px; text-align:center; line-height:32px; color:#754e8a; font-size:20px; margin:0 auto 8px;}
.vie-btn i{ display:inline-block; border-bottom:#754e8a solid 1px; font-style:normal;}
.vie-tips{ text-align:center; line-height:32px; color:#754e8a; font-size:16px;}
.abl-pay2{ display:block; width:508px; height:98px; background:url(../ossweb-img/pay-btn2.png) no-repeat; margin:0 auto 0; clear:both;}
/*c2*/
.c2{ height:647px;}
.pro-in{ width:167px; height:744px; float:left; margin:145px 0 0 4px; position:relative;}
.pro-bar,.pro-bar-light{ width:35px; height:744px; position:absolute; right:0; top:0;}
.pro-bar{ background:url(../ossweb-img/pro-default.png) no-repeat;}
.pro-bar-light1,.pro-bar-light2,.pro-bar-light3,.pro-bar-light4{ background:url(../ossweb-img/pro-light.png) no-repeat;}
.pro-bar-light1{ height:214px;}
.pro-bar-light2{ height:381px;}
.pro-bar-light3{ height:548px;}
.pro-bar-light4{ height:744px;}
.pro-time{ width:122px; height:110px; position:absolute; right:35px; text-align:center; font-size:18px; color:#472b5d;}
.pro-time span{ display:inline-block; color:#472b5d; line-height:40px; padding-bottom:9px; letter-spacing:2px; font-size:36px; font-weight:bold; font-family: "zzgf";}
.pro-time1{ top:3px;}
.pro-time2{ top:179px;}
.pro-time3{ top:349px;}
.pro-time4{ top:516px;}
.pro-time5{ top:668px;}
.pro-time-light{ color:#d2b2ff;}
.pro-time-light span{ background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fadfff), to(#c397ff));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.hl-list{ width:540px; height:679px; background:url(../ossweb-img/howler-bg.png) no-repeat; float:left; margin:175px 0 0 20px;}
.hl-list li{ width:540px; float:left; position:relative;}
.hl-list li:nth-child(1){ height:173px;}
.hl-list li:nth-child(2){ height:167px;}
.hl-list li:nth-child(3){ height:167px;}
.hl-list li:nth-child(4){ height:172px;}
.hl-list li img{ display:block; width:160px; height:157px; float:left; margin:0 0 0 3px;}
.hl-list li:nth-child(1) img{ margin-top:14px;}
.hl-con{ width:374px; float:left; margin-top:34px;}
.hl-tit{ display:block; line-height:30px; font-weight:bold; color:#472b5d; font-size:21px; margin-top:8px;}
.hl-tit i{ display:inline-block; width:9px; height:20px; margin:0 6px 0 6px;} 
.hl-tit i:nth-child(1){ background:url(../ossweb-img/hl-line-l.png) no-repeat; vertical-align:top; background-size:9px 20px;}
.hl-tit i:nth-child(2){ background:url(../ossweb-img/hl-line-r.png) no-repeat; vertical-align:bottom; background-size:9px 20px;}
.hl-list li:nth-child(2) .hl-tit,.hl-list li:nth-child(3) .hl-tit,.hl-list li:nth-child(4) .hl-tit{ margin-top:3px;}
.hl-tm{ line-height:28px; color:#3b2352; font-size:18px; margin-top:2px;}
.hl-tm strong{ color:#472b5d; font-weight:bold;}
.hl-price{ font-size:32px; color:#472b5d; font-weight:bold; margin-top:0; line-height:48px; letter-spacing:2px; font-family: "zzgf";}
.hl-limited1{ display:block; width:80px; height:80px; background:url(../ossweb-img/limited-default-icon1.png) no-repeat; position:absolute; right:15px; top:-16px; background-size:80px 80px; z-index:2;}
.hl-limited2{ background:url(../ossweb-img/limited-default-icon2.png) no-repeat; background-size:80px 80px;}
.hl-list li.hl-light .hl-limited1{ background:url(../ossweb-img/limited-light-icon1.png) no-repeat; background-size:80px 80px;}
.hl-list li.hl-light .hl-limited2{ background:url(../ossweb-img/limited-light-icon2.png) no-repeat; background-size:80px 80px;}
.hl-light-b1{ display:none; width:540px; height:301px; position:absolute; left:0; z-index:1;}
.hl-light-b1{ background:url(../ossweb-img/hl-light-b1.png) no-repeat; top:0;}
.hl-light-b2{ background:url(../ossweb-img/hl-light-b2.png) no-repeat; top:-6px;}
.hl-light-b3{ background:url(../ossweb-img/hl-light-b3.png) no-repeat; top:-6px;}
.hl-light-b4{ background:url(../ossweb-img/hl-light-b4.png) no-repeat; top:-6px;}
.hl-list li.hl-light .hl-light-b1{ display:block;}
.hl-list li.hl-light .hl-tit{ color:#ffffff; position:relative; z-index:99;}
.hl-list li.hl-light .hl-tit i:nth-child(1){ background:url(../ossweb-img/hl-line-l2.png) no-repeat;}
.hl-list li.hl-light .hl-tit i:nth-child(2){ background:url(../ossweb-img/hl-line-r2.png) no-repeat;}
.hl-list li.hl-light .hl-tm{ color:#ffffff; position:relative; z-index:99;}
.hl-list li.hl-light .hl-tm strong{ color:#d3aeff;}
.hl-list li.hl-light .hl-price{ background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#f8dcff), to(#c396ff));-webkit-background-clip: text;-webkit-text-fill-color: transparent; position:relative; z-index:99;}
.hl-pro-arr{ display:none; width:10px; height:18px; background:url(../ossweb-img/hl-pro-arr.png) no-repeat; position:absolute; left:-14px; bottom:75px;}
.hl-list li.hl-light .hl-pro-arr{ display:block;}
.lottery-txt{ text-align:center; line-height:28px; color:#875ba5; font-size:18px;}
.pay-proc{ width:750px; height:400px; background:url(../ossweb-img/pay-proc.png) no-repeat center top; margin:128px auto 103px; clear:both;}
.pay-proc-txt1{ width:200px; height:104px; float:left; text-align:center; margin:109px 0 0 45px; line-height:26px; color:#9f5bce; font-size:18px;}
.pay-proc-txt2{ margin-left:31px; margin-right:190px;}
.pay-proc-txt3{ width:333px; margin-left:45px;}
.pay-proc-txt4{ margin-left:259px;}
.lottery-btn{ display:block; width:208px; height:98px; background:url(../ossweb-img/lottery-btn.png) no-repeat; position:absolute; left:481px; top:58px;}
/*c3*/
.c3{ height:1083px;}
.c3-txt{ text-align:center; line-height:36px; color:#ffffff; font-size:20px; margin-top:115px; font-weight:lighter;}
.sow2{width:420px;height:371px;position: relative; float:left; margin:18px 0 0 20px;}
.sow2-con{width:420px;height:371px;position: relative;margin:0 auto;overflow: hidden;}
.prev-btn2,.next-btn2{width:35px;height:35px;position: absolute;top:113px; font-size:0; outline:none;z-index:5;}
.prev-btn2{ background:url(../ossweb-img/prev1.png) no-repeat; left:0; background-size:35px 35px;}
.next-btn2{ background:url(../ossweb-img/next1.png) no-repeat; right:0; background-size:35px 35px;}
.sow3{width:238px;height:300px; position: relative; float:left; margin:40px 0 60px 122px;}
.sow3-r{ margin-left:33px;}
.sow3-con{width:238px;height:322px;position: relative;margin:0 auto;overflow: hidden;}
#pagination2,#pagination3{width:100%;height:21px; position:absolute; left:0; bottom:0;}
#pagination2 li,#pagination3 li{ width:26px;height:21px;outline: none;margin:0 8px 0 8px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0;}
#pagination2 li.swiper-pagination-bullet,#pagination3 li.swiper-pagination-bullet{border-radius:0%;opacity: 1;}
#pagination2 li.swiper-pagination-bullet,#pagination3 li.swiper-pagination-bullet{ background:url(../ossweb-img/hearts-lk.png) no-repeat;}
#pagination2 li.swiper-pagination-bullet-active,#pagination3 li.swiper-pagination-bullet-active{ background:url(../ossweb-img/hearts-hv.png) no-repeat;}
.full-pay{ width:750px; height:175px; margin:0 auto 0; text-align:center; position:relative; clear:both;}
.full-pay-txt{ width:190px; font-size:18px; color:#ffffff; text-align:right; position:absolute; left:0; top:74px;}
.full-pay a{ display:inline-block; width:268px; height:98px; margin-left:19px; background:url(../ossweb-img/buy-btn.png) no-repeat; vertical-align:bottom;}
.full-pay strong,.full-pay span{  margin-bottom:2px; color:#c396ff; display:inline-block; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#f8dcff), to(#c396ff));-webkit-background-clip: text;-webkit-text-fill-color: transparent; letter-spacing:2px; font-family: "zzgf";}
.full-pay strong{ line-height:90px; font-size:80px; vertical-align:bottom;}
.full-pay span{ font-size:36px; line-height:38px; font-weight:bold; vertical-align:top; margin-top:16px;}
.bra-in{ width:750px; margin:0 auto; clear:both;}
.bra-tit{ display:block; width:139px; margin:13px 0 0 235px; font-weight:normal; text-align:center; float:left; font-size:0;}
.bra-tit i{ display:inline-block; letter-spacing:2px; line-height:76px; font-style:normal; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#f3e9ff), to(#d3b2ff));-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size:35px; font-family: "zzgf";}
.bra-logo{ display:block; width:126px; height:46px; float:left; margin:26px 31px 0 7px;}
.bra-txt{ width:657px; height:192px; float:left; margin-left:47px; line-height:38px; text-align:justify; color:#ffffff; font-size:18px;}
.more-btn{ display:block; clear:both; width:508px; height:99px; background:url(../ossweb-img/more-btn.png) no-repeat; margin:0 auto 0;}
/*c4*/
.c4{ height:auto;}
.rule-list{ margin:118px auto 0;}
.rule-list,.rule-list li{ width:655px;}
.rule-list li{ float:left; margin-bottom:5px;}
.rule-list li a{ color:#ffffff;}
.rule-bd{ display:block; width:655px; padding-top:15px; font-size:24px; color:#f4f4f4; font-weight:bold; line-height:40px; text-align:justify; word-break:break-all;}
.rule-p{ width:655px; font-size:20px; color:#ffffff; float:left; word-break:break-all;}
.rule-num{ display:block; width:21px; height:21px; background:#ffffff; text-align:center; line-height:21px; font-size:18px; color:#231539; float:left; border-radius:50%; margin:8px 6px 0 25px;}
.rule-no{ background:none;}
.rule-desc{ display:block; width:600px; float:left; line-height:36px;}
.rule-desc i{ font-style:normal; color:#d599ff;} 
.rule-list a.order-btn{ color:#d599ff;}
.ser-btn{ display:block; width:114px; height:114px; background:url(../ossweb-img/ser-btn.png) no-repeat; position:fixed; right:10px; bottom:100px; z-index:9998;}
/*pop*/
.pop{ display:none; width:750px; height:587px; background:url(../ossweb-img/pop.png) no-repeat; float:left; position:relative; outline:none;}
.pop .pop-close{ display:block; width:41px; height:41px; background:url(../ossweb-img/cls-btn.png) no-repeat; position:absolute; right:114px; top:-20px;}
.pop-tit1{ width:346px; height:84px; background:url(../ossweb-img/pop-tit1.png) no-repeat; margin:46px 0 0 286px; font-size:0;}
.pop-tit2{ background:url(../ossweb-img/pop-tit2.png) no-repeat; margin-top:32px;}
.pop-tit3{ background:url(../ossweb-img/pop-tit3.png) no-repeat;}
.pop-tit4{ background:url(../ossweb-img/pop-tit4.png) no-repeat;}
.pop-tit5{ background:url(../ossweb-img/pop-tit5.png) no-repeat;}
.pop-lty-list{ width:457px; margin:46px 0 0 225px; display:flex; flex-wrap:wrap;  justify-content:center;}
.pop-lty-list li{ width:192px; height:164px; margin:0 10px 20px 10px; background:url(../ossweb-img/pop-lty-bg.png) no-repeat; overflow:hidden;}
.pop-lty-tm{ letter-spacing:2px; text-align:center; line-height:60px; font-size:36px; color:#ffffff; margin-top:28px; font-family: "zzgf";}
.pop-lty-btn{ display:block; width:137px; height:35px; background:url(../ossweb-img/pop-btn.png) no-repeat; margin:8px auto 0;}
.pop-lty-txt{ width:457px; margin-left:225px; text-align:center; line-height:26px; color:#9187a1; font-size:18px;}
.pop-lty-tips{ width:276px; height:158px; line-height:30px; color:#ffffff; border:#967bc7 solid 1px; border-radius:20px; position:absolute; left:316px; bottom:153px; font-size:22px; display:flex; justify-content:center; align-items:center; text-align:center; background-color:rgb(32,9,69,0.8);}
.pop-con-tips{ width:457px; margin:55px 0 0 225px; font-weight:bold; font-size:20px; color:#5423ad; text-align:center; line-height:26px;}
.pop-con-tips span{ display:inline-block; padding-top:7px; color:#9187a1; font-weight:normal; font-size:16px;}
.pop-order{ width:427px; height:300px; margin:10px 0 0 239px; overflow:auto;}
.pop-order::-webkit-scrollbar-track{ width:7px;background-color: #ffffff; border-radius:20px;}
.pop-order::-webkit-scrollbar{width:7px;background-color: #ffffff; border-radius:20px;}
.pop-order::-webkit-scrollbar-thumb{background-color: #333333; border:#ffffff solid 1px; border-radius:20px;}
.pop-order-tab{ width:415px;}
.pop-order-tab tr th{ border:#000000 solid 2px; padding:11px 0 11px 0; text-align:center; color:#000000; font-size:20px;}
.pop-order-tab tr td{ border:#000000 solid 2px; padding:9px 0 9px 0; text-align:center; color:#000000; font-size:16px;}