@charset "utf-8";
@media screen and (min-width:1025px) {
    .syntaxhighlighter .container::-webkit-scrollbar {height:6px !important;background:#949494;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
    .syntaxhighlighter .container::-webkit-scrollbar-button {display:none;}
    .syntaxhighlighter .container::-webkit-scrollbar-track {background:#E6E6E6;}
    .syntaxhighlighter .container::-webkit-scrollbar-thumb {background:#ccc;border-radius:100px;-webkit-border-radius:100px;}
    .syntaxhighlighter .container::-webkit-scrollbar-thumb:active {background:#6BC30D;}
}
@media screen and (min-width:1025px) and (max-width:1199px) {
    .container::-webkit-scrollbar {width:6px;height:6px;background:#949494;border-radius:50%;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
    .navbox {width:96%}
    #starlist li a {padding:0 10px;}
    #starlist li.menu:before {right:0}
    .zhuanti li {width:27%}
    .searchbox {width:96%}
    .box,article {width:96%}
    .fader .slide img {height:320px}
    .links li {width:100%;text-align:left}
    .jianzhan li section {margin:0 5px;}
    .jianzhan li:nth-child(1) {width:30%}
    .jianzhan li:nth-child(3) {width:36.3%}
    #left-bar-button {display:block;}
}
@media screen and (max-width:1024px) {
    header {width:96%;margin:auto}
    .searchbox {width:100%;position:fixed;top:50px;z-index:99;border-radius:0;}
    .search {width:80%;margin:20px 70px;}
    .searchico {position:absolute;top:0;right:10px;margin-right:0;}
    .searchclose {width:28px;height:30px;right:18px;top:22px;}
    article {width:96%}
    .logo {width:100%}
    nav {width:100%;position:relative}
    #starlist {display:none;background:rgba(0,0,0,.5);width:100%;margin-left:0;}
    #starlist li {display:block;padding:0 0 0 0;width:60%;background:rgba(255,255,255,1);border-bottom:#f5f5f5 1px solid;}
    .sub {display:block;box-shadow:none;padding-left:0}
    #starlist .sub li {border-bottom:none;}
    .menu:after {display:none}
    #mnavh {position:absolute;display:block;top:8px;left:10px}
    .box,article {width:96%}
    .lbox {width:100%}
    .rbox {display:none;width:60%;height:100%;overflow-y:auto;position:fixed;right:0;top:60px;background:#efefef;z-index:50;padding-bottom:120px;}
    .r {margin-bottom:5px;}
    #left-bar-button {display:block;}
    .qq_join li section {margin:0 10px}
    .jianzhan li section {margin:0 5px;}
    .jianzhan li:nth-child(1) {width:30%}
    .jianzhan li:nth-child(3) {width:36.3%}
    .zhuanti li {width:27%;}
}
@media only screen and (max-width:768px) {
    header {width:96%;margin:auto}
    .logo {width:100%}
    nav {width:100%;position:relative}
    #starlist {display:none;position:fixed;top:60px;background:rgba(0,0,0,.5);width:65%;margin-left:0;}
    #starlist li {display:block;padding:0 0 0 0;width:100%;background:rgba(255,255,255,1);border-bottom:#f5f5f5 1px solid;}
    .sub {display:block;box-shadow:none;padding-left:0}
    #starlist .sub li {border-bottom:none;}
    .menu:after {display:none}
    #mnavh {position:absolute;display:block;top:8px;left:10px}
    .zhuanti li {padding:15px;}
    .bplist a img {width:96%}
    .xinlu li a {padding:5px;margin:0 5px;}
    .myblog li {width:33.3%;}
    .qq_join li section {margin:0 5px;padding:5px;}
    .qq_join li p {margin:10px 0;font-size:12px}
    .endnav p:last-child {text-align:center;}
    .site_tj li {width:20%}
    .hnav a {font-size:12px}
    .muban li section {margin:0 5px;height:260px;overflow:hidden}
    .zhuanti li {width:27.6%;padding:8px}
    .search_open {width:400px;}
    .search_open.search_bar .input {width:400px;}
    #starlist li:last-child {padding-bottom:100%}
    #starlist .sub li:last-child {padding-bottom:0}
    .rbox {display:none;width:60%;height:100%;overflow-y:auto;position:fixed;right:0;top:60px;background:#efefef;z-index:50;padding-bottom:120px;}
    .r {margin-bottom:5px;}
    #left-bar-button {display:block;}

    .countdown span {
        width: 40px;
        height: 40px;
    }
    .countdown span p:first-child{font-size: 20px;color: #fff;}
}
@media only screen and (max-width:480px) {header {width:96%;margin:auto}
    .logo {width:100%}
    nav {width:100%;position:relative}
    #starlist {display:none;position:fixed;top:60px;background:rgba(0,0,0,.5);width:65%;margin-left:0;overflow-y:scroll;}
    #starlist li {display:block;padding:0 0 0 0;width:100%;background:rgba(255,255,255,1);border-bottom:#f5f5f5 1px solid;}
    .sub {display:block;box-shadow:none;padding-left:0}
    #starlist .sub li {border-bottom:none;}
    .menu:after {display:none}
    .searchbox {width:100%;position:fixed;top:50px;z-index:99;}
    .search {width:80%;margin:20px 20px;}
    .searchico {position:absolute;top:0;right:10px;}
    .searchclose {width:28px;height:30px;right:18px;top:22px;}
    #mnavh {position:absolute;display:block;top:8px;left:10px}
    .headline {width:100%}
    .headline ul {height:auto;padding-bottom:10px;overflow:hidden}
    .headline ul li {width:49%;float:left;}
    .headline ul li:last-child {float:right}
    .headline ul li span {padding:0 20px}
    .banbox {width:100%}
    .fader {height:200px;}
    .newspic {width:100%;height:auto}
    .newspic li {width:49%;float:left}
    .newspic li:last-child {float:right}
    .newspic li a {height:100%}
    .newslist {float:none;width:100%}
    .zhuanti ul {padding:0}
    .zhuanti li {width:44%;padding:8px;}
    .zhuanti ul:before {left:0;}
    .zhuanti ul:after {bottom:0}
    .ad {padding:5px}
    .blogtitle {font-size:16px}
    .bplist {height:60px}
    .bplist a img {height:100%}
    a.viewmore {position:static;margin-top:20px;text-align:center}
    .blogpic {width:100px;margin-right:10px;height:76px;}
    .blogtext {margin-top:15px}
    .lanmu h1 {font-size:18px;}
    .top_pic {width:100%;float:none;margin-bottom:10px}
    .top_box {float:none;width:100%;}
    .liucheng li,.jianzhan li:nth-child(1),.jianzhan li:nth-child(3) {width:100%;}
    .muban li section {height:auto}
    .site_tj li {width:50%}
    .about {padding:20px}
    .ab_box p:last-child {width:100%;clear:both;padding-top:10px}
    .ly_button {float:none;display:block;}
    .xinlu li {width:50%}
    .myblog li,.xiangsi li {width:50%}
    .qq_join li {width:50%;margin-bottom:20px}
    .wxbox ul {overflow:hidden;text-align:center}
    .wxbox li {float:none;display:inline-block}
    .wxbox {float:none}
    .endnav {width:100%;overflow:hidden;margin-top:20px;margin:0 auto;text-align:center;}
    .endnav p {margin:0 10px}
    .price_info img {position:static}
    .free li {width:100%;margin-bottom:10px}
    .newspic span {padding:0 8px;}
    .hnav {float:none;width:100%;clear:both;display:block;overflow:hidden;}
    .ztpic {height:60px;}
    .zhuanti li b {-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;font-size:14px;height:42px;line-height:24px;white-space:inherit;}
    .bloginfo {width:100%}
    .imgscale img {height:100%;max-width:100%;}
    .blogpic i {display:none}
    .fader .slide img {height:200px;}
    .otherlink li {width:100%}
    .tab_buttons {overflow-x:auto;}
    .tab_buttons ul {width:600px;overflow-x:scroll;}
    .tab_buttons li {margin-right:30px;width:auto;}
    .newscurrent:after {width:100%}
    .search_open {width:300px;}
    .search_open.search_bar .input {width:300px;}
    #starlist li:last-child {padding-bottom:100%}
    #starlist .sub li:last-child {padding-bottom:0}
    .rbox {display:none;width:60%;height:100%;overflow-y:auto;position:fixed;right:0;top:60px;background:#efefef;z-index:50;/*         padding-bottom:120px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;*/}
    .r {margin-bottom:5px;}
    #left-bar-button {display:block;z-index: 9999}
    .syntaxhighlighter td.code .container {width:280px !important;}
    #emotions {width:246px;}
    #emotions .container {max-width:244px;}
    #info-show .reply-cont.top-li {width:82%;}
    #info-show .reply-cont.child-li {width:76%;}
    #info-show .content {/* padding-left:50px;width:82%;*/}
}
@media only screen and (max-width:320px) {.syntaxhighlighter td.code .container {width:230px !important;}
}


