@charset "utf-8";
/* by ken 2015-2-6 */
/* ==========================================================================
   样式的统一
   ========================================================================== */
body, dl, dd, /* dt, 默认没边距 */
ul, ol, /*li, 默认没边距 */
h1, h2, h3, h4, h5, h6, pre, /* code, 默认没边距 */
form, fieldset, legend, input, textarea, optgroup,
p, blockquote, figure, hr, menu, dir,
thead, tbody, tfoot, th, td /* th, td 默认 padding:1px */
{
    margin:0;
    padding:0;
}
ul, ol {
    list-style-type: none;
    list-style-image: none;
}

/* ==========================================================================
   清除浮动
   ========================================================================== */
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix{*zoom:1;}
/* ==========================================================================
   链接
   ========================================================================== */
a {text-decoration: none;}
a:active,a:hover {outline: 0 none;}
a:focus {outline: 1px dotted;}

/* ==========================================================================
   字体和基础排版
   ========================================================================== */
body,
button,
input,
select,
textarea
{
    font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
    -ms-text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis; /* 5 */
    text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis; /* 5 */
}
b,strong {font-weight: bold;}

/* ==========================================================================
   表格
   ========================================================================== */
table { width: 100%; border-collapse:collapse;border-spacing:0;}
img {
    border: 0 none;
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

/* ==========================================================================
   HTML5 元素
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video,
progress {
    display: inline-block;
    vertical-align: baseline;
}@charset "UTF-8";
/*
 *  Author    ：--
 *  Time      ：2019年08月02日16:01:04;
 *  Abstract  ：新浪爱彩改版公共样式文件
 *
 */
a:focus{ outline: none; text-decoration:none; -webkit-tap-highlight-color:transparent;}
a{ color: #2196f3; text-decoration: none;}
em,i{ font-style: normal;} 

*{ margin: 0; padding: 0; }
*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body{ font-size:.24rem; background: #f2f2f2; color: #333;}
body *{max-height:10000rem;} 
#container{ width: 100%; overflow: hidden; }  
.pr{position:relative}
.pa{position:absolute}
.fl{float:left;}
.fr{float:right;}
.tac{ text-align: center;}
.tal{ text-align: left;}
.tar{ text-align: right;}
.fwb{ font-weight: bold;}
.fwn{ font-weight: normal;}
.fw500{ font-weight: 500;}
.red{ color: #EA4747; }
.green{ color: #2db370; }
.orange{ color: #eb6100; }
.blue{ color: #588BD8; }
.c333{ color: #333; }
.c999{ color: #999; }
.fs24{ font-size: .24rem; }
.fs26{ font-size: .26rem; }
.fs28{ font-size: .28rem; }
.fs30{ font-size: .3rem; }
.fs32{ font-size: .32rem; }

.mt10{ margin-top: .10rem; }
.mt15{ margin-top: .15rem; }
.mt20{ margin-top: .2rem; }
.mt30{ margin-top: .3rem; }
.mb30{ margin-bottom: .3rem; }
.ml15{ margin-left: .15rem; }
.ml20{ margin-left: .2rem; }
.ml30{ margin-left: .3rem; }
.ml50{ margin-left: .5rem; }
.mr15{ margin-right: .15rem; }
.mr20{ margin-right: .2rem; }
.mr30{ margin-right: .3rem; }
.p20{ padding: .2rem; }
.pt20{ padding-top: .2rem; }
.pt25{ padding-top: .25rem; }
.pt30{ padding-top: .30rem; }
.pt40{ padding-top: .40rem; }
.pb20{ padding-bottom: .2rem; }
.pb30{ padding-bottom: .3rem; }
.pb40{ padding-bottom: .4rem; }
.pb50{ padding-bottom: .5rem; }
.pb80{ padding-bottom: .8rem }
.pb100{ padding-bottom: 1rem }
.pb130{ padding-bottom: 1.3rem }
.pl10{ padding-left: .1rem; }
.pl20{ padding-left: .2rem; }
.pl25{ padding-left: .25rem; }
.pl40{ padding-left: .4rem; }
.pr10{ padding-right: .1rem; }
.pr20{ padding-right: .2rem; }
.pr25{ padding-right: .25rem; }
.pr40{ padding-right: .4rem; }
.bg_fff{ background-color: #fff; }
.bg_f2{ background: #f2f2f2; }
.bg_red{ background: #EA4747; }

/*css3过渡*/
.popupMenu,
.popupShare,
.popupVar,
.lottList,
.lootBtn .icon-v-right,
.popup,
.fellowBtn{-webkit-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out;}
/*shadow*/
.shadow{background: #000;filter: alpha(opacity=60);opacity: 0.6;position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 98;}

.wrap{
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: .24rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-direction: column;
    overflow: hidden;
}
.wrap .head{ height: .9rem; line-height: .9rem; text-align: center; font-size: .34rem; color: #fff; }
.wrap .content{-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex: 1;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.flex,
.header,
.header .left,
.notice,
.titleItem,
.hotEventLi .top,
.hotEventLi .team,
.hotEventLi .team .td1,
.hotEventLi .team .td3,
.hotEventLi .bottom,
.hotEventLi .bottom .leftIcon,
.exTab,
.exList li .more,
.informaList li,
.bottomTab,
.popupMenu .menuBtn,
.exConList_li .topInfo,
.shareLine,
.shareLine a,
.shareList,
.subTab,
.winNews,
.winNewsLi a,
.topSelect,
.lotteryTopType,
.popupVar dl dd,
.exPrize li,
.lottSelect,
.lottSelect .lootBtn,
.confrList .team,
.popup .close,
.trendType .top,
.titleItem .item-bd,
.grandPrix,
.lotteryLi .tip,
.popShare .txt{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}

.flex1,
.header .left,
.noticeLi,
.titleItem .item-bd,
.hotEventLi .team .td1,
.hotEventLi .team .td3,
.exTab a,
.informaList .ltxt,
.bottomTab a,
.exConList_li .topInfo .txt,
.shareLine a,
.shareList a,
.subTab a,
.winNewsLi,
.winNewsLi .txt,
.lotteryTopType .txt,
.exPrize li p,
.lottSelect .lootBtn,
.confrList .team span,
.trendType .top h2,
.grandPrix .rightTxt{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}

.align-items,
.header,
.notice,
.titleItem,
.hotEventLi .top,
.hotEventLi .team,
.hotEventLi .team .td1,
.hotEventLi .team .td3,
.hotEventLi .bottom .leftIcon,
.exList li .more,
.exConList_li .topInfo,
.shareLine a,
.winNews,
.winNewsLi a,
.topSelect,
.lotteryTopType,
.popupVar dl dd,
.exPrize li,
.lottSelect,
.lottSelect .lootBtn,
.confrList .team,
.popup .close,
.trendType .top,
.titleItem .item-bd,
.grandPrix,
.lotteryLi .tip,
.popShare .txt{ -webkit-box-align: center; -webkit-align-items: center;-ms-flex-align: center;align-items: center;}

.justify-between,
.headerBar,
.hotEventLi .top,
.hotEventLi .bottom,
.popupVar dl dd,
.popShare .txt{-webkit-justify-content:space-between; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}

.justify-center,
.exList li .more,
.shareLine a,
.topSelect,
.lottSelect .lootBtn,
.popup .close{-webkit-justify-content:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}


/*向右箭头*/
.icon-v-right {
    position: relative;
    width: .6rem;
    height: .6rem;
    color: #ccc;
    margin-left: -.12rem;
    margin-right: -.1rem;
}
.icon-v-right:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: .16rem;
    height: .16rem;
    border-top: .02rem solid #ccc;
    border-right: .02rem solid #ccc;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.04rem;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

/*打钩*/
.icon-right{ position: relative; margin: .2rem;}
.icon-right:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: .24rem;
    height: .12rem;
    border-bottom: .03rem solid #2DB370;
    border-left: .03rem solid #2DB370;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    margin-top: -.02rem;
}
/*向下三角形*/
.arrow-down{ position: absolute; top: 50%; width:0; height:0; border-left:.08rem solid transparent;border-right:.08rem solid transparent;border-top:.08rem solid #333; transition: all .3s ease-in-out;}


/*动画*/
@-webkit-keyframes activeScaleX{
  0%{-webkit-transform:scaleX(0);transform:scaleX(0)}
  50%{-webkit-transform:scaleX(1.2);transform:scaleX(1.2)}
  to{-webkit-transform:scaleX(1);transform:scaleX(1)}
}
@keyframes activeScaleX{
  0%{-webkit-transform:scaleX(0);transform:scaleX(0)}
  50%{-webkit-transform:scaleX(1.2);transform:scaleX(1.2)}
  to{-webkit-transform:scaleX(1);transform:scaleX(1)}
}

/*雪碧图*/
.spriteI{ background-image: url(../images/spritei.png); background-repeat:no-repeat; background-size:2rem 8rem;}

.hidden{ height: 100%; overflow: hidden; }

/*标题*/
.titleItem{ height: .96rem; margin-top: .2rem; }
.titleItem .item-bd{ padding-left: .2rem; font-size: .4rem; color: #333; font-weight: 600; }
.titleItem .item-bd span{ font-weight: normal; }
.titleItem .item-append{ font-size: .28rem; color: #0F88EB; }
.titleItem .icon-v-right:after{ border-color: #0F88EB; }

/*白色圆角块*/
.whiteBlock{background:rgba(255,255,255,1);box-shadow:0px .16rem .32rem 0px rgba(0,0,0,0.05);border-radius:.12rem; overflow: hidden;}

/*焦点图*/
.focusWrap{ padding: 0 .2rem .3rem; border-radius: .12rem; overflow: hidden; }
.focusWrap img{ width: 100%; border-radius: .12rem; overflow: hidden; }
.focusWrap .swiper-container{border-radius: .12rem; overflow: hidden; box-shadow:0 .16rem .32rem 0 rgba(0,0,0,0.1);}
.focusWrap .swiper-pagination-bullet{ background: #fff; opacity: .5; width: .12rem; height: .12rem; }
.focusWrap .swiper-pagination-bullet-active{ background: #FF8200; opacity: 1; }
.focusWrap .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: .12rem; }
.focusWrap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 .05rem; }

/*资讯列表*/
.informaList{ padding: 0 .3rem; background: #fff; }
.informaList li{ padding: .22rem 0; border-bottom: 1px solid #e3e3e3; }
.informaList .ltxt h4{ font-size: .3rem; color: #333; text-align: justify; font-weight: 500; line-height: .44rem; margin-bottom: .16rem; }
.informaList .ltxt p{ line-height: .34rem; font-size: .24rem; color: #bbb; }
.informaList .img{ width: 2rem; height: 1.34rem; margin-left: .32rem; overflow: hidden; }
.informaList .eye{ display: inline-block; vertical-align: top; width: .26rem; height: .18rem; background-position: -.08rem -1.54rem; margin-top: .08rem; margin-right: .1rem; }

/*返回顶部*/
.fixedBtn{ position: fixed; z-index: 10; right: .6rem; bottom: .4rem; }
.fixedBtn a{ margin-top: .3rem; display: block; width: .8rem; height: .8rem; border-radius: 50%; background-color: rgba(255,255,255,0.95); box-shadow: 0 .08rem .16rem 0 rgba(0,0,0,0.1);border:1px solid rgba(221,221,221,1); }
.fixedBtn a.menu{ background-position: .2rem -1.83rem; }
.fixedBtn a.goTop{ background-position: .22rem -2.44rem; }
.fixedBtn a.ssq{ background-image: url(../images/type_ssq.png); background-repeat: no-repeat; background-position: center; background-size: .48rem .48rem; }
.fixedBtn a.dlt{ background-image: url(../images/type_dlt.png); background-repeat: no-repeat; background-position: center; background-size: .48rem .48rem; }

/*页面导航弹层*/
.popupMenu{ position: fixed; z-index: 100; left: 0; top: 100%; width: 100%; background: #eee; border-radius: .16rem .16rem 0 0; }
.popupMenu h5{ font-size: .32rem; color: #333; font-weight: 600; text-align: center; line-height: .44rem; padding: .4rem 0; }
.popupMenu .menuBtn{ padding: 0 .2rem .2rem; flex-wrap: wrap;}
.popupMenu .menuBtn a{ width: 22.75%; margin-right: 3%; margin-bottom: .2rem; height: .8rem; line-height: .8rem; text-align: center; background: #fff; border-radius: .12rem;box-shadow:0 .16rem .32rem 0 rgba(0,0,0,0.05); font-size: .3rem; color: #333; font-weight: 500; }
.popupMenu .menuBtn a:nth-child(4n){ margin-right: 0; }
.popupMenu .menuBtn a.active{ color: #0F88EB; font-weight: 600; }
.popupMenu .close{ display: block; height: .88rem; line-height: .88rem; background: #fff; color: #FF8200; font-size: .32rem; font-weight: 600; text-align: center; }
.popupMenu.animate{-webkit-transform: translateY(-100%);transform: translateY(-100%);}

/*分享弹层*/
.popupShare{ position: fixed; z-index: 100; left: 0; top: 100%; width: 100%; background: #fff; border-radius: .16rem .16rem 0 0; }
.popupShare.animate{-webkit-transform: translateY(-100%);transform: translateY(-100%);}
.popupShare h5{ font-size: .32rem; color: #333; font-weight: 600; text-align: center; line-height: .44rem; padding: .3rem 0 .4rem; }
.shareList a{ padding: 0 0 .4rem; text-align: center; }
.shareList a i{ display: block; margin: 0 auto; width: .64rem; height: .64rem; margin-bottom: .2rem; }
.shareList a span{ font-size: .24rem; color: #333; }
.shareList a i.i1{ background-position: 0 -3.36rem; }
.shareList a i.i2{ background-position: 0 -4rem; }
.shareList a i.i3{ background-position: 0 -4.64rem; }
.shareList a i.i4{ background-position: 0 -5.28rem; }
.popupShare .close{ display: block; height: 1rem; line-height: 1rem; text-align: center; font-size: .32rem; color: #333; border-top: 1px solid #eee; }

/*顶部tab*/
.subTab{ padding: 0 .3rem; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: .9rem;box-shadow:0 .02rem .04rem 0 rgba(0,0,0,0.1); background: #fff; }
.subTab a{ position: relative; height: .9rem; line-height: .9rem; text-align: center; font-size: .32rem; color: #999; font-weight: 600; }
.subTab a.active{ font-size: .4rem; color: #333; }
.subTab a.active:after{
	content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -.24rem;
    width: .48rem;
    height: .06rem;
    border-radius: .03rem;
    background: #FF8200;
    animation: activeScaleX .4s ease both;
    -webkit-animation: activeScaleX .4s ease both;
}

/*底部tab*/
.bottomTab{ text-align: center; position: fixed; z-index: 99; left: 0; bottom: 0; width: 100%; height:1rem;background:#fff;box-shadow:.02rem -.04rem .12rem 0px rgba(0,0,0,0.05);}
.bottomTab .tabIcon{ display: inline-block; vertical-align: top; width: .48rem; height: .48rem; }
.bottomTab .tabIcon01{ background-position: -.75rem 0; }
.bottomTab .tabIcon02{ background-position: -.75rem -.48rem; }
.bottomTab .tabIcon03{ background-position: -.75rem -.96rem; }
.bottomTab .tabIcon04{ background-position: -.75rem -1.45rem; }
.bottomTab .tabIcon05{ background-position: -.75rem -1.92rem; }
.bottomTab .tabIcon06{ background: url(../images/tabicon06.png); background-size: cover; }
.bottomTab .tabIcon07{ background: url(../images/tabicon07.png); background-size: cover; }
.bottomTab a{ padding-top: .1rem; }
.bottomTab a span{display: block; font-size: .22rem; color: #333; font-weight: 500; }
.bottomTab a.active span{ color: #ff8200; }
.bottomTab a.active .tabIcon01{ background-position: -1.22rem 0; }
.bottomTab a.active .tabIcon02{ background-position: -1.22rem -.48rem; }
.bottomTab a.active .tabIcon03{ background-position: -1.22rem -.96rem; }
.bottomTab a.active .tabIcon04{ background-position: -1.22rem -1.45rem; }
.bottomTab a.active .tabIcon05{ background-position: -1.22rem -1.92rem; }
.bottomTab a.active .tabIcon06{ background: url(../images/tabicon06_on.png); background-size: cover; }
.bottomTab a.active .tabIcon07{ background: url(../images/tabicon07_on.png); background-size: cover; }


/*数字彩、竞技彩、开奖卡片*/
.lotteryLi{ position: relative; padding: .3rem; border-bottom: 1px solid #E0E0E0; }
.lotteryLi:last-child{ border-bottom: 0; }
.lotteryLi h3{ height: .5rem; line-height: .4rem; font-size: .36rem; color: #666; font-weight: 500; margin-bottom: .24rem; }
.lotteryBall{ font-size: 0; }
.lotteryBall em{ display: inline-block; margin-right: .16rem; width: .64rem; height: .64rem; text-align: center; line-height: .64rem; font-size: .28rem; font-weight: 600; color: #fff; border-radius: 50%; background: #EA4747; }
.lotteryBall em.blue{ background: #588BD8; }
.lotteryLi p{ font-size: .24rem; color: #333;}
.lotteryLi p em{ display: inline-block; width: 1.4rem; color: #999; }
.lotteryLi .icon-v-right{ position: absolute; top: 50%; margin-top: -.3rem; right: .25rem; transform: scale(1.3); }
.lotteryLi .tip{ position: absolute; top: 0; right: 0; padding: 0 .1rem; height: .4rem; background: #FF8200; color: #fff; font-size: .24rem;}
.lotteryLi .tip.blue{ background: #0F88EB; }
.lotteryLi .tip.blue .videoIcon{  background: url(../images/videoicon_blue.png); background-size: 100% 100%; }
.titleItem .tip{ margin-left: .1rem; display: inline-block; vertical-align: top; height: .4rem; line-height: .4rem; padding: 0 .1rem; text-align: center; border-radius: .04rem; font-size: .2rem; color: #fff; background: #FF8200; }
.titleItem .tip{ position: static; margin-left: .15rem; } 
.titleItem .tip.blue{ background: #0F88EB; }
.lotteryLi .link{ font-size: .28rem; color: #0F88EB; }
.testNub{ padding-left: .1rem; display: inline-block; font-size: .28rem; color: #999; }
.testNub b{ color: #EA4747; margin: 0 .1rem; }
.renNine{ font-size: 0; white-space: nowrap; }
.renNine em{ display: inline-block; vertical-align: top; width: .4rem; height: .6rem; line-height: .6rem; text-align: center; margin-right: .07rem; background: #2DB370; border-radius: .08rem; font-size: .32rem; color: #fff; font-weight: 600; }
.renNine em:last-child{ margin-right: 0; }
.pokerList{ font-size: 0; }
.pokerList span{ position: relative; display: inline-block; vertical-align: top; width: .64rem; height: .8rem; border-radius: .08rem; box-shadow: 0 .02rem .08rem 0 rgba(0,0,0,0.05); border: .02rem solid #D5D5D5; margin-right: .2rem; font-size: .28rem; color: #333; padding-top: .38rem; text-align: center; font-weight: 600; }
.pokerList span i{ position: absolute; top: .08rem; left: 50%; margin-left: -.14rem; width: .28rem; height: .28rem; }
.pokerList span.hong i{ background-position: -.8rem -4.1rem; }
.pokerList span.hei i{ background-position: -.8rem -4.43rem; }
.pokerList span.fang i{ background-position: -.8rem -4.76rem; }
.pokerList span.mei i{ background-position: -.8rem -5.09rem; }

.linkBtn{ display: block; height: 1rem; line-height: 1rem; border-top: 1px solid #e3e3e3; font-size: .28rem; color: #0F88EB; text-align: center; font-weight: 500; }

/*专家头像*/
.exTab{ height: .8rem; }
.exTab a{ border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; font-size: .28rem; color: #333; font-weight: 600; line-height: .8rem; text-align: center; }
.exTab a.active{ color: #FF8200; }
.exTab a:last-child{ border-right: none; }
.exListWrap .txtLine{ padding: .35rem 0 .4rem; text-align: center; font-size: .34rem; color: #333; line-height: .48rem; }
.listTxt{ font-size: .36rem; color: #B3855D; font-weight: 600; padding: .32rem .3rem; }
.listTxt span{ font-size: .24rem; color: #333; opacity: .5; margin-left: .15rem; font-weight: 500; }
.exList{ padding: .15rem .05rem; white-space: nowrap; overflow: hidden; overflow-x: scroll; }
.exList::-webkit-scrollbar { display: none;}

.exList li{ margin-bottom: .4rem; display: inline-block; vertical-align: top; width: 1.78rem; margin-right: .1rem; text-align: center; }
.exList li .img{ position: relative; display: inline-block; vertical-align: top; width: 1rem; height: 1rem; }
.exList li .img img{ border-radius: 50%; overflow: hidden; }
.exIcon{ position: absolute; bottom: 0; right: 0; width: .32rem; height: .32rem; background-position: -.05rem -1.12rem; }
.exList li .img em{ position: absolute; top: -.09rem; right: -.15rem; width: .24rem; height: .24rem; line-height: .24rem; background: #EA4747; border-radius: 50%; font-size: .16rem; color: #fff; text-align: center; }
.exList li .img span{ position: absolute; width: 100%;height:.28rem; background: #FD870B; border-radius:.04rem; left: 0; bottom: 0; font-size: .2rem; color: #fff; line-height: .28rem; text-align: center; }
.exList li > p{ font-size: .24rem; color: #333; margin-top: .16rem; line-height: .34rem; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.exList li > span{ font-size: .22rem; color: #EA4747; display: block; margin-top: .07rem; }
.exList li .more{ margin: 0 auto; width: 1rem; height: 1rem; background: #B0825C; border-radius: 50%; }
.exList li .more em{ margin: 0 .03rem; display: inline-block; width: .12rem; height: .12rem; background: #fff; border-radius: 50%; }
.exList li:last-child{ margin-right: 0; }

/*底部期数筛选*/
.lottSelect{ position: fixed; z-index: 101; left: 0; bottom: 0; width: 100%; height: 1rem;background: #fff;box-shadow:.02rem -.02rem .02rem 0 rgba(0,0,0,0.05); }
.lottSelect .btn{ display: block; width: 2rem; font-size: .3rem; color: #0F88EB; text-align: center; }
.lottSelect .btn.gray{ color: #bbb; }
.lootBtn{ height: 100%; font-size: .28rem; color: #333; border-left: 1px solid #eee; border-right: 1px solid #eee; }
.lootBtn .icon-v-right{ -webkit-transform: rotate(90deg);transform: rotate(90deg);margin-left: 0;}
.lootBtn.active .icon-v-right{-webkit-transform: rotate(270deg);transform: rotate(270deg);}
.lootBtn select{ appearance:none;-webkit-appearance:none; border: none; background: none; outline: none; }
.lottList{position: fixed;z-index: 100; left: 0; top: 100%; width: 100%; background: #fff; }
.lottList.animate{-webkit-transform: translateY(-120%);transform: translateY(-120%); }
.lottList li{ height: 1rem; line-height: 1rem; border-bottom: 1px solid #eee; text-align: center; font-size: .28rem; color: #333; }
.lottList li:last-child{ border-bottom: 0; }
.lottList li.active{ color: #FF8200; font-weight: 600; }

/*中奖条件弹层*/
.popup{ position: fixed; z-index: 120; left: 0; top: 100%; width: 100%; background: #fff; border-radius: .2rem .2rem 0 0; }
.popup.animate{-webkit-transform: translateY(-100%);transform: translateY(-100%);}
.popup .hd{ height: .9rem; line-height: .9rem; text-align: center; border-bottom: 1px solid #eee; font-size: .3rem; color: #333; font-weight: 600; }
.popup .close{ position: absolute; width: .9rem; height: .9rem; color: #bbb; font-size: .48rem; }
.popup .btn{ height: 1rem; line-height: 1rem; text-align: center; font-size: .32rem; font-weight: 500; border-top: 1px solid #eee; }
.popup .btn a{display: block; color: #FF8200;}
.winCond{ padding: 0 .3rem .3rem; }
.winCond table{border-collapse: separate;border-spacing: 0;}
.winCond thead th{ height: .8rem; font-size: .24rem; color: #FF8200; text-align: center; }
.winCond tbody tr td{ font-size: .24rem; color: #333; text-align: center; height: .58rem;}
.winCond tbody tr td.tal{ text-align: left; padding-left: .32rem; }
.winCond tbody tr td.tal43{ text-align: left; padding-left: .43rem; }
.winCond tbody tr td{ border-right: 1px solid #F5A623; border-bottom: 1px solid #F5A623; }
.winCond tbody tr:nth-child(1) td:last-child,
.winCond tbody tr:nth-child(2) td:last-child,
.winCond tbody tr:nth-child(3) td:last-child,
.winCond tbody tr:nth-child(4) td:last-child,
.winCond tbody tr:nth-child(6) td:last-child,
.winCond tbody tr:nth-child(8) td:last-child{ border-right: 0; }
.winCond tbody tr:nth-child(8) td:first-child,
.winCond tbody tr:nth-child(8) td:last-child{ border-bottom: 0; }
.winCond tbody tr:last-child td{ border-bottom: 0; }
.winCond .winBall{ font-size: 0; }
.winCond .winBall em{ margin-right: .1rem; display: inline-block; width: .2rem; height: .2rem; border-radius: 50%; background: #EA4747; }
.winCond .winBall em:last-child{ margin-right: 0; }
.winCond .winBall em.blue{ background: #588BD8; }
.winCond .bottom{ background: #FFFDF9; border: .02rem solid #F5A623; border-radius: .08rem; }

.winCond.daletou tbody tr:nth-child(4) td:last-child,
.winCond.daletou tbody tr:nth-child(6) td:last-child,
.winCond.daletou tbody tr:nth-child(8) td:last-child{border-right: 1px solid #F5A623;}
.winCond.daletou tbody tr:nth-child(5) td:last-child,
.winCond.daletou tbody tr:nth-child(7) td:last-child,
.winCond.daletou tbody tr:nth-child(10) td:last-child{ border-right: 0; }
.winCond.daletou tbody tr:nth-child(8) td{ border-bottom: 1px solid #F5A623; }
.winCond.daletou tbody tr:nth-child(10) td:first-child,
.winCond.daletou tbody tr:nth-child(10) td:last-child{ border-bottom: 0; }

.winTbtxt table{ text-align: center; }
.winTbtxt table th{ height: .8rem; font-size: .24rem; color: #999;}
.winTbtxt table td{ padding: .2rem 0; }

.baseline{ font-size: .24rem; color: #bbb; padding: .5rem 0 0; text-align: center; }

/*推荐卡片*/
.exConList_li{background: #fff;margin-bottom: .2rem;box-shadow: 0 .16rem .32rem rgba(0,0,0,.05);border-radius: .12rem;}
.exConList_li:active{ background: #eee; }
.exConList_li .topInfo{ padding: .32rem .2rem .2rem; }
.comUserImg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    position: relative;
    margin-right: .2rem;
}
.comUserImg img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.exConList_li .topInfo .txt {
    overflow: hidden;
}
.exConList_li .topInfo .txt>div {
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    height:.44rem;
    -ms-flex-align: center;
    align-items: center;
}
.exConList_li .topInfo .txt>div .name {
    margin-right: .1rem;
    font-size: .32rem;
    color: #333;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
}
.exConList_li .topInfo .txt .tip {
    margin-right: .1rem;
    height: .32rem;
    line-height: .32rem;
    padding: 0 .14rem;
    font-size: .22rem;
    color: #fff;
    background: #ea4747;
    border-radius: .24rem;
}
.exConList_li .topInfo .txt .tip.pink {
    background: #ffd2d2;
    color: #ea4747;
}
.exConList_li .topInfo .txt .tip.black {
    background: #374047;
    color: #FFDA44;
}
.exConList_li .topInfo .txt .tip:last-child {
    margin-right: 0;
}
.exConList_li .topInfo .txt p {
    white-space: nowrap;
    margin-top: .1rem;
    font-size: .24rem;
    color: #999;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.topInfo .right {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.exConList_li .topInfo .right {
    margin-left: 10px;
    text-align: right;
}
.exConList_li .topInfo .right p {
    line-height: .42rem;
    font-size: .3rem;
    font-weight: 500;
    color: #ea4747;
}
.exConList_li .topInfo .right span {
    display: block;
    line-height: .43rem;
    margin-top: .12rem;
    font-size: .24rem;
    color: #999;
}
.exConList_li .con {
    padding-left: .2rem;
    padding-right: .2rem;
}
.exConList_li .con h3 {
    font-size: .34rem;
    color: #333;
    line-height: .48rem;
    font-weight: 400;
    margin-bottom: .2rem;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.wd_refund {
    display: inline-block;
    height: .4rem;
    line-height: .4rem;
    padding: 0 .14rem;
    border-radius: .04rem;
    background: #ff8200;
    font-size: .2rem;
    color: #fff;
}
.exConList_li .con h3 .wd_refund {
    vertical-align: top;
    margin-top: .04rem;
    margin-right: .14rem;
}
.exConList_li .con .match {
    position: relative;
    padding: .1rem .1rem .1rem .2rem;
    background: #f2f2f2;
    border-radius: .08rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.exConList_li .con .match .left {
    overflow: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    padding-right: 10%;
}
.exConList_li .con .match .line {
    font-size: .26rem;
    height: .6rem;
    line-height: .6rem;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
}
.exConList_li .con .match .line>span {
    -ms-flex: 1;
    flex: 1;
    font-size: .24rem;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.exConList_li .con .match .line>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 4;
    flex: 4;
    overflow: hidden;
}
.exConList_li .con .match .line>div p {
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.exConList_li .con .match .line>div p:first-child {
    text-align: right;
}
.exConList_li .con .match .line>div em {
    color: #ccc;
    width: 34%;
    text-align: center;
}
.exConList_li .bottomInfo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .22rem .3rem .3rem;
}
.exConList_li .bottomInfo .left {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: .4rem;
    font-size: .24rem;
    color: #999;
}
.exConList_li .bottomInfo .left b {
    width: 1px;
    height: .22rem;
    margin: 0 .2rem;
    background: #eee;
}
.exConList_li .bottomInfo .left .look {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.exConList_li .bottomInfo .left .look i {
    display: inline-block;
    width: .26rem;
    height: .18rem;
    margin-right: .14rem; 
    background-position: -.08rem -1.54rem;
}
.exConList_li .bottomInfo .money {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: .4rem;
    font-size: .28rem;
    color: #ef8181;
}
.wd_icon_gold {
    display: inline-block;
    width: .48rem;
    height: .48rem;
    vertical-align: top;
    margin-right: .02rem;
    background: url(../images/wd_icon_gold02.png);
    background-size: cover;
}
.exConList_li .bottomInfo .money .wd_icon_gold {
    margin-top: .06rem;
}
.myPrix {
    padding: .2rem .2rem 0;
    margin-bottom: -.1rem;
}
.myPrix span {
    display: block;
    background: #FFF5F5;
    border-radius: .08rem;
    height: .6rem;
    line-height: .6rem;
    padding: 0 .3rem;
    font-size: .24rem;
    color: #EA4747;
}
.grandTip {
    display: inline-block;
    height: .32rem;
    line-height: .32rem;
    padding: 0 .15rem;
    background: #093059;
    color: #FFDA44;
    margin-right: .1rem;
    font-size: .22rem;
    border-radius: .24rem;
}
.fellowBtn{ display: block; width: 1.4rem; height: .64rem; line-height: .32rem; border-radius: .4rem; background: url(../images/fellowbtn.png) no-repeat; background-size: 1.4rem 1.28rem; background-position: 0 0; background-color: #FFDA44; }
.fellowBtn.active{ background-position: 0 -.64rem; background-color: #F2F2F2; }
.grandPrix{ border-bottom:1px solid #e3e3e3; padding: .2rem .15rem .2rem 0; }
.grandPrix .grandEx{ padding-top: .3rem; width: 2rem; text-align: center; margin-right: .28rem; }
.grandPrix .grandEx img{ width: 1.04rem; height: 1.04rem; border-radius: 50%; margin-bottom: .2rem; }
.grandPrix .grandEx p{ font-size: .24rem; color: #333; }
.grandPrix .winBox{padding-top: .54rem; height: 1.44rem; background: url(../images/winbox_bg.png); background-size: 100% 100%; }
.grandPrix .winBox p{ font-size: .28rem; color: #fff; line-height: .38rem; }
.grandPrix .rightTxt a{ display: block; margin-top: .2rem; color: #0F88EB; }

.focusCom{ background: #fff; padding-top: .3rem; border-radius: 0;}
.moveBtn{ position: fixed; z-index: 100; bottom: 2.65rem; right: .4rem; width: 1.2rem; height: 1.2rem; }
.moveBtn img{ width: 100%; height: 100%; }
.moveBtn .close{ position: absolute; right: -.16rem; top: -.16rem; width: .32rem; height: .32rem; background: url(../images/close1.png); background-size: 100% 100%;}

/*广告弹窗*/
.popupAd{ position: fixed; z-index: 99; width: 5.2rem; top: 2.8rem; left: 50%; margin-left: -2.6rem; }
.popupAd .img{ width: 5.2rem; height: 5.2rem; background: #fff; border-radius: .12rem; }
.popupAd .close{ display: block; width: .88rem; height: .88rem; margin: .88rem auto 0; background: url(../images/close.png); background-size: 100% 100%;}

/*选择电脑或手机访问*/
.wd_versionSelPop{ opacity: 0; visibility: hidden; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; position: fixed; z-index: 100; left: 0; bottom: 1rem; width: 100%; padding: .4rem .4rem .5rem; background: #fff; border-radius: .2rem .2rem 0 0;}
.wd_versionSelPop h3{ font-size: .36rem; color: #333; text-align: center;}
.wd_versionSelPop .close_btn_gray{ top: 0; right: 0; left: auto;}
.wd_versionSelPop ul li{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: .88rem; padding: 0 .4rem 0 .24rem; margin-top: .3rem; border: 1px solid #ddd; border-radius: .16rem;}
.wd_versionSelPop ul li i{ width: .48rem; height: .48rem; background-repeat: no-repeat; background-size: cover;}
.wd_versionSelPop ul li i.phone{ margin-right: .1rem; background-image: url(../images/wd_icon_phone.png);}
.wd_versionSelPop ul li i.computer{ width: .4rem; height: .4rem; margin-right: .14rem; background-image: url(../images/wd_icon_computer.png);}
.wd_versionSelPop ul li strong{ font-size: .36rem; color: #0F88EB;}
.wd_versionSelPop ul li span{ -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; text-align: right; font-size: .28rem; color: #999;}
.wd_versionSelPop ul li.bg_orange{ background: #FF8200; border: none;}
.wd_versionSelPop ul li.bg_orange strong{ color: #fff; font-weight: normal;}
.wd_versionSelPop ul li.bg_orange span{ color: rgba(255,255,255,.5);}
.wd_versionSelPop.animate{ opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none;}
.wd_versionSelBtn{ position: fixed; z-index: 100; right: .4rem; bottom: 1.6rem; width: .8rem; height: .8rem; background: url(../images/wd_icon_computer.png) no-repeat; background-size: .32rem .32rem; background-position: center; background-color: rgba(255,255,255,.9); -webkit-box-shadow: 0 .08rem .16rem rgba(0,0,0,.1); box-shadow: 0 .08rem .16rem rgba(0,0,0,.1); border-radius: 50%; border: 1px solid rgba(192, 192, 192, 0.2);}
@media screen and(min-width: 320px) and(max-width: 350px) {
  .wd_versionSelPop{ padding: .4rem .3rem .5rem;}
  .wd_versionSelPop ul li{ padding: 0 .3rem 0 .2rem;}
  .wd_versionSelPop ul li strong{ font-size: .32rem;}
  .wd_versionSelPop ul li span{ font-size:.24rem;}
}
.close_btn_gray{position: absolute; top: 0; right: 0; width: .88rem;height: .88rem;background: url(../images/close_btn_gray.png) no-repeat;background-size: cover;}

/*大奖图标*/
.bigPrize{ font-size: .22rem; color: #333; height: .32rem!important; margin-top: .1rem; }
.bigPrize em{ display: inline-block; width: .32rem; height: .32rem; background-position: 0 -6.49rem; text-align: center; font-size: .2rem; color: #EA4747; }

/*添加开奖提示*/
.videoIcon{ display: inline-block; width: .32rem; height: .32rem; margin-left: .08rem; background: url(../images/videoicon.png); background-size: 100% 100%; }

/*搜索*/
.searchBtn{ position: absolute; right: .2rem; top: 50%; margin-top: -.32rem; width: .64rem; height: .64rem; border-radius: .08rem; background: url(../images/searchicon.png); background-size: cover; background-color: rgba(255,255,255,.1); }
.comBtn{ display: block; height: .9rem; line-height: .9rem; text-align: center; background: #FF8200; border-radius: .08rem; font-size: .32rem; color: #fff; opacity: .2; }
.comBtn.active{ opacity: 1; }
/*双色球、大乐透入口*/
.topALink{ position: absolute; right: 0; top: .05rem; width: 1rem; height: 1rem; background: url(../images/topalink.png) center center no-repeat; background-size: .48rem .48rem; }
.topALink.dlt{ background: url(../images/topalink_dlt.png) center center no-repeat; background-size: .48rem .48rem; }

/*分享*/
.popShare{ position: fixed; z-index: 99; left: 0; bottom: 0; width: 100%; background: #eee; border-radius:16px 16px 0px 0px;}
.popShare h3{ padding: .4rem 0 .3rem; text-align: center; font-size: .32rem; color: #333; flex-wrap: 600; }
.popShare .txt{ padding: .24rem .4rem .24rem .3rem; margin: 0 .2rem; background: #fff; border-radius: .12rem; }
.popShare .txt .left{ width: 70%; font-size: .3rem; line-height: .42rem;word-break:break-all; }
.popShare .txt a{font-size: .32rem; color: #FF8200; }
.popShare .btn{ display: block; height: .88rem; line-height: .88rem; text-align: center; background: #fff; font-size: .32rem; font-weight: bold; color: #FF8200; }
.popShare .icon-right:before{-webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(2);}

/*开奖号码*/
.lotteryNub h2{ padding: .34rem 0 .38rem; font-size: .32rem; color: #EA4747; font-weight: bold; display: flex; align-items: center; justify-content: center; }
.lotteryNub h2 img{ width: .48rem; height: .48rem; margin-right: .12rem; }
.lotteryNub .hisLink{ position: absolute; font-size: .24rem; color: #0F88EB; right: .2rem; top: .42rem; }
.lotteryNub .ballLine{ display: flex; align-items: center; justify-content: center; }
.lotteryNub .ballLine span{ display: block; width: .72rem; height: .72rem; line-height: .72rem; text-align: center; border-radius: 50%; font-size: .3rem; font-weight: 600; color: #fff; background: #EA4747; margin: 0 .1rem; }
.lotteryNub .ballLine span.blue{ background: #588BD8; }
.lotteryNub .ballLine em{ margin: 0 .03rem; font-size: .32rem; color: #A8B0BF; }
.lotteryNub .txt{ font-size: .24rem; color: #333; text-align: center; padding: .4rem 0 .36rem; }
.entran{ padding: .1rem .2rem .4rem; display: flex; background: #fff; flex-wrap: wrap; }
.entran li{ width: 20%; text-align: center; margin-top: .3rem; }
.entran li img{ display: block; margin: 0 auto; width: .88rem; height: .88rem; }
.entran li span{ display: block; font-size: .24rem; color: #333; margin-top: .1rem; }

.botFixedBtn{ position: fixed; left: 0; bottom: 0; width: 100%; height: 1.1rem; line-height: 1.1rem; text-align: center; background: #FFE6CC; color: #fff; font-size: .32rem; box-shadow:0px 4px 8px 4px rgba(0,0,0,0.2); }
.botFixedBtn.active{ background: #FF8200; }

/*双色球大乐透浮标链接*/
.buoyLink{ position: fixed; z-index: 10; display: flex; align-items: center; justify-content: center; right: .4rem; bottom: 1.3rem; border-radius: 50%; width:.8rem;height:.8rem;background:rgba(234,71,71,.95);box-shadow:0 .08rem .16rem 0 rgba(0,0,0,0.1)}
.buoyLink.orange{ background:rgba(255,175,4,.95);}
.buoyLink img{ width: .48rem; display: block; }

/*按钮*/
.analyzeBtn { display: block; height: .9rem; line-height: .9rem; margin: .1rem .2rem 0; text-align: center; font-size: .32rem; color: #fff; background-color: rgba(255, 130, 0, .5); border-radius: .12rem; }
.analyzeBtn.active { background-color: #FF8200; }

/*开奖直播*/
.liveCount{ margin-bottom: .2rem; display: flex; align-items: center; height: .72rem; padding: 0 .2rem; background: #FFFAE5; border-radius: .08rem; font-size: .28rem; color: #333; }
.liveCount span{ color: #FF8200; }
.liveCount p{ flex:1; }
.liveCount .right{ display: flex; align-items: center; }
.liveIcon{ display: inline-block; width: .48rem; height: .48rem; background: url(../images/liveicon.png); background-size: cover; margin-left: .15rem; }

/*公众号样式*/
.topSubTabWrap{ position: fixed; top: 0; left: 0;height: 1.12rem; width: 100%; background: #F2F2F2; }
.topSubTab{ margin: .2rem auto; display: flex; width: 4.4rem; height: .72rem; line-height: .72rem; background: rgba(0,0,0,.1); font-size: .28rem; text-align: center; border-radius: .12rem; overflow: hidden; }
.topSubTab a{ flex: 1; color: #333; font-weight: 600; }
.topSubTab a.active{ background: #fff; border-radius: .12rem; }
.wx_cx{ padding-top: 2.02rem!important; }
.wx_cx .subTab{ top: 1.12rem; padding-right: 0; }
.wx_jz{ padding-top: 1.12rem; }

/*派奖活动提示*/
.pieAward{ padding: .2rem .3rem; background: #FFFAE5; color: #FF8200; line-height: .42rem; font-size: .28rem; border-radius: .08rem; margin-bottom: .1rem; }
.pieAward a{ color: #FF8200;}

.topGoHome{ position: absolute; z-index: 10; top: .35rem; right: .3rem; width: .6rem; height:.6rem;}
.topGoHome img{display: block; width: 100%; height: 100%;}

.userHome{ background: url(../images/userhome.png) center center no-repeat; background-size: .48rem .48rem }

/*加下载按钮*/
.downBtnBox{ display: flex; }
.downBtnBox a{ font-weight: 600; display: block; flex: 1; text-align: center; margin-right: .18rem; height: .8rem; line-height: .8rem; background: #FFF2F2; font-size: .28rem; color: #EA4747; border-radius: .12rem; }
.downBtnBox a:last-child{ margin-right: 0; }
.downBtnBox a.orange{ background: #FFE9C4; color: #F55F00; }
.titleH2{ height: .92rem; line-height: .92rem; font-size: .36rem; font-weight: 600; padding: 0 .3rem; border-bottom: 1px solid #E0E0E0; }
.white_block { margin-bottom: .2rem; font-size: .28rem; color: #333; background-color: #fff; box-shadow: 0 .16rem .32rem 0 rgba(0, 0, 0, .05); }
.randomNum { display: inline-block; width: .6rem; height: .6rem; line-height: .6rem; text-align: center; font-size: .28rem; color: #ea4747; background-color: rgba(234, 71, 71, .2); border-radius: 50%; }
.randomNum.disable{ opacity: .4; }
.randomNum.selected { color: #fff; background-color: #ea4747; }
.randomNum.blue { color: #588BD8; background-color: rgba(88, 139, 216, .2); }
.randomNum.blue.selected { color: #fff; background-color: #588BD8; }
.randomNum.gray{ background: rgba(0,0,0,.2); color: #fff; }
.randomBtn { display: inline-block; width: 1.16rem; height: .64rem; line-height: .6rem; text-align: center; font-size: .28rem; color: #FF8200; border-radius: .12rem; border: .02rem solid #FF8200; }
.randomBtn.selected { color: #fff; background-color: #FF8200; }
.randomBtn.gray{ background: rgba(0, 0, 0, 0.2); color: #fff; border: none; }
.randomBtn.w72 { width: 1.44rem; }
.randomNum_title { line-height: .8rem; padding-left: .24rem; }
.randomNum_set li { display: flex; align-items: center; justify-content: space-between; line-height: 1.04rem; padding: 0 .3rem 0 .24rem; border-top: 1px solid #e0e0e0; }
.randomNum_set li .name { width: 1.28rem; }
.randomNum_set li .btns .randomBtn { margin-right: .3rem; }
.randomNum_set li .btns .randomBtn:last-child { margin-right: 0; }
.randomNum_set li .num { flex: 1; display: flex; }
.randomNum_set li .num .randomNum { margin-right: .2rem; }
.generate_txt { padding: .04rem 0 .26rem .24rem; }
.randomOpr_bar { display: flex; background-color: #fff; box-shadow: 0 .04rem .08rem .04rem rgba(0, 0, 0, .2); }
.randomOpr_bar a { flex: 1; text-align: center; line-height: 1.1rem; font-size: .32rem; color: #333; border-left: .01rem solid #e0e0e0; }
.randomOpr_bar a:first-child { border-left: none; }
.randomOpr_bar a.orange { font-weight: 500; color: #FF8200; }
.randomOpr_bar a.bg_orange { background-color: #FF8200; color: #fff; }
.generateNum { margin: .2rem .2rem .4rem; background-color: #fff; border-radius: .12rem; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .05); }
.generateNum_list li { display: flex; align-items: center; padding: .2rem 0 .2rem .3rem; border-bottom: .01rem solid #E0E0E0; }
.generateNum_list li .rank { width: .7rem; font-size: .28rem; color: #333; }
.generateNum_list li .proparea, .generateNum_list li .backarea { display: flex; }
.generateNum_list li .proparea .randomNum, .generateNum_list li .backarea .randomNum { margin-right: .2rem; }
.generateNum_list li .backarea { margin-left: .2rem; }
.generateNum .save { display: block; line-height: 1rem; text-align: center; font-size: .28rem; color: #333; }
.analyzeNum { padding-top: .1rem; padding-bottom: .4rem; }
.analyzeNum .randomNum_title { padding-left: .3rem; }
.analyzeNum_sel { position: relative; display: flex; flex-wrap: wrap; padding-left: .1rem; }
.analyzeNum_sel .randomNum { float: left; width: .64rem; height: .64rem; line-height: .64rem; margin: 0 .2rem .3rem; }
.analyzeNum_sel .randomBtn { position: absolute; right: .3rem; bottom: .3rem; }
.analyzeNum .analyzeBtn { display: block; width: 1.76rem; height: .64rem; line-height: .64rem; margin: .1rem auto 0; text-align: center; font-size: .28rem; color: #fff; background-color: rgba(255, 130, 0, .5); border-radius: .12rem; }
.analyzeNum .analyzeBtn.active { background-color: #FF8200; }
.analyzeNum_det { margin-bottom: .1rem; text-align: center; background-color: #fff; font-size: .26rem; color: #333; box-shadow: 0 .16rem .32rem 0 rgba(0, 0, 0, .05); }
.analyzeNum_det .title { line-height: .8rem; border-bottom: .02rem solid #e0e0e0; font-size: .26rem; font-weight: 500; }
.analyzeNum_det li { display: flex; }
.analyzeNum_det li:nth-child(2n) { background-color: #F6F6F6; }
.analyzeNum_det li:first-child { border-bottom: .02rem solid #e0e0e0; }
.analyzeNum_det li > span { flex: 1; text-align: center; line-height: .8rem; border-right: .01rem solid #e0e0e0; }
.analyzeNum_det li > span:last-child { border-right: none; }
.analyzeNum_det li .randomNum { width: .48rem; height: .48rem; line-height: .48rem; font-size: .24rem; }
.analyzeNum_det.history li:nth-child(2n) { background-color: transparent; font-size: .24rem; color: #999; }
.analyzeNum_det.history li:nth-child(2n+1) { background-color: #F6F6F6; }
.analyzeNum_det.history li:first-child { border: none; }
.randomNum_blhz{ display: flex; flex-wrap: wrap; padding: .4rem 0 .1rem .2rem;}
.randomNum_blhz span{ width: 1.62rem; height: .8rem; line-height: .76rem; margin: 0 .2rem .2rem 0; text-align: center; font-size: .3rem; color: #333; border-radius: .08rem; border: .02rem solid #999; box-shadow: 0 .16rem .32rem 0 rgba(0, 0, 0, .05);}
.randomNum_blhz span.active{ border-color: transparent; background-color: #FF8200; color: #fff; }
.randomNum_matrix{ display: flex; flex-wrap: wrap; padding: .4rem 0 0 .3rem; }
.randomNum_matrix .randomNum{ width: .64rem; height: .64rem; line-height: .64rem; margin: 0 .4rem .4rem 0; }
.randomNum_matrix .randomNum:nth-child(7n){ margin-right: 0; }
.randomNum_matrix.disable .randomNum{ opacity: .5}
.randomNum_matrix.disable .randomNum.selected{ opacity: 1; }
.randomNum_gsfx{ padding-top: .3rem; padding-bottom: .1rem;}
.randomNum_gsfx .title{ margin-bottom: .3rem; text-align: center; font-size: .28rem; color: #333; }
.randomNum_gsfx_li{ padding: .24rem 0 .04rem .3rem; margin: 0 .2rem .1rem; border-radius: .12rem; background-color: #fff; }
.randomNum_gsfx_li li{ display: flex; align-items: center; margin-bottom: .2rem;}
.randomNum_gsfx_li li .issue{ width: 1.1rem; font-size: .26rem; color: #333;}
.randomNum_gsfx_li li .randomNum{ margin-right: .2rem; }
.randomNum_gsfx_bottom{ line-height: 1rem; text-align: center; font-size: .28rem; color: #333; background-color: #fff; box-shadow: .01rem -.01rem .01rem 0 rgba(0,0,0,.05)}
.topTxtcum{ padding: .25rem; background: #fff; font-size: .32rem; color: #333; text-align: center; }
.topTxtcum p{ margin-bottom: .1rem; }
.topTxtcum p:last-child{ margin-bottom: 0; }

/*����š��رհ�ť*/
.icon-cross { position: absolute; width: .88rem; height: .88rem; top: 0; left: 0; }
.icon-cross:before, .icon-cross:after { content: ""; position: absolute; left: 50%; top: 50%; width: .4rem; height: .04rem; -webkit-transform: translate(-50%, -50%) rotate(45deg); background-color: #bbb; border-radius: .04rem; }
.icon-cross::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); }

/*�ɹ��õײ�����*/
.popup_auto { opacity: 0; visibility: hidden; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); transition: all .3s ease; position: absolute; z-index: 1000; left: 0; bottom: 0; width: 100%; max-height: 70%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #fff; border-radius: .2rem .2rem 0 0; overflow: hidden; }
.popup_auto.animate { opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; transform: none; }
.popup_title { position: relative; line-height: .88rem; text-align: center; border-bottom: .01rem solid #e0e0e0; }
.popup_con { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
.popup_btn { border-top: .01rem solid #e0e0e0; }
.popup_btn_group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: .32rem; color: #333; }
.popup_btn_group a { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; line-height: .96rem; color: #333; border-left: .01rem solid #e0e0e0; }
.popup_btn_group a:first-child { border-left: none; }
.popup_btn_group a.orange { color: #FF8200; font-weight: 500; }

.popup_con .tipb{ position: absolute; left: 0; bottom: 0; width: 100%; height: .94rem; line-height: .94rem; text-align: center; font-size: .28rem; color: #333; background: #fff; }