@charset "gb2312";
/* CSS Document */
.hotbut { margin: 0px;}
.qnav { background: #fff; margin: 0px;}

/* css animation */
@media screen and (min-width:1295px) {
.cydst { display: block; }
.guide, .features { margin-right: 0; }
.hotrotate, .sharon { margin-right: 325px; }
.banners .banns:nth-of-type(3) { margin-right: 15px; }
.banners .banns:nth-of-type(4) { margin-right: 0px; }
.banners .banns:nth-of-type(5) { margin-right: 15px; }
.banners .banns:nth-of-type(6) { margin-right: 15px; }
.banners .banns:nth-of-type(7) { margin-right: 15px; }
}

@media screen and (max-width:970px) {
.hotbut, .qnav { display: none; }
.features { margin-right: 0; }
.avfeast { width: 100%; height: auto; }
.avnav .w, .avnav .v { margin-bottom: 0; }
.avnav .w, .course { margin-right: 15px; }
.banners { height: auto; }
.banners .banns:nth-of-type(2) { margin-right: 0; }
.banners .banns:nth-of-type(3) { margin-right: 15px; }
.banners .banns:nth-of-type(4) { margin-right: 0px; }
.banners .banns:nth-of-type(5) { margin-right: 15px; }
.banners .banns:nth-of-type(7) { margin-right: 15px; }
}

@media screen and (max-width:645px) {
.snav { width: 100%; border-radius: 7px 7px 0 0; overflow: hidden; }
.snav .topbig, .snav .g2 { height: 43px; line-height: 43px; box-sizing: border-box; background-color: #2fc3a3; }
.snav .topbig, .snav .g2 a, .cotpart, .gaibang .mp-role, .mainNav dt { background-image: none; }
.snav .topbig { float: left; width: 50%; }
.snav .topbig a { opacity: 1; text-indent: 0; color: #fff; background: none; }
.snav .topbig a:hover, .snav .topbig .cur { opacity: 1; background: #22B090; }
.snav .g2 { width: 25%; border-left: 1px solid #1bd0a9; }
.snav .g2 a { text-indent: 0; }
.snav .g2 a:hover, .snav .g2 .cur { background: #22B090; }
.hotrotate { z-index: 5; }
.rotate_number { right: 0; bottom: 0; background: rgba(0,0,0,.5); padding: 1% 1% 1% 1.2%; border-radius: 10px 0 0; }
.rotate_number span { width: 6px; height: 6px; border-radius: 3px; }
.rotate_number span.cur { width: 13px; }
.gamedata, .ost_box, .hotbut, .newstabs li:nth-child(n+4) { display: none; }
.article:hover, .avnav .avnav-i:hover { box-shadow: none; }
}

@media screen and (max-width:635px) {
.cbx-w-double { width: 100%; }
.cbx-w-only { width: 49%; }
.st_pic { width: 280px; }
.st_info { width: 240px; }
.hotbut { width: 100%; }
.hotevt, .banners { display: none; }
.listpart, .avfeast { width: 100%; }
.hotnews { margin-top: 0; }
.guide, .features, .sharon, .course, .banners, .avfeast, .cydst { margin-top: 2%; }
.guide, .course { margin-right: 2%; }
.sharon { margin-right: 0; }
.hotrotate { padding: 0 0 44.09%; height: 0; }
.avnav .avnav-i { width: 24%; margin-right: 0; height: 0; padding: 0 0 24%; }
.avnav .avnav-i:nth-child(n+2) { margin-left: 1.33%; }
.avnav .cur, .avnav .avnav-i:hover { background-color: #2fb396; }
.avnav .cur { background: #fff; }
.avnav .singla, .avnav .singla:hover { padding: 0; height: 100%; }
.avnav .avnav-i:hover .icon { top: 50%; opacity: 1; }
.avnav .icon { top: 50%; margin-top: -31px; }
.avnav .singla { text-indent: -9999px; }
.st-lists .toppic { width: 100%; max-width: 270px; margin: 0 auto; }
}

@media screen and (max-width:550px) {
}

@media screen and (max-width:480px) {
.guide, .features { display: none; }
.newsbox { padding: 15px 3% 0; }
.newsbox .tabs li, .newsbox .bdbotline { width: 22%; }
.newsbox .tabs .more-news { position: static; width: 12%; }
.guide, .features, .gdnav .soa a { background-image: none; }
.guide h2, .features h2 { text-align: center; padding-left: 0; }
.guide { background-position: 100% 0; }
.guide .gdnav { width: 72%; }
.gdnav { width: 72%; margin: 0 auto; padding: 0; overflow: hidden; }
.gdnav .soa { float: left; width: 49%; padding: 0; margin-top: 15px; line-height: 26px; }
.gdnav .soa:nth-child(even) { margin-left: 2%; }
.gdnav .soa:nth-child(n+3) { margin-top: 5%; }
.gdnav .soa a { text-align: center; border: 1px solid #8b8b8b; border-radius: 5px; padding-top: 4px; padding-left: 0; background-color: rgba(255,255,255,.9); }
.gdnav .soa a:hover { padding-right: 0; border-color: #2fc3a3; background-color: #2fc3a3; color: #fff; }
.gdnav .more { clear: both; width: 100%; }
}

@media screen and (max-width:414px) {
.course { display: none; }
.guide, .features { display: block; height: auto; padding: 0 0 30px; }
.guide .more, .features .more { width: 72%; margin: 20px auto 0; position: static; bottom: 0; left: 0; }
.article { float: none; margin-left: auto; margin-right: auto; }
.cbx-w-only, .cbx-w-double { width: 100%; }
.snav .topbig { width: 40%; }
.snav .g2 { width: 30%; }
.features .gdnav { padding-left: 0; }
.sharon { clear: both; }
.avnav { overflow: hidden; }
.avnav .avnav-i { width: 49%; padding: 0 0 49%; }
.avnav .avnav-i:nth-child(n+2) { margin-left: 0; }
.avnav .avnav-i:nth-child(n+3) { margin-top: 2%; }
.avnav .avnav-i:nth-child(2n+2) { margin-left: 2%; }
}

/*盒子（右侧新闻列表）*/
.ul_news { display: block; width: 280px; position: absolute; left: 20px; top: 70px; }
.ul_news li { height: 25px; width: 100%; display: block; float: left; line-height: 23px; }
.ul_news li a { float: left; display: block; background-image: url(../images/imgs.png); background-position: 0px -410px; padding-left: 20px; line-height: 23px; }
.ul_news li a:hover { color: #00aaff; background-position: 0px -440px; }
.st-lists .slists { float: left; width: 60px; height: 100%; padding: 0; text-align: center; margin: 0 15px 0 0; }

/*盒子（右侧留言）*/
.book_box { margin: 0px; background-color: #FFFFFF; }
.book_box .book_bnt { display: block; width: 200px; height: 40px; color: #fff; border-radius: 20px; text-align: center; background-color: #00aaff; border: 0px none; cursor: pointer; font-size: 20px; outline: none; }
.book_box .book_bnt:hover { background-color: #0088CA; }
.form_ui { width: 100%; margin-bottom: 20px; float: left; }
.form_ui dt { width: 100%; margin: 10px 0; float: left; }
.form_ui dt span.l { float: left; height: 30px; line-height: 30px; margin-right: 5px; }
.form_ui dt span.r { float: left; height: 30px; line-height: 30px; margin-left: 5px; }
.form_ui dt .input { float: left; height: 28px; border: 1px solid #ddd; line-height: 30px; padding: 0px 10px; }