body {
    background-color: #241d17;
    -moz-user-select: none;
    -webkit-backface-visibility: hidden;
}
/* ͷ����ʼ */
.topbar {
    width: 100%;
    height: 39px;
    background-color: #241d17;
    line-height: 39px;
    border-bottom: 1px solid #372b20;
	font-size:12px;
}
.w1000 {
    width: 1000px;
    margin: 0 auto;
}
.topbar .topleft {
    float: left;
    color: #afcffe;
}
.topbar .topright {
    float: right;
    color: #4d3b2c;
}
.topbar .pz {
    display: block;
    width: 15px;
    height: 39px;
    float: left;
    position: relative;
    background: url(../images/paizhaoico.png) no-repeat left center;
}
.topbar .topleft .language {
    float: left;
    color: #ac825e;
    margin-left: 10px;
}
.topbar .topleft .url {
    margin-left: 86px;
    float: left;
    padding-left: 28px;
    color: #fcc43e;
    background: url(../images/url.png) no-repeat left center;
}
.topbar .topleft .language span {
    float: left;
    height: 39px;
    line-height: 39px;
}
.topbar .topleft .language .lang img {
    display: block;
    float: left;
    margin-top: 13px;
    margin-left: 3px;
    position: relative;
    top: 0;
    transition: all .3s;
}
.topbar .topleft .language .lang img:hover {
    top: -2px;
}
.topbar .topright a.t1 {
    color: #00ff35;
}
.topbar .topright a {
    margin: 0 12px;
    color: #ac825e;
    transition: all .3s;
}
.topbar .topright a.t3 {
    color: #fcc43e;
}
.topbar .topright a.t4 {
    color: #0fc;
}
.topbar .topright a:last-child {
    margin-right: 0;
}
.topbar .topright a {
    margin: 0 12px;
    color: #ac825e;
    transition: all .3s;
}
.topbar .topright a:hover {
    color: #fcc43e;
}
.topbar .pz:hover .paizhao {
    height: 278px;
}
.topbar .pz .paizhao {
    height: 0;
    width: 426px;
    position: absolute;
    top: 36px;
    left: -52px;
    z-index: 999;
    background: url(../images/paizhao.png) center center no-repeat;
    transition: all .3s;
}
.indexheader {
    height: 81px;
}
.header {
    width: 100%;
    background: #1a140f;
    border-bottom: 1px solid #372b20;
}
.header .logo {
    float: left;
    display: block;
    width: 285px;
    height: 80px;
    position: absolute;
    top: 19px;
    /*background: url(images/logo.png) center no-repeat;
    background-size: contain;*/
}
.header .nav {
    float: right;
}
.header .nav ul li.nLi {
    float: left;
    margin-left: 26px;
    position: relative;
}
.header .nav ul li.n2 {
    margin-left: 20px;
}
.header .nav ul li.nLi>a {
    transition: all .3s;
    padding-top: 25px;
    display: block;
    width: 64px;
    height: 55px;
    position: relative;
    text-align: center;
    background: url(images/nav-hov.png) no-repeat center 80px;
}
.header .nav ul li a p {
    color: #ffcea4;
    font-size: 14px;
    transition: all .3s;
}
.header .nav ul li a span {
    color: #7a5434;
    font-family: arial;
    line-height: 32px;
    transition: all .3s;
	font-size:12px;
}
.header .nav ul li.n2 p, .header .nav ul li.n2 span {
    color: #ff0000;
}
.header .nav ul li.n6 p, .header .nav ul li.n6 span {
    color: #00ff36;
}
.header .nav ul li.n7 p, .header .nav ul li.n7 span {
    color: #ff0000;
}
.header .nav ul li .nav-hot {
    position: absolute;
    right: -16px;
    top: 12px;
    z-index: 1;
}
.header .nav .naviBox {
    display: none;
    position: absolute;
    top: 73px;
    left: -42px;
    padding-top: 14px;
    z-index: 200;
}
.header .nav .naviBox .subNavi {
    width: 140px;
    background: url(images/sub_navi_bg.png) repeat left top;
    border: 2px solid #ffd960;
}
.header .nav .naviBox .subNavi li {
    background: none;
    position: relative;
    float: none;
    height: 37px;
    line-height: 37px;
    width: auto;
    border-bottom: 1px dotted #534A43;
    text-align: center;
}
.header .nav .naviBox .subNavi li a:hover {
    color: #ffd954;
}
.header .nav .naviBox .subNavi li.first a {
    font-weight: bold;
    color: #FF0000;
}
.header .nav .naviBox .subNavi li a {
    display: block;
    height: 37px;
    line-height: 37px;
    color: #fff;
    font-size: 12px;
    margin: 0;
    padding: 0 10px;
}
.header .nav ul li a:hover {
    background-position-y: 77px;
}
.header .nav .naviBox .subNavi li .arrow {
    position: absolute;
    top: -7px;
    left: 68px;
}
.header .nav .naviBox .subNavi li .hot {
    position: absolute;
    top: 2px;
    right: 1px;
}

/* banner */
.banner {
    width: 100%;
    height: 450px;
    position: relative;
	font-size:12px;
}
.banner .hd {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -30px;
    z-index: 10;
}
.banner .hd ul li.on {
    background: #e6c358;
}
.banner .hd ul li {
    float: left;
    cursor: pointer;
    width: 13px;
    height: 13px;
    background: #999;
    border-radius: 50%;
    margin-right: 10px;
}
.banner .bd li {
    width: 100%;
    height: 446px;
}
.banner .index-content {
    margin: 0 auto;
    width: 1000px;
    position: relative;
    top: -446px;
}
.banner .loginbox {
    position: absolute;
    right: 0;
    top: 55px;
    background: url(../images/loginbox.png) no-repeat;
    width: 260px;
    height: 350px;
}
.banner .loginbox .title {
    text-align: center;
    line-height: 20px;
    color: #ffffff;
    font-size: 20px;
    width: 193px;
    height: 20px;
    margin: 0 auto;
    background: url(../images/login-hd.png) no-repeat center center;
    margin-top: 33px;
    margin-bottom: 10px;
}
.banner .loginbox .con {
    padding: 0 23px;
}
.banner .loginbox .con li.user {
    background: url(images/user.png) no-repeat 12px center;
}
.banner .loginbox .con input {
    transition: all 0.3s;
    color: #d7bda7;
    width: 220px;
    height: 39px;
    border: none;
    border-bottom: 1px solid #3e3832;
    background: 0 0;
    text-indent: 35px;
	font-size:14px;
}
.loginbox .loginInner {
    padding: 0 23px;
    margin-top: 20px;
}
.loginbox .loginInner p {
    margin-bottom: 0;
    font-size: 12px;
    text-align: left;
    color: #FFF;
    height: 30px;
    line-height: 30px;
    background: 0 0;
    border: none;
}
.loginbox .loginInner p span {
    color: #fff100;
}
.loginbox .loginInner p a {
    font-size: 12px;
    text-decoration: none;
    color: #FFF;
    line-height: 30px;
    position: none;
}
.loginbox .loginInner p a img {
    margin-left: 10px;
    vertical-align: middle;
}
.loginbox .loginInner .subLink {
    margin: 15px auto 0;
}
.loginbox .loginInner .subLink a {
    display: block;
    color: #7a2f07;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    position: relative;
}
.login-bar {
    height: 53px;
    width: 100%;
    background: #201913;
    border-bottom: 1px solid #372b20;
}
.login-bar .title {
    float: left;
    margin: 16px 0 0 0;
}
.login-bar .login-main {
    float: right;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.login-bar ul {
    float: right;
}
.login-bar ul li {
    display: inline-block;
    line-height: 54px;
    color: #eeeeee;
    font-size: 12px;
    height: 54px;
}
.login-bar ul li span {
    color: #fffc00;
}
.login-bar ul li.li01, .login ul li.li02 {
    margin-right: 5px;
}
.login-bar ul li.li03 {
    margin-right: 5px;
}
.login-bar ul li.li03 a {
    color: #ffeb88;
    margin: 0 5px;
}
.login-bar .li04 {
    margin-right: 0;
    width: 60px;
}
.login-bar .li04 a {
    margin-top: -5px;
    width: 60px;
    padding: 4px 12px;
    background-color: #F9D44D;
    text-align: center;
    color: #000;
}
.login-bar ul li a img {
    margin-left: 10px;
}
.login-bar input {
    transition: all 0.3s;
    background: #100c08;
    margin-top: 10px;
    border: 1px solid #3d2b1c;
    width: 165px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    font-family: "΢���ź�";
    color: #cfb6a1;
    text-indent: 13px;
}
.login-bar input.user {
    background: #100c08 url(images/login-bar-user.png) no-repeat 10px center;
    text-indent: 29px;
}
.login-bar input.password {
    background: #100c08 url(images/login-bar-mm.png) no-repeat 12px center;
    text-indent: 29px;
}
.login-bar p {
    float: left;
    margin-right: 10px;
    position: relative;
}
.login-bar a.forget {
    font-size: 14px;
    color: #543d2a;
    position: absolute;
    right: 12px;
    top: 19px;
}
.login-bar .yzmimg {
    position: absolute;
    right: 9px;
    top: 22px;
}
.login-bar a.lobtn {
    margin-top: 10px;
    display: inline-block;
    width: 110px;
    height: 34px;
    line-height: 34px;
}
.login-bar a.loginbtn {
    background: url(../images/login-bar-btn.png) no-repeat;
    margin-right: 6px;
}
.login-bar a.regbtn {
    background: url(../images/login-bar-regbtn.png) no-repeat;
}
.banner .loginbox .con li.mm {
    background: url(../images/mm.png) no-repeat 12px center;
}
.banner .loginbox .con li.yzm {
    position: relative;
    background: url(../images/yzm.png) no-repeat 12px center;
}
.banner .loginbox .con input.yz {
    width: 136px;
}
.banner .loginbox .con li.yzm .codeimg {
    position: absolute;
    top: 14px;
    right: 10px;
}
.banner .loginbox .con li.lobtn {
    margin-top: 20px;
    margin-bottom: 10px;
}
.banner .loginbox .con li.lobtn input {
    opacity: .95;
    background: url(../images/btn.png) no-repeat;
    width: 210px;
    height: 40px;
    cursor: pointer;
}
.banner .loginbox .con li.reg input {
    opacity: .95;
    background: url(../images/reg-btn.png) no-repeat;
    width: 210px;
    height: 40px;
    cursor: pointer;
}
.banner .loginbox .link {
    text-align: center;
    margin-top: 18px;
}
.banner .loginbox .link a {
    color: #ffce00;
    margin: 0 14px;
    transition: all 0.3s;
}
.news {
    height: 40px;
    line-height: 40px;
    background: #241d17;
    border-bottom: 1px solid #372b20;
	font-size:12px;
}
.news .title {
    margin-right: 15px;
    float: left;
    background: url(../images/news-title.png) no-repeat left center;
    padding-left: 30px;
    color: #fcc43e;
    font-weight: 700;
}
.news .bd {
    float: left;
    color: #ffcea4;
    width: 820px;
    height: 40px;
}
.news .bd a{
    color: #ffcea4;
}

.news .hd {
    float: right;
    width: 32px;
}

.news .hd .next, .news .hd .prev {
    display: block;
    width: 6px;
    height: 10px;
    float: right;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/news-arrow.png) 0 0 no-repeat;
    margin-top: 15px;
}
.news .hd .next {
    background-position: -26px 0;
    margin-left: 20px;
}
.news .hd .next:hover, .news .hd .prev:hover {
    background-position-y: -10px;
}
.hotgame {
    padding-top: 20px;
    width: 100%;
    height: 449px;
    background: url(../images/hotgame-bg.jpg) no-repeat top center;
}
.hotgame .hotgame-main {
    position: relative;
}
.hotgame .robot {
    background: url(../images/robot.png);
    width: 335px;
    height: 518px;
    position: absolute;
    left: -304px;
    top: -50px;
}
.hotgame .hd {
    position: relative;
    width: 1000px;
    height: 70px;
    background: #120e09 url(../images/hotgame-hd.png) no-repeat;
}
.hotgame .hd .prev {
    cursor: pointer;
    left: -31px;
    top: 22px;
    position: absolute;
    width: 13px;
    height: 27px;
    background: url(../images/prev.png);
}
.hotgame .hd .next {
    cursor: pointer;
    right: -31px;
    top: 22px;
    position: absolute;
    width: 13px;
    height: 27px;
    background: url(../images/next.png);
}

.hotgame .hd ul li {
    height: 50px;
    padding-top: 18px;
    float: left;
    width: 166px;
    cursor: pointer;
    position: relative;
    top: 0;
    transition: all 0.3s;
}
.hotgame .hd ul li i{float:left;display:block;margin-right:10px;height:32px;margin-left: 29px;}
.hotgame .hd ul li p{transition:all 0.3s;color:#ffcea4;font-size:16px}
.hotgame .hd ul li span{transition:all 0.3s;color:#7a5434;font-family:arial;font-size:10px;line-height:22px}
.hotgame .hd ul li:hover p, .hotgame .hd ul li:hover span, .hotgame .hd ul li.on p, .hotgame .hd ul li.on span {
    color: #fefd8a;
}
.hotgame .yjb {
    width: 264px;
    height: 218px;
    background: url(../images/yjb.png);
    float: right;
    position: absolute;
    right: -18px;
    top: 78px;
    padding-top: 131px;
}
.hotgame .yjb .rich-title span {
    line-height: 46px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}
.hotgame .yjb .rich-title span.t1 {
    margin-left: 35px;
}
.hotgame .yjb .rich-title span.t2 {
    margin-left: 28px;
}
.hotgame .yjb .rich-title span.t3 {
    margin-left: 40px;
}
.hotgame .yjb .bd {
    width: 280px;
    padding: 0;
    margin: 0;
}
.hotgame .yjb .bd ul li span {
    color: #ff0000;
    display: block;
    float: left;
}
.hotgame .yjb .bd ul li {
    font-size: 12px;
    margin-left: 36px;
}
.hotgame .yjb .bd ul li span.bdname {
    color: #ffcea4;
    width: 67px;
}
.hotgame .yjb .bd ul li span.bdjine {
    color: #fcc43e;
    width: 72px;
}
.hotgame .bd {
    float: left;
    width: 650px;
    margin-left: 41px;
    margin-top: 21px;
    padding-top: 20px;
    padding-left: 17px;
}
.hotgame .bd ul li {
    float: left;
    position: relative;
    margin-right: 10px;
    margin-bottom: 7px;
}
.hotgame .bd ul li .photo {
    width: 150x;
    height: 100px;
    overflow: hidden;
	 background: #110e09;
}
.hotgame .bd ul li .photo img {
    transition: all .4s;
}
.hotgame .bd ul li .ttl {
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #342920;
    position: relative;
    overflow: hidden;
    zoom: 1;
}
.hotgame .bd ul li .ttl:before {
    content: "";
    width: 0;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff100;
    transition: all .4s;
    z-index: 1;
}
.hotgame .bd ul li .ttl:hover:before {
    width: 150px;
}
.hotgame .bd ul li .ttl:hover span {
    color: #333;
    z-index: 999;
    position: relative;
}
.hotgame .bd ul li p {
    padding: 0 7px 0 7px;
    font-size: 14px;
    color: #dcdcdc;
    display: block;
    height: 42px;
    line-height: 42px;
}
.hotgame .bd ul li .ttl .txt {
    float: left;
}
.hotgame .bd ul li p span {
    float: right;
    color: #ffffff;
}
.hotgame .bd ul li .ttl .star {
    margin-top: 2px;
    float: right;
}
.hotgame .bd ul li .ttl .star img {
    display: inline-block;
}
.hotgame .bd ul li a img {
    display: block;
    transition: all .3s;
}
.hotgame .bd ul li .photo:hover .hov {
    display: block;
}
.hotgame .bd ul li .hov {
    width: 150px;
    height: 100px;
    padding-top: 32px;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    box-sizing: border-box;
    background: url(images/hov_bg.png) repeat center top;
    border: 2px solid #fff100;
}
.hotgame .bd ul li .hov span {
    display: block;
    font-size: 14px;
    color: #fff100;
    margin-top: 10px;
}
.hotgame .bd ul li a {
    display: block;
    width: 150px;
    height: 142px;
    background: #342920;
}
.quicklink {
    width: 100%;
    background: #1a140f;
    border-bottom: 1px solid #4c3928;
    border-top: 1px solid #503c2c;
    padding: 50px 0;
	font-size:12px;
}
.quicklink ul {
    width: 1100px;
    overflow: hidden;
}
.quicklink ul li {
    float: left;
    margin-right: 21px;
}
.quicklink ul li a {
    display: block;
    width: 235px;
    height: 335px;
    background: #241c15;
    text-align: center;
}
.quicklink ul li a .photo {
    width: 235px;
    height: 180px;
    overflow: hidden;
    position: relative;
}
.quicklink ul li .hov {
    display: none;
    width: 100%;
    height: 100%;
    background: url(../images/hov-bg.png);
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}
.quicklink ul li .hov h3 {
    display: inline-block;
    width: 86px;
    height: 28px;
    line-height: 28px;
    border-radius: 12px;
    background: #e69b2d;
    color: #fff;
    margin-top: 76px;
}
.quicklink ul li a:hover .hov {
    display: block;
}
.quicklink ul li a p {
    color: #f1e9e2;
    font-size: 18px;
    margin-top: 20px;
}
.quicklink ul li a span {
    color: #a49384;
    line-height: 32px;
}
.quicklink ul li a i {
    display: block;
    background: url(../images/quicklink.png) no-repeat;
    margin: 0 auto;
    margin-top: 10px;
}
.quicklink ul li.q1 a i {
    height: 56px;
    width: 102px;
    background-position: 0 0;
}
.quicklink ul li.q2 a i {
    height: 56px;
    width: 101px;
    background-position: -102px 0;
}
.quicklink ul li.q4 a i {
    height: 56px;
    width: 128px;
    background-position: -278px 0;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.quicklink ul li.q3 a i {
    height: 56px;
    width: 75px;
    background-position: -203px 0;
}
.mobile {
    width: 100%;
    background: url(../images/mobile.jpg) no-repeat top center;
    height: 387px;
	font-size:12px;
}
.mobile-main {
    width: 1000px;
    position: relative;
}
.mobile .con {
    width: 495px;
    margin-left: 56px;
    margin-top: 80px;
    float: left;
}
.mobile .phone {
    width: 533px;
    height: 333px;
    background: url(../images/phone.png);
    float: right;
    margin-top: 40px;
    position: absolute;
    right: -70px;
}
.mobile .con .title {
    width: 284px;
    height: 58px;
    background: url(../images/mob-title.png);
    margin-bottom: 20px;
}
.mobile .con .txt {
    line-height: 24px;
    color: #a49384;
    margin-bottom: 24px;
}
.mobile .con .pay {
    width: 495px;
    height: 60px;
    background: url(../images/mob-pay.png);
}
/* footer */
.footer {
    width: 100%;
    background: #1a140f url(../images/footer-bg.png) no-repeat top center;
    overflow: hidden;
	font-size:12px;
}
.footer .footico {
    width: 998px;
    height: 47px;
    background: url(../images/fico.png) no-repeat center center;
    margin-top: 29px;
}
.footer .flink {
    text-align: center;
    line-height: 32px;
    margin-top: 10px;
}
.footer .flink a {
    color: #ac825e;
    margin: 0 12px;
    transition: all 0.3s;
}
.footer .copyright {
    color: #ac825e;
    text-align: center;
    line-height: 32px;
}

/* ���� */
.notice-row {
    height: 0;
    line-height: 0;
    position: relative;
    z-index: 1;
    width: 100%;
}
.noticeBox {
    position: absolute;
    width: 100%;
    height: 49px;
    line-height: 49px;
    left: 0;
    bottom: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    font-size: 14px;
}

.noticeBox .w {
    width: 1020px;
    min-width: 1020px;
    margin: 0 auto;
}

.noticeBox .title {
    width: 96px;
    float: left;
    color: #FFCE4B;
    text-indent: 25px;
    background: url(../images/icon-notice.png) 0 center no-repeat;
}
.noticeBox .bd2 {
    width: 910px;
    float: right;
    height: 33px;
    line-height: 50px;
    position: relative;
    overflow: hidden;
    margin-top: 1px;
}
.notice_layer{background: #fff;display: none;}
.notice_layer h3{height: 50px;line-height: 50px;position: relative;background: #ed2d2d;padding: 0 25px;font-size: 18px;color: #fff;font-weight: normal;}
.notice_layer h3 .close{position: absolute;display: inline-block;width: 20px;height: 20px;background: url(/web/images/bg-ico.png) no-repeat center center;
	background-position: -160px -140px;right: 15px;top: 15px;cursor: pointer;}
.notice_layer .notice_con{height: 345px;background: #f2f2f2;padding: 20px;overflow-y: auto;}
.notice_layer .notice_con .module{    padding: 10px 20px;background: #f5f5f5;margin-bottom: 20px;
    border-radius: 4px;border: 1px solid #e6e6e6;}
.notice_layer .notice_con .module h4{line-height: 32px;font-size: 15px;font-weight: 500;color: #333;}
.notice_layer .notice_con .module p{line-height: 24px;color: #707070;font-size: 12px;padding: 6px 0px;text-indent: 2em;}

/*header new css*/
.headfloat {
    width: 100%;
	height:90px;
    /*position: absolute;*/
    top: 40px;
    left: 0;
}
.menu {
    height: 90px;
    border-bottom: 1px solid #2b2b2b;
    background-color: #1a140f;
}
.menu .logo{height:80px;width:285px;display:block;float:left;margin-top:8px;}
.menu ul{float:left;text-align:right;width:674px;margin:0;}
.menu ul li{display:inline-block;height:88px;text-align:center;line-height:23px;border-bottom:2px solid transparent;}
.menu ul li a{display:block;padding:30px 12px 0;color:#d4b979;font-size:15px;}
.menu ul li a span{display:block;color:#a39f9c;font-size:12px;}
.menu ul li:hover,.menu ul li.active,.menu ul li.now{border-bottom:3px solid #ca0050}
.menu ul li:hover a,.menu ul li.active a,.menu ul li.now a{color:#ca0050}
.menu ul li:hover a span,.menu ul li.active a span,.menu ul li.now a span{color:#ca0050}
.menu ul li.hot a{background:url(../../images/hot.gif) no-repeat right 0 top 20px;}
.headfloat .container,.headfloat .container{width:1150px;padding: 0 10px;}
.container{overflow:hidden;margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}
.container:before,.container:after{content:" ";display:table}
.container:after{clear:both}
.container{width:970px}
@media (min-width: 990px){
	.container{width:970px}
}
@media (min-width: 1200px){
	.container{width:1180px}
}
.screen-lg .container{width:1180px}
.container-fluid{overflow:hidden;margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}
.container-fluid:before,.container-fluid:after{content:" ";display:table}
.container-fluid:after{clear:both}
.row{margin-left:-10px;margin-right:-10px}
.row:before,.row:after{content:" ";display:table}
.row:after{clear:both}
.col-1-1,.col-2-1,.col-2-2,.col-3-1,.col-3-2,.col-3-3,.col-4-1,.col-4-2,.col-4-3,.col-4-4,.col-5-1,.col-5-2,.col-5-3,.col-5-4,.col-5-5,.col-7-1,.col-7-2,.col-7-3,.col-7-4,.col-7-5,.col-7-6,.col-7-7,.col-8-1,.col-8-2,.col-8-3,.col-8-4,.col-8-5,.col-8-6,.col-8-7,.col-8-8,.col-12-1,.col-6-1,.col-12-2,.col-12-3,.col-12-4,.col-12-5,.col-12-6,.col-12-7,.col-12-8,.col-12-9,.col-12-10,.col-12-11,.col-12-12{position:relative;min-height:1px;padding-left:10px;padding-right:10px;box-sizing:border-box;float:left}
.col-12-1{width:8.33333%}
.col-8-1{width:12.5%}
.col-7-1{width:14.28571%}
.col-12-2,.col-6-1{width:16.66667%}
.col-5-1{width:20%}
.col-4-1,.col-8-2,.col-12-3{width:25%}
.col-7-2{width:28.57142%}
.col-3-1,.col-12-4{width:33.33333%}
.col-8-3{width:37.5%}
.col-5-2{width:40%}
.col-12-5{width:41.66667%}
.col-7-3{width:42.85714%}
.col-2-1,.col-4-2,.col-8-4,.col-12-6{width:50%}
.col-7-4{width:57.14285%}
.col-12-7{width:58.33333%}
.col-5-3{width:60%}
.col-8-5{width:62.5%}
.col-3-2,.col-12-8{width:66.66667%}
.col-7-5{width:71.42857%}
.col-4-3,.col-8-6,.col-12-9{width:75%}
.col-5-4{width:80%}
.col-12-10{width:83.33333%}
.col-7-6{width:85.71428%}
.col-8-7{width:87.5%}
.col-12-11{width:91.66667%}
.col-1-1,.col-2-2,.col-3-3,.col-4-4,.col-5-5,.col-7-7,.col-8-8,.col-12-12{width:100%}
.col-pull-12-1{right:8.33333%}
.col-pull-8-1{right:12.5%}
.col-pull-7-1{right:14.28571%}
.col-pull-12-2{right:16.66667%}
.col-pull-5-1{right:20%}
.col-pull-4-1,.col-pull-8-2,.col-pull-12-3{right:25%}
.col-pull-7-2{right:28.57142%}
.col-pull-3-1,.col-pull-12-4{right:33.33333%}
.col-pull-8-3{right:37.5%}
.col-pull-5-2{right:40%}
.col-pull-12-5{right:41.66667%}
.col-pull-7-3{right:42.85714%}
.col-pull-2-1,.col-pull-4-2,.col-pull-8-4,.col-pull-12-6{right:50%}
.col-pull-7-4{right:57.14285%}
.col-pull-12-7{right:58.33333%}
.col-pull-5-3{right:60%}
.col-pull-8-5{right:62.5%}
.col-pull-3-2,.col-pull-12-8{right:66.66667%}
.col-pull-7-5{right:71.42857%}
.col-pull-4-3,.col-pull-8-6,.col-pull-12-9{right:75%}
.col-pull-5-4{right:80%}
.col-pull-12-10{right:83.33333%}
.col-pull-7-6{right:85.71428%}
.col-pull-8-7{right:87.5%}
.col-pull-12-11{right:91.66667%}
.col-pull-1-1,.col-pull-2-2,.col-pull-3-3,.col-pull-4-4,.col-pull-5-5,.col-pull-7-7,.col-pull-8-8,.col-pull-12-12{right:100%}
.col-push-12-1{left:8.33333%}
.col-push-8-1{left:12.5%}
.col-push-7-1{left:14.28571%}
.col-push-12-2{left:16.66667%}
.col-push-5-1{left:20%}
.col-push-4-1,.col-push-8-2,.col-push-12-3{left:25%}
.col-push-7-2{left:28.57142%}
.col-push-3-1,.col-push-12-4{left:33.33333%}
.col-push-8-3{left:37.5%}
.col-push-5-2{left:40%}
.col-push-12-5{left:41.66667%}
.col-push-7-3{left:42.85714%}
.col-push-2-1,.col-push-4-2,.col-push-8-4,.col-push-12-6{left:50%}
.col-push-7-4{left:57.14285%}
.col-push-12-7{left:58.33333%}
.col-push-5-3{left:60%}
.col-push-8-5{left:62.5%}
.col-push-3-2,.col-push-12-8{left:66.66667%}
.col-push-7-5{left:71.42857%}
.col-push-4-3,.col-push-8-6,.col-push-12-9{left:75%}
.col-push-5-4{left:80%}
.col-push-12-10{left:83.33333%}
.col-push-7-6{left:85.71428%}
.col-push-8-7{left:87.5%}
.col-push-12-11{left:91.66667%}
.col-push-1-1,.col-push-2-2,.col-push-3-3,.col-push-4-4,.col-push-5-5,.col-push-7-7,.col-push-8-8,.col-push-12-12{left:100%}
.col-offset-12-1{margin-left:8.33333%}
.col-offset-8-1{margin-left:12.5%}
.col-offset-7-1{margin-left:14.28571%}
.col-offset-12-2{margin-left:16.66667%}
.col-offset-5-1{margin-left:20%}
.col-offset-4-1,.col-offset-8-2,.col-offset-12-3{margin-left:25%}
.col-offset-7-2{margin-left:28.57142%}
.col-offset-3-1,.col-offset-12-4{margin-left:33.33333%}
.col-offset-8-3{margin-left:37.5%}
.col-offset-5-2{margin-left:40%}
.col-offset-12-5{margin-left:41.66667%}
.col-offset-7-3{margin-left:42.85714%}
.col-offset-2-1,.col-offset-4-2,.col-offset-8-4,.col-offset-12-6{margin-left:50%}
.col-offset-7-4{margin-left:57.14285%}
.col-offset-12-7{margin-left:58.33333%}
.col-offset-5-3{margin-left:60%}
.col-offset-8-5{margin-left:62.5%}
.col-offset-3-2,.col-offset-12-8{margin-left:66.66667%}
.col-offset-7-5{margin-left:71.42857%}
.col-offset-4-3,.col-offset-8-6,.col-offset-12-9{margin-left:75%}
.col-offset-5-4{margin-left:80%}.col-offset-12-10{margin-left:83.33333%}
.col-offset-7-6{margin-left:85.71428%}
.col-offset-8-7{margin-left:87.5%}
.col-offset-12-11{margin-left:91.66667%}
.col-offset-1-1,.col-offset-2-2,.col-offset-3-3,.col-offset-4-4,.col-offset-5-5,.col-offset-7-7,.col-offset-8-8,.col-offset-12-12{margin-left:100%}
.row-gutter-lg{margin-left:-25px;margin-right:-25px}
.row-gutter-lg>*{padding-left:25px;padding-right:25px}
.row-gutter-md{margin-left:-20px;margin-right:-20px}
.row-gutter-md>*{padding-left:20px;padding-right:20px}
.row-gutter{margin-left:-15px;margin-right:-15px}
.row-gutter>*{padding-left:15px;padding-right:15px}
.row-gutter-sm{margin-left:-10px;margin-right:-10px}
.row-gutter-sm>*{padding-left:10px;padding-right:10px}
.row-gutter-xs{margin-left:-5px;margin-right:-5px}
.row-gutter-xs>*{padding-left:5px;padding-right:5px}
.row-gutter-0{margin-left:0;margin-right:0}
.row-gutter-0>*{padding-left:0;padding-right:0}
.row-match{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.row-match:after,.row-match:before{display:block}
.row-match>*{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.row-match>*>*{-ms-flex:none;-webkit-flex:none;flex:none;box-sizing:border-box;width:100%}
.list-table{width:100%;display:table;table-layout:fixed;list-style:none;margin-bottom:0;padding:0}
.list-table>li{display:table-cell;width:1em;height:1em;text-align:center;vertical-align:middle}


.modal{width:100%;height:100%;position:fixed;left:0;top:0;z-index:10000;display:none;overflow:auto}.modal .modal-content{width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}


.modal-login .modal-content{width:400px;height:400px;background:#fff;border-radius:6px;padding:5px 30px 0 30px}.modal-login .close{position:absolute;top:24px;right:30px;width:20px;height:20px;background-position:-140px -140px;cursor:pointer;-moz-opacity:.25;opacity:.25;filter:alpha(opacity=25);-webkit-transition:all .2s;-ms-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;z-index:2}.modal-login .modal-login_form h2{overflow:visible;position:relative;clear:both;width:100%;height:60px;line-height:59px;text-align:left;font-size:20px;color:#333;margin-bottom:16px;border-bottom:1px solid #e8e8e8}.modal-login .modal-login_line{position:relative;width:100%;overflow:visible;clear:both;height:68px}.modal-login .modal-login_line input{height:44px;line-height:44px;width:99%;padding:0;background:none;border:1px solid #ccc;box-shadow:inset 0 0 3px rgba(0,0,0,0.1);border-radius:3px;font-size:13px;text-indent:6px}.modal-login .modal-login_line input.username{background:url(/web/images/user-ico.png) no-repeat right center}.modal-login .modal-login_line input.psw{background:url(/web/images/lock-ico.png) no-repeat right center}.modal-login .modal-login_line.code input{width:200px}.modal-login .modal-login_line.code img{display:inline;height:44px;vertical-align:-90%}.modal-login .modal-login_submit{width:100%;float:left;height:50px;line-height:50px;border-radius:3px;overflow:hidden;background:none;border:none;background:#ff3a2b;font-size:16px;color:#fff;cursor:pointer;text-align:center;box-shadow:0 1px 1px rgba(0,0,0,0.05);-webkit-transition:all .2s;-ms-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.modal-login .modal-login_submit:hover{box-shadow:0 4px 8px rgba(0,0,0,0.25)}.modal-login .modal-login_link a{color:#ff3a2b}.modal-daili .modal-content{height:410px !important}.modal-daili .modal-content textarea{width:100%;height:100px;border:1px solid #ccc;border-radius:4px;padding:8px}.modal-mobileBet .modal-content{width:400px;height:400px;background:#fff;border-radius:6px;padding:5px 30px 0 30px}
.bg-icon{background:url("/web/images/bg-ico.png") no-repeat;display:inline-block}
.backdrop{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);display:none;z-index:9999}


.top_margin{margin-top: 175px;}
.register_con{background: #fff;overflow: hidden;box-shadow: 0 0 5px #ddd}
.register_con .top{height: 72px;line-height: 72px;border-bottom: 1px solid #e6e6e6}
.register_con .top a{display: inline-block;width: 33%;text-align: center;font-size: 16px;color: #b3b3b3;border-bottom: 2px solid #fff;
    line-height: 67px}
.register_con .top .num{font-size: 22px;margin-right: 4px}
.register_con .top .active{color: #ff3333;border-bottom: 2px solid #ff3333;}
.register_left{width: 800px;border-right: 1px solid #e6e6e6;float: left;padding: 15px 20px;min-height: 453px}
.register_right{}
.register_con .line_form{margin-top: 35px}
.register_con .line_form .line .select{width: 270px;margin-right: 0}

.hot_act{background: #fff;clear: both;overflow: hidden;width: auto;border: 1px solid #eee;margin-top: 20px;margin-bottom: 20px;box-shadow: 0 0 5px rgba(0,0,0,.04);}
.hot_act h2{height: 56px;line-height: 56px;font-size: 15px;font-weight: 200;text-indent: 40px;}
.hot_act ul li { width: 360px;margin-left: 30px;margin-bottom: 12px;float: left;}
.hot_act ul li p{line-height: 40px;font-size: 14px;font-weight: 400;}
.hot_act ul li:hover p{color: #ff3a87}

.register_links{text-align: center;}
.register_links img{display: inline-block;}
.register_links .more{font-size: 12px;color: #666;text-align: center;line-height: 36px}
.register_links .more a{color: #06f;text-decoration: underline;}

.register_success{ margin: 35px 0; padding: 30px 25px; background: #f0ffe9;overflow: hidden;}

.register_last{padding: 0 40px 30px 40px}
.register_success .imgtips{float: left;}
.register_success .texttips{float: left;margin-left: 20px}
.register_success .texttips h1{font-size: 20px;line-height: 24px;font-weight: 600;padding-bottom: 4px;margin-top: 5px;color: #222;}
.register_success .texttips h3{font-size: 14px;line-height: 30px;font-weight: 400;color: #999;}
.success_next{font-size: 15px}
.success_next .themeCr{font-weight: bold;}
.register_morestep{text-align: right;line-height: 60px;
    color: #666;font-size: 12px}
.register_morestep a{color: #06f;text-decoration: underline;margin: 0 6px}

.bank_tips{background: #fff4d7;height: 30px;line-height: 30px;padding: 0 12px;color: #f85a3f;font-size: 12px;margin: 18px 0 5px 0;}
.bank_list{margin-top: 25px}
.bank_list li{padding: 5px 0;width: 100%;border-bottom: 1px dotted #dcdcdc;line-height: 54px;color: #888;font-size: 12px}
.bank_list li .tit{color: #444;font-size: 13px;min-width: 100px;display: inline-block;}

.line_form .line{width: 100%;font-size: 12px;margin: 15px 0;line-height: 34px;color: #444}
.line_form .line .inp{width: 270px;height: 40px;background: #fff;border: 1px solid #d0d0d0;border-radius: 2px;box-shadow: 2px 2px 1px rgba(0,0,0,.06),inset 1px 1px 3px rgba(0,0,0,.06);line-height: 40px;font-size: 12px;color: #999;font-family: "Microsoft YaHei";padding: 0 5px;}
.line_form .line .tit{display: inline-block;width: 100px;}
.line_form .line .tips{margin-left: 15px;color: #999}
.line_form .line .tips .themeCr{color: #ec3c71;margin-right: 10px;vertical-align: middle;}
.line_form .line .tips .special{color: #ff6717;}
.line_form .line .tips .iconfont{vertical-align: middle;margin-right: 5px}
.line_form .line .error-tips{color: #ff2200}
.line_form .line textarea{width: 500px;height: 90px;resize:none;box-shadow: 2px 2px 1px rgba(0,0,0,.06),inset 1px 1px 3px rgba(0,0,0,.06);border:1px solid #d0d0d0;
    border-radius: 3px;padding: 5px}
.line_form .line .success-icon{color: #5beb8b;font-size: 18px;margin-left: 15px}
.line_form .line .add_form{display: inline-block;width: 270px;height: 40px;overflow: hidden;background: #fff;border: 1px solid #d0d0d0;border-radius: 2px;box-shadow: 2px 2px 1px rgba(0,0,0,.06),inset 1px 1px 3px rgba(0,0,0,.06);line-height: 40px;font-size: 12px;color: #999;}
.line_form .line .add_form .front{width: 30px;border-right: 1px solid #bbbbbb;display: inline-block;height: 39px;text-align: center;}
.line_form .line .add_form .inp{width: 230px;border:none;height: 36px;box-shadow: none}

.line_form .line .checkbox{vertical-align: middle;margin-right: 3px}
.line_form .minline{padding: 0;margin: 0}
.line_form .line .ecodeinp{width: 120px}

.yzm-img{display: inline-block;vertical-align: middle}
.yzm-img img{vertical-align: middle;position: relative;top: -2px}
.login_con .top a {
    width: 100%;
}
.login_con .login_left {
    width: 100%;
}
.login_con .line_form .line {
    margin-left: 200px;
}
.account_save, .indoor_main, .indoor_main, .account_save {
    width: 128px;
    height: 40px;
    border-radius: 4px;
    text-align: center;
    line-height: 38px;
    background: #ff3a2b;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    border: none;
    cursor: pointer;
}