body{margin:0; padding: 0; background-color:#f6f7f8; font-size:14px; font-family:arial; font:normal 14px/20px; color: #000;}
html,body{-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); height:100%; overflow:auto;}
li{list-style-type:none ;}
a,a:hover{text-decoration: none; color: #333;}
a:hover{}
p{margin: 0; padding: 0;}
ul,li{margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{margin:0; padding: 0; font-weight: normal;}
button,input{outline: none; -webkit-appearance:none; box-shadow:inset 0 0 0 rgba(0,0,0,0); -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-app-region:none;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0; margin:0;}
input[type=checkbox],input[type=radio]{-webkit-appearance: none;border:0; outline:none; appearance: none;margin: 0;cursor: pointer;vertical-align:middle;background: url(/static/img/no-checked-icon.png) no-repeat; width:0.5625rem; height:0.5625rem; background-size:0.5625rem 0.5625rem; display:inline-block;}
input[type=checkbox]:active,input[type=radio]:active {border:0px;}              
input[type=checkbox]:hover {border:0px;}
input[type=checkbox]:checked,input[type=radio]:checked {background: url(/static/img/checked-icon.png) no-repeat; width:0.5625rem; height:0.5625rem; background-size:0.5625rem 0.5625rem; outline:none; border-radius:0.5rem; display:inline-block;border:0; background-color: #fff;}
input[type=checkbox]:checked::after,input[type=radio]:checked::after {content: url(/static/img/checked-icon.png) no-repeat; display:none; position: relative;outline:none; top: 0px;right: 0px;left: 0px;border:0;       }
.mainContainer{padding-bottom:1.3125rem;}


/*菜单*/
.tabBar{background:#fff; box-shadow:0 0 0.5rem rgba(0,0,0,0.05); position:fixed; bottom:0; left:0; right:0; z-index:999; display:flex; align-items:center; height:1.3125rem;}
.tabBarItem{flex:1; text-align:center;}
.tabBarItem a{display:block; font-size:0.25rem; color:#000;}
.tabBarItem a label{display:block; margin:0 auto;}
.tabBarItem a span{display:block;}
.tabBarItem a.active{color:#0054ff;}
.home{background:url(/static/img/menuHome.png) no-repeat; width:0.5625rem; height:0.5625rem; background-size:0.5625rem 0.5625rem;}
.tabBarItem a.active .home{background:url(/static/img/menuHomeActive.png) no-repeat; width:0.5625rem; height:0.5625rem; background-size:0.5625rem 0.5625rem;}
.user{background:url(/static/img/menuUser.png) no-repeat; width:0.5625rem; height:0.5625rem; background-size:0.5625rem 0.5625rem;}
.tabBarItem a.active .user{background:url(/static/img/menuUserActive.png) no-repeat; width:0.5625rem; height:0.5625rem; background-size:0.5625rem 0.5625rem;}
.home-swiper{width:calc(100% - 0.0rem); padding:0.3125rem 0.3125rem 0 0.3125rem; background:#fff;}
.swiper-container{width:100%;}
.swiper-slide{text-align:center; border-bottom:0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.swiper-slide img{width:100%; height: auto;display: block; border-radius:0rem;}
.swiper-pagination-bullet{width:0.1625rem; height:0.1625rem; display:inline-block; border-radius:0.25rem; background:#000; opacity:0.3;}
.swiper-pagination-bullet-active{background-color:#fff; width:0.1625rem; opacity:0.8;}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 2px;}
.swiper-container-horizontal>.swiper-pagination{bottom:5px;}
.swiper-banner .swiper-wrapper .swiper-slide{width:100%;}
.swiper-banner .swiper-wrapper .swiper-slide img{width:100%; border-radius:0.125rem;}

.liveTopicsWapper{background:#fff; margin-bottom:0.25rem; border-radius:0.25rem;}
.liveTitle{font-weight:bold; font-size:0.4375rem; padding:0 0.3125rem; line-height:1.125rem;}
.liveTopicsList{padding:0 0.3125rem;}
.liveTopicsItem{position:relative;}
.liveTopicsImg{position:relative;}
.liveTopicsImg img{display:block; width:100%; border-radius:0.125rem;}
.liveState{position:absolute; left:0; top:0;}
.liveState img{height:0.5rem; display:block; border-radius:0.125rem 0 0.125rem 0;}
.liveTopicsCenter{padding:0.125rem 0 0.25rem 0;}
.liveTopicsCenter h4{font-weight:bold; font-size:0.375rem; text-align:justify; overflow:hidden;}
.liveTopicsCenter h5{font-weight:bold; font-size:0.375rem; text-align:justify; overflow:hidden; white-space:nowrap;}
.liveTopicsCenter p{display:flex; align-items:center; font-size:0.3125rem; color:#555a5e; line-height:0.5rem; margin-top:0.0625rem;}
.liveTopicsCenter p span{margin-right:0.25rem; display:flex; align-items:center;}
.liveTopicsCenter p span:last-of-type{margin-right:0;}
.liveTopicsCenter p b{font-size:0.375rem; color:#0054ff; padding:0 0.125rem;}
.hotIcon{background:url(/static/img/hotIcon.png) no-repeat; width:0.375rem; height:0.375rem; background-size:0.375rem 0.375rem;}
.liveCrosswise{padding:0 0.3125rem; white-space:nowrap; overflow:auto; -webkit-overflow-scrolling: touch; font-size:0;}
.liveCrosswiseItem{display:inline-block; width:4.125rem; margin-left:0.3125rem; position:relative;}
.liveCrosswiseItem:first-child{margin:0;}
.liveSmall{padding:0 0.3125rem; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content: space-between;}
.liveSmallItem{position:relative; width:calc(50% - 0.15rem);}
.liveBig{padding:0 0.3125rem 0.3125rem 0.3125rem;}
.liveBigItem{position:relative;}
.liveBigItem .liveTopicsCenter{position:absolute; border-radius:0 0 0.125rem 0.125rem; display:flex; align-items:center; justify-content: space-between; padding:0.5rem 0.3125rem 0.25rem 0.3125rem; color:#fff; left:0; right:0; bottom:0; background:linear-gradient(to bottom ,transparent ,rgba(0,0,0,0.6));}
.liveBigItem .liveTopicsCenter p{color:#fff;}
.liveBigItem .liveTopicsCenter p b{color:#ff0000;}

.liveContainer{padding-bottom:1.625rem;}
.liveIntroTop{background:#fff; position:relative;}
.liveIntroRadio{height:5.625rem; overflow:hidden;}
.liveIntroRadio img{width:100%; display:block;}
.liveIntroRadio video{width:100%; height:100%; display:block;}
.liveIntroTitle{padding:0.3125rem; background:#FFF;}
.liveIntroTitle h4{font-weight:bold; font-size:0.4375rem; text-align:justify; overflow:hidden;}
.liveIntroTitle p{display:flex; align-items:center; font-size:0.3125rem; color:#555a5e; line-height:0.5rem; margin-top:0.125rem;}
.liveIntroTitle p span{margin-right:0.25rem; display:flex; align-items:center;}
.liveIntroTitle p span:last-of-type{margin-right:0;}
.liveIntroTitle p b{font-size:0.375rem; color:#0054ff; padding:0 0.125rem;}
.liveIntroTitle p i img{height:0.5rem; display:block; border-radius:0.0625rem; margin-right:0.25rem;}
.liveIntroTips{position:absolute; right:0.3125rem; bottom:0.3125rem;}
.liveIntroTips button{background:#0054FF; color:#fff; border:0; font-size:0.34375rem; width:2.0rem; height:0.75rem;}
.liveIntroShareRank{background:#fff; margin:0.25rem 0; display:flex; align-items:center; justify-content: space-between; font-size:0.375rem; padding:0.3125rem;}
.liveIntroShareRankRh{display:flex; align-items:center; font-size:0.34375rem;}
.liveIntroShareRankUser{display:flex; align-items:center;}
.liveIntroShareRankUserItem{margin-right:0.125rem;}
.liveIntroShareRankUserItem img{width:0.5625rem; display:block; border-radius:0.5rem;}
.liveIntroInfo{background:#FFFFFF; margin:0.25rem 0; padding:0.3125rem;}
.liveIntroInfoTitle{font-size:0.40375rem; font-weight:bold;}
.liveIntroInfoText{padding:0.125rem 0 0 0; font-size:0.375rem; color:#556655; text-align:justify;}
.liveIntroInfoText p{margin-top:0.125rem;}
.liveIntroPd{background:#fff; padding:0.3125rem; display:flex; align-items:center; justify-content: space-between;}
.liveIntroPdImg{width:2.5rem;}
.liveIntroPdImg img{width:100%; display:block;}
.liveIntroPdCent{width:calc(100% - 3.25rem);}
.liveIntroPdName{font-size:0.375rem; font-weight:bold;}
.liveIntroPdName b{color:#0054FF;}
.liveIntroPdNum{ font-size:0.3125rem; color:#555a5e; margin-top:0.375rem;}
.liveIntroPdRh{font-size:0.34375rem;}
.liveIntroNumChart{background:#fff; position:relative; display:flex; align-items:center; justify-content: space-between; padding:0.3125rem;}
.liveIntroNumChart::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; pointer-events:none; border-top:1px #e6e6e6 solid; transform: scale(0.5); transform-origin: 0 0;}
.liveIntroNumChartItem b{display:block; text-align:center; font-size:0.40375rem; color:#0054FF;}
.liveIntroNumChartItem span{display:block; text-align:center; font-size:0.34375rem; color:#555a5e;}
.liveFloatBtn{position:fixed; left:0.3125rem; display:flex; align-items:center; justify-content: space-between; right:0.3125rem; z-index:9; top:0.3125rem;}
.liveFloatBtn button{height:0.75rem; display:flex; align-items:center; justify-content:center; border:0; border-radius:1.0rem; }
.liveFloatBtn button label{display:block; text-align:center; font-size:0.5rem;}
.liveFloatBtn button span{display:block; text-align:center; font-size:0.3125rem; position:relative;}
.liveFloatBtn button.shareBtn{background:#0054FF; color:#fff; padding:0 0.25rem;}
.liveFloatBtn button.homeBtn{background:rgba(0,0,0,0.5); width:0.75rem;  color:#fff; box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.1);}
.liveIntroBot{position:fixed; bottom:0; left:0; right:0; display:flex; background:#fff; box-shadow:0 0 0.3125rem rgba(0,0,0,0.06); z-index:99; padding:0.25rem 0.3125rem;}
.liveIntroBot button{background:#0054FF; border:0; color:#fff; border-radius:0.125rem; width:100%; font-size:0.375rem; height:1.125rem;}
.liveIntroBot button.cancle{background:#eee; color:#666; margin-right:0.25rem; width:3.5rem !important;}
.shareBanner img{width:100%; display:block;}
.shareUser{background:#fff; padding:0.3125rem; display:flex; align-items:center; justify-content: space-between; margin-bottom:0.25rem;}
.shareUserImg img{width:1.5rem; display:block; border-radius:1.0rem;}
.shareUserInfo{width:calc(100% - 3.5rem);}
.shareUserInfo h4{font-size:0.375rem;}
.shareUserInfo p{font-size:0.34375rem; color:#555a5e; margin-top:0.1625rem;}
.shareUserInfo p b{color:#0054FF;}
.shareUserBtn button{background:#0054FF; border:0; color:#fff; font-size:0.34375rem; width:1.5rem; height:0.75rem;}
.shareList{background:#fff;}
.shareItem{position:relative; padding:0.3125rem; display:flex; align-items:center; justify-content: space-between;}
.shareItem::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; pointer-events:none; border-top:1px #e6e6e6 solid; transform: scale(0.5); transform-origin: 0 0;}
.shareItem:first-child::after{border:0;}
.shareRankNum{width:0.625rem; font-size:0.375rem; text-align:center;}
.shareRankNum img{width:0.5625rem; display:block;}
.shareRankImg img{width:1.0rem; display:block; border-radius:100%;}
.shareRankName{width:calc(100% - 5.5rem); font-size:0.40375rem;}
.shareRankMum{width:3.0rem; text-align:right; font-size:0.34375rem; color:#555a5e;}
.shareRankMum b{color:#0054FF;}

.detailContainer{height:100%;}
.tabs{background:#fff; display:flex; align-items:center; height:1.125rem;}
.tabsItem{flex:1; font-size:0.375rem; text-align:center; display:flex; align-items:center; justify-content:center;}
.tabsItem.active a{color:#0054FF; position:relative; font-weight:bold; display:block; height:1.125rem; line-height:1.125rem;}
.tabsItem.active a:after{content:""; position:absolute; bottom:0; width:100%; left:0; height:2px; background-color:#0054FF;}
.liveTabPane{display:none; height:100%; overflow:auto; -webkit-overflow-scrolling:touch;  position:relative;}
.liveTabCont{height:calc(100% - 6.75rem);}
.liveTabCont div.show{display:block;}
.liveTabPane.active{display:block;}
.wechatBox{padding-bottom:0; height:calc(100% - 1.625rem); overflow:auto; -webkit-overflow-scrolling:touch;}
.wechatItem{padding:0.3125rem;}
.wechatTime{text-align:center; font-size:0.3125rem; color:#999;}
.wechatUser{display:flex; align-items:flex-start; margin-top:0.25rem;}
.wechatUserImg{width:1.125rem; margin-top:0.0625rem;}
.wechatUserImg img{width:1.125rem; display:block; border-radius:0.125rem;}
.wechatUserRh{margin-left:0.25rem; max-width:calc(100% - 2.5rem);}
.wechatUserName{font-size:0.40375rem; color:#666;}
.wechatUserInfo{display:flex; align-items:center;}
.wechatUserText{background:#fff; text-align:justify; border-radius:0 0.25rem 0.25rem 0.125rem; margin-top:0.125rem; padding:0.1875rem 0.3125rem; font-size:0.375rem;}
.wechatUserText span{}
.wechatUserText img{width:0.625rem; vertical-align:middle;}
.wechatItem.myself .wechatUser{justify-content: flex-end;}
.wechatItem.myself .wechatUserRh{margin:0 0.25rem 0 0;}
.wechatItem.myself .wechatUserName{text-align:right;}
.wechatItem.myself .wechatUserText{border-radius:0.25rem 0 0.125rem 0.25rem; background:#0054FF; color:#fff;}
.wechartDelete{width:0.875rem; height:0.875rem; margin:0 0.25rem; background:#fff; color:#334455; border-radius:100%; text-align:center; font-size:0.5rem; line-height:0.875rem;}
.wechatBot{bottom:0; left:0; right:0; position:fixed; z-index:2; box-shadow:0 0 0.375rem rgba(0,0,0,0.05); background:#fff; display:flex; align-items:center; padding:0.25rem 0; flex-wrap:wrap;}
.wechatEmoji{font-size:1.0rem; width:1.5rem; text-align:center;}
.wechatTextare{width:calc(100% - 2.0rem);margin-left: 0.2rem;}
.wechatTextare input{background:#f5f6f7; border:0; width:100%; height:1.0rem; border-radius:1.0rem; padding:0 0.25rem; font-size:0.375rem;}
.wechatSend button{width:1.5rem; text-align:center; border:0; background:transparent; color:#0054FF; height:1.0rem; font-size:0.375rem;}
.faceBox{font-size:0; align-items:center; justify-content: space-between; flex-wrap:wrap; opacity:0; height:0; transition: all 0.3s ease-in-out 0s; pointer-events:none; padding:0; overflow:auto; -webkit-overflow-scrolling:touch; }
.faceBox.show{height:4.625rem; pointer-events:auto; opacity:1.0; padding:0 0.125rem 0.3125rem 0.125rem; }
.faceItem{width:1.215rem; margin:0.375rem 0 0 0; display:inline-block;}
.faceItem img{width:0.75rem; display:block; margin:0 auto;}
.liveChatBtn{position:fixed; right:0.3125rem; bottom:7.0rem;}
.invite{background:url(/static/img/inviteIcon.png) no-repeat; border-radius:1.0rem; display:block; width:1.125rem; height:1.125rem; background-size:1.125rem 1.125rem; border:0;}
.zan{background:url(/static/img/zanIcon.png) no-repeat; border-radius:1.0rem; color:#0054FF; font-size:0.375rem; line-height:2.875rem; display:block; margin-top:0.25rem; width:1.125rem; height:1.125rem; background-size:1.125rem 1.125rem; border:0;}
.liveDetailFloat{position:fixed; z-index:9; left:0.3125rem; top:0.3125rem; display:flex; align-items:center;}
.liveDetailHome button{background:rgba(0,0,0,0.4); border:0; border-radius:100%; width:0.75rem; height:0.75rem; color:#fff; font-size:0.5rem;}
.liveDetailPlayTime{background:rgb(0,0,0,0.4); margin-left:0.25rem; font-size:0.375rem; border-radius:1.0rem; padding:0 0.25rem; color:#fff; display:flex; align-items:center; height:0.75rem;}
.liveDetailPlayTime label{font-size:0.5rem;}
.pictureLive{display:flex; flex-wrap:wrap; padding:0.125rem;}
.livePhotoBox .photoChecked{display:none;}
.livePhotoBox .liveIntroBot{opacity:0; height:0; pointer-events:none;}
.livePhotoBox.photoDownload .photoChecked{display:block;}
.livePhotoBox.photoDownload .liveIntroBot{opacity:1.0; height:auto; pointer-events:auto;}
.livePhotoBox.photoDownload .actionBar{display:none;}
.pictureLiveItem{width:calc(33.33% - 4px); height:3.0rem; margin:2px; overflow:hidden; position:relative;}
.pictureLiveItem img{height:100%; display:block;}
.pictureLiveItem span{position:absolute; font-size:0.3125rem; border-radius:0 0 0 0.5rem; width:0.625rem; line-height:0.5rem; height:0.5rem; text-align:right; padding-right:0.125rem; right:0; top:0; background:#000; color:#fff;}
.photoChecked{position:absolute; z-index:2; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); padding:0.25rem;}
.photoChecked.active{background:transparent;}
.inChecked{background:url(/static/img/checked-icon.png) no-repeat; width:0.625rem; height:0.625rem; background-size:0.625rem 0.625rem;}
.noChecked{background:url(/static/img/no-checked-icon.png) no-repeat; width:0.625rem; height:0.625rem; background-size:0.625rem 0.625rem;}
.photoChecked .inChecked{display:none;}
.photoChecked.active .inChecked{display:block;}
.photoChecked.active .noChecked{display:none;}

.prizeList{background:url(/static/img/prizeListBg.png); position: relative; height:8.5rem; background-size:100% 8.5rem; margin:0.3125rem; overflow:hidden; padding:0.525rem 0.5rem 0.3125rem 0.5rem; border-radius:0.25rem; display:flex; flex-wrap:wrap; justify-content:space-between;}
.prizeItem{background:#fff; box-shadow:0 0.1625rem 0 rgba(255,218,194,1.0); border-radius:0.1625rem; width:32%; margin-bottom:0.375rem; padding:0.25rem 0 0 0;}
.prizeItem.active{background:#fff3d9; border-bottom:0; box-shadow:0 0.1625rem 0 rgba(255,200,122,1.0);}
.prizeItem:nth-of-type(5){margin-left:2.0rem;}
.prizeImg img{width:46%; display:block; margin:0 auto;}
.prizeName{text-align:center; margin-top:0.0625rem; font-size:0.3125rem; color:#e6483c;}
.drawBtn{background:url(/static/img/drawBtn.png); position:absolute; left:3.3125rem; top:3.0625rem; background-size:cover; display:flex; align-items:center; width:2.75rem; height:2.375rem; border-radius:0.25rem; margin-bottom:0.1875rem;}
.drawBtn button{width:100%; background:transparent; padding:0 0.625rem; border:0; color:#fff; text-align:center; font-size:0.5625rem; font-weight:bold;}
.photoAlbumVBtn{position:fixed; right:0.0rem; z-index:9; bottom:3.0rem; }
.photoAlbumVBtn button{border:0; width:1.25rem; text-align:center; height:1.25rem; background:rgba(0,0,0,0.7); color:#fff; padding:0 0.25rem;}
.lotteryDraw{background:#DC2A2A url(/static/img/draw_bg.jpg) no-repeat; width:100%; min-height:100%; background-size:100% auto; padding-bottom:1.5rem;}
.lotteryDrawTop{display:flex; align-items:center; justify-content: space-between; padding:0.375rem 0.25rem 0 0.25rem;}
.lotteryDrawTop button{flex:1; border:0; background:#FF7765; font-size:0.375rem; margin:0 0.125rem; border-radius:0.125rem; height:1.125rem; color:#ffe2b5;}
.lotteryDrawPrize{margin:0.3125rem 0.3125rem 0 0.3125rem; border-radius:0.3125rem; }
.lotteryDrawPrizeCont{}
.lotteryDrawPrizeTitle{color:#ffe09d; align-items:center; justify-content:center; position:relative; padding-left:0.3125rem; font-size:0.40375rem; font-weight:bold;}
.lotteryDrawPrizeTitle span{background:url(/static/img/lotteryDrawPrizeTitle.png); font-weight:bold; text-align:center; width:2.78125rem; line-height:0.75rem; background-size:2.78125rem 0.75rem;  font-size:0.40375rem; border-radius:0 0 0.125rem 0.125rem;}
.lotteryDrawPrizeTitle::before{content:""; position:absolute; left:0; top:0.0625rem; bottom:0.0625rem; width:0.125rem; background:#ffe09d;}
.lotteryDrawPrizeList{white-space:nowrap; overflow:auto; -webkit-overflow-scrolling:touch; font-size:0; margin-top:0.125rem; }
.lotteryDrawPrizeItem{background:rgba(0,0,0,0.1); position:relative; overflow:hidden; padding:0.1625rem; width:2.925rem; margin-left:0.1625rem; border-radius:0.25rem; display:inline-block;}
.lotteryDrawPrizeItem:first-child{margin:0;}
.lotteryDrawPrizeGood img{width:100%; display:block; border-radius:0.125rem;}
.lotteryDrawPrizeName{font-size:0.2875rem; margin-top:0.125rem; color:#ffefcd; white-space:nowrap; overflow:hidden; text-align:justify;}
.lotteryDrawPrizeLevel{text-align:center; font-size:0.3125rem; padding:0 0.25rem; border-radius:0.125rem 0 0.5rem 0; height:0.5875rem; line-height:0.625rem; left:0.1625rem; top:0.1625rem; background:#ffe09d; color:#DC2A2A; position:absolute;}
.lotteryDrawRules{padding:0.5rem 0.3125rem; color:#ffe09d; font-size:0.40375rem;}
.lotteryDrawRules h4{font-weight:bold; position:relative; padding-left:0.3125rem;}
.lotteryDrawRules h4::before{content:""; position:absolute; left:0; top:0.0625rem; bottom:0.0625rem; width:0.125rem; background:#ffe09d;}
.lotteryDrawRules p{margin-top:0.1625rem; font-size:0.34375rem;}
.lotteryDrawBtn{position:fixed; left:0.3125rem; bottom:0.3125rem; right:0.3125rem;}
.lotteryDrawBtn button{width:100%; height:1.25rem; border:0; color:#DC2A2A; font-size:0.4375rem; border-radius:0.125rem; background:linear-gradient(to top,#ff9649,#ffca65);}
.lotteryDrawBtn button:disabled{background:#c61414; color:rgba(255,255,255,0.7); }
.liveDetailIntro{margin-top:0.0rem;}

.listContainer{height:100%;}
.liveListCont{margin-top:0.25rem; height:calc(100% - 7.75rem);}
.liveListCont .liveTabCont{height:calc(100% - 1.125rem); background:#fff;}
.liveItem{display:flex; padding:0.3125rem; position:relative;}
.liveItem .liveState{left:0.3125rem; top:0.3125rem;}
.liveItem::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; pointer-events:none; border-top:1px #e6e6e6 solid; transform: scale(0.5); transform-origin: 0 0;}
.liveItemImg{width:3.25rem; height:2.125rem; overflow:hidden; border-radius:0.125rem;}
.liveItemImg img{height:100%; display:block; border-radius:0.125rem;}
.liveItemCenter{width:calc(100% - 3.5rem); margin-left:0.25rem;}
.liveItemCenter h4{font-weight:bold; font-size:0.375rem; text-align:justify; overflow:hidden;}
.liveItemCenter h5{font-weight:bold; font-size:0.375rem; text-align:justify; overflow:hidden; white-space:nowrap;}
.liveItemCenter p{display:flex; align-items:center; font-size:0.3125rem; color:#555a5e; line-height:0.5rem; margin-top:0.0625rem;}
.liveItemCenter p span{margin-right:0.25rem; display:flex; align-items:center;}
.liveItemCenter p span:last-of-type{margin-right:0;}
.liveItemCenter p b{font-size:0.375rem; color:#0054ff; padding:0 0.125rem;}
.liveZoneIntro{position:relative;}
.liveZoneIntro::after{content:""; position:absolute; left:0; top:0; width:200%; height:200%; pointer-events:none; border-top:1px #e6e6e6 solid; transform: scale(0.5); transform-origin: 0 0;}
.liveZoneIntro .liveIntroInfo{margin:0;}
.actionBar{position:fixed; right:0.3125rem; bottom:3.0rem; z-index:99;}
.entranceTv button{width:1.25rem; padding:0.25rem 0; background:linear-gradient(135deg, #00ABFF 0%, #006CFF 100%); color:#fff; border:0; border-radius:1.0rem; font-size:0.3125rem;}
.liveIcon{background:url(/static/img/liveIcon.gif) no-repeat;  margin:0 auto; width:0.625rem; height:0.625rem; background-size:0.625rem 0.625rem; display:block;}
.entranceTv button span{display:block; margin-top:0.0625rem;}

.entranceDownload{background:linear-gradient(180deg, #ECF4FF 0%, #E6F6FF 100%); border-radius:1.0rem; margin-top:0.25rem;}
.entranceDownload button{background:transparent; border:0; width:1.25rem; color:#0054FF; padding:0.125rem 0;}
.entranceDownload button label{display:block; font-size:0.625rem;}
.entranceDownload button span{display:block; font-size:0.3125rem;}


.userContainer{background:#f1f6fa url(/static/img/userBg.jpg) no-repeat; width:100%; background-size:100% auto; min-height:100%; padding-bottom:1.5rem;}
.userTop{padding:0.75rem 0.3125rem; display:flex; align-items:center; justify-content: space-between; position:relative;}
.userInfoImg{width:1.875rem; overflow:hidden; border-radius:100%; border:2px #fff solid;}
.userInfoImg img{width:100%; display:block; }
.userInfo{margin-left: 0.25rem;width:calc(100% - 2.25rem);}
.userName{font-size:0.4375rem; font-weight:bold;}
.userVip{margin-top:0.125rem; font-size:0.34375rem; color:#333;}
.userVip img{width:1.5rem; display:block;}
.userRh{font-size:0.375rem;}
.userWallet{padding:0 0.3125rem 0.3125rem 0.3125rem; display:flex; justify-content:space-between;}
.userWalletItem a{display:block; text-align:center;}
.userWalletItem b{font-size:0.5rem; display:block;}
.userWalletItem span{color:#556677; display:block; font-size:0.34375rem; margin-top:0.0625rem;}
.userBlock{background:#fff; border-radius:0.125rem; margin:0.2875rem 0.3125rem;}
.userLineNavItem{display:flex; align-items:center; height:1.25rem;}
.userLineNavItem a{flex:1; padding:0 0.3125rem; height:1.25rem; display:flex; align-items:center; justify-content:space-between;}
.userLineNavTitle{display:flex; align-items:center;}
.userLineNavTitle i{width:0.5rem; display:block;}
.userLineNavTitle i img{width:0.5rem; display:block;}
.userLineNavTitle span{font-size:0.375rem; margin-left:0.1625rem;}
.userLineNavRight{font-size:0.3125rem;}
.userLiveBox{background:#fff; margin:0.2875rem 0.3125rem; border-radius:0.125rem;}
.userLiveTitle{display:flex; align-items:center; justify-content: space-between; padding:0.3125rem; font-size:0.3125rem;}
.userLiveTitle span{font-weight:bold; font-size:0.40375rem;}
.userLiveList{padding:0 0.3125rem 0.3125rem 0.3125rem;}
.userLiveItem{display:flex; align-items:flex-start; overflow:hidden; position:relative; margin-bottom:0.3125rem;}
.userLiveItem:last-child{margin-bottom:0;}
.userLiveImg{width:3.0rem; height:2.0rem; overflow:hidden; border-radius:0.125rem;}
.userLiveImg img{height:2.0rem; display:block;}
.userLiveInfo{margin-left:0.25rem; width:calc(100% - 3.25rem);}
.userLiveInfo h4{text-align:justify; text-overflow:ellipsis; font-weight:bold; font-size:0.375rem;  height:auto; min-height:1.4375rem; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow: hidden;}
.userLiveInfo p{display:flex; align-items:center; font-size:0.3125rem; color:#555a5e; line-height:0.5rem; margin-top:0.125rem;}
.userLiveInfo p span{margin-right:0.25rem; display:flex; align-items:center;}
.userLiveInfo p span:last-of-type{margin-right:0;}
.userLiveInfo p b{font-size:0.375rem; color:#0054ff; padding:0 0.125rem;}

.reviewsItem{padding:0.3125rem; background:#fff; display:flex; align-items: flex-start; border-radius:0.125rem; margin-bottom:0.2875rem;}
.pictureLiveBtn{position:fixed; left:0; right:0; bottom:0; padding:0.25rem 0.25rem;}
.pictureLiveBtn button{background:#0054FF; width:100%; display:flex; align-items:center; justify-content:center; border-radius:0.125rem; border:0; height:1.125rem; color:#fff; font-size:0.375rem;}
.pictureLiveBtn button label{font-size:0.625rem; }

/*空白页*/
.pageNone{text-align:center; left:0; font-size:0.34375rem; color: #999; width:100%; position: absolute; top:50%; margin-top:-2.75rem;}
.pageNone div{padding:0.1875rem 0;}
.pageNone div img{width:3.5rem; display:block; margin:0 auto;}
.noneBtn{background:#F34009; font-size:0.375rem; width:4.0rem; height:1.0rem; color: #fff; border: 0; border-radius:1.0rem;}
.noneInfor{position:absolute; width:100%; top:3.625rem; text-align:center; color:#b8b8b8; font-size:0.375rem;}
.noneInfor div img{width:2.375rem; display:block; margin:0 auto 0.375rem auto;}
.winningRecordItem{background:#fff; border-radius:0.125rem; padding:0.3125rem; margin-bottom:0.2875rem; display:flex; align-items:flex-start; flex-wrap:wrap;}
.winningRecordImg{width:2.0rem;}
.winningRecordImg img{width:100%; display:block; border:4px #f2f3f4 solid;}
.winningRecordInfo{margin-left:0.25rem; width:calc(100% - 2.25rem);}
.winningRecordInfo h4{font-size:0.40375rem; }
.winningRecordInfo p{font-size:0.34375rem; color:#556677; margin-top:0.1875rem;}
.winningRecordInfo p span{color:#ff0000;}
.winningRecordBtn{width:100%; display:flex; justify-content: flex-end; margin-top:0.25rem;}
.winningRecordBtn button{margin-left:0.25rem; border-radius:0.0625rem; background:#0054FF; border:0; padding:0 0.25rem; color:#fff; height:0.75rem; font-size:0.34375rem;}


/*地址*/
.addressItem{background:#fff; border-radius:0.125rem; padding:0 0.3125rem; margin-bottom:0.25rem;}
.addressName{padding-top:0.25rem;}
.addressName span{padding-right:0.3125rem; font-size:0.40375rem;}
.addressText{font-size:0.375rem; margin-top:0.125rem; color:#334455;}
.addressItemBot{display:flex; align-items:center; justify-content:space-between; margin-top:0.25rem; position:relative;}
.addressItemBot::after{content:""; position:absolute; width:200%; height:200%; left:0; top:0; border-top:1px #eee solid; transform: scale(0.5); pointer-events:none; transform-origin:0 0; }
.addressItemBotLf{font-size:0.34375rem; display:flex; align-items:center;}
.addressItemBotLf radio{transform: scale(0.65); transform-origin:0 50%;}
.addressItemBotLf label{position:relative; color:#666; margin-left:0.125rem;}
.addressItemBotBtn{display:flex; align-items:center;}
.addressItemBotBtn button{font-size:0.34375rem; border:0; color:#666; display:flex; align-items:center; justify-content:center; background:transparent; height:1.25rem; padding:0 0 0 0.25rem; margin-left:0.125rem;}
.addressItemBotBtn button span{font-size:0.4375rem; padding-right:0.125rem;}
.fixedBtn{padding:0.3125rem 0.5rem; overflow:hidden; position:fixed; bottom:0; left:0; width:100%;}

.tranGoldForm{background:#fff; border-radius:0.125rem; margin-bottom:0.25rem; padding:0 0.3125rem;}
.tranGoldInput{display:flex; justify-content: space-between; font-size:0.375rem; line-height:1.375rem; position:relative;}
.tranGoldInput::after{content:""; position:absolute; left:0; top:0; border-top:1px #e6e6e6 solid; width:200%; height:200%; pointer-events:none; transform-origin:0 0; transform: scale(0.5); transform-origin:0 0;}
.tranGoldInput:first-child::after{height:0; border:0;}
.tranGoldInput span{width:2.0rem;}
.tranGoldInput label{position:absolute; right:0;}
.tranGoldInput input{width:calc(100% - 2.0rem); font-size:0.375rem; height:1.375rem; border:0;}
.tranGoldInput textarea{height:2.0rem; outline:none; width:calc(100% - 2.0rem); padding:0.375rem 0; border:0; resize:none; font-size:0.375rem; line-height:0.625rem;}
.tranGoldInput button{margin:0; right:0; top:0.25rem; position:absolute; font-size:0.34375rem; width:2.375rem; color:#fff; border-radius:0.125rem; height:0.875rem; background:#1382FF; border:0;}
.tranGoldInput select{border:0; width:calc(100% - 2.0rem); background: transparent; line-height:1.375rem; outline:none; font-size:0.375rem; height:1.3125rem; -webkit-appearance: none;}
.locationSelcet{display:flex; align-items:center;}
.tranGoldInput .locationSelcet select{width:2.4375rem;}
.tranGoldTelehpone{padding:0.3125rem 0;}
.tranGoldTelehpone label{display:block; font-size:0.34375rem;}
.tranGoldTelehpone span{display:block; font-size:0.4375rem; margin-top:0.125rem;}

.tranGoldSwitch{display:flex; align-items:center; justify-content: space-between; font-size:0.375rem; height:1.375rem; position:relative;}
.tranGoldSwitch::after{content:""; position:absolute; left:0; top:0; border-top:1px #e6e6e6 solid; width:200%; height:200%; pointer-events:none; transform-origin:0 0; transform: scale(0.5); transform-origin:0 0;}
.switch{display:block; float:right; height:0.625rem;}
.switch input[type="checkbox"]{display: none;}
.switch input[type="checkbox"] + label{
    display: inline-block;
    width:1.125rem;
    height:0.625rem;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    box-sizing: border-box;
}
.switch input[type="checkbox"] + label:after{
    content:'';
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:0.5625rem;
    height:0.5625rem;
 	border:0.03125rem #bbb solid;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}
#switch:checked + label.red {background:#0054FF;}
#switch:checked + label.red:after {background: #fff;}
#switch:checked + label:after {left: calc(100% - 0.625rem); border:0.03125rem #0054FF solid;}
#switch + label {background:#bbb; border-radius:20px;}
#switch + label:after{background:#fff; border-radius:50%;}
.addCardAgreet{padding:0 0.3125rem; font-size:0.375rem; line-height:1.0rem; color:#777;}
.addCardAgreet a{color:#007AFF;}
.commonBtn{padding:0.3125rem 0.5rem;}
.commonBtn button{color:#fff; width:100%; margin:0 auto; border:0; border-radius:0.75rem; font-size:0.375rem; text-align:center; display:block; line-height:1.125rem; background:linear-gradient(to right, #0054FF, #0054FF); }

.winnerContainer{background: #DC2A2A url(/static/img/draw_bg.jpg) no-repeat; min-height:100%; background-size:100% auto; padding-bottom:1.5rem;}
.winnerList{padding:0.3125rem;}
.winnerItem{background:#fffcf7; border-radius:0.125rem; margin-bottom:0.25rem; padding:0.3125rem;}
.drawPrizePerson{display:flex; align-items: flex-start; flex-wrap:wrap;}
.drawPrizePersonItem{width:1.375rem; margin-right:0.4375rem; margin-top:0.25rem;}
.drawPrizePersonItem:nth-child(5n+0){margin-right:0;}
.drawPrizePersonItem i{display:block; margin:0 auto;}
.drawPrizePersonItem i img{width:1.375rem; border:2px #fff solid; box-shadow:0 0 0.125rem rgba(0,0,0,0.1); display:block; margin:0 auto; border-radius:1.25rem;}
.drawPrizePersonItem span{display:block;  color:#4a4c4e; margin-top:0.0625rem; white-space:nowrap; text-align:center; font-size:0.34375rem; overflow:hidden; text-overflow: ellipsis;}
.drawPrizeRoundTitle{font-size:0.375rem; margin-top:0.25rem; color:#DC2A2A;}
.drawPrizeTitle{font-size:0.40375rem; text-align:justify;}
.drawPrizeTitle label{background:#ffe09d; display:inline-block; color:#DC2A2A; padding:0 0.125rem; font-size:0.375rem;}
.drawPrizeTitle span{margin-left:0.125rem;}


.buyAddress{background:#fff; margin-bottom:0.2875rem; position:relative; border-radius:0.125rem; padding:0.3125rem; display:flex; align-items:flex-start; }
.orderDetailAddressText{width:calc(100% - 1.0rem);}
.orderDetailAddressText span{font-size:0.40375rem; color:#000; margin-right:0.25rem;}
.orderDetailAddressText div{font-size:0.375rem; color:#61646d; align-items:center; margin-top:0.125rem; display:flex;}
.orderDetailAddressText div:first-child{margin-top:0;}
.orderDetailAddressRh{font-size:0.3125rem; position:absolute; right:0.25rem; top:50%; margin-top:-0.125rem;}
.addAddress{width:100%; padding:0.125rem 0; display:flex; align-items:center; justify-content:space-between; font-size:0.375rem; color:#333;}
.addAddress label{text-align:center; margin-right:0.125rem; font-size:0.5rem; color:#FF4302;}
.addAddressLf{display:flex; align-items:center;}
.orderAddressR{font-size:0.3125rem;}
.blanceMoney{background:#fff; padding:0.1875rem 0.3125rem; font-size:0.375rem; overflow:hidden; margin:0.2875rem 0; border-radius:0.125rem;}
.blanceMoneyItem{padding:0.25rem 0; line-height:0.5rem; display:flex; justify-content:space-between;}
.blanceMoneyItem span:first-of-type{width:2.25rem; white-space:nowrap;}
.blanceMoneyItem span:nth-of-type(2){width:calc(100% - 2.25rem); text-align:right;}

.paySuccess{min-height:100%; background:#fff; display:flex; align-items:center;}
.paySuccessTips{width:100%; margin-top:-3.0rem;}
.submitSuccess{text-align:center; margin-bottom:0.375rem; line-height:0.625rem;}
.submitSuccess span{font-size:0.4375rem; font-weight:bold; display:block; margin-top:0.25rem; color:#0fbc39;}
.submitSuccess label{font-size:0.3125rem; display:block; color:#666;}
.submitSuccess i{display:block;}
.submitSuccess i img{width:2.75rem; display:block; margin:0 auto;}
.successBtn{display:flex; align-items:center; justify-content:center; margin-top:0.5rem;}
.successBtn button{background:#0054FF; border:0; color:#fff; border-radius:0.125rem; font-size:0.375rem; height:1.0rem; line-height:1.0625rem; width:3.25rem; display:block; margin:0.5rem 0.125rem;}
.successBtn button.backList{background:#fff; color:#0054FF; position:relative;}
.successBtn button.backList::after{content:""; position:absolute; left:0; border-radius:0.25rem; top:0; width:200%; height:200%; border:1px #0054FF solid; pointer-events:none; transform-origin:0 0; transform: scale(0.5);}

.inviteCardBox{position:fixed; left:0; top:0; right:0; bottom:0; z-index:99; opacity:0; pointer-events:none; transition: all 0.3s ease-in-out 0s;}
.inviteCardBox.show{opacity:1.0; pointer-events:auto;}
.inviteCardBox::after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.6);}
.inviteCardClose{text-align:center; color:#fff; font-size:0.75rem; position:absolute; left:0; right:0; top:0; line-height:1.25rem; z-index:99;}
.inviteCardBack{text-align:center; color:#333; background:#fff; width:0.625rem; height:0.625rem; border-radius:100%; text-align:center; line-height:0.625rem; font-size:0.5rem; position:absolute; left:0.5rem; top:0.5rem;  z-index:99;}
.inviteCardBack a{display:block; color:#333;}
.inviteCardCont{position:absolute; left:0; top:0; right:0; bottom:0; z-index:9;}
.inviteCard{height:calc(100% - 2.0rem); position:relative;}
.inviteCardCent{margin:0 auto; position:relative; transform: scale(0.65); transform-origin:50% 3.5rem;}
.inviteCardImg img{width:100%; display:block; border-radius:0.25rem;}
.inviteCardInfo{position:absolute; left:0.5rem; right:0.5rem; top:1.0rem;}
.inviteCardUser{display:flex; align-items:center; justify-content: space-between; padding:0.5rem 0;}
.inviteCardUserImg img{width:1.625rem; border:2px #fff solid; display:block; border-radius:100%;}
.inviteCardUserInfo{text-align:right; color:#000;}
.inviteCardUserInfo span{display:block; font-size:0.4375rem;}
.inviteCardUserInfo label{display:block; font-size:0.34375rem; margin-top:0.125rem;}
.inviteCardTitle{padding:0.75rem 0.25rem 0 0.25rem; text-align:center; font-size:0.5rem;}
.inviteCardLiveTime{text-align:center; padding:1.25rem 0; color:#333;}
.inviteCardLiveTime span{display:block; font-size:0.375rem;}
.inviteCardLiveTime label{display:block; font-size:0.34375rem; margin-top:0.0625rem;}
.inviteCardCode i{display:block; margin:0 auto;}
.inviteCardCode i img{width:3.25rem; display:block; margin:0 auto;}
.inviteCardCode span{display:block; font-size:0.375rem; text-align:center; color:#777;}
.caTips{position:absolute;  left:0; right:0; bottom:1.0rem;}
.caTips img{height:0.875rem; display:block; margin:0 auto;}
.inviteCardBot{height:2.0rem; background:#fff; display:flex; align-items:center; border-radius:0.25rem 0.25rem 0 0; overflow:hidden;}
.inviteCardCodeBtn{width:2.0rem; text-align:center; background:#fff; padding-top:0.125rem; box-shadow:0 0 0.25rem rgba(0,0,0,0.2); height:2.0rem; position:relative;}
.inviteCardCodeBtn label{font-size:1.25rem; display:block;}
.inviteCardCodeBtn span{display:block; font-size:0.3125rem;}
.inviteCardSkin{white-space:nowrap; width:calc(100% - 2.25rem); margin-left:0.25rem;  overflow:auto; -webkit-overflow-scrolling:touch; font-size:0;}
.inviteCardSkinItem{display:inline-block; margin-right:0.25rem; position:relative; width:1.5rem;  border-radius:0.125rem; overflow:hidden;}
.inviteCardSkinItem img{width:1.5rem; display:block;}
.inviteCardSkinItem span{position:absolute; right:0; bottom:0; display:none;}
.inviteCardSkinItem.active span{display:block;}
.skinChecked{background: url(/static/img/checked_icon.png) no-repeat; width:0.625rem; height:0.625rem; background-size:0.625rem 0.625rem;}
.qrCodeBox{position:fixed; left:0; top:0; right:0; bottom:-10.0rem; z-index:992; opacity:0; pointer-events:none; transition: all 0.3s ease-in-out 0s;}
.qrCodeBox.show{opacity:1.0; pointer-events:auto; bottom:0;}
.qrCodeBox::after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.6);}
.qrCodeCon{position:absolute; bottom:0; left:0; right:0; background:#fff; z-index:99; border-radius:0.25rem 0.25rem 0 0;}
.qrCodeConClose{text-align:right; padding:0 0.3125rem; line-height:1.0rem; font-size:0.5rem; color:#666;}
.qrCodeConMsg{padding-bottom:0.25rem;}
.qrCodeConTitle{text-align:center; font-size:0.375rem; font-weight:bold;}
.qrCodeConImg{margin:0.75rem 0 0.5rem 0;}
.qrCodeConImg i{display:block; margin:0 auto;}
.qrCodeConImg i img{width:3.5rem; display:block; margin:0 auto; box-shadow:0 0 .3125rem rgba(0,0,0,0.05);}
.qrCodeConImg span{display:block; font-size:0.3125rem; margin-top:0.125rem; text-align:center; color:#777;}
.qrCodeConLink{padding:0 0.5rem; display:flex; align-items:center; justify-content: space-between; font-size:0.375rem; line-height:1.25rem;}
.qrCodeConLink button{background:transparent; border:0; color:#0054FF; height:1.25rem; font-size:0.375rem;}

/* .loginBox{background:url(../img/loginBg.jpg) no-repeat; width:100%; height:100%; background-size:100% auto; padding:0.75rem; display:flex; align-items:center; justify-content: center;} */
.loginBox{width:100%; height:100%; background-size:100% auto; padding:0.75rem; display:flex; align-items:center; justify-content: center;}
.loginCont{background:#fff; border-radius:0.25rem; padding:0.5rem 0.75rem 0.75rem 0.75rem; flex:1;}
.loginTitle{font-weight:bold; font-size:0.875rem;}
.loginForm{padding:0.625rem 0;}
.loginInput{margin-bottom:0.375rem; position:relative;}
.loginInput span{display:block; font-size:0.40375rem; margin-bottom:0.25rem; color:#666;}
.loginInput input{width:100%; background:#f2f3f4; border-radius:1.0rem; border:0; height:1.125rem; line-height:1.125rem; padding:0 0.625rem; font-size:0.40375rem;}
.loginInput img{position:absolute; right:0.5rem; bottom:0.1875rem; height:0.75rem; display:block;}
.loginBtn button{background:linear-gradient(to right,#9e46f7,#0048ff); width:100%; border:0; height:1.25rem; font-size:0.4375rem; color:#fff; border-radius:1.0rem;}
.forgetPassword{display:flex; align-items:center; justify-content:center; font-size:0.4375rem; margin-top:0.5rem;}
.forgetPassword a{padding:0 0.25rem; line-height:1.0rem;}