@charset "utf-8"; 
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { padding: 0; margin: 0; }
ul, ol, dl { list-style-type: none }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit }
input, button { overflow: visible; vertical-align: middle; outline: none }
input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"] { appearance: none; -webkit-appearance: none; outline: none }
body, th, td, button, input, select, textarea { font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53"; font-size: 12px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
img { border: none; margin: 0px; padding: 0px; }
a:link, a:visited { text-decoration: blink; }
body { margin: 0 auto; padding: 0; }
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; overflow: hidden; }
.clearfix { zoom:1;}
.fl { float: left; }
.fr { float: right; }
.txtClip{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ellipsis-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.ellipsis-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.ellipsis-4 { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.pageW{max-width:1920px;min-width: 1200px;margin-left: auto;margin-right: auto;overflow: hidden;}
.conW{width: 1200px;margin-left: auto;margin-right: auto;}
.mt9{margin-top: 9px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50{margin-top: 50px;}
/*  */
.banner { height: 800px; background: url(../images/banner.png) no-repeat center;}
.container{background:#EEFAFF;padding-top: 50px;padding-bottom: 60px;}
.columnBg{box-sizing: border-box;position: relative;padding:70px 50px 97px;}
.focusBox{position: relative;}
.columnBg .columnTopBg{display: block;width: 100%;height: 70px;position:absolute;left: 0;top:0;}
.xnhIcon{display: block;position: absolute;left: -359px;top: -179px;}
.fcIcon{display: block;position: absolute;right: -450px; bottom: -360px;}
.columnBg .columnleftBg{display: block;width: 50px;height: calc(100% - 167px);position:absolute;left: 0;top:70px;}
.columnBg .columnRightBg{display: block;width: 50px;height: calc(100% - 167px);position:absolute;right: 0;top:70px;}
.columnBg .columnBotBg{display: block;width: 100%;height: 97px;position:absolute;left: 0;bottom:0;}
.columnBg .xhIcon{display: block;position:absolute;right: 52px;bottom:62px;z-index: 3;}
.introductoryParagraphMain{position: relative;background:#fff;}
.introductoryParagraphMain .title{text-indent: 2em;font-size: 18px;line-height: 30px;color: #32C6CA;padding-top: 23px;padding-bottom: 15px;border-bottom: 7px solid #f6f6f6;}
.introductoryParagraphMain .ruleTitle{padding-bottom: 8px;line-height: 54px;text-align: center;font-size: 20px;color: #2C3737;}
.rule .ruleItem{width: 540px;height: 42px;line-height: 42px;box-sizing: border-box;padding: 0 10px;background: #f1fcfc;border-radius: 6px;color: #669FB6;font-size: 15px;}
.rule .ruleItem.mt{margin-top: 28px;}
.focusMain{position: relative;background:#fff;}
.focusNews{width: 558px;height: 314px;overflow: hidden;box-sizing: border-box;border: 7px solid #84E1D0;position: relative;}
.focusNewsSwiper .swiper-slide a,.focusNewsSwiper .swiper-slide img { display: block; width: 100%; height: 100%; }
.focusNewsSwiper .swiper-slide a{display: block;height: 300px;position: relative;}
.focusNewsSwiper .swiper-slide .title { position: absolute; width: 100%; height: 44px; line-height: 24px; box-sizing: border-box; padding: 10px; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.55); font-size: 16px; color: #fff; padding-right: 100px; }
.focusNewsSwiper .swiper-pagination { right: 0; width: 80px !important; left: auto !important; bottom: 14px !important; }
.focusNewsSwiper .swiper-pagination .swiper-pagination-bullet { opacity: 1; background: #fff; }
.focusNewsSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFE45F; }
.columnTitle{padding: 15px 0;text-align: center;overflow: hidden;}
.focusNewsListBox{width: 526px;height: 314px;overflow: hidden;}
.recommendNewsItem{height: 95px;overflow: hidden;border-bottom: 7px solid #f6f6f6;padding-top: 10px;}
.recommendNewsItem a{display: block;}
.recommendNewsItem .title{font-size: 16px;line-height: 24px;height: 24px;color: #20BBBF;}
.recommendNewsItem .summary{margin-top: 8px;font-size: 14px;line-height: 22px;height: 44px;color: #669FB6;}
.otherListIs{padding-top: 6px;}
.otherListIs li{height: 22px;line-height: 22px;padding: 3px 0;}
.otherListIs li a{display: block;height: 22px;line-height: 22px;padding-left: 20px;padding-right: 100px;position: relative;color: #212736;font-size: 14px;}
.otherListIs li span{display: block;height: 22px;}
.otherListIs li span.time{position: absolute;right: 0;top: 0;width: 96px;color: #a7a7a7;text-align: right;}
.otherListIs li span.dot{position: absolute;left: 0;top: 0;width: 18px;color: #8AE0D2;text-align: center;font-weight: 600;}
/*  */
.swiper-nav-box{height: 112px;background: linear-gradient(180deg, #DEF7F7 0%, #FFFFFF 100%);border-top: 10px solid #D0F3F2;box-sizing: border-box;padding-top: 32px;padding-bottom: 32px;padding-left: 30px;padding-left: 30px;position: relative;}
.swiper-nav{text-align: center;}
.swiper-nav .nav-item{padding:12px 48px;height: 24px;line-height: 24px;font-size: 16px;color: #32C6CA;display: inline-block;background: #fff;margin: 0 57px;border-radius: 24px;cursor: pointer;}
.swiper-nav .nav-item.active{background: #46D2D6;color: #fff;}
.gallery-top-box{width: 1200px;box-sizing: border-box;padding: 0 20px 12px;background: #fff;}
.gallery-top{width: 1180px;overflow: hidden;position: relative;}
/*  */
.videoListMain{background:#fff;overflow: hidden;}
.videoList{height: 198px;width: 1122px;margin-left: -11px;}
.videoList li{padding: 0 11px;height: 198px;overflow: hidden;width: 352px;float: left;}
.videoList a{display: block;height: 198px;position: relative;border: 8px solid ; border-image: linear-gradient(179deg, rgba(249, 235, 120, 0) 21%, #F0D243 98%) 8;box-sizing: border-box;}
.videoList img{display: block;width: 100%;height: 100%;}
.videoList .mask{position:absolute;width: 100%;height: 100%;left: 0;top: 0;background:rgba(0, 0, 0, 0.55);}
.videoList .icon{display: block;width: 46px;height: 46px;position: absolute;left: 50%;top: 50%;margin-left:-23px;margin-top:-23px;cursor: pointer;}
/*  */
.cardList{padding-top: 18px;}
.cardList .cardItem{padding: 0 10px 20px;width: 270px;height: 318px;float: left;}
.cardList .cardItem .cardItemMain{display: block;height: 318px;background:#EEFAFF;border-radius:  0 0 12px 12px;position: relative;}
.cardList .cardItem img{display: block;width: 100%;height: 200px;}
.cardList .cardItem.byItem img{width: 158px;height: 158px;position: absolute;left: 50%;margin-left: -79px;top: 50%;margin-top: -79px;}
.cardList .cardItem.byItem a{display: block;height:178px;position:relative;background:#fff;border:11px solid  #FFF8D5;}
.cardList .cardItem.byItem .summary{position:absolute;box-sizing:border-box;padding: 10px 20px;width:100%;font-size: 15px;text-align:center;color: #32C6CA;top: 50%;transform: translateY(-50%);}
.cardList .cardItem .title{padding-top: 16px;font-size: 14px;line-height: 22px;height: 22px;padding-left: 20px;padding-right: 20px;}
.cardList .cardItem .title span.text{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;height: 22px;color: #231515;text-align: center;}
.voteNumber{position: absolute;bottom: 17px;padding-top: 7px;height: 28px;padding-bottom: 7px;transform: translateX(-50%);left: 50%;cursor: pointer;}
.voteNumberText{display: block;height: 28px;padding-left: 30px;padding-right: 16px;border-radius: 14px;color: #fff;background: #46D2D6;line-height: 28px;}
.voteIcon{position: absolute;width: 44px;height: 44px;border-radius:22px;background: #EDCC46;text-align: center;color: #fff;font-size: 14px;line-height: 44px;display: block;bottom: 0; left: -22px;}
/*  */
.zqtIcon{display: block;position: absolute;left: -410px; top: -200px;}
.ppIcon{display: block;position: absolute;right: -310px; bottom: -510px;}
.tt{background: #ffffff;}
/*  */
.nlxzMask{position: fixed;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.55);display: none;left: 0;top: 0;z-index: 9;}
.nlxzBox{ position: fixed;top: 50%;left: 50%;margin-left: -150px;margin-top: -110px;z-index: 10;display: none; width: 300px; background: linear-gradient(180deg, #DEF7F7 0%, #FFFFFF 100%);border-top: 10px solid #D0F3F2;box-sizing: border-box;padding:15px;height: 220px;}
.xzTitle{color: #32C6CA;font-size: 18px;line-height: 27px;text-align: center;}
.nldList{padding-top: 16px;}
.nldList .nldItem{margin-bottom: 10px; height: 36px; line-height: 36px; box-sizing: border-box; padding: 0 20px; background: #f1fcfc; border-radius: 6px; color: #E1B739; font-size: 16px; border: 1px solid #D0F3F2;cursor: pointer;}
.nldList .nldItem.active{background:#5ee3e7;color: #fff;border: 1px solid #5ee3e7;}
.nlxzBtnBox{padding: 6px 40px;}
.nlxzBtnBox .qxXz{height: 31px;line-height: 31px;font-size: 14px;display: block;border: 1px solid ;padding: 0 23px;border-radius: 16px;color: #c1c1c1;cursor: pointer;}
.nlxzBtnBox .qrBtn{background: #32C6CA;height: 31px;line-height: 31px;font-size: 14px;display: block;border: 1px solid #32C6CA;padding: 0 23px;border-radius: 16px;color: #fff;cursor: pointer;}

.loginBox { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; display: none; width: 92%; max-width: 380px; background: linear-gradient(180deg, #DEF7F7 0%, #FFFFFF 100%); border-top: 10px solid #D0F3F2; box-sizing: border-box; padding: 14px 28px 24px; border-radius: 5px; }
.hkyzMask { position: fixed; width: 100%; height: 100%; display: none; background: rgba(0, 0, 0, 0.55); left: 0; top: 0; z-index: 99; }
#sc { margin: 0 !important; }
.hkyzBox { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; display: none; width: 92%; max-width: 380px; box-sizing: border-box; padding: 20px; background: #fff; }
.hkyzTitle{ padding-bottom: 10px; font-size: 16px; color: #333; line-height: 24px; }
.formBox { padding: 8px 0; }
.formItem { padding: 8px 0; }
.formInput { background: #fff; border: 1px solid #6be8ec; height: 36px; line-height: 36px; box-sizing: border-box; color: #333; position: relative; border-radius: 3px; }
.yzmInput { background: #fff; border: 1px solid #6be8ec; height: 36px; line-height: 36px; box-sizing: border-box; color: #333; position: relative; border-radius: 3px; width: calc(100% - 108px); }
#phone { border: 0; padding: 6px 12px 6px 42px; line-height: 22px; background: transparent; display: block; width: 100%; box-sizing: border-box; font-size: 15px; }
#smsCode { border: 0; padding: 6px 12px 6px 42px; line-height: 22px; background: transparent; display: block; width: 100%; box-sizing: border-box; font-size: 15px; }
.icon-phone { display: block; position: absolute; height: 34px; width: 34px; top: 0; left: 0; background: url(../images/phone.png) no-repeat center; }
.icon-sms { display: block; position: absolute; height: 34px; width: 34px; top: 0; left: 0; background: url(../images/sms.png) no-repeat center; }
.codeButton { height: 36px; width: 100px; }
#btnSendCode { width: 100px; display: block; box-sizing: border-box; font-size: 15px; padding: 0 6px; text-align: center; color: #fff; border: 0; height: 36px; line-height: 36px; cursor: pointer; background: #32C6CA; border-radius: 3px; }
#btnSendCode.noClick { background: #D0F3F2; cursor: not-allowed; color: #ffcd05; }
#qxDl { padding: 0 45px; }
#qrDl { padding: 0 45px; }
.nlxzBtnBox.dlIs { padding: 6px 10px; }
@media only screen and (max-width: 750px) {
  .tt{display: none;}
  .pageW{min-width:320px;}
  .banner{height: 41.66vw;background-size: contain;}
  .conW{width: 100%;}
  .container{box-sizing: border-box;padding-left: 3%;padding-right: 3%;padding-top: 4.2vw;padding-bottom: 5vw;}
  .columnBg .columnTopBg{height: 5.8333vw;}
  .columnBg{padding: 5.8333vw 4.1666vw 8.0833vw;}
  .columnBg .columnleftBg{width: 4.1666vw;height:calc(100% - 13.9166vw) ;top: 5.8333vw;}
  .columnBg .columnRightBg{width: 4.1666vw;height:calc(100% - 13.9166vw) ;top: 5.8333vw;}
  .columnBg .columnBotBg{height: 8.0833vw;}
  .columnBg .xhIcon{width: 20vw;}
  .introductoryParagraphMain .title{font-size:0.6rem;line-height: 1.5;}
  .rule .ruleItem{width: 100%;margin-bottom: .8rem;}
  .rule .ruleItem.mt{margin-top:0;}
  .focusNews{width: 100%;height: 45.7vw;border: .6vw solid #84E1D0;}
  .focusMain{padding-top: .5rem;}
  .focusNewsSwiper .swiper-slide a{height:44.5vw;}
  .focusNewsListBox{width: 100%;}
  .videoList{width: 100%;height: auto;overflow: hidden;margin-left: 0;}
  .videoList li{width: 100%;box-sizing: border-box;height: 45.3vw;margin-bottom: 1.5vw;}
  .videoList li:last-child{margin-bottom: 0;}
  .videoList a{height: 100%;box-sizing: border-box;}
  .swiper-nav-box{padding: 4vw;height: auto;overflow: hidden;}
  .swiper-nav .nav-item{padding: 1vw 4vw;font-size: .6rem;height: auto;line-height: 1.5;border-radius: .8rem;margin: 0 2vw;}
  .cardList{padding-top: 0;}
  .cardList .cardItem{width: 100%;box-sizing: border-box;}
  .gallery-top{width: 100%;}
  .gallery-top-box{padding: 0 1vw 1.2vw;width: 100%;box-sizing: border-box;}
  .cardList .cardItem img{height: 57.6vw;}
  .cardList .cardItem.byItem a{height: calc(57.6vw - 22px);}
  .cardList .cardItem .cardItemMain{overflow: hidden;height: auto;padding-bottom: calc(8vw + 44px);}
  .cardList .cardItem{height: auto;}
  .voteNumber{bottom: 6vw;z-index: 99;}
}
@media only screen and (max-width: 540px) {
  .introductoryParagraphMain .title{font-size: .86rem;}
  .introductoryParagraphMain .ruleTitle{font-size: 1rem;line-height: 2.5rem;padding-bottom: .5rem;}
  .introductoryParagraphMain{padding-bottom: 10vw;position: relative;}
  .columnBg .xhIcon{bottom: 4vw;right: 2vw;}
  .rule .ruleItem{padding: 1.33vw 2.66vw;height: auto;font-size: .82rem;line-height: 1.5;}
  .columnTitle img{height: 20vw;}
  .focusNewsSwiper .swiper-slide .title{font-size: .82rem;}
  .recommendNewsItem .title{font-size: .82rem;}
  .recommendNewsItem .summary{font-size: .76rem;}
  .otherListIs li a{font-size: .76rem;}
  .otherListIs li a{padding-right: 20px;}
  .otherListIs li span.time{display: none;}
  .videoList .icon{width: 10vw;height: 10vw;margin-left: -5vw;margin-top: -5vw;}
  .swiper-nav .nav-item{font-size: .82rem;margin: 0;}
  .cardList .cardItem .title{font-size: .82rem;line-height: 1.5;height: 1.23rem;}
  .xnhIcon{ left: 0; width: 20vw; top: -14vw;}
  .fcIcon{right: -8vw; width: 20vw; bottom: -16vw;}
  .swiper-nav-box{overflow: visible;}
  .zqtIcon{left: -6vw; width: 16vw; top: -20vw;}
}