#header {height: 50px;line-height: 50px;width: 100%;background: rgba(0,0,0,0.1);min-width: 1140px;} #header h2 img {height: 50px;width: auto;} #header .wrap {padding: 0 !important;} #wrap {padding-left: 140px;width: 1000px;background: none !important;min-height: 73.2% !important;} #wrap .main {background: #fff;border-top: 1px solid #eee;} #index #wrap .main {padding-top: 10px;} #menu {text-align: left;text-indent: 30px;border-radius: 5px 0 0 5px;position: absolute;top: 85px;width: 140px;} #menu li {width: 140px;margin-left: 0 !important;} div#menu ul {height: 600px;background: rgba(0,0,0,0.25);} #menu li a {padding: 0 !important;display: block;font-size: 14px;font-weight: 400;height: 42px;line-height: 42px;width: 140px;} #menu li.current a,#menu li a:hover {height: 42px;line-height: 42px;background: rgba(0,0,0,0.2);width: 140px;} #nav {line-height: 49px;height: 49px;text-indent: 49px;margin-top: 36px;margin-bottom: -4px;padding-left: 140px;width: 1000px;background: url(http://beatpop.3vfree.net/tnk/1810271743d721a0300dbfebba.jpg) no-repeat scroll 140px 0px;color: #333;} #nav a {color: #333;} #index #wrap {margin-top: 35px;} .searchform {margin: 0 !important;} #footer {position: relative;clear:both;} .content {padding: 10px !important;} #umenu a {color: #fff;} #umenu .pipe {color: #999;} #umenu {height: 50px;line-height: 50px;color: #fff;} #ann dt {display: none;} #ann {background: url(http://beatpop.3vfree.net/tnk/1810271620e839009a6811bcda.png) no-repeat scroll 1px 50% #F9F7DE !important;padding: 0 15px !important;border-top: 1px solid #f1eecc !important;border-bottom: 1px solid #DBD8C6 !important;} #ann li a {color: #f60 !important;} #ann dd {margin-left: 1px !important;} #ann em {color: #999 !important;} a:hover {text-decoration: none;} .forumcount em {color: #444;} .itemtitle a {color: #369;} .forumcount em a {color: #369;} .itemtitle .y {float: right;margin-right: 10px;} #index .pages_btns,.itemtitle ul,#index #nav {display: none;} .forumcount {color: #999;float: left;background: url(http://beatpop.3vfree.net/tnk/18102716348e17188d30245459.png) no-repeat scroll 0 50%;margin-left: 10px !important;text-indent: 20px;} .list {border-top: 0 !important;margin-bottom: 10px;} .list h3 a {color: #2B91E3;font-size: 16px;} .list h3 {border-bottom: 1px solid #e2e2e2;} .list td, .list th {border-top: 0 !important;} #nav .y {float: right;padding: 8px 10px;} .list th{width: 310px;float: left;border: 1px solid #eee !important;display: block;height: 130px;margin-left: 7px;margin-top: 15px;transition: box-shadow 0.3s ease 0s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: #fff;position: relative;z-index: 0;} .list .item a img {position: absolute;top: 16px;left: 20px;height: 60px;width: 60px;} .list th .name {color: #333;font-size: 18px;position: absolute;line-height: 30px;top: 15px;left: 100px;right: 10px;} .list th .desc {color: #B3B3B3;line-height: 20px;height: 40px;overflow: hidden;position: absolute;top: 50px;left: 100px;right: 10px;white-space: normal;word-break: break-all;word-wrap: break-word;} .list th .abstract {width: 290px;border-top: 1px solid #f2f2f2;color: #999;height: 30px;line-height: 30px;padding: 0px 10px;position: absolute;bottom: 0px;left: 0px;right: 0px;}em, cite, i {font-style: normal;} .list th:hover {border-color: #e2e2e2;box-shadow: 0 0 5px rgba(0,0,0,0.2);} .q_enter {display: none;} .list th:hover .q_enter {display: block;float: right;height: 20px;line-height: 20px;padding: 0 10px;display: inline-block;background: #2B91E3;color: #fff;font-size: 12px;border-radius: 2px;position: absolute;right: 5px;bottom: 5px;} #onlinelist dt, #onlinelist dd,.forumlinks, .forumimglink, .forumtxtlink {border-top: 0 !important;} #forumlinks {border-top: 1px solid #eee;padding-top: 5px;} .forumlinks ul li {height: 35px!important;} #onlinelist dt {border-bottom: 1px dashed #F2F2F2;} #footer, #footer a {color: #fff !important;} #forumheader {border-bottom: 1px solid #eee;line-height: 18px !important;padding-bottom: 5px;} .forumaction {float: right !important;} #newspecial_menu {left: 1388px !important;top: 147px !important;} .threadtype {border-top: 0 !important;padding: 10px 0 !important;} .threadtype strong,.threadtype a:hover,.threadtype strong:hover {background: #2B91E3 !important;color: #fff !important;padding: 5px 10px !important;} .threadtype a, .threadtype strong {padding: 5px 10px !important;margin-right: 6px;color: #666;background: #ccc;border-radius: 2px;white-space: nowrap;} #threadlist .tf {padding: 15px 0;font-size: 14px;color: #999;} .datalist th, .datalist td {padding: 6px 5px !important;} .threadlist th a {font-size: 14px;} .datalist .datatable th, .datalist .datatable td {border-bottom: 1px solid #F2F2F2;} #moderate tbody:hover {background-color: #fafafa;} #threadlist .tf .by,#threadlist .tf .num {float: right;} #threadlist .tf .by {width: 129px;} #threadlist .tf .num,.nums {text-align: right !important;color: #999 !important;width: 50px !important;} .lastpost {width: 0px !important;} .lastpost, .lastpost cite, .lastpost em {text-align: left !important;} .postcontent {background: #fff;} .threadad td.postauthor,.adcontent {background: #F3F3F3 !important;height: 10px !important;} .mainbox td.postauthor {border-right: 1px solid #F2F2F2 !important;background: #fff;} .postauthor .avatar img {padding: 10px;width: 110px;border: 1px solid #eee;} .forumcontrol {border-bottom: 1px solid #f2f2f2;border-top: 1px solid #f2f2f2;} .t_l, .t_c, .t_r, .m_l, .m_r, .b_l, .b_c, .b_r {background: rgb(0,0,0);overflow: hidden;opacity: 0.2;} .t_l {border-radius: 8px 0px 0px;-moz-border-radius: 8px 0 0 0;-webkit-border-radius: 8px 0 0 0;} .t_r {border-radius: 0px 8px 0px 0px;-moz-border-radius: 0 8px 0 0;-webkit-border-radius: 0 8px 0 0;} .m_c {background-color: #FFFFFF;background-size: 100%;} .b_l {border-radius: 0px 0px 0px 8px;-moz-border-radius: 0 0 0 8px;-webkit-border-radius: 0 0 0 8px;} .b_r {border-radius: 0px 0px 8px;-moz-border-radius: 0 0 8px 0;-webkit-border-radius: 0 0 8px 0;} .t_c, .b_c {height: 8px;} .t_l, .t_r, .b_l, .b_r {width: 8px;height: 8px;} .forumtxtlink {border-top: 1px dashed #F2F2F2 !important;} .viewthread td.postbottom {background: #fff;} #faq #wrap .main {background: none !important;border: 0 !important;} .with_side .content,.with_side .side {background: #fff;} .a-bird{z-index:-1;position:absolute;width:120px;height:90px;background-image:url(http://beatpop.3vfree.net/tnk/1810301146dbfa87deec5e83b5.png);background-repeat:no-repeat;-webkit-animation:fly 1s linear infinite,forward 30s linear infinite;-moz-animation:fly 1s linear infinite,forward 30s linear infinite;-ms-animation:fly 1s linear infinite,forward 30s linear infinite;}.a-bird-01{top:320px;left:-3%;background-position:0 -540px;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-webkit-animation-delay:-0.67s,-26.077s;-moz-animation-delay:-0.67s,-26.077s;-ms-animation-delay:-0.67s,-26.077s;zoom:0.8\9;}.a-bird-02{top:240px;left:4%;background-position:0 -360px;-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-ms-transform:scale(0.6);-webkit-animation-delay:-0.45s,-24.462s;-moz-animation-delay:-0.45s,-24.462s;-ms-animation-delay:-0.45s,-24.462s;zoom:0.6\9;}.a-bird-03{top:280px;left:12%;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-webkit-animation-delay:0s,-22.615s;-moz-animation-delay:0s,-22.615s;-ms-animation-delay:0s,-22.615s;zoom:0.7\9;}.a-bird-04{top:300px;left:85%;background-position:0 -630px;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-webkit-animation-delay:-0.78s,-5.769s;-moz-animation-delay:-0.78s,-5.769s;-ms-animation-delay:-0.78s,-5.769s;zoom:0.8\9;}.a-bird-05{top:260px;left:93%;background-position:0 -270px;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-webkit-animation-delay:-0.34s,-3.923s;-moz-animation-delay:-0.34s,-3.923s;-ms-animation-delay:-0.34s,-3.923s;zoom:0.7\9;}.a-bird-06{top:220px;left:79%;background-position:0 -450px;-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-ms-transform:scale(0.6);-webkit-animation-delay:-0.56s,-7.154s;-moz-animation-delay:-0.56s,-7.154s;-ms-animation-delay:-0.56s,-7.154s;zoom:0.6\9;}@-webkit-keyframes fly{0%{ background-position:0 0;}11.1%{ background-position:0 0;}11.11%{ background-position:0 -90px;}22.21%{ background-position:0 -90px;}22.22%{ background-position:0 -180px;}33.32%{ background-position:0 -180px;}33.33%{ background-position:0 -270px;}44.43%{ background-position:0 -270px;}44.44%{ background-position:0 -360px;}55.54%{ background-position:0 -360px;}55.55%{ background-position:0 -450px;}66.65%{ background-position:0 -450px;}66.66%{ background-position:0 -540px;}77.76%{ background-position:0 -540px;}77.77%{ background-position:0 -630px;}88.87%{ background-position:0 -630px;}88.88%{ background-position:0 -720px;}99.98%{ background-position:0 -720px;}100%{ background-position:0 0;}}@-moz-keyframes fly{0%{ background-position:0 0;}11.1%{ background-position:0 0;}11.11%{ background-position:0 -90px;}22.21%{ background-position:0 -90px;}22.22%{ background-position:0 -180px;}33.32%{ background-position:0 -180px;}33.33%{ background-position:0 -270px;}44.43%{ background-position:0 -270px;}44.44%{ background-position:0 -360px;}55.54%{ background-position:0 -360px;}55.55%{ background-position:0 -450px;}66.65%{ background-position:0 -450px;}66.66%{ background-position:0 -540px;}77.76%{ background-position:0 -540px;}77.77%{ background-position:0 -630px;}88.87%{ background-position:0 -630px;}88.88%{ background-position:0 -720px;}99.98%{ background-position:0 -720px;}100%{ background-position:0 0;}}@-ms-keyframes fly{0%{ background-position:0 0;}11.1%{ background-position:0 0;}11.11%{ background-position:0 -90px;}22.21%{ background-position:0 -90px;}22.22%{ background-position:0 -180px;}33.32%{ background-position:0 -180px;}33.33%{ background-position:0 -270px;}44.43%{ background-position:0 -270px;}44.44%{ background-position:0 -360px;}55.54%{ background-position:0 -360px;}55.55%{ background-position:0 -450px;}66.65%{ background-position:0 -450px;}66.66%{ background-position:0 -540px;}77.76%{ background-position:0 -540px;}77.77%{ background-position:0 -630px;}88.87%{ background-position:0 -630px;}88.88%{ background-position:0 -720px;}99.98%{ background-position:0 -720px;}100%{ background-position:0 0;}}@-webkit-keyframes forward{0%{ left:110%;}100%{ left:-20%;}}@-moz-keyframes forward{0%{ left:110%;}100%{ left:-20%;}}@-ms-keyframes forward{0%{ left:110%;}100%{ left:-20%;}}.animate-layer {position: fixed;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;z-index: -1;}.animate-layer:before{ display:none;}.animate-layer:after{ display:none;} #notice #wrap .main,#memcp #wrap .main,#my #wrap .main,#pm #wrap .main,#task #wrap .main,#magic #wrap .main {background: none !important;border-top: 0 !important;} .q_qiehuan:hover { background: url(http://beatpop.3vfree.net/tnk/181028164449f614b3a9f275ba.png) no-repeat 0px -40px; } .q_qiehuan { position: absolute; z-index: 199; margin-left: 1100px; margin-top: 85px; width: 40px; height: 40px; line-height: 20; overflow: hidden; background: url(http://beatpop.3vfree.net/tnk/181028164449f614b3a9f275ba.png) no-repeat 0px 0px; transition: none; border-top-right-radius: 5px; } .q_qiehuan_menu h2 { position: relative; height: 54px; margin: 0px; padding: 0px 15px; line-height: 54px; font-size: 16px; font-weight: bold; color: #333; border-bottom: 1px solid #EFEFEF; background: #FAFAFA url(http://beatpop.3vfree.net/tnk/xq.png) no-repeat 15px center; } .q_qiehuan_menu span { width: 98px; height: 70px; border: 2px solid #fff; margin-left: 15px; float: left; margin-bottom: 15px; cursor: pointer; position: relative; } .q_qiehuan_menu span:hover { width: 98px; height: 70px; border: 2px solid #2d92dd; margn-left: 15px; float: left; margin-biottom: 15px; cursor: pointer; position: relative; } .q_qiehuan_menu { left: 30%; width: 600px; height: auto; border: 1px solid #BCBCBC; background: #FFF; box-shadow: 0px 1px 10px rgba(0,0,0,0.4); position: absolute; z-index: 5200; } .q_qiehuan_menu a.dialog-handle { float: right; margin-right: 15px; margin-top: 19px; width: 16px; height: 16px; display: inline-block; overflow: hidden; background: url(http://beatpop.3vfree.net/tnk/chacha.gif); background-repeat: no-repeat; } .q_qiehuan_menu a.dialog-handle:hover { background-position: 0px -16px; } .q_qiehuan_menu span em:hover { display: block; position: absolute; bottom: 0; left: 0; width: 98px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: white; background-color: rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#80000000'); } .q_qiehuan_menu span:hover em{ display: block; position: absolute; bottom: 0; left: 0; width: 98px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; color: white; background-color: rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#80000000'); } .q_qiehuan_menu span em { display: none; } .Sunset_glow {background: url(http://beatpop.3vfree.net/tnk/2019.jpg) no-repeat fixed center top #0D1722;background-size: cover;} .Snow {background: url(http://beatpop.3vfree.net/tnk/20191.jpg) no-repeat fixed center top #282062;background-size: cover;} .NewYear {background: url(http://beatpop.3vfree.net/tnk/20193.jpg) no-repeat fixed center top #b3282f;background-size: cover;} .London {background: url(http://mc0713.66rt.com/attachments/day_181103/1811031106de6c34d4a2ae6484.jpg) no-repeat fixed center top #2A333B;background-size: cover;} .Flowers {background: url(http://mc0713.66rt.com/attachments/day_181103/18110311052bb77aa78c265606.jpg) no-repeat fixed center top #F5F3F0;} .Wizard {background: url(http://mc0713.66rt.com/attachments/day_181103/181103110521781232049cc7ad.jpg) no-repeat fixed center top #5D974D;background-size: cover;} .California {background: url(http://mc0713.66rt.com/attachments/day_181103/18110311057dfc1800566147cc.png) repeat-x fixed center bottom transparent;} .Cloud {background: url(http://mc0713.66rt.com/attachments/day_181103/18110311062db3c814fbc44966.png) repeat-x bottom fixed;} .Sky {background: #0d1722 url(http://mc0713.66rt.com/attachments/day_181103/181103110607722545738a9e55.jpg) no-repeat center top fixed;background-size: cover;} .Lavender {background: url(http://mc0713.66rt.com/attachments/day_181103/181103110633f6ff45346b394d.jpg) no-repeat fixed center top #FFF;background-size: cover;} .City {background: url(http://mc0713.66rt.com/attachments/day_181103/18110311067e7cd0b97af172d6.png) repeat-x fixed center top transparent !important;} .Black {background: url(http://mc0713.66rt.com/attachments/day_181103/1811031106d58f492ef057a9c6.gif) repeat fixed 0px 0px #313131;background-size: cover;} .Beige {background: url(http://mc0713.66rt.com/attachments/day_181103/1811031106e7b8ff96cdd17c96.jpg) repeat fixed 0px 0px #F7F7DF;background-size: cover;} .Dragon {background: url(http://mc0713.66rt.com/attachments/day_181103/1811031106c7fd36cfdc4e14be.jpg) repeat fixed center top #060404;background-size: cover;} .chengshi {background: url(http://mc0713.66rt.com/attachments/day_180908/18090812491ae2e5e05c9f70c9.jpg) no-repeat fixed center top #060404;background-size: cover;} .mycj_bottom { width: 210px; background: #fff; box-shadow: 3px 1px 5px rgba(0,0,0,0.5); border-radius: 3px; padding: 10px; position: relative; z-index: 999; top: 10px; font-size: 12px; color: #666 !important; } .mycj-angle { margin-bottom: -50px; margin-left: -20px; transform: rotate(270deg); width: 0px; height: 0px; overflow: hidden; border-width: 10px; border-style: solid; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-color: transparent transparent #FFF; position: relative; } .user-bottom-con { width: 100%; display: inline-block; } .user-bottom-con a { display: inline-block; height: 24px !important; line-height: 24px !important; background: #eaeaea; background-image: none !important; text-align: center; border-radius: 3px; width: 95px; margin-right: 10px; float: left; margin-bottom: 5px; color: #666 !important; padding: 0 !important; } .qmenu_bottom { width: 430px; height: 156px; background: #fff; box-shadow: 3px 1px 5px rgba(0,0,0,0.5); border-radius: 3px; padding: 10px; position: relative; z-index: 999; top: 10px; font-size: 12px; color: #666 !important; } .qmenu-angle { margin-bottom: -50px; margin-left: -20px; transform: rotate(270deg); width: 0px; height: 0px; overflow: hidden; border-width: 10px; border-style: solid; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-color: transparent transparent #FFF; position: relative; } #qmenu_menu { margin-left: 130px; margin-top: -30px; } #qmenu_menu a { padding: 50px 12px 0 12px; font-size: 12px; background: url(http://icode.258club.com/attachments/month_1811/181101055307feebc728cec6d6.gif) no-repeat 50% 5px; text-align: center; display: block; } #qmenu_menu a:hover { background-color: #F2F2F2; color: #369; text-shadow: none; } #qmenu_menu li { float: left; margin: 5px; width: 60px; } #qmenu { display: block; height: 40px; line-height: 40px; color: #fff; padding: 0 15px 0 36px; font-weight: 400; overflow: hidden; font-size: 14px; position: relative; } #qmenu img { top: 12px; left: 15px; width: 16px; position: absolute; } .ptm { background-color: #fff; padding: 30px; box-shadow: 3px 1px 5px rgba(0,0,0,0.5); border-radius: 3px; } .ptm a { padding: 0!important; background: none!important; display: inline!important; }