@charset "UTF-8";
a, body, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, p, textarea, ul, hr { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
.bold { font-weight: bold; }
button, input { border: 0 none; outline: none; }
li, ol, ul { list-style: none; }
i, em { font-style: normal; }
a { text-decoration: none; color: #333; }
/*a:hover { color: #da1c17 !important; }*/
a:hover { color: #da1c17; /*-webkit-transition: 0.2s; transition: 0.2s;*/ }
a:focus { outline: none !important; }
input, textarea, select { outline: none; }
img { border: none; display: block; }
.clearfix { zoom: 1; }
.clearfix:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; }
body { font-size: 14px; font-family: "Microsoft YaHei", "STHeiti", "Heiti SC", "SimHei", "SimSun", Arial, sans-serif; color: #333; }
/*reset end*/
.container { width: 1200px; margin: 0 auto; position: relative; }
.container-full { width: 100%; min-width: 1200px; }
.w1198 { width: 1198px; overflow: hidden; }
.dn { display: none; }
.db { display: block; }
.fl { float: left; }
.fr { float: right; }
.dn { display: none !important; }
.db { display: block !important; }
.oh { overflow: hidden; }
.bd { border: 1px solid #efefef; border: 1px solid #e5e5e5; }
.bd0 { border: none !important; }
.bdb-none { border-bottom: none !important; }
.bdr-none { border-right: none !important; }
.bdb { border-bottom: 1px solid #efefef; }
.tac { text-align: center; }
.elli { width: 100%; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.fs24 { font-size: 24px; }
.fs18 { font-size: 18px; }
.fs16 { font-size: 16px; }
.fs14 { font-size: 14px; }
.fs12 { font-size: 12px; }
.c-orange { color: #eb7938; }
.ccc { color: #ccc; }
.cfff { color: #fff; }
.c888 { color: #888; }
.c999 { color: #999; }
.c666 { color: #666 !important; }
.c333 { color: #333; }
.ce5e5e5 { color: #e5e5e5; }
.mgt30 { margin-top: 30px; }
.mgt20 { margin-top: 20px; }
.mgt15 { margin-top: 15px; }
.mgt10 { margin-top: 10px; }
.mgr20 { margin-right: 20px; }
.pd-lr { padding: 0 10px; }
.pd-tb { padding: 20px 0; }
.pdr10 { padding-right: 10px; }
.pdt6 { padding-top: 6px; }
.pdt10 { padding-top: 10px; }
.pdt30 { padding-top: 30px; }
.link-box a { float: left; }
.bg-fff { background: #fff; }
.text_i { text-indent: 2em; }
/*top*/
.active { color: #c01b17!important; }
.top-ctn-wrapper { width: 100%; background-color: #FFF; }
.top-ctn { height: 70px; position: relative; }
.top-ctn .logo-img { margin: 0 0 0 -25px; height: 70px; }
.top-ctn a { float: left; }
.top-ctn .link-box { padding: 24px 0 0 30px; }
.top-ctn .link-box a { padding: 0 30px; line-height: 36px; }
.top-ctn .user-box { padding: 42px 0 0 0px; }
.top-ctn .user-box a { padding: 0 12px; color: #888; }
.top-ctn .txt { font-size: 16px; line-height: 28px; padding-left: 24px; margin: 20px 0 0 0px; border-left: 1px solid #ccc; color: #141b25; }
.top-ctn { height: 86px; position: relative; }
.top-ctn .logo-img { margin: 8px 0 0 -25px; height: 70px; }
.headeradimgbox { margin-top: 10px; margin-left: 10px; }
.kefuheaderimgbox { margin-top: 10px; }
.kefuheaderleft { width: 206px; margin-left: 30px; font-size: 14px; color: #999999; margin-top: 12px; background: url(../images/ad/index/u167.png) no-repeat right; }
.admin { width: 150px; padding: 8px 13px; position: absolute; top: 35px; right: 0; background: #fff; height: 15px; z-index: 100; overflow: hidden; line-height: 24px; margin-right: 1px; }
.admin:hover { border: 1px solid #e5e5e5; height: 95px; top: 34px; margin-right: 0; }
.admin-name { padding-right: 20px; background: url("../images/drop_down.png") no-repeat right center; color: #c01b17; width: 140px; }
.down-box { /*position: absolute;*/
top: 27px; left: 0; overflow: hidden; }
.down-box a { display: block; width: 100%; }
/*nav-ctn*/
.nav-ctn { background: #c01b17; height: 46px; overflow: hidden; margin-bottom: 10px; }
.nav-ctn a { float: left; line-height: 46px; padding: 0 24px; color: #fff; }
.nav-ctn a:hover { color: #fff !important; background: #a61c1c; }
.nav-ctn .icon-more { display: block; position: absolute; line-height: 42px; left: 16px; font-size: 20px; -webkit-transition: 0.5s; transition: 0.5s; }
.nav-ctn .link-more { position: relative; }
.nav-ctn .link-more:hover .icon-more { line-height: 46px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
/*标题盒子*/
.title-box { line-height: 52px; }
.title-box h2 { font-size: 18px; color: #222; font-weight: 600; padding-left: 40px; background: url("../images/icon_5.png") no-repeat 5px center; }
.title-box .country { background: url("../images/ic_country.png") no-repeat 0px center; }
.title-box .sports { background: url("../images/ic_jingcai.png") no-repeat 0px center; }
.title-box .trend { background: url("../images/ic_zoushi.png") no-repeat 3px center; }
.title-box .icon-fucai { background: url("../images/icon_3.png") no-repeat 3px center; }
.title-box .daletou { background: url("../images/icon_1.png") no-repeat 0 center; }
.title-box .double { background: url("../images/icon_2.png") no-repeat 0 center; }
.title-box .football { background: url("../images/icon_4.png") no-repeat 0 center; }
.title-box .recommend { background: url("../images/recommend.png") no-repeat 3px center; }
.title-box .icon-forecast { background: url("../images/yuce.png") no-repeat 3px center; }
.title-box .icon-foot { background: url("../images/icon_ball_s_2.png") no-repeat 3px center; }
.title-box .ic-pailiesan { background: url("../images/pls.png") no-repeat 3px center; }
.title-box .ic-sfc { background: url("../images/sfc.png") no-repeat 3px center; }
.title-box .gb { background: url("../images/gb.png") no-repeat 5px center; }
.title-box .yuce { background: url("../images/yuce.png") no-repeat 5px center; }
.title-box .ic-rank { background: url("../images/phb.png") no-repeat 12px center; }
.title-box .ic-select { background: #f9f6f6 url("../images/filter.png") no-repeat 9px center; }
.title-box p { padding-left: 30px; }
.title-box .r-box a { padding: 0 10px; }
/*当前位置*/
.location-ctn { line-height: 46px; }
.location-ctn span { float: left; }
.location-ctn a { float: left; padding: 0 10px; color: #888; }
/*左右盒子*/
.left-ctn { width: 788px; }
.right-ctn { width: 390px; }
/*分页*/
.page-nav { /*float: left;*/ clear: both; margin-bottom: 20px; text-align: center; padding: 10px 0 20px 200px; }
.page-nav a { float: left; width: 22px; height: 22px; line-height: 22px; border-radius: 3px; border: 1px solid #d4d4d4; margin-right: 14px; color: #888; }
.page-nav a:hover { color: #fff !important; background: #d8342e; border: 1px solid #d8342e; }
.page-nav .select { background: #ca1a15; border: 1px solid #ca1a15; color: #fff; }
.page-nav .pre { background: url("../images/pre.png") no-repeat center; }
.page-nav .pre:hover { background: #d8342e url("../images/pre_hover.png") no-repeat center; }
.page-nav .next { background: url("../images/next.png") no-repeat center; }
.page-nav .next:hover { background: #d8342e url("../images/next_hover.png") no-repeat center; }
.page-nav .disabled { display: none; }
/*footer*/
.footer .suggest-ctn { line-height: 30px; padding: 20px 0; }
.footer .dark { background: #404040; height: 175px; overflow: hidden; padding-top: 10px; }
.footer .dark a { padding: 0 20px; color: #fff; }
.footer .dark a:hover { color: #e4e4e4 !important; }
/*弹窗*/
.shade { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; -webkit-filter: opacity(50); filter: opacity(50); z-index: 10; }
.login-register-ctn { position: fixed; left: 0; right: 0; top: 50%; margin: auto; margin-top: -220px; width: 440px; border-radius: 6px; background: #fff; padding-bottom: 15px; z-index: 10; }
.login-register-ctn .ipt-box { position: relative; padding: 0 60px 0 60px; height: 46px; margin-top: 16px; }
.login-register-ctn .pdt0 { margin-top: 0; }
.login-register-ctn input { float: left; border: 1px solid #e5e5e5; width: 258px; height: 44px; border-radius: 22px; padding-left: 60px; color: #666; }
.login-register-ctn input:focus { -webkit-box-shadow: 0 0 13px -5px #ff3300; box-shadow: 0 0 13px -5px #ff3300; }
.login-register-ctn .code-box { width: 100px; height: 44px; margin-left: 6px; }
.login-register-ctn .code-box .code-img { width: 100%; height: 100%; }
.login-register-ctn .get-code { width: 100px; margin-top: 8px; height: 30px; line-height: 30px; border-radius: 22px; color: #fff; font-size: 12px; background: #e4393c; cursor: pointer; padding-left: 0px; float: right; }
.login-register-ctn .get-code:hover { color: #fff !important; }
.login-register-ctn .get-code.disabled { background: #d46a6c; }
.login-register-ctn .change-btn { width: 46px; height: 46px; background: url("../images/change.png") no-repeat center; }
.login-register-ctn .check-box { width: 15px; height: 15px; margin: 2px 8px 0 0; }
.login-register-ctn .check-box1 { width: 15px; height: 15px; margin: 2px 8px 0 0; }
.login-register-ctn .check-box.ck { background: url("../images/gg.png") no-repeat center; }
.login-register-ctn .check-box1.ck { background: url("../images/gg.png") no-repeat center; }
.login-register-ctn .ck-btn { color: #999; }
.login-register-ctn .line { position: absolute; left: 60px; bottom: 0; width: 320px; }
.login-register-ctn .other { position: relative; background: #fff; width: 120px; left: 100px; bottom: -16px; z-index: 10; }
.login-register-ctn .icon { display: inline-block; width: 40px; height: 40px; background: url("../images/qq.png") no-repeat; }
.login-register-ctn .wechat { background: url("../images/weixin.png") no-repeat; }
.login-register-ctn .close-btn { position: absolute; top: 10px; right: 10px; width: 24px; height: 24px; background: url("../images/close.png") no-repeat; cursor: pointer; }
.login-register-ctn .ipt-name { background: url("../images/yh.png") no-repeat 20px center; }
.login-register-ctn .ipt-password { background: url("../images/mm.png") no-repeat 20px center; }
.login-register-ctn .ipt-code { width: 160px; padding-left: 0px; text-align: center; }
.l-g-btn { width: 320px; height: 44px; border-radius: 22px; background: #c01b17; color: #fff; cursor: pointer; }
.login-logo { width: 140px; margin: 20px auto; }
.msg-wrap { margin-top: 5px; margin-bottom: 5px; height: auto !important; padding: 0 60px; }
.msg-error { position: relative; color: #e4393c; padding: 3px 10px 3px 36px; line-height: 15px; height: auto; background: url(../images/dk.png) no-repeat 12px center; background-size: 15px 15px; }
/*header样式*/
#header { width: 100%; min-width: 1200px; height: 134px; position: fixed; z-index: 100; border-bottom: 1px solid #939393; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; }
.on { transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; background-color: #222; box-shadow: 0 0 20px black; border-bottom: 0 !important; }
.headerleftbox { float: left; }
.headerleftbox img { display: block; margin: 30px 0; width: 280px; height: 68px; }
.headerrightbox { float: right; }
.headerrightbox ul .active a { color: #fff; border-bottom: 2px solid white; }
.headerrightbox ul li { float: left; width: 58px; height: 134px; margin: 0 10px; }
.headerrightbox ul li a { display: block; width: 58px; height: 40px; margin: 40px 0; font-size: 14px; line-height: 40px; color: #a5a7a8; }
.headerrightbox ul li:hover a { color: #fff; border-bottom: 2px solid white; transition: 0.3s; width: 58px; }
#footer { width: 100%; height: 112px; background-color: #222; min-width: 1200px; }
.footerT { height: 55px; border-bottom: 1px solid #393939; }
.footerT ul { width: 1200px; margin: 0 auto; }
.footerT ul li { float: left; }
.footerT ul li a { color: #d6d6d6; font-size: 16px; line-height: 56px; }
.footerT ul li span { color: #d6d6d6; margin: 0 20px; }
.footerB { height: 56px; padding: 15px 0; box-sizing: border-box; }
.footerB img { display: block; margin: 0 auto; }
/*.footerB p{
	text-align: center;
	line-height: 55px;
	font-size: 16px;
	color: #666;
}*/
#header .headerrightbox ul { transition: 300ms; -webkit-transition: 300ms; }
#header:hover .headerrightbox ul li { transform: translate(0px, -10px); -webkit-transform: translate(0px, -10px); }
.tra1 { transition: 300ms ease 50ms; -webkit-transition: 300ms ease 50ms; }
.tra2 { transition: 300ms ease 100ms; -webkit-transition: 300ms ease 100ms; }
.tra3 { transition: 300ms ease 150ms; -webkit-transition: 300ms ease 150ms; }
.tra4 { transition: 300ms ease 200ms; -webkit-transition: 300ms ease 200ms; }
.tra5 { transition: 300ms ease 250ms; -webkit-transition: 300ms ease 250ms; }
.tra6 { transition: 300ms ease 300ms; -webkit-transition: 300ms ease 300ms; }
.tra7 { transition: 300ms ease 350ms; -webkit-transition: 300ms ease 350ms; }
.tra8 { transition: 300ms ease 400ms; -webkit-transition: 300ms ease 400ms; }