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

/* css animation */
@media screen and (min-width:1295px) {
.cydst { display: block; }
.guide, .features, .avfeast, .cydst { position: absolute; right: 5px; margin-top: 0; }
.guide, .features { margin-right: 0; }
.guide { top: 0; }
.features { top: 295px; }
.avfeast { top: 590px;left:5px; }
.cydst { top: 590px; right: 5px;}
.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; }
.tabSlider .tabSlider-bd { min-height: 475px; }
}

@media screen and (max-width:970px) {
.avfeast { position: absolute;top: 590px;left:5px; }
.cydst { position: absolute; top: 590px; }
.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:635px) {
.avfeast {position: absolute; top: 590px;left:5px; }
.cydst { position: absolute; top: 590px; right: 5px;}
.cbx-w-double { width: 100%; }
.cbx-w-only { width: 49%; }
.st_pic { width: 100%; }
.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 0 0; height: 170px; }
.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:480px) {
.avfeast { position: absolute;top: 590px;left:5px; }
.cydst { position: absolute; top: 590px; right: 5px;}
.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%; }
.cbx-h-double { height: 370px; }
}

@media screen and (max-width:414px) {
.avfeast { position: absolute;top: 590px;left:5px; }
.cydst { position: absolute; top: 590px; right: 5px;}
.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%; }
.cbx-h-double { height: 370px; }
}