﻿* {margin:0;padding: 0;}
body {font-size: 14px; color: #FFF; background:  #15172c;font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",serif;height: 100%}
a {color: #FFF;text-decoration: none;}
img {border: none;}
li{list-style: none;}
.tice-body,.act-body,.bull-body{background: url(../images/actbround.png) #15172c top center no-repeat;}
/***************index***************/
.main .wapper{;overflow: hidden;margin: auto;position: relative;}
.main .main-top{height: 59px;width: 100%;background: #121628;position: relative;}
.main .main-top .mainbox{height: 59px;width: 1120px;margin: 0 auto;}
.main .top-l{float: left;}
.main .top-l img{height: 30px;width: 37px;margin-top: 14px;cursor: default; }
.main .top-l span{position: absolute;top: 21px;font-size: 16px;}
.main .top-r{float: right;}
.main .top-r a{display: inline-block;color: #98999e;margin-left: 70px;margin-top: 20px; }
.main .top-r a:hover{color: #fff;filter:alpha(opacity:60); opacity:0.6;}
.main .top-r .act{color: #fff;}
.main .bann{height: 412px;width: 100%;}

.main .heard{height: 567px;width: 100%;background: url(../images/b1.jpg) center top no-repeat;} 
.main .install{text-align: center;margin: 0 auto;}
.main .install .download{display: inline-block;width: 178px;height: 55px;text-align: center;line-height: 55px;font-size: 16px;background: url("../images/i-normal.png") no-repeat;}
.main .install .download:hover{background: url("../images/i-hover.png") no-repeat;}
.main .install .download:active{background: url("../images/i-down.png") no-repeat;}
.main .install p{color: #98999e;margin-top: 20px;}

.main .mid-i{padding-top: 90px;height: 702px;position: relative;background: url(../images/b2.png) #1255a8 center top no-repeat;background-size: auto;}
.main .mid-i .mid-a {margin: 0 auto;width: 1120px;;height: 250px;}
.main .mid-i .mid-a li{float: left;text-align: center;font-size: 12px;color: #98999e;width: 273px;padding: 0 50px !important;}
.main .mid-i .mid-a .desc{font-size: 20px;margin-top: 48px;margin-bottom: 24px;color: #fff;}
.main .mid-i .mid-a .desc-t{color: #fff;filter:alpha(opacity:50); opacity:0.5;}

.main .event-news{height: 230px;-margin-top: 122px;position: relative;margin: 0 auto;}
.main .event-news-box{margin: 0 auto;height: 23px;width: 1200px;margin-top: 110px;}
.main .event-news .evens{width: 590px;height: 230px;float: left;}
.main .event-news .event li{float: left;margin-top: 24px;position: relative;}
.main .event-news .event li:last-child{margin-left: 20px;}
.main .event-news .event .li{margin-left: 15px;}
.main .event-news .hotact{height: 20px;text-align: left;width: 590px;line-height: 20px;}
.main .event-news .hotact span{font-size: 20px;}
.main .event-news .hotact a{float: right;color: #04cbb5;}
.main .event-news .event-desc{height: 58px;width: 285px;position: absolute;bottom: 3px;color: #fff;*bottom: 3px;*left: 0}
.main .event-news .event-desc .desc{margin-top: 6px;margin-bottom: 3px;font-size: 16px;}
.main .event-news .event-desc p{margin-left: 10px;}
.main .event-news .event-desc p:first-child{height: 22px;overflow: hidden;}
.main .event-news img{height: 188px;width: 285px;}
.main .event-news .mask{position: absolute;height: 59px;width: 285px;bottom: 3px;background: #000;filter:alpha(opacity:60); opacity:0.6;*bottom: 3px;*left: 0}

.main .event-news .cornering{background: url("../images/conduct.png") no-repeat;height: 65px;width: 63px;position: absolute;right: -3px;top: -3px}
.main .event-news .cornerend{background: url("../images/finish.png") no-repeat;height: 65px;width: 63px;position: absolute;right: -3px;top: -3px}
.main .event-news .cornersoon{background: url("../images/soon.png") no-repeat;height: 65px;width: 63px;position: absolute;right: -3px;top: -3px}

.main .event-news .news{margin-left: 20px;}
.main .event-news .news ul{margin-top: 24px;background: #0a2247;bottom: 0;height: 158px;width: 590px;padding-top: 30px}
.main .event-news .news li:first-child{margin-top: 0}
.main .event-news .news li{margin-top: 18px;margin-left: 30px;width: 540px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.main .hots{display: inline-block;height: 18px;width: 31px;background: url("../images/hots.png") no-repeat;vertical-align: middle;}
.main .event-news .news .newstime{color: #fff;margin-right: 26px;filter:alpha(opacity:40); opacity:0.4;}
.main .event-news .news .newseidt{color: #fff;}

.main .support{height: 466px;width: 100%;position: relative;background: url(../images/b3.jpg) top center no-repeat;}
.main .support .gamer{font-size: 20px;}
.main .support .support-box{height: 368px;width:1120px;margin: 0 auto;}
.main .support .supportcon{-background: url("../images/support.png") no-repeat;height: 228px;overflow: hidden;}
.main .support .supportcon img{width: 1120px;height: 227px;}
.main .support .fillbox{height: 98px;}

.main .support .supbox{-overflow: hidden;height: 260px;width: 1210px;margin-top:45px; }
.main .support .jbtn{background: url("../images/jiao.png") no-repeat;height: 14px;width: 25px;margin: 0 auto;cursor: pointer;}

.xcode{height: 160px;width: 160px;position: fixed;right: 0;top: 688px;z-index: 2}
.xcode a{display: block;width: 36px;height: 36px;position: absolute;right: 0;top: 66px}
.xcode .weibo{background: url("../images/weibo.png") no-repeat;}
.xcode .weibo:hover .wbcode{display: block;}
.xcode .weixin{background: url("../images/weixin.png") no-repeat;margin-top: 46px;}
.xcode .weixin:hover .wxcode{display: block;}
.xcode div{width: 106px;height: 100px;display: none;}
.xcode .wbcode{background: url("../images/wbcode.png");position: absolute;top: -32px;right : 54px}
.xcode .wxcode{background: url("../images/wxcode.png");position: absolute;top: -28px;right : 54px}

.float-a{height: 241px;width: 227px;position: fixed;right: 20px;bottom: 0px;z-index: 2;background:url(../images/flotatact.png) no-repeat; }
.float-a:hover{background:url(../images/flotatact_hover.png) no-repeat;}
.float-a:hover .float{display: block;}
.float-a .link{height: 241px;width: 227px;display: block;}
.float-a .float{display: none;height: 30px;width: 30px;position: absolute;top: -10px;right: 10px;background: url(../images/normal.png);}
.float-a .float:hover{background: url(../images/hover.png);}
.float-a .float:active{background: url(../images/down.png);}

/**********activity***********/
.main-c{height: 1320px;width: 100%;}
.main .mid-c{width: 1000px;height: 1200px;position: relative;margin: 0 auto;}
.main .mid-c .banner{height: 30px;width: 100%;}
.main .mid-c .own a,.main .mid-c .own span{color: #93939a;}
.main .mid-c .own .act{color: #fff;}
.main .mid-c .own a:hover{color: #fff;}
.main .mid-c .bane{background: #fff;height: 1200px;width: 1000px;margin-top: 35px;}
.main .mid-c .bane .txt{height: 40px;overflow: hidden;}
.main .mid-c .bane .mid-a a{color: #060814;}
.main .mid-c .mid-a{margin-top: 12px;margin: 0 auto;width: 860px;padding-top: 33px;}
.main .mid-c .mid-a img{height: 106px;width: 200px;}
.main .mid-c .mid-a li {height: 131px;border-bottom: 1px solid #e2e1e1;margin-top: 22px;}
.main .mid-c .mid-a li div{float: left;position: relative;}
.main .mid-c .mid-a .mid-time{position: absolute;bottom: 0;color: #060814;}
.main .mid-c .mid-a .mid-txt{margin-left: 37px;height: 106px;width: 620px;overflow: hidden;}
.main .mid-c .mid-a .mid-txt p:first-child{height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main .mid-c .mid-a .cornersoon{display: inline-block;width: 66px;height: 20px;font-style: normal;background: #ff7e30;text-align: center;line-height: 20px;color: #fff;}
.main .mid-c .mid-a .cornering{display: inline-block;width: 66px;height: 20px;font-style: normal;background: #ff40a3;text-align: center;line-height: 20px;color: #fff;}
.main .mid-c .mid-a .cornerend{display: inline-block;width: 66px;height: 20px;font-style: normal;background: #828286;text-align: center;line-height: 20px;color: #fff;}

.fydiv{width: 320px;text-align: center;height: 30px;margin: 0 auto;margin-top: 30px;}

/**********bulletin*************/
.main-b{height: 960px;}
.main .mid{width: 1000px;height: 802px;position: relative;margin: 0 auto;color: #000;}
.main .mid .banner{height: 30px;width: 100%;}
.main .mid .own a,.main .mid .own span{color: #93939a;}
.main .mid .own .act{color: #fff;}
.main .mid .own a:hover{color: #fff;}
.main .mid .mid-a{margin:0 auto;width: 860px;color: #000;padding-top: 42px}
.main .mid .bane{background: #fff;height: 732px;width: 1000px;margin-top: 35px;}
.main .mid .mid-a .text p{font-size: 16px;text-indent: 2em;letter-spacing:1px;font-size: 14px;}
.main .mid .mid-a h2{margin-bottom: 34px;letter-spacing:1px;}
.main .mid .mid-a .text{height: 490px;text-align: 30px;overflow: hidden;}
.main .mid .mid-a .text a{color: #000;text-decoration: underline;}
.main .mid .mid-a .share{height: 24px;margin-bottom: 60px;position: relative;}
.main .mid .mid-a .share .time{color: #767679;float: left;}
.main .mid .mid-a .code{-background: url("../images/share.png") no-repeat;display: inline-block;width: 168px;height: 24px;position: absolute;top: -12px;}
.main .mid .mid-a .code li{float: left;height: 24px;width: 24px;margin: 0 5px 0 0}
.main .mid .mid-a .code li a{display: inline-block;height: 24px;width: 24px;background: #ccc}
.main .mid .mid-a .toshare{color: #000;}
.main .mid .mid-a .sharebtn{position: absolute;right: 0;height: 24px;width: 230px;}

.main .mid .mid-a .foot a{display: block;margin-top: 14px;color: #000;}

.social-share .icon-weibo:before,.social-share .icon-qq:before,.social-share .icon-qzone:before,.social-share .icon-wechat:before{content: ""}
.social-share .social-share-icon{font-size: 12px;border: none;}

/********notice********/
.main-n{height: 960px;}
.main .mid-n{width: 1000px;height: 802px;position: relative;margin: 0 auto;color: #000;}
.main .mid-n .banner{height: 30px;width: 100%;}
.main .mid-n .own a,.main .mid-n .own span{color: #93939a;}
.main .mid-n .own .act{color: #fff;}
.main .mid-n .own a:hover{color: #fff;}
.main .mid-n .mid-a{margin:0 auto;width: 700px;padding-top: 48px}
.main .mid-n .bane{background: #fff;height: 732px;width: 1000px;margin-top: 35px;}
.main .mid-n .mid-a .open{height: 138px;width: 700px;padding-top: 52px;}
.main .mid-n .mid-a .open a{color: #000;}
.main .mid-n .mid-a li{cursor: pointer;}
.main .mid-n .mid-a img{height: 138px;width: 212px;}
.main .mid-n .mid-a .open div{float: left;}
.main .mid-n .mid-a .mid-a-r{margin-left: 36px;padding-top: 12px;height: 126px}
.main .mid-n .mid-a .mid-a-r p{width: 450px;}
.main .mid-n .mid-a .close{height: 34px;width: 700px;border-bottom: 1px solid #ccc;padding-top: 15px;}
.main .mid-n .mid-a .close span{color: #000}
.main .mid-n .mid-a .ordinary{display: inline-block;width: 420px;height: 16px;line-height: 16px;padding-right: 100px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.main .mid-n .hots{vertical-align: top;}

.main .page{height: 28px;width: 256px;margin: 0 auto;margin-bottom: 72px;position: absolute;bottom: -55px;left: 360px;}
.main-c .page{bottom: -40px;}
.main .page a{color: #8d8d8d}

.fydiv{width: 320px;text-align: center;height: 30px;margin: 0 auto;margin-top: 30px;}

.mgr{display: none !important;}
body{padding-top: 0 !important;}
/*.footer{background: #10131b;height: 60px !important;}*/

.pagination a{display: inline-block;margin: 0 1px;text-align: center;line-height: 22px;border-color: #a3a3a3}
.pagination .cur{background: #8d8d8d;color: #fff !important;}
.pagination a:hover{background: #8d8d8d;color: #fff;}
.pagination a:active{background: #8d8d8d;color: #fff;}
.page-btn{width: 22px;height: 22px;border: 1px solid #ccc;}
.page-prev,.page-next{width: 46px;height: 22px;border: 1px solid #a3a3a3}
.footer{
	font-size: 12px;
    line-height: 1.8em;
    color: #10131b;
    text-align: center;
    padding: 30px 0;
    background: #10131b;
    width: 100%;
}
.footer a, .footer p{
    color: #9E9E9E;
    margin: 0 10px;
}

.supernatant{width: 100%;height: 100%;position: absolute;top: 58px;left: 0;z-index: -1}
.supernatant .supernatant-a{height: 567px;width: 100%;background: url(../images/b1.jpg) center top no-repeat;}
.supernatant .supernatant-b{padding-top: 90px;height: 704px;position: relative;background: url(../images/b2.png) #1255a8 center top no-repeat;}
.supernatant .supernatant-c{height: 466px;width: 100%;position: relative;background: url(../images/b3.jpg) top center no-repeat;}







