@import url("iconfont.css");
html{margin: 0; padding: 0;}
body{box-sizing: border-box;outline: 0; font-weight: normal;  width: 100%; height:100%; font-size: 13px !important; color: #333; background-color:#FFFFFF; margin: 0 auto !important; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0);font-family: "PingFang SC", "Lantinghei SC", "Siyuan", "Microsoft YaHei", "微软雅黑", SimSun, Arial;}
ul,p{margin: 0; padding: 0;}
li{list-style: none;}
a{color: #333; text-decoration: none; font-size: 13px;}
a:hover{color: #e95912; text-decoration: underline;}
a.red{color: red;}
a:hover.red{color: #e95912; text-decoration: underline;}
a.blue{color: #0853cf; text-decoration: none;}
a:hover.blue{color: #e95912; text-decoration: none;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input,select,textarea{background-color:transparent; border-color:transparent;font-size: 13px; color: #555; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
h1,h2,h3,h4,h5{margin-top: 0; margin-bottom: 0;}
/*弹性盒子*/
.fh{display:-webkit-box;display:box;display:-webkit-flex;display:flex;}
.fh-f1{position:relative;-webkit-box-flex:1;box-flex:1;-webkit-flex:1;flex:1;}
.fh-f1{position:relative;-webkit-box-flex:1;box-flex:1;-webkit-flex:1;flex:1}
.fh-f2{position:relative;-webkit-box-flex:2;box-flex:2;-webkit-flex:2;flex:2}
.fh-f3{position:relative;-webkit-box-flex:3;box-flex:3;-webkit-flex:3;flex:3}
.fh-f4{position:relative;-webkit-box-flex:4;box-flex:4;-webkit-flex:4;flex:4}
.fh-f5{position:relative;-webkit-box-flex:5;box-flex:5;-webkit-flex:5;flex:5}
.fh-f6{position:relative;-webkit-box-flex:6;box-flex:6;-webkit-flex:6;flex:6}
.fh-f7{position:relative;-webkit-box-flex:7;box-flex:7;-webkit-flex:7;flex:7}
.fh-f8{position:relative;-webkit-box-flex:8;box-flex:8;-webkit-flex:8;flex:8}
.fh-f9{position:relative;-webkit-box-flex:9;box-flex:9;-webkit-flex:9;flex:9}
.fh-f10{position:relative;-webkit-box-flex:10;box-flex:10;-webkit-flex:10;flex:10}
.fh-pc{-webkit-box-pack:center;box-pack:center;-webkit-justify-content:center;justify-content:center;}
.fh-pe{-webkit-box-pack:end;box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}
.fh-pj{-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.fh-ac{-webkit-box-align:center;box-align:center;-webkit-align-items:center;align-items:center;}
.fh-ae{-webkit-box-align:end;box-align:end;-webkit-align-items:flex-end;align-items:flex-end;}
.fh-pac{-webkit-box-pack:center;box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;box-align:center;-webkit-align-items:center;align-items:center;}
.fh-ver{-webkit-box-orient:vertical;box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;}
.fh-wp{flex-wrap: wrap;}
/*溢出影藏*/
.nowrap-1{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.nowrap-2{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.nowrap-3{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

/*分页样式*/
.public-page-box{width: auto; height: auto; overflow: hidden; border-radius: 3px;}
.pagination{height: auto; overflow: hidden; font-size: 14px; border-radius: 3px;}
.pagination>li{float: left; width: 43px; height: 33px; line-height: 33px; background-color: #ffffff; text-align: center; border-left: 1px #f2f2f2 solid; border-top: 1px #f2f2f2 solid; border-bottom: 1px #f2f2f2 solid;}
.pagination>li:last-child{border-right: 1px #f2f2f2 solid;}
.pagination>li a{display: block; text-decoration: none; color: #777;}
.pagination>li a:hover{background-color: #f7f7f7; text-decoration: none;}
.pagination .disabled{}
.pagination .active{background-color: #009688; color: #FFFFFF; font-weight: 800; border-top: #009688 1px solid; border-bottom: #009688 1px solid;}

/*h5分页样式*/
.public-page{width: 100%; height: auto; overflow: hidden; background-color: #ffffff;}
.public-page>ul{width: 90%; height: auto; margin: 8px auto; border:#f2f2f2 1px solid; border-radius: 5px;}
.public-page>ul>li{line-height: 33px; text-align: center; border-right: #f2f2f2 1px solid;}
.public-page>ul>li>span{color: #999;}
.public-page>ul>li:last-child{border-right: none;}
.public-page>ul>li>a{display: block; text-decoration: none;}
.public-page .active{ background-color: #35a4f0;}
.public-page .active>a{ color: #ffffff;}

/*h5分页样式2,用户数据库记录集分页*/
.public-page-2{width: 100%; height: auto; overflow: hidden; background-color: #ffffff; padding: 8px 0;}
.public-page-2 .pager{width: 90%; height: auto; overflow: hidden; border: #e5e5e5 1px solid; border-radius: 3px; margin-left: auto; margin-right: auto;}
.public-page-2 .pager>li{width: 50%; height: 36px; line-height: 36px; text-align: center;}
.public-page-2 .pager>li:first-child{float: left; border-right: #e5e5e5 1px solid;}
.public-page-2 .pager>li:first-child>span:after{ content: " 首页"}
.public-page-2 .pager>li:first-child>a{display: block; text-decoration: none;}
.public-page-2 .pager>li:first-child>a:after{ content: " 上一页"}
.public-page-2 .pager>li:last-child{float: right;}
.public-page-2 .pager>li:last-child>span:before{ content: "尾页 "}
.public-page-2 .pager>li:last-child>a{display: block; text-decoration: none;}
.public-page-2 .pager>li:last-child>a:before{ content: "下一页 "}

/*h5异步列表分页*/
.list-page-box{height: auto; overflow: hidden; background-color: #ffffff;}
.list-page-box>ul{height: auto; overflow: hidden; border: #f2f2f2 1px solid; border-radius: 5px; margin: 8px;}
.list-page-box>ul>li{line-height: 35px; text-align: center;}
.list-page-box>ul>li:nth-child(2){border-left: #f2f2f2 1px solid; border-right: #f2f2f2 1px solid;}

/*开奖球样式*/
.public-num>p{float: left; width: 23px; height: 23px; display: block; margin-right: 4px; background-image: url("../images/numbers.png"); background-repeat: no-repeat; background-size: auto 200%;}
.public-num-cqssc>p{border-radius: 50%;}
.public-num-0{background-position: 0px top;}
.public-num-1{background-position: -23px top;}
.public-num-2{background-position: -46px top;}
.public-num-3{background-position: -69px top;}
.public-num-4{background-position: -92px top;}
.public-num-5{background-position: -115px top;}
.public-num-6{background-position: -138px top;}
.public-num-7{background-position: -161px top;}
.public-num-8{background-position: -184px top;}
.public-num-9{background-position: -207px top;}
.public-num-10{background-position: -230px top;}

.pub-num>p{float: left; width: 23px; height: 23px; line-height: 23px; text-align: center; color: #ffffff; font-size: 14px; font-weight: 800; display: block; margin-right: 4px; border-radius: 50%; text-shadow:#000000 0px 0px 2px;}
.pub-num-0{ background-color: #07bf01;}
.pub-num-1{ background-color: #e8e004;}
.pub-num-2{ background-color: #0092dd;}
.pub-num-3{ background-color: #4b4b4b;}
.pub-num-4{ background-color: #ff7602;}
.pub-num-5{ background-color: #18e2e5;}
.pub-num-6{ background-color: #5233ff;}
.pub-num-7{ background-color: #bfbfbf;}
.pub-num-8{ background-color: #ff2600;}
.pub-num-9{ background-color: #780a00;}
.pub-num-10{ background-color: #07bf01;}
.pub-num-11{ background-color: #f052e7;}
.pub-num-12{ background-color: #b0930b;}
.pub-num-13{ background-color: #0d9624;}
.pub-num-14{ background-color: #db3f40;}
.pub-num-15{ background-color: #a13ecd;}
.pub-num-16{ background-color: #64b81a;}
.pub-num-17{ background-color: #a73d3d;}
.pub-num-18{ background-color: #09a5a4;}
.pub-num-19{ background-color: #745bae;}
.pub-num-20{ background-color: #5ea4ea;}

.public-num-dx-1{background-position: -253px top;}
.public-num-dx-0{background-position: -276px top;}
.public-num-ds-1{background-position: -299px top;}
.public-num-ds-0{background-position: -322px top;}
.public-num-lh-1{background-position: -345px top;}
.public-num-lh-0{background-position: -368px top;}
.public-num-lh-2{background-position: -391px top;}

.public-num-box>p{float: left; width: 26px; height: 26px; line-height: 26px; font-size: 15px; font-weight: 700; text-align: center; display: block; margin-right: 4px;}
.public-num-f{ background-color: #299ce7; border-radius: 2px; color: #ffffff; text-shadow:#000 0 0 1px;}
.public-num-y{ background-color: #ee363f; border-radius: 50%; color: #ffffff; text-shadow:#000 0 0 1px;}
.public-num-yl{ background-color: #299ce7; border-radius: 50%; color: #ffffff; text-shadow:#000 0 0 1px;}
.public-num-none{width: 10px !important; font-size: 16px; background-image: none !important;}
.public-num-red{color: #ffffff; font-size: 14px; font-weight: 800; text-shadow: rgba(0,0,0,0.9) 0px 0px 1px; background-color: red; background-image: none !important; text-align: center; line-height: 23px;}

aside{width: 100%; height: 100%; min-width: 300px; max-width: 640px; overflow: auto; background-color: #ffffff; position: fixed; left: 100%; top: 0; z-index: 9999999;}
aside .aside-header{width: 100%; height: auto; overflow: hidden; position: relative; z-index: 100; box-shadow: #bbb 0px 1px 2px;}
aside .aside-header>ul{height: auto; overflow: hidden; background-color: #38a1ed;}
aside .aside-header>ul>li{line-height: 46px;}
aside .aside-header>ul>li:first-child{width: 50px; text-align: center; color: #ffffff; float: left;}
aside .aside-header>ul>li:last-child{float: right; padding-right: 10px;}
aside .aside-header>ul>li:last-child p{width: 60px; height: 28px; text-align: center; line-height: 26px; cursor: pointer; margin-top: 10px; color: #ffffff; border-radius: 14px; border: #ffffff 1px solid;}
aside .aside-my-list{width: 100%; height: auto; overflow: hidden; border-bottom: #f2f2f2 1px solid; padding-bottom: 12px;}
aside .aside-my-list>ul{height: auto; overflow: hidden;}
aside .aside-my-list>ul a{text-decoration: none;}
aside .aside-my-list>ul:first-child{line-height: 35px; padding: 5px 8px;}
aside .aside-my-list>ul:first-child>h3{float: left;}
aside .aside-my-list>ul:first-child>span{color: #999; margin-left: 5px; font-size: 13px;}
aside .aside-my-list>ul:nth-child(2){ padding: 5px 0px 5px 8px;}
aside .aside-my-list>ul:nth-child(2)>li{ width: 17%; height: 33px; color: #666; text-align: center; margin: 0 10px 10px 0; font-size: 14px; line-height: 33px; position: relative; background-color: #f0f0f0; border-radius: 17px;}
aside .aside-my-list>ul:nth-child(2)>li>a{width: 100%;height: 33px; display: block; overflow: hidden;}
aside .aside-my-list>ul:nth-child(2)>li>i{position: absolute; font-size: 20px; right: -4px; top: -9px; z-index: 9; color: #c6c6c6; display: none;}
aside .aside-my-list .show>li>i{display: block !important;}
aside .aside-all-list{width: 100%; height: auto; overflow: hidden; margin-top: 8px;}
aside .aside-all-list>ul{height: auto; overflow: hidden;}
aside .aside-all-list>ul a{text-decoration: none;}
aside .aside-all-list>ul:first-child{line-height: 35px; padding: 5px 8px;}
aside .aside-all-list>ul:first-child>h3{float: left;}
aside .aside-all-list>ul:first-child>span{color: #999; margin-left: 5px; font-size: 13px;}
aside .aside-all-list>ul:nth-child(2){ padding: 5px 0px 5px 8px;}
aside .aside-all-list>ul:nth-child(2)>li{ width: 17%; height: 33px; overflow: hidden; color: #666; text-align: center; margin: 0 10px 10px 0; font-size: 14px; line-height: 33px; border: #d5d5d5 1px solid; border-radius: 17px;}
aside .aside-all-list>ul:nth-child(2)>li>i{font-size: 13px; color: #d5d5d5;}

.lsort-0{padding: 5px; vertical-align: 0px; margin-left: 2px; background-image: url("../images/list-icon-def.png"); background-position: right center; background-repeat: no-repeat; background-size: auto 38%;}
.lsort-1{padding: 5px; vertical-align: 0px; margin-left: 2px; background-image: url("../images/list-icon-up.png"); background-position: right center; background-repeat: no-repeat; background-size: auto 38%;}
.lsort-2{padding: 5px; vertical-align: 0px; margin-left: 2px; background-image: url("../images/list-icon-down.png"); background-position: right center; background-repeat: no-repeat; background-size: auto 38%;}

#pjax_box{width: 100%; height: auto; overflow: hidden;}

/*遮罩层*/
.public-mask{width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); position: fixed; left: 0; top: 0; z-index: 9990; display: none; cursor: pointer;}

footer{width: 100%; height: auto; overflow: hidden;}
footer>div{height: auto; overflow: hidden;}
footer>div>ul{height: auto; overflow: hidden;}
footer>div>ul>li:first-child{line-height: 25px; text-align: center; padding: 15px 0 0 0;}
footer>div>ul>li:first-child>a{padding: 0 10px;}
footer>div>ul>li:nth-child(2){line-height: 25px; text-align: center; padding: 15px 0 20px 0; color: #999;}

/*radio样式*/
.checkbox-0 input{font-family:iconfont !important;font-size:1.5rem; cursor: pointer; vertical-align:-0.15rem; -webkit-appearance: none;background-color:transparent; border-color:transparent; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
.checkbox-0 input:after{content: '\e671'; color: #d5d5d5;}
.checkbox-0 input:checked:after{content:'\e647';color: #FF7152;}

.checkbox-1 input{font-family:iconfont !important;font-size:1.2rem; cursor: pointer; vertical-align:-0.15rem; -webkit-appearance: none;background-color:transparent; border-color:transparent; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
.checkbox-1 input:after{content: '\e671'; color: #d5d5d5;}
.checkbox-1 input:checked:after{content:'\e647';color: #FF7152;}

.checkbox-2 input{font-family:iconfont !important;font-size:1.2rem; cursor: pointer; vertical-align:-0.15rem; -webkit-appearance: none;background-color:transparent; border-color:transparent; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
.checkbox-2 input:after{content: '\e655'; color: #d5d5d5;}
.checkbox-2 input:checked:after{content:'\e6b0';color: #FF7152;}

.checkbox-3 input{font-family:iconfont !important;font-size:1rem; cursor: pointer; vertical-align:-1px; -webkit-appearance: none;background-color:transparent; border-color:transparent; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
.checkbox-3 input:after{content: '\e671'; color: #d5d5d5;}
.checkbox-3 input:checked:after{content:'\e647';color: #FF7152;}

.tofrom{background-color: #ffffff !important; color: #ffffff !important; border: #ef4652 1px dashed !important;}
.gofrom{background-color: #ffffff !important;}

.html-body-overflow{overflow-x:hidden;overflow-y:hidden;}
.header-seat{width: 100%; height: 46px;}