@charset "UTF-8";
/* 平方 */
@font-face { font-family: "pingfangmidun"; src: url("../../font/flowSeason/pingfangmediun.TTF"); src: url("../../font/flowSeason/pingfangmediun.TTF") format("truetype"); }

/* 方正真正大黑简体 */
@font-face { font-family: "fangzhenzhendahei"; src: url("../../font/flowSeason/fangzhenzhendahei.ttf"); src: url("../../font/flowSeason/fangzhenzhendahei.ttf") format("truetype"); }

/* 思源黑体 */
@font-face { font-family: "syht"; src: url("../../font/flowSeason/syhtBold.ttf"); src: url("../../font/flowSeason/syhtBold.ttf") format("truetype"); }

html, body { margin: 0; padding: 0; height: auto; overflow-y: inherit; background: linear-gradient(to bottom, #20095e 50%, #aa69ca 100%); font-family: "pingfangmidun"; }

.llcxjWrapper { position: relative; width: 100%; }

.bannerBox { position: relative; }

.bannerBox .logoYD { position: absolute; top: .15rem; left: 0; height: .25rem; width: 2.15rem; height: .49rem; line-height: .49rem; background: rgba(0, 0, 0, 0.5) url(../../images/flowSeason/img_logoWhite.png) no-repeat center center; background-size: 1.56rem .31rem; border-radius: 0 50px 50px 0; -webkit-border-radius: 0 50px 50px 0; -moz-border-radius: 0 50px 50px 0; -ms-border-radius: 0 50px 50px 0; -o-border-radius: 0 50px 50px 0; }

.bannerBox img { display: block; width: 100%; }

.mainBox { margin-top: -1.8rem; padding-bottom: .25rem; }

.mainBox .sideBox .sideTitle { text-align: center; }

.mainBox .sideBox .sideTitle span { position: relative; display: inline-block; padding: 0 1rem; color: #ffe346; font-size: .38rem; font-family: "pingfangmidun"; }

.mainBox .sideBox .sideTitle span::before, .mainBox .sideBox .sideTitle span::after { position: absolute; content: ""; top: calc(50% - .0025rem); width: .86rem; height: .05rem; }

.mainBox .sideBox .sideTitle span::before { left: 0; background: url("../../images/flowSeason/img_titleLt.png") no-repeat; background-size: 100% auto; }

.mainBox .sideBox .sideTitle span::after { right: 0; background: url("../../images/flowSeason/img_titleRt.png") no-repeat; background-size: 100% auto; }

.mainBox .sideBox .sideCont { margin-top: .25rem; position: relative; }

.mainBox .sideBox .tabBox { z-index: 3; position: absolute; top: -0.05rem; right: 0.65rem; width: 3.5rem; height: 0.48rem; display: flex; align-items: center; justify-content: center; }

.mainBox .sideBox .tabBox::after { z-index: 1; position: absolute; left: calc(50% - 50%); bottom: 0; content: ''; width: 100%; height: .13rem; background: #6e1c28; box-shadow: -1px -1px 1px rgba(255, 232, 213, 0.7) inset; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }

.mainBox .sideBox .tabBox .tabList { z-index: 2; position: relative; display: flex; align-items: center; justify-content: center; }

.mainBox .sideBox .tabBox .tabList li { flex: 1; }

.mainBox .sideBox .tabBox .tabList li span { display: inline-block; margin: 0 .05rem; width: 1.62rem; height: .48rem; line-height: .48rem; text-align: center; color: #e12020; font-size: .26rem; font-family: "syht"; background: url("../../images/flowSeason/img_tabBg.png") no-repeat; background-size: 100% 100%; }

.mainBox .sideBox.sideFlow { margin: 0 .3rem; }

.mainBox .sideBox.sideFlow .itemBox .itemTitle { z-index: 2; position: relative; padding: .65rem 0 .05rem; /* height: 1.09rem; */ line-height: 1.09rem; background: url("../../images/flowSeason/img_flow-boxTitle.png") no-repeat; background-size: 100% 100%; }

.mainBox .sideBox.sideFlow .itemBox .itemTitle h3 { text-align: center; font-size: .5rem; color: #fde8c2; font-family: 'fangzhenzhendahei'; }

.mainBox .sideBox.sideFlow .itemBox .itemCont { z-index: 1; position: relative; margin: -.3rem .07rem 0 .085rem; padding: 0.45rem 0.15rem 0.2rem; background: url("../../images/flowSeason/img_flow-boxBg.png") no-repeat; background-size: 100% 100%; background-position: center center; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemInfo { padding: .15rem; /*height: 5rem;*/ background: linear-gradient(to bottom, #ee255e, #c11f14); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; display: flex; align-items: center; justify-content: center; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemList { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; /* display: table; table-layout: fixed; width:100%; text-align: center; */ }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemList li { width: 2.03rem; text-align: center; /* display: inline-table; position: relative; vertical-align: middle; width:2.03rem; */ }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemList li.setWid { flex: 1 1 10%; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemList li.setWid .itemInner { width: 1.43rem; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemList li.setWid .itemRed { transform-origin: left; transform: scale(0.88); -webkit-transform: scale(0.88); -moz-transform: scale(0.88); -ms-transform: scale(0.88); -o-transform: scale(0.88); }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemList li .itemInner { margin: .1rem .05rem; padding: .15rem .1rem .1rem; width: 1.83rem; box-sizing: border-box; background: url("../../images/flowSeason/img_flow-itemBg.png") no-repeat; background-size: 100% 100%; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemList li .itemRed { position: relative; margin: auto; width: 1.38rem; height: 1.51rem; background: url("../../images/flowSeason/img_flow-itemRed.png") no-repeat; background-size: 100% 100%; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemList li .itemRed .itemRedInner { position: absolute; left: calc(50% - 50%); top: 55%; width: 100%; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemList li .itemRed .itemRedInner p { width: 125%; text-align: center; color: #fcf14a; height: 0.3rem; line-height: .3rem; font-size: .25rem; font-family: "syht"; transform-origin: left; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemList li .itemTxt { margin-top: .05rem; text-align: center; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemList li .itemTxt span { position: relative; display: inline-block; padding: 0 .2rem; font-size: .25rem; color: #282828; line-height: 1.1; font-family: "syht"; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemList li .itemTxt span::before, .mainBox .sideBox.sideFlow .itemBox .itemCont .itemList li .itemTxt span::after { position: absolute; content: ""; top: calc(50% - .085rem); width: .17rem; height: .17rem; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemList li .itemTxt span::before { left: 0; background: url("../../images/flowSeason/img_flow-challengeLt.png") no-repeat; background-size: 100% 100%; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemList li .itemTxt span::after { right: 0; background: url("../../images/flowSeason/img_flow-challengeRt.png") no-repeat; background-size: 100% 100%; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed{width:100%;}

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress { position: relative; overflow: hidden; height: 100%;  padding: .2rem .15rem; box-sizing: border-box; background: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pTop { display: flex; padding: 0 .1rem; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pTop .tLt, .mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pTop .tRt { flex: 1; font-size: .28rem; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pTop .tLt span { color: #f01231; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pTop .tRt { flex: .3; font-size: .25rem; text-align: right; color: #f01231; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pCent { position: relative; padding: .25rem .05rem 0; height: .85rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pCent .progressBar { flex: 1; position: relative; height: .33rem; display: flex; align-items: center; justify-content: center; background: linear-gradient(to bottom, #f97823, #fdc265, #f97823); border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pCent .progressBar .barTxt { position: absolute; right: -.3rem; top: -.46rem; width: .64rem; height: .28rem; line-height: .28rem; text-align: center; font-size: .25rem; color: #ff6b21; padding-bottom: .05rem; background: url("../../images/flowSeason/img_progressText.png") no-repeat; background-size: 100% 100%; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pCent .progressBar .barTxt em { display: block; width: 100%; transform: scale(0.65); -webkit-transform: scale(0.65); -moz-transform: scale(0.65); -ms-transform: scale(0.65); -o-transform: scale(0.65); transform-origin: center; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pCent .progressBar .barOut { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: .33rem; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pCent .progressBar .barOut .barOutbg { padding: .07rem .1rem; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pCent .progressBar .barOut .barInner { position: relative; height: .19rem; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pCent .progressBar .barOut .barInner::after { position: absolute; content: ''; right: -.2rem; top: calc(50% - .22rem); width: .44rem; height: .44rem; background: url("../../images/flowSeason/ico_progressMark.png") no-repeat; background-size: 100% 100%; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pCent .progressBar .barOut .barInnerBg { position: relative; width: 100%; height: .19rem; overflow: hidden; background: linear-gradient(to bottom, #ffd8ad, #ffa863, #ffd8ad); border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pCent .progressBar .barOut .barInnerBg .barLine { position: absolute; width: 100%; left: 0; top: calc(50% - .15rem); height: .3rem; background: url(../../images/flowSeason/ico_progressLine.png) repeat-x; background-size: .257rem 100%; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pExplain { display: flex; padding: 0 .1rem; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pExplain .eLt, .mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pExplain .eRt { flex: 1; font-size: .25rem; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pExplain .eLt { color: #a3a3a3; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pExplain .eRt { text-align: right; color: #464646; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pSuccess { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; /* background: rgba(255, 255, 255, 0.5); */ width: 2.41rem;height: 1.17rem;left: calc(50% - 1.201rem);top: calc(50% - .585rem);}

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedProgress .pSuccess img { position: relative; width: 2.41rem; height: 1.17rem; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedSide {position: relative; width:100%; margin-top: .15rem; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedSide .speedTitle h3 { position: relative; font-size: .3rem; font-family: 'fangzhenzhendahei'; color: #fde8c2; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedSide .speedTitle a { height: .3rem; line-height: .3rem; position: absolute; right: 0; top: calc(50% - .15rem); font-size: .25rem; font-weight: normal; font-family: '微软雅黑'; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedSide .speedListslide{position: relative; height:2.4rem;}

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedSide .speedList { /* display: flex; align-items: center; justify-content: center; flex-wrap: wrap */; }

.mainBox .sideBox.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedSide .speedList li {width:2.1rem; /*  flex: 1 1 33.333%; display: flex; align-items: center; justify-content: center;  */}

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedSide .speedList li .speedInner { margin: .1rem; padding: .15rem .1rem .1rem; width: 1.83rem; box-sizing: border-box; background: url("../../images/flowSeason/img_flow-itemBg.png") no-repeat; background-size: 100% 100%; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedSide .speedList li .speedRed { position: relative; margin: auto; width: 1.38rem; height: 1.51rem; background: url("../../images/flowSeason/img_flow-itemRed.png") no-repeat; background-size: 100% 100%; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedSide .speedList li .speedRed .speedRedInner { position: absolute; left: calc(50% - 50%); top: 55%; width: 100%; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedSide .speedList li .speedRed .speedRedInner p { width: 125%; text-align: center; color: #fcf14a; height: 0.3rem; line-height: .4rem; font-size: .32rem; transform-origin: left; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedSide .speedList li .speedTxt { margin-top: .05rem; text-align: center; width: 103%;}

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemSpeed .speedSide .speedList li .speedTxt span { position: relative; display: inline-block; padding: 0 .2rem; font-size: .25rem; color: #da2927; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemNotice { margin-top: .2rem; padding: .15rem; height: .67rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background: url("../../images/flowSeason/img_flow-noticeBg.png") no-repeat; background-size: 100% 100%; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemNotice .itemNoticeInner { position: relative; padding-left: .45rem; height: .45rem; line-height: .45rem; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemNotice .itemNoticeInner .ico_notice { position: absolute; left: 0; top: calc(50% - .15rem); width: .3rem; height: .3rem; background: url("../../images/flowSeason/img_flow-noticeImg.png") no-repeat; background-size: 100% 100%; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemNotice .itemNoticeInner .noticeSlide { position: relative; height: .45rem; overflow: hidden; }

.mainBox .sideBox.sideFlow .itemBox .itemCont .itemNotice .itemNoticeInner .noticeSlide .noticeList li { vertical-align: middle; color: #fff; font-size: .25rem; }

.mainBox .sideBox.sideManghe { margin-top: .25rem; }

.mainBox .sideBox.sideManghe .tabBox { right: 1.05rem; }

.mainBox .sideBox.sideManghe .blindBox { height: 10rem; background: url("../../images/flowSeason/img_mh-boxBg.png") no-repeat; background-size: 100% 100%; }

.mainBox .sideBox.sideManghe .blindBox .blindTitle { z-index: 2; position: relative; padding: .65rem 0 .05rem; height: 1.09rem; line-height: 1.09rem; }

.mainBox .sideBox.sideManghe .blindBox .blindTitle h3 { text-align: center; font-size: .5rem; color: #fde8c2; font-family: 'fangzhenzhendahei'; }

.mainBox .sideBox.sideManghe .blindBox .blindCont { z-index: 1; position: relative; margin: 0.3rem 0.85rem 1.5rem 0.8rem; height: 6rem; }

.mainBox .sideBox.sideManghe .blindBox .blindCont .blindGift { position: relative; height: 3.5rem; }

.mainBox .sideBox.sideManghe .blindBox .blindCont .blindGift .giftList { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }

.mainBox .sideBox.sideManghe .blindBox .blindCont .blindGift .giftList li { flex: 1 1 33.333%; }

.mainBox .sideBox.sideManghe .blindBox .blindCont .blindGift .giftList li.current .giftLight { display: block; }

.mainBox .sideBox.sideManghe .blindBox .blindCont .blindGift .giftList li.current .giftImg { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); background: url("../../images/flowSeason/img_mh-itemGift-current.png") no-repeat; background-size: 100% 100%; }

.mainBox .sideBox.sideManghe .blindBox .blindCont .blindGift .giftList .giftItem { position: relative; height: 1.71rem; }

.mainBox .sideBox.sideManghe .blindBox .blindCont .blindGift .giftList .giftItem .giftShadow { z-index: 1; position: absolute; left: calc(50% - .57rem); bottom: .15rem; width: 1.14rem; height: .25rem; background: url("../../images/flowSeason/img_mh-itemShadow.png") no-repeat; background-size: 100% 100%; }

.mainBox .sideBox.sideManghe .blindBox .blindCont .blindGift .giftList .giftItem .giftLight { display: none; z-index: 2; position: absolute; left: calc(50% - 1.42rem); top: 0; width: 2.84rem; height: 1.47rem; background: url("../../images/flowSeason/img_mh-itemLight.png") no-repeat; background-size: 100% 100%; }

.mainBox .sideBox.sideManghe .blindBox .blindCont .blindGift .giftList .giftItem .giftImg { z-index: 3; position: absolute; left: calc(50% - .875rem); bottom: 0; width: 1.7rem; height: 1.7rem; background: url("../../images/flowSeason/img_mh-itemGift-default.png") no-repeat; background-size: 100% 100%; }

.mainBox .sideBox.sideManghe .blindBox .blindCont .blindNotice { margin-top: .9rem; padding: .15rem; height: .7rem; line-height: .7rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }

.mainBox .sideBox.sideManghe .blindBox .blindCont .blindNotice .blindNoticeInner { position: relative; padding: 0 .25rem; height: .45rem; line-height: .45rem; }

.mainBox .sideBox.sideManghe .blindBox .blindCont .blindNotice .blindNoticeInner .noticeSlide { position: relative; height: .45rem; overflow: hidden; }

.mainBox .sideBox.sideManghe .blindBox .blindCont .blindNotice .blindNoticeInner .noticeSlide .noticeList li { vertical-align: middle; color: #fff; font-size: .25rem; }

.mainBox .sideBox.sideManghe .blindBox .blindCont .blindShare { position: absolute; left: -.35rem; bottom: .1rem; width: 1.4rem; height: .62rem; background: url("../../images/flowSeason/img_mh-btnShare.png") no-repeat; background-size: 100% 100%; }

.mainBox .sideBox.sideManghe .blindBox .blindCont .blindSplit { position: absolute; left: calc(50% - 1.515rem); bottom: .05rem; width: 3.03rem; height: .97rem; background: url("../../images/flowSeason/img_mh-btnSplit.png") no-repeat; background-size: 100% 100%; }

/* 弹框 */
.popDialog { z-index: 999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; }

.popDialog .popItem { width: 6rem; position: relative; background: url("../../images/flowSeason/img_popBg.png") no-repeat; background-size: 100% 100%; }

.popDialog .popClose { z-index: 2; position: absolute; top: -.8rem; right: 0; width: .54rem; height: .54rem; background: url("../../images/flowSeason/img_popClose.png") no-repeat; background-size: 100% 100%; }

.popDialog .popMain { margin: .1rem; padding: .25rem; position: relative; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.popDialog .popCont { position: relative; padding: .25rem 0; font-family: "syht"; }

.popDialog .popTitle { position: absolute; top: -.25rem; left: calc(50% - 2.025rem); width: 4.05rem; height: .75rem; line-height: .75rem; text-align: center; color: #f51b47; font-size: .38rem; font-family: "syht"; background: url("../../images/flowSeason/pop_titleBg.png") no-repeat; background-size: 100% 100%; }

.popDialog .popTitleSub { text-align: center; font-size: .42rem; color: #353535; font-family: "syht"; }

.popDialog .popText { height: 1.7rem; display: flex; align-items: center; justify-content: center; }

.popDialog .popText p { flex: 1; text-align: center; color: #3e3e3e; font-size: .3rem; font-family: "syht"; }

.popDialog .popText p span {color: #f81236;/* font-family: "syht"; */font-weight: bold;}

.popDialog .popBtn { margin-top: .1rem; height: .8rem; display: flex; align-items: center; justify-content: center; }

.popDialog .popBtn li { flex: 1; text-align: center; }

.popDialog .popBtn li button { margin: 0 .05rem; width: 2.55rem; font-size: .36rem; color: #8b3a0f; text-align: center; height: .8rem; line-height: .8rem; color: #8b3a0f; font-family: "syht"; background: #fedc54; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }

.popDialog .popPress { height: .8rem; display: flex; align-items: center; justify-items: center; }

.popDialog .popPress p { flex: 1; text-align: center; color: #fff; font-size: .3rem; font-family: "syht"; }

/* 活动规则 */
.popDialog.popRule .popItem { width: 6.75rem; height: 8.95rem; background: url("../../images/flowSeason/img_pop-ruleBg-dialog.png") no-repeat; background-size: 100% 100%; }

.popDialog.popRule .popClose { top: .15rem; right: .15rem; }

.popDialog.popRule .popMain { padding: .85rem 0.25rem 0; background: none; }

.popDialog.popRule .popTitle { position: relative; left: initial; top: initial; width: 100%; height: .65rem; line-height: .65rem; color: #fff; font-size: .5rem; text-align: center; font-family: "fangzhenzhendahei"; background: none; }

.popDialog.popRule .popCont { padding: 0.4rem 0.25rem 0 0.6rem; }

.popDialog.popRule .contInfo .iTitle { text-align: center; color: #fef0a2; font-size: .38rem; height: .65rem; line-height: .65rem; font-family: "syht"; }

.popDialog.popRule .contInfo .iRule { position: relative; left: -.38rem; margin: auto; width: 5.8rem; height: 5rem; padding: .45rem .5rem 0 .65rem; box-sizing: border-box; background: url("../../images/flowSeason/img_pop-ruleBg-list.png") no-repeat; background-size: 100% 100%; }

.popDialog.popRule .contInfo .iRule .ruleList { height: 4.3rem; overflow: auto; }

.popDialog.popRule .contInfo .iRule .ruleList li { line-height: 1.6; font-family: "syht"; }

.popDialog.popRule .contInfo .popBtn { margin-top: 0; height: auto; }

.popDialog.popRule .contInfo .popBtn li button { width: 1.6rem; height: .48rem; line-height: .5rem; color: #fff; font-size: .32rem; background: #fa941d; }

/* 挑战任务确认 */
.popDialog.popChallenge .popClose { top: .15rem; right: .15rem; }

.popDialog.popChallenge .popMain { background: none; }

.popDialog.popChallenge .popCont { padding: .42rem .2rem 0; }

.popDialog.popChallenge .cItem { display: flex; height: 2.77rem; background: url("../../images/flowSeason/img_pop-itemBg.png") no-repeat; background-size: 100% 100%; }

.popDialog.popChallenge .cItem li { flex: 1; display: flex; align-items: center; justify-content: center; }

.popDialog.popChallenge .cItem li.add { width: .3rem; }

.popDialog.popChallenge .cItem li.add .cItemInner { position: relative; top: .5rem; padding: 0; margin: 0; }

.popDialog.popChallenge .cItem .cItemInner { padding: .15rem; margin: .1rem; }

.popDialog.popChallenge .cItem .cItemInner .iTxt { height: .45rem; line-height: .45rem; text-align: center; font-size: .37rem; color: #da2927; font-family: "syht"; }

.popDialog.popChallenge .cItem .cItemInner .iRed { position: relative; margin: .1rem auto 0; width: 1.59rem; height: 1.76rem; background: url("../../images/flowSeason/img_flow-itemRed.png") no-repeat; background-size: 100% 100%; }

.popDialog.popChallenge .cItem .cItemInner .iRed p { position: absolute; left: calc(50% - 50%); top: 58%; width: 100%; height: .45rem; line-height: .45rem; font-size: .25rem; color: #fcf14a; text-align: center; font-family: "syht"; }

.popDialog.popChallenge .cItem .cItemInner .iRed p span { font-size: .43rem; }

.popDialog.popChallenge .cItem .cItemInner .ico_add { display: inline-block; width: .71rem; height: .71rem; background: url("../../images/flowSeason/ico_add.png") no-repeat; background-size: 100% 100%; }

.popDialog.popChallenge .cExplain { margin-top: .2rem; color: #ffffff; font-family: "syht"; }

.popDialog.popChallenge .cExplain dt { font-size: .3rem; }

.popDialog.popChallenge .cExplain dd { margin-top: .1rem; }

.popDialog.popChallenge .cExplain dd p { line-height: 1.6; font-size: .25rem; }

.popDialog.popChallenge .popBtn { margin-top: .2rem; }

.popDialog.popChallenge .popBtn li button { width: 4.15rem; font-size: .36rem; color: #8b3a0f; text-align: center; height: 1.10rem; line-height: 1.10rem; font-family: "syht"; background: url("../../images/flowSeason/pop_btnBg.png") no-repeat; background-size: 100% 100%; }

.popDialog.popChallenge .cRule { margin-top: .2rem; text-align: center; }

.popDialog.popChallenge .cRule a { font-size: .26rem; color: #fedc54; text-decoration: underline; font-family: "syht"; }

/* 挑战提示 */
.popDialog.popPrompt .popClose { top: .15rem; right: .15rem; }

.popDialog.popPrompt .popMain { background: none; }

.popDialog.popPrompt .popTitleSub { color: #fff; }

.popDialog.popPrompt .popText p { color: #fff; }

.popDialog.popPrompt .popText p span { color: #fff; }

.popDialog.popPrompt .popBtn li button { width: 4.15rem; font-size: .36rem; color: #8b3a0f; text-align: center; height: 1.10rem; line-height: 1.10rem; background: url("../../images/flowSeason/pop_btnBg.png") no-repeat; background-size: 100% 100%; }

/* 挑战成功 */
/* 挑战记录 */
.popDialog.popRecord .popClose { top: .15rem; right: .15rem; }

.popDialog.popRecord .popMain { background: none; padding: .25rem 0 .1rem; }

.popDialog.popRecord .popCont { padding: 0.42rem 0 0; }

.popDialog.popRecord .recordList { max-height: 7rem; overflow: auto; }

.popDialog.popRecord .recordList li { margin: .15rem; padding: .2rem; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.popDialog.popRecord .recordList .recordItem { display: table; table-layout: fixed; width: 100%; }

.popDialog.popRecord .recordList .recordItem_lt, .popDialog.popRecord .recordList .recordItem_rt { display: table-cell; position: relative; vertical-align: middle; font-size: .28rem; color: #3e3e3e; }

.popDialog.popRecord .recordList .recordItem_lt { width: 1.5rem; }

.popDialog.popRecord .recordList .recordItem_rt span { color: #f51b47; }

.popDialog.popRecord .recordList .recordItem_rt span.status { display: inline-block; width: 1.3rem; height: .35rem; line-height: .37rem; font-size: .25rem; color: #8b3a0f; text-align: center; background: #fedc54; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }

/* 挑战规则 */
.popDialog.popSpecificate .popClose { top: .15rem; right: .15rem; }

.popDialog.popSpecificate .popMain { background: none; padding: 0.25rem 0 0.1rem; }

.popDialog.popSpecificate .popCont { padding: 0.42rem 0 0; }

.popDialog.popSpecificate .specificateList { max-height: 7rem; overflow: auto; padding: .2rem; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.popDialog.popSpecificate .specificateList li { line-height: 1.6; font-size: .28rem; color: #3e3e3e; font-family: "syht"; }

/* 盲盒记录做任务 */
.popDialog.popBlind .popItem { position: absolute; width: 100%; left: 0; right: 0; bottom: 0; background: url(../../images/flowSeason/pop_mealBg.png) no-repeat, linear-gradient(135deg, #eeefff, #d8dbff); background-size: 100%; border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; -ms-border-radius: 15px 15px 0 0; -o-border-radius: 15px 15px 0 0; }

.popDialog.popBlind .popClose { top: .15rem; right: .15rem; }

.popDialog.popBlind .popMain { background: none; padding: 0.25rem 0 0.1rem; }

.popDialog.popBlind .popTitle { top: inherit; left: initial; font-size: .56rem; width: 100%; background: none; -webkit-text-fill-color: transparent; -webkit-box-decoration-break: clone; box-decoration-break: clone; background-size: 100% 100%; -webkit-background-clip: text; background-clip: text; background-image: -webkit-gradient(linear, right top, left top, from(#fff3f6), to(#fedc54)); background-image: linear-gradient(270deg, #fff3f6, #fedc54); mask: linear-gradient(45deg, #fff3f6 0%, #fedc54 100%); }

.popDialog.popBlind .popCont { padding: .8rem 0 0; }

.popDialog.popBlind .blindList { max-height: 8.5rem; overflow: auto; }

.popDialog.popBlind .blindList li { margin: .15rem; padding: .2rem; height: 1.5rem; background: #fff; border: 1px solid #cbcdfe; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.popDialog.popBlind .blindList .blindItem { display: table; table-layout: fixed; width: 100%; }

.popDialog.popBlind .blindList .blindItem_lt, .popDialog.popBlind .blindList .blindItem_ct, .popDialog.popBlind .blindList .blindItem_rt { display: table-cell; position: relative; vertical-align: middle; font-size: .28rem; color: #3e3e3e; }

.popDialog.popBlind .blindList .blindItem_lt { width: 1rem; }

.popDialog.popBlind .blindList .blindItem_lt .imgBox { width: .95rem; height: .95rem; padding: .15rem; box-sizing: border-box; background: linear-gradient(to right, #e7cffc, #d0defe); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }

.popDialog.popBlind .blindList .blindItem_lt .imgBox img { display: block; width: 100%; }

.popDialog.popBlind .blindList .blindItem_ct { padding: 0 .1rem; }

.popDialog.popBlind .blindList .blindItem_ct h4 { color: #3a3a3a; font-size: .34rem; line-height: 1.2; }

.popDialog.popBlind .blindList .blindItem_ct p { color: #a3a3b2; font-size: .25rem; line-height: 1.1; width: 104%;transform: scale(.9);transform-origin: left;}

.popDialog.popBlind .blindList .blindItem_rt { width: 1.72rem; }

.popDialog.popBlind .blindList .blindItem_rt button { margin: auto; display: block; width: 1.72rem; height: .6rem; line-height: .6rem; color: #8b3a0f; text-align: center; font-size: .27rem; background: url("../../images/flowSeason/img_popBtnDefault.png") no-repeat; background-size: 100% 100%; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }

.popDialog.popBlind .blindList .blindItem_rt button.btnGray { color: #e1e1e1; background: url("../../images/flowSeason/img_popBtnGray.png") no-repeat; background-size: 100% 100%; }

/* 订购确认弹框 */
.popDialog.popOrder .popItem { width: 100%; position: absolute; left: 0; right: 0; bottom: 0; background: #fff; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; }

.popDialog.popOrder .popClose { position: absolute; top: .25rem; right: .25rem; width: .45rem; height: .45rem; background: url(../../images/flowSeason/ico_close.png) no-repeat; background-size: 100% 100%; }

.popDialog.popOrder .popCont { padding: 0; }

.popDialog.popOrder .popMeal { margin-top: .35rem; text-align: center; font-size: .3rem; color: #353535; height: .45rem; line-height: .45rem; font-family: "pingfangmidun"; }

.popDialog.popOrder .popInfo { position: relative; margin: .35rem .25rem 0; padding: .35rem .2rem; background: #f1e1ff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.popDialog.popOrder .popInfo .iBox { position: relative; min-height: 1rem; display: flex; align-items: center; justify-content: center; }

.popDialog.popOrder .popInfo .iBox .iCont { flex: 1; }

.popDialog.popOrder .popInfo .iBox .num { color: #7918d0; font-size: .45rem; text-align: center; font-family: "fangzhendahei"; }

.popDialog.popOrder .popInfo .iBox .num span { font-size: .73rem; }

.popDialog.popOrder .popTips { margin-top: .35rem; }

.popDialog.popOrder .popTips p { text-align: center; color: #6f6f6f; font-size: .26rem; }
.popDialog#popOrderflow .popTips p { text-align: left!important; font-size: 0.2rem}

.popDialog.popOrder .yyxBtnBox { margin-top: .35rem; padding: 0 .25rem; text-align: center; }

.popDialog.popOrder .yyxBtnBox .btnInner { position: relative; }

.popDialog.popOrder .yyxBtnBox .btnInner button { margin: auto; width: 100%; height: 1.05rem; line-height: 1rem; color: #fff; text-align: center; font-size: .41rem; font-family: "fangzhendahei"; background: linear-gradient(to right, #fedc54, #fedc54); border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }

/* 分享 */
.popDialog.popShare .popItem { background: none; }

.popDialog.popShare .popClose { top: .25rem; right: .25rem; z-index: 1000}

.popDialog.popShare .popMain { padding: 0; background: none; }

.popDialog.popShare .shareImg { width: 100%; height: 100%; }

.popDialog.popShare .shareImg img { display: block; width: 100%; height: 100%; pointer-events: inherit;}

.popDialog.popShare .shareImg .shareTxt { position: absolute; width: 90%; top: 10%; left: calc(50% - 45%); color: #fff; font-size: .41rem; font-family: 'SimHei','黑体'; text-shadow: 0 0 3px #703efe; line-height: 1.4; text-align: center; }

.popDialog.popShare .shareImg .shareTxt span { color: #fdd920; }

.popDialog.popShare .shareImg .codeImg { position: absolute; width: 1.63rem; height: 1.63rem; top: 70%; left: calc(50% - .815rem); }

.popDialog.popShare .shareImg .codeImg img { display: block; width: 100%; height: 100%; pointer-events: inherit;}

.popDialog.popShare .popBtn { margin-top: .2rem; }

.popDialog.popShare .popBtn li button { height: .7rem; line-height: .7rem; font-size: .3rem; background: url("../../images/flowSeason/pop_btnBg.png") no-repeat; background-size: 100% 100%; }

.blindShare{
  z-index: 100;
  position: fixed;
  right: 0.2rem;
  top: 3.8rem;
  width: 0.6rem;
  height: 0.59rem;
  background: url(../../images/flowSeason/img_shareRed.png) no-repeat;
  background-size: 100% 100%;
}

/* by wxc 2022-07-04 增加流量任我享模块*/
.sideBox.enjoy { margin: .25rem 0.3rem 0; }

.sideBox .enjoyCont { min-height: 0.1rem; z-index: 1; position: relative; margin: .2rem 0.07rem 0 0.085rem; padding: 0.15rem; background: url(../../images/flowSeason/img_flow-boxBg.png) no-repeat; background-size: 100% 100%; background-position: center center; }

.sideBox .enjoy_inner { background: linear-gradient(to bottom, #ee255e, #c11f14); border-radius: 10px; padding: 0.2rem 0.1rem; }

.sideBox .bannerSlide { margin: 0 .05rem; }

.sideBox .swiper-pagination-bullet { width: 10px; height: 3px; border-radius: 4px; }

.sideBox .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2px; }

.sideBox .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ab6bf4; }

.sideBox .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; }

.sideBox .quick_item { width: calc(33.3333% - .1rem); text-align: center; border-radius: .2rem; box-shadow: inset 0 0 10px #ff6c4d; background: linear-gradient(#ffd6a2, #fff3f0, #fc956d); padding: .1rem .1rem .2rem; box-sizing: border-box; margin: .1rem .05rem 0; }

.sideBox .quick_item img { width: 1.8rem; }

.sideBox .quick_item button { display: block; min-width: 94%; height: .5rem; box-sizing: border-box; border-radius: .5rem; background: -webkit-linear-gradient(left, #ff403a, #f25631); background: linear-gradient(left, #ff403a, #f25631); color: #fff; margin: .1rem auto 0; font-size: .22rem; }

.speedTips{font-size: .26rem;margin-left: 0.1rem;}

/* 2023/07/04  yqy优化 */

.downApp{background: #fff;position: relative;border-radius: .2rem;margin-top: 0.1rem;padding: .2rem 0;}

.watermark{position: absolute;top: 0;right: 0;}

.watermark img{width: 1.27rem;height: 1.06rem;}

.downApp_title{padding-left: 0.2rem;color: #d22230;font-weight: .3rem;font-weight: 700;}

.downApp_desc {font-size: .24rem;color: #282727;font-weight: 700;padding: 0.1rem 0 0 0.2rem;}

.downApp_desc span {color: #f01231;}

.downApp_inner{position: relative;background: url(../../images/flowSeason/accelerate_bg.png) no-repeat;background-size: 100% 100%;margin: 0.2rem 0.15rem 0 0.15rem;height: 1.5rem;}

.downApp_inner_tag{position: absolute;left: 0;top: 0;background: linear-gradient(45deg,#fff2ae,#ffb659);border-radius: .15rem .2rem .2rem 0;font-size: .2rem;color: #d32232;font-weight: 700;padding: 0 0.1rem;}

.downApp_inner_left{flex: 1;}

.downApp_inner_title{color: #d32232;font-weight: 700;font-size: 0.25rem;margin-top: 0.3rem;margin-left: 0.1rem;}

.downApp_inner_desc{color: #d32232;font-size: 0.23rem;padding: 2px 0 0 .1rem;font-weight: 700;}

.downApp_inner_desc span{font-size: 0.3rem;}

.downApp_inner_desc a{color: #fff;background: #d32232;border-radius: 0.2rem;padding: 0 5px;vertical-align: 2px;}

.downApp_inner_img{width: 1.19rem;margin-right: 0.1rem;}

#tsts {
  margin-top: 16px;
  margin-left: 5px;
  font-size: 14px;
  font-weight: 800;
}

/*#########################下线##############################*/

@charset "UTF-8";
/**
* @created : 2024/2/5
* @author : by zyy
* @desc : 流量畅享季活动下线公告
*/
.noticeBox.posi{
  position:absolute;
  top:.2rem;
  right:.2rem;
  width:5.6rem;
  height:20px;
  line-height:20px;
  background:rgb(255,255,255,.6);
  border-radius:50px;
  -webkit-border-radius:50px;
  -moz-border-radius:50px;
  -ms-border-radius:50px;
  -o-border-radius:50px;
}

.noticeBox.posi .notice{
  height:20px;
  line-height:20px;
}

.noticeBox.posi .notice a{
  color:#ff0002;
  height:20px;
  line-height:20px;
}

.noticeBox{
  z-index:999;
  padding:0 .15rem;
  overflow: hidden;
  /* background:linear-gradient(to right,#fa2d23,#fe7a34); */
  background:url(../../images/flowSeason/ico_noticeBg.png) no-repeat;
  background-size:100% 100%;
}

.noticeBox .notice{
  position: relative;
  margin-left:.5rem;
  height:30px;
  width: 100%;
  line-height:30px;
}
.noticeBox .notice::before{
  position:absolute;
  content:"";
  left:-.45rem;
  top:calc(50% - .16rem);
  width:.32rem;
  height:.32rem;
  background:url(../../images/flowSeason/ico_notice.png) no-repeat;
  background-size:100% 100%;
}
.noticeBox .notice a{
  display:inline-block;
  z-index: 999;
  color:#fff;
  margin-right:.3rem;
  height:30px;
  line-height:30px;
}
.noticeBox .notice .str_wrap{
  background:none;
}

.mainBox img{
  display:block;
  /*width:100%;*/
}

.popDialog.popOutLine{
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}

.popDialog.popOutLine .popItem {
  width: 6.5rem;
  position: relative;
  padding:.15rem;
  background: linear-gradient(45deg, #efb8b9, #c9b0fd);
  border-radius: 20px;
}

.popDialog.popOutLine .popItemInner {
  padding: .2rem;
  background: linear-gradient(45deg, #fdfdf7, #d2dffd);
  border-radius: 20px;
}

.popDialog.popOutLine .popClose {
  z-index: 2;
  position: absolute;
  top: .25rem;
  right: .25rem;
  width: .34rem;
  height: .34rem;
  background: url(../../images/flowSeason/ico_close.png) no-repeat;
  background-size: 100% 100%;
}

.popDialog.popOutLine .popCont {
  margin-top: .25rem;
  position: relative;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.popDialog.popOutLine .popCont .contTxt {
  padding: 0 .2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 1.5rem;
}

.popDialog.popOutLine .popCont .contTxt .contTxtInfo {
  flex: 1;
}

.popDialog.popOutLine .popCont .contTxt p {
  font-size: .3rem;
  text-align: left;
  color: #333333;
  text-indent:1.5em;
}

.popDialog.popOutLine .popExplain {
  margin-top: .45rem;
  font-size: .25rem;
  color: #999999;
}

.popDialog.popOutLine .popBtn {
  margin-top: .25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block: 0.25rem;
}

.popDialog.popOutLine .popBtn button {
  margin: auto;
  width: 5.23rem;
  height: 1.1rem;
  line-height: 1.1rem;
  font-size: .34rem;
  color: #fff;
  border: 0 none;
  background:url("../../images/flowSeason/img_popBtnBg.png") no-repeat;
  background-size:100% 100%;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}


/*Plugin CSS*/
.str_wrap {
  overflow:hidden;
  zoom:1;
  margin-left: 0.1rem;
  width:100%;
  font-size:12px;
  line-height:16px;
  position:relative;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  background:#f6f6f6;
  white-space:nowrap;
}

.str_wrap.str_active {
  background:#f1f1f1;
}
.str_move {
  white-space:nowrap;
  position:absolute;
  top:0;
  left:0;
  cursor:move;
}
.str_move_clone {
  display:inline-block;
//display:inline;
//zoom:1;
  vertical-align:top;
  position:absolute;
  left:100%;
  top:0;
}
.str_vertical .str_move_clone {
  left:0;
  top:100%;
}
.str_down .str_move_clone {
  left:0;
  bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
  white-space:normal;
  width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
  cursor:inherit;
}
.str_wrap img {
  max-width:none !important;
}