/*网页的全局样式 解决兼容问题*/
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,tr,td,form,input,select,textarea,span,img,a,em,strong,*{margin:0; padding:0;font-weight:normal; box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
article,section,aside,nav,header,footer,address,header,hgroup,blockquote,figure,figcaption{ display:block;}
body{ font-family:"SourceHanSansSC-Normal"; font-size:12px; position: relative;}
ul,ol,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-family: "SourceHanSansSC-Normal"; font-weight:normal; font-size:12px; }
input,select,textarea{ vertical-align:middle;}
img{ border:none; vertical-align:middle;}
a{text-decoration:none;cursor: pointer; }
a img {border: none; }
a span, form label { cursor: pointer; }
table {border-collapse: collapse; }
blockquote, q {quotes: "" ""; }
img, object, button, input, select {vertical-align: middle; }
input,select {outline: none; }
em, s, i {font-style: normal; text-decoration:none; }
@font-face {
font-family: SourceHanSansSC-Normal;
src: url("//static.longtugame.com/font/SourceHanSansSC-Normal.otf")      
} 
body,html{position: relative;}

.wrap { min-width: 1292px;margin:0 auto;}
.part1 { background: url(//cdn-content.hhxcgame.com/image/longtugame/web/1artcompetition_v2/bg1.jpg) no-repeat 50% 0;height:870px;position: relative;}
.txt { width:777px;height:75px;position: absolute;top:24px;left:17px;background: url(//cdn-content.hhxcgame.com/image/longtugame/web/1artcompetition_v2/txt.png) no-repeat;}
.bmbtn { width:244px;height:75px;position: absolute;top:522px;left:50%;margin-left:-122px;background: url(//cdn-content.hhxcgame.com/image/longtugame/web/1artcompetition_v2/bmbtn.png) no-repeat;}

.menu { height:102px;width:100%;background-color: #082e52;border-bottom:1px dashed #fff;position: absolute;left:0;bottom:0;}
.menu ul { width:1292px;margin:0 auto;height:100%;display: -webkit-box;display: -webkit-flex;display: flex;}
.menu ul li { width:20%;height:100%;position: relative;}
.menu ul li a { width:100%;height:100%;display: block;color:#fff;display: -webkit-box;display: -webkit-flex;display: flex;}
.menu ul li a p { margin:auto;font-size: 40px;text-align: center;}
.menu ul li a p span { font-size: 15px;display: block;text-transform: uppercase}
.menu ul li a:hover,.menu ul li.active a { background-color: #1d83a5;border:1px dashed #fff;border-bottom:none;}

.part2 { background: url(//cdn-content.hhxcgame.com/image/longtugame/web/1artcompetition_v2/bg2.jpg) no-repeat 50% 0;height:661px;}
.part3 { background: url(//cdn-content.hhxcgame.com/image/longtugame/web/1artcompetition_v2/bg3.jpg) no-repeat 50% 0;height:1386px;}
.part4 { background: url(//cdn-content.hhxcgame.com/image/longtugame/web/1artcompetition_v2/bg4.jpg) no-repeat 50% 0;height:456px;}
.part5 { background: url(//cdn-content.hhxcgame.com/image/longtugame/web/1artcompetition_v2/bg5.jpg) no-repeat 50% 0;height:977px;}
.part6 { background: url(//cdn-content.hhxcgame.com/image/longtugame/web/1artcompetition_v2/bg8.jpg) no-repeat 50% 0;height:1310px;}
.part7 { background: url(//cdn-content.hhxcgame.com/image/longtugame/web/1artcompetition_v2/bg7.jpg) no-repeat 50% 0;height:626px;}

.rule { width: 1180px;font-size: 30px;color:#0f758e;padding-top:160px;margin:0 auto;}
.rule p { margin-bottom: 28px;}
.rule span { color:#ff4065;}

.pingwei { padding-top: 172px;width:980px;margin:0 auto;}
.pwpic { float: left;margin-right:56px;margin-bottom: 56px;}
.pwpic:nth-child(4n) { margin-right: 0;}
.pwpic img{ border:8px solid #fff;width:201px;height:200px;border-radius: 100%;}

.about { width: 1236px;margin:0 auto;padding-top: 140px;font-size: 30px;color:#0f758e; }
.about span{ color:#ff1e83;}
.about p { margin-bottom: 30px;}
.about .email { border-bottom: 1px solid #ff1e83;}

.copyright { background-color: #444444;height:208px;}
.copyright .main { width:1200px;margin:0 auto;}
.longtu { float: left;margin-top: 70px;}
.copytxt { float: left;margin: 50px 0 0 35px;white-space: nowrap;color:#b1b1b1;}
.copytxt a { margin:0 14px;color:#fff;}
.copytxt a:first-child { margin-left: 0;}
.copytxt img { vertical-align: middle;}
.copytxt p:first-child { margin-bottom: 25px;}
.copyewm { float: right;color: #fff;text-align: center;margin-top: 30px;}
.copyewm p:nth-child(2) { font-size: 14px;}

.popbox { width:916px;height:948px;background: url(//cdn-content.hhxcgame.com/image/longtugame/web/1artcompetition_v2/popbg.png) no-repeat;position: absolute;top:10px;left:50%;transform: translateX(-50%);display: none;}
.close { width:42px;height:42px;background: url(//cdn-content.hhxcgame.com/image/longtugame/web/1artcompetition_v2/close.png) no-repeat;position: absolute;top:22px;right:22px;}
.popcon { padding-top: 40px;}
.formdiv { margin-bottom: 25px;overflow: hidden;font-size: 22px;color:#fff;line-height: 42px;}
.formdiv span { width: 298px;float: left;text-align: right;}
.formdiv>input { width: 336px;height:42px;border:none;font-size: 20px;padding:0 10px;border-bottom-left-radius: 10px;}
.formdiv>input.yzm { width:200px;}
.formdiv img { width:126px;height:42px;margin-left: 10px;background-color: #fff;}
.select { float: left;padding:42px 0 0 24px;}
.select input { width:20px;height:20px;margin-right: 5px;}
.select label { display: block;}
.bminfor { font-size: 22px;color:#fff;line-height: 42px;padding-left: 192px;margin-bottom: 25px;}
.bminfor input { width:260px;border:none;border-bottom:1px solid #fff;font-size: 20px;color:#fff;background-color: transparent;padding:0 10px;height:42px;}
.btn { margin-top: 50px;text-align: center;}
.btn a { width:336px;height:42px;background-color: #db2145;display:inline-block;font-size: 22px;color:#fff;line-height: 42px;border-radius: 5px;;}

.ewm { float: left;margin-right: 66px;}
.about p:nth-child(2) { margin-top: 30px;}
.tips { font-size: 20px;color:#f94568;text-align: center;margin-top: 20px;}


.not_open_club {
  width: 300px;
  background: #fff;
  padding: 10px;
  box-sizing: border-box;
  z-index: 999;
  display: none;
  position: fixed;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
}

.not_open_club .top {
  width: 100%;
  height: 24px;
  position: relative;
}

.not_open_club .top .close_btn {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  background: url(//cdn-content.hhxcgame.com/image/longtugame/web/v1/close_btn.png) no-repeat;
  background-size: 100% 100%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  cursor: pointer;
}

.not_open_club .top .close_btn:hover {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.not_open_club h1 {
  font-size: 18px;
  color: #333;
  text-align: center;
  font-weight: bold;
}

.not_open_club .content {
  width: 100%;
  padding: 10px 20px 20px;
  box-sizing: border-box;
}

.not_open_club .content p {
  width: 100%;
  text-align: center;
  font-size:16px;
}

.not_open_club .btn_groups {
  width: 100%;
  text-align: center;
  padding: 10px 0 10px 0;
}

.not_open_club .btn_groups .inner {
  display: inline-block;
}

.not_open_club .btn_groups .inner > input {
  float: left;
  padding: 7px 40px;
  color: #fff;
  border-radius: 3px;
  border:none;
}

.not_open_club .btn_groups .inner > input.confirm_btn {
  background: #2684d5;
}

.not_open_club .btn_groups .inner > input.cancel_btn {
  background: #8a8f93;
  margin-left: 25px;
}

.winning { padding-top: 180px;width: 1145px;margin:0 auto;overflow: hidden;}
.winner { width: 511px;position: relative;}
.first { margin:0 auto;}
.winner_pic { position: relative;}
.winner_pic img { border-top-right-radius: 10px;border-top-left-radius: 10px;width: 100%;}
.winner_num { width:57px;height:58px;position: absolute;top:0;left:42px;color:#fff;line-height:40px;text-align: center;font-size: 14px;z-index: 2;}
.winner_txt { border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;padding: 15px 32px;font-size: 16px;color:#585858;background-color: #b3c7df;}
.first .winner_num,#first .winner_num { background: url(//cdn-content.hhxcgame.com/image/longtugame/web/1artcompetition_v2/winner1.png) no-repeat;}
.first .winner_txt { background: #b3c7df;}
.check { height:29px;font-size: 16px;line-height: 29px;background: rgba(193,210,231,.74);padding: 0 15px;position: absolute;left:50%;transform: translateX(-50%);bottom:15px;color:#666;border-radius: 5px;}
.winner_name { text-align: right;overflow: hidden;line-height: 50px;}
.winner_name p{ font-size: 22px;color:#202020;margin-bottom: 5px;float: left;}
.winner_man { margin-top: 18px;}
.winner_head { width: 48px;height:48px;display: inline-block;vertical-align: middle;border-radius: 100%;overflow: hidden;margin-right: 10px;background-color: #e87d2e;}
.winner_head img { width: 48px;height:48px;border-radius: 100%;}
.winner_man p { display: inline-block;vertical-align: middle; }
.winner_man p span { color:#202020;margin-right: 15px;}
.second { float: left;margin: 70px 0 0 38px;}
.winner:hover .winner_txt { background: #0f758e;color:#c2c2c2;}
.winner:hover .winner_name p{ color:#fff;}
.winner:hover .winner_man p span { color:#fff;}
.winner:hover .check { background-color: #0f758e;color:#fff;}
.second .winner_num,#second .winner_num { background: url(//cdn-content.hhxcgame.com/image/longtugame/web/1artcompetition_v2/winner2.png) no-repeat;}
.third { float: left;margin: 70px 0 0 75px;}
.third .winner_num,#third .winner_num { background: url(//cdn-content.hhxcgame.com/image/longtugame/web/1artcompetition_v2/winner3.png) no-repeat;}
.third .winner_txt { background: #aec1d9;}
.winner_more { width:302px;height:50px;line-height: 50px;color:#fff;background-color: #0f758e;border-radius: 5px;font-size: 24px;display: block;margin:98px auto 0;text-align: center;}

.winbox02 { display: none;}
.winbox02 .winning { display: -webkit-box;display: -webkit-flex;display: flex;
  -webkit-justify-content: space-between;justify-content:space-between;    
  -webkit-flex-wrap: wrap;flex-wrap: wrap;}
.winbox02 .winning .winner { width: 359px;margin-bottom: 28px;}
.winbox02 .winner_txt { padding: 10px 25px;font-size: 12px;}
.winbox02 .winner_name p{ font-size: 16px;}
.winbox02 .check { font-size: 12px;height:20px;line-height: 20px;}
.winbox02 .winner_head,.winbox02 .winner_head img { width: 34px;height:34px;}

.winbox03 { display: none;}
.winbox03 .winning { display: -webkit-box;display: -webkit-flex;display: flex;
  -webkit-justify-content: space-between;justify-content:space-between;    
  -webkit-flex-wrap: wrap;flex-wrap: wrap;}
.winbox03 .winning .winner { width: 359px;margin-bottom: 28px;}
.winbox03 .winner_txt { padding: 10px 25px 20px;font-size: 12px;}
.winbox03 .winner_name p{ font-size: 16px;}
.winbox03 .check { font-size: 12px;height:20px;line-height: 20px;}
.winbox03 .winner_head,.winbox03 .winner_head img { width: 34px;height:34px;}

.page { text-align: center;margin-top: 15px;}
.page span,.page>a,.page p a{ height:47px;display: inline-block;text-align: center;line-height: 47px;font-size: 22px;}
.page span,.page>a { width: 47px;border-radius: 100%;margin:0 13px;}
.page span { background-color: #0f758e;color:#fff;}
.page>a { border:2px solid #0f758e;color: #0f758e;}
.page p { display: inline-block;margin:0 13px;}
.page p a { background-color: #0f758e;color:#fff;border-radius: 5px;display: inline-block;padding: 0 12px;}

.masklayer { width: 100%;height:100%;position: fixed;top:0;left:0;right:0;bottom:0;background-color: rgba(15,117,142,.6);z-index: -1;opacity: 0;}
.winnerpop { width: 1200px;;height:730px;position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);z-index: -1;opacity: 0;}
.closebtn { width: 49px;height:49px;background:url(//cdn-content.hhxcgame.com/image/longtugame/web/1artcompetition_v2/close02.png) no-repeat 50% 50%/50% #0f758e;border-radius: 5px;position: absolute;top:0;right:0;}
.winnerpic { width: 1160px;height:730px;border: 10px solid #0f758e;border-radius: 5px;background-color: #fff;position: relative;}
.winnerpic .winner_txt { background-color: transparent;border-radius:0;padding:28px 0 25px 120px;overflow: hidden;font-size: 15px;}
#all .winner_txt { padding-left: 50px;}
.winnerpic .winner_name,.winnerpic .winner_man { display: inline-block;vertical-align: middle;}
.winnerpic .winner_man { margin:0 0 0 30px;}
.winnerpic .winner_name p { font-size: 21px;margin:0;display: inline-block;margin-right: 20px;}
.winnerpic .winner_head,.winnerpic .winner_head img { width: 46px;height:46px;}

.swiper-container { width: 100%;height:100%;}
.swiper-slide { overflow: auto;}
.winnercon { text-align: center;}
.winnercon img { max-width: 100%;}
.swiper-slide::-webkit-scrollbar {width: 6px;}
.swiper-slide::-webkit-scrollbar-thumb {background: #999999;border-radius: 3px;}
.swiper-slide::-webkit-scrollbar-track {background:transparent;}

.swiper-button-next, .swiper-button-prev { width: 44px;height:54px;margin-top: -27px;outline: none;}
.swiper-button-next { background: url(//cdn-content.hhxcgame.com/image/longtugame/web/1artcompetition_v2/next.png) no-repeat;right:-72px;}
.swiper-button-prev { background: url(//cdn-content.hhxcgame.com/image/longtugame/web/1artcompetition_v2/prev.png) no-repeat;left:-72px;}

.second .swiper-button-next,.third .swiper-button-next { right:0;}
.second .swiper-button-prev,.third .swiper-button-prev { left:0;}