body {background-color: #f9f8f8;font-family: "微软雅黑", Arial;color: #333;-webkit-user-select: none;-webkit-text-size-adjust: none;font-weight: normal;font-size: 14px;line-height: 20px;}
a:link,a:hover {color: #333;text-decoration: none;}
#top,.pageview .topBox {height: 45px;line-height: 45px;font-size: 14px;color: #FFF;text-align: center;position: relative;font-size: 16px;background-color: #3E3276;/*background-image: url(images/topbg.jpg);*/background-position: left top;background-size: 100%;}
#top .menu {position: absolute;left: 50%;width: 160px;line-height: 30px;background-size: 20px auto;font-size: 14px;z-index: 2;margin-left: -75px;border: 1px solid #FFF;border-radius: 4px;margin-top: 7px;}
#top .menu li a {color: #f5fbfa;text-align: center;display: block;width: 40px;float: left;}
#top .menu li.w50 a {width: 50%;float: left;display: block;}
#top .menu li.w50 a.on {width: 50%;color: #403c91;background: #f5fafb;}
#top .menu li a.on {color: #403c91;background: #f5fafb;}
#top .backBtn::before,.topBox .backBtn::before {content: "";transform: translateY(16px) rotate(45deg);display: block;width: 10px;height: 10px;border-left: 1px solid #FFF;border-bottom: 1px solid #FFF;transition: all .2s linear;}
#top .backBtn,.topBox .backBtn {float: left;height: 100%;padding: 0 15px;}
#top .middle,.topBox .middle {position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);}
.topBox .backBtn2 {transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-left: 15px;width: 12px;height: 12px;margin-top: 23px;display: block;border-left: 1px solid #FFF;border-bottom: 1px solid #FFF;-webkit-transition: all .2s linear;transition: all .2s linear;float: left;}
#top .edit,.topBox .edit {width: 10%;position: absolute;top: 7px;right: 7px;}
#top .right {position: absolute;right: 10px;top: 0px;line-height: 48px;font-size: 12px;}
#top .edit,#top .right .btn,.topBox .edit,.topBox .right .btn {border-radius: 4px;padding: 0 20px;height: 26px;line-height: 26px;color: #FFF;font-size: 14px;border: 1px solid #5A537D;}
#top .right .btn {margin-top: 7px;display: inline-block}
#top .right .btn+.btn {margin-left: 7px}
#top .tmenu,.topBox .tmenu {position: absolute;right: 8px;top: 9px;width: 26px;height: 26px;background-image: url(/content/images/menuv.png);background-size: 26px 26px;}

#top .resetDataBtn,.topBox .resetDataBtn {position: absolute;right: 8px;top: 9px;width: 26px;height: 26px;background: url(/content/images/reset.png) no-repeat center center;background-size: 20px 20px;}


.subTitle {line-height: 30px;background: #F6F6F6;font-size: 12px;text-align: center;border-bottom: 1px solid #d9d9d9;}
.dateBox {border-bottom: 1px solid #CCC;overflow: hidden;font-size: 12px;}
.dateBox li {float: left;width: 16%;text-align: center;display: block;line-height: normal;border-right: 1px solid #CCC;padding-top: 10px;padding-bottom: 10px;}
.dateBox li.on {border-bottom: 2px solid #F66;color: #F66;padding-top: 9px;padding-bottom: 9px;}
.dateBox li.on .week,.dateBox li.on a {color: #F66;}
.dateBox li .week {display: block;}
.dateBox li.icon {width: 18%;display: block;border-style: none;background: url(images/date.jpg) no-repeat center center;background-size: 26px;}
.paydiv {background-color: #FFF;padding-bottom: 6px;}
.pay12div h3 {padding-left: 12px;}
h3 {line-height: 34px;font-size: 14px;text-align: left;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #E7E7E7;font-weight: normal;background-color: #FFF;color: #333;}
h3 .right {float: right;font-weight: normal;padding-right: 5px;}
header {background-color: #3E3276;text-align: left;color: #fff;background-image: url(images/topbg.jpg);background-position: center top;background-size: 100%;}
header ul.menu,ul.subMenu {text-align: center;/* IE */
     display: block\9;/* Firefox */
     display: -moz-box;-moz-box-orient: horizontal;/* Safari, Opera, and Chrome */
     display: -webkit-box;-webkit-box-orient: horizontal;/* W3C */

     display: box;box-orient: horizontal;background-position: 0 0;}
header ul.menu li,ul.subMenu li {display: block;background: inherit;-webkit-box-flex: 1;-webkit-box-sizing: border-box;margin: 0 0px 0 0;padding: 0px;text-align: center;position: relative;}
header ul.menu {color: #FFF;width: 100%;z-index: 99;}
header .menu:last-child {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #d9d9d9;}
header .menu li {/* IE */

     width: 16.6%\9;float: left\9;height: 30px;font-size: 16px;line-height: 30px;position: relative;float: left;width: 20%;}
header .menu li,header .menu li a {color: #D8D6E4;}
header .menu li.on,header .menu .on a {color: #E2C514;font-weight: 400;}
header .menu .ddl:before {content: "";width: 0;height: 0;border-right: 5px solid transparent;border-left: 5px solid transparent;border-top: 5px solid #A8A0C5;display: block;position: absolute;top: 13px;left: 70%;}
header .menu .on.ddl:before {border-top-color: #E2C514}
header .menu li.on:after {content: "";display: block;position: absolute;width: 0;top: 26px;left: 50%;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #EFEEF4;}
header .ddl .cnav {display: none;position: absolute;background-color: #FFF;border: 2px solid #584F88;top: 32px;width: 100%;z-index: 99;border-radius: 5px;padding: 3px 0;box-shadow: 0px 2px 10px rgba(0, 3, 57, 0.1);margin: 0 5px;}
header .ddl .cnav a {clear: both;line-height: 36px;display: block;color: #333;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #F3F3F3;}
header .ddl .cnav a:last-child {border-bottom: 0}
.subMenu {overflow: hidden;position: relative;font-size: 14px;background-color: #F3F3F3;background: -webkit-gradient(linear, 0 0, 0 100%, from(#EFEEF4), to(#E4E2ED));border-bottom: 1px solid #DEDCE9;width: 100%}
.subMenu,.subMenu a {color: #616170;line-height: 36px;}
.subMenu .on a {color: #e8641a;line-height: 34px;}
.subMenu li {position: relative;float: left;width: 20%;}
.subMenu li.on {border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #e8641a;color: #e8641a;}
.subMenu .sss:before {content: '';width: 0;height: 0;border-right: 5px solid transparent;border-left: 5px solid transparent;border-top: 5px solid #A8A0C5;display: block;position: absolute;top: 16px;left: 72%;}
.subMenu i,.fixedNum {background: #d52b1e;color: #fff;width: 14px;height: 14px;border-radius: 10px;font-style: normal;font-size: 10px;line-height: 16px;position: absolute;right: 2px;top: 2px;}

.more2 {text-align: center;padding: 0px;margin: 0px;color: #FFF;width: 100%;font-size: 14px;overflow: hidden;border-bottom: 1px solid #e6e3f1;/* IE */
     display: block\9;/* Firefox */
     display: -moz-box;-moz-box-orient: horizontal;/* Safari, Opera, and Chrome */
     display: -webkit-box;-webkit-box-orient: horizontal;/* W3C */

     display: box;box-orient: horizontal;background-color: #F1F1F5;}
.more2 div {display: block;background: inherit;margin: 0 0px 0 0;padding: 0px;-webkit-box-flex: 1;-webkit-box-sizing: border-box;text-align: center;/* IE */

     width: 16.6%\9;float: left\9;}
.more2 div a,.more2 a {font-size: 15px;text-align: center;text-overflow: ellipsis;color: #676475;display: block;float: none;line-height: 38px;height: 38px;}
.more2 a {float: left;}
.more2 div a.selectA {cursor: pointer;white-space: nowrap;height: 38px;line-height: 38px;margin-right: auto;margin-left: auto;color: #ff6600;display: block;width: 100%;text-align: center;border-bottom: 2px solid #ff6600;}
.tabs {overflow: hidden;line-height: 30px;background: #FFF;border-radius: 4px;overflow: hidden;width: 60%;margin: 10px auto;border: solid 1px #ff6600;}
.tabs .btn {width: 50%;float: left;text-align: center;}
.tabs .btn.on {color: #fff;background: #ff6600;}
.tools {background: #FFF;padding: 5px 10px;line-height: 30px;font-size: 12px;height: 30px;border-bottom: 1px solid #DFDFDF;}
.tools .right {float: right;line-height: 26px;color: #FFF;overflow: hidden;}
.tools .right .btn {padding-right: 10px;padding-left: 10px;border-radius: 3px;color: #333;background-color: #FFF;border: 1px solid #CCC;}
.noData {background: url(images/Users/nodata.jpg) no-repeat center 30px;padding-top: 150px;text-align: center;font-size: 20px;padding-bottom: 50px;color: #8A829F;background-size: auto 100px;}
.noData2 {padding: 20px;background-color: white;text-align: center;}
.noarticle {background: url(images/Users/noarticle.svg) no-repeat center 30px;padding-top: 140px;text-align: center;font-size: 18px;padding-bottom: 40px;color: #8A829F;background-size: auto 120px;}
.noSignin {background-color: #e8641a; font-size: 14px;color: #fff !important;margin:0 auto 40px; border-radius: 20px;width: 110px;line-height: 32px;display: block;text-align: center;}
.searchBar {text-align: center;padding-right: 60px;position: relative;border-radius: 4px;border: 1px solid #bfbfbf;margin: 10px;overflow: hidden;height: 36px;}
.searchBar input[type="search"] {line-height: 36px;width: 100%;vertical-align: middle;font-size: 14px;border-style: none;padding-right: 10px;padding-left: 10px;height: 36px;}
.filterOK {position: absolute;right: 0px;width: 60px;top: 0px;border-radius: 0 4px 4px 0;line-height: 36px;background: #a1a1a1;border-left: 1px solid #bfbfbf;overflow: hidden;font-size: 14px;}
a:link.filterOK,a:hover.filterOK,.filterOK {color: #fff}
.input {background: #FFF;margin-top: 10px;padding: 10px;line-height: 30px;}
.input .txt {float: left;width: 15%;text-align: right;}
.input input {border-style: none;line-height: 30px;height: 30px;width: 83%;background: #F6F6F6;color: #666;padding-right: 1%;padding-left: 1%;}
.items {margin: 10px 0px 0px;padding: 0px;}

.items li {line-height: 30px;border-bottom: 1px solid #e8e8e8;background: #FFF;padding-top: 10px;padding-bottom: 10px;padding-left: 10px;position: relative;overflow: hidden;}
.items li:last-child {border-bottom: 0;}
.items li.btn {background: #FFF url(images/right_icon_h.png) no-repeat 98% center;background-size: auto 13px;position:relative}
.items li .left {float: left;margin-right: 5px;}
.items li .icon {float: left;margin-right: 10px;height: 36px;width: 36px;}
.items li .info {float: left;}
.items li .info .title {float: left;display: block;line-height: normal;width: 100%;font-size: 16px;}
.items li .info .date {display: block;line-height: normal;font-size: 12px;float: left;color: #a7a7a7;width: 100%;}
.userdetail .info .date {padding-left: 10px}
.items li .info2 {float: right;width: 80px;text-align: center;}
.items li .right {position: absolute;right: 10%;top: 50%;line-height: 35px;height: 30px;margin-top: -17px;max-width: 50%;}
.items+.items {border-top: 1px solid #e8e8e8;}
.items li img {}
.inc {width: auto;padding-left: 10px}
.flotright i {color: #e85d5a;font-style: normal;margin-left: 2px}
.flotright .rank {margin-left: 10px}
.flotright .o_button {background: #ff7632;margin: 6px 0 0 10px;line-height: 24px;font-size: 12px;color: #FFF;text-align: center;border-radius: 3px;padding: 0 15px}
.o_button {background: #ff7632;margin: 10px;line-height: 42px;font-size: 16px;color: #FFF;text-align: center;border-radius: 3px;}
.g_button {background: #999999;margin: 10px;line-height: 46px;font-size: 14px;color: #FFF;text-align: center;border-radius: 2px;}
.b_button {background: #3399FF;margin: 10px;line-height: 40px;font-size: 14px;color: #FFF;text-align: center;border-radius: 2px;}
.like,.liked,.experter {padding: 0 3px;display: inline-block;font-size: 11px;font-weight: normal;margin: 0px 0px 2px 3px;border-radius: 3px;min-width: 15px;text-align: center;}
.liked,.experter2 {padding: 0 3px;display: inline-block;font-size: 11px;font-weight: normal;margin: 0px 0px 2px 3px;border-radius: 3px 3px 3px 0;min-width: 15px;text-align: center;}
.like {color: #333;background: #FFF;}
.liked {color: #FFF;background: #3F3D90;}
.experter {color: #FFF;background: #FF5C26;}
.win {width: 300px;}
.win .info {padding: 20px;text-align: center;}
.win i {background: url(images/popupClose.png) no-repeat center center;height: 16px;width: 16px;position: absolute;top: 12px;right: 8px;cursor: pointer;}
.win .title {padding: 5px 10px;border-bottom: 1px solid #E4E4E4;line-height: 30px;}
.win .button {margin: 0px;padding: 0px;background: #FF7632;line-height: 40px;color: #FFF;height: auto;}
.win .info div {padding-bottom: 5px;font-size: 16px;}
.win .info .small {font-size: 12px;}
.win .redTxt {color: #F30;}
.win .padding-0-10 {padding: 0px 10px;}
.login .items li {line-height: 30px;border-bottom: 1px solid #e8e8e8;background: #FFF;padding: 10px;margin: 0;position: relative;overflow: hidden;}
.login .tab::after,.login .otherMsg::after {content:"";display: block;clear: both;}
.login .tab {background: #fff;border-bottom: 1px solid #e5e5e5;padding: 0 5px;display: block;}
.login .tab li {color: #666;font-size: 14px;line-height: 30px;float: left;margin: 0 15px;}
.login .tab .on {color: #3F3D90;font-weight: bold;border-bottom: 2px solid #3F3D90;}
.login .items {background: #FFF;padding: 0 15px;margin: 0;border-bottom: 1px solid #e5e5e5;}
.login .items li:last-child {border-style: none;}
.login li.tel {background: #FFF url(images/login/reg_03.jpg) no-repeat 2px center;background-size: 30px auto;padding: 15px 10px 15px 35px;margin: 0;}
.login li.msg {background: #FFF url(images/login/reg_06.jpg) no-repeat 5px center;background-size: 25px auto;padding: 15px 10px 15px 35px;margin: 0;}
.login li.name {background: #FFF url(images/login/reg_10.jpg) no-repeat 5px center;background-size: 25px auto;padding: 15px 10px 15px 35px;margin: 0;}
.login li.pwd {background: #FFF url(images/login/reg_08.jpg) no-repeat 5px center;background-size: 25px auto;padding: 15px 10px 15px 35px;margin: 0;line-height: 30px;}
.login .verificat {float: right;font-size: 12px;background: #f0f0f0;color: #666;line-height: 30px;padding: 0 12px;border-radius: 4px;border:none;width:100px;height:30px;text-align:center}
.login li input {line-height: 22px;border: 1px solid #FFF;margin-left: 2px;height: 22px;font-size: 12px;border: 0 none;overflow-x: visible;overflow-y: visible;}
.login li .right {right: 5px;}
.login li .o_button {line-height: 30px;margin: 0px;padding: 0px 5px;height: 30px;font-size: 12px;display: block;}
.login .otherMsg {padding: 0 10px;margin: 5px 0 30px 0;font-size: 12px;color: #666;}
.login .agree {color: #666;display: block;font-size: 12px;line-height: 20px;text-align: left;margin: 30px 10px;}
.login .agree a,.otherMsg a {color: #2196F3;}
.login .other {margin: 30px 0;}
.login .other .tit {color: #666;font-size: 12px;line-height: 22px;text-align: center;position: relative;display: block;}
.login .other .tit::before,.login .other .tit::after {content:"";background: #e1e1e1;position: absolute;top: 12px;left: 10px;width: 30%;height: 1px;}
.login .other .tit::after {left: auto;right: 10px;}
.login .other .mode {color: #666;font-size: 14px;text-align: center;width: 30%;margin: 10px auto;}
.login .other .mode .micon {width: 40px;height: 40px;border-radius: 50%;margin: 8px auto;display: block;}

.filterBox {background: #FFF;margin: 0px;padding: 12px;}
.filterBox .btns {float: left;width: 100%;overflow: hidden;padding-bottom: 10px;}
.filterBox .btns .btn {width: 48%;margin-right: 1%;margin-left: 1%;float: left;line-height: 35px;text-align: center;background: #E5E5E5;}
.filterBox .gameList {overflow: hidden;padding-top: 5px;padding-bottom: 5px;}
.filterBox .gameList li {width: 22%;border: 1px solid #E4E4E4;margin: 1%;line-height: 30px;text-align: center;display: inline-block;float: left;}
.filterBox .gameList li.on {width: 22%;border: 1px solid #FF6600;margin: 1%;line-height: 30px;text-align: center;display: inline-block;float: left;background: #FEF3EF;color: #FF6600;}
.filterBox .title {line-height: 30px;text-align: center;font-weight: bold;background: #F4F4F4;}
.bg {height: 100%;width: 100%;left: 0px;top: 0px;background: #000;filter: alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3;opacity: 0.3;z-index: 3;position: fixed;_position: absolute;}
body {font-family: "微软雅黑", "黑体", Arial;font-size: 14px;margin: 0px;padding: 0px;}
#read_Reg_Statement {color: #2196F3;}
input[type=button],input[type=submit],input[type=file],button {cursor: pointer;-webkit-appearance: none;}
.items textarea {padding: 5px 2%;width: 96%;overflow: auto;background-attachment: fixed;background-repeat: no-repeat;border-style: solid;border-color: #FFFFFF;word-break: break-all;-moz-box-sizing: border-box;}
.height0 {height: 0px;width: 0px;position: absolute;}
.ticketNum {width: 18px;position: relative;background: #ff7632;border-radius: 50%;font-size: 12px;text-align: center;color: #fff;top: -2px;left: 50px;line-height: normal;}
a.blue {color: #658ECD;font-size: 14px}
.icon img {border-radius: 50%;}
.liveTv {background-color: #EBEDF3;border-bottom: 1px solid #d9d9d9;padding-left: 10px}
.liveTv li {padding: 4px 10px 4px 15px;background-image: url(images/tv.png);background-repeat: no-repeat;background-position: left 8px;background-size: 12px 12px;}
.liveTv li a.blue {color: #0099EB}
.infoBtn {transform: rotate(225deg);-webkit-transform: rotate(225deg);width: 8px;height: 8px;margin-top: 1px;margin-right: 6px;border-color: #C8C8C8;display: inline-block;border-left: 1px solid #C8C8C8;border-bottom: 1px solid #C8C8C8;-webkit-transition: all .2s linear;transition: all .2s linear;}
#btn_reg_VerifyCode {display: block;height: 30px;font-size: 12px;line-height: 30px;text-align: center;color: #666;background: #f0f0f0;padding: 0 10px;font-family: "微软雅黑";cursor: pointer;border-radius: 3px;}
.tname {background-color: #F5F5F5;padding: 12px;color: #333333;font-weight: normal;border-bottom: 1px solid #d9d9d9;border-top: 1px solid #d9d9d9;}
.adBox {text-align: center;}
.adBox img,img.ad {width: 100%;display: block}
.rline {border-right-width: 1px;border-left-width: 1px;border-top-width: 0px;border-bottom-width: 0px;border-style: solid;border-color: #F0F0F0;}
.orange {color: #ff7632;padding-right: 5px;padding-left: 5px;line-height: 20px;}
.showNum {color: #ff7632;}
.newSubMenu {text-align: center;height: 40px;line-height: 40px;border-bottom-width: 1px;background: #FFF;border-bottom-style: solid;border-bottom-color: #E9E9E9;}
.newSubMenu li {display: inline-block;}
.newSubMenu li span {padding: 8px 20px;color: #666;cursor:pointer}
.newSubMenu li span a{color:#FE3B19}
.newSubMenu .on span {line-height: 30px;color: #e8641a;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #e8641a;}
.p-line {height: 10px;background-color: #F4F4F4;}
.fx_score {color: #666;background-color: #F9F9F9;border-radius: 3px;font-family: "Arial Black", Gadget, sans-serif;font-weight: bold;border: 1px solid #E8E8E8;margin-right: 2px;margin-left: 2px;padding-top: 0;padding-right: 4px;padding-bottom: 0;padding-left: 4px;}
.tmenu .cnav {display: none;position: absolute;background-color: #FFF;border: 2px solid #584F88;width: 100px;z-index: 99;border-radius: 5px;padding: 3px 0;box-shadow: 0px 2px 10px rgba(0, 3, 57, 0.1);top: 26px;right: 0px;}
.tmenu .cnav a {clear: both;line-height: 36px;display: block;color: #333;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #F3F3F3;}
.textItem {padding: 0px 10px}


.blue,a.blue{color:#2196F3 !important;}
.red,a.red{color:#e62129 !important;}
.green,a.green{color:green !important;}

.fl {float: left;}
.fr {float: right;}

/*即时页的下拉按钮*/
.screen {background-color: #edecf3;position: fixed;width: 100%;filter: opacity(0.9);}
.screen ul {padding:6px 20px 14px 20px;text-indent: 0;zoom: 1;display: block;font-size: 14px;}
.screen ul li {width:32%;margin: 10px 0 0 0;line-height:20px;position: relative;padding-left:18%;float: left;vertical-align: top;text-overflow: ellipsis; color: #616170;}
.screen ul li.on {color: #e8641a;}
.screen ul li i { position: absolute;height: 20px;width: 20px;left:21%;top: 50%;margin-top: -10px;display: block;background: url(images/choice.svg) no-repeat;border-color: #FFF;background-size: 20px 20px;}
.screen ul li.on i {position: absolute;height: 20px; width: 20px;left:21%;top: 50%; margin-top: -10px;display: block; background: url(images/choice_on.svg) no-repeat;border-color: #FFF;background-size: 20px 20px;}
.screen ul:after {display: block;clear: both;content: "";visibility: hidden;height: 0;}

    .filterScreen {
    display:none;
    position: fixed;
    background-color: #FFF;
    border: 2px solid #584F88;
    width: 80px;
    z-index: 99;
    border-radius: 5px;
    padding: 3px 0;
    box-shadow: 0px 2px 10px rgb(0 3 57/10%);
    right:1px;
    text-align:center;
    }

        .filterScreen a {    clear: both;
    line-height: 36px;
    display: block;
    color: #333;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #F3F3F3; }