@charset "UTF-8";
* { padding: 0; margin: 0; list-style: none; font-style: normal; }

body {color: #fff;font-size: 14px;line-height: 24px;position: relative;font-family: "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";min-width: 1200px;min-height: 1050px;}

body, html { width: 100%; height: 100%; }

a { text-decoration: none; color: #fff; }

::-webkit-scrollbar { display: block !important; }

body::-webkit-scrollbar { display: none !important; }

input::placeholder,textarea::placeholder{color: #a3a3a3;}

.cf::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }

.cf { min-height: 1%; }

.fl { float: left; }

.fr { float: right; }

.w { width: 1000px; margin: 0px auto; position: relative; }

.tal { text-align: left !important; }

.btn { display: block; overflow: hidden; line-height: 999px; background-repeat: no-repeat; }

.mt10 { margin-top: 10px !important; }

.mt20 { margin-top: 20px !important; }

.mt30 { margin-top: 30px !important; }

.mt40 { margin-top: 40px !important; }

.mt50 { margin-top: 50px !important; }

.mt60 { margin-top: 60px !important; }

.mt70 { margin-top: 70px !important; }

.top-wrap { position: absolute; top: 0; left: 0; width: 100%; z-index: 15; background: url(../images/tmask.png) no-repeat center -2px; width: 100%; height: 87px; overflow: hidden; }

.top-wrap .top { width: 1000px; height: 40px; margin: 0 auto; overflow: hidden; font-family: '微软雅黑'; }

.top-wrap .top a { height: 40px; line-height: 40px; color: #fff; }

.top-wrap .top a:hover { color: #f60; }

.top-wrap .top .top-logo { width: 146px; height: 40px; margin-left: 50px; margin-top: 0px; }

.top-wrap .top .top-logo img { width: 146px; height: 40px; display: block; }

.top-wrap .top .top-link { width: 450px; height: 40px; margin-left: 80px; }

.top-wrap .top .top-link a { margin-left: 25px; float: left; font-size: 14px; }

.top-wrap .top i { background: url("../images/top-ico.png") no-repeat; width: 18px; height: 18px; margin-right: 5px; margin-top: 11px; float: left; }

.top-wrap .top .top-a1 { background-position: 0 0; width: 13px; }

.top-wrap .top .top-a2 { background-position: -22px 0; }

.top-wrap .top .top-a3 { background-position: -49px 1px; width: 17px; }

.top-wrap .top .top-ar1 { background-position: -75px 0; }

.top-wrap .top .top-ar2 { background-position: -101px 0; }

.top-wrap .top .top-more { width: 240px; height: 40px; overflow: hidden; }

.top-wrap .top .top-more a { margin-left: 10px; font-size: 12px; float: right; }

.scrollbar::-webkit-scrollbar { width: 6px; display: block !important; }

.scrollbar::-webkit-scrollbar-thumb { border-radius: 3px; }

.scrollbar::-webkit-scrollbar-track { border-radius: 3px; background: none; }

.header-bgfixed { position: fixed; left: 0; top: 0; height: 1080px; width: 100%; background-position: center top; background-repeat: no-repeat; }

.body-con { width: 1006px; margin: 0 auto; position: relative; z-index: 11; padding-top: 910px; }

.header-con .login-before { width: 120px; height: 44px; font-size:0;position: absolute; right: 40px; top: 84px; cursor: pointer; background: url('../images/login_btn.png') no-repeat 0 0;}

.header-con .login-before:hover{ background-position: 0 -46px;}

.header-con .login-after { position: absolute; right: 40px; top: 84px; font-size: 20px; background: rgba(0, 0, 0, 0.8); padding: 10px; border-radius: 8px; color: #fff;}

.header-con .login-after a { margin-left: 10px; }

.header-con .login-after a:hover { color: #ff8641; }

.header-con .game-enterbox { width: 714px; padding: 25px 30px; border-radius: 8px; position: absolute; top: 684px; left: 50%; margin-left: -387px; background-color: rgba(0, 0, 0, 0.3); height: 108px; overflow: hidden; }

.header-con .game-enterbox img { width: 108px; height: 108px; float: left; border-radius: 5px; margin-right: 18px; }

.header-con .game-enterbox .gamenter-info { width: 386px; float: left; height: 108px; color: #fff;}

.header-con .game-enterbox .gamenter-info h5 { font-size: 40px; height: 42px; line-height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 10px; }

.header-con .game-enterbox .gamenter-info p { font-size: 26px; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 50px; }

.gamenter-btns { float: right; width: 134px; margin-top: -4px;}

.gamenter-btns a { width: 144px; height: 52px; line-height: 9999; text-align: center; color: #fff; font-size: 26px; border-radius: 5px; display: block; margin-bottom: 10px; background: url('../images/game_btns.png') no-repeat;}

.gamenter-btns a.enter-game{background-position: 0 -356px;}

.gamenter-btns a.enter-game:hover{background-position: 0 -431px;}

.gamenter-btns a.enter-bbs{background-position: 0 -507px;}

.gamenter-btns a.enter-bbs:hover{background-position: 0 -572px;}

.game-enterbox .orderbtns{ width: 192px;height: 70px;line-height: 9999;float: right;background: url('../images/game_btns.png') no-repeat  0 0;margin-top: 20px;cursor: pointer;}

.game-enterbox .orderbtns:hover{background-position: 0 -88px;}

.game-enterbox .orderbtns.oedered{background-position: 0 -183px;}

.game-enterbox .orderbtns.oedered:hover{background-position: 0 -266px;}

.border-title { width: 623px; height: 84px; line-height: 80px; text-align: center; background-position: center; background-repeat: no-repeat; margin: 0 auto; font-size: 48px; font-weight: bold; border: 5px solid rgba(255, 255, 255, 0.3);border-radius: 45px;}

.border-com { border: 5px solid rgba(255, 255, 255, 0.3); margin: 20px auto 0; border-radius: 14px; }

.hd-m1 { height: 78px; line-height: 78px; background-position: center top; background-repeat: no-repeat; padding-left: 408px; padding-right: 95px; border-radius: 8px 8px 0 0; overflow: hidden; }

.hd-m1 p { float: left; font-size: 26px; color: #000; margin-right: 20px; }

.hd-m1 p i { font-size: 36px; font-weight: bold; color: #ffff5e; }

.hd-m1 span { float: right; width: 144px; height: 50px; text-indent: -9999px; background: url("../images/m1_btns.png") no-repeat 0 0; margin-top: 15px; cursor: pointer; font-weight: bold; }

.hd-m1 span:hover { background-position: 0 -111px; }

.hd-m1 span.off, .hd-m1 span.off:hover { background-position: 0 -56px; cursor: default; }

.m1bg-main {overflow: hidden;width: 100%;border-radius: 8px;}

.box-m7 .m1bg-main,.box-m1 .m1bg-main{/*background: url('../images/boxbg.png') repeat;*/ border-radius:0 0 8px 8px;}

.box-m7 .m1bg-main{border-radius:8px}

.new-comm-container { position: relative; padding: 0 52px; width: 822px; height: 172px; margin: 38px auto; font-size: 0; text-align: center; display: block; }

.new-comm-container .swiper-wrapper { text-align: center; display: inline-block; white-space: nowrap; }

.new-comm-container .swiper-slide { width: 246px; border-radius: 8px; padding: 2px; overflow: hidden; float: none; display: inline-block; font-size: 16px; margin: 0 12px; vertical-align: top; }

.new-comm-container .comm-tit { height: 55px; line-height: 55px; text-align: center; font-size: 24px; font-weight: bold; }

.new-comm-container .comm-tit i { color: #ffeb2a; }

.comm-getsomeing { height: auto; padding: 5px; background-color: #fff; border-radius: 0 0 8px 8px; font-size: 0; text-align: center; color: #666; }

.comm-getsomeing .commimgbox-wrap { display: inline-block; vertical-align: middle; width: 106px; height: 106px; white-space: normal; position: relative;}

.comm-getsomeing .commimgbox-wrap .commimgbox { position: relative; width: 100px; height: 100px; display: inline-block; border-radius: 8px; vertical-align: middle; overflow: hidden;  border: 3px solid;}

.comm-getsomeing .commimgbox-wrap .commimgbox img { width: 80px; height: 80px; display: block; margin: 0 auto 20px; }

.comm-getsomeing .comming-imgtxt { width: 118px; margin-left: 12px; vertical-align: middle; font-size: 14px; height: 106px; display: inline-block; line-height: 20px; overflow: hidden; margin-right: -5px; overflow-y: auto; white-space: normal; }

.comm-getsomeing .comming-imgtxt div { min-height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; flex-direction: column; flex-wrap: wrap; justify-content: center; }

.comm-getsomeing .comming-imgtxt p { cursor: pointer; max-width: 100%; font-weight: bold; word-break: break-all; }

/* .comm-getsomeing .comming-imgtxt p.on, .comm-getsomeing .comming-imgtxt p:hover { color: #2fa1e0; } */

.comm-prev, .comm-next {  position: absolute; top: 70px;  cursor: pointer;   width: 0;
  height: 0;
  border-left:25px solid transparent;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-right: 25px solid ;
  -webkit-animation: moveUpDown 2s ease-in-out infinite; animation: moveUpDown 2s ease-in-out infinite;
}

.comm-prev { left: -20px; }

.comm-next { right: -20px; 
  border-right:25px solid transparent;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 25px solid ;
}


.comm-imgnext { width: 46px; height: 32px; background: url("../images/next_icon.png") no-repeat center; position: absolute; bottom: 0; left: 50%; margin-left: -23px; cursor: pointer; -webkit-animation: moveUpDown 2s ease-in-out infinite; animation: moveUpDown 2s ease-in-out infinite; }

.progress-box { width: 902px; height: 154px; margin: 20px auto; position: relative; }

.progress-box .gressbar { border: 3px solid #e9e8e8; height: 7px; background-color: #fff; border-radius: 15px; overflow: hidden; margin-top: 10px; }

.progress-box .gressbar em { display: block; height: 7px; width: 0; border-radius: 12px; }

.progress-content { width: 100%; position: absolute; left: 0; top: -8px; overflow: hidden; }

.progress-content .pg-item { width: 130px; float: left; display: none; }


.progress-content .pg-item i {width: 26px;height: 26px;border-radius: 50%;display: block;margin: 0 auto 6px;text-align: center;font-weight: bold;font-size: 0;border: 2px solid;background-color: #fff;font-family: initial;}

.progress-content .pg-item.on i { font-size: 24px;}

.progress-content .pg-item .pg-card { width: 132px; height: 112px; border-radius: 8px;position: relative;margin-top: 15px;}

.progress-content .pg-item .pg-card::before{ 
  border-right:10px solid transparent;
  border-top: 10px solid transparent;
  border-left: 10px solid  transparent;
  content: '';
  position: absolute;
  left:50%;
  top: -18px;
  margin-left: -10px;
  border-bottom: 10px solid ;
 }

.progress-content .pg-item .pg-card p { text-align: center; overflow: hidden; font-size: 24px; padding-top: 25px; }

.progress-content .pg-item .pg-card em { display: block; height: 38px; line-height: 38px; background-color: #ffd67f; color: #ff823b; border-radius: 8px; font-size: 20px; font-weight: bold; width: 112px; margin: 10px auto; text-align: center; cursor: default; }

.progress-content .pg-item .pg-card em.off { background-color: #e0e0e0; color: #959595; }

.progress-content .pg-item .pg-card em.on { background-color: #ffff7f; cursor: pointer; }

.progress-content .pg-item .pg-card em.on:hover { background-color: #ffffdf; }

.progress-content.total-nums6 .pg-item { margin: 0 10px; display: block; }

.progress-content.total-nums5 .pg-item { margin: 0 25px; display: block; }

.progress-content.total-nums5 .pg-item6 { display: none; }

.progress-content.total-nums4 .pg-item { margin: 0 47px; display: block; }

.progress-content.total-nums4 .pg-item6, .progress-content.total-nums4 .pg-item5 { display: none; }

.progress-content.total-nums3 .pg-item { margin: 0 85px; display: block; }

.progress-content.total-nums3 .pg-item6, .progress-content.total-nums3 .pg-item5, .progress-content.total-nums3 .pg-item4 { display: none; }

.progress-content.total-nums2 .pg-item { margin: 0 160px; display: block; }

.progress-content.total-nums2 .pg-item6, .progress-content.total-nums2 .pg-item5, .progress-content.total-nums2 .pg-item4, .progress-content.total-nums2 .pg-item3 { display: none; }

.comm-tips { font-size: 26px; padding: 0 28px 28px; text-align: center; }

.combox { margin: 95px auto 0; }

.visite-codebox { padding: 0 20px; overflow: hidden; }

.visite-codebox .visite-list { width: 1060px; }

.visite-item { width: 447px; margin-right: 58px; float: left; margin-bottom: 25px; }

.visite-item p { font-size: 26px; font-weight: bold; height: 36px; }

.visite-item .code-input { overflow: hidden; }

.visite-item .code-input input, .visite-item .code-input .visite-nums { border-radius: 8px; padding: 0 10px; height: 48px; line-height: 48px; font-size: 24px; border: none; outline: none; margin-top: 2px; float: left; width: 270px; background: #fff;color: #a3a3a3;}

.visite-item .code-input .copybtn, .visite-item .code-input .seebtn, .visite-item .code-input .helpbtn { width: 144px; height: 53px; background: url("../images/visitebtns.png") no-repeat 0 0; float: right; text-indent: -9999px; cursor: pointer; }

.visite-item .code-input .visite-nums i{color: #f00;}

.visite-item .code-input .copybtn:hover { background-position: -161px 0; }

.visite-item .code-input .seebtn { background-position: 0 -59px; }

.visite-item .code-input .seebtn:hover { background-position: -161px -59px; }

.visite-item .code-input .helpbtn { background-position: 0 -122px; }

.visite-item .code-input .helpbtn:hover { background-position: -161px -122px; }

.visite-txt { font-size: 24px; line-height: 32px; }

.m3-hdbox { height: 80px; line-height: 80px; text-align: center; font-size: 36px;  padding: 0 300px; margin: 0 16px; position: relative; }

.m3-hdbox i { width: 70px; height: 20px; display: inline-block; background-position: 0 0; background-repeat: no-repeat; margin: 0 30px; }

.record-box { position: absolute; left: 0; top: 0; height: 80px; line-height: 80px; font-size: 24px; }

.record-box span { text-decoration: underline; cursor: pointer; margin-left: 10px; }

.record-box span:hover { color: #ff8641; }

.rule-btn { position: absolute; right: 0; width: 144px; height: 52px; background: url("../images/rulebtn.png") no-repeat 0 0; cursor: pointer; top: 15px; }

.rule-btn:hover { background-position: 0 -60px; }

.luckycontainer { padding: 23px 18px; width: 928px; margin: 0 auto; border: 1px dashed ; border-radius: 10px; }

.luckycontainer .luck-swiper-container { height: 225px; width: 100%; position: relative; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5) inset; }

.luckycontainer .luck-swiper-container .swiper-wrapper { font-size: 0; text-align: center; display: inline-block; white-space: nowrap; }

.luckycontainer .luck-swiper-container::before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;;z-index: 2; 
}

.luckycontainer .swiper-slide { width: 148px; height: 180px;; margin: 13px 18px 0; border-radius: 8px; padding: 4px; float: none; display: inline-block; vertical-align: top;}

.luckycontainer .swiper-slide .slide-item { border: 1px dashed ; width: 146px; height: 100%; border-radius: 8px; }

.luckycontainer .swiper-slide .slide-item em{ position: absolute;top:0;right: 0;background: rgba(0, 0, 0, 0.7);z-index: 2;padding: 0 10px;border-radius: 0 8px 0 8px;color: #fff;height: 30px;line-height: 30px;font-size: 14px;}

.luckycontainer .swiper-slide .slide-item img { width: 130px; height: 130px; display: block; margin: 0 auto; }

.luckycontainer .swiper-slide .slide-item p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 24px; padding: 0 10px; white-space: normal; font-size: 16px; }

.luckycontainer .swiper-slide-active { width: 176px; height: 202px; margin: 2px 18px 0; box-shadow: 0 0 5px #fff; }

.luckycontainer .swiper-slide-active .slide-item { width: 174px; }

.luckycontainer .swiper-slide-active .slide-item img { width: 142px; height: 142px; }

.luckycontainer .luck-tips { height: 40px; line-height: 60px; font-size: 26px; text-align: center; }

.luckycontainer .luck-tips i {  font-size: 28px; margin: 0 8px; }

.logo-zaixianwan{width: 326px;height: 120px;position: absolute;}

.lucky-beginbox { height: 200px; margin: 0 16px; background-repeat: no-repeat; background-position: top left; padding-left: 396px; overflow: hidden; }

.lucky-beginbox span { width: 222px; height: 90px; float: left; text-indent: -9999px; margin-right: 50px; cursor: pointer; margin-top: 16px; background-image: url("../images/lucky_btns.png"); background-repeat: no-repeat; background-position: 0 0; }

.lucky-beginbox span.luckybtns1:hover { background-position: 0 -114px; }

.lucky-beginbox span.luckybtns2 { background-position: -267px 0; }

.lucky-beginbox span.luckybtns2:hover { background-position: -267px -114px; }

.taskshop-box { width: 972px;  margin: -60px auto 0; background-position: center top; background-repeat: no-repeat; position: relative; overflow: hidden; }

.taskshop-box .taskshop-line{ width: 960px; padding:8px 6px;border-radius: 8px;}

.taskshop-box .taskshop-line p{ height: 6px;border-radius:6px;}

.taskshop-box .task-wrapbg{width: 944px;margin: -12px auto 0;border: 2px solid ;border-top: 0;border-radius: 0 0 8px 8px;padding: 30px 0;}

.taskshop-box .shop-myscore { position: absolute; right: 50px; top: 70px; font-size: 24px; }

.taskshop-tabbox { width: 902px; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; margin: 0 auto 0; }


.taskshop-tabbox .tabhd {height: 72px;line-height: 72px;font-size: 42px;font-weight: bold;border-bottom: 0;position: relative;border-radius: 8px 8px 0 0;position: relative;z-index: 1;overflow: hidden;}

/* .taskshop-tabbox .tabhd::before{content: '';width: 2px;height: 74px;left: 50%;margin-left: -1px;top: 0;position: absolute;} */

.taskshop-tabbox .tabhd span { width: 220px; float: left; text-align: center; cursor: pointer; border: 2px solid ;border-radius: 10px 10px 0  0;}

.taskshop-tabbox .tabhd span:first-child{border-radius: 5px 0 0 0 ;}
.taskshop-tabbox .tabhd span:nth-child(2){border-radius: 0 5px 0 0 ;}
.taskshop-tabbox .tabhd span:first-child:last-child{border-radius: 5px 5px 0 0;}
.taskshop-tabbox .tabhd span.on {border-bottom: 2px solid; }

.taskshop-tabbox .tabhd span.on{border-bottom: 2px solid ;}

.only-taskshop .tabhd{width: 222px;}
.only-taskshop .tabhd span{ width: 98%;cursor: default;border-radius: 5px 5px 0 0;}
.only-taskshop .tabhd .shop-tab{display: none;}
.only-taskshop .tabhd::before{content: none;}

.taskshop-con {padding-top: 26px;border-radius: 0 5px 5px 5px;border: 2px solid;margin-top: -2px;}

.taskshop-con .ts-left { width: 436px; margin-left: 10px; float: left; }

.taskshop-con .ts-title { font-size: 30px; font-weight: bold; height: 36px; line-height: 36px;}

.taskshop-con .ts-title img{ width: 30px;height: 35px;display: inline-block;vertical-align: top;margin-right: 5px;}


.ts-scroll { height: 213px; overflow: hidden; overflow-y: auto; margin-top: 10px;  padding-right: 10px; }

.ts-scroll ul{margin-right: -10px;}

.ts-scroll li { padding: 10px 80px 10px 18px; position: relative; overflow: hidden; }

.ts-scroll li .left-tsinfo strong { font-size: 24px; }

.ts-scroll li .left-tsinfo p { font-size: 18px; }

.ts-scroll li em { position: absolute; right: 20px; bottom: 10px; font-size: 18px; font-weight: bold; }

.ts-scroll li .done-end{position: absolute;right:12px;bottom: 8px;}

.ts-scroll li .done-end i{width: 18px;height: 18px;display: inline-block;color: #fff;border-radius: 50%;text-align: center;cursor: pointer;margin-left: 2px;vertical-align: middle;line-height: 18px;}

.ts-scroll li .done-end p{position: absolute;bottom: 30px;right: 0;background: rgba(0, 0, 0, 0.7);color: #fff;padding: 0 2px;width: 100px;text-align: center;border-radius: 4px;  display: none;}

.ts-scroll li .done-end p::after{content: ''; 
  width: 0;
  height: 0;
  position: absolute;
  right: 4px;
  bottom: -5px;
  border-left: 5px solid transparent; /* 左半边边框透明 */
  border-right: 5px solid transparent; /* 右半边边框透明 */
  border-top: 5px solid rgba(0, 0, 0, 0.7); /* 底部边框为黑色，形成三角形 */
}

.tsbtns { text-align: center; margin: 50px auto; }

.tsbtns a { width: 270px; height: 70px; display: inline-block; text-indent: -9999px; background: url("../images/tsbtns_v.png"); margin: 0 80px; }

.tsbtns a.tsbtns-v1:hover { background-position: 0 -95px; }

.tsbtns a.tsbtns-v2 { background-position: -297px 0; }

.tsbtns a.tsbtns-v2:hover { background-position: -297px -95px; }

.taskshow-conatiner { padding: 16px 62px; position: relative; }

.taskshow-conatiner .swiper-wrapper { font-size: 0; text-align: center; display: inline-block; white-space: nowrap; }

.taskshow-conatiner .swiper-slide { width: 158px; margin: 0 17px 0 18px; float: none; display: inline-block; overflow: hidden;}

.taskshow-conatiner .swiper-slide .day-exchange{width: 100%;height: 32px;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.3);border-radius: 4px 4px 0 0;text-align: center;overflow: hidden;color: #fff;font-size: 16px;line-height: 32px;}

.taskshow-conatiner .swiper-slide .stuff-mask{width: 100%;height: 260px;position: absolute;left: 0;top: 0;z-index: 10;background: rgba(0, 0, 0, 0.7);border-radius: 5px;display: flex;align-items: center;color: #fff;font-size: 14px;flex-direction: column;justify-content: center;display: none;}
.taskshow-conatiner .swiper-slide .swiper-stuff{border: 2px solid;}
.taskshow-conatiner .swiper-slide .swiper-stuff:hover .stuff-mask{display: flex;}

.taskshow-conatiner .swiper-slide .swiper-stuff { border-radius: 8px; width: 154px; height: 258px; }

.taskshow-conatiner .swiper-slide .swiper-stuff img { width: 110px; height: 110px; display: block; margin: 38px auto 32px;background-color: #fff;}

.taskshow-conatiner .swiper-slide .swiper-stuff p { padding: 0 10px; font-size: 18px; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; }

.taskshow-conatiner .dh-need { padding-top: 18px; text-align: center; }

.taskshow-conatiner .dh-need p { height: 38px; line-height: 38px; font-size: 18px; font-weight: bold; }

.taskshow-conatiner .dh-need img { width: 38px; height: 38px; display: inline-block; vertical-align: middle; margin-right: 5px; }

.taskshow-conatiner .dh-need span { width: 124px; height: 51px; display: block; margin: 10px auto; background: url("../images/duihuan_btn.png") no-repeat 0 0; cursor: pointer; text-indent: -9999px; }

.taskshow-conatiner .dh-need span:hover { background-position: 0 -60px; }

.taskshow-conatiner .comm-prev, .taskshow-conatiner .comm-next { top: 120px; -webkit-animation: moveUpDown 2s ease-in-out infinite; animation: moveUpDown 2s ease-in-out infinite; }

.taskshow-conatiner .comm-prev { left: 0px; }

.taskshow-conatiner .comm-next { right: 0px; }

.banner-container {margin: 20px auto;width: 966px;position: relative;/* padding-bottom: 10px; */}
.banner-container img{display:block}
.banner-container .swiper-pagination {text-align: center;width: 100%;position: relative;}

.banner-container .swiper-pagination span { width: 53px; height: 7px; display: inline-block; border-radius: 4px; opacity: 0.8; filter: alpha(opacity=80); margin: 0 10px; }

.inner-bg { background-position: center 250px; background-repeat: no-repeat; }

.step-way-container { padding: 38px 48px 0px; background-position: center bottom; background-repeat: no-repeat; }

.step-way-container .step-way-left { float: left; width: 604px; }

.step-way-container .step-way-left .sw-top-txt { font-size: 24px; line-height: 36px; height: 102px; overflow: hidden; margin-bottom: 18px; }

.bot-logo{margin-top: 20px;clear: both;}

.bot-logo img{ width: 100%;}

.sw-bot-bk { height: 308px; overflow: hidden; margin-top: 10px; }

.sw-lt { width: 342px; float: left; }

.sw-lt .lt-item { padding: 15px 30px 15px 100px; width: 212px; height: 60px; margin-bottom: 13px; border-radius: 8px; position: relative;}

.sw-lt .lt-item img{position: absolute;left: 10px;top: 0;width: 80px;height: 80px;}


.sw-lt .lt-item .lt-name { font-size: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }

.sw-lt .lt-item p { font-size: 18px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sw-rt {padding: 17px 17px 0;height: 277px;width: 167px;float: right;border-radius: 8px;}

.sw-rt img { width: 167px; height: 167px; display: block; background-color: #fff; }

.sw-rt p {  font-size: 20px; text-align: center; line-height: 40px; }

.sw-rt a { width: 144px; height: 52px; display: block; margin: 5px auto; text-indent: -9999px; background: url("../images/android_btn.png") no-repeat 0 0; }

.sw-rt a:hover { background-position: 0 -56px; }

.step-way-right { width: 247px; height: 405px; margin-top: 8px; float: right; overflow: hidden; position: relative;}

.step-way-right img.iphonebg{ width: 247px;height: 405px;display: block;}

.step-way-right img.banner { width: 224px; height: 378px;  background-color: #fff; position: absolute;left: 11px;top: 13px;z-index: 1;}

.com-hd { padding: 30px 22px 10px; height: 60px; line-height: 60px; overflow: hidden; }

.com-hd p { float: left; padding-left: 62px; font-size: 30px; font-weight: bold; background-repeat: no-repeat; background-position: left center; position: relative;}

.com-hd img{ width: 52px; height: 48px;position: absolute;left: 0;top: 0;}

.com-hd a { float: right; font-size: 24px; text-decoration: underline; }

.game-tuijian { padding: 15px 28px 0; width: 100%; overflow: hidden; }

.game-tuijian .tjlist { width: 1040px; }

.game-tuijian .tjlist a { float: left; width: 136px; height: 214px; margin-right: 25px; }

.game-tuijian .tjlist a img {  width: 134px; height: 134px; display: block; border-radius: 10px; border: 1px solid;}

.game-tuijian .tjlist a p { text-align: center;  font-size: 20px; padding-top: 5px; }

.game-tuijian .tjlist a:hover p {  text-decoration: underline; }

.footer { position: relative; z-index: 10; margin-top: 100px; padding: 20px 0; font: inherit; color: #d0d0d0; font-size: 12px; background: url("../images/tmask2.png") no-repeat center bottom; }

.footer a { color: #d0d0d0; }

.fixside { position: fixed; bottom: 180px; left: 50%; width: 150px; margin-left: 584px; z-index: 50; border-radius: 8px;  padding: 8px 0 0; display: none; }

.fixside a { width: 132px; height: 38px; line-height: 38px; text-align: center; display: block; margin: 0 auto 8px;  font-size: 20px; border-radius: 8px; font-weight: bold; border: 1px solid;}

.fixside a:hover { background-color: #ffff7f; }

@-webkit-keyframes moveUpDown { 0%, 100% { -webkit-transform: translateY(0); }
  50% { -webkit-transform: translateY(5px);
    /* 移动的距离，可以根据需要调整 */ } }

@keyframes moveUpDown { 0%, 100% { transform: translateY(0); }
  50% { transform: translateY(5px);
    /* 移动的距离，可以根据需要调整 */ } }

.pop { border: 3px solid rgba(255, 255, 255, 0.3); width: 866px; border-radius: 8px; z-index: 100; position: relative; }

.smallpop { width: 650px; }

.pop-close { width: 47px; height: 48px; position: absolute; right: 5px; top: 5px; cursor: pointer;  background: url("../images/pop_close.png") center no-repeat;border-radius: 10px;}


.pop-inner {  border-radius: 8px;  padding-bottom: 20px; }

.pop-inner .pop-hd { height: 61px; line-height: 61px; border-radius: 8px 8px 0 0;}


.pop-title { text-align: center; font-size: 42px; height: 80px; line-height: 80px; font-weight: bold; }

.pop-txt { text-align: center; padding: 0 64px 30px; font-size: 24px; line-height: 42px; }

.pop-rule { max-height: 400px; margin: 0 20px 0 40px; padding-right: 20px; font-size: 20px; overflow: hidden; overflow-y: auto; text-align: justify; }

.pop-rule p { padding-bottom: 10px; }

.pop-rule p span { color: #ff8641; }

.pop-tips { text-align: center; padding: 0 60px; font-size: 24px; }

.pop-bind { padding: 0 150px; }

.pop-bind .bind-box { height: 48px; line-height: 48px; font-size: 24px; margin: 20px auto; position: relative; z-index: 100; }

.pop-bind .bind-box ul { width: 427px; padding: 0 20px; position: absolute; right: 0; top: 48px; background-color: #fff; border-radius: 0 0 4px 4px; cursor: pointer; max-height: 200px; overflow: hidden; overflow-y: auto; border: 1px solid #dceffa; display: none; border-top: 0; }

.pop-bind .bind-box ul li { height: 40px; line-height: 40px; color: #a3a3a3; }

.bind-box em { float: left; font-size: 36px; font-weight: bold; }

.bind-box p { width: 428px; padding: 0 20px;  background: #fff url("../images/popmicon.png") no-repeat 428px center; border-radius: 4px; float: right; height: 48px; cursor: pointer; border: 1px solid #dceffa; color: #a3a3a3;}

.bind-box p.on { background-image: url("../images/popmicon2.png"); }

.pop-btns ,.pop-btns2{ text-align: center; padding: 10px 0 0; }

.pop-btns a { width: 198px; height: 72px;  font-size: 36px; font-weight: bold; text-align: center; display: inline-block;  margin: 0 15px;background: url('../images/new_popbtns.png') no-repeat 0 0px;line-height: 999;overflow: hidden;}
.pop-btns a:hover{background-position: -233px 0;}
.pop-btns a.pbtn1{background-position: 0 0;}
.pop-btns a.pbtn1:hover{background-position: -233px 0;}
.pop-btns a.pbtn2{background-position: 0 -708px;}
.pop-btns a.pbtn2:hover{background-position: -233px -708px;}
.pop-btns a.pbtn3{background-position: 0 -833px;}
.pop-btns a.pbtn3:hover{background-position: -233px -833px;}
.pop-btns a.pbtn4{background-position: 0 -589px;width: 180px;}
.pop-btns a.pbtn4:hover{background-position: -233px -589px;}
.pop-btns a.pbtn5{background-position: 0 -476px;width: 180px;}
.pop-btns a.pbtn5:hover{background-position: -233px -476px;}
.pop-btns a.pbtn5{background-position: 0 -476px;width: 180px;}
.pop-btns a.pbtn5:hover{background-position: -233px -476px;}
.pop-btns a.pbtn6{background-position: 0 -958px;}
.pop-btns a.pbtn6:hover{background-position: -233px -958px;}


.pop-visitlist { margin: 0 10px 0 30px; padding-right: 20px; max-height: 400px; overflow: hidden; overflow-y: auto; }

.pop-visitlist li { padding: 10px 20px;  overflow: hidden; border-radius: 5px; }

.pop-visitlist li:nth-child(even) { background: none; }

.pop-visitlist li img { width: 75px; height: 75px; float: left; border-radius: 50%; background-color: #999; }

.pop-visitlist li p { width: 390px; height: 75px; line-height: 75px; font-size: 32px; margin-left: 10px; float: left; }

.pop-visitlist li span { float: right; font-weight: bold; font-size: 24px; height: 75px; line-height: 75px; }

.pop-copylink { padding: 20px 148px; }

.pop-copylink input { width: 380px; padding: 0 10px; height: 48px; line-height: 48px; font-size: 24px; color: #a3a3a3; float: left; border-radius: 8px; border: none; outline: none; margin-top: 2px; }

.pop-copylink em { width: 146px; height: 53px; line-height: 52px; background: url("../images/new_popbtns.png") no-repeat 0 -106px; font-size: 30px; font-weight: bold; text-align: center; cursor: pointer; float: right;line-height: 9999;overflow: hidden; }

.pop-copylink em:hover { background-position: -233px -106px; }

.pop-getlist-wrap { margin: 0 10px 0 30px; padding-right: 20px; overflow: hidden; overflow-y: auto; max-height: 400px; }

.pop-getlist-wrap li { padding: 18px 10px 10px 55px; background-color: #c7ebff; position: relative; border-radius: 8px; margin-bottom: 10px; }

.pop-getlist-wrap li .litop {  overflow: hidden; border-bottom: 1px dashed;}

.pop-getlist-wrap li .litop p { font-weight: bold; font-size: 26px; width: 290px; padding-left: 5px; float: left; padding-bottom: 10px; }

.pop-getlist-wrap li .litop span { font-size: 24px; float: right; }

.pop-getlist-wrap li .libot { padding: 10px 0; overflow: hidden; }

.pop-getlist-wrap li .libot .code-txt { float: left; width: 300px; padding: 0 5px; font-size: 26px; color: #404040; ; word-break: break-all;line-height: 30px;}

.pop-getlist-wrap li .libot .libtn { width: 176px; height: 53px; line-height: 9999; text-align: center; font-size: 26px; font-weight: bold; color: #fff; cursor: pointer; text-align: center; background: url("../images/new_popbtns.png") no-repeat 0 -196px; float: right;overflow: hidden; }

.pop-getlist-wrap li .libot .libtn:hover { background-position: -233px -196px; }

.pop-getlist-wrap li .libot .address-btn{background-position: 0 -286px;width: 182px;}
.pop-getlist-wrap li .libot .address-btn:hover{background-position:-233px -286px;}
.pop-getlist-wrap li .libot .address-fixbtn{background-position:0 -378px;width: 182px;}
.pop-getlist-wrap li .libot .address-fixbtn:hover{background-position:-233px -378px;}

.pop-getlist-wrap li em { position: absolute; left: 10px; top: 30px; width: 36px; height: 36px; border: 2px solid ; border-radius: 50%; line-height: 36px; text-align: center; font-size: 18px; font-weight: bold; border: 2px solid ;}

.pop-form { padding: 30px; }

.pop-form p { overflow: hidden; line-height: 70px; margin-bottom: 40px; }

.pop-form p em { float: left; width: 88px; line-height: 70px; height: 70px; width: 120px; text-align: right; font-size: 24px; }

.pop-form p input { float: right; width: 440px; height: 70px; line-height: 70px; padding: 0 10px; border: none; color: #a3a3a3; background-color: #fff; font-size: 24px; border-radius: 5px; outline: none; }

.pop-form p textarea { float: right; width: 440px; height: 70px; border: none; color: #666; background-color: #fff; font-size: 24px; resize: none; padding: 10px; outline: none; border-radius: 5px;}

.pop-form p input::placeholder, .pop-form p textarea::placeholder { color: #999; font-family: "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53"; }

.pop-form p:last-child { margin-bottom: 0; }

.swiper-wrapper { -webkit-transition-timing-function: linear; transition-timing-function: linear; }

.swiper-button-disabled { opacity: 0.5; filter: alpha(opacity=50); }

.dialog-mask { background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; left: 0; right: 0; z-index: 85; height: 100% !important; }

.dialog-content { position: absolute; z-index: 100; background: none; border: none; left: 0; }


/* add 202403*/
.box-m1 .hd-m1,.box-m7 .hd-m1{padding: 0 95px;text-align: center;position: relative;}
.box-m1 p{width: 100%;}
.hd-m1 span{width: 146px;height: 53px;position: absolute;right: 95px;top: 15px;margin-top: 0;}
.hd-m1 span.orderbtns{width: 146px;height: 53px;background: url('../images/order_btns.png') no-repeat 0 0;}
.hd-m1 span.orderbtns:hover{background-position: 0 -56px;}
.hd-m1 span.oedered{background-position: 0 -115px;}
.hd-m1 span.oedered:hover{background-position: 0 -174px;}

.banner-video{margin: 0 auto;width: 966px;position: relative;}
.banner-poster,.videobox{height: 542px;width: 966px;overflow: hidden;}
.videobox video{object-fit: fill;width: 100%;height: 100%;}
.banner-video em{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5) url('../images/play_icon.png') no-repeat center;position: absolute;left: 0;top: 0;display: none;cursor: pointer;}
.banner-video:hover em{display: block;}
.smallpop2{width: 755px;}
.pop-title2{text-align: center;font-size: 32px;padding-top: 28px;line-height: 48px;}
.pop-howcheck{text-align: center;height: 54px;line-height: 54px;padding-bottom: 10px;font-size: 24px;}
.pop-howcheck a{text-decoration: underline;}
.pop-iphonecode{width: 564px;padding: 20px 52px;margin: 10px auto;border-radius: 10px;}
.pop-iphonecode p{height: 60px;line-height: 60px;font-size: 26px;padding-bottom: 15px;overflow: hidden;text-align: center;}
.pop-iphonecode p .inputcode{width: 256px;float: left;}
.pop-iphonecode p span{float: left;width: 152px;height: 60px;line-height: 60px;border-radius: 5px;text-align: center;font-size: 24px;font-weight: bold;cursor: pointer;margin-left: 12px;}
.pop-iphonecode p em { float: left;  line-height: 60px; height: 60px; width: 120px; text-align: right; font-size: 24px; }
.pop-iphonecode p input { float: left; width: 420px; height: 60px; line-height:60px; padding: 0 10px; border: none; color: #a3a3a3; background-color: #fff; font-size: 24px; border-radius: 5px; outline: none; }

.pop-iphonecode p textarea { float: right; width: 440px; height: 70px; border: none; color: #666; background-color: #fff; font-size: 24px; resize: none; padding: 10px; outline: none; }

.pop-way-tab{text-align: center;height: 60px;margin-top: 32px;}
.pop-way-tab span{display: inline-block;height: 60px;width: 152px;border-radius: 5px;font-size: 32px;font-weight: bold;color: #fff;line-height: 60px;cursor: pointer;margin: 0 10px;}
.pop-way-content{height:438px;margin: 24px 30px 0;overflow: hidden;overflow-y: auto;}
.pop-way-content .p-way-list div{margin-bottom: 18px;text-align: center;}
.pop-way-content .p-way-list div p{font-size: 24px;line-height: 30px;text-align: left;}
.pop-way-content .p-way-list div img{margin: 10px 0 0;border: 1px solid #fcedbf;border-radius: 5px;background-color: #fff;}
.qrcodeimg{padding: 5px;}

.btns-record{height: 80px;line-height: 80px;font-size: 24px;text-align: left;padding:0 38px;position: relative;}
.btns-record a{margin-left: 10px;text-decoration: underline;}
.btns-record .visite-btn{width:144px ;height: 51px;background: url('../images/visit_btn.png') no-repeat 0 0;position: absolute;right: 47px;top: 15px;cursor: pointer;}
.btns-record .visite-btn:hover{background-position: 0 -58px;}
.order-getlist{width:896px;height: 324px;border-radius: 10px;background-color: #fff;margin: 0 auto;}
.order-getlist .taskshow-conatiner .comm-prev{left:0 ;}
.order-getlist .taskshow-conatiner .comm-next{right:0 ;}



.order-tips{width: 764px;height: 176px;background: rgba(0, 0, 0, 0.5);border-radius: 15px;margin: 20px auto;}
.order-tips p{ text-align: center;color: #fff;font-size: 22px;text-align: center;padding: 20px 50px;}
.order-getbtns{text-align: center;}
.order-getbtns span{background: url('../images/add_order_btns.png') no-repeat 0 0;display: inline-block;margin: 0 20px;line-height: 9999;width: 226px;height: 80px;cursor: pointer;}
.order-getbtns span.my-order-status:hover{background-position: 0 -89px;}
.order-getbtns span.my-order-status-done{background-position: 0 -246px;}
.order-getbtns span.my-order-status-done:hover{background-position: 0 -350px;}

.order-getbtns span.my-order-getbtn{background-position: 0 -580px;}
.order-getbtns span.my-order-getbtn:hover{background-position: 0 -677px;}

.order-getbtns span.my-order-getbtn-done,.order-getbtns span.my-order-getbtn-done:hover{background-position: 0 -463px;cursor: default;}

.rankAndExchang-box{margin: 24px 10px 20px 20px;}
.rankAndExchang-box .rec-left{width: 476px;}
 .rec-left .rec-tabhd{border: 2px solid ;border-bottom: 0;height: 63px;border-radius: 10px 10px 0 0;position: relative;overflow: hidden;}
 .rec-left .rec-tabhd::before{content: '';width: 2px;height: 100%;left: 50%;margin-left: 0px;top: 0;position: absolute;z-index: 2;}
 .rec-left .rec-tabhd span{width: 50%;float: left;text-align: center;font-size:38px;font-weight: bold;height: 61px;line-height: 60px;cursor: pointer;border-bottom: 2px solid ;}
 .rec-left .rec-tabhd span.on{position: relative;border-bottom: 0;}
 .rec-left .rec-content{border: 2px solid;border-radius:0 0 10px 10px;height: 732px;border-top: 0;}

 .rec-tit{font-size: 30px;font-weight: bold;height: 52px;padding:5px 10px;line-height: 52px;}
 .rec-tit span{font-size: 18px;font-weight: normal;float: right;color: #ccc;}
 .rklist{border:2px solid;border-radius: 10px;margin: 0 35px;overflow: hidden;}
 .rklist .rkhd{overflow: hidden;height: 35px;line-height: 35px;overflow: hidden;border-radius: 8px 8px 0 0;}
 .rklist .rkhd span{float: left;text-align: center;font-size: 24px;}

 span.sp1{width: 80px;}
 span.sp2{width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 span.sp3{width:100px;}

 .rklistbox{position: relative;}
 .rklist ul{height: 208px;overflow: hidden;overflow-y: auto;padding-bottom: 28px;}
 .rklist ul li{height:26px;line-height: 26px;text-align: center;overflow: hidden;}
 .rklist ul li.top1 .sp2, .rklist ul li.top2 .sp2, .rklist ul li.top3 .sp2{text-indent: -2em;}
 .rklist ul li span{float: left;}
 .myrk-self{ position: absolute;left: 0;bottom: 0;height: 28px;line-height: 28px;overflow: hidden;width: 90%;background-color: rgba(0, 0, 0, 0.5);padding:0 5%;border-radius:  0 0 8px 8px;color: #fff;}

 .task-all-wrap{ position: relative; margin-top: 16px;}
 .task-all-wrap .progess-btn{width:182px ;height: 52px;background: url('../images/task_gressbtn.png') no-repeat 0 0;position: absolute;right: 10px;top: 10px;cursor: pointer;}
 .task-all-wrap .progess-btn:hover{background-position: 0 -55px;}
 .task-container{margin: 0 30px;position: relative;}
 .task-container .comm-prev{border-left: 15px solid transparent;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 15px solid ; top: 140px;}
  .task-container .comm-next{
    border-left: 15px solid;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid transparent;top: 140px;
  }
  .task-container .comm-prev{left:-38px;}
  .task-container .comm-next{right: -38px;}
  .task-container .ts-title {font-size:24px;font-weight: bold;line-height: 35px;}
  .task-container .ts-title img{vertical-align: text-bottom;margin-right: 5px;}
  .task-container .ts-title span{color:#ccc;float:right;font-weight:normal;font-size:18px;padding-top: 5px;}
  .ts-scroll{border: 2px solid;border-radius: 10px;}
  .task-container .ts-scroll li .left-tsinfo strong{font-size: 18px;font-weight: normal;}
  .task-container .ts-scroll li .left-tsinfo p{font-size: 16px;}
  .task-container .ts-scroll{height: 246px;padding-right: 0;}
  .rkjl-wrap{position: relative;}
  .rkjl-wrap .rec-getbtn{width: 108px;height: 40px;background: url('../images/add_dhjl.png') no-repeat 0 -47px;cursor: pointer;position: absolute;right: 10px;top: 10px;}
  .rkjl-wrap .rec-getbtn:hover{background-position: 0 -92px;}
  .rkjl-wrap .rec-getbtn-done,.rkjl-wrap .rec-getbtn-done:hover{background-position: 0 0;}
  .rkjl-container{padding: 8px 29px;margin: 0 20px;border: 2px solid ;border-radius: 10px;;font-size: 0;}
  .rkjl-container .comm-next,  .rkjl-container .comm-prev{ top: 160px;}
  .rkjl-container .comm-prev{left:0}
  .rkjl-container .comm-next{right:0}
  .rkjl-container1 .swiper-slide{width:164px;border:  2px solid ;border-radius: 10px;display: inline-block;margin:0 10px ;overflow: hidden;position: relative;box-sizing: border-box;}
  .rkjl-container1 .swiper-slide{height: 234px;}
  .rkjl-container1 .swiper-slide .rk-top{height: 40px;line-height: 40px;font-size: 24px;font-weight: bold;text-align: center;}
  .rkjl-container1 .swiper-slide .swiper-stuff img{ width:110px;height: 110px;display: block;margin: 8px auto;}
  .rkjl-container .stuff-mask{position: absolute;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.7);top: 0;left: 0;display: flex;align-items: center;color: #fff;font-size: 14px;flex-direction: column;justify-content: center;display: none;}
  .rkjl-container .swiper-stuff p {padding: 0 10px;font-size: 18px;font-weight: bold;display: -webkit-box;-webkit-line-clamp: 2;
-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;text-align: center;}

.rkjl-container1  .swiper-slide:hover .stuff-mask,.rkjl-container2 .exchang-wrap:hover .stuff-mask{display: flex;}
.rkjl-container2  .swiper-slide{width:164px;display: inline-block;margin:0 10px ;overflow: hidden;position: relative;height: 318px;}
.rkjl-container2  .swiper-slide .exchang-wrap{  position: relative;overflow: hidden;border-radius: 10px;height: 234px;border: 2px solid;}


.rkjl-container2  .swiper-slide .day-exchange {width: 100%;height: 32px;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.3);border-radius: 4px 4px 0 0;text-align: center;overflow: hidden;color: #fff;font-size: 16px;line-height: 32px;}
.rkjl-container2  .swiper-slide .swiper-stuff img{ width:110px;height: 110px;display: block;margin: 38px auto 8px;}

.rkjl-container2 .dh-need {  text-align: center; }

.rkjl-container2 .dh-need p { height: 38px; line-height: 38px; font-size: 18px; font-weight: bold; }

.rkjl-container2 .dh-need span { width: 108px; height: 40px; display: block; margin: 0px auto; background: url("../images/add_dhjl.png") no-repeat 0 -151px; cursor: pointer; text-indent: -9999px; }

.rkjl-container2 .dh-need span:hover { background-position: 0 -195px; }

.rec-right{width: 476px;}
.rec-record{height: 51px;line-height: 51px;overflow: hidden;position: relative;margin: 0 10px;}
.rec-record em{float: left;font-size: 24px;cursor: pointer;text-decoration: underline;}
.rec-record em:hover{text-decoration: underline;}
.rec-record .rule-btn{float: right;top: 0;}
.rec-lucky{width: 450px;height: 410px;border: 2px solid ;border-radius: 10px;margin: 16px auto 0;padding: 22px 0 0;}
.rec-lucky .luck-inner{border: 3px solid ;border-radius: 10px;width: 422px;margin: 0 auto;height: 366px;box-shadow: 0 0 80px rgba(0, 0, 0, 0.3) inset;position: relative;}
.rec-lucky  .ground-bg{height: 86px;width: 100%;position: absolute;top:224px;border-bottom:2px solid  ;z-index: 2;}

.animate-gift-box .lightbg{ width:100%;height: 100%;background: url('../images/light_bg.png') no-repeat center;position: absolute;z-index: 3; -webkit-animation: rotate 1.2s linear infinite alternate; /* Safari 和 Chrome */-moz-animation: rotate 1.2s linear infinite alternate; /* Firefox */
-o-animation: rotate 1.2s linear infinite alternate; /* Opera */animation: rotate 1.2s linear infinite alternate; /* 标准语法 */}

.gift-wrap{position: absolute;width: 100%;height: 100%;z-index: 5;left: 0;top: 0;text-align: center;}
.gift-wrap img{ margin-top: 20px;}

.lucky-actionbox{border-radius: 10px;width: 447px;height:170px;padding: 18px  0 14px;margin: 24px auto 0;}
.lucky-actionbox .ck-luckybtns{width: 222px;height: 90px;text-indent: -9999px;margin-right: 50px;cursor: pointer;margin-top: 16px;background-image: url(../images/lucky_btns.png);background-repeat: no-repeat;background-position: 0 0;margin: 0 auto 13px;}
.lucky-actionbox .ck-luckybtns:hover{background-position: 0 -114px;}
.luckys-num{/* text-align:  center; */font-size: 24px;font-weight: bold;line-height: 32px;text-indent: 110px;}
.lucky-tips{ text-align:center;padding: 10px 10px 0;font-size: 22px;line-height: 30px;}

.fix-tellphone{ width:  600px;margin:  10px auto;border-radius: 10px;padding: 20px 40px;text-align: center;}
.fix-tellphone p{text-align: center;font-size: 26px;}
.fix-tellphone .fix-pbox{width: 420px;height: 50px;line-height: 50px;;border-radius: 10px;margin: 30px auto;font-size: 24px;background-color: #fff;color: #a3a3a3;text-align: center;position: relative;}
.fix-tellphone em{ margin-right: 10px;height: 50px;padding-right: 34px;background: url('../images/edit_icon.png') no-repeat right center;cursor: pointer;position: absolute;right: 0;top: 0;}
.fix-tellphone em:hover{text-decoration: underline;}
@keyframes rotate {
  from {
    /* -moz-transform: rotate(0deg); */
    opacity: 0;
    filter: alpha(opacity=0);
}
to {
  opacity: 1;
  filter: alpha(opacity=100);
    /* -moz-transform: rotate(360deg); */
}
}

@-webkit-keyframes rotate { /* Safari 和 Chrome */
  from {
    /* -moz-transform: rotate(0deg); */
    opacity: 0;
    filter: alpha(opacity=0);
}
to {
  opacity: 1;
  filter: alpha(opacity=100);
    /* -moz-transform: rotate(360deg); */
}
}
.shake {
  -webkit-animation: shake 1s   infinite alternate;
  animation: shake 1s  infinite alternate;
}


@keyframes shake {
    10%, 90% { transform: translate3d(0, -5px, 0); }
    20%, 80% { transform: translate3d(0, +4px, 0); }
    30%, 70% { transform: translate3d(0, -6px, 0); }
    40%, 60% { transform: translate3d(0, +4px, 0); }
    50% { transform: translate3d(0, -6px, 0); }
}

.updown {
  -webkit-animation: updown 4.5s ease-in-out  infinite alternate;
  animation: updown 4.5s ease-in-out  infinite alternate;
}

@-webkit-keyframes updown {
  0% { -webkit-transform: translateY(0); }
  25% { -webkit-transform: translateY(-10px); }
  50% { -webkit-transform: translateY(0px);  }
  75% { -webkit-transform: translateY(10px);  }
  100% { -webkit-transform: translateY(0px);}
}

@keyframes updown {
  0% { transform: translateY(0); }
  25% {  transform: translateY(-10px); }
  50% {  transform: translateY(10px); }
  75% { transform: translateY(-5px); }
  100% {  transform: translateY(5px); }
}


/* add 202403*/
.box-m1 .hd-m1,.box-m7 .hd-m1{padding: 0 95px;text-align: center;position: relative;}
.box-m1 p{width: 100%;}
.hd-m1 span{width: 146px;height: 53px;position: absolute;right: 95px;top: 15px;margin-top: 0;}
.hd-m1 span.orderbtns{width: 146px;height: 53px;background: url('../images/order_btns.png') no-repeat 0 0;}
.hd-m1 span.orderbtns:hover{background-position: 0 -56px;}
.hd-m1 span.oedered{background-position: 0 -115px;}
.hd-m1 span.oedered:hover{background-position: 0 -174px;}

.banner-video{margin: 0 auto;width: 966px;position: relative;}
.banner-poster,.videobox{height: 542px;width: 966px;overflow: hidden;}
.videobox video{object-fit: fill;width: 100%;height: 100%;}
.banner-video em{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5) url('../images/play_icon.png') no-repeat center;position: absolute;left: 0;top: 0;display: none;cursor: pointer;}
.banner-video:hover em{display: block;}
.smallpop2{width: 755px;}
.pop-title2{text-align: center;font-size: 32px;padding-top: 28px;line-height: 48px;}
.pop-howcheck{text-align: center;height: 54px;line-height: 54px;padding-bottom: 10px;font-size: 24px;}
.pop-howcheck a{text-decoration: underline;}
.pop-iphonecode{width: 564px;padding: 20px 52px;margin: 10px auto;border-radius: 10px;}
.pop-iphonecode p{height: 60px;line-height: 60px;font-size: 26px;padding-bottom: 15px;overflow: hidden;text-align: center;}
.pop-iphonecode p .inputcode{width: 256px;float: left;}
.pop-iphonecode p span{float: left;width: 152px;height: 60px;line-height: 60px;border-radius: 5px;text-align: center;font-size: 24px;font-weight: bold;cursor: pointer;margin-left: 12px;}
.pop-iphonecode p em { float: left;  line-height: 60px; height: 60px; width: 120px; text-align: right; font-size: 24px; }
.pop-iphonecode p input { float: left; width: 420px; height: 60px; line-height:60px; padding: 0 10px; border: none; color: #a3a3a3; background-color: #fff; font-size: 24px; border-radius: 5px; outline: none; }

.pop-iphonecode p textarea { float: right; width: 440px; height: 70px; border: none; color: #666; background-color: #fff; font-size: 24px; resize: none; padding: 10px; outline: none; }

.pop-way-tab{text-align: center;height: 60px;margin-top: 32px;}
.pop-way-tab span{display: inline-block;height: 60px;width: 152px;border-radius: 5px;font-size: 32px;font-weight: bold;color: #fff;line-height: 60px;cursor: pointer;margin: 0 10px;}
.pop-way-content{height:438px;margin: 24px 30px 0;overflow: hidden;overflow-y: auto;}
.pop-way-content .p-way-list div{margin-bottom: 18px;text-align: center;}
.pop-way-content .p-way-list div p{font-size: 24px;line-height: 30px;text-align: left;}
.pop-way-content .p-way-list div img{margin: 10px 0 0;border: 1px solid #fcedbf;border-radius: 5px;background-color: #fff;}
.qrcodeimg{padding: 5px;}

.btns-record{height: 80px;line-height: 80px;font-size: 24px;text-align: left;padding:0 38px;position: relative;}
.btns-record a{margin-left: 10px;text-decoration: underline;}
.btns-record .visite-btn{width:144px ;height: 51px;background: url('../images/visit_btn.png') no-repeat 0 0;position: absolute;right: 47px;top: 15px;cursor: pointer;}
.btns-record .visite-btn:hover{background-position: 0 -58px;}
.order-getlist{width:896px;height: 324px;border-radius: 10px;background-color: #fff;margin: 0 auto;}
.order-getlist .taskshow-conatiner .comm-prev{left:0 ;}
.order-getlist .taskshow-conatiner .comm-next{right:0 ;}



.order-tips{width: 764px;height: 176px;background: rgba(0, 0, 0, 0.5);border-radius: 15px;margin: 20px auto;}
.order-tips p{ text-align: center;color: #fff;font-size: 22px;text-align: center;padding: 20px 50px;}
.order-getbtns{text-align: center;}
.order-getbtns span{background: url('../images/add_order_btns.png') no-repeat 0 0;display: inline-block;margin: 0 20px;line-height: 9999;width: 226px;height: 80px;cursor: pointer;}
.order-getbtns span.my-order-status:hover{background-position: 0 -89px;}
.order-getbtns span.my-order-status-done{background-position: 0 -246px;}
.order-getbtns span.my-order-status-done:hover{background-position: 0 -350px;}

.order-getbtns span.my-order-getbtn{background-position: 0 -580px;}
.order-getbtns span.my-order-getbtn:hover{background-position: 0 -677px;}

.order-getbtns span.my-order-getbtn-done,.order-getbtns span.my-order-getbtn-done:hover{background-position: 0 -463px;cursor: default;}

.rankAndExchang-box{margin: 24px 10px 20px 20px;}
.rankAndExchang-box .rec-left{width: 476px;}
 .rec-left .rec-tabhd{border: 2px solid ;border-bottom: 0;height: 63px;border-radius: 10px 10px 0 0;position: relative;overflow: hidden;}
 .rec-left .rec-tabhd::before{content: '';width: 2px;height: 100%;left: 50%;margin-left: 0px;top: 0;position: absolute;z-index: 2;}
 .rec-left .rec-tabhd span{width: 50%;float: left;text-align: center;font-size:38px;font-weight: bold;height: 61px;line-height: 60px;cursor: pointer;border-bottom: 2px solid ;}
 .rec-left .rec-tabhd span.on{position: relative;border-bottom: 0;}
 .rec-left .rec-content{border: 2px solid;border-radius:0 0 10px 10px;height: 732px;border-top: 0;}

 .rec-tit{font-size: 30px;font-weight: bold;height: 52px;padding:5px 10px;line-height: 52px;}
 .rec-tit span{font-size: 18px;font-weight: normal;float: right;color: #ccc;}
 .rklist{border:2px solid;border-radius: 10px;margin: 0 35px;overflow: hidden;}
 .rklist .rkhd{overflow: hidden;height: 35px;line-height: 35px;overflow: hidden;border-radius: 8px 8px 0 0;}
 .rklist .rkhd span{float: left;text-align: center;font-size: 24px;}

 /* span.sp1{width: 20%;}
 span.sp2{width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 span.sp3{width: 30%;} */

 

 .task-all-wrap{ position: relative; margin-top: 16px;}
 .task-all-wrap .progess-btn{width:182px ;height: 52px;background: url('../images/task_gressbtn.png') no-repeat 0 0;position: absolute;right: 10px;top: 10px;cursor: pointer;}
 .task-all-wrap .progess-btn:hover{background-position: 0 -55px;}
 .task-container{margin: 0 30px;position: relative;}
 .task-container .comm-prev{border-left: 15px solid transparent;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 15px solid ; top: 140px;}
  .task-container .comm-next{
    border-left: 15px solid;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid transparent;top: 140px;
  }
  .task-container .comm-prev{left:-38px;}
  .task-container .comm-next{right: -38px;}
  .task-container .ts-title {font-size:24px;font-weight: bold;line-height: 35px;}
  .task-container .ts-title img{vertical-align: text-bottom;margin-right: 5px;}
  .task-container .ts-title span{color:#ccc;float:right;font-weight:normal;font-size:18px;padding-top: 5px;}
  .ts-scroll{border: 2px solid;border-radius: 10px;}
  .task-container .ts-scroll li .left-tsinfo strong{font-size: 18px;font-weight: normal;}
  .task-container .ts-scroll li .left-tsinfo p{font-size: 16px;}
  .task-container .ts-scroll{height: 246px;padding-right: 0;}
  .rkjl-wrap{position: relative;}
  .rkjl-wrap .rec-getbtn{width: 108px;height: 40px;background: url('../images/add_dhjl.png') no-repeat 0 -47px;cursor: pointer;position: absolute;right: 10px;top: 10px;}
  .rkjl-wrap .rec-getbtn:hover{background-position: 0 -92px;}
  .rkjl-wrap .rec-getbtn-done,.rkjl-wrap .rec-getbtn-done:hover{background-position: 0 0;}
  .rkjl-container{padding: 8px 29px;margin: 0 20px;border: 2px solid ;border-radius: 10px;;font-size: 0;}
  .rkjl-container .comm-next,  .rkjl-container .comm-prev{ top: 160px;}
  .rkjl-container .comm-prev{left:0}
  .rkjl-container .comm-next{right:0}
  .rkjl-container1 .swiper-slide{width:164px;border:  2px solid ;border-radius: 10px;display: inline-block;margin:0 10px ;overflow: hidden;position: relative;box-sizing: border-box;}
  .rkjl-container1 .swiper-slide{height: 234px;}
  .rkjl-container1 .swiper-slide .rk-top{height: 40px;line-height: 40px;font-size: 24px;font-weight: bold;text-align: center;}
  .rkjl-container1 .swiper-slide .swiper-stuff img{ width:110px;height: 110px;display: block;margin: 8px auto;}
  .rkjl-container .stuff-mask{position: absolute;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.7);top: 0;left: 0;display: flex;align-items: center;color: #fff;font-size: 14px;flex-direction: column;justify-content: center;display: none;}
  .rkjl-container .swiper-stuff p {padding: 0 10px;font-size: 18px;font-weight: bold;display: -webkit-box;-webkit-line-clamp: 2;
-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;text-align: center;}

.rkjl-container1  .swiper-slide:hover .stuff-mask,.rkjl-container2 .exchang-wrap:hover .stuff-mask{display: flex;}
.rkjl-container2  .swiper-slide{width:164px;display: inline-block;margin:0 10px ;overflow: hidden;position: relative;height: 318px;}
.rkjl-container2  .swiper-slide .exchang-wrap{  position: relative;overflow: hidden;border-radius: 10px;height: 234px;border: 2px solid;}


.rkjl-container2  .swiper-slide .day-exchange {width: 100%;height: 32px;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.3);border-radius: 4px 4px 0 0;text-align: center;overflow: hidden;color: #fff;font-size: 16px;line-height: 32px;}
.rkjl-container2  .swiper-slide .swiper-stuff img{ width:110px;height: 110px;display: block;margin: 38px auto 8px;}

.rkjl-container2 .dh-need {  text-align: center; }

.rkjl-container2 .dh-need p { height: 38px; line-height: 38px; font-size: 18px; font-weight: bold; }

.rkjl-container2 .dh-need span { width: 108px; height: 40px; display: block; margin: 0px auto; background: url("../images/add_dhjl.png") no-repeat 0 -151px; cursor: pointer; text-indent: -9999px; }

.rkjl-container2 .dh-need span:hover { background-position: 0 -195px; }

.rec-right{width: 476px;}
.rec-record{height: 51px;line-height: 51px;overflow: hidden;position: relative;margin: 0 10px;}
.rec-record em{float: left;font-size: 24px;cursor: pointer;text-decoration: underline;}
.rec-record em:hover{text-decoration: underline;}
.rec-record .rule-btn{float: right;top: 0;}
.rec-lucky{width: 450px;height: 410px;border: 2px solid ;border-radius: 10px;margin: 16px auto 0;padding: 22px 0 0;}
.rec-lucky .luck-inner{border: 3px solid ;border-radius: 10px;width: 422px;margin: 0 auto;height: 366px;box-shadow: 0 0 80px rgba(0, 0, 0, 0.3) inset;position: relative;}
.rec-lucky  .ground-bg{height: 86px;width: 100%;position: absolute;top:224px;border-bottom:2px solid  ;z-index: 2;}

.animate-gift-box .lightbg{ width:100%;height: 100%;background: url('../images/light_bg.png') no-repeat center;position: absolute;z-index: 3; -webkit-animation: rotate 1.2s linear infinite alternate; /* Safari 和 Chrome */-moz-animation: rotate 1.2s linear infinite alternate; /* Firefox */
-o-animation: rotate 1.2s linear infinite alternate; /* Opera */animation: rotate 1.2s linear infinite alternate; /* 标准语法 */}

.gift-wrap{position: absolute;width: 100%;height: 100%;z-index: 5;left: 0;top: 0;text-align: center;}
.gift-wrap img{ margin-top: 20px;}

.lucky-actionbox{border-radius: 10px;width: 447px;height:170px;padding: 18px  0 14px;margin: 24px auto 0;}
.lucky-actionbox .ck-luckybtns{width: 222px;height: 90px;text-indent: -9999px;margin-right: 50px;cursor: pointer;margin-top: 16px;background-image: url(../images/lucky_btns.png);background-repeat: no-repeat;background-position: 0 0;margin: 0 auto 13px;}
.lucky-actionbox .ck-luckybtns:hover{background-position: 0 -114px;}
.luckys-num{/* text-align:  center; */font-size: 24px;font-weight: bold;line-height: 32px;text-indent: 110px;}
.lucky-tips{ text-align:center;padding: 10px 10px 0;font-size: 22px;line-height: 30px;}

.fix-tellphone{ width:  600px;margin:  10px auto;border-radius: 10px;padding: 20px 40px;text-align: center;}
.fix-tellphone p{text-align: center;font-size: 26px;}
.fix-tellphone .fix-pbox{width: 420px;height: 50px;line-height: 50px;;border-radius: 10px;margin: 30px auto;font-size: 24px;background-color: #fff;color: #a3a3a3;text-align: center;position: relative;}
.fix-tellphone em{ margin-right: 10px;height: 50px;padding-right: 34px;background: url('../images/edit_icon.png') no-repeat right center;cursor: pointer;position: absolute;right: 0;top: 0;}
.fix-tellphone em:hover{text-decoration: underline;}
@keyframes rotate {
  from {
    /* -moz-transform: rotate(0deg); */
    opacity: 0;
    filter: alpha(opacity=0);
}
to {
  opacity: 1;
  filter: alpha(opacity=100);
    /* -moz-transform: rotate(360deg); */
}
}

@-webkit-keyframes rotate { /* Safari 和 Chrome */
  from {
    /* -moz-transform: rotate(0deg); */
    opacity: 0;
    filter: alpha(opacity=0);
}
to {
  opacity: 1;
  filter: alpha(opacity=100);
    /* -moz-transform: rotate(360deg); */
}
}
.shake {
  -webkit-animation: shake 1s   infinite alternate;
  animation: shake 1s  infinite alternate;
}


@keyframes shake {
    10%, 90% { transform: translate3d(0, -5px, 0); }
    20%, 80% { transform: translate3d(0, +4px, 0); }
    30%, 70% { transform: translate3d(0, -6px, 0); }
    40%, 60% { transform: translate3d(0, +4px, 0); }
    50% { transform: translate3d(0, -6px, 0); }
}

.updown {
  -webkit-animation: updown 4.5s ease-in-out  infinite alternate;
  animation: updown 4.5s ease-in-out  infinite alternate;
}

@-webkit-keyframes updown {
  0% { -webkit-transform: translateY(0); }
  25% { -webkit-transform: translateY(-10px); }
  50% { -webkit-transform: translateY(0px);  }
  75% { -webkit-transform: translateY(10px);  }
  100% { -webkit-transform: translateY(0px);}
}

@keyframes updown {
  0% { transform: translateY(0); }
  25% {  transform: translateY(-10px); }
  50% {  transform: translateY(10px); }
  75% { transform: translateY(-5px); }
  100% {  transform: translateY(5px); }
}
/* add202410 */
.rklist ul li img {vertical-align:top;margin:0 2px;}
.hd-title {height:80px;line-height:80px;text-align:center;font-size:36px;position:relative;border-radius:8px 8px 0 0;overflow:hidden;}
.hd-title p {font-size:38px;width:242px;height:80px;font-weight:bold;position:relative;line-height:80px;}
.hd-title em {position:absolute;right:184px;line-height:80px;font-size:24px;top:0;text-decoration:underline;cursor:pointer;}
.hd-title p::after {border:80px solid transparent;border-left:80px solid ;position:absolute;right:-160px;top:0;content:'';width:0;height:0;}
.hd-title .hdttxt {text-align:center;width:440px;position:absolute;left:320px;top:0;font-size:24px;font-weight:normal;}
.hd-title .rule-btn {right:15px;}
.cardCenter .m1bg-main {border-radius:0 0 8px 8px;}
.pagecard-container {margin:16px 20px;border:1px dashed ;border-radius:8px;height:354px;position:relative;padding:12px  48px 0;}
.pagecard-container .comm-prev,.pagecard-container .comm-next {top:100px!important;}
.pagecard-container .comm-prev {left:-2px;}
.pagecard-container .comm-next {right:-2px;}
.pageCardSwiper .swiper-wrapper {text-align:center;display:inline-block;white-space:nowrap;font-size:0;}
.pageCardSwiper .swiper-slide {width:170px;height:290px;display:inline-block;margin:0 22px;}
.pageCardSwiper .swiper-slide .card-inner {border:2px solid ;border-radius:10px;padding:6px 7px;height:205px;width:150px;position:relative;}
.pageCardSwiper .swiper-slide  img {width:100%;border-radius:6px;}
.pageCardSwiper .swiper-slide .font,.pageCardSwiper .swiper-slide .back {position:absolute;transition:transform 0.4s;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;left:7px;top:6px;}
.pageCardSwiper .swiper-slide .font {-webkit-transform:rotateY( 0deg);-moz-transform:rotateY( 0deg);-o-transform:rotateY( 0deg);transform:rotateY( 0deg);}
.pageCardSwiper .swiper-slide .back {-webkit-transform:rotateY( -180deg);-moz-transform:rotateY( -180deg);-o-transform:rotateY( -180deg);transform:rotateY( -180deg);}
.pageCardSwiper .swiper-slide.on .back {-webkit-transform:rotateY( 0deg);-moz-transform:rotateY( 0deg);-o-transform:rotateY( 0deg);transform:rotateY( 0deg);}
.pageCardSwiper  .swiper-slide.on .font {-webkit-transform:rotateY( 180deg);-moz-transform:rotateY( 180deg);-o-transform:rotateY( 180deg);transform:rotateY( 180deg);}
.pageCardSwiper  .swiper-slide .cardbtn {width:150px;height:58px;background:url('../images/card_btns.png') no-repeat 0 0;background-position:0 0;margin:10px auto;cursor:pointer;}
.pageCardSwiper  .swiper-slide .cardbtn:hover {background-position:0 -137px;}
.pageCardSwiper  .swiper-slide.on .cardbtn,.pageCardSwiper  .swiper-slide.on .cardbtn:hover {background-position:0 -69px;cursor:default;}
.cardNums-tips {text-align:center;font-size:26px;}
.cardNums-tips span {font-weight:bold;}
.fanpai-prize .fphd-tit {height:80px;line-height:80px;overflow:hidden;position:relative;}
.fanpai-prize .fphd-tit p {font-size:38px;padding-left:55px;font-weight:bold;float:left;}
.fanpai-prize .fphd-tit em {position:absolute;right:184px;line-height:80px;font-size:24px;top:0;text-decoration:underline;cursor:pointer;}
.getitbtn {width:144px;height:52px;background:url('../images/getitbtn.png') no-repeat 0 0;float:right;margin-top:14px;margin-right:15px;cursor:pointer;}
.getitbtn:hover {background-position:0 -55px;}
.getitbtn.gotbtn {background-position:0 -113px;}
.fanpai-container {margin:16px 20px;border:1px dashed ;border-radius:8px;position:relative;padding:12px  48px;height:238px;overflow:hidden;}
.fanpai-container .swiper-container {overflow:hidden;width:100%;}
.fanpai-container .swiper-wrapper {font-size:0;text-align:center;display:block;white-space:nowrap;}
.fangPaiSwiper .swiper-slide {border:2px solid ;width:176px!important;height:236px;display:inline-block;margin:0  18px 0 17px;overflow:hidden;border-radius:8px;}
.fangPaiSwiper .swiper-slide .fpthd {height:56px;line-height:56px;font-size:24px;font-weight:bold;}
.fangPaiSwiper .swiper-slide .swiper-stuff img {width:110px;height:110px;display:block;margin:8px auto;border-radius:5px;}
.fangPaiSwiper .swiper-slide .swiper-stuff p {padding:0 10px;font-size:18px;font-weight:bold;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;text-align:center;}
.fangPaiSwiper .swiper-slide .stuff-mask {position:absolute;height:100%;width:100%;background:rgba(0,0,0,0.7);top:0;left:0;display:flex;align-items:center;font-size:14px;flex-direction:column;justify-content:center;white-space:normal;display:none;}
.fangPaiSwiper .swiper-slide:hover .stuff-mask {display:flex;}
.fanpai-container .comm-prev,.fanpai-container .comm-next,.teamSwiper .comm-prev,.teamSwiper .comm-next {top:100px;}
.fanpai-container .comm-prev,.teamSwiper .comm-prev {left:-2px;}
.fanpai-container .comm-next,.teamSwiper .comm-next {right:-2px;}
/*  */
.team-tab {width:316px;height:52px;border:2px solid ;border-radius:4px;margin:30px auto 0;overflow:hidden;text-align:center;font-size:0;}
.team-tab span {width:50%;display:inline-block;font-size:32px;font-weight:bold;line-height:52px;height:52px;cursor:pointer;}
.team-tab span.on {border-radius:4px;}
.teamSwiper {margin:17px auto;padding:0 62px;height:272px;position:relative;}
.teamSwiper .swiper-wrapper {font-size:0;text-align:center;display:block;white-space:nowrap;}
.teamSwiper .swiper-slide {width:180px!important;height:258px;border:1px solid ;;display:inline-block;border-radius:10px;overflow:hidden;margin:0 18px;}
.teamSwiper .swiper-slide .thd-box {height:60px;font-size:24px;font-weight:bold;padding:5px 10px;line-height:32px;}
.teamSwiper .swiper-slide .thd-box img {vertical-align:text-bottom;width:24px;height:24px;display:inline-block;margin:2px 4px;}
.teamSwiper .swiper-slide .thd-box i {font-size:20px;}
.teamSwiper .swiper-slide  .tmgetbox {position:relative;width:100%;height:180px;overflow:hidden;}
.teamSwiper .swiper-slide  .tmgetbox img.tmimg {width:116px;height:116px;border-radius:6px;display:block;margin:27px auto 10px;}
.teamSwiper .swiper-slide  .tmgetbox  .e1 {width:40px;height:40px;position:absolute;top:9px;right:9px;}

.teamSwiper .swiper-slide  .tmgetbox span {text-decoration:underline;font-size:16px;font-weight:bold;cursor:pointer;}
.team-btns {padding:24px 0;text-align:center;height:80px;}
.team-btns span {width:228px;height:80px;background:url('../images/teambtns.png') no-repeat 0 0;display:inline-block;line-height:999;margin:0 10px;cursor:pointer;}
.team-btns span.tmbtn1 {background-position:0 0;}
.team-btns span.tmbtn1:hover {background-position:-233px 0;}
.team-btns span.tmbtn2 {background-position:0 -90px;}
.team-btns span.tmbtn2:hover {background-position:-233px -90px;}
/*  */
.team-status-box {margin:28px 12px;}
.team-status-box .teamprizebox {border-radius:8px;width:480px;overflow:hidden;}
.teamprizebox .tmptab {font-size:0;height:65px;border-radius:5px 5px 0 0;;line-height:65px;text-align:center;}
.teamprizebox .tmptab span {width:50%;display:inline-block;font-size:38px;font-weight:bold;height:65px;cursor:pointer;}
.tmp-content {padding:12px 0;}
.teammakeprizeSwiper {padding:35px 0;position:relative;width:84px;}
.teammakeprizeSwiper .swiper-container {height:276px;}
.teammakeprizeSwiper .swiper-slide {width:60px;height:60px!important;background:#6f6f6f;border-radius:8px;margin:4px auto 5px;position:relative;cursor: pointer;}
.teammakeprizeSwiper .swiper-slide .unlockicon{display: none;}
.teammakeprizeSwiper .swiper-slide.on {background-color:#a0a0a0;}

.teammakeprizeSwiper .swiper-slide svg{width: 40px;height: 40px;display: block;margin:10px;}
/* .teammakeprizeSwiper .swiper-slide::before {content:'';width:40px;height:40px;background:url('../images/lock_icon.png') no-repeat center;position:absolute;left:0;top:0;background-size: 40px 40px;} */
.teammakeprizeSwiper .swiper-slide.unlock.on {opacity: 0.5;filter: alpha(opacity=50);}

.teammakeprizeSwiper .swiper-slide.unlock .unlockicon{display: block;}
.teammakeprizeSwiper .swiper-slide.unlock .lockicon{display: none;}
/* .teammakeprizeSwiper .swiper-slide.unlock::before {background:url('../images/unlock.svg') no-repeat center;background-size:60px 60px;} */
.new-comm-prev,.new-comm-next {position:absolute;cursor:pointer;width:0;height:0;left:16px;}
.new-comm-prev {border-left:25px solid transparent;border-right:25px solid transparent;border-top:25px solid transparent;border-bottom:25px solid ;top:-20px;}
.new-comm-next {border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:25px solid transparent;border-top:25px solid ;bottom:-20px;}
.teammakeprizeShow {width:382px;border:2px solid ;border-radius:8px;height:338px;overflow:hidden;}
.teammakeprizeShow .tpshowhd {height:52px;line-height:52px;position:relative;text-align:center;;font-size:18px;font-weight:bold;}
.teammakeprizeShow .tpshowhd img {width:26px;height:26px;vertical-align: text-top;margin: 0 4px;}
.teammakeprizeShow .tpshowhd span {width:20px;height:20px;border-radius:50%;font-size:16px;font-weight:bold;line-height:20px;position:absolute;right:15px;top:18px;cursor:pointer;}
/* .e1 {border:2px solid #f39800;background-color:#eb6100;color:#fff;}
.e2 {border:2px solid #fefd88;background-color:#ffc029;color:#fff;} */
.tpshow-list {height:286px;overflow:hidden;overflow-y:auto;}
.tpshow-list li {width:106px;height:124px;border-radius:8px;font-size:14px;margin:12px 0 0px 16px;overflow:hidden;text-align:center;line-height:15px;position:relative;float:left;}
.tpshow-list li img {width:80px;height:80px;border-radius:5px;display:block;margin:5px auto;}
.tpshow-list li p {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;}
.tpshow-list li .tp-mask {position:absolute;height:100%;width:100%;background:rgba(0,0,0,0.7);top:0;left:0;display:flex;align-items:center;color:#fff;font-size:14px;flex-direction:column;justify-content:center;white-space:normal;display:none;}
.tpshow-list li:hover .tp-mask {display:flex;}
.teamMembers {width:476px;border-radius:8px;border:2px solid ;overflow:hidden;}
.teamMembers .memberhd {height:65px;line-height:65px;font-size:38px;text-align:center;position:relative;}
.teamMembers .memberhd img {position:absolute;width:36px;height:32px;top:16px;cursor:pointer;}
.teamMembers .memberhd img:hover {opacity:0.8;filter:alpha(opacity=80);}
.teamMembers .memberhd img.set-btn {right:60px;}
.teamMembers .memberhd img.share-btn {right:15px;}
.memberlist {height:368px;position: relative;}
.memberlist ul {height:290px;overflow:hidden;overflow-y:auto;font-size:0;}
.memberlist ul li {width:80px;margin:12px 0 0 12px;position:relative;display:inline-block;vertical-align:top;font-size:16px;}
.memberlist ul li .needicons {height:20px;line-height:20px;font-size:16px;font-weight:bold;}
.memberlist ul li .needicons img {width:18px;height:18px;display:inline-block;margin:0 4px;vertical-align:top;}
.memberlist ul li img.avater {border-radius:50%;height:76px;width:76px;display:block;padding:2px;}
.memberlist ul li.add::after {border:2px solid ;border-radius:50%;height:76px;width:76px;display:block;content:'+';line-height:70px;text-align:center;font-size:50px;font-weight:bold;}
.memberlist ul li p {text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.memberlist ul li .captial {position:absolute;top:58px;left:50%;height: 25px;-webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
       transform: translateX(-50%);}
.memberlist ul li .top {width:24px;height:24px;position:absolute;top:0;right:0;}
.join-teamstatus {height:42px;padding:14px 10px;overflow:hidden;position: absolute;bottom: 0;left: 0;}
.join-teamstatus p {font-weight:bold;font-size:20px;height:50px;line-height:50px;width:240px;float:left;}
.join-teamstatus span {width:106px;height:42px;background:url('../images/members_btn.png') no-repeat 0 0;float:right;margin-top:05px;cursor:pointer;margin-left:2px;}
.join-teamstatus .jolist-btn {background-position:0 0;}
.join-teamstatus .jolist-btn:hover {background-position:0 -55px;}
.join-teamstatus .jovite-btn {background-position:-109px 0;}
.join-teamstatus .jovite-btn:hover {background-position:-109px -55px;}
.join-teamstatus .chnumbsbox {width:246px;font-weight:bold;font-size:20px;float:left;}
.join-teamstatus .update-btn {float:right;width:182px;height:52px;background:url('../images/members_btn.png') no-repeat 0 -106px;}
.join-teamstatus .update-btn:hover {background-position:0 -162px;}
.team-record {height:56px;line-height:56px;padding-left:80px;font-size:20px;font-weight:bold;margin-bottom:12px;}
.team-record .rcdlist-btn {text-decoration:underline;cursor:pointer;float:left;}
.team-record .getstatus-btn {width:140px;height:56px;float:right;background:url('../images/getstatus_btns.png') no-repeat 0 0;margin:0 10px 0 0;cursor:pointer;line-height: 999;overflow: hidden;}
.team-record  .ylq-btn {background-position:0 -75px;}
.team-record  .djcj-btn {background-position:0 -139px;}
.team-record  .lqcj-btn {background-position:0 -202px;}
.team-record  .lqcj-btn:hover {background-position:0 -340px;}
.team-record  .djcj-btn:hover {background-position:0 -277px;}
.ending-box .memberlist {height:435px;}
.ending-box .memberlist ul {height:352px;}
 .memberlist .none-team{padding: 50px 0;text-align: center;font-size: 28px;line-height: 38px;font-weight: bold;}

.toal-prog {text-align:center;font-weight:bold;font-size:26px;line-height:40px;padding:20px 0;}
.pline {border-top:1px dashed ;width:300px;margin:20px auto;}
.bold {font-weight:bold;}
.switch-box {text-align:center;font-size:26px;font-weight:bold;padding:30px 0;}
.switch-box .switch-item {display:inline-block;margin:0 10px;}
.switch-item span {display:inline-block;width:68px;height:35px;padding:2px;position:relative;border-radius:20px;vertical-align:middle;cursor:pointer;background:#ccc;}
.switch-item span i {width:35px;height:35px;background-color:#fff;border-radius:50%;position:absolute;left:2px;top:2px;transition:0.5s left;}
.switch-item span.on i {left:34px;}
.pop-teamname {text-align:center;padding:40px 0;font-size:28px;font-weight:bold;line-height:58px;height:58px;}
.pop-teamname input {height:58px;line-height:58px;border:none;background-color:#fff;border-radius:8px;display:inline-block;vertical-align:middle;width:300px;margin-left:10px;padding:0 10px;font-size:28px;outline:none;color:#a3a3a3;text-align:center;}
.pop-btns .chuangjian-btn,.pop-btns .copyid-btn,.apply-list li .apply-btns span,.pop-search-team .search-tbtn {background:url('../images/new_popbtns2.png') no-repeat 0 0;display:inline-block;}
.pop-btns .chuangjian-btn {width:198px;height:70px;}
.pop-btns .chuangjian-btn:hover {background-position:0 -79px;}
.pop-btns .copyid-btn {background-position:0 -160px;width:198px;height:70px;}
.pop-btns .copyid-btn:hover {background-position:0 -248px;}
.apply-list {min-height:200px;max-height:400px;overflow:hidden;overflow:auto;margin:0 20px 0 20px;padding-right:20px;}
.apply-list li {height:74px;border-radius:8px;padding:8px 5px 8px 10px;overflow:hidden;}

.apply-list li img {width:74px;height:74px;border-radius:50%;background:#7f7f7f;float:left;}
.apply-list li p {margin-left:10px;line-height:74px;float:left;width:390px;font-size:32px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.apply-list li .apply-btns {float:right;width:248px;height:54px;text-align:center;}
.apply-list li .apply-btns span {width:110px;height:54px;margin:10px 5px;cursor:pointer;}
.apply-list li .apply-btns span.aprove-btn {background-position:0 -341px;}
.apply-list li .apply-btns span.aprove-btn:hover {background-position:0 -412px;}
.apply-list li .apply-btns span.reject-btn {background-position:-122px -340px;}
.apply-list li .apply-btns span.reject-btn:hover {background-position:-122px -411px;}
.apply-list li .apply-btns span.rejected-btn {background-position:0 -477px;}
.apply-list li .apply-btns span.aproved-btn {background-position:-122px -477px;}
.pop-lqlist {min-height:200px;max-height:600px;overflow:hidden;overflow:auto;margin:20px 10px 0 20px;padding-right:10px;}
.pop-lqlist li {width:180px;height:232px;border-radius:8px;float:left;margin:0 10px 38px 14px;position:relative;}
.pop-lqlist li img {width:128px;height:128px;display:block;margin:22px auto 0;border-radius:5px;}
.pop-lqlist li p {font-size:20px;margin:10px 24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;text-align:center;font-size:28px;font-weight:bold;line-height:32px;}
.pop-lqlist li .stuff-mask {position:absolute;height:100%;width:100%;background:rgba(0,0,0,0.7);top:0;left:0;border-radius:5px;display:flex;align-items:center;color:#fff;font-size:16px;flex-direction:column;justify-content:center;white-space:normal;display:none;}
.pop-lqlist li:hover .tp-mask {display:flex;}
.pop-search-team {text-align:center;padding:30px 0;overflow:hidden;}
.pop-search-team input {display:inline-block;border:none;outline:none;background-color:#fff;height:60px;line-height:60px;padding:0 20px;width:490px;border-radius:8px;font-size:24px;color:#a3a3a3;vertical-align:middle;text-align:center;}
.pop-search-team .search-tbtn {width:198px;height:70px;background-position:-213px 0;margin-top:6px;vertical-align:middle;margin:0 10px;cursor:pointer;}
.pop-search-team .search-tbtn:hover {background-position:-213px -79px;}
.updateteamlist-btn {text-align:center;padding:20px 0 40px;font-size:36px;font-weight:bold;}
.updateteamlist-btn span {cursor:pointer;}
.updateteamlist-btn svg {width:30px;height:30px;margin:0 8px;display:inline-block;}
.duiwu-list {max-height:300px;overflow:hidden;overflow-y:auto;margin:0 0px 0 20px;padding-right:20px;}
.dwli {overflow:hidden;height:77px;padding:10px;border-radius:8px;font-size:32px;line-height:77px;}
.dwli p {width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;}
.dwli .meb-list {width:410px;float:left;font-size:0;}
.dwli .meb-list span {width:75px;height:75px;display:inline-block;position:relative;background-color:#999;border-radius:50%;position:relative;margin-right:6px;vertical-align:middle;}
.dwli .meb-list span .avater {width:100%;height:100%;border-radius:50%;background-color:#999;display:inline-block;}
.dwli .meb-list span .captial {position:absolute;top:-4px;left:16px;}
.dwli .meb-num {float:left;}
.dwli em {width:110px;height:53px;float:right;background:url('../images/new_popbtns2.png') no-repeat -214px -157px;cursor:pointer;margin-top:14px;}
.dwli em:hover {background-position:-214px -219px;}
.dwli em.hadjoined-btn {background-position:-214px -279px;cursor:default;}
.dwli em.hadjoined-btn:hover {background-position:-214px -279px;}
.serach-result {padding-right:8px;margin:0 20px;}

/* add */
.msg-icon{position: absolute;right:180px;top: 24px;width: 40px;height: 40px;}
.msg-icon svg,.teamMembers .memberhd svg{width: 36px;height: 32px;display: block;cursor: pointer;margin: 0 auto;}
.msg-icon.active::after,.msg-btn.active::after{content: '';width: 8px;height: 8px;border-radius: 50%;background: red;position: absolute;right: 4px;top:0}
.memberhd .msg-icon{right: 100px;top: 16px;}

.svg-box{position: absolute;right: 5px;overflow: hidden;top: 15px;}
.msg-btn{float: left;margin-left: 5px;position: relative;}
.teamMembers .memberhd .set-btn{width: 40px;height: 40px;float: left;margin-left: 5px;}
.teamMembers .memberhd .share-btn{width: 40px;height: 40px;float: left;margin-left: 5px;}
.team-msglist{max-height: 300px;overflow: hidden;overflow-y: auto;margin: 0 0px 0 20px;padding-right: 20px;}
.team-msglist li{height: 60px;line-height: 60px;overflow: hidden;font-size: 24px;}
.team-msglist li p{width: 540px;overflow: hidden;float: left;}
.team-msglist li span{float: right;}
.fs36{font-size: 36px;}

.pop-btns .chuangjian-btn{line-height: 70px;background: url('../images/pop_btns.png') no-repeat 0 0;height: 72px;}
.pop-btns .chuangjian-btn{
  text-shadow: 2px 0 1px #f60, 1px 0 1px #f60, 2px 1px 1px #f60, 1px 1px 1px #f60, 1px 2px 1px #f60, 2px -1px 1px #f60, 1px -1px 1px #f60, 1px -2px 1px #f60, -2px 0 1px #f60, -1px 0 1px #f60, -1px 0 1px #f60, -2px 1px 1px #f60, -1px 1px 1px #f60, -1px 2px 1px #f60, -2px -1px 1px #f60, -1px -1px 1px #f60, -1px -2px 1px #f60;
}
.pop-btns .chuangjian-btn:hover,.pop-btns2 a:hover{color: #fff;background-position: 0 -83px;}
.pop-btns2 a{
  width: 198px; height: 72px;  font-size: 36px; font-weight: bold; text-align: center; display: inline-block;  margin: 0 15px;line-height: 70px;background: url('../images/pop_btns.png') no-repeat 0 0;overflow: hidden;
  text-shadow: 2px 0 1px #f60, 1px 0 1px #f60, 2px 1px 1px #f60, 1px 1px 1px #f60, 1px 2px 1px #f60, 2px -1px 1px #f60, 1px -1px 1px #f60, 1px -2px 1px #f60, -2px 0 1px #f60, -1px 0 1px #f60, -1px 0 1px #f60, -2px 1px 1px #f60, -1px 1px 1px #f60, -1px 2px 1px #f60, -2px -1px 1px #f60, -1px -1px 1px #f60, -1px -2px 1px #f60;
}