/*!
 * bet365-76
 * bet365-950
 * Author: Dear
 * Update by 2019-1-1
 * 38778
 */

/* 禁用响应 */
@media (min-width:990px) {
    .container { width: 1090px; }
}
@media (min-width:1200px) {
    .container { width: 1090px; }
}
.screen-lg .container { width: 1090px; }
.container-fluid,
.container { width: 1090px !important; padding: 0; }


/*==================== common 公共 ====================*/
a:hover { text-decoration: none; }
body { background-color: #222; color: #fff;}
/*滚动条整体样式*/
/*webkit内核的浏览器滚动条定制*/
::-webkit-scrollbar { width: 14px; height: 14px; border: none; background: #474747; }
::-webkit-scrollbar-button { display: none; width: 10px; height: 10px; background: #888;}
::-webkit-scrollbar-track { background-color: #474747; }
::-webkit-scrollbar-track-piece { /* 内层轨道 */ }
::-webkit-scrollbar-thumb { border: 3px solid #474747; background: #888; width: 5px; height: 5px; border-radius: 10px; }
::-webkit-scrollbar-corner { background: #474747; }
::-webkit-resizer { /* 定义右下角拖动块的样式 */ }
/*FireFox浏览器滚动条*/
/*IE浏览器滚动条样式*/
body{
    scrollbar-face-color: #888;
    scrollbar-base-color: #888;
    scrollbar-3dlight-color: #474747;
    scrollbar-highlight-color: #474747;
    scrollbar-track-color: #474747;
    scrollbar-arrow-color: black;
    scrollbar-shadow-color: #474747;
    scrollbar-dark-shadow-color: #474747;
}

.font-sm { font-size: 12px; }
a:hover i.aw-1 { background-position: 0 100%; }
ol,
ul { list-style: none; padding: 0; margin: 0; }
.layui-layer.index-modal .layui-layer-title {background: #06815d !important;}
.com-advertisement .advertisement-menu .menu-list-item{color: #000;}
.com-advertisement .advertisement-menu .menu-list-item.active {background: #06815d !important;}

/* 闪烁 */
.blink-red,
.blink-red > a { color: #ff0000 !important; transition: all 300ms; }
.blink-yellow,
.blink-yellow > a { color: #FFDF1B !important; transition: all 300ms; }
.blink-green,
.blink-green > a { color: #1de000 !important; transition: all 300ms; }
.blink-cyan,
.blink-cyan > a { color: #4edfdf !important; transition: all 300ms; }
.co-yellow { color: #FFDF1B !important; }
.text-primary { color: #4acfa5 !important; }
.text-gray { color: #999 !important; }

/* index-slide1 通用页面的轮播图 */
.index-slide1 .slide { height: 280px; overflow: hidden; }
.index-slide1 .slide .slide-inner ul li {  height: 280px; background-size: auto 300px; }
/*.index-slide1 .slide .slide-inner ul li.banner_A { background: url(images/banner_A.jpg) center center no-repeat; }*/
/*.index-slide1 .slide .slide-inner ul li.banner_B { background: url(images/banner_B.jpg) center center no-repeat; }*/
/*.index-slide1 .slide .slide-inner ul li.banner_C { background: url(images/banner_C.jpg) center center no-repeat; }*/
/*.index-slide1 .slide .slide-inner ul li.banner_D { background: url(images/banner_D.jpg) center center no-repeat; }*/
/*.index-slide1 .slide .slide-inner ul li.banner_E { background: url(images/banner_E.jpg) center center no-repeat; }*/
.index-slide1 .slide .slide-indicators ul li { margin: 0 5px; width: 10px; height: 10px; background: #363636; cursor: pointer; border-radius: 5px; }
.index-slide1 .slide .slide-indicators ul li:hover,
.index-slide1 .slide .slide-indicators ul li.active { background: #1BB2AB; }


/*==================== top 页头 ====================*/
header {min-width: 1090px; background: #222;}
body.index      header{min-width: 962px; }
body.sports     header,
body.live       header,
body.register   header,
body.about      header,
body.agent      header,
body.promo      header { background: #06815d;}
header .navbar { margin: 0; padding: 0; border: 0; height: 72px;  border-bottom:1px solid #666;  z-index: 2;}
body.index      header .navbar,
body.sports     header .navbar,
body.register   header .navbar,
body.about      header .navbar,
body.agent      header .navbar,
body.promo      header .navbar {border-color: #44a586;}
header .navbar .top-container { height: 72px;  position: relative; padding: 0 310px 0 150px  ; }
header .navbar .logo { position: absolute;  top: 0; left: 0;  margin: 12px  0 0 10px; width: 140px; z-index: 1;}
body.index      header .navbar .logo { margin: 14px  0 0 24px; }
header .navbar .logo img{max-width: 140px; max-height: 50px; }
body.index      header .navbar .logo img{max-width: 135px; max-height: 50px; }

/*中间导航菜单*/
header .navbar .top-center-nav {position: relative; height: 72px;}
header .navbar .navbar-nav { position: absolute;  top: 0; left: 0; right:0;  margin: 0 auto 0; width: 900px; }
body.index header .navbar .navbar-nav { width: 600px; }
header .navbar .navbar-nav>li { max-width: 90px; }
header .navbar .navbar-nav>li>a { display: inline-block; height: 72px; line-height: 70px; margin: 0 15px; padding: 0; border: 1px solid transparent; font-size: 14px; text-align: center; color: #fff; }
header .navbar .navbar-nav>li.active>a,
header .navbar .navbar-nav>li:hover>a { /*background: #116c50;*/ color: #FFDF1B; }
/*border-bottom: 3px solid #FFDF1B;*/
header .navbar .navbar-nav>li[rel="sub-live"]{ max-width: 120px;}
header .nav-2-1 .navbar-sub > #sub-mobile.sub-content,header .nav-2-1 .navbar-sub > #sub-huntfish.sub-content{height: 170px;}
header .nav-2-1 #sub-mobile .sub-box > dt,header .nav-2-1 #sub-huntfish .sub-box > dt{height: 145px;}

/*修改二級選單效果*/
header .navbar .nav > li a:after{content:'>';font-size:18px;font-weight:300;transform:scaleX(1.6) rotateZ(90deg);position:absolute;right:-22px;top:1px;transition:all .2s;font-weight: bold;}
header .navbar .nav > li a:hover:after{ transform:scaleX(1.6) rotateZ(-90deg);right:-15px; }
header .navbar-sub .api-games-wrap .api-games ul li .api-item dd p.api-start a{ display: block; font-size: 14px;width: 95px;height: 33px; border-radius: 3px; color: #fff !important;margin: 0 auto;line-height: 32px;transition: none;background:#49b18f; }
header .navbar-sub .api-games-wrap .api-games ul li .api-item dd{height: 70px !important;overflow: visible !important;}
header .navbar-sub .api-games-wrap .api-games ul li .api-item dt a .apiicon{ height: 110px !important; }
header .navbar-sub .api-games-wrap .api-games ul li .api-item dd p.api-summary{ margin: -8px 0 4px !important; }
header .api-item:hover p.api-start a.api-start-text {opacity: 0 !important;}
header .api-item:hover p.api-start a.api-start-name{opacity: 1 !important;}
header .api-item p.api-start:hover a.api-start-name{opacity: 0 !important;}
header .api-item p.api-start:hover a.api-start-text {opacity: 1 !important;}
header .navbar-sub .api-games-wrap .api-games ul li .api-item dd p.api-start a.api-start-text {background: #91dec5;}
header .navbar-sub #sub-huntfish li dd p a{ display: block; font-size: 14px;width: 95px;height: 33px; border-radius: 3px; color: #fff !important;margin: 0 auto;line-height: 32px;transition: none;background:#49b18f; }
header .navbar-sub #sub-huntfish li dd p a:hover{background: #91dec5;}
header .navbar-sub .api-games-wrap .api-games ul li .api-item dd p.api-summary{ color:#969696 }

/*右侧登陆框*/
header .navbar .navbar-right {position: absolute; top:0; right: 10px; margin: 0; width: 400px;  }
header .navbar .navbar-right .row { margin: 0; width: 100%; }
header .navbar .navbar-right .form-group { margin: 0; }

/*登陆前*/
header .navbar .navbar-right ._vr_unLogin { position: absolute; right: 0; top: 0; padding: 14px 0 0; height: 72px;}
header .navbar .navbar-right ._vr_unLogin .loginB { transition: .3s all;display: inline-block;float: left;}
header .navbar .navbar-right ._vr_unLogin .loginB.loginbottom>a{  float: left;color: #FFDF1B; padding: 0 5px; font-size: 12px; line-height: 24px;}
header .navbar .navbar-right ._vr_unLogin .loginB.loginbottom>a.regest:hover{ text-decoration: underline;}
header .navbar .navbar-right ._vr_unLogin .loginB.loginbottom>a.pw-forget{  float: right; color: #80BFAC;}
header .navbar .navbar-right ._vr_unLogin .loginB.loginbottom>a.pw-forget:hover{  float: right; color: #FFDF1B;}
header .navbar .navbar-right ._vr_unLogin .form-control { float: left;width: 100px; display: inline-block; height: 24px; background: #444; border: 1px solid #333; border-radius: 3px; margin: 1px 5px 5px 0; padding: 0 10px; color: #80BFAC;}
header .navbar .navbar-right ._vr_unLogin .form-control:focus{ box-shadow: 0 0 1px blue;}
header .navbar .navbar-right ._vr_unLogin .form-control::placeholder{color: #80BFAC;}
body.index      header .navbar .navbar-right ._vr_unLogin .form-control,
body.sports     header .navbar .navbar-right ._vr_unLogin .form-control,
body.live       header .navbar .navbar-right ._vr_unLogin .form-control,
body.register   header .navbar .navbar-right ._vr_unLogin .form-control,
body.about      header .navbar .navbar-right ._vr_unLogin .form-control,
body.promo      header .navbar .navbar-right ._vr_unLogin .form-control { background: #10694D; border: 1px solid #0E5942; }
header .navbar .navbar-right ._vr_unLogin ._vr_login{ width: 46px; height: 26px; background: #FFDF1B; font-size: 11px; color: #000;  text-align: center; padding: 0; border-radius: 4px;border: 1px solid #005e3c;}
header .navbar .navbar-right ._vr_unLogin ._vr_login:hover{ background: #ddd;}
header .navbar .navbar-right ._vr_unLogin .signIn{color: #000;display: inline-block;width: 46px;height: 26px;background:#FFDF1B;float:right;border-radius: 4px;padding: 0px;text-align: center;font-size: 11px;border:1px solid #005e3c;line-height: 26px;cursor: pointer;}
header .navbar .navbar-right ._vr_unLogin .signIn:hover{background: #ddd;}
/*header .navbar .navbar-right ._vr_unLogin .col-3-2>* { float: left; font-size: 12px; }*/
/*header .navbar .navbar-right ._vr_unLogin .col-3-2 a { color: #FFDF1B; }*/
/*header .navbar .navbar-right ._vr_unLogin .col-3-2 a:hover { color: #FFDF1B; text-decoration: underline; }*/
/*header .navbar .navbar-right .col-3-1 { padding: 0; }*/
/*header .navbar .navbar-right .col-3-1 button { width: 46px; height: 46px; color: transparent; margin-top: 10px; border: 0; }*/
/*header .navbar .navbar-right .col-3-1 ._vr_login { background: url(images/login_bt.png) no-repeat 0 0; }*/
/*header .navbar .navbar-right .col-3-1 .kefu { background: url(images/login_os.png) no-repeat 0 0; }*/

/*登陆后*/
header .navbar .navbar-right ._vr_loginSuccess { margin-right: 20px; margin-top: 12px; background: rgba(0,0,0,0); border: 1px solid rgba(0,0,0,0); border-radius: 3px; height: 48px; line-height: 23px; width: 100%; font-size: 12px; }
body.index      header .navbar .navbar-right ._vr_loginSuccess,
body.sports     header .navbar .navbar-right ._vr_loginSuccess,
body.live       header .navbar .navbar-right ._vr_loginSuccess,
body.register   header .navbar .navbar-right ._vr_loginSuccess,
body.about      header .navbar .navbar-right ._vr_loginSuccess,
body.promo      header .navbar .navbar-right ._vr_loginSuccess { background: #10694d; border: 1px solid #0e5942; }
header .navbar .navbar-right ._vr_loginSuccess a { color: #fff; margin: 0 0 0 5px; }
header .navbar .navbar-right ._vr_loginSuccess a:hover { color: #FFDF1B; }
/*header .navbar .navbar-right ._vr_loginSuccess ._vr_balanceBox{ vertical-align: top;}*/
/*header .navbar .navbar-right ._vr_loginSuccess ._vr_balanceBox>* { color: #FFF; }*/
/*header .navbar .navbar-right ._vr_loginSuccess ._vr_balanceBox:hover>* { color: #FFDF1B; }*/
/*header .navbar .navbar-right ._vr_loginSuccess ._vr_balanceBox .dropdown-menu { background: #fff url(images/balanceBox_bg.jpg) repeat-x 0 0; }*/
/*header .navbar .navbar-right ._vr_loginSuccess ._vr_balanceBox .dropdown-menu li a{color: #222;}*/
/*header .navbar .navbar-right ._vr_loginSuccess ._vr_balanceBox .dropdown-menu li a:hover{color: red;}*/
/*header .navbar .navbar-right ._vr_loginSuccess ._vr_balanceBox .dropdown-menu .remainingMoney a,*/
/*header .navbar .navbar-right ._vr_loginSuccess ._vr_balanceBox .dropdown-menu .TakeBack a{ color: #FFF;}*/
/*header .navbar .navbar-right ._vr_loginSuccess ._vr_balanceBox .dropdown-menu .remainingMoney a:hover,*/
/*header .navbar .navbar-right ._vr_loginSuccess ._vr_balanceBox .dropdown-menu .TakeBack a:hover{ color: #FFDF1B;}*/
.header-panel ul li{margin-right: 0px !important;}

/*nav-2-1横向通栏下拉菜单调整*/
header .nav-3-3 .navbar-sub .container {width: 1090px !important; padding: 0;}
header .nav-3-3 .sub-box > dt a .api_huntfish {width: 100%;height: 130px;display: inline-block;}
header .nav-3-3 #sub-mobile .sub-box > dt {height: 165px;}
header .nav-3-3 #sub-mobile .sub-box > dt a .apiicon {width: 100%;height: 130px;display: inline-block;}
header .nav-3-3 #sub-mobile .api-games > ul > li .sub-box > dd p:last-child a:last-child {opacity: 1;}
header .nav-3-3 .sub-box > dd > p:first-child {min-height: 20px;color:#969696;}
/*========  更换api名字  ========*/
header .nav-3-3 #sub-sports .apiicon.s-188:before{display: block;content: '新188体育';width: 120px;height: 37px;text-align:left;position: relative;left: 12px;top: 33px;font-size: 23px;color: #23b1fe;font-weight: 500;background-image: linear-gradient(to bottom, #eff0f4, #f3f5f6);}
header .nav-3-3 #sub-sports .apiicon.s-hg:before{display: block;content: '三昇体育';width: 120px;height: 37px;text-align:left;position: relative;left: 12px;top: 24px;font-size: 24px;color: #23b1fe;font-weight: 500;background-image: linear-gradient(to bottom, #eff0f4, #f3f5f6);}


/*彩票*/
/*.nav-3-3 #sub-lottery .apiicon{ background: url(../images/lottery/navbar-sub-lottery-first2.png) no-repeat !important;}*/
/*.nav-3-3 #sub-lottery .apiicon.l-bb{background-position: -280px 0 !important;}*/
/*.nav-3-3 #sub-lottery .apiicon.l-kg{background-position: -560px 0 !important;}*/
/*.nav-3-3 #sub-lottery .apiicon.l-pl, .nav-3-4 #sub-lottery .apiicon.l-tl, .nav-3-4 #sub-lottery .apiicon.l-lt{background-position: 0 0 !important;}*/
/*.nav-3-3 #sub-lottery .apiicon.l-vr{background-position: -840px 0 !important;}*/
/*.nav-3-3 #sub-lottery .apiicon.l-lb{background-position: -1120px 0 !important;}*/
/*.nav-3-3 #sub-lottery .apiicon.l-yzt{background-position: -1400px 0 !important;}*/
/*.nav-3-3 #sub-lottery .apiicon.l-yb{background-position: -1680px 0 !important;}*/
/*.nav-3-3 #sub-lottery .apiicon.l-tcg{background-position: -1960px 0 !important;}*/
/*.nav-3-3 .api-games>ul>li:last-child{display: none !important;}*/

/*notice-bar 公告栏*/
.notice-bar{ padding: 0 10px;}
.notice-bar .top-container{ position: relative; height: 30px; line-height: 30px; padding: 0 400px 0 200px;  font-size: 12px;}
.notice-bar ._user_time{ position: absolute; width: 200px; left: 0; line-height: 30px; }
.notice-bar .notice{ height: 100%; padding: 0 0 0 40px; }
.notice-bar .notice .notice-title{ display: inline-block; margin: 0 0 0 -35px; vertical-align: top; color: #FFDF1B; }
.notice-bar .notice .notice-list{ }
.notice-bar .notice .notice-list a{ color: #fff;}
.notice-bar .menu-bar{ position: absolute; width: 400px; right: 0; top: 0;  text-align: right;}
body.index .notice-bar .menu-bar{ width: 227px; }
.notice-bar .menu-bar li{ position: relative; }
.notice-bar .menu-bar li a{ color: #4acfa5; }
.notice-bar .menu-bar li a:hover{ color: #fff; }
.notice-bar .menu-bar li.domain,
.notice-bar .menu-bar li.domain a{ color: #FFDF1B;}
.notice-bar .menu-bar li.domain:hover,
.notice-bar .menu-bar li.domain:hover a{ color: #FFF;}
.notice-bar .menu-bar li.domain a{ font-size: 14px; color: #FFDF1B; }
.notice-bar .menu-bar li>.dropdown-menu{ min-width: 100px; width: 100px; background: #ddd; margin: 0; padding: 0;}
.notice-bar .menu-bar li>.dropdown-menu li{  border-bottom: 1px solid #bbb;}
.notice-bar .menu-bar li>.dropdown-menu li:last-child{ border: 0; }
.notice-bar .menu-bar li>.dropdown-menu li a{ display: block; height: 30px; color: #333; border-left: 3px solid rgba(0,0,0,0); line-height: 30px; padding: 0; text-align: center;}
.notice-bar .menu-bar li>.dropdown-menu li a.active,
.notice-bar .menu-bar li>.dropdown-menu li a:hover{ background: #fff; border-color: #4acfa5; }
.notice-bar .menu-bar li:hover>.dropdown-menu{ display: block;}
/*index下面的公告栏*/
body.index .notice-bar{ padding: 0;}
body.index .notice-bar .top-container{ padding: 0 227px 0 0; border-top: 1px solid #666; border-bottom: 1px solid #666;}
body.index .notice-bar .notice-title{ margin: 0 0 0 -40px; }
/*body.index .notice-bar .menu-bar{ width: 210px; }*/


/*==================== footer 页脚 ====================*/
/* footer-bar 底栏 */
.footer-bar { border-top: 1px solid #3e3e3e; text-align: center; font-size: 11px; font-family: Verdana,Geneva,Arial,sans-serif; background: #474747; padding-top: 24px; color: #7b7b7b; padding-bottom: 15px; line-height: 18px; }
/* footer-link 底部链接 */
.footer-link { height: 15px; text-align: center; }
.footer-link li { display: inline-block; height: 15px; line-height: 15px;}
.footer-link li a{ color: #ccc; padding: 0 8px; }
.footer-link li a:hover{ color: #fff;}
.index .footer-link li+li { border-left: 1px solid #3b6556; }
.footer-partner .footer-link { margin: 24px auto 22px;}
/* partner */
.footer-partner { text-align: center; }
.footer-partner p { text-align: center; }
.footer-partner .list-inline>li { padding: 0 13px; }
.footer-bar .footer-copyright .container{ width: 600px !important; min-width: 500px;}
.footer-bar .footer-copyright p { text-indent: 1em; text-align: center; font-size: 11px; color: #bbb; padding:10px 5px; margin: 0; line-height: 17px; }

/*==================== index 首页 ====================*/
.index { background: #007b5b repeat-x; }
.index .container{ width: 962px !important;}
.index-wrap { width: 962px; margin: auto; }

/*左侧语言*/
.index-wrap .language-nav { padding: 0; margin: 0; float: left; background: repeat-x; width: 90px; min-height: 486px }
.index-wrap .language-nav li { list-style: none; height:25px;}
.index-wrap .language-nav li a { display: block; color: #FFFFFF; padding: 4px  5px 4px 11px; font-size: 11px; font-weight: normal; text-decoration: none; font-family: verdana, arial, helvetica, sans-serif;}
.index-wrap .language-nav li.active a,
.index-wrap .language-nav li a:hover { color: #FFDF1B; background-color: #333; }

/* index-slide */
.index-wrap .main-wrap { width: 870px; float: left; background: #333; padding: 5px 10px; overflow: hidden; margin-bottom: 0; }
.index-slide { width: 850px; height: 220px; position: relative; border: 3px solid #636363; margin: 5px 0; outline: 1px solid #000; }
.index-slide:hover { border-color: #ffdf1b; }
.index-slide .sports-title { float: none; position: absolute; top: 0; left: 10px; color: #fff; font-size: 22px; text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.5); font-weight: normal; }
.index-slide .slide .slide-inner { width: 100% }
.index-slide .slide,
.index-slide .slide .slide-inner li,
.index-slide .slide .slide-inner li a { height: 214px; }
.index-slide .slide .slide-inner { padding: 0; margin: 0; position: absolute; }
.index-slide .slide .slide-inner ul { height: 214px; overflow: hidden; padding: 0; margin: 0; }
.index-slide .slide .slide-indicators { width: auto; left: 10px; text-align: left; }
.index-slide .slide .slide-indicators ul { padding: 0; }
.index-slide .slide .slide-indicators ul li { width: 12px; height: 12px; background: #666; margin: 0 4px; border-radius: 50%; opacity: 1; filter: opacity(100); box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .5); }
.index-slide .slide .slide-indicators ul .active { background: #ffcc00; }
/*.index-slide>.container { position: relative; overflow: visible; margin-top: -30px; }*/
.index-slide>.sports-infos { position: absolute; width: 414px; height: 202px; top: 6px; right: 6px; background: 100% center no-repeat; }
.sports-infos .infos-title { text-align: center; }
.sports-infos .infos-title>h3 {font-size: 24px;  color: #fff;  margin-top: 115px;}
.sports-infos .infos-title>span { width: 170px; display: inline-block; margin: 5px 0 0 20px; font-size: 18px; color: #111; text-shadow: 1px 1px 1px rgba(255, 255, 255, .5); height: 28px; line-height: 28px; background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKoAAAAcCAMAAADGO9TYAAAAgVBMVEW1qRbDuSirng61qRZXdj0AAADXwy7DrxVZVzNbe0CmuDCYihbBwyrDuSjDuSiYihbDuSjNsgHq1ETw2kr14FDTuAb85lbZvg3QtQXdwRHfxBP541P94THVugn65FX+6FnmyRmrng7DuSj951H95UTDrxXiyzjr2jPXwy7Bwyr53S0T2NYOAAAAEXRSTlP+1dXVKwDV1VdD9vbVxb29sNB3IKYAAAEBSURBVFjD1ZDpjsIwDITN0nLs3SSFpO2eLef7PyCxiLCEEYF/zFfbsj1WNQqV87cOgM+ipHk39D8PTz/sC3ruFgj03TtthwUEbkLb9huC9pV2roXATaJVEEb0bx0G0aqz1rq7QrUyZK6lyx3q4FcFIVrdWGs4OCWORQuSspPZaCWlWuQPOaQ1I1oZDDY4Vs2UVmsDwXpK1IAwJgoYsNVlJCw1QY9cwpUzLYXMUu+0lApbBSFarb8weKK/GoRxtOr585xc+Tv1MoueGu7VfNYp9fLyym+k1PFVPQjRapXw1a34zHyD6rM7WSeFrYIAZfWlAuGDZjUIBZUzan4fnoaK8gAeaZ42vwkiWwAAAABJRU5ErkJggg==); }
.sports-infos .infos-box1,
.sports-infos .infos-box2 { height: 95px; overflow: hidden; display: block; margin: 0 10px; color: #fff; font-family: monospace,serif;}
.sports-infos .infos-box1 span,
.sports-infos .infos-box2 span { color: #ffdf1b; }
.sports-infos .infos-box1>h4,
.sports-infos .infos-box2>h4 { font-size: 16px; margin-bottom: 5px; }
.sports-infos .infos-box1>p,
.sports-infos .infos-box2>p { font-size: 12px; line-height: 14px; margin-bottom: 2px; }
.main-wrap .index-item-box { float: left; margin: 5px 0 10px 1px; width: 276px; overflow: hidden; background: no-repeat 3px 83px; outline: 1px solid #000; }
.main-wrap .index-item-box+div { margin: 5px 0 10px 10px; }
.main-wrap .index-item-box > div { border: 3px solid #636363; }
.main-wrap .index-item-box > div:hover { border: 3px solid #ffdf1b }
.main-wrap .index-item-box > div img { width: 100%; }
.main-wrap .index-item-box div > a { color: #fff; padding: 0 10px; display: block; background-size: 100% auto; height: 151px; }
.main-wrap .index-item-box h3 { margin: 0; font-size: 22px; padding: 8px 0; border-bottom: 1px solid #358469; font-weight: 500 }
.main-wrap .index-item-box div a .co-yellow { padding: 5px 0; border-bottom: 1px solid #358469; }
.main-wrap .index-item-box div a p { line-height: 16px; overflow: hidden; margin-top: 5px; font-size: 12px; }
.main-wrap .index-item-box div a .play { color: #fff; padding-left: 16px; font-size: 15px; background: 0 center no-repeat ; }
.main-wrap .index-item-box div a:hover .play { color: #ead032; }
.main-wrap .index-item-box:hover div > a { background-position: bottom center; }
.index-footer-wrap { width: 960px; margin: auto; padding: 0 0 30px;}
.index-footer { float: right; width: 870px; background-color: #004531; border-top: 1px solid #350c11; padding: 10px; min-height: 100px; margin-right: 1px; margin-top: -3px; }
.index-footer .link-list { border-top: solid 1px #275a4b; border-bottom: solid 1px #275a4b; padding: 5px 0; text-align: center; color: #80a298 }
.index-footer .link-list a { display: inline-block; height: 15px; line-height: 15px; color: #80a298; font-size: 12px; vertical-align: top; }
.index-footer .link-list a:hover { color: #e4e4e4; }
.index-footer .link-list a:last-child { border: 0; }
.index-footer .link-list p { color: #80a298; margin-top: 10px; margin-bottom: 0; font-size: 12px; }
.index-footer .context { color: #a6c1ba; border-bottom: 1px solid #275a4b; }
.index-footer .context p { line-height: 14px; margin: 10px 0; font-size: 12px; color:#417667; }
.index-footer .context p a.tl { color: #417667; text-decoration: underline; }
.index-footer .context p a.tl:hover { color: #FFDF1B }
.index-footer .context p:last-child{ margin-bottom: 20px;}

/*==================== live 视讯直播 ====================*/
.live-slide{ width: 100%; height: 362px; padding: 0;  margin: 0; overflow: hidden;}
.live-slide .picScroll{ height: 100%; padding: 0; position: relative;}
.picScroll>a{ position: absolute;  top: 150px; display: block; width: 30px; height: 100px; background-color: rgba(0,0,0,.8);    line-height: 100px;  text-align: center;  font-size: 30px; opacity: 0;  z-index: -1; transition: .5s all;}
.picScroll>a.prev{ left: 0;}
.picScroll>a.next{ right: 0;}
.picScroll>a:before{ content: ''; display: inline-block; width: 15px; height: 15px; position: relative; top: 40px;vertical-align: top; border: solid #00fff2; border-width: 2px 2px 0 0;}
.picScroll>a.prev:before{  left: 2px;  -o-transform: rotate(-135deg);  -ms-transform: rotate(-135deg);  -moz-transform: rotate(-135deg);  -webkit-transform: rotate(-135deg);  transform: rotate(-135deg);  }
.picScroll>a.next:before{  left: -2px;  -o-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -webkit-transform: rotate(45deg);  transform: rotate(45deg);  }
.picScroll>a:hover::before{ border-color: #fff;}
.picScroll:hover a{ opacity: 1 ;z-index: 1;}
.live-slide .picScroll .bd{  margin: 0 auto; width: 900px;  height: 100%; }
.live-slide .picScroll .bd .tempWrap{overflow: visible !important;}
.live-slide .picScroll .bd li{ position: relative; height: 362px; overflow: hidden;}
.live-slide .picScroll .bd li img{ width: 100%; transition: .3s all;}
.live-slide .picScroll .bd li:hover img{ transform: scale(1.05); }
.live-slide .picScroll .bd li .banner_bottom{ position: absolute; bottom: 0; width: 100%; height: 110px; padding: 0 10px; background: #444;  text-align: center;}
.live-slide .picScroll .bd li .banner_bottom h2{ height: 33px; width: 100%; color: #e4e4e4; padding: 0 110px 0 0; overflow: hidden;text-overflow: ellipsis;}
.live-slide .picScroll .bd li .banner_bottom h2 a{ float: right; display: inline-block; margin: 0 -100px 0 0; width: 100px; height: 30px; background-color: #00fff2; color: #333; font-size: 14px; line-height: 30px;  text-align: center; }
.live-slide .picScroll .bd li .banner_bottom p{ color: #999; }
.live-slide .picScroll .bd li .banner_bottom p span{ color: #FFDF1B; margin: 0 50px 0 10px;}
/*.live-slide .picScroll-left .hd{ position: absolute; bottom: 0; }*/

body.live .container{ min-width: 1080px; width: 100% !important; padding: 20px 0 0;}
section.live-wrap{}
section.live-wrap .row-match{ margin: 0; }
section.live-wrap .live-item{ width: 350px; height: auto;  margin: 20px auto;}
section.live-wrap .live-item.ab{ position: relative;}

.live-item{margin:10px 0;border:1px solid #000;}
.live-item>.item{height:300px;display:block;position:relative; background: #050505 no-repeat center 0 / cover;}
.live-item>.item>.cover{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;z-index:10;display:none;}
.live-item>.item>.cover>.hot-list{position:absolute;width:100%;height:300px;left:0;bottom:0;background-color:rgba(0,0,0,.3);filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#4d000000,endColorStr=#4d000000);}
.live-item>.item>.cover>.hot-list>div{height:150px;}
.live-item>.item>.row3>.hot-list>div{height:100px;}
.live-item>.item>.cover>.hot-list .btn-live{padding:25px 0;}
.live-item>.item .api-logo{ padding: 20px; opacity: 1; transition: .5s all; }
.live-item>.item:hover .api-logo{  opacity:0;}
.live-item>.item .api-logo img{ filter: hue-rotate(677deg);}/*此处把图片从蓝色改成了绿色 ,lose IE*/
.live-item:hover {border-color: #199E9E;}
.live-item>.title{color:#199E9E;background:#111;border-top:1px solid #000;padding: 10px 20px 5px;overflow:hidden;}
.coming>.title{text-align:center; height: 83px;}
.live-item .liveApiMap{color: #fff;}
.live-item .live-play{ display: block;height: 25px; line-height:25px; text-align:right;text-decoration:none;color:#199E9E;border-top: 1px solid #000;background:#111;}
.live-item .live-play:hover{color:#ffb848;}
.live-item:hover .title{color:#fae39e;background:#191919;border-color:#222;}

.live-wrap .btn-live{display:inline-block;width:100%;height:100%;padding:15px 0;color:#eee;font-size:16px;text-align:center; border-right: 1px solid  rgba(0,0,0,.7); border-bottom: 1px solid  rgba(0,0,0,.7);background-color: rgba(0,0,0,0.5);}
.live-wrap .btn-live:hover{color:#fae39e;text-decoration:none;background-color:rgba(0,0,0,0.3);filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#4d000000,endColorStr=#4d000000);}
.live-wrap .btn-live>span.gui{display:block;}
/*==================== sports 体育 ====================*/
section.sports { width: 100%; padding: 0; font-size: 0; text-align: center; background: center top / cover;padding: 20px 0;}
section.sports .container{width: 1300px!important;}
section.sports>div {font-size: 12px; }
.sports-box { width: 100%;  display: inline-block; background: #d7e3f0; vertical-align: top; }
.sports-box.sb iframe { width: 100%; min-height: 768px; }
section.sports .bulk-frame .full-screen{opacity: .4;transition: .3s;}
section.sports .bulk-frame .full-screen:hover{opacity: 1;}
section.sports .sports-box {width: 1300px !important;}
section.sports .sports-box.bet188 {width: 1040px !important;}


.sports-box #api-tabs>.carousel-inner>.sports-tabs{width: 100%;display: inline-block;background-color: #06815d;border: 1px solid #44a586;overflow-y: hidden;overflow-x: auto;}
.sports-box #api-tabs>.carousel-inner>.sports-tabs::-webkit-scrollbar{height: 10px;}
.sports-box #api-tabs>.carousel-inner>.sports-tabs li{flex: 1;border: none;margin: 0;overflow: hidden;padding: 0px 10px;}
.sports-box #api-tabs>.carousel-inner>.sports-tabs li.active{background-color: #06815d;}
.sports-box #api-tabs>.carousel-inner>.sports-tabs li + li{border-left: 1px solid #12906b;}
.sports-box #api-tabs>.carousel-inner>.sports-tabs li:not(:last-child){border-right: 1px solid #0e5942;}
/* sport-hg-fix */
.sports-box .bulk-frame { position: relative; }
.sports-hg-fix { position: absolute; display: none; width: 100px; height: 25px; background: #493721; top: 99px; left: 137px; }
.sports-box.hg .sports-hg-fix { display: block; }
.sports-hg-fix2 { position: absolute; display: none; width: 208px; height: 16px; top: 27px; left: 22px; background: repeat-x url(data:image/gif;base64,R0lGODlhAQAQALMAAKFZBaNbBqRdBahhB6JaBptSBaZfBaBYBKVeBp9XBZ9WB5xTBAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABABAAAAQMcBiERCDgpKTUWkUEADs=); }
.sports-box.hg .sports-hg-fix2 { display: block; }
.sports-box .carousel-inner span.gui-logo-bc{ display: inline-block; width: 30px; height: 30px; }
.sports-box .carousel-inner span.gui-logo-bc:before{ display: none;}
.sports-box .carousel-inner span.gui-logo-188bet{ display: inline-block; width: 30px; height: 30px;}
.sports-box .carousel-inner span.gui-logo-188bet:before{ display: none;}
.sports-box .carousel-inner .sports-tabs>li.active a,
.sports-box .carousel-inner .sports-tabs>li:hover a{color: #FFE417;}

/*==================== casino 电子内页 ====================*/
/* ban轮播 和live用的一套样式*/
.casino-slide{ width: 1335px; margin: 20px auto ; overflow: hidden;}
.casino-slide .picScroll{ position: relative; height: 190px;}
.casino-slide .picScroll>a{  top: 45px;}
.casino-slide .picScroll .bd{}
.casino-slide .picScroll .bd li{ position: relative; width: 214px; height: 190px; background: #000; margin: 0 10px 0 0; overflow: hidden;}
.casino-slide .picScroll .bd li img{ width: 214px; }
.casino-slide .picScroll .bd li .bottom-shadow{ position: absolute; bottom: -40px; width: 100%; height: 80px; background: #303030; transition: .3s all;}
.casino-slide .picScroll .bd li:hover .bottom-shadow{ bottom: 0;}
.casino-slide .picScroll .bd li .bottom-shadow .game-name{ height: 40px;  line-height:40px; font-size: 11px;  text-align: center; margin: 0;}
.casino-slide .picScroll .bd li .bottom-shadow .btn-start{ display: block; width: 110px; height: 30px; line-height: 30px; margin: 3px auto 7px; border: 1px solid #00f3b1; color: #00f3b1;  text-align: center; border-radius: 2px;}
.casino-slide .picScroll .bd li .bottom-shadow .btn-start:hover{ background: #00f3b1; color: #fff;}

#casino-style .container,
#chess-style .container{ width: 100% !important; padding: 20px 40px; }
#casino-style .casino-game-list .s_border figure{ width: 100%;}
#casino-style .casino-game-list .s_border figure > img{min-width: 188px; min-height: 131px; width: 100%; height: auto;}

/*导航和游戏列表*/
#casino-style.theme-black .api-nav .swiper-container .swiper-slide.active { border-top: 3px solid #06815d; }
#casino-style.theme-black .casino-sorts .nav-tabs > li.active > a { background: #06815d; }
#casino-style > .container .game-list-header .jackpot .j_txt .t_g_name span { color: #06815d; }
#casino-style > .container .casino-game-list .game-item .game-info .g_line2 span { color: #06815d; }
#casino-style > .container .game-list-header .all_g_txt span { color: #06815d; }
#casino-style > .container .casino-game-list .game-item.s_border:hover { border-color: #06815d; }
#casino-style.theme-black .casino-sorts .nav-tabs > li:hover a { color: #fff !important; }
#casino-style > .container .game-list-header { width: 100%; }

/*将导航api换为彩色*/
#casino-style > .container .api-nav .swiper-slide .gui { background-position-y: bottom; }

/*==================== lottery 彩票 ====================*/
/*.lottery{background-color:#004531;}*/
.lottery .container{ width: 100% !important;}
.lottery .api-tabs{width: 100%;display: flex;border: none;}
.lottery .api-tabs>li.active a,
.lottery .api-tabs>li:hover a{ color: #ffdf1b; background: linear-gradient(to bottom,#03B484 0%,#027A58 100%);}
.lottery .api-tabs>li{border: 1px solid #000;flex: 1;padding: 0;margin: 0 5px;background-color: #65656575;}
.lottery .api-tabs>li:first-child{margin-left: 0;}
.lottery .api-tabs>li:last-child{margin-right: 0;}
.carousel-inner .api-tabs>li>a:link, .api-tabs>li>a:visited, .api-tabs>.disabled:hover>a{height: 48px;line-height: 48px;}
.lottery .game-list{background-color: #3e3e3e;margin-top: 8px;padding: 10px;overflow: hidden;}
.lottery .game-list .lottery_list .item{width: 100%;height: 95px;display: block;background: linear-gradient(to bottom,#252525 0%,#131313 100%);border: 3px solid #505050;text-align: center;margin-bottom: 30px;padding: 0;overflow: inherit}
.lottery .game-list .lottery_list .item:hover{border-color: #ff0;}
.lottery .game-list .lottery_list .item img{height: 95%;}
.lottery .game-list .lottery_list .title_in a{color: #ffdf1b;font-weight: bold;border-top: 1px solid #666666;display: block;padding: 5px 0 12px;text-align: center;}
.lottery .game-list .lottery_list .Start a{width: 49%;line-height: 23px;border: 1px solid #505050;color: #ccc;background: none;box-shadow: none;text-align: center;}
.lottery .game-list .lottery_list .Start a:hover{border-color: #ff0;}
.lottery .game-list .lottery_promo{width: 15.401%;margin-left: 1.055%;}
.lottery .game-list .lottery_promo a{width: 146px;border: 3px solid #064534;display: block;}
.lottery .game-list .lottery_promo a:hover{border-color: #ff0;}
.lottery_navber{margin-bottom: 6px;overflow: hidden;}
.lottery_navber > .pull-left{border: 1px solid #111;}
.lottery_navber > .pull-left img{border: 3px solid #464646;}
.lottery_navber > .pull-left:hover img{border: 3px solid #ffe51a;}
.lottery_navber > .pull-right img{border: 1px solid #000;}
.lottery_navber > .pull-right img:hover{border: 1px solid #ffe51a;}
.lottery_navber > .pull-right .lottery_navber_sc{margin-top: 7px;}
.api-tabs>li>a:link, .api-tabs>li>a:visited, .api-tabs>.disabled:hover>a{color: #fff;}

.main-lottery .game-item .item .game-img {height: 90px !important;line-height: 85px !important;overflow: inherit !important;}
.main-lottery .game-item {height: 190px;background: none !important;}
.main-lottery .game-item .item .cover{overflow: inherit;display: block;}
.main-lottery .game-item .item .cover .cover-name {width: 49%;height: 25px;line-height: 25px;position: absolute;top: 160px;right: 0;color: #ccc;margin: 0;}
.main-lottery .game-item .item .cover .cover-name:hover {border-color: #ff0;}
.main-lottery .game-item .item .cover .cover-bg:after {content: '查看详情';width: 49%;height: 25px;line-height: 25px;border: 1px solid #575757;position: absolute;top: 160px;left: 0;color: #ccc;margin: 0;}
.main-lottery .game-item .item .cover .cover-bg:hover:after {border-color: #ff0;}
.main-lottery .game-item .title .btn-play {height: 25px !important;line-height: 25px !important;background: none !important;color: #ffdf1b;font-weight: bold;border-top: 1px solid #666666;display: block;padding: 5px 0 12px;text-align: center;}
.main-lottery .nav-lottery-tabs li {border: 1px solid #3e3e3e;background: #191919;}
.main-lottery .nav-lottery-tabs li.active, .main-lottery .nav-lottery-tabs li:hover {background: linear-gradient(to bottom,#03b181 0%,#027d5a 100%);}
.main-lottery .nav-lottery-tabs>li.active>a, .main-lottery .nav-lottery-tabs>li:hover>a, .main-lottery .nav-lottery-tabs>li.active>a:hover, .main-lottery .nav-lottery-tabs>li.active>a:focus {color: #ffdf1b;}


/* =============== promo 优惠 =================== */
/*此处轮播图lottery共用*/
.promo-ban{}
.promo-ban .slide-inner .ban-details-box{ width: 480px; margin: 65px 0 0 120px;  text-align: left;}
.promo-ban .slide-inner .ban-details-box:before{ content: "";display: table;}
.promo-ban .slide-inner .ban-details-box .event-title{  font-size: 28px;margin: 0 0 5px;}
.promo-ban .slide-inner .ban-details-box .event-body{ margin: 0 0 15px;}
.promo-ban .slide-inner .ban-details-box .event-end{ margin: 0 0 15px; color: #ffdf1b;}
.promo-ban .slide-inner .ban-details-box a{ display: inline-block; width: 125px; height: 35px;line-height: 33px;padding: 0 10px; margin: 0 5px; color: #ffdf1b;  border: 1px solid #ffdf1b;  text-align: center; font-size: 16px; border-radius: 2px;}
.promo-ban .slide-inner .ban-details-box a.promo-ban-join{ }
.promo-ban .slide-inner .ban-details-box a.promo-ban-join:hover{ background: #ffdf1b; color: #333; }
.promo-ban .slide-inner .ban-details-box a.promo-ban-more{ background: #ffdf1b; color: #333; }
.promo-ban .slide-inner .ban-details-box a.promo-ban-more:hover{ background: #f0f0f0; border-color: #f0f0f0; }
#promo .main-promo { width: auto;  background: transparent; }
#promo-style { padding: 20px 0; }
#promo #promo-style>.container { width: 1090px !important; padding: 15px; background: #333;}
#promo-style .list-type2 .promo-item { border: none; background: #034835; margin-bottom: 10px; }
#promo-style  .promo-item .home_pic img { background: transparent; }
#promo-style  .promo-top-bar { background: #034835; }
#promo-style  .promo-top-bar ul{ width: 800px;}
#promo-style  .promo-top-bar > ul li { padding: 0 12px; }
#promo-style  .promo-top-bar > ul li a{ color: #fff;}
#promo-style  .promo-top-bar .search-bar .input-wrap { background: #116b4e; border: 1px solid #017a5b; }
#promo-style  .promo-item .promo-detail { background: #fff; padding: 30px 28px; }
.main-promo.theme-black .list-type2 .promo-item .promo-detail .tit{color:#00beaa !important; }
#promo-style .list-type2 .list_type2_item_tit { display: none; border-left: 4px solid #ffdf1b;}
#promo-style .list-type2 .promo-item .shadow .btn-apply { background: #ffdf1b; color: #000; }
#promo-style .list-type2 .promo-item .promo-status.processing { background: #1ac07e; }
#promo-style .promo-top-bar .search-bar .btn-search { background-color: #ffdf1b; border-color: #DFB432; color: #000; }
#promo-style .promo-top-bar .search-bar #search-input::placeholder{color: #dddddd;}
#promo-style .promo-top-bar > ul li:hover,
#promo-style .promo-top-bar > ul li.active,
#promo-style .promo-top-bar > ul li:hover > a,
#promo-style .promo-top-bar > ul li.active > a { background-color: #ffdf1b; color: #000; }
#promo-style .promo-top-bar > ul li.active:after { border-top-color: #ffdf1b; }
/*#promo-style .list-type2 .content img { width: 100%; }*/
/*优惠内部内容样式*/
#promo-style .list-type2 .promo-item .promo-detail .content{color: #222;}
#promo-style .list-type2 .promo-item .promo-detail table{max-width: 1000px;}
#promo-style .list-type2 .promo-item .promo-detail table td{ border-width: 1px;}
#promo-style .list-type2 .promo-item .promo-detail .content p{ word-wrap: break-word; margin: 5px 0; }
#promo-style .list-type2 .promo-item .promo-detail .content h3 span{ color: #1e9fff !important; }
/*#promo-style .list-type2 .promo-item .promo-detail .content h4 span{ color: #ffdf1b !important; }*/

/*====================关于我们===================*/
#about-style .container{ width: 95% !important; margin: 0 auto;}
#about-style .promo-memu { margin-top: 20px;  text-align: center;}
#about-style .promo-memu dl{ min-width: 220px; width: 70%;  background: #1e1e1e; border: 1px solid #000; }
#about-style .promo-memu dt { margin-bottom: 15px; font-size: 14px; color: #fff; height: 32px; line-height: 32px; background: #215647; padding-left: 22px; }
#about-style .promo-memu dd { height: 30px; line-height: 30px; padding: 0 25px; }
#about-style .promo-memu dd a { background: no-repeat 0 -23px; padding-left: 20px; color: #666; display: block; }
#about-style .promo-memu dd a:hover,
#about-style .promo-memu .active { background-position: 0 12px; color: #fee819; }
#about-style .about-contant { width: 100%; padding: 20px; color: #555; font-size: 14px; background: #fff; margin: 20px 0; min-height: 342px; }

/*==================== register 注册 ====================*/
.register .main-register { background: #fefefe no-repeat top center; }
.register .registeredContent { width: 1010px; margin: 0 auto; font-size: 12px; color: #666; background: rgba(250, 250, 250, 0.5); padding: 0 30px; border-radius: 10px; }
.register .registeredContent a { color: #06855f; }
/*.register .registeredContent .registeredHead { width: 780px; padding: 10px 20px; height: 87px; background: url(images/register-head-bg.gif) no-repeat; }*/
.register .headPaddingBorder { position: relative;width: 100%; border-bottom: 1px solid #05684c; background: no-repeat -25px -8px; height: 60px; }
.register .headPaddingBorder .headLeft { position: absolute; width: 46px; height: 24px;right: 50px; top: 17px; background: #E0DEDB; font-size: 16px ;  text-align: center;  border-radius: 3px;}
.register .headPaddingBorder .headLeft:hover{ background: #FEE024; color: #000;}
.register .registeredContentText { padding: 0 30px 139px 30px; rgba(37, 37, 37, .8); }
.register .account-box { padding: 30px 0; }
.register #regForm fieldset { overflow: hidden; }
.register .red_bq { height: 21px; line-height: 21px; font-size: 14px; display: block; }
.register .red_bq>span { line-height: 21px; font-size: 14px; margin-left: 30px; }
.register .red_bq:before { content: ''; display: inline-block;  position: absolute; }
.register .red_bq.register-cjdl:before { width: 23px; height: 20px; background-position: -117px -1px; }
.register .red_bq.register-aq:before { width: 22px; height: 20px; background-position: -142px 0; }
.register .red_bq.register-sxx:before { width: 21px; height: 21px; background-position: -60px -41px; border-radius: 8px; }
.register .red_bq:after { content: ''; display: inline-block; width: 80%; height: 1px; background: #888; margin: 10px 0 10px 12px; position: absolute; }
.register .red_bq.register-cjdl:after { width: 78.6%; }
.register .red_bq.register-aq:after { width: 81.4%; }
.register .headPis { padding: 20px 0; line-height: 24px;  text-align: center;}
.register .submitBtn { display: block; width: 285px; line-height: 38px; height: 38px; margin: 15px auto; background: linear-gradient(to bottom, #00764a 0, #005636 100%) top repeat-x; border: solid 1px #004028; cursor: pointer; color: #fff; text-align: center; vertical-align: middle; overflow: visible; }
.register .submitBtn.backhome{ background: #666; color: #fff;}
.register .submitBtn.bet_login{ color: #fff;background: linear-gradient(to bottom, #189976 0, #057052 100%) top repeat-x;}
.register .submitBtn:hover { color: #fee819; }
.register .registerMiddle { padding: 17px 30px 0  0; }
.register .registerMiddle .headPis .headTitle{ position: relative;}
.register .registerMiddle .headPis .headTitle ul{ border:1px solid #4acfa5;  width: 300px;  height: 44px;  margin: 0 auto;  line-height: 42px; position: relative; background: #FFF; display: none;}
.register .registerMiddle .headPis .headTitle ul:before{ content: ""; position:absolute; top:-5px; left:70%;width: 10px; height: 10px; border: 1px solid ; border-color: #4acfa5 #4acfa5 transparent transparent;transform: rotate(-45deg) ;background: #fff;}
.register .registerMiddle .headPis .headTitle ul li{ margin: 0 10px; }
/*.register .registerMiddle .headPis .headTitle a:hover+ul{ display: block; }*/
.register .registeredContent .page-left { background: #06815d; border-radius: 10px; }
.register .registeredContent .page-left .list-group .list-group-item { height: 36px; width: 160px; margin: 8px auto; line-height: 36px; text-align: center; padding: 0; font-size: 16px; color: #fff; border: none; border-radius: 6px; border-bottom: 1px solid #00704f; }
.register .registeredContent .page-left .list-group .list-group-item.active,
.register .registeredContent .page-left .list-group .list-group-item:hover,
.register .registeredContent .page-left .list-group .list-group-item:focus { background: #116c50; color: #fee819; }
.register .registeredContent .page-left .list-group .list-group-item { background: transparent; }

/*==================== agent ====================*/
body.agent .navbar-nav{ width: auto; left: auto;}
.agent-slide>.slide>.slide-inner { width: 100% }
.agent-slide .slide,
.agent-slide .slide .slide-inner li,
.agent-slide .slide .slide-inner li a { height: 630px; }
.agent-content-wrap { background: #e9e9e9; min-height: 630px; box-shadow: inset 1px 1px 15px 5px rgba(0, 0, 0, 0.4); }
.agent-content { padding: 40px 30px; color: #444; margin: 20px; background: #fff; min-height: 590px; }
.agent-content h1,
.agent-content h2,
.agent-content h3,
.agent-content h4,
.agent-content h5,
.agent-content h6 { margin: 1em 0; font-weight: bold; text-shadow: none; }
.agent-content .title { font-weight: bold; }
.agent-content .title small { display: block; height: 40px; line-height: 40px; text-shadow: none; }
.agent-content .table { color: #333; }
.agent-contact-list { height: 80px; line-height: 80px; margin: 0; text-align: center; background-color: #333; }
.agent-contact-list li { font-size: 14px; margin-right: 20px; color: #f1eeaa; }
.agent-contact-list li .gui { line-height: 80px; margin-right: 10px; }
.gui-envelope:before,
.gui-headphones:before { content: "\f0e0"; font-size: 24px; margin-right: 10px; vertical-align: -3px; border: 1px solid #fff; border-radius: 23px; padding: 9px; }
.gui-headphones:before { content: "\f025"; }
.gui-headphones.gui-qq:before { content: "\f1d6"; }
.index-contact-list .contact-item { text-align: center; margin-right: 90px; display: inline-block }
.index-contact-list .contact-item i { font-style: normal; }

/*layui-login-dialog替换登陆弹窗的图片*/
.layui-layer.layui-login-dialog .layui-layer-title,
.layui-layer.layui-login-dialog .layui-layer-content form .btn-register{color: #00764a;}
.layui-layer.layui-login-dialog .layui-layer-content .right_qrcode .img_bg{padding-top: 175px; }
.layui-layer.layui-login-dialog .layui-layer-content .right_qrcode .link_app_dld a,
.layui-layer.layui-login-dialog .layui-layer-content .right_qrcode .text_center .p01,
.layui-layer.layui-login-dialog .layui-layer-content .right_qrcode .text_center .p02{color: #ffffff;text-shadow: 0 0px 5px #000;border-width: 0;}
.layui-layer.layui-login-dialog .layui-layer-content .right_qrcode .text_center .p01{position: absolute;left: 50%;top: 135px;transform: translateX(-50%);font-style: italic;font-weight: 100;}
.layui-layer.layui-login-dialog .layui-layer-content .right_qrcode .text_center .p02{position: absolute;left: 50%;top: 300px;transform: translateX(-50%);}
.layui-layer.layui-login-dialog .layui-layer-content .right_qrcode .link_app_dld{bottom: auto;top: 320px;}
.layui-layer.layui-login-dialog .layui-layer-close{ border-color: #00764a ;color: #00764a;}
.layui-layer.layui-login-dialog #loginForm .btn-login{ background: #00764a ;}
.layui-layer.layui-login-dialog #loginForm .btn-login:hover{ background: #06815d ;}
/*修改弹窗的颜色*/
.layui-layer.layui-layer-brand .layui-layer-title{ background: #06815d;}
.layui-layer.layui-layer-brand .layui-layer-setwin .layui-layer-close{ border-color: #06815d;  color: #06815d;}
/*公告弹窗按钮颜色*/
.layui-layer.notice-dialog.notice-dialog-two-btn .layui-layer-btn a,
.layui-layer.notice-dialog.notice-dialog-two-btn .layui-layer-btn a.active{ border-color: #06815d !important; background-color: #06815d !important;}
.layui-layer.notice-dialog.notice-dialog-one-btn .layui-layer-btn0{border-color: #06815d !important;  background-color: #06815d !important;}
/*优惠内页弹窗*/
.layui-layer.layui-layer-danger .layui-layer-title{background: #06815d; }
.layui-layer.layui-layer-danger .layui-layer-setwin .layui-layer-close{ border: 3px solid #06815d; color: #06815d;}
.layui-layer.layui-layer-warning .layui-layer-title {background: #30876b !important;}
.layui-layer.layui-layer-warning .layui-layer-setwin .layui-layer-close {border: 3px solid #30876b !important;color: #30876b!important;}
.layui-layer .layui-layer-setwin a.layui-layer-close{border-color: #06815d!important;color: #06815d!important;}
/*==================== login ====================*/
body.login{background: #13805e;  min-width: 800px; width: 800px; height: 600px;margin: 0;  padding: 0;  border: 0;}
body.login a:hover{ text-decoration: underline }
body.login header{ min-width: 800px; width: 100%; height: 86px;background: none; border-bottom: 1px solid #0f664b;}
body.login header img{ height: 40px ; margin: 20px;}
body.login main .login-box{  margin: 100px;  width: 581px;  background-color: #10694d;  min-height: 219px;  border: 1px solid #0e5c44;}
body.login .login-box .login-main{ padding: 30px;}
body.login .login-box .login-main .login-title{ margin: 0 0 22px; font-size: 17px; color: #fff; font-weight: 600;}
body.login .login-box .login-main .login-title span{ color: #9fc3b8;}
body.login .login-box .login-main input{ display: inline-block; width: 200px; height: 30px; background: #DDD; margin: 1px 5px 20px 0  }
body.login .login-box .login-main .forget-pas{ color: #ffdf1b;}
body.login .login-box .login-main ._vr_login{ width: 100px; height: 30px; line-height: 30px; background: #ffdf1b; border: 0; border-radius: 5px; color: #000;}
body.login .login-box .login-bottom{ padding: 0 30px; border-top: 1px solid #0e5c44; height: 59px;}
body.login .login-box .login-bottom>*{ line-height: 59px; color: #ffdf1b;}
body.login .login-box._vr_loginSuccess{ padding: 30px; }



/*首页广告/公告弹窗文字颜色调整*/
.layui-layer { color: #333; }

/*体育赛事*/
.index-match {border: 3px solid #636363;padding: 3px 30px 0 30px;background: #046f51;}
.index-match .cloak {visibility: hidden;}
.index-match .index-match__title {font-size: 26px;color: #fff;text-align: center;margin-bottom: 0;}
.index-match:hover {border-color: #ffdf1b;}
.index-match .swiper-container {padding-bottom: 20px;}
.index-match .sports-list li {font-size: 0;}
.index-match .sports-list li div {display: inline-block;vertical-align: top;}
.index-match .sports-list li .icon {width: 40%;text-align: center;margin-top: 15px;}
.index-match .sports-list li .icon p {color: #fff;margin: 6px 0;font-size: 16px;}
.index-match .sports-list li .icon img {max-width: 70px;max-height: 70px;}
.index-match .sports-list li .time, .index-match .sports-list h5 {color: #fff;}
.index-match .sports-list .txt {text-align: center;width: 20%;}
.index-match .sports-list .txt .vs-text {color: #FFDF1B;font-size: 26px;}
.index-match .sports-list .txt p {margin-bottom: 0;font-size: 14px;line-height: normal;}
.index-match .sports-list h5 {font-size: 18px;margin-bottom: 0;}
.index-match .sports-list .txt .team-h a {display: block;margin-top: 6px;background:no-repeat center/contain;height: 24px;line-height: 24px;color: #111;font-size: 14px;}

.index-match .swiper-container-horizontal>.swiper-pagination-bullets, .index-match .swiper-pagination-custom, .index-match .swiper-pagination-fraction {bottom: 0;}
.index-match .swiper-pagination-bullet {width: 12px;height: 12px;box-shadow: inset 1px 1px 2px rgba(0,0,0,.5);background: #666;opacity: 1;}
.index-match .swiper-pagination-bullet-active {background: #ffcc00;}

.index-match .swiper-button-next, .index-match .swiper-container-rtl .swiper-button-prev {transform: translateY(-50%) rotate(45deg)}
.index-match .swiper-button-prev, .index-match .swiper-container-rtl .swiper-button-next {transform: translateY(-50%) rotate(-135deg)}
.index-match .swiper-button-next, .index-match .swiper-button-prev {background-image: none;width: 25px;height: 25px;border-top: 2px solid #FFDF1B;border-right: 2px solid #FFDF1B;outline: none;margin-top: 0;}