@charset "utf-8";

@font-face {
font-family: 'BMDOHYEON';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff');
font-weight: normal;
font-style: normal;}

/*NEXON橄榄球体*/
@font-face {
font-family: 'NEXONFootballGothicBA1';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXONFootballGothicBA1.woff') format('woff');
font-weight: normal;
font-style: normal;}


html{min-width: 1200px; background: #231c35;}


.auto_topwrap{background: url(../img/top_bg.jpg) no-repeat center top;
height: 430px; }
.top_title{background: url(../img/top_title.png) no-repeat center 60px; height: 385px;}
.top_date{color: #ea8b39; font-size: 20px;}


.cont_wrap1{background-color: #ffffff; width: 1300px; height: 1360px;
margin: 0 auto 100px;}
.cont_wrap2{background-color: #ffffff; width: 1300px; height: 1060px;
margin: 0 auto 100px;}
.cont_wrap3{background-color: #ffffff; width: 1300px; height: 610px;
margin: 0 auto 100px;}


.cont_title{background-color: #f2edff; width: 1300px; height: 40px; text-align: center; /*font-weight: 400;*/ font-size: 40px; font-family: 'Microsoft YaHei'; color: #5b30cb; 
text-shadow: 0px 4px 0px #ffffff; padding: 40px 0;
box-shadow: 0px 4px 0px #c6b8ed;}
.cont_txt1{color: #5b30cb; font-size: 16px; text-align: left; line-height: 24px; margin: 35px auto; box-sizing: content-box; width: 816px;}

.wrap600{ margin-top: 50px; position: relative; width: 600px; margin: auto;}
.wrap600 h3{color: #5b30cb; font-size: 20px; padding-top: 4px; float: left;}
.wrap600 button{width: 104px; height: 30px; text-align: center; background-color: #5b30cb; color: #ffffff; float: right; margin-bottom: 20px;}


.t_type1{border-collapse:collapse; border-top: 1px solid #5b30cb; margin: 20px auto; width: 600px;}
.t_type1 tr th, .t_type1 tr td{border-right: 1px solid #5b30cb; border-bottom: 1px solid #5b30cb; font-size: 14px; text-align: center; font-weight: normal; padding: 12px 0 12px 0; line-height: 1em}
.t_type1 tr :last-child{border-right: 0;}
.t_type1 tr th{color: #5b30cb;}
.t_type1 tr td{color: #5b30cb; background-color: #ffffff;}
.t_type1 tr.bgno td{background-color: #1e2636;}
.t_type1 tr td.pcolor{color: #5b30cb; background-color: #f2edff;}
.fstyle1{color: #ff5b28;}
.t_type1 .skew{background-color: #f2edff;}

.update{position: absolute; /*top: 180px;*/ right: 0; color: #5b30cb; font-size: 12px;}

.ranking{width: 1200px; margin: auto;}
.ranking li{width: 380px; float: left; margin-right: 20px;}
.ranking li:last-child{margin-right: 0;}
.ranking_wrap{margin: 60px 0;}

.wrap380{position: relative;}
.wrap380 p{color: #5b30cb; font-size: 16px;}
.wrap380 p img{margin-right: 5px;}

.t_type2{border-collapse: collapse; border-left: 1px solid #daccff; border-bottom: 1px solid #daccff; margin: 10px auto; width: 380px;}

.t_type2 tr th, .t_type2 tr td{  font-size: 12px; text-align: center; font-weight: normal; padding: 8px 0 8px 0; line-height: 1em}
.t_type2 tr th.rcolor{color: #ffffff; background-color: #f5f1ff;}
.t_type2 tr td{color: #5b30cb; background-color: #ffffff; border-right: 1px solid #daccff; border-left: 1px solid #daccff;}
.t_type2 tr.bgno td{background-color: #1e2636;}
.t_type2 tr td.pcolor{color: #ffffff; background-color: #2e2a39; border-right: 0; border-left: 0;}
.t_type2 tr td.fcolor{background-color: #f5f1ff;}
.skew{color: #ffffff; background-color: #1e2636;}
.t_type2 tr th.rcolor1{color: #ff5b28;}
.t_type2 tr th.rcolor2{color: #ff5b28; background-color: #f5f1ff;}
.t_type2 tr th.rcolor3{color: #5b30cb; background-color: #f5f1ff;}
.t_type2 tr th.rcolor4{color: #5b30cb;}

/*quick*/
.km_quick{position: fixed; right: 70px; bottom: 300px; z-index: 10; display: none; }
.km_quick ul li{background: url('../img/gnb_box.png') no-repeat center top; width: 170px; height: 150px; box-sizing: border-box; padding-top: 55px;}
.km_quick ul li,.km_quick ul li a{font-family: 'Microsoft YaHei'; !important; font-size: 18px; text-align: center; color: #a569b8;list-style: none;text-decoration: none; }
.km_quick ul li a:hover{color: #ffffff; 
        text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -3px 20px rgba(255,255,255,0.4);}

/*活动规定弹出*/
.note1{width: 100%; height: 100%; position: fixed; z-index: 99999; background: rgba(0, 0, 0, 0.9); top: 0; left: 0; display: none;}
.note {width: 530px; height: 500px; margin: 0 auto; padding: 30px 50px 20px 50px; background-color: #ffffff; position: absolute; left: 33%; top: 20%;}
.note .line {margin-top: 20px; font-size: 25px; color: #5b30cb; border-bottom: 1px solid #d3d3d3; padding-bottom: 15px;}
.text {margin-top: 50px;}
.note p {text-align: left; line-height: 20px; margin-top: 15px; color: #5b30cb;}
.note button{width: 80px; padding: 10px; background-color: #5b30cb; margin-top: 40px; font-weight: bold; color: #ffffff;}
/*//*/


/*2.幸运球交换所*/
.cont_top{width: 1300px; margin: 30px 55px 60px 55px; height: 150px;}
.count{width: 530px; height: 140px; border: #fff06f 8px solid; float: left;}
.count_wrap{margin: 25px 44px;}
.count_i{font-size: 36px; color: #5b30cb; float: left; margin-top: 26px;}
.count_n{font-size: 72px; color: #ff8828; font-family: 'NEXONFootballGothicBA1';  letter-spacing: 10px;
float: left; margin-left: 30px; margin-top: 3px;}

.notice{width: 600px; height: 160px; float: left; margin-left: 35px; margin-top: 30px;}
.notice_wrap{position: relative;}
.cont_tit1{font-size: 24px; color: #5b30cb; text-align: left;  margin-bottom: 15px; float: left; margin-top: 2px;}
.cont_tit1 img{margin-right: 10px; margin-bottom: 3px;}
.notice_wrap button{width: 104px; height: 30px; text-align: center; background-color: #5b30cb; color: #ffffff; margin-bottom: 20px; float: left; margin-left: 12px;}
.cont_txt2{color: #5b30cb; font-size: 16px; text-align: left; line-height: 24px;}

.cont_tit2{font-size: 24px; color: #5b30cb; float: none; margin-top: 30px;}
.cont_tit2 img{margin-right: 10px; margin-bottom: 3px;}

.exchange_wrap{width: 1300px; margin: 40px 35px;}
.exchange_wrap li{float: left; margin-right: 20px; margin-bottom: 20px; position: relative;}
li_wrap{ width: 230px; height: 276px; }
.amount{color: #ffffff; position: absolute; right: 28px; top: 10px; z-index: 10}
.amount_btn{position: absolute; bottom: 21px; right: 56px; z-index: 1}

/*3.幸运球赠品征集交换所*/

.exchange_wrap li{float: left; margin-right: 20px; margin-bottom: 20px; position: relative;list-style: none;}
li_wrap2{ width: 230px; height: 336px; }
.application{color: #5b30cb; position: absolute; bottom: 30px; right: 56px; z-index: 10}
.application_btn{position: absolute; bottom: 80px; right: 56px; z-index: 1}