* {
    margin: 0 auto;
    padding: 0;
    outline: 0
}

body {
    font-family: "Microsoft Yahei", "微软雅黑", Tahoma, SimSun;
    font-size: 14px;
    line-height: 26px;
    color: #333;
    _background-image: url(about:blank);
    _background-attachment: fixed;
    overflow-x: hidden
}

a {
    color: #333;
    text-decoration: none;
    transition: color .7s
}

a:hover {
    color: #ff7d00;
    transition: color .7s
}

ul {
    list-style: none
}

img {
    border: none;
    display: block
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400
}

.fl {
    float: left;
    _display: inline
}

.fr {
    float: right;
    _display: inline
}

.cf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.cf {
    *zoom: 1
}

.imgDef a:hover img {
    opacity: .8;
    filter: alpha(opacity=80);
    transition: opacity .7
}

input {
    font-family: "Microsoft Yahei", "微软雅黑", Tahoma, SimSun
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb40 {
    margin-bottom: 40px
}

.mb30 {
    margin-bottom: 30px
}

.entranceRight {
    position: fixed;
    _position: absolute;
    width: 50px;
    height: 140px;
    left: 50%;
    margin-left: 520px;
    bottom: 5px;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-  this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt (this.currentStyle.marginBottom, 10)||0)))
}

.entranceRight a {
    display: block;
    width: 50px;
    height: 50px;
    margin-bottom: 1px;
    border-radius: 3px;
    opacity: .5;
    filter: alpha(opacity=50);
    background: url(../images/public_v2.png) 0 -280px #3c74f2 no-repeat
}

.entranceRight a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background: url(../images/public_v2.png) 0 -280px #3c74f2 no-repeat
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x
}

.sp {
    background: url(../images/d0901sp.png) no-repeat
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mb55 {
    margin-bottom: 55px
}

.box {
    width: 980px
}

.maxAd {
    width: 100%;
    height: 440px
}

.maxAd .close {
    width: 1020px;
    height: 40px;
    position: relative
}

.maxAd .close em {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 15px;
    cursor: pointer;
    display: block;
    background-position: -451px -84px
}

.mainAd {
    width: 980px;
    margin-top: -360px;
    background-color: #fff;
    padding: 0 20px
}

.header {
    height: 120px;
    position: relative
}

.header .logo {
    position: absolute;
    top: 30px;
    left: 0;
    width: 220px;
    height: 60px;
    text-indent: -999em
}

.header .logoIcon {
    position: absolute;
    top: 45px;
    left: 265px;
    width: 290px;
    height: 25px;
    background-position: 0 -62px
}

.header .search {
    width: 200px;
    height: 30px;
    position: absolute;
    right: 180px;
    top: 45px;
    border: 1px solid #d2d2d2;
    border-radius: 30px
}

.header .search .searchText {
    width: 155px;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    float: left;
    border: none;
    margin-left: 15px;
    color: #666
}

.header .search .searchText:focus::-webkit-input-placeholder {
    color: #999
}

.header .search .searchText:focus::-ms-input-placeholder {
    color: #999
}

.header .search .searchText:focus::-o-input-placeholder {
    color: #999
}

.header .search .searchBut {
    width: 19px;
    height: 19px;
    background-position: -482px -78px;
    float: left;
    border: none;
    margin-top: 5px;
    cursor: pointer
}

.header .ewmPos1 {
    position: absolute;
    width: 70px;
    height: 95px;
    top: 15px;
    right: 80px
}

.header .ewmPos1 img {
    width: 70px;
    height: 70px
}

.header .ewmPos1 span {
    display: block;
    width: 70px;
    height: 25px;
    text-align: center;
    overflow: hidden
}

.header .ewmPos2 {
    position: absolute;
    width: 70px;
    height: 95px;
    top: 15px;
    right: 0
}

.header .ewmPos2 img {
    width: 70px;
    height: 70px
}

.header .ewmPos2 span {
    display: block;
    width: 70px;
    height: 25px;
    text-align: center;
    overflow: hidden
}

.nav {
    height: 50px;
    background-color: #4170d8;
    position: relative;
    margin-bottom: 35px
}

.nav .navCont li {
    width: 105px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    float: left;
    text-align: center;
    background-color: #4170d8;
    transition: background-color .7s
}

.nav .navCont li a {
    font-size: 16px;
    color: #fff
}

.nav .navCont li:hover {
    background-color: #2256cc;
    transition: background-color .7s
}

.nav .navCont li .navBotList {
    width: 610px;
    transition: all .9s;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    box-shadow: 0 0 4px 0 rgba(4, 0, 0, .4);
    padding-right: 25px;
    margin-left: -250px;
    *margin-left: -340px;
    position: absolute;
    border: 1px solid #d7d8dc \9;
    border-top: none \9;
    top: 50px;
    opacity: 0;
    display: none
}

.nav .navCont li .navBotList .navBotIcon {
    width: 15px;
    height: 8px;
    background-position: -449px -1px;
    position: absolute;
    top: -7px;
    left: 295px;
    display: block
}

.nav .navCont li .navBotList div {
    float: left;
    margin-left: 25px
}

.nav .navCont li .navBotList div a {
    color: #4170d8
}

.nav .navCont li .navBotList div a:hover {
    color: #ff7d00;
    transition: color .9s
}

.nav .navCont li .navBotList2 {
    width: 685px;
    transition: all .9s;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    box-shadow: 0 0 4px 0 rgba(4, 0, 0, .4);
    padding-right: 25px;
    margin-left: -610px;
    *margin-left: -700px;
    position: absolute;
    border: 1px solid #d7d8dc \9;
    border-top: none \9;
    top: 50px;
    opacity: 0;
    display: none
}

.nav .navCont li .navBotList2 .navBotIcon {
    width: 15px;
    height: 8px;
    background-position: -449px -1px;
    position: absolute;
    top: -7px;
    left: 635px;
    display: block
}

.nav .navCont li .navBotList2 div {
    float: left;
    margin-left: 25px
}

.nav .navCont li .navBotList2 div a {
    color: #4170d8
}

.nav .navCont li .navBotList2 div a:hover {
    color: #ff7d00;
    transition: color .9s
}

.nav .navCont li .navBotListHover, .nav .navCont li .navBotList2Hover {
    display: block;
    opacity: 1;
    transition: all .6s
}

.nav .navCont .navfix {
    width: 65px !important
}

.newsTop {
    width: 940px;
    height: 45px;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px
}

.newsTop .icon {
    display: block;
    width: 60px;
    height: 35px;
    background-position: -230px 0;
    position: absolute;
    left: 0;
    top: 8px
}

.newsTop h3 {
    position: absolute;
    width: 845px;
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    right: 0;
    top: 0;
    overflow: hidden;
    display: block
}

.newsTop h3 a {
    font-size: 34px;
    color: #3f4694
}

.newsTop h3 a:hover {
    color: #ff7d00;
    transition: color .7s
}

.plate1 {
    margin-bottom: 30px
}

.hot {
    width: 455px;
    height: 280px;
    float: left;
    overflow: hidden;
    position: relative
}

.hot .hotTop {
    height: 85px;
    margin-bottom: 10px
}

.hot .hotTop h5 {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    overflow: hidden;
    margin-bottom: 5px
}

.hot .hotTop h5 span {
    display: block;
    width: 60px;
    height: 25px;
    float: left;
    margin-top: 2px;
    background-position: -298px 0
}

.hot .hotTop h5 .tta {
    width: 385px;
    float: right;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    display: block;
    font-size: 24px
}

.hot .hotTop p {
    height: 45px;
    overflow: hidden;
    line-height: 24px;
    color: #666
}

.hot .hotBot {
    height: 115px;
    border-bottom: 1px dashed #333
}

.hot .hotBot h5 {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    overflow: hidden;
    margin-bottom: 5px
}

.hot .hotBot h5 a {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    display: block;
    font-size: 24px
}

.hot .hotBot ul li {
    height: 24px;
    line-height: 24px;
    overflow: hidden
}

.hot .winning {
    position: absolute;
    width: 360px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    overflow: hidden;
    left: 0;
    top: 231px
}

.hot .winning em {
    display: block;
    width: 17px;
    height: 20px;
    background-position: -369px 2px;
    float: left;
    margin-right: 5px
}

.hot .winning span {
    color: #d31618;
    float: left;
    font-weight: 700;
    display: block;
    margin-right: 5px
}

.hot .winning strong {
    color: red
}

.hot .winning #scrollobj {
    white-space: nowrap;
    overflow: hidden;
    width: 250px
}

.hot .jackpot {
    position: absolute;
    width: 360px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    overflow: hidden;
    left: 0;
    top: 262px
}

.hot .jackpot em {
    display: block;
    width: 17px;
    height: 20px;
    background-position: -394px 0;
    float: left;
    margin-right: 5px
}

.hot .jackpot span {
    color: #d31618;
    float: left;
    font-weight: 700;
    display: block;
    margin-right: 5px
}

.hot .prix {
    width: 50px;
    height: 49px;
    padding: 3px 10px;
    background-color: #fff;
    border: 1px solid #f29a76;
    position: absolute;
    display: block;
    right: 0;
    line-height: 24px;
    top: 223px;
    color: #f87034;
    font-size: 16px;
    text-align: center;
    transition: all .7s
}

.hot .prix:hover {
    border: 1px solid #fff;
    background-color: #f29a76;
    color: #fff;
    transition: all .7s
}

.egSwiper {
    width: 500px;
    height: 280px;
    position: relative;
    float: right
}

.egSwiper .swiper-slide {
    position: relative
}

.egSwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    transition: all .5s
}

.egSwiper .swiper-slide img:hover {
    transform: scale(1.1);
    transition: all .5s
}

.egBgk {
    width: 500px;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#66000000, endColorstr=#66000000)
}

.egBgk a {
    width: 370px;
    float: left;
    display: block;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    color: #fff
}

.egBgk a:hover {
    color: #ff7d00
}

:root .egBgk {
    filter: none
}

.egPagin {
    position: absolute;
    right: 5px;
    bottom: 12px
}

.egPagin .swiper-pagination-switch {
    float: left;
    font-size: 0;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #fff
}

.egPagin .swiper-active-switch {
    background-color: #5bceff
}

.arrow {
    display: none;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    background: url(../images/d0901sp.png) no-repeat;
    cursor: pointer
}

.arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #333
}

.arrowL {
    background-position: -457px -33px;
    left: 0
}

.arrowR {
    background-position: -480px -33px;
    right: 0
}

.tlAd {
    height: 80px;
    margin-bottom: 35px
}

.tlAd img {
    width: 980px;
    height: 80px
}

.plate2 {
    width: 630px;
    height: 190px;
    margin-bottom: 20px
}

.copyTit {
    width: 100%;
    height: 30px;
    border-bottom: 3px solid #e5e5e5;
    margin-bottom: 15px
}

.copyTit li {
    cursor: pointer;
    float: left;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    width: 70px;
    text-align: center;
    font-size: 16px;
    margin-right: 15px
}

.copyTit .on {
    background: url(../images/d0901sp.png) no-repeat;
    background-position: -440px 25px;
    border-bottom: 3px solid #2257cf
}

.plate2Cont li {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-position: -496px 4px;
    padding-left: 15px;
    overflow: hidden
}

.plate2Cont a {
    float: left
}

.plate2Cont em {
    float: left;
    margin-left: 15px;
    height: 25px;
    line-height: 25px;
    background-color: #1b57d1;
    display: block;
    width: 70px;
    text-align: center;
    font-style: normal
}

.plate2Cont em a {
    width: 70px;
    display: block;
    color: #fff
}

.voids {
    width: 320px;
    margin-bottom: 25px
}

.voids .voidsTab {
    height: 30px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px
}

.voids .voidsTab .voidIcon {
    width: 58px;
    height: 25px;
    background-position: -297px -28px;
    display: block;
    float: left;
    margin-right: 40px
}

.voids .voidsTab ul li {
    float: left;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer
}

.voids .voidsTab ul #void1 {
    width: 70px
}

.voids .voidsTab ul #void2 {
    width: 100px
}

.voids .voidsTab ul #void3 {
    width: 50px
}

.voids .voidsTab ul .on {
    background-color: #e0262b;
    color: #fff;
    transition: background-color .7s
}

.voids .voidCont {
    height: 540px
}

.voids .voidCont .voidTop {
    width: 320px;
    height: 180px;
    position: relative;
    margin-bottom: 10px
}

.voids .voidCont .voidTop img {
    width: 320px;
    height: 180px;
    position: absolute;
    left: 0;
    top: 0
}

.voids .voidCont .voidTop .voidBlock {
    width: 320px;
    height: 60px;
    background: url(../images/d0901bg.png) repeat-x;
    position: absolute;
    bottom: 0;
    left: 0
}

.voids .voidCont .voidTop .voidFont {
    height: 25px;
    line-height: 25px;
    position: absolute;
    bottom: 10px;
    width: 300px;
    padding: 0 10px;
    overflow: hidden;
    color: #fff
}

.voids .voidCont .voidTop .voidFont em {
    width: 25px;
    height: 25px;
    background-position: -418px 0;
    float: left;
    margin-right: 5px
}

.voids .voidCont .voidFontCont {
    height: 72px;
    overflow: hidden;
    margin-bottom: 20px
}

.voids .voidCont .voidul {
    width: 320px;
    overflow: hidden
}

.voids .voidCont .voidul li {
    line-height: 24px;
    background-position: -496px 0;
    padding-left: 10px;
    height: 24px;
    vertical-align: middle;
    overflow: hidden
}

.voids .voidCont .voidulLeft, .voids .voidCont .voidulRight {
    width: 155px;
    overflow: hidden
}

.voids .voidCont .voidulLeft li, .voids .voidCont .voidulRight li {
    line-height: 24px;
    background-position: -496px 0;
    padding-left: 10px;
    height: 24px;
    vertical-align: middle;
    overflow: hidden
}

.ztTab {
    width: 320px;
    height: 30px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px
}

.ztTab .ztIcon {
    width: 58px;
    height: 25px;
    background-position: -362px -27px;
    display: block;
    float: left;
    margin-right: 40px
}

.vSwiper {
    clear: both;
    width: 320px;
    height: 215px;
    position: relative;
    float: right;
    margin-bottom: 20px;
    margin-top: -15px;
    *margin-top: 1px
}

.vSwiper .swiper-slide {
    position: relative
}

.vSwiper .swiper-slide img {
    width: 320px;
    height: 180px;
    transition: all .7s
}

.vSwiper .swiper-slide img:hover {
    transform: scale(1.1);
    transition: all .7s
}

.vSwiper .egBgk {
    width: 300px;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff
}

.vSwiper .egBgk a {
    color: #333;
    width: 300px;
    float: left;
    display: block;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    font-size: 16px
}

.vSwiper :root .egBgk {
    filter: none
}

.vSwiper .varrow {
    display: none;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    background: url(../images/d0901sp.png) no-repeat;
    cursor: pointer
}

.vSwiper .varrow:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #333
}

.vSwiper .varrowL {
    background-position: -457px -33px;
    left: 0
}

.vSwiper .varrowR {
    background-position: -480px -33px;
    right: 0
}

.ad3 {
    clear: both;
    height: 80px;
    margin-bottom: 30px
}

.ad3 li {
    width: 310px;
    height: 80px;
    margin-right: 25px;
    float: left
}

.ad3 li img {
    width: 310px;
    height: 80px
}

.plate3 {
    width: 630px;
    float: left;
    margin-bottom: 30px;
    height: 275px;
    overflow: hidden
}

.plate3Cont {
    width: 630px;
    float: left
}

.plate3Cont .plate3Top {
    width: 630px;
    height: 155px;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px
}

.plate3Cont .plate3Top img {
    width: 275px;
    height: 155px;
    position: absolute;
    left: 0;
    top: 0
}

.plate3Cont .plate3Top h4 {
    display: block;
    width: 345px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden
}

.plate3Cont .plate3Top h4 a {
    font-size: 16px
}

.plate3Cont .plate3Top p {
    width: 345px;
    height: 100px;
    float: right;
    overflow: hidden;
    line-height: 24px;
    color: #666;
    position: absolute;
    top: 40px;
    right: 0
}

.plate3Cont .plate3Bot {
    height: 55px
}

.plate3Cont .plate3Bot .plate3ul {
    width: 310px
}

.plate3Cont .plate3Bot .plate3ul li {
    width: 300px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    background-position: -496px 0;
    padding-left: 10px
}

.plate4 {
    width: 320px;
    margin-bottom: 20px
}

.plate4 .copyTit {
    margin-bottom: 0
}

.plate4 .plate4Cont {
    width: 280px;
    height: 220px;
    padding: 15px 20px;
    background-color: #f7f8f9
}

.plate4 .plate4Cont li {
    line-height: 28px;
    height: 28px;
    vertical-align: middle;
    overflow: hidden
}

.ad4 {
    clear: both;
    width: 320px;
    height: 265px;
    overflow: hidden
}

.ad4 li {
    width: 320px;
    height: 75px;
    margin-bottom: 20px
}

.ad4 li img {
    width: 320px;
    height: 75px
}

.linkTop {
    clear: both;
    width: 100%;
    height: 30px;
    border-bottom: 3px solid #e5e5e5;
    margin-bottom: 20px
}

.linkTop span {
    width: 65px;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    display: block;
    border-bottom: 3px solid #2550d3;
    float: left
}

.linkList {
    margin-bottom: 40px;
    min-height: 28px
}

.linkList li {
    line-height: 28px;
    float: left;
    height: 28px;
    margin-right: 20px
}

.footer {
    height: 40px;
    background-color: #f3f3f3
}

.footer .footCont {
    height: 40px;
    line-height: 40px
}

.footer .footCont span {
    font-size: 12px;
    margin-right: 35px;
    color: #999
}

.footer .footCont span a {
    font-size: 12px;
    margin-right: 10px;
    color: #999
}

.lottery {
    width: 628px;
    height: 670px;
    border: 1px solid #d3d3d3;
    margin-bottom: 20px;
    border-bottom: none;
    *margin-bottom: 10px
}

.lottery .lottrtyTop {
    height: 39px;
    line-height: 39px;
    border-bottom: 1px solid #d3d3d3;
    padding-left: 10px;
    font-size: 16px
}

.lottery .lotteryLi {
    height: 89px;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
    *height: 86px
}

.lottery .lotteryLi .icon {
    position: absolute;
    display: block;
    width: 51px;
    height: 51px;
    left: 10px;
    top: 19px
}

.lottery .lotteryLi .ssq {
    background-position: 0 -94px
}

.lottery .lotteryLi .sd {
    width: 52px;
    height: 52px;
    background-position: -58px -94px
}

.lottery .lotteryLi .klc {
    width: 68px;
    height: 36px;
    background-position: -117px -94px;
    top: 25px
}

.lottery .lotteryLi .qcl {
    width: 58px;
    height: 49px;
    background-position: -190px -94px
}

.lottery .lotteryLi .ljy {
    width: 55px;
    height: 48px;
    background-position: -255px -94px
}

.lottery .lotteryLi .swxw {
    width: 54px;
    height: 54px;
    background-position: -317px -94px
}

.lottery .lotteryLi .ke {
    width: 59px;
    height: 41px;
    background-position: -379px -94px
}

.lottery .lotteryLi .info {
    height: 20px;
    position: absolute;
    line-height: 20px;
    left: 100px;
    top: 10px
}

.lottery .lotteryLi .info em {
    font-style: normal;
    color: #284da1;
    float: left;
    margin-right: 20px;
    font-size: 16px
}

.lottery .lotteryLi .info h6 {
    float: left;
    font-size: 16px;
    margin-right: 30px
}

.lottery .lotteryLi .info strong {
    font-weight: 400;
    color: #666
}

.lottery .lotteryLi .bolList {
    height: 30px;
    position: absolute;
    bottom: 15px;
    left: 100px
}

.lottery .lotteryLi .bolList span {
    float: left;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    background-color: #ea1f21;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.lottery .lotteryLi .blueBol {
    position: absolute;
    left: 400px;
    bottom: 15px
}

.lottery .lotteryLi .blueBol span {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-weight: 700;
    border-radius: 30px;
    background-color: #1188f6;
    color: #fff;
    text-align: center;
    float: left;
    margin-right: 35px
}

.lottery .lotteryLi .qsBol {
    position: absolute;
    left: 470px;
    bottom: 15px
}

.lottery .lotteryLi .qsBol a {
    display: block;
    width: 55px;
    height: 25px;
    line-height: 25px;
    float: left;
    margin-right: 20px
}

.lottery .lotteryLi .qsBol a .icon2 {
    width: 16px;
    height: 16px;
    background-position: -431px -41px;
    float: left;
    margin-top: 4px;
    margin-right: 2px
}

.lottery .lotteryLi .qsBol a em {
    font-style: normal
}

.lottery .lotteryLi .qsBol a .icon3 {
    width: 20px;
    height: 15px;
    float: left;
    margin-top: 6px;
    background-position: -429px -64px
}

.main {
    width: 980px
}

.crumb {
    color: #666;
    margin-bottom: 20px
}

.crumb a {
    color: #666
}

.listL {
    float: left;
    width: 650px;
    margin-bottom: 50px
}

.txtListUl {
    display: block;
    margin-bottom: 30px
}

.txtListUl li {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    overflow: hidden;
    background: url(../images/d0901sp.png) no-repeat;
    background-position: -496px 0;
    padding-left: 15px
}

.txtListUl li a {
    display: block;
    float: left;
    width: 500px;
    height: 30px;
    line-height: 30px;
    overflow: hidden
}

.txtListUl li span {
    display: block;
    float: right;
    height: 30px;
    line-height: 30px;
    color: #999
}

.nextPage {
    margin-bottom: 30px;
    text-align: center
}

.nextPage a {
    margin: 0 10px;
    color: #666
}

.detailsL {
    float: left;
    width: 650px;
    margin-bottom: 60px
}

.detailsL h2, .detailsL h3 {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center
}

.artTitle {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 700
}

.info {
    color: #666;
    padding-bottom: 10px;
    text-align: center
}

.info a {
    color: #666
}

.info span {
    margin: 0 10px
}

.artCon {
    padding-top: 20px
}

.artCon p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px
}

.artSpecial {
    font-size: 16px;
    margin-bottom: 50px
}

.tag {
    height: 35px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px
}

.reading {
    height: 190px;
    margin-bottom: 20px
}

.readingL {
    float: left;
    width: 600px
}

.readingL h6 {
    display: block;
    background-color: #2357cf;
    color: #fff;
    text-align: center;
    width: 85px;
    height: 30px;
    line-height: 30px;
    font-weight: 700;
    float: left;
    margin-bottom: 20px;
    font-size: 14px
}

.readingLUl {
    padding-left: 2px;
    clear: both
}

.readingLUl li {
    line-height: 30px;
    height: 30px;
    vertical-align: middle;
    overflow: hidden;
    background: url(../images/d0901sp.png) no-repeat;
    background-position: -496px 0;
    padding-left: 10px
}

.readingR {
    float: right;
    width: 190px
}

.readingR span {
    display: block;
    width: 88px;
    height: 88px;
    background: #ccc;
    margin: 35px auto 10px
}

.readingR h6 {
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    font-weight: 400;
    text-align: center;
    overflow: hidden
}

#news_more_page_div_id {
    margin-bottom: 50px;
    text-align: center;
    color: #ff7d00
}

#news_more_page_div_id a {
    margin: 0 5px
}

.rightBar {
    width: 300px;
    float: right;
    margin-bottom: 30px
}

.rightBar .rightGw {
    padding: 15px;
    width: 268px;
    height: 183px;
    border: 1px solid #e9e9e9;
    position: relative;
    margin-bottom: 25px
}

.rightBar .rightGw img {
    position: absolute;
    left: 15px;
    top: 15px
}

.rightBar .rightGw h5 {
    font-size: 16px;
    width: 170px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 25px;
    left: 110px
}

.rightBar .rightGw h6 {
    font-size: 18px;
    position: absolute;
    top: 60px;
    left: 110px;
    color: #6e7bb0
}

.rightBar .rightGw p {
    width: 270px;
    height: 95px;
    left: 15px;
    position: absolute;
    bottom: 10px;
    overflow: hidden;
    line-height: 24px
}

.rightBar .rightTit {
    height: 25px;
    line-height: 25px;
    border-bottom: 3px solid #e3e3e3;
    position: relative;
    margin-bottom: 15px
}

.rightBar .rightTit span {
    display: block;
    position: absolute;
    height: 25px;
    line-height: 25px;
    border-bottom: 3px solid #365b90;
    font-size: 16px
}

.rightBar .rigUl {
    margin-bottom: 25px
}

.rightBar .rigUl li {
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    background: url(../images/d0901sp.png) no-repeat;
    background-position: -496px 0;
    padding-left: 10px;
    overflow: hidden
}

.rightBar .voidTop {
    width: 320px;
    height: 180px;
    position: relative;
    margin-bottom: 30px
}

.rightBar .voidTop img {
    width: 300px;
    height: 180px;
    position: absolute;
    left: 0;
    top: 0
}

.rightBar .voidTop .voidBlock {
    width: 300px;
    height: 60px;
    background: url(../images/d0901bg.png) repeat-x;
    position: absolute;
    bottom: 0;
    left: 0
}

.rightBar .voidTop .voidFont {
    height: 25px;
    line-height: 25px;
    position: absolute;
    bottom: 10px;
    width: 280px;
    padding: 0 10px;
    overflow: hidden;
    color: #fff
}

.rightBar .voidTop .voidFont em {
    width: 25px;
    height: 25px;
    background-position: -418px 0;
    float: left;
    margin-right: 5px
}

.rightBar .ad5 {
    width: 300px;
    height: 300px
}

.rightBar .ad5 img {
    width: 300px;
    height: 300px
}

.public_v1 {
    background: url(../images/public_v1.png) no-repeat
}

.share {
    float: right;
    height: 24px;
    margin-bottom: 40px
}

.share span {
    float: left;
    display: block;
    color: #666;
    margin-right: 10px
}

.shareLi {
    height: 24px;
    float: left;
    _display: inline;
    margin-right: 5px
}

.shareLi a {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    cursor: pointer
}

.lt0 {
    background-position: 0 -306px
}

.lth0 {
    background-position: 0 -275px
}

.lt1 {
    background-position: -24px -306px
}

.lth1 {
    background-position: -24px -275px
}

.lt2 {
    background-position: -48px -306px
}

.lth2 {
    background-position: -48px -275px
}

.lt3 {
    background-position: 0 -361px
}

.lth3 {
    background-position: 0 -330px
}

.bshare-custom, .bshare-custom a {
    float: left;
    display: block;
    width: 24px;
    cursor: pointer
}

.lt4 {
    background-position: -24px -361px
}

.lth4 {
    background-position: -24px -330px
}

.csdt {
    width: 630px;
    float: left
}

.csTit {
    height: 30px;
    position: relative;
    border-bottom: 3px solid #2257cf;
    margin-bottom: 30px
}

.csTit span {
    display: block;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-color: #2257cf;
    padding: 0 25px;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    color: #fff
}

.lotteryTime {
    width: 630px;
    float: left;
    text-align: right;
    font-size: 16px;
    font-weight: 700;
    height: 45px;
    line-height: 45px
}

.csList li {
    height: 135px;
    padding-bottom: 25px;
    border-bottom: 1px dashed #aaa;
    margin-bottom: 30px
}

.csList li img {
    width: 240px;
    height: 135px;
    float: left
}

.csList li span {
    display: block;
    float: right;
    width: 365px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
    margin-bottom: 5px
}

.csList li p {
    width: 365px;
    height: 100px;
    float: right;
    overflow: hidden;
    line-height: 24px;
    color: #666
}

.csrTit {
    height: 25px;
    line-height: 25px;
    border-bottom: 2px solid #749af1;
    margin-bottom: 25px;
    position: relative
}

.csrTit span {
    display: block;
    font-size: 18px;
    background-color: #fff;
    position: absolute;
    left: 0;
    padding-right: 10px;
    top: 10px;
    font-weight: 700
}

.csrTit span em {
    font-style: normal;
    color: #4270d9
}

.w320 {
    width: 320px
}

.w320 .voidTop {
    width: 320px;
    height: 180px;
    position: relative;
    margin-bottom: 10px
}

.w320 .voidTop img {
    width: 320px;
    height: 180px;
    position: absolute;
    left: 0;
    top: 0
}

.w320 .voidTop .voidBlock {
    width: 320px;
    height: 60px;
    background: url(../images/d0901bg.png) repeat-x;
    position: absolute;
    bottom: 0;
    left: 0
}

.w320 .voidTop .voidFont {
    height: 25px;
    line-height: 25px;
    position: absolute;
    bottom: 10px;
    width: 300px;
    padding: 0 10px;
    overflow: hidden;
    color: #fff
}

.w320 .voidTop .voidFont em {
    width: 25px;
    height: 25px;
    background-position: -418px 0;
    float: left;
    margin-right: 5px
}

.w320 .mb15 {
    margin-bottom: 15px
}

.w320 .zthdList li {
    width: 320px;
    height: 210px;
    margin-bottom: 20px
}

.w320 .zthdList li img {
    width: 320px;
    height: 180px
}

.w320 .zthdList li span {
    display: block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-align: center
}

.spList {
    width: 320px;
    height: 170px;
    margin-bottom: 25px;
    position: relative
}

.spList h6 {
    height: 30px;
    line-height: 30px;
    background-color: #205ecd;
    padding: 0 20px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    color: #fff
}

.spList h6 em {
    width: 10px;
    height: 5px;
    background-position: -470px -12px;
    position: absolute;
    bottom: -5px
}

.spList img {
    width: 145px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 50px
}

.spList span {
    width: 145px;
    height: 32px;
    line-height: 16px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.spList p {
    height: 25px;
    width: 160px;
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 16px
}

.spList ul {
    width: 160px;
    height: 100px;
    top: 50px;
    right: 0;
    position: absolute;
    overflow: hidden
}

.spList ul li {
    height: 24px;
    line-height: 24px;
    overflow: hidden
}

.egSwiper4 {
    width: 680px;
    height: 340px;
    position: relative;
    float: left
}

.egSwiper4 .swiper-slide {
    position: relative
}

.egSwiper4 .swiper-slide img {
    width: 100%;
    height: 100%
}

.egBgk {
    width: 660px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    overflow: hidden;
    font-size: 16px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#66000000, endColorstr=#66000000)
}

.egBgk a {
    color: #fff
}

.egBgk a:hover {
    color: #ff7d00
}

:root .egBgk {
    filter: none
}

.egPagin {
    position: absolute;
    right: 15px;
    bottom: 15px
}

.egPagin .swiper-pagination-switch {
    float: left;
    font-size: 0;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #fff
}

.egPagin .swiper-active-switch {
    background-color: #57cfff
}

.arrow4 {
    display: none;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    background: url(../images/d0901sp.png) no-repeat;
    cursor: pointer;
    opacity: .6;
    filter: alpha(opacity=60)
}

.arrow4:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #333
}

.arrowL4 {
    background-position: -457px -33px;
    left: 0
}

.arrowR4 {
    background-position: -480px -33px;
    right: 0
}

.imgListTop {
    height: 340px;
    overflow: hidden;
    margin-bottom: 45px
}

.imgTopUl {
    width: 285px;
    height: 340px;
    float: right;
    overflow: hidden
}

.imgTopUl li {
    width: 285px;
    height: 160px;
    margin-bottom: 20px;
    float: left
}

.imgTopUl img {
    width: 285px;
    height: 160px
}

.quality {
    height: 25px;
    position: relative;
    margin-bottom: 30px
}

.quality .qualityLine {
    width: 980px;
    border-bottom: 3px solid #4670d4;
    height: 12px;
    position: absolute;
    left: 0;
    top: 0
}

.quality span {
    display: block;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    padding-right: 10px;
    height: 25px;
    line-height: 25px;
    z-index: 9
}

.qualityImg {
    height: 230px;
    margin-bottom: 90px
}

.qualityImg li {
    float: left;
    width: 230px;
    height: 230px;
    margin-right: 20px;
    position: relative
}

.qualityImg li img {
    position: absolute;
    width: 230px;
    height: 230px;
    z-index: 1
}

.qualityImg li .imgBlock {
    width: 230px;
    height: 0;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0
}

.qualityImg li span {
    display: block;
    width: 120px;
    height: 145px;
    overflow: hidden;
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    font-size: 24px;
    color: #fff;
    line-height: 36px;
    padding: 85px 55px 0;
    opacity: 0
}

.rMit {
    height: 180px;
    padding: 20px 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .25);
    margin-bottom: 40px;
    *border: 1px solid #f4f3f3
}

.rMit .mitUl li {
    width: 150px;
    height: 30px;
    margin-bottom: 45px
}

.rMit .mitUl li span {
    float: left;
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.rMit .mitUl li a {
    font-size: 24px;
    color: #666
}

.rMit .mitUl .mitLi1:hover a {
    color: #4270d9
}

.rMit .mitUl .mitLi1:hover .mitPos1 {
    background-position: -329px -59px;
    transition: all .5s
}

.rMit .mitUl .mitLi2:hover a {
    color: #4270d9
}

.rMit .mitUl .mitLi2:hover .mitPos2 {
    background-position: -398px -61px;
    transition: all .5s
}

.rMit .mitUl .mitLi3:hover a {
    color: #4270d9
}

.rMit .mitUl .mitLi3:hover .mitPos3 {
    background-position: -473px -118px;
    transition: all .5s
}

.rMit .mitUl .mitPos1 {
    background-position: -296px -59px;
    transition: all .5s
}

.rMit .mitUl .mitPos2 {
    background-position: -367px -61px;
    transition: all .5s
}

.rMit .mitUl .mitPos3 {
    background-position: -442px -118px;
    transition: all .5s
}

.table {
    width: 185px;
    height: 35x;
    background-color: #8dc7ef;
    padding: 27.5px 67.5px;
    line-height: 32px
}

.table span {
    display: block;
    float: left;
    margin-right: 20px;
    width: 35px;
    height: 35px;
    background-position: -443px -82px
}

.table a {
    font-size: 24px;
    color: #fff
}

.periodTit {
    height: 25px;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px
}

.reward {
    height: 360px;
    overflow: hidden;
    margin-bottom: 15px
}

.reward .rewardTop {
    height: 50px
}

.reward .rewardTop li {
    float: left;
    height: 50px;
    line-height: 50px;
    width: 209px;
    margin-right: 1px;
    background-color: #e5e5e5;
    text-align: center;
    font-size: 18px;
    color: #666;
    margin-bottom: 1px
}

.reward .rewardMid {
    height: 50px
}

.reward .rewardMid li {
    float: left;
    height: 50px;
    line-height: 50px;
    width: 209px;
    margin-right: 1px;
    background-color: #f4f4f4;
    text-align: center;
    font-size: 18px;
    color: #666;
    margin-bottom: 1px
}

.rewardInfo {
    clear: both
}

.rewardInfo div {
    height: 30px;
    line-height: 30px;
    font-size: 16px
}

.rewardInfo div span {
    color: #c13653
}

.ssqTop {
    height: 170px;
    margin-bottom: 35px;
    position: relative
}

.ssqTop .icon {
    width: 95px;
    height: 95px;
    position: absolute;
    background-position: -506px -33px;
    left: 0;
    top: 15px
}

.ssqTop .icon1 {
    width: 92px;
    height: 92px;
    position: absolute;
    background-position: 0 -151px;
    left: 0;
    top: 15px
}

.ssqTop .icon2 {
    width: 93px;
    height: 49px;
    background-position: -507px -127px;
    position: absolute;
    left: 0;
    top: 15px
}

.ssqTop .icon3 {
    width: 93px;
    height: 78px;
    background-position: -96px -151px;
    position: absolute;
    left: 0;
    top: 15px
}

.ssqTop .icon4 {
    width: 90px;
    height: 79px;
    background-position: -193px -151px;
    position: absolute;
    left: 0;
    top: 15px
}

.ssqTop .icon5 {
    width: 91px;
    height: 91px;
    background-position: -287px -151px;
    position: absolute;
    left: 0;
    top: 15px
}

.ssqTop .ssqTopLeft {
    width: 260px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    left: 135px;
    top: 10px;
    font-size: 18px
}

.ssqTop .ssqTopLeft span {
    float: left
}

.ssqTop .ssqTopLeft .sel {
    width: 125px;
    height: 35px;
    margin: 0 5px;
    float: left;
    overflow: hidden
}

.ssqTop .ssqTopLeft .sel select {
    width: 123px;
    height: 32px;
    border: 1px solid #749af1;
    font-size: 18px
}

.ssqTop .ssqTopLeft .sel option {
    font-size: 18px
}

.ssqTop .ssqTopRig {
    width: 210px;
    font-size: 18px;
    position: absolute;
    height: 35px;
    line-height: 35px;
    top: 10px;
    right: 0;
    overflow: hidden
}

.ssqTop .ssqUl {
    position: absolute;
    left: 135px;
    top: 75px;
    height: 40px
}

.ssqTop .ssqUl li {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: #e72122;
    margin-right: 10px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    font-weight: 700
}

.ssqTop .ssqUl .blue {
    background-color: #0b89f8;
    margin-left: 25px
}

.ssqTop .ssqBot {
    position: absolute;
    left: 135px;
    top: 140px;
    height: 30px
}

.ssqTop .ssqBot li {
    width: 100px;
    height: 30px;
    float: left;
    margin-right: 30px
}

.ssqTop .ssqBot li .void {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    margin-top: 6px;
    background-position: -230px -38px;
    margin-right: 5px
}

.ssqTop .ssqBot li .text {
    display: block;
    float: left;
    width: 20px;
    height: 15px;
    margin-top: 6px;
    background-position: -429px -62px;
    margin-right: 5px
}

.ssqTop .ssqBot li a {
    color: #666;
    font-size: 16px
}

.gglTop {
    height: 280px;
    margin-bottom: 45px;
    overflow: hidden
}

.egSwiper7 {
    width: 500px;
    height: 280px;
    position: relative;
    float: right
}

.egSwiper7 .swiper-slide {
    position: relative
}

.egSwiper7 .swiper-slide img {
    width: 100%;
    height: 100%;
    transition: all .5s
}

.egSwiper7 .swiper-slide img:hover {
    transform: scale(1.1);
    transition: all .5s
}

.egBgk7 {
    width: 500px;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#66000000, endColorstr=#66000000)
}

.egBgk7 a {
    width: 370px;
    float: left;
    display: block;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    color: #fff
}

.egBgk7 a:hover {
    color: #ff7d00
}

:root .egBgk {
    filter: none
}

.egPagin7 {
    position: absolute;
    right: 5px;
    bottom: 12px
}

.egPagin7 .swiper-pagination-switch {
    float: left;
    font-size: 0;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #fff
}

.egPagin7 .swiper-active-switch {
    background-color: #5bceff
}

.arrow7 {
    display: none;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    background: url(../images/d0901sp.png) no-repeat;
    cursor: pointer
}

.arrow7:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #333
}

.arrowL7 {
    background-position: -457px -33px;
    left: 0
}

.arrowR7 {
    background-position: -480px -33px;
    right: 0
}

.gglLeft {
    width: 455px;
    float: left
}

.gglLeft h3 {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin-bottom: 10px
}

.gglLeft h3 a {
    font-size: 18px;
    font-weight: 700
}

.gglLeft p {
    line-height: 24px;
    color: #666;
    height: 48px;
    overflow: hidden;
    margin-bottom: 15px
}

.gglLeft .gglUl li {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    background: url(../images/d0901sp.png) no-repeat;
    background-position: -496px 3px
}

.gglLeft .gglUl li a {
    padding-left: 15px
}

.gglLeft .more {
    display: block;
    float: left;
    width: 45px;
    height: 20px;
    text-align: right;
    color: #4270d9
}

.gglTit {
    height: 15px;
    border-bottom: 3px solid #4770d9;
    margin-bottom: 35px
}

.gglTit span {
    display: block;
    font-size: 16px;
    padding-right: 10px;
    background-color: #fff;
    float: left;
    margin-top: 3px
}

.gglImg {
    margin-bottom: 140px
}

.gglImg li {
    width: 230px;
    height: 195px;
    position: relative;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px
}

.gglImg li img {
    width: 230px;
    height: 130px;
    position: absolute;
    left: 0;
    top: 0
}

.gglImg li span {
    display: block;
    top: 130px;
    left: 0;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    position: absolute
}

.gglImg li .gglEm1 {
    font-style: normal;
    width: 90px;
    height: 25px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #eee;
    text-align: center
}

.gglImg li .gglEm2 {
    font-style: normal;
    width: 120px;
    height: 25px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #da1c1c;
    color: #fff;
    padding-left: 10px
}

.zzAd {
    height: 215px
}

.zzAd img {
    width: 980px;
    height: 215px
}

.gkTit {
    height: 20px;
    position: relative;
    width: 630px
}

.gkTit .line {
    position: absolute;
    height: 2px;
    background-color: #4170d8;
    top: 9px;
    width: 630px;
    left: 0;
    z-index: 2
}

.gkTit span {
    display: block;
    padding-right: 10px;
    background-color: #fff;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    font-weight: 700
}

.gkTit a {
    display: block;
    background-color: #fff;
    padding-left: 5px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #255cdd;
    right: 0;
    top: 0;
    z-index: 3;
    position: absolute
}

.gkzz {
    width: 630px;
    float: left
}

.gkRigImg {
    height: 280px
}

.gkRigImg img {
    width: 320px;
    height: 280px
}

.gsCont {
    width: 628px;
    border: 1px solid #c9c7c8
}

.gsCont li {
    height: 39px;
    line-height: 39px;
    border-bottom: 1px solid #c9c7c8
}

.gsCont .gsBg {
    background-color: #eee
}

.gsCont .gsBg .gsLi1, .gsCont .gsBg .gsLi2, .gsCont .gsBg .gsLi3 {
    color: #666
}

.gsCont span {
    display: block
}

.gsCont .gsLi1 {
    width: 95px;
    float: left;
    padding-left: 10px;
    overflow: hidden;
    color: #999;
    height: 39px
}

.gsCont .gsLi2 {
    width: 415px;
    float: left;
    text-align: center;
    overflow: hidden;
    color: #999;
    height: 39px
}

.gsCont .gsLi3 {
    width: 108px;
    float: left;
    text-align: center;
    overflow: hidden;
    color: #999;
    height: 39px
}

.zzxzUl li {
    overflow: hidden;
    height: 32px;
    line-height: 32px
}

.zzxzUl li span {
    display: block;
    float: right;
    width: 90px;
    overflow: hidden;
    text-align: right;
    color: #666
}

.zzxzUl li a {
    width: 510px;
    float: left;
    overflow: hidden;
    display: block;
    padding-left: 10px;
    color: #666;
    background: url(../images/d0901sp.png) no-repeat;
    background-position: -496px 3px
}

.zzImg {
    width: 320px;
    height: 290px;
    position: relative
}

.zzImg img {
    width: 320px;
    height: 225px;
    position: absolute;
    left: 0;
    top: 0
}

.zzImg span {
    position: absolute;
    left: 0;
    top: 235px;
    display: block;
    line-height: 26px;
    height: 52px;
    color: #666;
    overflow: hidden
}

.jsy {
    min-width: 980px;
    max-width: 980px;
    background-color: #eee;
    margin-top: 80px;
    border-radius: 5px
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, .8);
    z-index: 100;
    display: block;
    top: 0;
    left: 0
}

.reveal-modal {
    visibility: hidden;
    top: 10%;
    left: 50%;
    margin-left: -490px;
    width: 980px;
    background: #eee;
    position: absolute;
    z-index: 101;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

.midalTit {
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    background-color: #eee;
    color: #666;
    border-bottom: 1px solid #c8c8c8;
    border-radius: 5px
}

.modalUl li {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #c8c8c8
}

.modalUl .modaFist span {
    font-weight: 700
}

.modalUl span {
    float: left;
    display: block;
    color: #666
}

.modalUl .modelSpan1 {
    width: 140px;
    padding-left: 20px
}

.modalUl .modelSpan2 {
    width: 580px;
    text-align: center
}

.modalUl .modelSpan3 {
    width: 120px;
    text-align: center
}

.modalUl .modelSpan4 {
    width: 120px;
    text-align: center
}

.modaPage {
    height: 50px;
    position: relative
}

.modaPage .paginBox {
    font-size: 12px;
    height: 50px;
    line-height: 50px;
    margin-left: 180px
}

.modaPage .paginBox a, .modaPage .paginBox span {
    padding: 0 3px
}

.modaPage .paginBox a {
    color: #333
}

.modaPage .paginBox a:hover {
    color: #333
}

.modaPage .paginBox .pagin_select {
    color: #da3845
}

.modaPage .paginBox .pagin_page {
    width: 33px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #e0e0e0;
    font-size: 12px
}

.modaPage .paginBox .pagin_btn {
    width: 40px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    border-radius: 2px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    cursor: pointer;
    color: #333
}

.reveal-modal .close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #aaa;
    text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
    font-weight: 700;
    cursor: pointer
}