@import url(/html/static/css/iconfont.css);

html,body{margin:0;padding:0; width: 100%;overflow-x: hidden;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:Microsoft YaHei,Helvetica Neue,Helvetica,STHeiTi,Arial,sans-serif;-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;margin:0;padding:0;-webkit-overflow-scrolling: touch;}
a{text-decoration:none;color:#323232;}
li{list-style:none;}
em{font-style: normal;}
input{-webkit-appearance: none; }
.clearfix:after{content: '';display: table;width: 100%;height: 100%;clear: both;}
.ub{display:flex-box ! important;display:-webkit-box ! important; display: flex ! important;display: -webkit-flex!important;justify-content: space-between;position:relative;}
.ub.ub-center{justify-content: center ! important;-webkit-justify-content: center ! important;box-align:center;-webkit-box-align:center;}
.ub.ub-ac{-webkit-box-align: center;align-items: center ! important;-webkit-align-items:center ! important;}
.ub.ub-justify{justify-content: space-between;-webkit-justify-content: space-between;}
.ub .ub-f1{-webkit-box-flex: 1 ! important;flex: 1 ! important;-webkit-flex:1 ! important;}
.f-l{float: left ! important;}
.f-r{float: right ! important;}
.bg-grey{background:#eeeeef; }
.bg-fff{background: #fff ! important;}
.mb-10{margin-bottom: 1rem ! important;}
.mr-10{margin-right: 1rem ! important;}
.ml-10{margin-left: 1rem ! important;}
.mr-5{margin-right: 0.5rem ! important;}
.p-tb-10{padding-top: 1rem;padding-bottom: 1rem;}
.pb-0{padding-bottom: 0rem ! important;}
.pt-10 {padding-top:1rem ! important;}
.p-10{padding: 1rem ! important;}
.pb-10{padding-bottom: 1rem ! important;}
.pl-10{padding-left: 1rem ! important;}
.p-lr-10{padding-right:1rem ! important;padding-left: 1rem !important;}
.bb-1{border-bottom: 1px solid #e5e5e5 ! important;}
.bb-1-d{border-bottom: 1px dotted #e5e5e5 ! important;}
.text-12{font-size: 1.2rem ! important;}
.text-13{font-size: 1.3rem ! important;}
.text-14{font-size: 1.4rem ! important;}
.text-15{font-size: 1.5rem ! important;}
.text-16{font-size: 1.6rem ! important;}
.text-18{font-size: 1.8rem ! important;}
.text-blue{color: #2D9FFF ! important;}
.text-grey{color: #808080 ! important;}
.text-blue-dark{color: #346ab0 ! important;}
.text-orange-red{color: #FF4B3A ! important;}
.text-green{color:#00CA85 !important;}
.text-red{color:#BA142B !important;}
.text-underline{text-decoration: underline !important;}
.text-ellipsis{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.w-45{width: 45% !important;}
.w-40{width: 40% !important;}
.w-28{width: 28% !important;}
.w-34{width: 34% !important;}
.w-94 {
    width: 94% !important;
}
.w-10{width: 10% !important;}
.v-m{vertical-align: middle;}
.hr-1{width: 100%; height: 1px;background: #e5e5e5;display: block;}
.chart{margin:0;position:relative;width:1300px;overflow:hidden;}
.MIP-SIDEBAR-MASK{height: 100vh !important;}
mip-gototop.iconfont{background: none;border:none;font-size: 4.5rem;color:rgba(0,0,0,0.8);}

/*header*/
.header{height:4.4rem;background: #346AB0;box-sizing: border-box;padding: 1.3rem 0.5rem;color: #fff;font-size: 1.6rem;position:relative;}
.header a{font-size: 1.6rem;line-height: 1.8rem;height: 1.8rem; color: #fff;display: inline-block;margin:0 0.1rem; }
.header .iconfont{margin-right: 0.2rem;}
.header .center{width: 60%;text-align: center;position: absolute; left: 20%;top:0; line-height: 4.4rem;font-size: 1.5rem;color: #fff;}
/*nav*/
.typeLinkBox{width: 100%;padding: 5px;box-sizing: border-box;}
.typeLinkBox .col{float: left;box-sizing:border-box;padding:0.6rem;}
.typeLinkBox.col5 .col{width: 20%;}
.typeLinkBox.col4 .col{width: 25%;}
.typeLinkBox.col3 .col{width: 33.3%}
.typeLinkBox.col2 .col{width: 50%}
.typeLinkBox .col a,.typeLinkBox .col span{display: block;text-align: center;color: #323232;font-size: 1.3rem;border:1px solid #346AB0;border-radius:3px;overflow: hidden;line-height:2.7rem;height:2.7rem; padding:0rem 0.2rem;}
.typeLinkBox.grey-border .col a{border:1px solid #BFBFBF;}
.typeLinkBox.tg .col a{border:none;background:#efefef;border-radius:0;}
.typeLinkBox.tg .col{padding: 0.2rem}
.typeLinkBox.bot .col{width: 20%;}
.typeLinkBox.bot.col2 .col{width: 50%;height:3.2rem;overflow:hidden;line-height:3.2rem;}
.typeLinkBox.bot.col3 .col{width: 33.3%;}
.typeLinkBox.bot.col4 .col{width: 25%;}
.typeLinkBox.bot.col2 .hr-1{float: left;margin: 0.5rem 0rem;}
.typeLinkBox.bot .col a{border:none; padding: 0;text-align: left;height:1.7rem;line-height:1.7rem;}
.typeLinkBox.bot.link-blue .col a{color:#0051bb;line-height:2rem;display:inline-block;overflow:hidden;height:2rem;}
.typeLinkBox.bot .col.orange a{border:1px solid #ED7724 !important;color:#ED7724 !important;}
.typeLinkBox .col .iconfont{color: #2A65B1;font-size: 1.3rem}

/*main title*/
.mainTitle{overflow: hidden;box-sizing: border-box;}
.mainTitle.title{padding:0.5rem 0;}
.mainTitle .iconfont{color:#2E9AFF;font-size: 2rem;margin-left: 0.5rem; line-height: 3rem;vertical-align: middle;}
.mainTitle a{display: inline-block;line-height:3.7rem; margin:0 0.5rem;vertical-align: middle;overflow: hidden; font-size:1.4rem;}
.mainTitle .qipa{width: 3.5rem;display: inline-block;vertical-align: middle;}

/*sub title*/
.subTitle{overflow: hidden;}
.subTitle.max4{text-align:center;}
.subTitle.max4>div{min-width:33.3%;display:inline-block;margin-left:-3px;}
.subTitle.max4>div:nth-child(-n+4){min-width:25%;}
.subTitle.max4>div:nth-child(4):after{display:none;}
.subTitle>div{text-align: center;position: relative;margin-bottom:-1px;margin-right:-1px; border-bottom:1px solid #e5e5e5;}
.subTitle>div:after{content: '';position: absolute;height: 2rem;width:1px;top: 0.7rem;right:0;display: block;background: #e5e5e5;}
.subTitle>div:last-child:after{display: none;}
.subTitle.kj>div:after{display: none;}
.subTitle a{font-size: 1.4rem; line-height: 3.3rem;display: inline-block;border-bottom: 1px solid transparent;color: #808080;height: 100%;box-sizing: border-box;white-space:nowrap;padding:0 10px;}
.subTitle .active a{color: #2E9AFF;border-bottom: 1px solid #2E9AFF;}
.subTitle.red .active a{color: #BA142B;border-bottom: 1px solid #BA142B;}
.subTitle.red a{font-size: 1.5rem;}
.subTitle.tab>div:after{height: 3.4rem;top: 0px;}
.subTitle.tab>div{border-bottom:1px solid #e5e5e5;height: 3.4rem;box-sizing: border-box;margin-bottom:0;}
.subTitle.tab>div a{border-bottom: none;line-height: 3.3rem;}
.subTitle.tab>div span{border-bottom: none;line-height: 3.3rem;color:#808080;font-size: 1.4rem;}
.subTitle.tab>div span .iconfont{}
.subTitle.tab>div.active{border-bottom: 1px solid #fff;}
.subTitle.tab>div.active a{font-weight: bold;color:#323232;}
/*commen list*/
.commenList{padding: 0 1rem;}
.commenList li{border-bottom: 1px dotted #e5e5e5;height: 4rem}
.commenList li a{line-height: 4rem;display: inline-block;font-size: 1.6rem;color: #323232;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;box-sizing: border-box;}
.commenList li a:visted{color:#888;}
.commenList li a:before{content: '';margin-top: -0.1rem; width: 0.4rem;height: 0.4rem;border-radius: 50%;display: inline-block;background:#323232;margin-right:1rem;vertical-align: middle;}
.ubnderListMore{height: 4rem;padding:0px 1rem;box-sizing: border-box; overflow:hidden;}
.ubnderListMore a{margin-left: 1rem;line-height: 4rem;height:4rem;overflow:hidden; color:#808080;font-size: 1.3rem; }
.commenList li.new a:before{content: '[新]';color:#7aaf51;background: transparent;vertical-align: top;width: 1.5rem;}
.ubnderListMore a:first-child{margin-left: 0;}

/*footer*/
footer .webInfo{text-align: center;padding:1rem;font-size: 1.6rem; }
footer .webInfo p{line-height: 3rem;text-align: center;color:#808080;}
footer .webInfo p a{text-decoration: underline;color:#2D9FFF; margin: 0 0.5rem;}
footer .webInfo p a.tel{color:#808080; }
/*sidebar*/
.MIP-SIDEBAR-MASK{opacity: 0.3;}
mip-sidebar{z-index: 10001 !important;}


.page{text-align: center;padding: 1rem 0;}
.page .col{display: inline-block;margin: 0 0.2rem;border:1px solid #BFBFBF;color: #323232;padding: 0.3rem 0.5rem;border-radius: 5px;background:#F2F2F2; font-size: 1.3rem}
.page .current.col{color: #808080;}

/*推广*/
.tuiguang{}
.tuiguang .tuiguangTb{width: 100%; border-collapse: collapse;border:1px solid #D9D9D9;overflow: hidden;table-layout:fixed;}
.tuiguang .tuiguangTb td{border:1px solid #D9D9D9;height: 2.2rem;color:#808080;vertical-align: middle;border-collapse:collapse; width: 45%;overflow: hidden;}
.tuiguang .tuiguangTb td.tg{width: 8%;}
.c-span12{padding: 0;}
.c-line-clamp2{margin: 0 5%;width: 90%;text-overflow: ellipsis;height: 1.8rem;line-height: 1.8rem;overflow: hidden;white-space: nowrap;display: block;}
.tuiguang .tuiguangTb td a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 94%;margin: 0 3%;display: block;line-height: 2.2rem}


/*article*/
.article{padding:1rem; }
.article p{line-height: 3rem;color: #323232;font-size: 1.6rem;word-wrap:break-word;}
.article p.text-grey{color: #808080;}
.article.mip-layout-container{min-height: 100px;}

/*article*/
.playDetail {
    padding: 1rem;
}

    .playDetail p {
        line-height: 3rem;
        color: #323232;
        font-size: 1.6rem;
        word-wrap: break-word;
    }

    .playDetail p span {
        line-height: 3rem;
        font-size: 1.6rem;
        word-wrap: break-word;
    }

        .playDetail p.text-grey {
            color: #808080;
        }

    .playDetail.mip-layout-container {
        min-height: 100px;
    }

.relation{padding: 0.6rem 1rem; }
.relation p{line-height: 2.8rem;height: 2.8rem;overflow: hidden;font-size: 1.4rem;}
.relation p a{margin: 0 0.6rem;display: inline-block;font-size: 1.4rem;}

/*开奖公告*/
.kjList{padding:0px 1rem; }
.kjList .ticket{padding: 1rem 0px;border-bottom: 1px dotted #d9d9d9;display:block;}
.kjList .ticket:last-child{border-bottom: 0;}
.kjList .ticket .name{font-weight: normal; font-size: 1.6rem;font-size: 1.6rem;color: #323232;margin:0;}
.kjList .ticket .text-nowrap{white-space: nowrap;}
.kjList .ticket .small-font{font-size: 1.2rem;color: #808080;display: inline-block;margin:0;}
.kjList .ticket .w-100{width: 100%}
    .kjList .ticket .noPadBallBox {
        padding: inherit;
    }
.kjList .ticket .ballBox{padding:1rem 0;}
    .kjList .ticket .ballBox .smallball {
        border-width: 1px;
        border-style: solid;
        text-align: center;
        border-radius: 50%;
        width: 2.4rem;
        height: 2.4rem;
        line-height: 2.4rem;
        display: inline-block;
        margin: 0.3rem 0.4rem 0.3rem 0rem;
        font-size: 1.5rem;
        color: #fff;
    }

        .kjList .ticket .ballBox .smallball.red {
            background: transparent;
            color: #BA142B;
            border-color: #BA142B;
        }
    .kjList .ticket .noPadBallBox .smallball {
        border-width: 1px;
        border-style: solid;
        text-align: center;
        border-radius: 50%;
        width: 2.4rem;
        height: 2.4rem;
        line-height: 2.4rem;
        display: inline-block;
        margin: 0.3rem 0.4rem 0.3rem 0rem;
        font-size: 1.5rem;
        color: #fff;
    }
        .kjList .ticket .noPadBallBox .smallball.red {
            background: transparent;
            color: #BA142B;
            border-color: #BA142B;
        }
.kjList .ticket .ballBox .ball{border-width: 1px; border-style: solid; text-align: center;border-radius: 50%; width: 2.8rem;height: 2.8rem;line-height: 2.8rem;display: inline-block;margin: 0.3rem 0.4rem 0.3rem 0rem;font-size: 1.6rem;color: #fff;}
.kjList .ticket .ballBox .ball.red{background: transparent;color: #BA142B;border-color: #BA142B;}
.kjList .ticket .ballBox .ball.blue{background: transparent;color: #1352A3;border-color:#1352A3;}
.kjList .ticket .iconfont{color: #bfbfbf;font-size: 1.2rem;}
.kjList .ticket .t_info{margin-left: 1rem;color: #323232;font-size: 1.3rem;}
.kjList .ticket .t_info b{font-weight: normal;letter-spacing: 0.2rem;margin-left: 0.3rem;}
.kjList .ticket.ticket-detail .t_info{font-size: 1.4rem;}
.kjList .ticket a{color: #33A0FF;font-size: 1.4rem;text-decoration: underline;}

.search{color:#808080;font-size: 1.2rem;line-height: 1.8rem;vertical-align: middle;}
.search input{width: 4.6rem;height: 1.8rem;font-size: 1.1rem;border:1px solid #e5e5e5;vertical-align: middle;box-sizing: border-box;display: inline;padding:0;padding-right: 0;}
.search button{height: 1.8rem;font-size: 1.2rem;color: #0E52A7;vertical-align: middle;border-left: 0;border:1px solid #e5e5e5;box-sizing: border-box;}
mip-form input[type='number']{padding-right: 0;}
.kjTable{width: 100%; table-layout: fixed;border-collapse: collapse;border:1px solid #e5e5e5;}
.kjTable thead th{background:#f2f2f2;font-weight: normal;color:#808080;font-size:1.4rem; }
.kjTable thead.small th{height: 2rem;font-size:1.4rem;}
.kjTable td,.kjTable th{height: 2.6rem;overflow: hidden;text-align: center;vertical-align: middle;border:1px solid #e5e5e5;font-size:1.4rem;}
/*图库*/
.tukusearch{position: relative;}
.tukusearch .serching{width: 100%;}
.tukusearch .serching button{width: 4rem;height: 2.6rem;background:#d9d9d9;line-height: 2.6rem;border:none;border-radius: 0 0.3rem 0.3rem 0;position: absolute;right: 1rem;top: 1rem; }
.tukusearch .serching input{width: 100%;height: 2.6rem;box-sizing: border-box;border:1px solid #e5e5e5;border-radius: 0.3rem;padding:0 5rem 0 1rem; }
.tukuQ .qu{border:1px solid #bfbfbf;background: #E6E6E6;font-size: 1.1rem;padding:0 0.8rem;line-height: 1.8rem;border-radius: 0.2rem}

/*404*/
.box404{text-align: center;padding-bottom:2rem;}
.box404 .erroricon{font-size: 20rem;display: block;margin: 0 auto;color: #7fa2cf;animation:errorwave 3s infinite alternate ease-in-out;-webkit-animation:errorwave 3s infinite alternate ease-in-out;}
.box404 .tishi{color: #7fa2cf;font-size: 1.8rem;padding-bottom:2rem;}
.box404 .link{border-radius: 3px;margin: 0.5rem;background:#7fa2cf;color: #fff;font-size: 1.4rem;padding:0 0.8rem;line-height: 3rem;display: inline-block; }

.chooseQi {padding: 0.5rem;}
.chooseQi .con{width: 33.3%;padding: 0.5rem;float: left;box-sizing: border-box;}
.chooseQi .con a{border:1px solid #e5e5e5;font-size: 1.3rem;text-align: center;display: block;line-height: 3rem;border-radius: 4px;}
.mip-layout-container .qi{font-size: 1.4rem;}

/*新的css*/
/*返回顶部*/
.icon-fanhuidingbu{position:fixed;bottom:2rem;right:0.5rem;font-size:5rem;opacity:0.8;display:none}
.icon-fanhuidingbu.show{display:block;}

/*右侧侧边栏*/
#right-sidebar{position:fixed;right:0;top:0;bottom:0;background:rgba(0,0,0,0.5);left:100%;transition:all 0.2s;-webkit-transition:all 0.2s;}
#right-sidebar.show{left:0;transition:all 0.2s;-webkit-transition:all 0.2s;}
.sidebar{width: 85%;background: #fff;float:right;height:100%;overflow-y:scroll;}
.sidebar .header{height:4.4rem;background: #fff; }
.sidebar .header span{color: #323232;font-size: 1.6rem;line-height: 1.8rem;height: 1.8rem;display: inline-block;margin:0 0.3rem;}
.sidebar .header .iconfont{color: #0047A1;}
.sidebar .title{line-height: 3.6rem;font-size:1.4rem;font-weight: bold;margin: 0 1rem;}
.sidebar .typeLinkBox .col a{padding:0rem 0.2rem;border:1px solid #BFBFBF;}
.sidebar .typeLinkBox .col.orange a{color:#ED7724;border:1px solid #ED7724;}
.sidebar .typeLinkBox .col.new a{position: relative;} 
.sidebar .typeLinkBox .col.new .iconfont{color: #9ED375;position: absolute;top:-0.6rem;right: 0;font-size: 1.6rem;}


.scrollbox{height:100%;width:100%;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling: touch;}

.text-center{text-align:center;}
.tabContainer .con{display:none;}
.tabContainer .con.active{display:block;}
.tabControl{background:#fff;border-bottom:1px solid #e5e5e5;}
.tabControl .con{}
.tabControl .con span{font-size:1.8rem;padding:1rem 1.5rem;display:inline-block;}
.tabControl .con.active span{border-bottom:2px solid #346AB0;color:#346AB0;}
.moreQi{position:fixed;left:0;right:0;top:100%;bottom:0;background:rgba(0,0,0,0.5);z-index:2004;overflow:hidden;-webkit-transition:all 0.2s;transition:all 0.2s;}
.moreQi.show{top:0%;-webkit-transition:all 0.2s;transition:all 0.2s;}
.moreQi .content{position:absolute;bottom:0;background:#fff;}

img{max-width:100%;}
.hongbao{position:fixed;right:0.5rem;bottom:8rem;}
.hongbao img{width:6rem;}
.wordcert{font-size:1.4rem;border-top:1px dotted #ddd;width:100%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;padding-top:10px;}
.wordcert div{color:#999;font-size:1.4rem;}
.wordcert a{font-size:1.4rem;}

/*关注牛彩会*/

.attentionmain {}
.attentionmain .container {width: 80%;margin: 0 auto;padding: 2rem 0 10rem; }
.attentionmain .container .mainimg {width: 100%;margin: 0 auto;display: block;margin-bottom: 1rem;}
.attentionmain .container p.tishi {text-align: center;line-height: 2.8rem;font-size: 1.5rem;}
.attentionmain .container .codebox {padding: 1rem 2rem;background: #e66545;border-radius: 5px;margin-top: 1rem; }
.attentionmain .container .codebox .codeimg {width: 42%; }
.attentionmain .container .codebox .codeimg img {width: 100%;margin: 0;display: block;}
.attentionmain .container .codebox .codetext { font-size: 1.6rem;padding: 0 2rem;color: #fff;line-height: 2.4rem; }
.howToUse {
    width: 100%;
    padding: 1rem;
    border: 1px solid #e66545;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 1rem;
    margin: 0 auto;
    margin-top: 2rem;
}
.howToUse img.funImg {width: 100%;display: block;margin: 0 auto;}
.howToUse .tel {line-height: 3rem;font-size: 1.4rem;text-align: center;padding-top: 1rem;}
.attentionbg:before {background-image: url('/html/static/images/background.png');content: '';position: fixed;left: 0;top: 0; right: 0; bottom: 0;background-size: cover; z-index: -1;background-repeat: no-repeat;}

@keyframes errorwave {
    0%   {margin-left: -60px;transform: rotate(5deg);-webkit-transform: rotate(5deg);}
100% {margin-left:60px;transform: rotate(-5deg);-webkit-transform: rotate(-5deg);}
}
@-webkit-keyframes errorwave
{
0%   {margin-left: -60px;transform: rotate(5deg);-webkit-transform: rotate(5deg);}
100% {margin-left:60px;transform: rotate(-5deg);-webkit-transform: rotate(-5deg);}
}
@media screen and (max-width:373px) {
    html {font-size: 10px;}/*10*/
}
@media screen and (min-width:374px){
	html{font-size:11px;}/*11*/
}
@media screen and (min-width:413px){
	html{font-size:12px;}/*12*/
}
@media screen and (min-width:540px){
	html{font-size:13px;}/*13*/
}
@media screen and (min-width:580px) {
    html {
        font-size: 14px;
    }
    /*13*/
}


.adImg {
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-right: 0.7rem;
    margin-left: 0.7rem;
}