@charset "utf-8";
body, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, ol, p, ul {
    padding: 0;
    margin: 0
}

body {
    font: 12px/1.2em Microsoft YaHei, \5FAE\8F6F\96C5\9ED1, SimHei, \9ED1\4F53;
    background-color: #fff;
    color: #000
}

h1, h2, h3, h4, h5, h6 {
    font-size: 12px;
    font-weight: 400
}

ol, ul {
    list-style: none
}

button, input, textarea {
    font-size: 1em;
    font-family: Arial;
    margin: 0;
    padding: 2px;
    vertical-align: middle
}

label {
    cursor: pointer
}

input[type=radio], input[type=checkbox] {
    margin: 0 3px
}

img {
    border: none;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

a:link, a:visited {
    color: #555;
    text-decoration: none
}

a:active, a:hover {
    color: #f56f4a;
    text-decoration: underline
}

.c_Black {
    color: #000
}

.c_Blue {
    color: #009dda
}

.c_Green {
    color: #0aac02
}

.c_Gray {
    color: #888
}

.c_DGray {
    color: #969696
}

.c_Orange {
    color: #f56f4a
}

.c_Red {
    color: red
}

a.a_White:link, a.a_White:visited {
    color: #fff
}

a.a_White:active, a.a_White:hover {
    color: #ff784f
}

a.a_Blue:link, a.a_Blue:visited {
    color: #007df2
}

a.a_Blue:active, a.a_Blue:hover {
    color: red
}

a.a_Purple:link, a.a_Purple:visited {
    color: #676eab
}

a.a_Purple:active, a.a_Purple:hover {
    color: red
}

.a_Gray a:link, .a_Gray a:visited, a.a_Gray:link, a.a_Gray:visited {
    color: #666
}

.a_Gray a:active, .a_Gray a:hover, a.a_Gray:active, a.a_Gray:hover {
    color: #ff784f
}

.a_Orange a:link, .a_Orange a:visited, a.a_Orange:link, a.a_Orange:visited {
    color: #f56f4a
}

.a_Orange a:active, .a_Orange a:hover, a.a_Orange:active, a.a_Orange:hover {
    color: red
}

.a_Orange2 a:link, .a_Orange2 a:visited, a.a_Orange2:link, a.a_Orange2:visited {
    color: #fe5600
}

.a_Orange2 a:active, .a_Orange2 a:hover, a.a_Orange2:active, a.a_Orange2:hover {
    color: red
}

a.underLine {
    text-decoration: underline
}

a.none {
    text-decoration: none
}

.f_12px {
    font-size: 12px
}

.f_14px {
    font-size: 14px
}

.f_16px {
    font-size: 16px
}

.f_18px {
    font-size: 18px
}

.f_20px {
    font-size: 20px
}

.f_24px {
    font-size: 24px
}

.f_B {
    font-weight: 700
}

.f_Nomal {
    font-weight: 400
}

.f_Yahei {
    font-family: Microsoft YaHei, \5FAE\8F6F\96C5\9ED1, SimHei, \9ED1\4F53
}

.blank12 {
    height: 12px;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    clear: both
}

.blank24 {
    height: 24px;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    clear: both
}

.blank48 {
    height: 48px;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    clear: both
}

.b_Line {
    border-bottom: 1px solid #eee
}

.b_Dotted {
    border-bottom: 1px dotted #d8dfe5
}

.l_Layout {
    *zoom: 1
}

.l_Layout:after {
    content: "\200B";
    height: 0;
    clear: both;
    display: block
}

.l_Center {
    width: 1100px;
    margin: 0 auto;
    position: relative
}

.floatL {
    float: left;
    display: inline
}

.floatR {
    float: right;
    display: inline
}

.t_Center {
    text-align: center
}

.t_Left, table tr .t_Left {
    text-align: left
}

.t_Right, table tr .t_Right {
    text-align: right
}

table tr .t_Vtop {
    vertical-align: top
}

.top {
    height: 34px;
    color: #c8ced4;
    border-bottom: 1px solid #d8dfe5;
    background-color: #f5f6f7
}

.top-cont {
    position: relative;
    width: 1100px;
    line-height: 34px;
    margin: 0 auto;
    *z-index: 1000
}

.userlink {
    float: right
}

.userlink a {
    float: left;
    height: 34px;
    margin: 0;
    text-align: center;
    margin-left: -1px
}

.userlink .line {
    border-right: 1px solid #d8dfe5;
    padding: 0 14px;
    border-left: 1px solid transparent
}

.userlink .last .line {
    border-right: 1px solid transparent
}

.homelink .home, .userlink .on, .userlink a:hover {
    text-decoration: none;
    background: #fff;
    height: 34px;
    border: 1px solid #d8dfe5;
    border-top: none;
    border-bottom: 1px solid #fff;
    line-height: 28px;
    color: #555
}

.homelink .line, .userlink .on .line, .userlink a:hover .line {
    display: block;
    border: none;
    border-top: 3px solid #fe5600
}

.homelink {
    float: left
}

.homelink .home {
    text-align: center;
    float: left;
    margin: 0;
    margin-right: 12px;
    width: 103px
}

.homelink .log_btn {
    color: #ec633d
}

.homelink a {
    margin: 0 8px
}

.homelink .home:hover {
    text-decoration: none
}

.homelink .num {
    color: #fe5600
}

.site-nav {
    display: none;
    position: absolute;
    top: 35px;
    z-index: 1000;
    height: 283px;
    width: 487px;
    right: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid #eff2f5
}

.site-nav .border-l {
    border-right: 1px solid #eff2f5
}

.site-nav .title {
    line-height: 33px;
    border-bottom: 1px solid #eff2f5;
    color: #ec633d;
    font-weight: 700;
    font-size: 12px;
    padding-left: 19px
}

.site-nav li {
    line-height: 28px;
    padding-left: 19px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.site-nav ul {
    margin-top: 3px
}

.site-nav-mgame {
    height: 283px;
    width: 172px
}

.site-nav-mgame li {
    width: 67px
}

.site-nav-pcgame {
    height: 283px;
    width: 224px
}

.site-nav-pcgame li {
    width: 91px
}

.site-nav-recommend {
    width: 88px
}

.site-nav-recommend li {
    width: 69px
}

.top-focus {
    position: absolute;
    top: 34px;
    right: 0;
    z-index: 1000;
    display: none;
    background: #fff;
    border: 1px solid #eff2f5;
    padding: 19px 20px 15px;
    background: #fff
}

.top-focus p {
    line-height: 21px;
    margin: 0;
    margin-top: 3px;
    color: #555
}

.top-focus img {
    display: block;
    height: 99px;
    width: 99px
}

.header {
    width: 1100px;
    height: 55px;
    margin: 15px auto
}

.header .logo {
    margin-left: 10px;
    float: left
}

.header .subhead {
    height: 55px;
    line-height: 55px;
    padding-left: 10px;
    font-size: 20px;
    color: #6a6c75;
    float: left
}

.search-form {
    width: 352px;
    height: 35px;
    margin-top: 10px;
    background: url(/web/images/comm.png) no-repeat 0 -120px;
    _background: url(/web/images/comm_8.png) no-repeat 0 -120px;
    float: right
}

.search-form .keybox {
    width: 248px;
    height: 35px;
    overflow: hidden;
    position: relative;
    float: left
}

.search-form .keybox .box {
    width: 240px;
    height: 33px;
    line-height: 33px;
    margin: 0;
    padding: 0 3px;
    font-size: 12px;
    border: 0;
    position: absolute;
    z-index: 9;
    top: 1px;
    left: 1px;
    float: left
}

.search-form .keybox label {
    height: 33px;
    line-height: 33px;
    position: absolute;
    top: 1px;
    left: 7px;
    color: #ababab;
    z-index: 99
}

.search-form .chobox {
    width: 62px;
    height: 35px;
    position: relative;
    z-index: 999;
    float: left
}

.search-form .chobox dl {
    width: 62px;
    position: absolute;
    cursor: default
}

.search-form .chobox dt {
    height: 34px;
    line-height: 35px;
    padding: 0 0 0 10px;
    overflow: hidden;
    background: url(/web/images/icon.png) no-repeat 45px -45px;
    _background: url(/web/images/icon_8.png) no-repeat 45px -45px
}

.search-form .chobox dd {
    width: 60px;
    border: 1px solid #dbdfe3;
    border-top: none;
    background: #f5f6f7;
    display: none
}

.search-form .chobox ul {
    overflow: hidden
}

.search-form .chobox li {
    width: 50px;
    line-height: 24px;
    margin: 1px 0 0;
    padding: 0 0 0 10px;
    cursor: pointer
}

.search-form .chobox li.now {
    background: #464859;
    color: #fff
}

.search-form .btnbox {
    width: 42px;
    height: 35px;
    overflow: hidden;
    float: right
}

.search-form .btnbox .btn {
    width: 42px;
    height: 35px;
    margin: 0;
    padding: 0;
    border: 0;
    background: url(/web/images/comm.png) no-repeat -310px -120px;
    _background: url(/web/images/comm_8.png) no-repeat -310px -120px;
    cursor: pointer;
    float: right
}

.nav {
    height: 40px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.nav-cont {
    width: 1100px;
    margin: 0 auto;
    background-color: #000
}

.nav-cont ul {
    float: left
}

.nav-cont .spread {
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-indent: 52px;
    font-size: 16px;
    color: #fff;
    background: #f56f4a url(/web/images/spread-ico.png) no-repeat 25px 10px;
    float: right
}

.nav li {
    width: 95px;
    float: left
}

.nav li a {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    display: block
}

.nav li a:link, .nav li a:visited {
    color: #fff
}

.nav li a:active, .nav li a:hover, .nav li.on a {
    text-decoration: none;
    background-color: #464859
}

.nav-games {
    width: 1098px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #d8dfe5;
    border-top: 2px solid #dedede;
    overflow: hidden
}

.nav-games h2 {
    width: 95px;
    margin: 10px 0;
    padding: 0 10px;
    color: #fe5600;
    font-size: 14px;
    font-weight: 700;
    float: left
}

.nav-games .dashed {
    border-bottom: 1px dashed #d8dfe5
}

.nav-games .name-list {
    width: 960px;
    float: left
}

.nav-games ul {
    overflow: hidden
}

.nav-games li {
    height: 15px;
    margin: 10px 0;
    padding: 0 15px;
    font-size: 14px;
    text-align: left;
    border-right: 1px solid #666;
    overflow: hidden;
    float: left
}

.nav-games li.last {
    border-right: none
}

.nav-games .ico1, .nav-games .ico2 {
    width: 26px;
    height: 22px;
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block
}

.nav-games .ico1 {
    background: url(/web/images/nav-games-ico1.png) no-repeat 7px 0
}

.nav-games .ico2 {
    background: url(/web/images/nav-games-ico2.png) no-repeat
}

.nav-games .i-hot, .nav-games .i-new {
    width: 11px;
    height: 11px;
    margin-left: 2px;
    vertical-align: middle;
    background: url(/web/images/nav-games-hot.png) no-repeat;
    display: inline-block
}

.nav-games .i-new {
    background: url(/web/images/nav-games-new.png) no-repeat
}

.game-list {
    border-right: 1px solid #d8dfe5
}

.game-list ul {
    width: 950px;
    float: left
}

.game-list li {
    width: 94px;
    height: 90px;
    font-weight: 700;
    text-align: center;
    border-left: 1px solid #d8dfe5;
    border-bottom: 1px solid #d8dfe5;
    float: left
}

.game-list li a:link, .game-list li a:visited {
    color: #666
}

.game-list li a:active, .game-list li a:hover {
    color: #ff784f;
    text-decoration: none
}

.game-list li a {
    padding-top: 13px;
    height: 77px;
    display: block
}

.game-list li a:hover {
    background-position: 0 -90px
}

.game-list .g1 {
    background: url(/web/images/game01.png) no-repeat
}

.game-list .g2 {
    background: url(/web/images/game02.png) no-repeat
}

.game-list .g3 {
    background: url(/web/images/game03.png) no-repeat
}

.game-list .g4 {
    background: url(/web/images/game04.png) no-repeat
}

.game-list .g5 {
    background: url(/web/images/game05.png) no-repeat
}

.game-list .g6 {
    background: url(/web/images/game06.png) no-repeat
}

.game-list .g7 {
    background: url(/web/images/game07.png) no-repeat
}

.game-list .g8 {
    background: url(/web/images/game08.png) no-repeat
}

.game-list .g9 {
    background: url(/web/images/game09.png) no-repeat
}

.game-list .g10 {
    background: url(/web/images/game10.png) no-repeat
}

.game-list .roll {
    width: 149px;
    height: 53px;
    padding-top: 37px;
    font-size: 16px;
    text-align: center;
    border-left: 1px solid #d8dfe5;
    border-bottom: 1px solid #d8dfe5;
    background-color: #f5f6f7;
    float: left
}

.full-slide {
    height: 343px;
    margin: 15px 0 21px;
    background: url(/web/images/full-slide-bg.png) repeat-x
}

.full-slide-cont {
    width: 1100px;
    margin: 0 auto;
    position: relative
}

.full-slide-pic {
    width: 855px;
    float: left
}

.fullSlide {
    width: 100%;
    height: 342px;
    margin: 15px 0 20px;
    position: relative;
    background-color: #f5f6f7;
    border-bottom: 1px solid #eee;
    z-index: 1
}

.fullSlide .fbd {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.fullSlide .fbd ul {
    width: 100% !important;
    height: 300px;
    overflow: hidden
}

.fullSlide .fbd li {
    width: 100% !important;
    height: 300px;
    position: absolute;
    overflow: hidden
}

.fullSlide .fbd li a {
    width: 100%;
    height: 300px;
    display: block;
    position: absolute;
    z-index: 1
}

.fullSlide .fhd {
    width: 100%;
    height: 30px;
    line-height: 30px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0
}

.fullSlide .fhd ul li {
    width: 11px;
    height: 11px;
    line-height: 9999px;
    margin: 4px;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    background: url(/web/images/fs-dot.png) no-repeat;
    overflow: hidden;
    filter: alpha(opacity=40);
    opacity: .4
}

.fullSlide .fhd ul .on {
    filter: alpha(opacity=100);
    opacity: 1
}

.fullSlide .main {
    width: 1100px;
    margin: 0 auto;
    z-index: 3;
    position: relative
}

.login-form {
    width: 205px;
    height: 298px;
    padding: 25px 20px 20px;
    background: url(/web/images/full-slide-login-bg.png) no-repeat;
    position: absolute;
    top: -300px;
    right: 0
}

.login-form h2 {
    width: 202px;
    line-height: 1em;
    margin-bottom: 10px;
    padding-bottom: 12px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    border-bottom: 1px solid #6e777e
}

.login-form td {
    padding: 5px 0;
    text-align: left;
    color: #fff
}

.login-form .tb02 {
    color: #fff
}

.login-form .tb02 th {
    width: 70px;
    text-align: right;
    font-weight: 400
}

.login-form .tb02 td {
    padding: 8px 0
}

.login-form .ico {
    width: 19px;
    height: 14px;
    margin-right: 4px;
    vertical-align: middle;
    background: url(/web/images/index-login-ico.png) no-repeat;
    display: inline-block
}

.login-form .input {
    width: 190px;
    padding: 6px 0 6px 5px;
    background-color: #fff;
    border-top: 1px solid #c7c7c7;
    border-left: 1px solid #c7c7c7
}

.login-form .icoSpk {
    width: 22px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(/web/images/full-slide-spk-ico.png) no-repeat;
    display: inline-block
}

.txtMarquee-top {
    width: 210px;
    color: #fff;
    overflow: hidden;
    position: absolute;
    top: 312px;
    left: 20px
}

.txtMarquee-top ul li {
    height: 24px
}

.txtMarquee-top a:link, .txtMarquee-top a:visited {
    color: #fff
}

.txtMarquee-top a:active, .txtMarquee-top a:hover {
    color: red;
    text-decoration: none
}

.icon {
    background: url(/web/images/icon.png) no-repeat 0 0;
    _background: url(/web/images/icon_8.png) no-repeat 0 0
}

.feature {
    width: 1100px;
    margin: 0 auto;
    position: relative
}

.feature h2 {
    margin-bottom: 10px;
    color: #3c3c3c;
    font-size: 18px;
    font-weight: 700
}

.feature ul {
    margin-bottom: 20px;
    color: #666;
    border: 1px solid #eee
}

.feature li {
    width: 142px;
    padding: 30px 0 30px 77px;
    border-right: 1px dotted #d8dfe5;
    overflow: hidden;
    float: left
}

.feature .f1 {
    background: url(/web/images/feature01-ico.png) no-repeat 20px 25px
}

.feature .f2 {
    background: url(/web/images/feature02-ico.png) no-repeat 20px 30px
}

.feature .f3 {
    background: url(/web/images/feature03-ico.png) no-repeat 20px 25px
}

.feature .f4 {
    background: url(/web/images/feature04-ico.png) no-repeat 20px 30px
}

.feature .f5 {
    background: url(/web/images/feature05-ico.png) no-repeat 20px 30px;
    width: 140px;
    border-right: 0
}

.feature .label {
    width: 27px;
    height: 77px;
    background: url(/web/images/feature-vip-ico.png) no-repeat;
    position: absolute;
    top: 0;
    right: -27px
}

h2 {
    font-family: Microsoft YaHei, \5FAE\8F6F\96C5\9ED1, SimHei, \9ED1\4F53
}

em {
    font-style: normal
}

i {
    color: #ff7954;
    font-style: normal
}

.col1 {
    width: 243px;
    border: 1px solid #eee;
    border-bottom: 0;
    float: left
}

.col1 em {
    margin-right: 16px
}

.col-cont {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee
}

.col-cont ul {
    width: 214px;
    line-height: 24px;
    margin: 15px 0 15px 15px
}

.col-cont .indent {
    text-indent: 15px
}

.col-title {
    margin: 20px 0 15px;
    clear: both;
    overflow: hidden;
    _zoom: 1
}

.col-title h2 {
    line-height: 18px;
    margin-left: 13px;
    padding-left: 5px;
    font-size: 16px;
    font-weight: 700;
    border-left: 3px solid #f56f4a;
    float: left
}

.col-title em {
    font-style: normal;
    float: right
}

.col-title .more {
    padding-right: 12px;
    background: url(/web/images/arr01-ico.png) no-repeat right
}

.col-title em a:link, .col-title em a:visited {
    color: #666
}

.col-title em a:active, .col-title em a:hover {
    color: red;
    text-decoration: none
}

.col-sn-list {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee
}

.col-sn-list h3 {
    width: 155px;
    overflow: hidden;
    float: left
}

.col-sn-list em {
    margin-right: 0
}

.col-sn-list ul {
    width: 214px;
    margin-left: 15px
}

.col-sn-list li {
    line-height: 30px
}

.col-sn-list .btnGet {
    width: 42px;
    height: 17px;
    line-height: 17px;
    padding-left: 4px;
    background: url(/web/images/arr02-ico.png) no-repeat;
    display: inline-block
}

a.btnGet:link, a.btnGet:visited {
    color: #fff
}

a.btnGet:active, a.btnGet:hover {
    color: #fff;
    text-decoration: none
}

.col-server-game {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee
}

.col-server-game li {
    width: 79px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #fff;
    border-top: 2px solid #fff;
    border-bottom: 1px solid #eee;
    float: left
}

.col-server-game .on {
    border: 1px solid #eee;
    border-top: 2px solid #f56f4a;
    border-bottom: 1px solid #f5f6f7;
    background-color: #f5f6f7
}

.col-server-game h3 {
    width: 98px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.col-server-game th {
    height: 27px;
    line-height: 27px;
    font-weight: 400;
    background-color: #f5f6f7;
    border-bottom: 1px dotted #eee
}

.col-server-game td {
    padding: 0;
    text-align: left
}

.col-server-game td a {
    line-height: 38px;
    display: block;
    height: 38px
}

.col-server-game td a:hover {
    background: #eee;
    text-decoration: none;
    cursor: pointer
}

.col-server-game td span {
    position: relative;
    text-align: center
}

.col-server-game .name, .col-server-game .server, .col-server-game .time {
    font-family: Microsoft YaHei, \5FAE\8F6F\96C5\9ED1, SimHei, \9ED1\4F53;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    letter-spacing: normal;
    word-spacing: normal
}

.col-server-game .time {
    width: 70px;
    margin: 0 5px
}

.col-server-game .name {
    width: 78px;
    margin: 0 5px
}

.col-server-game .server {
    width: 65px;
    margin: 0 5px
}

.col-server-game .text-clip {
    text-overflow: clip
}

.col-news {
    width: 560px;
    margin: 0 25px;
    float: left
}

.col-news .menu {
    overflow: hidden
}

.col-news .menu h2 {
    padding-top: 8px;
    font-size: 19px;
    font-weight: 700;
    float: left
}

.col-news .menu ul {
    border-right: 1px solid #eee;
    float: right
}

.col-news .menu li {
    padding: 7px 15px;
    text-align: center;
    border: 1px solid #eee;
    border-right: 0;
    background-color: #f5f6f7;
    float: left
}

.col-news .menu .on {
    background-color: #fff;
    border-bottom: 0
}

.col-news .menu em {
    padding: 7px 0 0 11px;
    float: right
}

.col-news .more {
    padding-right: 12px;
    background: url(/web/images/arr01-ico.png) no-repeat right
}

.col-news-list {
    margin-top: 30px;
    overflow: hidden
}

.col-news-list .img {
    width: 110px;
    margin-right: 20px;
    float: left
}

.col-news-list ul {
    float: left
}

.col-news-list li {
    width: 430px;
    line-height: 2.2em;
    margin-bottom: 5px;
    overflow: hidden
}

.col-news-list h3 {
    width: 110px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #f5f6f7
}

.col-news-list h4, .col-news-list h5 {
    font-size: 14px;
    display: inline
}

.col-news-list h4 {
    margin-right: 10px;
    color: #f56f4a;
    float: left
}

.col-news-list h5 {
    width: 300px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    float: left
}

.col-news-list em {
    color: #c9c9c9
}

.col-news-list .first {
    margin-bottom: 5px
}

.col-news-list .first h4, .col-news-list .first h5 {
    width: 400px;
    font-size: 20px;
    font-weight: 700;
    font-family: Microsoft YaHei, \5FAE\8F6F\96C5\9ED1, SimHei, \9ED1\4F53
}

.col-exchange {
    width: 209px;
    padding: 0 16px 20px;
    border: 1px solid #eee;
    overflow: hidden;
    float: right
}

.col-exchange h2 {
    margin-left: 0
}

.col-exchange h3 {
    font-weight: 700;
    font-size: 14px
}

.col-exchange h4 {
    color: #515151
}

.col-exchange ul {
    line-height: 0
}

.col-exchange .b1, .col-exchange .b2, .col-exchange .b3 {
    width: 195px;
    height: 54px;
    line-height: 1.5em;
    padding: 25px 0 0 15px;
    color: #c77635;
    background: url(/web/images/col-exchange-bg1.png) no-repeat;
    overflow: hidden;
    display: inline-block
}

.col-exchange .b2 {
    background: url(/web/images/col-exchange-bg2.png) no-repeat;
    color: #6493ba
}

.col-exchange .b3 {
    background: url(/web/images/col-exchange-bg3.png) no-repeat;
    color: #99a364
}

.col-exchange .b1:hover, .col-exchange .b2:hover, .col-exchange .b3:hover {
    background-position: 0 -79px
}

.slideBox {
    width: 210px;
    height: 158px;
    margin: 20px 0 15px;
    overflow: hidden;
    position: relative
}

.slideBox .sbd {
    height: 100%;
    z-index: 0;
    position: relative
}

.slideBox .sbd li {
    zoom: 1;
    vertical-align: middle
}

.slideBox .sbd img {
    width: 210px;
    height: 158px;
    display: block
}

.slideBox .next, .slideBox .prev {
    width: 32px;
    height: 40px;
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    background: url(/web/images/slider-arrow.png) -110px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: .5
}

.slideBox .next {
    background-position: 8px 5px;
    left: auto;
    right: 3%
}

.slideBox .next:hover, .slideBox .prev:hover {
    filter: alpha(opacity=100);
    opacity: 1
}

.col-top-sale {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee
}

.col-top-sale th {
    height: 27px;
    line-height: 27px;
    font-weight: 400;
    border-top: 1px dotted #d8dfe5;
    border-bottom: 1px dotted #d8dfe5;
    background-color: #f5f6f7
}

.col-top-sale td {
    line-height: 30px;
    text-align: center
}

.col-top-sale h3 {
    color: #ff7954;
    font-size: 12px;
    font-weight: 700;
    font-family: Microsoft YaHei, \5FAE\8F6F\96C5\9ED1, SimHei, \9ED1\4F53
}

.col-best {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee
}

.col-best h4 {
    font-weight: 700
}

.col-best ul {
    width: 214px;
    line-height: 18px;
    margin-left: 15px
}

.col-best li {
    height: 75px;
    margin: 10px 0;
    background-color: #f6f6f6;
    overflow: hidden
}

.col-best .img {
    width: 100px;
    float: left
}

.col-best .text {
    width: 88px;
    padding: 10px 13px;
    float: left
}

.col-social {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee
}

.col-social ul {
    margin-bottom: 20px;
    border-bottom: 1px dotted #eee
}

.col-social li {
    height: 40px;
    line-height: 40px;
    padding: 5px 0;
    border-top: 1px dotted #eee;
    overflow: hidden
}

.col-social .cont1 {
    width: 130px;
    padding-left: 20px;
    border-right: 1px solid #eee;
    float: left
}

.col-social .cont2 {
    padding-left: 25px;
    float: left
}

.col-social .ico1, .col-social .ico2, .col-social .ico3, .col-social .ico4 {
    width: 32px;
    height: 32px;
    margin-right: 12px;
    vertical-align: middle;
    background: url(/web/images/about01-ico.png) no-repeat;
    display: inline-block
}

.col-social .ico2 {
    background: url(/web/images/about02-ico.png) no-repeat
}

.col-social .ico3 {
    background: url(/web/images/about03-ico.png) no-repeat
}

.col-social .ico4 {
    background: url(/web/images/about04-ico.png) no-repeat
}

.col-social .view {
    padding-left: 19px;
    background: url(/web/images/arr04-ico.png) no-repeat
}

.col-social .contact {
    padding-left: 15px;
    line-height: 24px;
    color: #666
}

.col-survey {
    padding: 0 13px
}

.col-survey .con {
    margin-bottom: 13px
}

.col-survey .radio {
    display: block;
    line-height: 27px;
    overflow: hidden;
    position: relative
}

.col-survey input {
    position: absolute;
    left: -99999px
}

.col-survey i {
    display: inline-block;
    height: 14px;
    width: 14px;
    background: url(/web/images/radio.png) top no-repeat;
    margin-right: 6px;
    vertical-align: -2px
}

.col-survey .radio_on i {
    background-position: bottom
}

.col-survey .sub-btn {
    display: block;
    height: 19px;
    width: 58px;
    margin: 6px auto 23px;
    background: #f56f4a;
    color: #fff;
    cursor: pointer;
    line-height: 19px;
    text-align: center;
    border-radius: 2px
}

.while-task {
    width: 828px;
    margin-left: 25px;
    float: left
}

.while-task-list h2 {
    line-height: 22px;
    font-size: 18px;
    font-weight: 700;
    display: inline-block
}

.while-task-list ul {
    border-bottom: 1px solid #eee
}

.while-task-list li {
    height: 160px;
    padding: 23px 21px;
    color: #3c3c3c;
    border: 1px solid #eee;
    border-bottom: 0;
    float: none;
    overflow: hidden
}

.while-task-list .img {
    width: 160px;
    margin-right: 20px;
    float: left
}

.while-task-list .task {
    width: 600px;
    line-height: 2em;
    float: left
}

.while-task-list .cont1 {
    width: 392px;
    float: left
}

.while-task-list .cont3 {
    padding-top: 12px;
    border-top: 1px solid #eee;
    clear: both
}

.while-task-list .text {
    width: 375px;
    height: 70px;
    margin: 12px 0;
    text-overflow: ellipsis;
    overflow: hidden
}

.while-task-list .award {
    line-height: 26px;
    color: #ff7954;
    font-size: 26px;
    font-weight: 700;
    float: right
}

.while-task-list .time {
    width: 25px;
    height: 28px;
    line-height: 28px;
    color: #;
    font-size: 14px;
    text-align: center;
    background: url(/web/images/time-bg-ico.png) no-repeat;
    display: inline-block
}

.loading {
    margin: 20px 0;
    color: #888;
    text-align: center
}

.address ul {
    text-indent: 1em
}

.address ul li {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #000;
    float: left
}

.address ul li a {
    font-size: 12px;
    margin: 0 10px;
    color: #585757
}

.address a:hover {
    text-decoration: underline
}

.address h3 {
    height: 35px;
    line-height: 35px;
    margin-top: 20px;
    font-size: 16px;
    border: 1px solid #d8d8d8;
    text-indent: 1em;
    border-radius: 5px
}

.address div {
    border: 1px solid #d8d8d8;
    padding: 5px 0;
    border-radius: 3px
}

.f-link {
    margin-top: 15px
}

.f-link h3 {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    background: #d8d8d8;
    text-indent: 1em;
    border-radius: 5px
}

.f-link ul li {
    height: 15px;
    line-height: 15px;
    margin-top: 15px;
    font-size: 12px;
    border-right: 1px solid #585757;
    float: left
}

.f-link ul li a {
    margin: 0 9px;
    font-size: 12px;
    display: block;
    color: #585757
}

.f-link ul {
    height: 98px;
    padding: 5px 0;
    border: 1px solid #d8d8d8;
    border-radius: 3px
}

.f-link ul .last {
    border: none
}

.btnOrange, .btnPurple {
    height: 25px;
    line-height: 25px;
    color: #fff;
    padding: 0 20px;
    text-align: center;
    background-color: #f56f4a;
    border: 0;
    color: #fff;
    border-radius: 2px;
    display: inline-block
}

.btnGrey, .btnGrey_light {
    height: 25px;
    line-height: 25px;
    color: #fff;
    padding: 0 20px;
    text-align: center;
    background-color: #647288;
    border-radius: 2px;
    display: inline-block
}

.btnGrey_light {
    background: #c3c3c3;
    cursor: default
}

.btnOrange_small {
    height: 30px;
    line-height: 30px;
    padding: 0 30px
}

.btnOrange_wide {
    width: 210px;
    height: 30px;
    line-height: 30px;
    padding: 0
}

.btnOrange_wide2 {
    width: 175px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    font-size: 14px
}

.btnOrange_login {
    width: 202px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    border: none;
    border-radius: 0;
    cursor: pointer
}

.btnOrange_large, .btn_large {
    height: 50px;
    line-height: 50px;
    padding: 0 40px;
    font-size: 18px;
    cursor: pointer
}

.btnOrange_small, .btn_small {
    height: 25px;
    line-height: 25px;
    padding: 0 20px;
    font-size: 12px;
    cursor: pointer
}

.btnGray_large {
    height: 40px;
    line-height: 40px;
    padding: 0 40px;
    font-size: 14px;
    cursor: pointer
}

.btnOrange:link, .btnOrange:visited {
    color: #fff
}

.btnOrange:active, .btnOrange:hover {
    color: #fff;
    background-color: #e7542b;
    text-decoration: none
}

a.btnGrey:link, a.btnGrey:visited {
    color: #fff
}

a.btnGrey:active, a.btnGrey:hover {
    color: #fff;
    background-color: #344156;
    text-decoration: none
}

a.btnGrey_light:link, a.btnGrey_light:visited {
    color: #fff
}

a.btnGrey_light:active, a.btnGrey_light:hover {
    color: #fff;
    background-color: #c3c3c3;
    text-decoration: none
}

.btnPurple {
    background-color: #464859
}

a.btnPurple:link, a.btnPurple:visited {
    color: #fff
}

a.btnPurple:active, a.btnPurple:hover {
    color: #fff;
    background-color: #5f52a0;
    text-decoration: none
}

.px1100 {
    margin: 24px auto
}

.px200 {
    margin-top: 15px;
    border-top: 1px solid #eee
}

.px200 li {
    width: 200px;
    height: 90px;
    line-height: 90px;
    margin-right: 24px;
    float: left
}

.px200 li.last {
    margin-right: 0
}

.footer {
    margin-top: 30px;
    padding: 24px 0;
    color: #a3a3a3;
    border-top: 1px solid #f56f4a
}

.personal-nav {
    width: 146px;
   /* height: 750px;*/
    border: 1px solid #eee;
    float: left
}

.personal-nav h2 {
    height: 15px;
    margin: 10px 0;
    padding: 5px 11px;
    color: #ec633d;
    font-size: 16px;
    border-left: 4px solid #fff
}

.personal-nav h2.focus {
    border-left: 4px solid #ec633d
}

.personal-nav h2.focus a {
    color: #10ae74;
    font-weight: 700;
}

.personal-nav h3 {
    margin-bottom: 8px;
    color: #5ddc91;
    font-size: 14px;
    font-weight: 700;
    text-indent: 17px
}

.personal-nav .menu {
    padding: 15px 0;
    border-top: 1px solid #eee
}

.personal-nav li {
    line-height: 25px;
    text-indent: 40px;
    font-size: 14px;
}

.personal-nav li.focus {
    font-weight: 700;
    text-indent: 13px;
    border-left: 4px solid #ec633d
}

.personal-nav li.focus a {
    color: #f56f4a
}

.personal-home {
    width: 600px;
    margin: 0 0;
    float: left
}

.punch-card {
    width: 605px;
    padding: 20px;
    border: 1px solid #eee
}

.punch-card .img {
    width: 145px;
    margin-right: 18px;
    border: 1px solid #eee;
    float: left
}

.punch-card .info {
    width: 320px;
    float: left
}

.punch-card .info td {
    padding: 8px 0;
    font-size: 14px;
    text-align: left
}

.btnPunch {
    width: 60px;
    height: 32px;
    line-height: 32px;
    padding-left: 52px;
    font-size: 14px;
    border-radius: 2px;
    background: #f56f4a url(/web/images/punch-ico.png) no-repeat 23px 11px;
    display: inline-block;
    float: left
}

a.btnPunch:link, a.btnPunch:visited {
    color: #fff
}

a.btnPunch:active, a.btnPunch:hover {
    color: #fff;
    background-color: #e7542b;
    text-decoration: none
}

.module {
    width: 605px;
    margin: 13px 0;
    padding: 0 20px 20px;
    border: 1px solid #eee
}

.module .col-title h2 {
    margin-left: 0
}

.module ul {
    width: 600px
}

.module li {
    width: 140px;
    line-height: 24px;
    margin-right: 50px;
    font-size: 14px;
    text-align: center;
    float: left
}

.module .tb01 {
    color: #666;
    font-size: 14px
}

.module .tb01 th {
    height: 38px;
    line-height: 38px;
    font-weight: 400;
    border: 1px solid #cdcdcd;
    background-color: #cee2f5
}

.module .tb01 td {
    padding: 14px 0;
    text-align: center;
    border: 1px solid #cdcdcd
}

.module .btnGray {
    padding: 8px 25px;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    display: inline-block
}

.popGames {
    width: 708px;
    height: 545px;
    border: 1px solid #bebebe;
    background-color: #fff;
    position: absolute;
    display: none
}

.popGames h2 {
    margin-left: 0
}

.popGames .main {
    padding: 40px 55px
}

.popGames .s1 {
    width: 262px;
    float: left
}

.popGames .s2 {
    width: 70px;
    float: left;
    position: relative
}

.popGames .s3 {
    width: 262px;
    float: right
}

.popGames .cover {
    width: 94px;
    height: 90px;
    filter: alpha(opacity=50);
    opacity: .5;
    background-color: #000;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0
}

.popGames .game-list-side {
    width: 220px;
    height: 315px;
    padding: 15px 20px;
    border: 1px solid #e2e2e2;
    background-color: #f5f6f7;
    overflow-y: scroll
}

.popGames .game-list-side li {
    cursor: pointer
}

.popGames .btnClose {
    width: 25px;
    height: 25px;
    background: url(/web/images/popgame-close-btn.png) no-repeat;
    display: inline-block;
    position: absolute;
    top: 11px;
    right: 11px;
    overflow: hidden
}

.popGames .btnClose:hover {
    background-position: 0 -25px
}

.popGames .btnOrange {
    padding: 6px 30px;
    font-size: 20px;
    font-weight: 700
}

.popGames .btnChoice, .popGames .btnDel {
    width: 13px;
    height: 13px;
    background: url(/web/images/popgame-del-btn.png) no-repeat;
    display: inline-block;
    position: absolute;
    bottom: 3px;
    right: 3px;
    z-index: 99;
    display: none
}

.popGames .btnChoice {
    background: url(/web/images/popgame-choice-btn.png) no-repeat
}

.popGames .btnIncrease, .popGames .btnSubtract {
    width: 27px;
    height: 26px;
    background: url(/web/images/popgame-arr02-btn.png) no-repeat;
    display: inline-block;
    position: absolute;
    top: 120px;
    left: 25px;
    overflow: hidden
}

.popGames .btnIncrease {
    background: url(/web/images/popgame-arr01-btn.png) no-repeat;
    top: 310px
}

.popGames .btnIncrease.on, .popGames .btnSubtract.on {
    background-position: 0 -27px
}

.personal-side {
    width: 223px;
    line-height: 24px;
    padding: 0 0 25px 20px;
    border: 1px solid #eee;
    background-color: #f5f6f7;
    float: right
}

.personal-side .col-title h2 {
    margin-left: 0
}

.personal-side .b_Dotted {
    margin: 15px 0
}

.personal-side .input {
    width: 190px;
    height: 24px;
    line-height: 24px;
    padding-left: 8px;
    border: 1px solid #e2e2e2
}

.game-list-side ul {
    width: 220px;
    margin-bottom: 13px;
    overflow: hidden
}

.game-list-side li {
    width: 94px;
    height: 25px;
    color: #ff784f;
    text-align: center;
    line-height: 25px;
    margin: 13px 13px 0 0;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    float: left;
    position: relative
}

.game-list-side li a {
    width: 94px;
    height: 25px;
    text-align: center;
    display: block
}

.game-list-side li a:link, .game-list-side li a:visited {
    color: #ff784f
}

.game-list-side li a:active, .game-list-side li a:hover {
    color: #000;
    text-decoration: none
}

.game-list-side li:hover {
    border: 1px solid #f56f4a;
    color: #000
}

.game-list-side li h4 {
    width: 90px;
    margin-left: 3px;
    text-align: center;
    position: absolute;
    top: 10px
}

.game-list-side .add {
    cursor: pointer;
    background: url(/web/images/game00.png) center -33px no-repeat;
    overflow: hidden
}

.game-list-side .add:hover {
    background: url(/web/images/game00.png) no-repeat 0 -123px
}

.personal-cont {
    width: 922px;
    min-height:537px;
    margin-left: 15px;
    font-size: 14px;
    float: left
}

.personal-cont .col-title h2 {
    margin-left: 0
}

.personal-cont .fund {
    margin-bottom: 20px;
    padding: 0 25px 25px;
    border: 1px solid #eee
}

.personal-cont .info {
    padding: 0 25px;
    border: 1px solid #eee
}

.personal-cont .info .img {
    border: 4px solid #dcdcdc
}

.personal-cont .info .b_Dotted {
    margin: 20px 0
}

.personal-cont .info .tb01 td {
    padding: 10px 0;
    line-height: 24px;
    vertical-align: top
}

.personal-cont .input {
    padding: 5px;
    font-size: 12px;
    color: #666;
    border: 1px solid #e2e2e2;
    outline: none;
}

.personal-cont .select {
    line-height: 22px;
    margin: -1px;
    padding: 4px 3px;
    border: 1px solid #ccc;
    color: #666;
    font-size: 12px
}

.fund-col1 {
    margin-right: 50px;
    padding-right: 50px;
    border-right: 1px dotted #d8dfe5;
    float: left
}

.fund-col1 .b_Dotted {
    margin: 15px 0
}

.fund-col2 ul {
    margin-bottom: 10px;
    overflow: hidden
}

.fund-col2 li {
    margin-right: 40px;
    padding: 8px 25px;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    float: left
}

.btnIdCardUpload {
    margin-left: 15px;
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background-color: #ec633d;
    border-radius: 2px;
    display: inline-block
}

.btnIdCard {
    margin-left: 15px;
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    background-color: #b6b6b6;
    border-radius: 2px;
    cursor: not-allowed;
    display: inline-block
}

a.btnIdCardUpload:link, a.btnIdCardUpload:visited {
    color: #fff
}

a.btnIdCardUpload:active, a.btnIdCardUpload:hover {
    color: #fff;
    text-decoration: none;
    background-color: #f56f4a
}

a.btnIdCard:link, a.btnIdCard:visited {
    color: #fff
}

a.btnIdCard:active, a.btnIdCard:hover {
    color: #fff;
    text-decoration: none
}

.sideTag {
    width: 65px;
    height: 200px;
    background-color: #f56f4a;
    position: absolute;
    top: 0;
    right: -65px
}

.sideTag h3 {
    width: 30px;
    line-height: 24px;
    margin: 25px auto 0;
    padding-top: 45px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    background: url(/web/images/side-tag-ico.png) no-repeat
}

.btnScroll2Top {
    width: 60px;
    height: 50px;
    background: url(/web/images/scroll-ico.png) no-repeat;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: -95px;
    overflow: hidden
}

.btnScroll2Top a {
    width: 60px;
    height: 50px;
    display: block
}

.btnScroll2Top:hover {
    background-position: 0 -50px
}

.editAvatar {
    height: 750px;
    padding: 0 25px;
    font-size: 12px;
    border: 1px solid #eee
}

.editAvatar h3 {
    margin-bottom: 15px;
    color: #464859;
    font-size: 16px;
    font-weight: 700
}

.editAvatar ul {
    line-height: 2em;
    margin-top: 20px;
    color: #ababab;
    overflow: hidden
}

.editAvatar li {
    height: 245px;
    float: left
}

.editAvatar .s1 {
    width: 330px;
    height: 163px;
    padding-top: 70px;
    margin-right: 30px;
    text-align: center;
    color: #818181;
    background: #f5f6f7 url(/web/images/edit-avatar-bg.png) no-repeat center
}

.editAvatar .s2 {
    width: 240px;
    padding-left: 30px;
    border-left: 1px dotted #d8dfe5
}

.editAvatar .preview {
    width: 200px;
    height: 142px;
    line-height: 142px;
    margin: 15px 0;
    font-size: 14px;
    text-align: center;
    background-color: #f5f6f7
}

.editAvatar .preview-small {
    width: 35px;
    line-height: 14px;
    margin: 10px 0;
    font-size: 10px;
    text-align: center;
    background-color: #f5f6f7
}

.editAvatar .c_Gray {
    color: #ababab
}

.editAvatar .c_DGray {
    color: #626473
}

.btnUpload {
    margin: 5px 0 10px;
    padding: 8px 12px 8px 37px;
    text-align: center;
    background: #464859 url(/web/images/personal-upload-ico.png) no-repeat 8px;
    border-radius: 2px;
    display: inline-block
}

a.btnUpload:link, a.btnUpload:visited {
    color: #fff
}

a.btnUpload:active, a.btnUpload:hover {
    color: #fff;
    background-color: #5f52a0;
    text-decoration: none
}

.bound {
    padding: 0 25px 25px;
    border: 1px solid #eee
}

.bound-item {
    margin-bottom: 40px;
    line-height: 30px
}

.bound-data {
    width: 818px;
    line-height: 24px;
    padding: 25px;
    border: 1px solid #eee;
    border-top: 0;
    background-color: #f5f6f7
}

.bound .tb01 th {
    padding: 18px 0;
    border: 1px solid #eee
}

.bound .tb01 td {
    padding: 15px 0;
    text-align: center;
    border: 1px solid #eee
}

.bound .tb02 {
    margin-top: 24px
}

.bound .tb02 td {
    padding: 10px 0
}

.bound .tb02 select {
    margin-right: 10px
}

.bound .tb02 .input {
    width: 200px;
    height: 20px;
    line-height: 20px;
    color: #ababab;
    text-indent: 10px;
    border: 1px solid #e2e2e2;
    background-color: #fff
}

.btn-bound {
    padding: 6px 20px;
    font-size: 12px;
    background-color: #b6b6b6;
    border-radius: 2px;
    display: inline-block
}

.btn-bound-anew {
    background-color: #464859
}

.btn-bound-may {
    background-color: #ec633d
}

a.btn-bound:link, a.btn-bound:visited {
    color: #fff
}

a.btn-bound:active, a.btn-bound:hover {
    color: #fff;
    background-color: #5f52a0;
    text-decoration: none
}

.social-id {
    height: 725px;
    padding: 0 25px 25px;
    border: 1px solid #eee
}

.social-id ul {
    margin-top: 10px;
    overflow: hidden
}

.social-id li {
    width: 267px;
    height: 102px;
    margin-right: 20px;
    border: 1px solid #eee;
    background-color: #f5f6f7;
    position: relative;
    float: left
}

.s-ico1, .s-ico2, .s-ico3 {
    width: 76px;
    height: 77px;
    background: url(/web/images/social01-ico.png) no-repeat;
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 17px
}

.s-ico2 {
    background: url(/web/images/social02-ico.png) no-repeat
}

.s-ico3 {
    background: url(/web/images/social03-ico.png) no-repeat
}

.btn-social {
    padding: 8px 25px;
    background-color: #464859;
    border-radius: 2px;
    display: inline-block;
    position: absolute;
    top: 36px;
    left: 124px
}

a.btn-social:link, a.btn-social:visited {
    color: #fff
}

a.btn-social:active, a.btn-social:hover {
    color: #fff;
    background-color: #5f52a0;
    text-decoration: none
}

.result {
    padding: 0 25px 25px;
    border: 1px solid #eee
}

.result .tb01 th {
    text-align: right;
    font-weight: 400
}

.result .tb01 td {
    padding: 12px 0
}

.result .tb01 select {
    margin-right: 10px
}

.result .tb02 th {
    padding: 18px 0;
    border: 1px solid #eee
}

.result .tb02 td {
    padding: 15px 0;
    text-align: center;
    border: 1px solid #eee
}

.result .b_Dotted {
    margin: 20px 0 30px
}

.select-game {
    margin: 50px 0 35px;
    padding-bottom: 30px;
    border-bottom: 1px dotted #d8dfe5
}

.select-game select {
    margin: 0 10px
}

.result-details .col-title {
    height: 20px
}

.result-details h1 {
    line-height: 18px;
    color: #2a2a2a;
    font-size: 18px;
    font-weight: 700;
    float: left
}

.result-details h3 {
    margin-right: 30px;
    font-size: 18px;
    float: right
}

.result-details .backLink {
    margin-right: 15px;
    padding-top: 5px;
    float: left
}

.result-details .main {
    padding: 20px;
    border: 1px solid #eee
}

.result-details .b_Dotted {
    margin: 30px 0
}

.result-details .tb01 {
    margin: 20px 0
}

.result-details .tb01 th {
    height: 50px;
    line-height: 20px;
    border: 1px solid #eee
}

.result-details .tb01 td {
    text-align: center;
    border: 1px solid #eee
}

.result-details .tb01.lh1 {
    line-height: 25px
}

.result-details .tb01.lh2 {
    line-height: 50px
}

.result-details .item {
    line-height: 24px;
    margin: 20px 0 50px 10px;
    font-size: 12px;
    color: #868686
}

.pages {
    margin-top: 20px;
    font-size: 12px;
    text-align: center;
    float: right
}

.pages a {
    margin: 0 3px;
    padding: 5px 8px;
    vertical-align: middle;
    border: 1px solid #eee;
    display: inline-block
}

.pages a:hover {
    background-color: #ec633d;
    text-decoration: none
}

.pages a.on:link, .pages a.on:visited {
    color: #fff;
    border-color: #d6d6d6;
    background-color: #ec633d
}

.pages a:link, .pages a:visited {
    color: #666
}

.pages a:active, .pages a:hover {
    color: #fff
}

/*.card-exchange {
    padding: 0 25px 25px;
    border: 1px solid #eee
}*/

.card-exchange .tb01 td {
    padding: 12px 0
}

.card-exchange .tb01 select {
    margin: 0 10px
}

.card-exchange .tb02 th {
    padding: 18px 0;
    border: 1px solid #eee
}

.card-exchange .tb02 td {
    padding: 15px 0;
    text-align: center;
    border: 1px solid #eee
}

.card-exchange .b_Dotted {
    margin: 20px 0 30px
}

.msg {
    border: 1px solid #eee;
    border-top: 0;
    overflow: hidden
}

.msg h3 {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.msg .row1 {
    height: 45px;
    padding: 13px 25px 0;
    background-color: #f5f6f7
}

.msg .row1 .btnOrange {
    padding: 0 15px
}

.msg .row1 .btnPurple {
    padding: 0 15px
}

.msg .tb01 {
    line-height: 24px;
    font-size: 14px
}

.msg .tb01 tr:hover {
    background-color: #f5f6f7
}

.msg .tb01 th {
    padding: 18px 0;
    font-weight: 400;
    border-bottom: 1px dotted #d8dfe5;
    background-color: #fff
}

.msg .tb01 td {
    padding: 18px 0;
    text-align: center;
    border-bottom: 1px dotted #d8dfe5
}

.msg .text {
    padding: 35px 75px;
    text-align: left
}

.msg .indent2 {
    text-indent: 2em
}

.msg .new-ico {
    margin: 0 10px;
    padding: 3px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #ec633d
}

.msg .arr-ico {
    width: 26px;
    height: 26px;
    margin-left: 18px;
    vertical-align: middle;
    background: url(/web/images/msg-arr-ico.png) no-repeat;
    display: inline-block;
    overflow: hidden
}

.msg .arr-ico.on {
    background-position: 0 -26px
}

.msg .pages {
    margin: 40px 0;
    padding-right: 25px
}

.promotion-nav {
    width: 208px;
    float: left
}

.promotion-nav h2 {
    height: 43px;
    line-height: 43px;
    color: #fff;
    font-size: 14px;
    text-indent: 16px;
    background-color: #65728a
}

.promotion-nav .menu {
    margin-bottom: 16px
}

.promotion-nav ul {
    border-bottom: 1px solid #eee
}

.promotion-nav li {
    height: 42px;
    line-height: 42px;
    text-indent: 16px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px dotted #d8dfe5
}

.promotion-nav li:hover {
    font-weight: 700;
    background-color: #eaf2f9
}

.promotion-cont {
    width: 862px;
    margin-left: 30px;
    float: left
}

.promotion-cont h1 {
    margin-bottom: 20px;
    line-height: 1em;
    font-size: 24px;
    font-weight: 700
}

.promotion-cont h2 {
    line-height: 1em;
    margin-bottom: 14px;
    font-size: 19px;
    font-weight: 700
}

.promotion-cont .input {
    height: 20px;
    line-height: 20px;
    margin: 0 8px;
    padding-left: 5px;
    border: 1px solid #d7d7d7
}

.promotion-hot ul {
    margin-bottom: 40px;
    overflow: hidden
}

.promotion-hot li {
    width: 264px;
    margin-right: 35px;
    float: left
}

.promotion-hot li.last {
    margin-right: 0
}

.promotion-mode {
    margin-bottom: 40px;
    padding: 19px;
    border: 1px solid #eee
}

.promotion-mode li {
    width: 821px;
    height: 135px;
    margin-bottom: 30px;
    overflow: hidden
}

.promotion-mode h3 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700
}

.promotion-mode p {
    line-height: 24px
}

.promotion-mode .img {
    width: 547px;
    float: left
}

.promotion-mode .text {
    width: 238px;
    padding: 20px 18px 0;
    color: #fff;
    float: left
}

.promotion-mode .s1 {
    background-color: #d0e2f2
}

.promotion-mode .s1 .text {
    color: #464859
}

.promotion-mode .s2 {
    background-color: #65728a
}

.promotion-mode .s3 {
    background-color: #464859
}

.promotion-mode li.s3 {
    margin-bottom: 0
}

.promotion-award ul {
    overflow: hidden
}

.promotion-award li {
    width: 262px;
    height: 73px;
    margin-right: 35px;
    padding-top: 56px;
    color: #3c3c3c;
    font-size: 18px;
    font-weight: 700;
    border: 1px solid #eee;
    float: left
}

.promotion-award .s1 {
    text-indent: 131px;
    background: url(/web/images/award01-ico.png) no-repeat 47px 31px
}

.promotion-award .s2 {
    text-indent: 133px;
    background: url(/web/images/award02-ico.png) no-repeat 47px 31px
}

.promotion-award .s3 {
    text-indent: 106px;
    background: url(/web/images/award03-ico.png) no-repeat 30px 31px
}

.promotion-award li.s3 {
    margin-right: 0
}

.promotion-serial {
    color: #666;
    border: 1px solid #eee;
    border-bottom: 0;
    background-color: #eaf2f9;
    position: relative
}

.promotion-serial .main {
    line-height: 1.5em;
    padding: 20px;
    font-size: 14px
}

.promotion-serial h2 {
    font-size: 18px;
    color: #000;
    font-weight: 700
}

.promotion-serial .s1 {
    width: 570px;
    line-height: 2.5em;
    float: left
}

.promotion-serial .s2 {
    line-height: 1.5em;
    float: left
}

.promotion-serial .s2 .btnOrange {
    width: 170px;
    padding: 0
}

.promotion-serial .s2 .btnPurple {
    width: 170px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    font-size: 14px
}

.promotion-get {
    line-height: 3em;
    margin-top: 15px;
    padding-left: 20px
}

.promotion-get .error {
    color: #f56f4a;
    background-color: #fcd4c8
}

.btnAdd, .btnReduce {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: url(/web/images/p-reduce-ico.png) no-repeat;
    display: inline-block
}

.btnAdd {
    background: url(/web/images/p-add-ico.png) no-repeat
}

.promotion-list {
    margin-top: 40px;
    padding: 15px 25px;
    border: 1px solid #eee;
    overflow: hidden
}

.promotion-list h3 {
    margin-bottom: 15px;
    font-weight: 700;
    color: #000
}

.promotion-list ul {
    width: 400px;
    margin-right: 10px;
    border-bottom: 1px solid #eee;
    float: left
}

.promotion-list li {
    height: 35px;
    line-height: 35px;
    color: #666;
    text-indent: 24px;
    border: 1px solid #eee;
    border-bottom: 0
}

.promotion-list .last {
    margin-right: 0
}

.promotion-list .bottom {
    padding: 40px 0 20px;
    text-align: center
}

.promotion-list .btnOrange, .promotion-list .btnPurple {
    width: 105px;
    height: 40px;
    line-height: 40px;
    margin: 0 10px;
    padding: 0;
    font-size: 18px;
    background-color: #65728a
}

.promotion-list .btnOrange {
    background-color: #f56f4a
}

.promotion-classify-nav {
    margin-bottom: -1px;
    border-left: 1px solid #eee
}

.promotion-classify-nav ul {
    overflow: hidden
}

.promotion-classify-nav li {
    height: 15px;
    padding: 10px 18px;
    font-size: 14px;
    background-color: #fafafa;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    float: left
}

.promotion-classify-nav li.on {
    background-color: #eaf2f9;
    border-top: 1px solid #f56f4a;
    border-bottom: 1px solid #eaf2f9
}

.promotion-classify-nav li.on a {
    color: #f56f4a
}

.promotion-info {
    line-height: 2em;
    padding: 18px 20px;
    color: #000;
    border-bottom: 1px solid #eee;
    background-color: #d0e2f2;
    position: relative
}

.promotion-info .btnClose {
    width: 15px;
    height: 14px;
    background: url(/web/images/p-close-ico.png) no-repeat;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px
}

.ico-remind, .ico-spk {
    width: 17px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(/web/images/p-spk-ico.png) no-repeat;
    display: inline-block
}

.ico-remind {
    width: 18px;
    height: 15px;
    background: url(/web/images/p-remind-ico.png) no-repeat
}

.promotion-remind {
    padding: 20px;
    color: #f56f4a;
    background-color: #fff
}

.promotion-item-nav {
    margin-bottom: -1px;
    border: 1px solid #eee;
    border-bottom: 0;
    background-color: #fafafa
}

.promotion-item-nav ul {
    overflow: hidden
}

.promotion-item-nav li {
    height: 15px;
    padding: 10px 18px;
    font-size: 14px;
    background-color: #fafafa;
    border-top: 2px solid #fafafa;
    border-right: 1px solid #eee;
    float: left
}

.promotion-item-nav li.on {
    font-weight: 700;
    background-color: #fff;
    border-top: 2px solid #f56f4a;
    border-bottom: 1px solid #fff
}

.promotion-item {
    line-height: 2em;
    padding: 23px 20px;
    color: #666;
    border: 1px solid #eee
}

.promotion-item h3, .promotion-item h4, .promotion-item h5 {
    margin-bottom: 15px;
    font-size: 14px;
    color: #f56f4a;
    font-weight: 700
}

.promotion-item h4 {
    color: #000
}

.promotion-item .main {
    padding-left: 12px
}

.promotion-item ul {
    margin: 15px 0
}

.promotion-diy {
    border: 1px solid #eee
}

.promotion-diy h3 {
    padding: 15px 18px;
    font-size: 16px
}

.promotion-diy table {
    font-size: 12px;
    color: #65728a;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.promotion-diy th {
    padding: 10px 0 10px 15px;
    background-color: #ebf2fa;
    font-weight: 400;
    text-align: left
}

.promotion-diy td {
    padding: 10px 0 10px 15px;
    background-color: #fbfcfe
}

.promotion-diy input {
    margin-right: 5px
}

.promotion-diy .bottom {
    padding: 20px 0;
    text-align: center;
    background-color: #fbfcfe
}

.promotion-diy .bottom a {
    margin: 0 10px
}

.promotion-setup {
    border: 1px solid #eee;
    border-top: 0
}

.promotion-setup h3 {
    padding: 15px 18px;
    font-size: 16px
}

.promotion-setup .main {
    padding: 15px 0 15px 18px;
    background-color: #ebf2fa
}

.promotion-setup textarea {
    padding: 5px;
    border: 1px solid #d1ddf3;
    background-color: #fbfcfe;
    outline: 0;
    resize: none
}

.promotion-setup td {
    padding: 8px 0
}

.promotion-cont .base {
    padding: 35px;
    text-align: center
}

.promotion-cont .base a {
    margin: 0 8px;
    text-decoration: none
}

.promotion-self {
    border: 1px solid #eee;
    border-bottom: 0
}

.promotion-self h3 {
    color: #464859;
    font-size: 18px;
    font-weight: 700
}

.promotion-self .main {
    padding: 20px;
    border-bottom: 1px solid #eee;
    background-color: #eaf2f9
}

.promotion-self .img {
    width: 220px;
    margin-right: 15px;
    float: left
}

.promotion-self .text {
    width: 550px;
    float: left
}

.promotion-self .text a {
    margin-right: 15px;
    text-decoration: none
}

.promotion-self .input {
    width: 400px;
    margin: 20px 0;
    padding-left: 10px;
    border: 1px solid #e6eaee;
    background-color: #fff
}

.btnBack, .btnCopyUrl, .btnPreview, .btnPreview2, .btnSave, .btnSetup {
    width: 68px;
    height: 35px;
    line-height: 35px;
    padding-left: 52px;
    font-size: 14px;
    text-align: left;
    background: #64738a url(/web/images/p-back-ico.png) no-repeat 30px 11px;
    border-radius: 2px;
    display: inline-block
}

.btnPreview {
    border: 1px solid #7a7a94;
    background: #fff url(/web/images/p-preview-ico.png) no-repeat 26px 11px
}

.btnSave {
    background: #464759 url(/web/images/p-save-ico.png) no-repeat 32px 11px
}

.btnCopyUrl, .btnPreview2, .btnSetup {
    width: 80px;
    padding-left: 40px
}

.btnCopyUrl {
    background: #65728a url(/web/images/p-copy-ico.png) no-repeat 19px 11px
}

.btnSetup {
    background: #464859 url(/web/images/p-set-ico.png) no-repeat 19px 11px
}

.btnPreview2 {
    background: #fafafa url(/web/images/p-preview-ico.png) no-repeat 16px 11px
}

.url-i01 {
    width: 24px;
    height: 27px;
    margin-right: 12px;
    vertical-align: middle;
    background: url(/web/images/p-url-ico.png) no-repeat;
    display: inline-block
}

.popWin {
    width: 505px;
    height: 310px;
    margin: 0 auto;
    border: 1px solid #eee;
    background-color: #fff;
    position: relative
}

.popWin h3 {
    margin-bottom: 5px;
    font-size: 16px;
    color: #666;
    font-weight: 700
}

.popWin .main {
    line-height: 2em;
    padding-bottom: 25px
}

.popWin_390 {
    width: 390px;
    height: 245px
}

.popWin_390 .main {
    width: 315px;
    margin: 5px 0 0 35px;
    color: #666
}

.popWin_390 .s1 {
    width: 50px;
    float: left
}

.popWin_390 .s2 {
    width: 265px;
    float: left
}

.popWin .tb01 {
    margin-left: 110px
}

.popWin .tb01 th {
    width: 72px;
    padding-right: 5px;
    text-align: right;
    font-weight: 400
}

.popWin .tb01 td {
    padding: 5px 0
}

.popWin .tb02 {
    margin-left: 50px
}

.popWin .input {
    height: 20px;
    line-height: 20px;
    border: 1px solid #d7d7d7
}

.popWin .input-sn {
    padding: 0 10px;
    color: #bcbcbc;
    background-color: #f6f6f6
}

.popWin .item {
    width: 475px;
    line-height: 24px;
    padding: 15px;
    color: #999;
    border-top: 1px solid #eee;
    background-color: #f6f6f6;
    position: absolute;
    bottom: 0;
    left: 0
}

.popWin .title {
    height: 27px;
    line-height: 27px;
    overflow: hidden
}

.popWin .btnClose {
    width: 35px;
    height: 27px;
    background: url(/web/images/close01-ico.png) no-repeat;
    display: inline-block
}

.popWin .btnClose:hover {
    background-position: 0 -27px
}

.popWin .ico-remind {
    width: 39px;
    height: 39px;
    background: url(/web/images/popwin-remind-ico.png) no-repeat;
    display: inline-block
}

.popUp {
    width: 545px;
    margin: 0 auto;
    border: 1px solid #eee;
    background-color: #fff;
    position: relative
}

.popUp_690 {
    width: 690px;
    height: 440px
}

.popUp h2 {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 700
}

.popUp i {
    margin-right: 10px
}

.popUp .icoRemind, .popUp .icoSucceed {
    width: 65px;
    height: 65px;
    background: url(/web/images/popwin-succeed-ico.png) no-repeat;
    display: inline-block
}

.popUp .icoRemind {
    background: url(/web/images/popwin-remind-2-ico.png) no-repeat
}

.popUp .btnClose {
    width: 21px;
    height: 21px;
    background: url(/web/images/close02-ico.png) no-repeat;
    display: inline-block;
    position: absolute;
    top: 17px;
    right: 17px
}

.popUp .btnPurple {
    width: 145px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    font-size: 14px;
    font-weight: 700
}

.popUp .input {
    padding: 5px;
    border: 1px solid #e2e2e2
}

.popUp .input-error {
    color: #ec413d;
    background-color: #fabab8
}

.popUp .main {
    line-height: 1.8em;
    margin: 65px 60px 35px
}

.popUp .main th {
    font-size: 14px;
    text-align: right;
    font-weight: 400
}

.popUp .main td {
    padding: 8px 0
}

.popUp .succeed-ico {
    margin-left: 15px
}

.uploadSucceed {
    margin: 85px 0 45px
}

.uploadSucceed .s1 {
    width: 65px;
    margin: 0 20px 0 115px;
    float: left
}

.uploadSucceed .s2 {
    line-height: 2.5em;
    float: left
}

.findPsw {
    padding: 30px;
    background-color: #fff;
    border-top: 1px dotted #d8dfe5
}

.findPsw th {
    font-size: 14px;
    text-align: right;
    font-weight: 400
}

.findPsw td {
    padding: 8px 0
}

.findPsw .btnGray {
    padding: 6px 15px;
    border-radius: 2px;
    background-color: #a7a7a7;
    display: inline-block
}

.findPsw a.btnGray:link, .findPsw a.btnGray:visited {
    color: #fff
}

.findPsw a.btnGray:active, .findPsw a.btnGray:hover {
    color: #fff;
    background-color: #5f52a0;
    text-decoration: none
}

.saveSucceed {
    width: 170px;
    height: 75px;
    line-height: 75px;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
    border: 1px solid #eee
}

.reduce-ico, .succeed-ico {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    vertical-align: middle;
    background: url(/web/images/save-succeed-ico.png) no-repeat;
    display: inline-block
}

.reduce-ico {
    margin-left: 15px;
    background: url(/web/images/p-reduce2-ico.png) no-repeat
}

.privilege {
    width: 1100px;
    margin: 20px auto 70px;
    position: relative
}

.privilege-nav {
    width: 273px;
    float: left
}

.privilege-cont {
    width: 800px;
    display: inline;
    float: right
}

.privilege-info {
    width: 231px;
    margin-bottom: 22px;
    padding: 18px 20px;
    border: 1px solid #eee
}

.privilege-info .avatar {
    width: 100px;
    margin-right: 10px;
    float: left
}

.privilege-info .info {
    line-height: 19px;
    float: left
}

.privilege-info .btnOrange {
    width: 190px;
    height: 30px;
    line-height: 30px
}

.privilege-info .btnOrange_centre {
    width: 147px;
    height: 43px;
    line-height: 43px;
    padding: 0 0 0 85px;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    background: #fa6f49 url(/web/images/pr-human-ico.png) no-repeat 60px 11px;
    _background: #e7542b url(/web/images/pr-human-ico_ie6.png) no-repeat 60px 11px;
    display: inline-block
}

.privilege-info .input {
    width: 225px;
    height: 22px;
    line-height: 22px;
    color: #ababab;
    text-indent: 5px;
    border: 1px solid #c7c7c7
}

.privilege-info .tb01 td {
    padding: 5px 0
}

.privilege-task {
    margin-bottom: 22px;
    padding: 18px 20px;
    border: 1px solid #eee
}

.privilege-task .col-title {
    margin: 0 0 15px
}

.privilege-task .col-title h2 {
    margin-left: 0
}

.privilege-task li {
    margin-bottom: 20px
}

.privilege-contact {
    padding: 0 20px 18px;
    border: 1px solid #eee
}

.privilege-type ul {
    background-color: #e1e1e1;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    overflow: hidden
}

.privilege-type li {
    width: 398px;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    border-right: 1px solid #eee;
    float: left
}

.privilege-type a {
    display: block;
    text-decoration: none
}

.privilege-type .selected {
    background-color: #f5f6f7
}

.privilege-type .last {
    border-right: none
}

.privilege-introduce {
    padding: 18px;
    border: 1px solid #eee;
    border-top: none;
    background-color: #f5f6f7
}

.privilege-introduce h3 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #000
}

.privilege-introduce .tb01 {
    margin: 15px 0 30px;
    font-size: 14px;
    color: #666;
    text-align: center
}

.privilege-introduce .tb01 th {
    height: 40px;
    line-height: 40px;
    font-weight: 400;
    background-color: #e5eef5
}

.privilege-introduce .tb01 td {
    height: 40px;
    line-height: 40px;
    background-color: #fafcfd
}

.privilege-introduce .tb01 tr {
    border: 1px solid #d4d4d5
}

.privilege-introduce .tb01 p {
    text-align: left
}

.privilege-introduce .tb02 {
    line-height: 24px;
    font-size: 12px
}

.privilege-introduce .tb02 h3 {
    font-size: 14px;
    color: #505050;
    text-align: center
}

.privilege-introduce .tb02 th {
    height: 40px;
    line-height: 40px;
    font-weight: 400;
    background-color: #e5eef5;
    border: 1px solid #d4d4d5
}

.privilege-introduce .tb02 td {
    padding: 10px;
    background-color: #fafcfd;
    border: 1px solid #d4d4d5
}

.privilege-introduce p {
    line-height: 2em;
    color: #333
}

.privilege-list {
    margin-bottom: 30px
}

.privilege-list .img {
    margin-bottom: 10px
}

.privilege-list .p1, .privilege-list .p2, .privilege-list .p3, .privilege-list .p4, .privilege-list .p5, .privilege-list .p6 {
    width: 208px;
    height: 157px;
    background: url(/web/images/privilege-ico.png) no-repeat;
    overflow: hidden;
    display: inline-block
}

.privilege-list .p2 {
    background-position: 0 -162px
}

.privilege-list .p3 {
    background-position: 0 -324px
}

.privilege-list .p4 {
    background-position: 0 -486px
}

.privilege-list .p5 {
    background-position: 0 -648px
}

.privilege-list .p6 {
    background-position: 0 -810px
}

.privilege-list h4 {
    width: 208px;
    margin-bottom: 10px;
    height: 15px;
    line-height: 15px;
    color: #f56f4a;
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.privilege-list h5 {
    width: 208px;
    height: 15px;
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.privilege-list li {
    width: 208px;
    margin-right: 15px;
    padding: 15px;
    background-color: #fff;
    float: left
}

.privilege-state {
    width: 800px;
    margin-bottom: 20px
}

.privilege-state h2 {
    line-height: 1em;
    color: #fe7048;
    font-size: 50px;
    font-weight: 700
}

.privilege-state h3 {
    line-height: 1em;
    color: #fe9477;
    font-size: 36px;
    font-weight: 700
}

.privilege-state h4 {
    line-height: 1em;
    margin-bottom: 10px;
    color: #fff;
    font-size: 28px;
    font-weight: 700
}

.privilege-state h5 {
    color: #fff;
    opacity: .6
}

.privilege-state .info {
    width: 470px;
    line-height: 2em;
    margin-right: 12px;
    padding: 20px 25px;
    color: #929191;
    border: 1px solid #eee;
    background-color: #f5f6f7;
    float: left
}

.privilege-state .btn {
    width: 262px;
    float: right
}

.privilege-state .grow {
    width: 300px;
    margin-right: 50px;
    float: left
}

.privilege-state .rate {
    width: 120px;
    padding-top: 50px;
    float: left
}

.privilege-state .avatar {
    width: 128px;
    margin-right: 25px;
    float: left
}

.privilege-state .text {
    line-height: 1.5em;
    padding-top: 20px;
    font-size: 24px;
    color: #a7a7a7;
    float: left
}

.privilege-state .plan {
    width: 280px;
    height: 15px;
    margin-top: 5px;
    background-color: #fce5d8;
    display: inline-block;
    position: relative
}

.privilege-state .ratio {
    position: absolute;
    top: 0;
    left: 0
}

.privilege-state a:link, .privilege-state a:visited {
    color: #fff;
    text-decoration: none
}

.privilege-state a:active, .privilege-state a:hover {
    color: #fff;
    text-decoration: none
}

.task-centre {
    width: 800px;
    display: inline;
    float: right
}

.task-ad {
    width: 800px;
    height: 341px;
    overflow: hidden;
    position: relative
}

.task-ad .pic {
    overflow: hidden
}

.task-ad .pic img {
    width: 800px;
    height: 298px;
    display: block
}

.task-ad .pic li {
    width: 800px;
    overflow: hidden;
    float: left
}

.task-ad .txt {
    width: 800px;
    overflow: hidden;
    background-color: #f5f6f7
}

.task-ad .txt li {
    width: 265px;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    text-align: center;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    float: left
}

.task-ad .txt a {
    color: #666;
    text-decoration: none
}

.task-ad .on {
    background-color: #464859
}

.task-ad .on a:link, .task-ad .on a:visited {
    color: #fff;
    text-decoration: none
}

.task-ad .on a:active, .task-ad .on a:hover {
    color: #fff;
    text-decoration: none
}

.task-classify {
    margin: 35px 0 20px;
    border-left: 1px solid #c8ced4;
    border-bottom: 1px solid #c8ced4
}

.task-classify ul {
    float: left
}

.task-classify li {
    width: 200px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    font-size: 14px;
    background-color: #f2f2f2;
    border-top: 1px solid #c8ced4;
    border-right: 1px solid #c8ced4;
    float: left
}

.task-classify li.selected {
    background-color: #fff;
    border-top: 1px solid red
}

.task-classify li a {
    display: block
}

.task-classify li a:link, .task-classify li a:visited {
    color: #7b7b7b
}

.task-classify li a:active, .task-classify li a:hover {
    text-decoration: none
}

.task-classify .floatR {
    padding-top: 5px
}

.task-classify .icoInfo {
    width: 14px;
    height: 14px;
    margin-right: 10px;
    vertical-align: middle;
    background: url(/web/images/task-info-ico.png) no-repeat;
    display: inline-block
}

.task-games .tb01 th {
    width: 105px;
    color: #666
}

.task-games .tb01 td {
    padding: 5px 0
}

.task-games li {
    margin: 5px 15px 5px 0;
    padding-right: 15px;
    border-right: 1px solid #c8ced4;
    float: left
}

.task-games .hide {
    display: none
}

.task-games a:link, .task-games a:visited {
    color: #666
}

.task-games a:active, .task-games a:hover {
    color: red
}

.task-list {
    margin-top: 25px
}

.task-list li {
    width: 394px;
    height: 142px;
    margin: 0 12px 20px 0;
    position: relative;
    float: left
}

.task-list .main {
    width: 373px;
    height: 113px;
    padding: 24px 0 0 15px;
    border: 1px solid #eee;
    background-color: #fff
}

.task-list h3 {
    line-height: 1.5em;
    font-size: 15px;
    font-weight: 700;
    color: #666
}

.task-list h4 {
    padding: 3px 7px;
    color: #eb6100;
    background-color: #e9e9eb;
    border-radius: 4px;
    display: inline-block
}

.task-list p {
    line-height: 1.8em
}

.task-list .col2 {
    margin-right: 0
}

.task-list .ico {
    width: 75px;
    padding-left: 10px;
    float: left
}

.task-list .text {
    width: 270px;
    float: left
}

.task-list .label1, .task-list .label2, .task-list .label3 {
    width: 31px;
    height: 66px;
    padding: 7px 0 0 42px;
    color: #fff;
    background: url(/web/images/task-label01-ico.png) no-repeat;
    display: inline-block;
    position: absolute;
    top: -2px;
    right: 1px
}

.task-list .label2 {
    background: url(/web/images/task-label02-ico.png) no-repeat
}

.task-list .label3 {
    background: url(/web/images/task-label03-ico.png) no-repeat
}

.task-ico1, .task-ico2, .task-ico3, .task-ico4, .task-ico5, .task-ico6 {
    width: 56px;
    height: 56px;
    background: url(/web/images/task-ico.png) no-repeat;
    display: inline-block;
    overflow: hidden
}

.task-ico2 {
    background-position: 0 -71px
}

.task-ico3 {
    background-position: 0 -142px
}

.task-ico4 {
    background-position: 0 -213px
}

.task-ico5 {
    background-position: 0 -284px
}

.task-ico6 {
    background-position: 0 -355px
}

.task-star1, .task-star2, .task-star3, .task-star4, .task-star5 {
    width: 71px;
    height: 11px;
    background: url(/web/images/task-star-ico.png) no-repeat;
    display: inline-block;
    overflow: hidden
}

.task-star2 {
    background-position: 0 -21px
}

.task-star3 {
    background-position: 0 -42px
}

.task-star4 {
    background-position: 0 -63px
}

.task-star5 {
    background-position: 0 -84px
}

.task-btn-done, .task-btn-get, .task-btn-go {
    width: 58px;
    height: 20px;
    padding-top: 2px;
    text-align: center;
    background: url(/web/images/task-btn-01.png) no-repeat;
    display: inline-block
}

.task-btn-get {
    background: url(/web/images/task-btn-02.png) no-repeat
}

.task-btn-done {
    background: url(/web/images/task-btn-03.png) no-repeat;
    color: #969696
}

.task-btn-get:hover, .task-btn-go:hover {
    background-position: 0 -22px
}

.task-list a:link, .task-list a:visited {
    color: #fff;
    text-decoration: none
}

.task-list a:active, .task-list a:hover {
    color: #fff;
    text-decoration: none
}

.list_pagebar {
    width: 100%;
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    color: #666;
    font-family: microsoft yahei, Arial, SimSun, \5b8b\4f53, sans-serif
}

.list_pagebar a {
    display: inline-block;
    padding: 0 4px
}

.list_pagebar a:link, .list_pagebar a:visited {
    color: #f56f4a;
    text-decoration: none
}

.list_pagebar a:hover {
    background: #f56f4a;
    color: #fff;
    text-decoration: none
}

.list_pagebar a.now {
    font-weight: 700
}

.list_pagebar a.now:hover, .list_pagebar a.now:link, .list_pagebar a.now:visited {
    color: #666;
    background: 0 0
}

.list_pagebar .page_total {
    padding: 0 33px
}

.list_pagebar .page_box {
    border: 1px solid #ddd;
    height: 19px;
    font-size: 16px;
    line-height: 19px;
    padding: 0 2px;
    text-align: center;
    margin: 0 2px
}

.task-query {
    width: 798px;
    margin-left: 25px;
    padding-top: 15px;
    float: left
}

.task-query-top {
    margin-bottom: 30px;
    overflow: hidden
}

.task-query-top .s1 {
    width: 250px;
    float: left
}

.task-query-top .s2 {
    width: 190px;
    float: right
}

.task-query-top .s2 ul {
    overflow: hidden
}

.task-query-top .s2 li {
    width: 60px;
    line-height: 1.5em;
    border-right: 1px solid #666;
    text-align: center;
    float: left
}

.task-query-top .s2 li.last {
    border-right: none
}

.task-query-top .s3 {
    margin-left: 27px
}

.task-query-top .ico {
    width: 17px;
    height: 17px;
    margin-right: 10px;
    vertical-align: middle;
    background: url(/web/images/task-query-ico.png) no-repeat;
    display: inline-block
}

.task-query-nav {
    margin-bottom: 25px
}

.task-query-nav ul {
    overflow: hidden;
    border-left: 1px solid #c8ced4
}

.task-query-nav li {
    width: 198px;
    padding: 8px 0;
    border-top: 1px solid #c8ced4;
    border-right: 1px solid #c8ced4;
    border-bottom: 1px solid #c8ced4;
    text-align: center;
    font-size: 13px;
    background-color: #f2f2f2;
    float: left
}

.task-query-nav li.on {
    background-color: #fff;
    border-top: 1px solid red
}

.task-query-cont {
    border: 1px solid #eee
}

.task-query-cont .tb01 {
    margin: 15px 0 40px 40px
}

.task-query-cont .tb01 th {
    padding: 8px 0;
    background-color: #f2f2f2;
    font-weight: 400;
    border: 1px solid #c7c7c7
}

.task-query-cont .tb01 td {
    padding: 8px 0;
    border: 1px solid #c7c7c7;
    text-align: center
}

.task-query-cont .tb02 {
    margin-left: 40px
}

.task-query-cont .tb02 input {
    width: 120px;
    padding: 4px 5px;
    border: 1px solid #c7c7c7
}

.task-query-cont .tb03 {
    margin-left: 20px;
    color: #666
}

.task-query-cont .tb03 td {
    padding: 5px 0
}

.task-query-cont .tb03 input {
    width: 220px;
    padding: 2px 5px;
    border: 1px solid #c7c7c7
}

.task-social {
    height: 725px;
    padding: 0 25px 25px;
    border: 1px solid #eee
}

.task-social ul {
    margin-top: 10px;
    overflow: hidden
}

.task-social li {
    width: 308px;
    height: 102px;
    margin: 25px;
    border: 1px solid #eee;
    background-color: #f5f6f7;
    position: relative;
    float: left
}

.ts-ico1, .ts-ico2, .ts-ico3, .ts-ico4 {
    width: 76px;
    height: 77px;
    background: url(/web/images/ts01-ico.png) no-repeat;
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 18px
}

.ts-ico2 {
    background: url(/web/images/ts02-ico.png) no-repeat
}

.ts-ico3 {
    background: url(/web/images/ts03-ico.png) no-repeat
}

.ts-ico4 {
    background: url(/web/images/ts04-ico.png) no-repeat
}

.btn-ts {
    padding: 8px 25px;
    background-color: #464859;
    border-radius: 2px;
    display: inline-block;
    position: absolute;
    top: 36px;
    left: 145px
}

a.btn-ts:link, a.btn-ts:visited {
    color: #fff
}

a.btn-ts:active, a.btn-ts:hover {
    color: #fff;
    background-color: #5f52a0;
    text-decoration: none
}

.ts-relieve {
    line-height: 2em;
    position: absolute;
    top: 25px;
    left: 145px
}

.ts-relieve h3 {
    width: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left
}

.task-pop {
    width: 458px;
    border: 1px solid #c7c7c7;
    background-color: #fff;
    position: absolute;
    display: none
}

.task-pop .col-title {
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid #c7c7c7;
    background-color: #f2f2f2;
    position: relative
}

.task-pop .btnClose {
    width: 22px;
    height: 20px;
    background: url(/web/images/task-pop-close.png) no-repeat;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top: 12px;
    right: 12px
}

.task-pop .btnClose:hover {
    background-position: 0 -20px
}

.task-pop .main {
    line-height: 1.6em;
    padding: 25px 80px
}

.task-pop .input {
    width: 200px;
    padding: 3px 5px;
    border: 1px solid #c7c7c7
}

.task-pop .operate {
    overflow: hidden
}

.task-pop .s1 {
    margin-right: 10px;
    float: left
}

.task-pop .s2 {
    float: left
}

.task-pop table {
    margin-left: 30px
}

.task-pop td {
    padding: 4px 0
}

.privilege-pop {
    width: 430px;
    margin: 0 auto;
    position: relative
}

.privilege-pop .title {
    height: 20px;
    padding: 12px 0;
    background-color: #464859
}

.privilege-pop h2 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

.privilege-pop h3 {
    line-height: 1em;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
    text-align: center
}

.privilege-pop p {
    text-align: center
}

.privilege-pop .main {
    padding: 30px 0;
    background-color: #fff
}

.privilege-pop .btnClose {
    width: 12px;
    height: 12px;
    background: url(/web/images/close03-ico.png) no-repeat;
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 18px
}

.ranking-pop {
    width: 960px;
    margin: 35px auto 0
}

.ranking-pop h2 {
    line-height: 1em;
    margin-right: 35px;
    font-size: 16px;
    color: #464859;
    float: left
}

.ranking-pop h3 {
    line-height: 1em;
    padding-top: 2px;
    font-size: 14px;
    color: #464859;
    float: left
}

.ranking-pop .text {
    height: 20px;
    padding-bottom: 20px;
    overflow: hidden
}

.ranking-pop .tb01 {
    border: 1px solid #e9e9ea
}

.ranking-pop .tb01 th {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    background-color: #fff
}

.ranking-pop .tb01 td {
    padding: 12px 0;
    text-align: center;
    background-color: #eaf2f9
}

.ranking-pop .tb01 .even td {
    background-color: #fff
}

.payoff-pop {
    width: 960px;
    margin: 0 auto;
    padding: 50px;
    background-color: #fff;
    position: relative
}

.payoff-pop h2 {
    margin-bottom: 20px;
    font-size: 16px;
    color: #464859;
    text-align: center
}

.payoff-pop table {
    margin: 10px auto 20px
}

.payoff-pop tr {
    border: 1px solid #e9e9ea
}

.payoff-pop td {
    padding: 12px 0;
    text-align: center;
    border: 1px solid #e9e9ea
}

.payoff-pop th {
    padding: 12px 0;
    border: 1px solid #e9e9ea;
    background-color: #eaf2f9
}

.payoff-pop .btnClose {
    width: 21px;
    height: 21px;
    background: url(/web/images/close02-ico.png) no-repeat;
    display: inline-block;
    position: absolute;
    top: 17px;
    right: 17px
}

.payoff-pop .tb02 td {
    padding-left: 15px;
    text-align: left
}

.payoff-pop .tb02 th {
    padding-right: 10px;
    text-align: right
}

.payoff-pop .tb02 select {
    margin-right: 10px
}

.payoff-pop .tb02 input {
    padding: 4px 10px;
    border: 1px solid #ccc
}

.payoff-pop .tb02 textarea {
    padding: 10px;
    border: 1px solid #ccc
}

.btnGrow, .btnGrowRank {
    width: 125px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #7a879f;
    display: inline-block;
    border-radius: 2px
}

.btnGrowRank {
    text-indent: 22px;
    background: #5a5d71 url(/web/images/pr-top-ico.png) no-repeat 23px 10px
}

.btnGrow:hover, .btnGrowRank:hover {
    background-color: #5f52a0
}

.btnLottery, .btnSalary {
    width: 227px;
    height: 77px;
    padding: 20px 0 0 35px;
    color: #b8f1c0;
    background: url(/web/images/pr-lottery-ico.png) no-repeat;
    display: inline-block;
    overflow: hidden
}

.btnSalary {
    color: #afe7ff;
    background: url(/web/images/pr-salary-ico.png) no-repeat
}

.btnLottery:hover, .btnSalary:hover {
    background-position: 0 -97px
}

.btnLotteryNot, .btnSalaryNot {
    width: 227px;
    height: 77px;
    padding: 20px 0 0 35px;
    color: #fff;
    background: url(/web/images/pr-btn-ico.png) no-repeat;
    display: inline-block;
    overflow: hidden
}

.btnSalaryNot {
    background-position: 0 -97px
}

.sysinfo {
    width: 1100px;
    height: 434px;
    margin: 15px auto 0;
    overflow: hidden;
    position: relative
}

.sysinfo h2 {
    font-size: 14px;
    color: #f56f4a
}

.sysinfo h3 {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 700
}

.sysinfo .icoHint, .sysinfo .icoSpk {
    width: 23px;
    height: 23px;
    margin-right: 15px;
    vertical-align: middle;
    background: url(/web/images/sysinfo-spk-ico.png) no-repeat;
    display: inline-block
}

.sysinfo .icoHint {
    width: 19px;
    height: 18px;
    margin-right: 5px;
    background: url(/web/images/sysinfo-hint-ico.png) no-repeat
}

.sysinfo .textInfo {
    width: 600px;
    line-height: 2em;
    font-size: 16px;
    color: #464859;
    position: absolute;
    top: 260px;
    left: 495px
}

.sysinfo .popLogin {
    width: 270px;
    height: 260px;
    padding: 20px 15px;
    color: #fff;
    background-color: #6b6e86;
    position: absolute;
    top: 50px;
    left: 725px
}

.sysinfo .input {
    width: 130px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 4px
}

.sysinfo .tb01 td {
    padding: 6px 0;
    font-size: 14px
}

.sysinfo .btnLogin {
    width: 90px;
    height: 32px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    background-color: #f56f4a;
    border-radius: 4px;
    display: inline-block
}

.sysinfo a.a_White:link, .sysinfo a.a_White:visited {
    color: #fff
}

.sysinfo a.a_White:active, .sysinfo a.a_White:hover {
    color: #fff;
    text-decoration: underline
}

.bg404 {
    background: url(/web/images/bg_404.png) no-repeat
}

.bg500 {
    background: url(/web/images/bg_500.png) no-repeat
}

.bgRepair {
    background: url(/web/images/bg_repair.png) no-repeat
}

.bgLogin {
    background: url(/web/images/bg_login.png) no-repeat
}

.sys-back {
    width: 1100px;
    margin: 0 auto
}

.sys-back h1 {
    padding: 70px 0 40px;
    border-bottom: 1px solid #eee;
    font-size: 38px;
    line-height: 1em;
    color: #676767;
    text-align: center
}

.sys-back .text {
    margin: 40px 0 30px;
    line-height: 2em;
    text-align: center;
    font-size: 14px
}

.sys-back .login-text {
    padding: 45px 200px;
    border: 1px solid #eee;
    background-color: #f9f8f8
}

.sys-back .tb1 th {
    width: 150px;
    text-align: right;
    font-weight: 400
}

.sys-back .tb1 td {
    padding: 5px 0
}

.sys-back input {
    width: 180px;
    padding: 5px;
    border: 1px solid #ccc
}

.sys-back .ico1 {
    width: 65px;
    height: 65px;
    background: url(/web/images/popwin-remind-2-ico.png) no-repeat;
    display: inline-block
}

.detail-cont {
    width: 800px;
    margin-left: 30px;
    padding: 25px 30px;
    font-size: 14px;
    border: 1px solid #eee;
    float: left
}

.detail-cont h1 {
    line-height: 1em;
    margin-bottom: 20px;
    font-size: 19px;
    font-weight: 700
}

.detail-cont h2 {
    line-height: 1em;
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    color: #c9c9c9;
    font-style: italic;
    border-bottom: 1px dotted #d8dfe5
}

.detail-cont h3 {
    line-height: 1em;
    margin-bottom: 15px;
    padding-bottom: 10px;
    font-size: 14px;
    color: #fd6f48;
    font-weight: 700;
    border-bottom: 2px solid #fd6f48
}

.detail-cont p {
    margin-bottom: 15px;
    line-height: 1.8em
}

.ranking-list {
    width: 1100px;
    margin: 20px auto 50px
}

.ranking-list h1 {
    padding: 20px 0;
    background-color: #4f81bd;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

.ranking-list p {
    line-height: 2em;
    font-size: 14px
}

.ranking-list td, .ranking-list th {
    padding: 15px 0;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #b4bac1
}

.ranking-list th {
    background-color: #83a3c5
}

.ranking-list td {
    text-align: center
}

.ranking-list tr {
    background-color: #e5eaef
}

.dialog-f {
    z-index: 10000;
    background: #fff;
    font-size: 12px;
    text-align: center;
    position: fixed;
    left: 50%;
    bottom: 80px;
    margin-left: 591px;
    width: 267px;
    height: 328px;
    border: 1px solid #eee
}

.dialog-f-header {
    line-height: 49px;
    color: #fff;
    background: #f96f49
}

.dialog-f-close {
    cursor: pointer;
    position: absolute;
    top: 1px;
    right: 1px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(/web/images/dialog_f_icon.png) 0 -120px no-repeat
}

.dialog-f-con {
    border-top: 1px solid #eee;
    padding-top: 7px;
    color: #666
}

.dialog-f-con h2 {
    line-height: 60px;
    font-size: 18px;
    font-weight: 700
}

.dialog-f-list {
    margin-left: 37px
}

.dialog-f-list .list-item {
    float: left;
    margin-right: 10px
}

.dialog-f-list .list-item a {
    text-decoration: none;
    overflow: hidden;
    display: block;
    width: 57px;
    height: 57px;
    background: url(/web/images/dialog_f_icon.png) 0 -60px no-repeat
}

.dialog-f-list .list-item a:hover {
    background-position: 0 0;
    color: #fff
}

.dialog-f-list .list-item span {
    display: block
}

.dialog-f-list .list-item-tp {
    margin-top: 14px
}

.dialog-f-list .list-item-bt {
    font-weight: 700;
    margin-top: 4px
}

.dialog-f-defeat-des {
    line-height: 47px;
    font-size: 14px
}

.dialog-f-defeat-des .num {
    color: #f56f4a
}

.dialog-f-con .link-wrap {
    border-top: 1px solid #eee;
    margin-top: 11px
}

.dialog-f-con .link {
    text-decoration: underline;
    text-align: left;
    width: 132px;
    height: 94px;
    float: left;
    *display: inline
}

.dialog-f-con .link span {
    display: block;
    margin-left: 18px;
    font-size: 14px;
    line-height: 20px
}

.dialog-f-con .link_1 {
    border-right: 1px solid #eee
}

.dialog-f-con .link-num {
    font-weight: 700;
    margin-top: 27px;
    font-size: 16px
}

.dialog-f-con .link:hover {
    color: #f56f4a
}

.dialog-f-con .icon {
    float: right;
    width: 23px;
    height: 19px;
    margin-right: 15px
}

.dialog-f-con .icon_leaf {
    background: url(/web/images/dialog_f_icon.png) -25px -123px no-repeat
}

.dialog-f-con .icon_task {
    background: url(/web/images/dialog_f_icon.png) 0 -146px no-repeat
}

.pointer{
    cursor: pointer;
}