/*---------- 作者信息 ---------*/


/*四川尚狐网络*/


/*http://www.shangfox.com*/


/*---------- base ---------*/

* {
    padding: 0px;
    margin: 0px;
}

html,
body {
    background: #232323;
    font-family: arial, "Microsoft Yahei";
    font-size: 13px;
    float: left;
    width: 100%;
    min-width: 1170px;
}

img {
    border: none;
}

a {
    color: #888;
    text-decoration: none;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 0px;
}


/* 通用 */

#mT40 {
    margin-top: 40px;
}

#mT20 {
    margin-top: 20px;
}

#mB20 {
    margin-bottom: 20px;
}

#mB12 {
    margin-bottom: 12px;
}

#mL20 {
    margin-left: 20px;
}

#mR20 {
    margin-right: 20px;
}

#fl {
    float: left;
}

#fr {
    float: right;
}

#bR0 {
    border-right: 0;
}

#mR0 {
    margin-right: 0;
}

.fl {
    float: left;
}

.mT20 {
    margin-top: 20px;
}

.mT10 {
    margin-top: 10px;
}


/*头部*/

.head {
    float: left;
    width: 100%;
    height: 114px;
    padding: 15px 0;
}

.head .box {
    height: 44px;
    width: 1170px;
    margin: 0 auto;
}

.head .box .logo {
    float: left;
    height: 44px;
    margin-top: -10px;
}

.head .box .hlink {
    float: left;
    margin: 14px 0 0 6px;
    border: 1px solid #545454;
    padding: 10px;
    border-radius: 12px;
}

.head .box .hlink .a {
    float: left;
    line-height: 16px;
    height: 16px;
    margin-left: 15px;
}

.head .box .hlink .a img {
    opacity: 0.6;
}

.head .box .hlink .a:hover img {
    opacity: 1;
}

.head .box .hlink span {
    float: left;
    line-height: 16px;
    border-right: 1px solid #333;
    margin: 2px 3px 0 13px;
    height: 16px;
    width: 1px;
}

.head .box .hlink .lang {
    float: left;
    position: relative;
    width: 40px;
    z-index: 999;
    padding: 0 1px 0 0px;
    background: #232323;
}

.head .box .hlink .lang:hover .langUl {
    display: block;
}

.head .box .hlink .lang .langA {
    float: left;
    width: 40px;
    background: url(../images/lang_arrow.png) no-repeat right 9px;
    z-index: 999px;
}

.head .box .hlink .lang .langA img {
    float: left;
    margin-left: 5px;
}

.head .box .hlink .lang .langUl {
    float: left;
    width: 40px;
    display: none;
    background: #232323;
}

.head .box .hlink .lang .langUl a {
    float: left;
    width: 40px;
    margin: 0px 0 0;
    padding: 3px 0 3px 5px;
}

.head .box .hlink .lang .langUl a:hover {
    background: #808080;
}

.head .box .huser {
    float: right;
    margin: 20px 0 0;
}

.head .box .huser .img {
    float: left;
    margin: 4px 0 0 10px;
}

.head .box .huser input {
    float: left;
    margin: 0 0 0 5px;
    border: 1px solid #454545;
    background-color: #313131;
    height: 26px;
    line-height: 24px;
    color: #888;
    padding: 0 5px;
    outline: none;
}

.head .box .huser input.acount {
    width: 160px;
}

.head .box .huser input.password {
    width: 120px;
}

.head .box .huser input.verify {
    width: 70px;
}

.head .box .huser .submit {
    float: left;
    margin: 0 0 0 10px;
    background-color: #940C0C;
    height: 26px;
    line-height: 26px;
    color: #fff;
    padding: 0 10px;
    border: none;
}

.head .box .huser .submit:hover {
    background: #f00;
}

.head .box .huser .reg {
    float: left;
    margin: 0 0 0 10px;
    background-color: #000;
    height: 26px;
    line-height: 26px;
    color: #fff;
    padding: 0 10px;
    border: none;
}

.head .box .huser .reg:hover {
    background: #333;
}

.head .box .huser a {
    float: left;
    line-height: 26px;
    color: #888;
    margin: 0 0 0 10px;
}


/*导航*/

nav {
    width: 100%;
    height: 66px;
    background: #cca849;
    width: 100%;
    float: left;
    position: relative;
    z-index: 900;
    opacity: .8;
}

nav .box {
    width: 1170px;
    height: 66px;
    margin: auto;
}

nav .box ul li {
    list-style: none;
    width: 130px;
    height: 66px;
    float: left;
    line-height: 66px;
    text-align: center;
}

nav .box ul li a {
    font-family: "微软雅黑";
    font-size: 15px;
    color: #000;
    text-decoration: none;
    display: inline-block;
    height: 40px;
    margin: 14px 0;
    border-radius: 20px;
    line-height: 40px;
    width: 90%;
}

nav .box ul li a.cur {
    background: #242424;
    color: #fff;
}

nav .box ul li:hover a {
    background: #242424;
    color: #fff;
}

nav .box ul li:hover .hid1 a {
    background: none;
}

nav .box .hid li {
    border: none;
    background: rgba(10, 5, 5, 0.4);
}

nav .box .hid1 {
    height: 0px;
    overflow: hidden;
    transition: .5s;
    background: #333;
    margin-top: -10px;
}


/*把高度设置为0，hover后改变高度，并且设置出来后的速度 */

nav .box .hid1 li {
    border-radius: 0;
    background: none;
    line-height: 46px;
    height: 46px;
}


/*把高度设置为0，hover后改变高度，并且设置出来后的速度 */

nav .box .hid1 li a {
    border-radius: 0;
    background: none;
    line-height: 46px;
    height: 46px;
    font-size: 14px;
    margin: 0;
}


/*把高度设置为0，hover后改变高度，并且设置出来后的速度 */

nav .box .hid1 li a:hover {
    color: #fff;
}

nav .box .hid1 li:hover {
    background: #c3ab6c;
}

nav .box ul li:hover .hid1 {
    height: 93px;
}

nav .box ul li:hover .hid2 a {
    background: none;
}

nav .box .hid2 {
    height: 0px;
    overflow: hidden;
    transition: .5s;
    background: #333;
    margin-top: -10px;
}


/*把高度设置为0，hover后改变高度，并且设置出来后的速度 */

nav .box .hid2 li {
    border-radius: 0;
    background: none;
    line-height: 46px;
    height: 39px;
}


/*把高度设置为0，hover后改变高度，并且设置出来后的速度 */

nav .box .hid2 li a {
    border-radius: 0;
    background: none;
    line-height: 46px;
    height: 39px;
    font-size: 14px;
    margin: 0;
}


/*把高度设置为0，hover后改变高度，并且设置出来后的速度 */

nav .box .hid2 li a:hover {
    color: #fff;
}

nav .box .hid2 li:hover {
    background: #c3ab6c;
}

nav .box ul li:hover .hid2 {
    height: 340px;
}

nav .box ul li:hover .hid2 a {
    background: none;
}

nav .box ul li:hover .hid4 a {
    background: none;
}

nav .box .hid4 {
    height: 0px;
    overflow: hidden;
    transition: .5s;
    background: #333;
    margin-top: -10px;
}


/*把高度设置为0，hover后改变高度，并且设置出来后的速度 */

nav .box .hid4 li {
    border-radius: 0;
    background: none;
    line-height: 46px;
    height: 46px;
}


/*把高度设置为0，hover后改变高度，并且设置出来后的速度 */

nav .box .hid4 li a {
    border-radius: 0;
    background: none;
    line-height: 46px;
    height: 46px;
    font-size: 14px;
    margin: 0;
}


/*把高度设置为0，hover后改变高度，并且设置出来后的速度 */

nav .box .hid4 li a:hover {
    color: #fff;
}

nav .box .hid4 li:hover {
    background: #c3ab6c;
}


/* nav .box ul li:hover .hid4{height:89px;} */

nav .box ul li:hover .hid4 {
    height: 46px;
}

nav .box ul li:hover .hid4 a {
    background: none;
}

nav .box ul li:hover .hid5 a {
    background: none;
}

nav .box .hid5 {
    height: 0px;
    overflow: hidden;
    transition: .5s;
    background: #333;
    margin-top: -10px;
}


/*把高度设置为0，hover后改变高度，并且设置出来后的速度 */

nav .box .hid5 li {
    border-radius: 0;
    background: none;
    line-height: 46px;
    height: 46px;
}


/*把高度设置为0，hover后改变高度，并且设置出来后的速度 */

nav .box .hid5 li a {
    border-radius: 0;
    background: none;
    line-height: 46px;
    height: 46px;
    font-size: 14px;
    margin: 0;
}


/*把高度设置为0，hover后改变高度，并且设置出来后的速度 */

nav .box .hid5 li a:hover {
    color: #fff;
}

nav .box .hid5 li:hover {
    background: #c3ab6c;
}


/* nav .box ul li:hover .hid4{height:89px;} */

nav .box ul li:hover .hid5 {
    height: 47px;
}

nav .box ul li:hover .hid5 a {
    background: none;
}

nav .box ul li:hover .hid2 {
    height: 330px;
}

nav .box ul li:hover .hid3 a {
    background: none;
}

nav .box .hid3 {
    height: 0px;
    overflow: hidden;
    transition: .5s;
    background: #333;
    margin-top: -10px;
}


/*把高度设置为0，hover后改变高度，并且设置出来后的速度 */

nav .box .hid3 li {
    border-radius: 0;
    background: none;
    line-height: 46px;
    height: 46px;
}


/*把高度设置为0，hover后改变高度，并且设置出来后的速度 */

nav .box .hid3 li:hover {
    background: #c3ab6c
}


/*把高度设置为0，hover后改变高度，并且设置出来后的速度 */

nav .box .hid3 li a {
    border-radius: 0;
    background: none;
    line-height: 46px;
    height: 46px;
    font-size: 14px;
    margin: 0;
}


/*把高度设置为0，hover后改变高度，并且设置出来后的速度 */

nav .box .hid3 li a:hover {
    color: #fff;
}

nav .box ul li:hover .hid3 {
    height: 184px;
}


/*底部*/

.footer {
    width: 100%;
    height: 170px;
    background: #1F1F1F;
    width: 100%;
    float: left;
    padding: 30px 0;
}

.footer .box {
    width: 1170px;
    margin: 0px auto;
}

.footer .box .flink {
    float: left;
    width: 100%;
    color: #888;
}

.footer .box .flink .l {
    float: left;
    width: 70%;
    color: #888;
}

.footer .box .flink .l span {
    float: left;
    width: 100%;
    line-height: 20px;
    color: #888;
}

.footer .box .flink .l a {
    float: left;
    width: 100%;
}

.footer .box .flink .r {
    float: right;
    color: #888;
    width: 274px;
}

.footer .box .flink .r span {
    float: left;
    width: 100%;
    line-height: 20px;
    color: #888;
}

.footer .box .flink .r a {
    float: left;
    width: 100%;
}

.footer .box .flink .r a img {
    float: left;
    margin-top: 12px;
}

.footer .box p {
    float: left;
    width: 100%;
    padding: 0 17%;
    color: #888;
}


/* .footer .box p{float: left;min-width: 1170px;color: #888;} */

.footer .box p a {
    color: #888;
}

.footer .box p a:hover {
    color: #fff;
}


/*版权*/

.cp {
    width: 100%;
    background: #232323;
    width: 100%;
    float: left;
    padding: 30px 0 20px;
}

.cp .box {
    width: 1170px;
    margin: 0px auto;
}

.cp .box p {
    line-height: 30px;
    float: left;
    color: #888;
}

.cp .box span {
    line-height: 30px;
    float: right;
}


/*首页主体*/

.indexbox {
    float: left;
    width: 100%;
    z-index: 0;
    position: relative;
    margin-bottom: 60px;
}

.indexbox .box {
    margin: -100px auto 0;
    background: url(../images/container_box_bg.png) no-repeat;
    height: 472px;
    width: 1180px;
    overflow: hidden;
}

.indexbox .box .t {
    height: 44px;
    padding: 0 20px;
    width: 100%;
    float: left;
}

.indexbox .box .t span {
    height: 44px;
    color: #C3AB6C;
    float: left;
    line-height: 38px;
}

.indexbox .box .l {
    float: left;
    width: 220px;
    padding: 15px;
}

.indexbox .box .l .img {
    float: left;
    width: 190px;
    margin-top: 15px;
    opacity: 0.6
}

.indexbox .box .l .img:hover {
    opacity: 1;
}

.indexbox .box .l .links {
    float: left;
    width: 100%;
    margin: 20px 0;
}

.indexbox .box .l .links a {
    float: left;
    width: 50%;
    text-align: center;
    color: #888;
    line-height: 32px;
}

.indexbox .box .l .links a:hover {
    color: #fff;
}

.indexbox .box .l b {
    float: left;
    width: 100%;
    text-align: center;
    color: #888;
    line-height: 32px;
    border: 1px solid #303030;
    background-color: #1F1F1F;
    font-size: 19px;
    color: #E6B142;
    margin: 20px 0 0;
}

.indexbox .box .l p {
    float: left;
    width: 100%;
    text-align: center;
    color: #888;
    line-height: 32px;
    margin: 0px 0 0;
}

.indexbox .box .l .bt {
    background: url('../images/btn_joinus_bg02.png') center top no-repeat;
    height: 34px;
    line-height: 34px;
    float: left;
    margin: 10px 0 0 25px;
    width: 134px;
    color: #2C2922;
    text-align: center;
    opacity: 0.7;
}

.indexbox .box .l .bt:hover {
    opacity: 1;
}

.indexbox .box .r {
    float: right;
    width: 960px;
}

.indexbox .box .rt {
    float: left;
    width: 100%;
}

.indexbox .box .rt .rtl {
    float: left;
    width: 800px;
}

.indexbox .box .rt .rtl a {
    float: left;
    opacity: 0.6;
}

.indexbox .box .rt .rtl a:hover {
    opacity: 1;
}

.indexbox .box .rt .rtr {
    float: left;
    width: 160px;
    margin-top: -8px;
}

.indexbox .box .rt .rtr a {
    float: left;
    width: 160px;
    margin-top: 4px;
}

.indexbox .box .rt .rtr a img {
    opacity: 0.7
}

.indexbox .box .rt .rtr a:hover img {
    opacity: 1
}

.indexbox .box .rb {
    float: left;
    width: 100%;
}

.indexbox .box .rb .img {
    float: left;
    margin-top: -3px
}

.indexbox .box .rb .text {
    float: left;
    width: 270px;
    padding: 30px 30px;
    line-height: 24px;
}

.indexbox .box .rb .text b {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #fff;
}

.indexbox .box .rb .text p {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #555;
    margin-bottom: 10px;
}

.indexbox .box .rb .rblinks {
    float: left;
    width: 220px;
    background: url(../images/container_icon.png) no-repeat 60px 20px;
    padding: 30px 0 0 130px;
}

.indexbox .box .rb .rblinks a {
    float: left;
    width: 100%;
    line-height: 40px;
    color: #aaa;
}

.indexbox .box .rb .rblinks a:hover {
    color: #fff;
}

.notice {
    height: 40px;
    width: 100%;
    float: left;
    background: url('../images/b6.png');
    position: relative;
    z-index: 888;
}

.notice .box {
    height: 40px;
    color: #b4b4b4;
    line-height: 40px;
    width: 1170px;
    margin: 0 auto;
}

.notice .box span {
    height: 40px;
    color: #C3AB6C;
    float: left;
    line-height: 38px;
    margin-left: 55px;
    margin-right: 10px;
}


/* 本例子css */

.txtScroll-top {
    width: 1100px;
    overflow: hidden;
    position: relative;
    float: right;
}

.txtScroll-top .hd {
    overflow: hidden;
    height: 40px;
    padding: 0 30px;
    float: right;
    width: 200px;
}

.txtScroll-top .hd .prev,
.txtScroll-top .hd .next {
    display: block;
    width: 8px;
    height: 14px;
    float: right;
    margin-left: 50px;
    margin-top: 14px;
    overflow: hidden;
    cursor: pointer;
    background: url("../images/news_arrow_left.png") no-repeat bottom;
    opacity: 0.6
}

.txtScroll-top .hd .next {
    background: url("../images/news_arrow_right.png") no-repeat bottom;
    opacity: 0.6
}

.txtScroll-top .hd .prev:hover {
    opacity: 1
}

.txtScroll-top .hd .next:hover {
    opacity: 1
}

.txtScroll-top .hd ul {
    float: right;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
}

.txtScroll-top .hd ul li {
    float: left;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: url("../images/icoCircle.gif") 0 -9px no-repeat;
}

.txtScroll-top .hd ul li.on {
    background-position: 0 0;
}

.txtScroll-top .bd {
    float: left;
    width: 1020px;
}

.txtScroll-top .infoList li {
    height: 40px;
    line-height: 40px;
}

.txtScroll-top .infoList li a {
    color: #fff;
}

.tiyu {
    width: 100%;
    background: #131313 url(../images/tiyu.jpg) no-repeat center top;
    position: relative;
    z-index: 900px;
    height: 900px;
    float: left;
}

.tiyu .box {
    width: 1000px;
    margin: 40px auto 0;
    height: 800px;
    color: #000;
    background-color: #000;
    box-shadow: 0 0 1.4em rgba(39, 39, 39, 0.5);
}

.tiyu .box .l {
    float: left;
    width: 310px;
    background: #1F1F1F;
}

.tiyu .box .l .title {
    height: 44px;
    width: 100%;
    text-align: left;
    color: #AFAFAF;
    font-size: 15px;
    background: #272727;
    line-height: 44px;
    float: left;
}

.tiyu .box .l .title a {
    float: right;
    background: #333;
    border: 1px solid #444;
    line-height: 20px;
    margin: 11px;
    color: #fff;
    padding: 0 5px;
}

.tiyu .box .l .title img {
    float: left;
}

.tiyu .box .l .title span {
    float: left;
    line-height: 44px;
    padding: 0 10px;
}

.tiyu .box .l .c {
    width: 100%;
    background: url(../images/icon_login.png) no-repeat center 20px;
    padding-top: 117px;
    float: left;
}

.tiyu .box .l .c .a1 {
    height: 66px;
    width: 50%;
    line-height: 66px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    background: url(../images/login_bg.png) repeat-x top;
    float: left;
}

.tiyu .box .l .c .a2 {
    height: 66px;
    width: 50%;
    line-height: 66px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    background: url(../images/bbsport_login_bg.png) repeat-x top;
    float: left;
}

.tiyu .box .l .c .a1 b {
    font-weight: normal;
}

.tiyu .box .l .c .a2 b {
    font-weight: normal;
}

.tiyu .box .l .c .a1:hover {
    background: url(../images/login_bg.png) repeat-x bottom;
}

.tiyu .box .l .c .a2:hover {
    background: url(../images/bbsport_login_bg.png) repeat-x bottom;
}

.tiyu .box .l .ul {
    float: left;
    width: 100%;
    margin-bottom: 3px;
}

.tiyu .box .l .ul li {
    float: left;
    width: 100%;
    background: #282828;
    height: 48px;
    line-height: 48px;
    border-top: 1px solid #333;
    margin-top: 1px;
}

.tiyu .box .l .ul li a {
    float: left;
    line-height: 48px;
    width: 100%;
    padding: 0 30px;
    color: #fff;
    font-size: 15px;
}

.tiyu .box .l .ul li a.cur {
    color: #FFA500;
}

.tiyu .box .l .ul li a:hover {
    color: #FFA500;
}

.tiyu .box .l .ul li a b {
    float: left;
    font-weight: normal;
}

.tiyu .box .l .ul li a span {
    float: right;
    font-weight: normal;
    line-height: 48px;
}

.tiyu .box .l .c2 {
    float: left;
    width: 100%;
}

.tiyu .box .l .c2 .t {
    float: left;
    width: 100%;
    line-height: 44px;
    background: #555;
}

.tiyu .box .l .c2 .t i {
    float: left;
    width: 22px;
    height: 36px;
    margin: 0 10px;
    background: url('../images/icon_sport.png') 0 50% no-repeat;
    background-position: -22px 76%;
}

.tiyu .box .l .c2 .t em {
    float: left;
    color: #fff;
    font-style: normal;
}

.tiyu .box .l .c2 b {
    float: left;
    height: 60px;
    background: #eee;
    width: 100px;
    line-height: 60px;
    border-right: 1px solid #ccc;
    font-size: 20px;
    text-align: center;
}

.tiyu .box .l .c2 p {
    float: left;
    height: 60px;
    background: #eee;
    width: 210px;
    line-height: 60px;
    border-right: 1px solid #ccc;
    margin-bottom: 0;
}

.tiyu .box .l .c2 p span {
    float: left;
    height: 30px;
    width: 100%;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    padding-left: 10px;
}

.tiyu .box .r {
    float: right;
    width: 647px;
}

.tiyu .box .r .title {
    height: 44px;
    width: 100%;
    text-align: left;
    color: #AFAFAF;
    font-size: 15px;
    background: #272727;
    line-height: 44px;
    float: left;
}

.tiyu .box .r .title a {
    float: right;
    background: #333;
    border: 1px solid #444;
    line-height: 20px;
    margin: 11px;
    color: #fff;
    padding: 0 5px;
}

.tiyu .box .r .title img {
    float: left;
}

.tiyu .box .r .title span {
    float: left;
    line-height: 44px;
    padding: 0 10px;
}

.tiyu .box .r .slide {
    float: left;
    width: 100%;
}

.tiyu .box .r .slide img {
    float: left;
    width: 100%;
}

.tiyu .box .r .c2 {
    float: left;
    width: 100%;
}

.tiyu .box .r .c2 .t {
    float: left;
    width: 100%;
    line-height: 34px;
    background: #555;
}

.tiyu .box .r .c2 .t i {
    float: left;
    width: 22px;
    height: 36px;
    margin: 0 10px;
    background: url('../images/icon_sport.png') 0 50% no-repeat;
    background-position: -22px 50%;
}

.tiyu .box .r .c2 .t em {
    float: left;
    color: #fff;
    font-style: normal;
}

.tiyu .box .r .c2 .tt {
    float: left;
    width: 100%;
    line-height: 30px;
    background: #CACACA;
    color: #000;
}

.tiyu .box .r .c2 .tt strong {
    float: left;
    margin: 0 15px;
    width: 400px;
}

.tiyu .box .r .c2 .tt i {
    float: left;
    font-style: normal;
    width: 200px;
}

.tiyu .box .r .c2 .b {
    float: left;
    height: 54px;
    background: #eee;
    width: 100px;
    line-height: 54px;
    border-right: 1px solid #ccc;
    font-size: 20px;
    text-align: center;
}

.tiyu .box .r .c2 .b .b1 {
    float: left;
    width: 100%;
    line-height: 27px;
    font-size: 14px;
    color: red;
}

.tiyu .box .r .c2 .b .b2 {
    float: left;
    width: 100%;
    line-height: 27px;
    font-size: 14px;
}

.tiyu .box .r .c2 .p {
    float: left;
    height: 54px;
    background: #eee;
    width: 547px;
    line-height: 54px;
    border-right: 1px solid #ccc;
    margin-bottom: 0;
}

.tiyu .box .r .c2 .p span {
    float: left;
    height: 27px;
    width: 100%;
    line-height: 27px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    padding-left: 10px;
}

.tiyu .box .r .c2 .p span .mc {
    float: left;
    height: 27px;
    width: 320px;
}

.tiyu .box .r .c2 .p span .rangqiu {
    float: left;
    height: 27px;
    width: 100px;
}

.tiyu .box .r .c2 .p span .qita {
    float: left;
    height: 27px;
    width: 100px;
}


/*视讯*/

.shixun {
    width: 100%;
    background: #131313 url(../images/shixun.jpg) no-repeat center top;
    position: relative;
    z-index: 900px;
    height: 1000px;
    float: left;
    padding-bottom: 60px;
}

.shixun .box {
    width: 875px;
    margin: 40px auto 0;
    height: 784px;
    color: #000;
    background-color: #000;
    box-shadow: 0 0 1.4em rgba(39, 39, 39, 0.5);
}

.shixun .box .m {
    width: 100%;
    height: 488px;
    background: #000;
}

.shixun .box .m .l {
    width: 720px;
    height: 488px;
    background: url(../images/bbin_n.png) no-repeat 0 0;
    float: left;
}

.shixun .box .m .l:hover .c {
    opacity: 1;
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    /* Firefox 4 */
    -webkit-transition: opacity 1s;
    /* Safari and Chrome */
    -o-transition: opacity 1s;
    /* Opera */
}

.shixun .box .m .l .c {
    width: 720px;
    height: 488px;
    float: left;
    background: url(../images/b7.png);
    position: relative;
    opacity: 0;
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    /* Firefox 4 */
    -webkit-transition: opacity 1s;
    /* Safari and Chrome */
    -o-transition: opacity 1s;
    /* Opera */
}

.shixun .box .m .l .c .cc {
    position: absolute;
    top: 90px;
    right: 48px;
    z-index: 999;
    width: 380px;
}

.shixun .box .m .l .c .cc .bbin-livehall {
    display: inline-block;
    width: 98px;
    height: 98px;
    color: #9F9F9F;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background-color: #202020;
    background-color: rgba(32, 32, 32, .5);
    border: solid 1px #626262;
    padding: 0 10px;
    margin: 8px 24px 8px 0;
}

.shixun .box .m .l .c .cc .ele-icon-bbin {
    width: 52px;
    height: 40px;
    background: url(../images/livecasino_icon.png) no-repeat;
    margin: 13px auto;
}

.shixun .box .m .l .c .cc .bbin-livehall:hover .ele-icon-bbin {
    background-position: 0 100%;
}

.shixun .box .m .l .c .cc .bbin-livehall-38 .ele-icon-bbin {
    background-position: -52px 0;
}

.shixun .box .m .l .c .cc .bbin-livehall-38:hover .ele-icon-bbin {
    background-position: -52px 100%;
}

.shixun .box .m .l .c .cc .bbin-livehall-39 .ele-icon-bbin {
    background-position: -104px 0;
}

.shixun .box .m .l .c .cc .bbin-livehall-39:hover .ele-icon-bbin {
    background-position: -104px 100%;
}

.shixun .box .m .l .c .cc .bbin-livehall-80 .ele-icon-bbin {
    background-position: -156px 0;
}

.shixun .box .m .l .c .cc .bbin-livehall-80:hover .ele-icon-bbin {
    background-position: -156px 100%;
}

.shixun .box .m .l .c .cc .bbin-livehall-49 .ele-icon-bbin {
    background-position: -208px 0;
}

.shixun .box .m .l .c .cc .bbin-livehall-49:hover .ele-icon-bbin {
    background-position: -208px 100%;
}

.shixun .box .m .l .c .cc .bbin-livehall-41 .ele-icon-bbin {
    background-position: -260px 0;
}

.shixun .box .m .l .c .cc .bbin-livehall-41:hover .ele-icon-bbin {
    background-position: -260px 100%;
}

.shixun .box .m .l .c .cc .bbin-livehall:hover {
    color: #FFF;
    background-color: #202020;
    border: solid 1px #EDC580;
}

.shixun .box .m .l .c #ele-btn-play {
    position: absolute;
    bottom: 26px;
    right: 24px;
    z-index: 2;
    display: block;
    width: 142px;
    height: 38px;
    background: url(../images/live_bbin_play.png) no-repeat;
}

.shixun .box .m .l .c #ele-btn-play:hover {
    background-position: 0 100%;
}

.shixun .box .m .r {
    width: 237px;
    height: 488px;
    float: right;
}

.shixun .box .b {
    width: 100%;
    height: 250px;
    background: #000;
    float: left;
    padding-top: 4px;
    overflow: hidden;
    padding-bottom: 4px;
}

.shixun .box .b a {
    width: 188px;
    height: 242px;
    background: #000;
    float: left;
    margin: 0 4px 0 0;
    position: relative;
}

.shixun .box .b a:hover {
    width: 188px;
    height: 242px;
    background: #000;
    float: left;
    margin: 0 4px 0 0;
    position: relative;
}

.shixun .box .b a .img1 {
    position: absolute;
    z-index: 1;
}

.shixun .box .b a .img2:hover {
    opacity: 1;
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    /* Firefox 4 */
    -webkit-transition: opacity 1s;
    /* Safari and Chrome */
    -o-transition: opacity 1s;
    /* Opera */
}

.shixun .box .b a .img2 {
    position: absolute;
    z-index: 2;
    opacity: 0;
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    /* Firefox 4 */
    -webkit-transition: opacity 1s;
    /* Safari and Chrome */
    -o-transition: opacity 1s;
    /* Opera */
}

.shixun .box .t {
    width: 100%;
    height: 80px;
    background: #000;
}

.shixun .box .t a {
    width: 159px;
    height: 80px;
    background: #2A2A2A;
    border-right: 1px solid #333;
    margin-right: 1px;
    float: left;
    text-align: center;
    line-height: 80px;
    font-size: 16px;
    color: #ddd;
}


/*电子*/

.dianzi {
    width: 100%;
    background: #131313 url(../images/dianzi.jpg) no-repeat center top;
    position: relative;
    z-index: 900px;
    float: left;
    padding-bottom: 60px;
}

.dianzi .box {
    width: 1000px;
    margin: 40px auto 0;
    color: #000;
    background-color: #000;
}

.dianzi .box .tj {
    width: 1000px;
    height: 80px;
    color: #000;
    background-color: #B5271D;
    float: left;
}

.dianzi .box .tj .l {
    width: 300px;
    height: 80px;
    float: left;
}

.dianzi .box .tj .l img {
    float: left;
    margin: 12px 0 0 40px;
}

.dianzi .box .tj .num {
    float: right;
    width: 700px;
    height: 100%;
    padding: 1px 0 0 95px;
    background-image: url('../images/gamejp_jackpot.png');
    background-repeat: no-repeat;
    background-position: 0 -80px;
}

.dianzi .box .tj .num .elenew-gamejp-explain {
    float: left;
    margin: 42px auto 0;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #000;
    width: 110px;
    height: 19px;
    line-height: 20px;
    font-size: 12px;
    color: #f9f3a8;
    border: 1px solid #f7e268;
    border-radius: 30px;
}

.dianzi .box .tj .num .ul {
    float: left;
    margin: 19px 0 0 80px;
}

.dianzi .box .tj .num .ul span {
    float: left;
    width: 30px;
    height: 42px;
    background: url(../images/gamejp_prize_bg.png) no-repeat;
    color: #fff;
    line-height: 42px;
    text-align: center;
    font-size: 26px;
    color: #f7e268;
    margin-right: 2px;
}

.dianzi .box .tj .num .ul i {
    float: left;
    width: 10px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 26px;
    color: #f7e268;
    margin-right: 2px;
    margin-top: 20px;
    font-family: arial;
}

.dianzi .box .address {
    width: 1000px;
    height: 50px;
    float: left;
    line-height: 50px;
    padding: 0 15px;
}

.dianzi .box .address b {
    float: left;
    line-height: 50px;
    font-size: 20px;
    color: #aaa;
    font-weight: normal;
}

.dianzi .box .address span {
    float: left;
    line-height: 50px;
    font-size: 14px;
    color: #666;
    padding: 0 10px;
}

.dianzi .box .address a {
    float: left;
    line-height: 50px;
    font-size: 14px;
    color: #aaa;
}

.dianzi .box .c {
    float: left;
    width: 100%;
}

.dianzi .box .c {
    float: left;
    width: 100%;
}

.list_10 {
    float: left;
    width: 1000px;
}

.list_10 a {
    float: left;
    width: 230px;
    height: 240px;
    position: relative;
    margin: 0 10px 25px;
    background: #fff;
    padding: 5px;
}

.list_10 a:hover .black {
    display: block;
}

.list_10 a:hover .pay {
    display: block;
}

.list_10 a .pay {
    position: absolute;
    z-index: 3;
    width: 100px;
    height: 36px;
    display: none;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    line-height: 36px;
    margin: 55px;
}

.list_10 a .black {
    position: absolute;
    z-index: 2;
    width: 220px;
    height: 150px;
    background: url(../images/b8.png);
    display: none;
}

.list_10 a .info {
    position: absolute;
    z-index: 1;
    width: 220px;
    height: 80px;
    top: 160px;
}

.list_10 a .info p {
    width: 100%;
    height: 40px;
    float: left;
}

.list_10 a .info p .logoimg {
    float: left;
    margin: 10px 0 0 4px;
}

.list_10 a .info p i {
    float: right;
    font-style: normal;
    line-height: 40px;
    padding-right: 10px;
    color: red;
}

.list_10 a .info b {
    width: 100%;
    height: 40px;
    background: url(../images/html5.jpg) no-repeat 0px 7px;
    float: left;
    border-bottom: 1px solid #eee;
}

.list_10 a .info b i {
    float: left;
    line-height: 40px;
    text-indent: 30px;
    font-style: normal;
    font-size: 15px;
}

.list_10 a .info b span {
    float: right;
    line-height: 40px;
    color: #ddd;
    margin-right: 10px;
}

.list_10 a .info b span:hover {
    color: green;
}

.list_10 a .img {
    position: absolute;
    z-index: 1;
    width: 220px;
    height: 150px;
}

.list_10 a {
    transition: width 1s, height 1s;
    -moz-transition: width 1s, height 1s, -moz-transform 1s;
    /* Firefox 4 */
    -webkit-transition: width 1s, height 1s, -webkit-transform 1s;
    /* Safari and Chrome */
    -o-transition: width 1s, height 1s, -o-transform 1s;
    /* Opera */
}

.list_10 a:hover {
    transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    /* Firefox 4 */
    -webkit-transform: translate(0, -10px);
    /* Safari and Chrome */
    -o-transform: translate(0, -10px);
    /* Opera */
}


/*彩票*/

.caipiao {
    width: 100%;
    background: #131313 url(../images/caipiao.jpg) no-repeat center top;
    position: relative;
    z-index: 900px;
    float: left;
    padding-bottom: 60px;
}

.caipiao .box {
    width: 900px;
    margin: 40px auto 0;
    color: #000;
    background-color: #000;
}

.caipiao .box .l {
    float: left;
    width: 600px;
}

.caipiao .box .l .cl1 {
    float: left;
    width: 600px;
    position: relative;
    height: 447px;
}

.caipiao .box .l .cl1 img {
    float: left;
    width: 600px;
}

.caipiao .box .l .cl1 .img1 {
    float: left;
    width: 600px;
    position: absolute;
    z-index: 1;
    height: 447px;
}

.caipiao .box .l .cl1 .img2 {
    float: left;
    width: 600px;
    position: absolute;
    z-index: 2;
    display: none;
    height: 447px;
}

.caipiao .box .l .cl1:hover .img2 {
    float: left;
    width: 600px;
    position: absolute;
    z-index: 2;
    display: block;
}

.caipiao .box .l a {
    float: left;
    width: 600px;
}

.caipiao .box .l a img {
    float: left;
    width: 600px;
}

.caipiao .box .r {
    float: right;
    width: 300px;
    background: #444;
}

.caipiao .box .r .span {
    float: left;
    width: 100%;
    background: #393939 url(../images/lottery_game_bg.png) no-repeat right 0;
    text-align: right;
    height: 20px;
    line-height: 20px;
    padding-right: 30px;
    color: #fff;
}

.caipiao .box .r .ul {
    float: left;
    width: 100%;
}

.caipiao .box .r .ul a {
    float: left;
    width: 100%;
    line-height: 46px;
    border-bottom: 1px solid #222;
    margin-bottom: 1px;
    background: #393939;
}

.caipiao .box .r .ul a:hover {
    background: #333;
}

.caipiao .box .r .ul a b {
    float: left;
    line-height: 46px;
    border-left: 10px solid #393939;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    padding-left: 15px;
}

.caipiao .box .r .ul a span {
    float: right;
    line-height: 46px;
    padding-right: 20px;
    color: #aaa;
    font-size: 18px;
    text-shadow: 0 0px 1px #000;
}

.caipiao .box .r .ul a:hover b {
    border-left: 10px solid #4fabe9;
}

.tmenu {
    width: 100%;
    height: 64px;
    float: left;
    font-size: 14px;
    line-height: 64px;
    background: #ddd;
}

.tmenu li {
    height: 64px;
    ;
    float: left;
    display: block;
    cursor: pointer;
    color: #000;
    font-weight: bold;
    width: 50%;
    text-align: center;
    font-size: 18px;
}

.tmenu li.hover {
    background: #222;
    color: #fff;
}

.tbox {
    width: 100%;
    float: left;
    background: #fff;
}

.tbox .li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1px;
    background: #eee;
}

.tbox .li .lil {
    width: 240px;
    float: left;
    border-right: 1px solid #ccc;
    margin-right: 1px;
    background: #eee;
    padding: 10px;
    height: 60px;
    line-height: 20px;
}

.tbox .li .lil span {
    float: left;
    width: 100%;
    font-size: 15px;
}

.tbox .li .lil b {
    float: left;
    width: 100%;
    font-weight: normal;
}

.tbox .li .lir {
    width: 59px;
    float: right;
    padding: 10px 0;
    height: 60px;
    line-height: 20px;
    text-align: center;
}

.tbox .li .lir b {
    font-weight: bold;
    width: 100%;
    float: left;
}

.tbox .li .lir span {
    font-weight: bold;
    width: 100%;
    float: left;
}

.tbox .li:hover .lir {
    background: #df575a;
    color: #fff;
}

.tbox .li:hover {
    color: #000;
}


/*关于*/

.guanyu {
    width: 100%;
    background: #131313 url(../images/guanyu.jpg) no-repeat center top;
    position: relative;
    z-index: 900px;
    float: left;
    padding-bottom: 60px;
}

.guanyu .guanyutitle {
    width: 934px;
    margin: 40px auto 0;
}

.guanyu .box {
    width: 934px;
    margin: 20px auto 0;
    color: #000;
    background-color: #000;
}

.guanyu .box .l {
    width: 150px;
    float: left;
    background: url(../images/sidebar_bg.png) no-repeat 0 top;
    min-height: 500px;
}

.guanyu .box .r {
    width: 770px;
    float: right;
    background: url(../images/about_text_bg.png) no-repeat 0 top;
    min-height: 500px;
    padding: 0 50px;
}

.guanyu .box .r h3 {
    width: 100%;
    line-height: 50px;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    margin: 0;
    padding: 0;
}

.guanyu .box .r .c {
    width: 100%;
    line-height: 26px;
    font-size: 13px;
    color: #bbb;
    margin: 20px 0;
    padding: 0;
}

.guanyu .box .r .c p {
    width: 100%;
    line-height: 26px;
    font-size: 13px;
    color: #bbb;
    margin: 0px 0 10px;
    padding: 0;
}

.sidemenu {
    float: left;
    width: 100%;
}

.sidemenu li {
    float: left;
    width: 100%;
}

.sidemenu-header {
    height: 113px;
    width: 158px;
}

.sidemenu-body {
    background: url('../images/sidebar_bg.png') center top no-repeat;
    min-height: 411px;
}

.sidemenu-body li {}

.sidemenu-last {
    border-bottom: none;
}

.sidemenu-body a {
    display: block;
    padding-left: 75px;
    height: 75px;
    line-height: 75px;
    width: 100%;
    color: #FFF;
    font-size: 14px;
    text-decoration: none;
}

.sidemenu-ball a,
.sidemenu-sbtech a,
.sidemenu-sbtbet a,
.sidemenu-esport a {
    background: url('../images/about_bbsports_icon.png') 30px top no-repeat;
}

.sidemenu-sunplus a {
    background: url('../images/about_sport_icon.png') 30px top no-repeat;
}

.sidemenu-live a {
    background: url('../images/about_live_icon.png') 30px top no-repeat;
}

.sidemenu-game a,
.sidemenu-bbcasino a,
.sidemenu-mgcasino a,
.sidemenu-gnscasino a,
.sidemenu-isbcasino a {
    background: url('../images/about_game_icon.png') 30px top no-repeat;
}

.sidemenu-ltlottery a {
    background: url('../images/about_lottery_icon.png') 30px top no-repeat;
}

.en .sidemenu-sunplus a,
.en .sidemenu-live a {
    padding-top: 18px;
    height: 57px;
    line-height: 20px;
}

.sidemenu-body li a:hover {
    background-color: #C3AB6D;
    background-position: 30px bottom;
    color: #232323;
    transition: 0.3s;
}


/*优惠*/

.youhui {
    width: 100%;
    background: #131313 url(../images/youhui.jpg) no-repeat center top;
    position: relative;
    z-index: 900px;
    float: left;
    padding-bottom: 60px;
}

.youhui .box {
    width: 1000px;
    margin: 40px auto 0;
    color: #000;
    background-color: #000;
}

.tmenuboxWrap {
    width: 100%;
    height: 44px;
    float: left;
    margin-bottom: 40px;
    background: url(../images/title_memberexclusiveii.png) no-repeat left bottom;
}

.tmenubox {
    height: 44px;
    float: right;
    font-size: 14px;
    line-height: 44px;
}

.tmenubox li {
    height: 44px;
    ;
    float: left;
    display: block;
    cursor: pointer;
    color: #fff;
    text-align: center;
    font-size: 15px;
    margin: 0 0 0 5px;
    padding: 0 30px;
    background: none;
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}

.tmenubox li.hover {
    background: #a3905d;
    color: #fff;
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
    border-radius: 15px;
}

.tmenubox li:hover {
    background: #a3905d;
    color: #fff;
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
    border-radius: 15px;
}

.tboxbox {
    width: 100%;
    float: left;
}

.list_11 {
    float: left;
    width: 1000px;
}

.list_11 a {
    position: relative;
    margin: 0 2px 25px;
    padding: 10px;
}

.list_11 a .info {
    width: 100%;
    height: 120px;
    color: #fff;
    padding: 20px;
    float: left;
}

.list_11 a .info p {
    width: 60%;
    line-height: 26px;
    float: left;
}

.list_11 a .info span {
    line-height: 30px;
    float: right;
    padding: 0 15px;
    background: #c0af69;
    color: #fff;
    border-radius: 15px;
    margin-top: 8px;
}

.list_11 a {
    transition: width 1s, height 1s;
    -moz-transition: width 1s, height 1s, -moz-transform 1s;
    /* Firefox 4 */
    -webkit-transition: width 1s, height 1s, -webkit-transform 1s;
    /* Safari and Chrome */
    -o-transition: width 1s, height 1s, -o-transform 1s;
    /* Opera */
}

.list_11 a:hover {
    transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    /* Firefox 4 */
    -webkit-transform: translate(0, -10px);
    /* Safari and Chrome */
    -o-transform: translate(0, -10px);
    /* Opera */
}


/* 本例子css */

.slideBoxx {
    width: 750px;
    height: 710px;
    position: relative;
    float: left;
}

.slideBoxx .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1;
}

.slideBoxx .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.slideBoxx .hd ul li {
    float: left;
    margin-right: 2px;
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    background: #fff;
    cursor: pointer;
}

.slideBoxx .hd ul li.on {
    background: #f00;
    color: #fff;
}

.slideBoxx .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBoxx .bd li {
    zoom: 1;
    vertical-align: middle;
    width: 750px;
    height: 710px;
    float: left;
    overflow-y: auto;
}

.slideBoxx .bd li img {
    display: inline-block;
    width: 750px;
}

.slideBoxx .prevbox {
    float: left;
    left;
    position: absolute;
    width: 40px;
    height: 40px;
    left: -50px;
    top: 50%;
    overflow: hidden;
}

.slideBoxx .prevbox .prev {
    float: left;
    width: 40px;
    height: 40px;
    background: url(../images/slider-arrow.png) -110px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.slideBoxx .prevbox .prev:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.slideBoxx .prevbox .prev-a {
    width: 100%;
    height: 40px;
    float: left;
    background: url(../images/slider-arrow.png) -110px 5px no-repeat;
}

.slideBoxx .prevbox .prevStop {
    display: none;
}

.slideBoxx .nextbox {
    float: left;
    left;
    position: absolute;
    width: 40px;
    height: 40px;
    right: -50px;
    top: 50%;
    overflow: hidden;
}

.slideBoxx .nextbox .next {
    float: left;
    width: 40px;
    height: 40px;
    background: url(../images/slider-arrow.png) 15px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.slideBoxx .nextbox .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.slideBoxx .nextbox .next-a {
    width: 100%;
    height: 40px;
    float: left;
    background: url(../images/slider-arrow.png) 15px 5px no-repeat;
}

.slideBoxx .nextbox .nextStop {
    display: none;
}

.txtScroll-left {
    width: 220px;
    position: relative;
    float: left;
    margin: 20px 0 0 20px;
}

.txtScroll-left .hd {
    overflow: hidden;
    height: 30px;
    padding: 0 10px;
    width: 100%;
    text-align: center;
}

.txtScroll-left .hd ul {
    float: right;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    width: 100%;
    float: left;
}

.txtScroll-left .hd ul li {
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 10px;
    text-indent: -999px;
    cursor: pointer;
    background: #fff;
    border-radius: 100%;
    display: inline-block;
}

.txtScroll-left .hd ul li.on {
    background: #0AC3EC;
}

.txtScroll-left .bd {
    padding: 10px;
    width: 220px;
    overflow: hidden;
}

.txtScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
}

.txtScroll-left .bd ul li {
    margin-right: 20px;
    float: left;
    height: 100px;
    line-height: 24px;
    text-align: left;
    float: left;
    width: 100%;
}

.txtScroll-left .bd ul li span {
    color: #999;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.txtScroll-left .bd ul li a {
    color: #fff;
    width: 100%;
    float: left;
    font-size: 15px;
}


/*add 20161020*/


/*add 20161020*/


/*add 20161020*/

.popubbg {
    width: 100%;
    height: 100%;
    background: url(../images/png.png);
    position: fixed;
    z-index: 997;
    display: none;
}

.popub {
    width: 750px;
    position: fixed;
    background: url(../images/w5.png);
    display: none;
    padding: 0px;
    z-index: 998;
}

.popub .closee {
    height: 50px;
    line-height: 50px;
    color: #333;
    width: 50px;
    position: absolute;
    text-align: center;
    line-height: 50px;
    background: #aaa;
    right: -50px;
    font-size: 20px;
    top: 0;
}

.popub .closee:hover {
    background: #f80;
}

.popub .box {
    float: left;
    width: 100%;
    background: #484848;
}

.shangfoxFocus_1Btns_box {
    float: right;
}

.shangfoxFocus_1Btns_box a {
    float: left;
}