@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,ul,li,ol,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea,select,input{margin:0;padding:0;}
*:focus { outline: none; }
html{height:100%;}
body{font:12px/1.5 Arial,"Microsoft YaHei","宋体"; color:#323632; background-color: #fff;}
address,cite,dfn,em,var,i{font-style:normal;}
input,button{ font-family: "Microsoft YaHei";}
body,div,p{word-wrap:break-word;}
b,strong,.strong{font-weight:700;}
ul,ol,li{list-style:none;}
a{text-decoration:none; cursor:pointer; outline:none;color: #323632;}
a{transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;}
a:hover{color:#00a662;}
img{border:0;}
table{border-collapse:collapse;border-spacing:0}
input[type="text"]{-webkit-appearance: none;}

.rel{position:relative;}
.abs{position:absolute;}
.normal{font-weight: 400;}
.clearfix{zoom:1;}
.clearfix:after{content:'.';display:block;clear:both;height:0;visibility:hidden;line-height:0;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.txt-l{text-align:left!important;}
.txt-r{text-align:right!important;}
.txt-c{text-align:center!important;}
.song{font-family: "宋体";}
.over-x{overflow-x: hidden;}
.nowrap{word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.w1200{width:1200px;margin:auto;position: relative;}

.bg1{background: url(../images/bg1.jpg) no-repeat center top;height: 900px;}
.bg1 .logo{position: absolute;left: 4px;top: 38px;}
.bg1 .winningRecord{position: absolute;right: 18px;top: 20px;font-size: 18px;color: #fff;text-decoration: underline;}
.bg1 .allTopic{position: absolute;right: 120px;top: 35px;font-size: 18px;color: #fff;text-decoration: underline;}
.bg1 .time{position: absolute;left: 777px;top: 671px;color: #fff;line-height: 70px;font-size: 31px;}
.bg1 .fabuvideo{width: 413px;height: 77px;text-align: center;line-height: 77px;opacity: 0;position: absolute;left: 101px;top: 526px;}
.bg1 .slide{position: absolute;left: 766px;top: 70px;width: 300px;height: 48px;}
.bg1 .bd{width: 300px;height: 48px;overflow: hidden;}
.bg1 .bd li{width: 300px;height: 48px;line-height: 48px;text-align: center;font-size: 18px;color: #fff;}
.bg1 .bd li span{color: #ffe9a0;}

#luck{position: absolute;left: 726px;top: 189px;}
#luck ul li{float: left;margin-right: 11px;box-shadow: 6px 6px 0px 0px rgb(254, 96, 1);background: #fff;border-radius: 10px;overflow: hidden;text-align: center;position: relative;}
#luck ul li.cjBtn{box-shadow: none;background: none;height: 174px;margin-bottom: 12px;cursor: pointer;}
#luck ul li.cjBtn p{position: absolute;left: 0;bottom: 16px;line-height: 20px;width: 100%;text-align: center;color: #fff;font-size: 12px;}
.roll-1{width: 153px;}
.roll-2{width: 104px;}
.roll-3{width: 103px;}
.roll-1,.roll-2,.roll-3{height: 101px;margin-bottom: 11px;}
.roll-9{width: 105px; height: 174px;margin-bottom: 12px;}
.roll-4{width: 103px; height: 79px;margin-bottom: 11px;}
.roll-5{width: 103px; height: 82px;margin-bottom: 14px;}
.roll-8{width: 103px; height: 101px;}
.roll-7{width: 103px; height: 101px;}
.roll-6{width: 152px; height: 101px;}
.roll-3,.roll-4,.roll-5,.roll-6{margin-right: 0;}
#luck ul li.active{background: #ffd240;}

.bg2{background: url(../images/bg2.jpg) no-repeat center top;height: 1449px;}
.bg2 ul{padding:141px 0 0 145px;}
.bg2 ul li{float: left;width: 234px;height: 275px;margin: 0 93px 135px 0;}

.bg3{background: url(../images/bg3.jpg) no-repeat center top;height: 978px;}
.bg3 .rule{position: absolute;top: 658px;left: 210px;width: 810px;}
.bg3 .rule p{line-height: 32px;color: #ed2a00;font-size: 20px;}

.list-sponsor{margin: 0 auto;width: 840px;text-align: center;padding-top: 100px;}
.list-sponsor-title span{line-height: 38px;font-size: 16px;}
.list-sponsor ul li{width: 129px;height: 131px;border-radius: 15px;border: 2px solid #fff;background: #ed2a00;padding: 8px 9px 3px 10px;margin: 0 20px 20px 0;box-shadow: 0px 8px 8px 0px rgba(174, 50, 37, 0.25);float: left;}
.list-sponsor ul li span{display: table-cell;width: 129px;height: 97px;text-align: center;vertical-align: middle; border-radius: 15px 15px 0 0;background: #fff;}
.list-sponsor ul li span img{max-width: 129px;max-height: 97px;}
.list-sponsor ul li p{color: #fff;font-size: 16px;line-height: 34px;text-align: center;height: 34px;overflow: hidden;}
.list-sponsor ul li a{display: block;}
.list-sponsor ul li:nth-child(5n){margin-right: 0;}


/*弹窗*/
.popup{width: 100%;height: 100%;position: fixed;left: 0;top: 0;display: none;z-index:2;}
.popup-bg{background: #000;opacity: 0.77;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.popup-con{position: absolute;left: 50%;top: 50%;}
.popup-con .close{position: absolute;right: -62px;top: -41px;display: block;width: 47px;height: 47px;background: url(../images/close.png) no-repeat;cursor: pointer;}

.popup-con-share{width: 317px;height: 388px;margin: -223.5px 0 0 -158.5px;background: url(../images/popup_bg1.png) no-repeat;text-align: center;padding-top: 59px;display: none;}
.popup-con-share p{line-height: 28px;color: #ffffff;font-size: 20px;}
.popup-con-share a{margin-top: 36px;display: inline-block;}
.popup-con-share-ewm{margin-top: 10px;}
.popup-con-share-ewm div{width: 123px;height: 123px;border-radius: 15px;background: #fff;overflow: hidden;margin: 0 auto;padding: 5px;}
.popup-con-share-ewm div img{width: 123px;height: 123px;}
.popup-con-share-ewm p{line-height: 36px;font-size: 16px;}

.popup-con-record{width: 416px;height: 412px;margin: -242.5px 0 0 -231px;background: url(../images/popup_bg2.png) no-repeat;padding: 73px 23px 0;display: none;}
.popup-con-record ul{height: 382px;border-radius: 26px;background: url(../images/popup_bg3.png) no-repeat;padding: 10px 20px 0 30px;overflow: auto;}
.popup-con-record ul li{padding-top: 10px;height: 34px;line-height: 34px;border-bottom: 1px solid #f2f2f2;cursor: pointer;}
.popup-con-record ul li span{float: left;color: #999999;font-size: 14px;}
.popup-con-record ul li p{float: right;color: #333333;font-size: 16px;}
.popup-con-record .close{top: -46px;}

.popup-con-prize{width: 514px;height: 476px;margin: -284.5px 0 0 -257px;background: url(../images/popup_bg4.png) no-repeat;padding: 93px 0 0 0;display: none;}
.popup-con-prize2{height: 614px;margin-top: -353.5px;background: url(../images/popup_bg5.png) no-repeat;}
.popup-con-prize h3{font-weight: normal;text-align: center;line-height: 44px;height: 44px;overflow: hidden;color: #fff;font-size: 24px;}
.popup-con-prize .popup-con-prize-jp{display: table-cell;height: 194px;text-align: center;vertical-align: middle;width: 514px;}
.popup-con-prize .popup-con-prize-jp img{max-width: 392px;max-height: 194px;}
.popup-con-prize .close{top: 4px;right: -38px;}

.popup-address{width: 312px;padding: 14px 12px 10px;background: #fff;margin: 0 auto;border-radius: 12px;}
.popup-address-select{width: 266px;border-radius: 9px;background: #f6f6f6;position: relative;padding:8px 0 12px 50px;cursor: pointer;margin-bottom: 10px;display: none;}
.popup-address-select .gps{display: block;width: 21px;height: 21px;background: url(../images/gps.png) no-repeat;position: absolute;left: 24px;top: 26px;display: none;}
.popup-address-select .jt{display: block;width: 12px;height: 7px;background: url(../images/jt.png) no-repeat;position: absolute;right: 15px;top: 18px;display: none;}
.popup-address-select div{line-height: 28px;color: #333333;}
.popup-address-select div span{font-size: 14px;}
.popup-address-select p{line-height: 16px;color: #333;width: 250px;}
.popup-address-select.on{display: block;}
.popup-address-select.on .gps{display: block;}
.popup-address-select.on .jt{display: block;}
.courierNumber{text-align: center;line-height: 18px;color: #333;}
.add-address-btn{width: 315px;height: 27px;display: block;background: #eb0d09;text-align: center;line-height: 27px;color: #fff;border-radius: 6px;}
.add-address-btn:hover{color: #fff;}

.popup-address-box{width:297px;padding: 20px 19px 14px 0;display: none;}
.popup-address-box div{margin-bottom: 10px;}
.popup-address-box div span{float: left;width: 77px;padding-right: 9px;font-size: 14px;color: #333;line-height: 24px;text-align: right;}
.popup-address-box div input[type=text]{float: right;width: 189px;height: 22px;border: 1px solid #d2d2d2;padding: 0 10px;}
.popup-address-box div textarea{float: right;width: 189px;height: 47px;border: 1px solid #d2d2d2;resize: none;padding:5px 10px;}
.popup-address-box input[type=submit]{width: 104px;height: 27px;background: #eb0d09;color: #fff;border-radius: 6px;margin: 6px 0 0 106px;border: 0;cursor: pointer;}

.popup-con-withdrawal{width: 430px;height: 557px;margin: -328.5px 0 0 -236px;background: url(../images/popup_bg6.png) no-repeat;padding: 100px 42px 0 0;display: none;text-align: center;}
.popup-con-withdrawal h3{line-height: 50px;font-weight: normal;font-size: 30px;color: #fff;}
.popup-con-withdrawal>p{height: 170px;font-size: 20px;color: #f6d185; text-shadow: 0px 8px 7px rgba(174, 50, 37, 0.46);line-height: 170px;}
.popup-con-withdrawal>p i{font-size: 135px;}
.popup-con-withdrawal .popup-con-withdrawal-check{height: 30px;line-height: 30px;margin-top: 0;color: #f6d185;text-shadow: 0px 8px 7px rgba(174, 50, 37, 0.46); font-size: 18px;}
.popup-con-withdrawal .popup-con-withdrawal-check a{color: #f6d185;text-decoration: underline;}
.popup-con-withdrawal .popup-con-withdrawal-btn{display: block;}
.popup-con-withdrawal .popup-con-share-ewm p{color: #fff;}

/*弹幕*/
* {margin: 0;padding: 0;}
html, body {width: 100%;height: 100%;overflow-x: hidden;}
.danmu_container_wrap {width: 100%;height: 150px;position: absolute;left: 0;top: 50px;}
.danmu_container {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.danmu_unit_all {animation: move 1s linear 5s;}
.danmu_unit_half {animation: move_half 1s linear 5s;-webkit-animation: move_half 1s linear 5s;}
@keyframes move_half {0% {transform: translate(0px, 0px);}100% {left: 0px;transform: translate(-100%, 0px);}}
@keyframes move {0% {left: 100%;transform: translate(0px, 0px);}100% {left: 0px;transform: translate(-100%, 0px);}}
.danmu_container .unit {position: absolute;left: 200%;display: table;white-space: nowrap;padding: 0 16px 0 65px;/*padding: 0 16px;*/height: 42px;line-height: 42px;background: rgba(0,0,0,0.23);border-radius: 21.5px;}
.danmu_container .unit img {position: absolute;left: 10px;bottom: 0px;max-height: 120%;max-width: 50px;}
.danmu_container > .danmu_unit {left: 100%;transform: translate(0px, 0px);}