@charset "utf-8";
body {font: 12px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",Simsun,Arial,sans-serif;background: #fff;}
input,textarea{-webkit-appearance: none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p, img, a {padding: 0; margin: 0;}
a {text-decoration: none;outline: none;cursor: pointer;}
img {vertical-align: top;}
table {border-collapse: collapse;}
img, table, fieldset {border:0;}
ol, ul {list-style: none;}
li {list-style-type: none;}
h1, h2, h3, h4, h5, h6 {font-size: 13px;font-weight: normal;}
.clear {overflow:visible;*zoom: 1;}
.clear:after {display: block;overflow: hidden;clear: both;height: 0;visibility: hidden;content: ".";}
a:hover{color:#f00;}
/*网页背景*/
.ui-bg{position: absolute;top: 0;left: 0;z-index:1;width: 100%;height: auto;}
.ui-bg div{width: 100%;height: 721px;}
.ui-bg div.ui-bg-01-1{background:url(http://ossweb-img.qq.com/images/qqgame/act/a20150722heji/bg-1-1.jpg) top center no-repeat;height: 360px;}
.ui-bg div.ui-bg-01-2{background:url(http://ossweb-img.qq.com/images/qqgame/act/a20150722heji/bg-1-2.jpg) top center no-repeat;height: 360px;}
.ui-bg-02{background:url(http://ossweb-img.qq.com/images/qqgame/act/a20150722heji/bg-2.jpg) top center no-repeat;}
.ui-bg-03{background:url(http://ossweb-img.qq.com/images/qqgame/act/a20150722heji/bg-3.jpg) top center no-repeat;}
.ui-bg-04{background:url(http://ossweb-img.qq.com/images/qqgame/act/a20150722heji/bg-4.jpg) top center no-repeat;}
.ui-bg-05{background:url(http://ossweb-img.qq.com/images/qqgame/act/a20150722heji/bg-5.jpg) top center no-repeat;}

/*header*/
h1{text-indent: -99999px;position: absolute;top: 0;}
.ui-wrap{width:987px;height: auto;margin:0px auto;position: relative;z-index: 2;}
.ui-header{width: 100%;position:relative;height: auto;}
.ui-header a.logo{position: absolute;top:60px;left:-40px;}
.ui-header-text{padding:600px 0 80px;}
.ui-header-text p{position:absolute;left:65px;font-size: 26px;color:#44c4ff;margin-top:-12px;}
.ui-header-text h2{color:#619be9;text-indent:5em;margin:0px 60px;line-height: 22px;}
.ui-header .login{text-align: right;margin-right:10px;color:#fff;}
.ui-header .login a{color:#50aee6;}
.ui-header .login a:hover{color:#f00;}

/*list*/
.ui-list li{height:485px;padding-top:70px;width: 910px;margin:0px auto;position:relative;left: 5px;}
.ui-list-top{height: 276px;background:url(http://ossweb-img.qq.com/images/qqgame/act/a20150722heji/xt.jpg) bottom repeat-x;}
.ui-list-top-img{padding: 5px;border:1px solid #0e5cad;float: left;margin-right: 20px;background:#000;overflow:hidden;}
.ui-list-top-img img{width: 433px;height: 237px;border:1px solid #fff;}
.ui-list-top-text{color:#fff;width: 430px;float:left;}
.ui-list-top-text h3{font-size: 30px;}
.ui-list-top-text .grade{margin: 10px 0;position:relative;height: 17px;position:relative;width:160px;}
.ui-list-top-text .grade p{background: url(http://ossweb-img.qq.com/images/qqgame/act/a20150722heji/grade.png) no-repeat;background-position:0px -17px;width:101px;height: 17px;position: absolute;top: 0;left: 0;}
.ui-list-top-text .grade .grade-2{background-position:0 0px;}
.ui-list-top-text .grade-num{margin-left: 10px;color:#cacaca;position: absolute;left: 100px;top: 0;width: 50px;}
.ui-list-detail{font-size: 12px;color:#cacaca;line-height:22px;width: 100%;background:url(http://ossweb-img.qq.com/images/qqgame/act/a20150722heji/xt.jpg) top repeat-x;padding-top: 10px;margin-top:13px;}
.ui-list-detail span{display:inline-block;}
.ui-list-detail i{padding: 0px 10px;color:#3b3c3e;}
.ui-list-btn{width: 268px;height: 85px;background:url(http://ossweb-img.qq.com/images/qqgame/act/a20150722heji/btn.png) no-repeat;display: block;margin-top: 20px;}
.ui-list-bottom{margin-top: 20px;}
.ui-list-bottom-img{display: block;float: left;width: 73px;height: 73px;margin-right: 10px;border-radius: 10px;overflow:hidden;}
.ui-list-bottom-text{float: left;width: 805px;color:#fff;font-size:12px;}
.ui-list-bottom-text h5{font-size: 14px;font-weight: bold;margin-bottom:5px;}
.ui-list-bottom-text p{color:#757575;line-height: 22px;text-indent: 2em;}

/*listImg*/
.ui-listImg{padding-top:46px;}
.ui-listImg h4{color:#679bff;font-weight: bold;font-size: 15px;margin-left: 40px;}
.ui-listImg ul{padding-left:40px;padding-top: 30px;overflow:hidden;margin-bottom: 90px;}
.ui-listImg ul li{width: 108px;margin:30px 0 0 40px;float: left;}
.ui-listImg ul li a.img{display:block;width: 100px;height: 140px;border:4px solid #5078b2;position:relative;overflow: hidden;}
.ui-listImg ul li a.img p{position: absolute;bottom: 0;height: 22px;line-height: 22px;background:rgba(0,0,0,0.7);width: 100%;color:#fff;text-align: center;font-size: 12px;font-weight: bold;overflow: hidden;}
.ui-listImg-btn{background:#fff700;width: 100px;height: 27px;line-height: 27px;text-align: center;color:#d45600;display: block;margin:10px auto 0; text-shadow: 1px 1px 0px #fffca0;position:relative;overflow: hidden;}
.ui-listImg-btn:after{content: " ";position: absolute;width: 100%;height: 100%;background: #ffc000;top:-24px;left: 0;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
.ui-listImg-btn span{position:relative;z-index: 2; font-weight:bold;}
.ui-listImg-btn:hover::after{color:#f00;top: 0;}

/*兼容*/
.ie6 .ui-listImg ul{padding-left: 0px;}
.ie6 .ui-listImg{padding-top:40px;}
.ie6 .ui-listImg ul li{margin-top:15px;}
.ie7 .ui-list li{padding-top: 62px;}

/*交互*/
.ui-listImg ul li a.img img{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
.ui-listImg ul li a.img:hover img{-webkit-transform:scale(1.1);}
.ui-hj{width:616px;height: 88px;background: url(http://ossweb-img.qq.com/images/qqgame/act/a20150722heji/hj.png) no-repeat;position: absolute;top:400px;left:-115px;-webkit-animation:out 1s ease 0s;-moz-animation:out 1s ease 0s;animation:out 1s ease 0s;}
@-webkit-keyframes out {
  0%{-webkit-transform:translate(-500px,0) scale(0.5);opacity:0;}
  100%{-webkit-transform:translate(0px,0) scale(1);opacity:1;}
}
@-moz-keyframes out {
  0%{-moz-transform:translate(-500px,0) scale(0.5);opacity:0;}
  100%{-moz-transform:translate(0px,0) scale(1);opacity:1;}
}
@keyframes out {
  0%{transform:translate(-500px,0) scale(0.5);opacity:0;}
  100%{transform:translate(0px,0) scale(1);opacity:1;}
}

/*下载弹框*/
.dialog { width: 380px; position: relative; z-index: 150; font-size: 12px;}
.dialog-title {font-weight: bold; color: #757d7f;height: 31px;line-height: 31px; margin-left: 6px;margin-right: 6px;padding-left: 6px;border-bottom: 1px solid #e1e1e1;font-size: 14px;}   
.dialog-header,.dialog-header-r,.dialog-footer-r,.dialog-footer {height: 32px;background: url(http://danji.3366.com/images/index/dialog_spr.png) 0 0 no-repeat;}
.dialog-footer {height: 20px;background-position: 0 -180px;}
.dialog-footer-r {height: 20px;background-position: right -240px;margin-left: 5px;}
.dialog-header {position: relative;}
.dialog-header-r {background-position: right -80px;margin-left: 5px;}
.dialog-close {position: absolute;width: 30px;height: 30px;line-height: 30px;text-align: center;color: #aab2b6;font-weight: bold;text-decoration: none;font-size: 18px;right: 0;top: 0;}
.dialog-close:hover{ text-decoration:none;}
.dialog-body {background-color: #fff;border: 1px solid #e1e1e1;border-width: 0 1px;color: #757d7f;}
.dialog-msg {padding: 15px 30px;}
.dialog-msg-icon {float: left;display: inline;width: 40px;height: 40px;background: url(http://danji.3366.com/images/index/dialog_spr.png) -60px -280px no-repeat;margin-right: 10px;}
.dialog-msg-fail .dialog-msg-icon {background-position: 0 -280px;}
.dialog-msg-content {overflow: hidden;*zoom: 1;padding-left: 10px;border-left: 1px solid #e1e1e1;}
.dialog-btnbar {text-align: center;}
.dialog-btn,.dialog-btn-inner {display: inline-block;height: 26px;background: url(http://danji.3366.com/images/index/dialog_spr.png) -440px -280px no-repeat;cursor:pointer;}
.dialog-btn {padding-left: 18px;color: #fff;font-weight: bold;text-decoration: none;}
.dialog-btn:hover{ text-decoration:none;}
.dialog-btn-inner {padding-right: 18px;line-height: 26px;background-position: right -280px;}
.dialog em {color: #ff8941;font-style:normal;}
.dialog-tips {text-align: center;}
.dialog-hall {width: 584px;}
.dialog-hall .dialog-msg {padding-left: 70px;padding-right: 70px;padding-top: 20px;}
.dialog-hall .dialog-msg-title {color: #84a0cb;font-size: 24px;line-height: 1.1;margin-bottom: 6px;}
.dialog-hall .dialog-btnbar {padding-top: 20px;padding-bottom: 10px;}
.dialog-btn-xlarge {padding-left: 35px;height: 71px;background-position: -240px -340px;margin-left: 4px;margin-right: 4px;padding-left: 0;width: 216px;height: 72px;}
.dialog-btn-xlarge .dialog-btn-title,.dialog-btn-xlarge .dialog-btn-text {display: block;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;    white-space: nowrap;}
.dialog-btn-xlarge .dialog-btn-title {margin-top: 12px;font-size: 16px;margin-bottom: 4px;}
.dialog-btn-xlarge .dialog-btn-text {display: block;font-weight: normal;color: #e8e8e8;line-height: 1.5;}
.dialog-btn-large {height: 60px;background-position: 0 -340px;}
.dialog-btn-large .dialog-btn-title {margin-top: 16px;}/*  |xGv00|9e6696d45f0852952625d5d8a9d989b9 */