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: 26px; background-size: 20px auto; overflow: hidden; font-size: 14px; z-index: 2; margin-left: -75px; border: 1px solid #706bb7; border-radius: 4px; margin-top: 8px; }
#top .menu li a { color: #a19bc0; 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: #fff; background: #706bb7; }
#top .menu li a.on { color: #403c91; background: #f5fafb; }
#top .backBtn::before,#top .backBtn3::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,#top .backBtn3, .topBox .backBtn { float: left; height: 100%; padding: 0 15px; }
#top .iconright { float: right; width: 20px; height: 20px; margin: 12px 12px 0 0; }
#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 { overflow: hidden; font-size: 12px; background: #fff; border-bottom: 1px solid #f0f0f0; }
.dateBox li { float: left; width: 14%; text-align: center; display: block; line-height: normal; padding: 4px 0; font-size: 11px; }
.dateBox li a { color: #888; padding: 2px 7px; display: inline-block; }
.dateBox li a.on { border: 1px solid #945ed8; background: #e7e2fc; border-radius: 4px; color: #814dc2; }
.dateBox li.on .week, .dateBox li.on a { color: #945ed8; }
.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; color: #fff; text-align: left; }
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: 4px solid transparent; border-left: 4px solid transparent; border-top: 5px solid #A8A0C5; display: block; position: absolute; top: 13px; left: 77%; }
header .menu .on.ddl:before { border-top-color: #E2C514 }
header .ddl .cnav { display: none; position: absolute; background-color: #FFF; border: 2px solid #584F88; top: 32px; left: 50%; transform: translateX(-50%); width: 90%; z-index: 99; border-radius: 5px; padding: 3px 0; margin: 0; box-shadow: 0px 2px 10px rgba(0, 3, 57, 0.1); }
header .ddl .cnav a { clear: both; line-height: 34px; 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: #eeedf4; border-bottom: 1px solid #e6e4f3; width: 100%; /* background: -webkit-gradient(linear, 0 0, 0 100%, from(#EFEEF4), to(#E4E2ED)); */ }
.subMenu a { background: #fff; color: #666; line-height: 28px; margin: 5px 2px; border-radius: 4px; width: 90%; display: inline-block; }
.subMenu .on a { background: #f57b3f; color: #fff; }
.subMenu li { position: relative; float: left; }
.subMenu .sss::after { content: ''; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 5px solid #bfbfbf; margin-left: 4px; vertical-align: 2px; display: inline-block; }
.subMenu .on .sss::after { border-top-color: #fff; }
.subMenu i, .fixedNum { background: #d52b1e; color: #fff; width: 14px; height: 14px; border-radius: 10px; font-style: normal; font-size: 10px; line-height: 14px; 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; }

/*新头部*/
/* top nav begin */
.rtopusea { background: #3E3276; height: 46px; justify-content: space-between; align-content: space-between; display: -webkit-box; /* OLD - iOS 6-,Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW,Spec - Opera 12.1,Firefox 20+ */ }
.rtop_left { width: 110px; }
.rtop_left .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; }
.rtop_left .backBtn { float: left; height: 100%; padding: 0 15px; }
.rtopusea a.rlogo, a.rlogo:visited, a.rlogo:hover { width: 110px; height: 46px; float: left; background: url(images/head/rlogo.png) no-repeat left center; background-size: 100%; }
.r_topsmenu { height: 40px; flex: 2; margin: 0 auto; text-align: center;min-width: 132px; }
a.r_tmenu_nor, a.r_tmenu_nor:visited, a.r_tmenu_nor:hover { width: 40px; display: inline-block; height: 36px; border-bottom: 2px solid #3E3276; line-height: 36px; font-size: 18px; font-weight: bold; text-align: center; color: #C4C1D5; margin: 2px; border-radius: 1px; }
a.r_tmenu_now, a.r_tmenu_now:visited, a.r_tmenu_now:hover { width: 40px; display: inline-block; height: 36px; border-bottom: 2px solid #fff; line-height: 36px; font-size: 18px; font-weight: bold; text-align: center; color: #fff; margin: 2px; border-radius: 1px; }
.rtop_right { padding: 10px 0px 0 0; width: 110px; }
a.r_orangebt, a.r_orangebt:visited, a.r_orangebt:hover { padding: 4px 8px; display: inline-block; float: left; color: #fff; background: #F57B3F; font-size: 12px; border-radius: 4px; font-weight: normal;float:right;margin-right:10px; }
.r_topsetup { width: 24px; height: 24px; display: inline-block; float: right; background: url(images/head/r_icon_setup.png) no-repeat; background-size: 24px; margin-right: 8px; }
/* top nav end */
/* downnav begin */
#rbf_downnav { flex-flow: row wrap; display: -webkit-box; /* OLD - iOS 6-,Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW,Spec - Opera 12.1,Firefox 20+ */ background: #fff; height: 44px; padding: 4px 0px 0px 0px; border-top: 1px solid #ebebeb; position: fixed; bottom: 0px; width: 100%; z-index: 999 }
.rbfcharnow { color: #472E92; }
.rbfdownnav_pj { flex: 1; text-align: center; color: #333; font-size: 12px; }
a.rbfnav_pj, a.rbfnav_pj:visited, a.rbfnav_pj:hover { color: #333; text-decoration: none; }
.rd_01nor { width: 24px; height: 24px; margin: 0 auto; display: block; background: url(images/head/i01_nor.png) no-repeat; background-size: 24px; }
.rd_01now { width: 24px; height: 24px; margin: 0 auto; display: block; background: url(images/head/i01_now.png) no-repeat; background-size: 24px; }
.rd_02nor { width: 24px; height: 24px; margin: 0 auto; display: block; background: url(images/head/i02_nor.png) no-repeat; background-size: 24px; }
.rd_02now { width: 24px; height: 24px; margin: 0 auto; display: block; background: url(images/head/i02_now.png) no-repeat; background-size: 24px; }
.rd_03nor { width: 24px; height: 24px; margin: 0 auto; display: block; background: url(images/head/i03_nor.png) no-repeat; background-size: 24px; }
.rd_03now { width: 24px; height: 24px; margin: 0 auto; display: block; background: url(images/head/i03_now.png) no-repeat; background-size: 24px; }
.rd_04nor { width: 24px; height: 24px; margin: 0 auto; display: block; background: url(images/head/i04_nor.svg) no-repeat; background-size: 24px; }
.rd_04now { width: 24px; height: 24px; margin: 0 auto; display: block; background: url(images/head/i04_now.svg) no-repeat; background-size: 24px; }
.rd_05nor { width: 24px; height: 24px; margin: 0 auto; display: block; background: url(images/head/i05_nor.png) no-repeat; background-size: 24px; }
.rd_05now { width: 24px; height: 24px; margin: 0 auto; display: block; background: url(images/head/i05_now.png) no-repeat; background-size: 24px; }
/* downnav end */
/* top nav2 begin */
.r_nav2_ty { display: -webkit-box; /* OLD - iOS 6-,Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW,Spec - Opera 12.1,Firefox 20+ */ height: 39px; border-bottom: 1px solid #ebebeb; background: #fff; line-height: 39px; }
a.r_nav2_pjnow, a.r_nav2_pjnow:visited, a.r_nav2_pjnow:hover { flex: 1; text-align: center; font-size: 15px; font-weight: bold; color: #F57B3F; border-bottom: 2px solid #F57B3F; height: 37px; line-height: 37px; display: block; position: relative }
a.r_nav2_pjnor, a.r_nav2_pjnor:visited, a.r_nav2_pjnor:hover { flex: 1; text-align: center; font-size: 15px; font-weight: normal; color: #777; border-bottom: 2px solid #fff; height: 37px; line-height: 37px; display: block; position: relative }
/* top nav2 end */
/* top nav3 begin */
.r_nav3_ty { display: -webkit-box; /* OLD - iOS 6-,Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW,Spec - Opera 12.1,Firefox 20+ */ height: 24px; border-bottom: 1px solid #ebebeb; background: #fff; line-height: 24px; padding: 6px 30px; }
.r_nav3_bg { display: flex; border-radius: 12px; background: #f5f5f5; height: 24px; width: 100%; }
.r_nav3_bg ul { margin: 0; padding: 0; display: flex; width: 100%; }
.r_nav3_bg li { flex: 1; text-align: center; font-size: 14px; font-weight: normal; color: #777; height: 24px; line-height: 24px; border-radius: 20px; padding: 0 8px; display: inline-block; }
.r_nav3_bg li.current { flex: 1; text-align: center; font-size: 14px; font-weight: bold; color: #fff; height: 24px; line-height: 24px; border-radius: 20px; padding: 0 8px; background: #3E3276; display: inline-block; }

a.r_nav3_pjnow, a.r_nav3_pjnow:visited, a.r_nav3_pjnow:hover { flex: 1; text-align: center; font-size: 14px; font-weight: bold; color: #fff; height: 24px; line-height: 24px; border-radius: 20px; padding: 0 8px; background: #3E3276; }
a.r_nav3_pjnor, a.r_nav3_pjnor:visited, a.r_nav3_pjnor:hover { flex: 1; text-align: center; font-size: 14px; font-weight: normal; color: #777; height: 24px; line-height: 24px; border-radius: 20px; padding: 0 8px; }

.rtop_right .iconright { float: right; width: 20px; height: 20px; margin: 4px 12px 0 0; cursor: pointer; }

#footballNow::before { content: ""; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 5px solid #F57B3F; display: block; position: absolute; top: 15px; left: 77%; color: #F57B3F; }
.ifocusNum { background: #d52b1e; color: #fff; width: 14px; height: 14px; border-radius: 10px; font-style: normal; font-size: 10px; line-height: 14px; position: absolute; right: 6px; top: 6px; }
.ifocusNum:empty { display:none }
/*新头部*/


.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: 20px; 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: 0 18px 0 40px; height: 36px; background: #ecebeb url(Images/Users/searchfor.svg) no-repeat 16px center; background-size: 18px; }
.filterOK { position: absolute; right: 0px; width: 60px; top: 0px; border-radius: 0 4px 4px 0; line-height: 36px; background: #ecebeb; overflow: hidden; font-size: 14px; color: #333 !important; }
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: 8px 0px 0px; padding: 0px; }

.items li { line-height: 30px; background: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; position: relative; overflow: hidden; border-bottom: 1px solid #e8e8e8; }
.items li:last-child { border-bottom: 0; }
.items li.btn { background: #FFF url(Images/right_icon_h.png) no-repeat 97% 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; font-weight: 600; }
.items li .info .date { display: block; line-height: normal; font-size: 12px; float: left; color: #999; 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: #1f005b; background: #fff; float: right; padding: 2px 0; font-size: 14px; width: 58px; text-align: center; }
.like.on { background: #d8d8d8; color: #777; }
.liked { color: #FFF; background: #3F3D90; }
.likebtn { background: #F60; color: #fff; }
.experter { color: #fee6dc; background: #f57b3f; border-radius: 2px; line-height: 16px; font-size: 11px; padding: 0 3px; }
.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 li.imgcode { background: #FFF url(Images/login/reg_09.png) no-repeat 2px center; background-size: 30px 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: 100%; margin: 10px auto; }
.login .other .mode a { display: inline-block; }
.login .other .mode .micon { width: 40px; height: 40px; border-radius: 50%; margin: 8px auto; }
.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; background: #FFF; border-bottom: solid 1px #f1f1f1; font-size: 16px; }
.newSubMenu li { display: inline-block; }
.newSubMenu li span { padding: 8px 20px; color: #666; cursor: pointer }
.newSubMenu li span a { color: #666; }
.newSubMenu .on span { line-height: 30px; color: #e8641a; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #5F4EAF; }
.newSubMenu .on span a { color: #5F4EAF; font-weight: 600; }
.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: #eeedf4; position: fixed; width: 100%; filter: opacity(0.9); overflow: hidden; }
.screen ul { padding: 15px 8px; text-indent: 0; zoom: 1; display: block; font-size: 14px; }
.screen ul li { background: #fff; color: #666; line-height: 20px; text-align: left; padding: 5px; margin: 0 0 0 5px; width: 21%; border-radius: 50px; float: left; }
.screen ul li.on { color: #e8641a; }
.screen ul li:first-child { margin: 0; }
.screen ul li i { background: url(Images/choice.svg) no-repeat center; background-size: 20px; width: 20px; height: 20px; margin: 0 5px; float: left; display: inline-block; }
.screen ul li.on i { background: url(Images/choice_on.svg) no-repeat center; height: 20px; width: 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 rgba(0,3,57,0.1); right: 2px; text-align: center; }
.filterScreen a { clear: both; line-height: 34px; display: block; color: #333; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F3F3F3; }
.dotred { height: 6px; width: 6px; border-radius: 50%; position: absolute; top: 8px; right: 16px; display: block; z-index: 8; background: #e62229; }