@charset "gb2312";
.notice {
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    background-color: #fff;
}
.notice .public{
    position: relative;
    float: left;
    height: 18px;
    width: 560px;
    line-height: 18px;
    margin-top: 15px;
    margin-left: 20px;
    padding-left: 25px;
    background: url("/include/images/sprite.png") no-repeat 0 -640px;
}
.notice .public a{
    display: block;
    float: left;
    width: 260px;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #fff;
    color: #0d6096;
    margin-right: 10px;

}
.notice .public .item {
    width: 560px;
}
.notice .public .con{
    height: 18px;
}
.trends{
    float: left;
    width: 670px;
}
.trends span{
    float: left;
    color: #cf0000;
    font-weight: bold;
    padding-right: 20px;
    height: 18px;
    line-height: 18px;
    background: url("/include/images/sprite.png") no-repeat 28px -668px;
    margin-top: 15px;
}
.trends a{
    width: 260px;
    float: left;
    height: 18px;
    line-height: 18px;
    background-color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 50px;
}
.trends .roll{
    float: left;
    margin-top: 15px;
    height: 18px;
    line-height: 18px;
}


.quick-login {
    position: relative;
    height: 314px;
    width: 240px;
    border-radius: 5px;
    float: right;
    background-color: #428bca;
}

em {
    color: #fe5700;
    font-style: normal;
}

.huo-icon {
    background-position: -37px -375px;
}

.fan-icon {
    background-position: -19px -375px;
}

.new-icon {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 24px;
    height: 11px;
    margin-left: 5px;
    background: url("/include/images/sprite.png") no-repeat -1px -224px;
}

.diamond-icon {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 17px;
    height: 13px;
    background: url("/include/images/sprite.png") no-repeat -1px -237px;
}

.fu-icon {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 40px;
    height: 15px;
    background: url("/include/images/sprite.png") no-repeat -1px -189px;
}

.vip {
    position: relative;
    display: inline-block;
    width: 29px;
    height: 12px;
    margin-left: 4px;
    top: 1px;
    background: url("/include/images/sprite.png") no-repeat -1px -252px;
}

.sort .thead,
.sort .tbody{
    position: relative;
    margin: 0 10px;
}
.red{
    color: #c50000;
}
.sort span{
    display: block;
    height: 36px;
    line-height: 36px;
    float: left;
}
.sort .thead{
    height: 30px;
    background-color: #eee;
    margin-top: 8px;
}

.sort .thead span{
    height: 30px;
    line-height: 30px;
    color: #4b4b4b;
    font-weight: bold;

}
.sort .num{
    width: 36px;
    text-align: center;

}
.sort .tbody .num{
    width: 36px;
    text-align: center;
    color: #fff;
    background: url("/include/images/sprite.png") no-repeat 9px -571px;
}
.sort .tbody .one{
    background-position: 9px -476px;
}
.sort .tbody .two{
    background-position: 9px -506px;
}
.sort .tbody .three{
    background-position: 9px -537px;
}
.sort .name{
    width: 97px;
    color: #000;
}

.sort .get{
    width: 78px;
    color: #8b898a;
}
.sort .get b{
    position: relative;
    top: 2px;
    display: inline-block;
    width: 17px;
    height: 13px;
    background: url("/include/images/sprite.png") no-repeat -1px -237px;
}
.sort .luck{
    float: right;
    padding-right: 8px;
}

.sort .tbody .br:after,
.sort .tbody .br:before {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
    position: relative;
    z-index: -1;
    line-height: 0
}

.sort .tbody .br:after {
    clear: both
}

.sort .tbody .br {
    *zoom: 1;
    border-bottom: 1px dotted #dddddd;
}

.copy-right {
    padding-bottom: 56px;
}

.copy-right, .copy-right a {
    text-align: center;
    font-size: 12px;
    color: #6a6a6a;
    font-family: "ËÎÌå";
}

.copy-right .br {
    padding: 6px 0;
}

.quick-login .br {
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
}

.user-id,
.password {
    display: block;
    height: 40px;
    width: 155px;
    border-radius: 5px;
    background: #fff url("/include/images/sprite.png") no-repeat 175px -443px;
    border: 0;
    padding: 0 10px;
    padding-right: 40px;
    margin: 28px auto 0;
}

.password {
    background-position: 175px -408px;;
}

.remember {
    padding-top: 15px;
    padding-left: 5px;
    color: #fff;
}

.remember input {
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.remember a {
    position: absolute;
    right: 5px;
    color: #fff;

}

.submit {
    display: block;
    width: 207px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    background-color: #34495e;
    border-radius: 5px;
    border: 0;
    margin-top: 40px;
}

a.register {
    display: block;
    color: #fff;
    bottom: 10px;
    width: 100px;
    margin: 25px auto 0;
    text-align: center;
}

/*reset*/
.mt38 {
    margin-top: 10px;

}


/*try*/


.try-left{
    float: left;
    width: 720px;
}
.try-right{
    float: right;
    width: 270px;
    overflow: hidden;
}

.try-left .filter{
    margin-top: 0px;
}
.try-left .filter h2{
    width: 710px;
    height: 26px;
    overflow: hidden;
}
.try-left .filter h2 span{
    position: relative;
    display: block;
    float: left;
    width: 81px;
    height: 30px;
    text-align: center;
    line-height:30px;
    font-size: 14px;
    font-weight: normal;
    color: #7a7a7a;
    cursor: pointer;
    background-color: #fff;
    margin-right: 5px;
    border: 1px solid #d6d6d6;
    box-shadow: 0 0 5px #d6d6d6;
    border-radius: 3px;
    border-bottom: 0;

}

.try-left .filter h2 span:hover,
.try-left .filter h2 span:hover a{
    color: #fff;
    background:  #0097dc;;
}
.try-left .filter h2 span a:hover{
    color: #fff;
}
.try-left .filter h2 .active{
    background-color: #ff4500;
    border:1px solid  ##ff4500;
    color: #fff;
}
.try-left .filter h2 .active:hover{
    color: #fff;
}
.try-left .panel .con{
    width: 680px;

}
.try-left .panel{
    position: absolute;
    left: 0;
    top: 0;
    width: 657px;
    padding: 30px 21px 67px;
    z-index: 1;
    background-color: #fff;
    overflow: hidden;
    height: 742px;
}

#panelGroup{
    position: relative;
    overflow: hidden;
}

.try-game .active{
    position: relative;
    z-index: 3;
    margin-left: 0;
    padding: 30px 0 67px;

}
.try-left .go{
    position: absolute;
    z-index: 3;
    padding: 30px 21px 0;
}

.try-left .label .btn{
    display: block;
    width: 96px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    color: #fff;
    background-color: #428bca;
    float: right;
}

.try-game h2{
    height: 33px;
    position: relative;
    font-size: 22px;
    color: #000;
    font-weight: normal;
    padding-top: 20px;
    padding-bottom: 20px;
}
.try-game h2 span{
    position: relative;
    display: block;
    background-color: #fff;
    z-index: 2;
    float: left;
}



.try-left .try-game{
    background-color: #fff;
    padding-left: 21px;
    border: 1px solid #dbdbdb;
    border-top: 2px solid #8B0000;
}


.table{
    margin-bottom: 30px;
}
.table h2{
    position: relative;
    height: 37px;
    line-height: 37px;
    background-color: #ff4500;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    padding-left: 10px;
    border-bottom: 2px solid #8B0000;
}
.table h2 a{
    position: absolute;
    right: 10px;
    color: #fff;
    font-size: 12px;
    font-family: "ËÎÌå";
}



.table .tfoot{
    padding: 20px 0;
}

.help-center .tbody a{
    display: block;
    width: 228px;
    height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    color: #333;
    font-family: "ËÎÌå";
}
.help-center .tbody a:hover{
    color: #e30000;
    text-decoration: underline;
}
.help-center .tbody {
    padding: 20px 20px  5px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    border-top: 0;
    height: 286px;

}
.help-center .tbody a em{
    display: inline-block;
    width: 18px;
    height: 14px;
    text-align: center;
    margin-right: 5px;
    line-height: 14px;
    background-color: #c2c2c2;
    color: #fff;
}
.help-center .tbody a .red{
    background-color: #ff0000;
}
.footer{
    padding-top: 30px;
    border-top: 1px solid #ddd;
}
.month-play{
    padding-bottom: 20px;
}



.try-game h2{
    height: 33px;
    position: relative;
    font-size: 22px;
    color: #000;
    font-weight: normal;
    padding-top: 20px;
    padding-bottom: 20px;
}
.try-game h2 span{
    position: relative;
    display: block;
    background-color: #fff;
    z-index: 2;
    float: left;
}


.course{

}
.course a{
    position: relative;
    display: block;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px dashed #dedede;
    margin: 0 50px 0 20px;
    padding-left: 10px;
    font-size: 14px;
    background: url("/include/images/paid.png") no-repeat 0px -102px;
}
.course a:hover{
    text-decoration: underline;
}
.course a em{
    position: absolute;
    right:5px;
    color: #bcbcbc;
}
.course .nav a{
    display: inline-block;
    padding: 0px 2px;
    height: 14px;
    line-height: 14px;
    margin-left: 2px;
    background: #d4d4d4;
    color: #000;
    font-family: "ËÎÌå";
    cursor: pointer;
    margin: 0 2px;
    border: 0;
}
.course .nav .num{
    float: left;
}
.course .nav .next{
    position: static;
    padding: 3px 6px;
}
.course .nav{
    margin-top: 50px;
    text-align: center;

}




.course .nav a,
.course .nav span{
    display: inline-block;
    padding: 0px 2px;
    height: 22px;
    line-height: 22px;
    margin-left: 2px;
    background-color: #fff;
    color: #000;
    font-family: "ËÎÌå";
    cursor: pointer;
    height: 22px;
    border: 1px solid #ccc;
    min-width: 20px;
    font-size: 12px;
}

.course .nav .pre,
.course .nav .next{
    width: 14px;
    height: 22px;
    padding: 0;
    width: 49px;
    text-align: center;

}

.course .nav .next{
    background-position:3px -116px ;
}
.course .nav a:hover,
.course .nav span:hover{
    background-color: #1c8af0;
    color: #fff;
    border: 1px solid #1c8af0;
    text-decoration: none;
}
.course .nav .current{
    background-color: #1c8af0;
    color: #fff;
    border: 1px solid #1c8af0;
}
.course .nav .disable{
    background-color: #1c8af0;
    color: #fff;
    border: 1px solid #1c8af0;
    cursor: text;
}














.public_ad{
    display: block;
    margin:0 auto 30px;

}
.public_ad1{
    display: block;
    width: 1000px;
    margin: 0 auto;
    height: 82px;
}

.notice .qq{
    float: right;
    margin-right: 15px;
}
.notice .qq a{
    display: block;
    height: 22px;
    line-height: 22px;
    margin-top: 13px;
    width:76px;
    color: #383838;
    margin-left: 8px;
    float: left;
    background: url("/include/images/memeber.png") no-repeat 50px -333px;
}

.public_detail{

}
.public_detail .con{
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-top: 2px solid #007fd4;
    min-height: 822px;
}
.public_detail .head{
    padding-top: 60px;
    text-align: center;
    border-bottom: 1px dashed #dedede;
    margin: 0 30px;
    padding-bottom: 15px;
}
.public_detail .head h1{
    font-size: 18px;
    color: #313131;
    padding-bottom: 15px;
}
.public_detail .head em{
    margin-right: 30px;
}
.public_detail .head .red{
    margin-right: 0;
}
.public_detail .content{
    margin: 30px;
    line-height: 25px;
    color: #4f4a4a;
	word-wrap:break-word
}
/*.public_detail .content p{
    font-size: 14px;
    line-height: 26px;
    font-family: 'ËÎÌå';
}*/
.public_detail .content p{
    line-height: 26px;
    font-family:'΢ÈíÑźÚ';
    font-size: 16px;
}

.public_detail .content img{
    max-width: 90%;
}
.public_detail .nav{
    margin: 50px 30px 0;
}
.public_detail .nav a:hover{
    color: #e30000;
    text-decoration: underline;
}
.public_detail .nav .br{
    position: relative;
    padding-bottom: 30px;
}
.public_detail .nav .br span{
    color: #0099dc;
}
.public_detail .nav .br .back{
    position: absolute;
    right: 0;
}


.aligncenter{
    width: 1000px;
    margin: 30px auto 0;
}

.roll-item {
    font-size: 12px;
    position: relative;
    display: block;
    width: 203px;
    height: 27px;
    line-height: 27px;
    float: left;
    padding-left: 15px;
}

.roll-item em {
    color: #fe5700;
}

.roll-item em a {
    color: #fe5700;
}

.roll-item em a:hover {
    color: #fe5700;
    text-decoration: underline;
}

.roll-item img {
    position: absolute;
    left: 0;
    top: 0;
    width: 71px;
    height: 71px;
    border-radius: 4px;
}

.roll-item h3,
.roll-item b {
    position: relative;
    color: #468418;
    font-size: 12px;
    font-weight: normal;
    float: left;
    margin-right: 5px;
}

.roll-item,
.roll-item:hover {
    color: #4a4a4a;
}

.roll-item b,
.roll-item:hover b {
    color: #b2b2b2;
}

.roll-item .br {

}