@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; word-wrap:break-word }
body, html, input { font:12px/1.5 "Microsoft YaHei", "STHeiti", "SimHei", Verdana, Arial, sans-serif }
table { border-collapse:collapse; border-spacing:0; }
img { border:none }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
h1 { font-size:34px; }
h2 { font-size:26px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }
ul, ol, li { list-style:none; }
a { color:#ddd; text-decoration:none; }
a:hover { text-decoration:underline; }
strong, b { font-weight:bold;}
em { font-style:normal;}
audio { width:400px; height:auto;}
.white,.white a { color:#fff }
.blue,.blue a { color:#004499 }
.red,.red a,a.red { color:#ff5f5f; }

/*通用样式*/
.hidden { display:none; }
.invisible { visibility:hidden; }
.f12 { font-size:12px }
.f14 { font-size:14px }
.f16 { font-size:16px }
.f18 { font-size:18px }
.f20 { font-size:20px }
.fb { font-weight:bold }
.fn { font-weight:normal }
.lh20 { line-height:20px }
.lh22 { line-height:22px }
.lh24 { line-height:24px }
.lh26 { line-height:26px }
.lh28 { line-height:28px }
.text-c { text-align: center }
.text-l { text-align: left }
.text-r { text-align: right }
.mt10 { margin-top:10px;}
.fl { float:left }
.fr { float:right }
.clear { clear:both; }
.hidden { display:none;}
.pr { position:relative }
.pa { position:absolute }

.wrap { width:1200px; margin:0 auto; }body { background-image:url(../images/bg.gif); background-color:#fff; background-repeat:repeat-x;}
/* header */
#header { width:100%; min-width:1200px; height:auto;}
#header .topbar { height:34px; line-height:34px; background:#2F353E;}
#header .topbar a { font-size:12px;}
#header .topbar .vline { display:block; margin:4px 0; height:26px; border-left:1px solid #222; border-right:1px solid #4e4e4e;}
#header .topbar .login {}
#header .topbar .login li { float:left; height:34px; line-height:32px; padding:0 8px;}
#header .topbar .login li.vline { padding:0; height:26px;}
#header .topbar .login li.user a { margin:0 4px; padding:4px 8px;}
#header .topbar .qq_login, 
#header .topbar .wb_login { display:inline-block; margin:0 6px; padding-left:20px; height:18px; line-height:18px; }
#header .topbar .qq_login, 
#header .topbar .wb_login { background:url(../images/icon_login.png) no-repeat 0 -17px;}
#header .topbar .qq_login { background-position:0 1px;}
#header .topbar .wb_login { background-position:0 -17px;}
#header .topbar .top_info {}
#header .topbar .top_info li.vline { padding:0; height:26px;}
#header .topbar .top_info li { float:left; height:34px; line-height:32px; padding:0 16px;}
#header .topbar .top_info li.home,
#header .topbar .top_info li.mobile { background:url(../images/icon_info.png) no-repeat;}
#header .topbar .top_info li.home { background-position:0 -67px; padding-left:20px; }
#header .topbar .top_info li.mobile { background-position:16px -94px; padding-left:30px;}

#header .head-main { height:75px;}
#header .head-main .logo { float:left; width:284px;}
#header .head-main .head-ad { float:left; margin-left:20px; padding-top:13px; width:507px;}
#header .head-main .addbaidu { float:right; margin-top:13px; width:160px; text-align:center;}
#header .head-main .addbaidu a { display:block; background:url(../images/addtobaidu.gif); width:156px; height:53px; border:0;}
#header .head-main .addbaidu span { display:none;}

/* hot-l */
.hot-l { float:left; margin-top:5px; width:300px;}
/* FocusPic */
.FocusPic { zoom:1; position:relative; width:300px; height:230px; background:#eee; overflow:hidden;}
.FocusPic .content{overflow:hidden}
.FocusPic .changeDiv a{position:absolute;top:0px;left:0px;display:none;}
.FocusPic .title-bg,.FocusPic .title{position:absolute;left:0px;bottom:0;width:300px;height:30px;line-height:30px;overflow:hidden}
.FocusPic .title-bg{background:#000;filter:alpha(opacity=50);opacity:0.5;}
.FocusPic .title a{display:block;padding-left:15px;color:#fff; font-size:14px;}
.FocusPic .change{bottom:4px;height:20px;right:3px;*right:5px;_right:4px;position:absolute;text-align:right;z-index:9999;}
.FocusPic .change i {background:#666;color:#FFF;cursor:pointer;font-family:Arial;font-size:12px;line-height:15px;margin-right:2px;padding:2px 6px; font-style:normal; height:15px;display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;}
.FocusPic .change i.cur {background:#4a7993;}
/* album */
.hot-l .album { margin-top:10px; border:1px solid #eee;}
.hot-l .album .title { padding:0 10px; height:30px; border-bottom:2px solid #4a7993; overflow:hidden;}
.hot-l .album .title span { margin:7px 0; padding-left:5px; height:15px; line-height:15px; font-size:14px; font-family:"Microsoft YaHei"; border-left:2px solid #4a7993;}
.hot-l .album .title .more { float:right; font-size:12px; text-align:right; color:#666; line-height:28px;}
.hot-l .album .dl { margin-top:10px; padding:0 10px;}
.hot-l .album .dl .pic { float:left; margin-right:10px; width:120px; height:90px; overflow:hidden;}
.hot-l .album .dl .pic img { width:120px; height:90px;}
.hot-l .album .dl .tit { height:20px; line-height:20px; font-size:14px; font-family:"Microsoft YaHei"; font-weight:bold; color:#333; overflow:hidden;}
.hot-l .album .dl .info { margin-top:5px; padding-bottom:15px; line-height:1.6em; color:#888;}
/* hot-m */
.hot-m { float:left; margin-top:5px; margin-left:10px; width:580px; height:381px;}
.hot-m .item { border-bottom: 1px solid #4a7993; overflow:hidden;}
.hot-m .item span { float:left; width:84px; height:30px; line-height:30px; background:#f5f5f5; border-right:1px solid #eee; text-align:center; color:#545454; cursor:pointer; }
.hot-m .item .fb { width:84px; height:30px; background: #4a7993; color:#fff;}
.hot-m .tab-content { clear:both; border:1px solid #eee; border-top:none; height:349px;}
.hot-m .tab-content ul { padding:6px 8px 0 0;}
.hot-m .tab-content ul li { float:left; margin-left:10px; width:275px; line-height:26px; font-size:14px; white-space:nowrap; overflow:hidden;}
.hot-m .tab-content ul li .cl { margin-right:2px; font-family:"����"; color:#333;}
.hot-m .tab-content ul li a { color:#4a7993; overflow:hidden;}
/* hot-r */
.hot-r { float:right; margin-top:5px; width:300px;}
.hot-r .notice { border:1px solid #eee;}
.hot-r .notice .title { padding-left:28px; height:30px; line-height:30px; border-bottom:1px solid #eee; background:#f5f5f5 url(../images/main.gif) -465px -133px no-repeat; font-size:14px; font-weight:bold;}
.hot-r .notice .notice-list { padding:8px 10px;}
.hot-r .notice .notice-list li { height:26px; line-height:26px;}
.hot-r .notice .notice-list li .do { display:inline-block; margin-right:7px; width:4px; height:4px; background:#ccc; border-radius:50%; vertical-align:middle;}
.hot-r .notice .notice-list li a { font-size:12px; color:#333;}
.hot-r .notice .notice-list li .fr { color:#999;}

/* special-box */
.special-box { margin-top:10px; border:1px solid #eee; border-top:2px solid #03904c;}
.special-box .title { padding-left:10px; height:35px; line-height:35px; border-bottom:1px solid #eee; font-size:14px; font-weight:bold;}
.special-box .title a { color:#888;}
.special-box .title .fl { float:left;}
.special-box .title .fr { float:right; padding-right:10px; font-size:12px; font-weight:normal;}
.special-box .scroll { clear:both; padding:10px 0 8px 0; width:1220px; overflow:hidden;}
.special-box .scroll .special-box-list li { float:left; padding-left:17px; width:180px; text-align:center;}
.special-box .scroll .special-box-list li a { position:relative; overflow:hidden;}
.special-box .scroll .special-box-list li .tit { position:absolute; left:0; bottom:2px; background-color:#4a799382; opacity:0.9; color:#fff; width:100%; height:28px; line-height:28px; cursor:pointer;}
.special-box .scroll .special-box-list li img { width:100%; height:135px; opacity:0.8;}
.special-box .scroll .special-box-list li img:hover { opacity:1.0;}

/* top-box */
.top-box { margin-top:10px;}
.top-box .cbox { float:left; margin-right:10px; border:1px solid #eee; border-top:2px solid #4a7993; width:391px;}
.top-box .cbox .title { padding-left:10px; height:28px; line-height:28px; border-bottom:1px solid #eee; font-size:14px; font-weight:bold;}
.top-box .cbox .top-list { padding:1px 10px 2px 10px; background:url(../images/main_long.gif) -10px 1px no-repeat;}
.top-box .cbox .top-list li { padding-left:21px; height:28px; line-height:26px; border-bottom:1px dotted #eee;}
.top-box .cbox .top-list li .fr { margin-right:3px; font-size:12px; color:#999;}
.top-box .cbox .top-list li a { font-size:12px; color:#457893;}

/* index-box */
.index-box { margin-top:10px;}
.index-box .fl { width:890px;}
.index-box .fl .title-nav { height:30px; border-bottom:2px solid #ea4a2d;}
.index-box .fl .title-nav .home { float:left; margin-top:-3px; padding:0 28px; height:33px; line-height:33px; background-color:#ea4a2d;}
.index-box .fl .title-nav .home a { font-size:16px; color:#fff; font-family:"Microsoft YaHei";}
.index-box .fl .title-nav .tab { line-height:33px; font-size:14px;}
.index-box .fl .title-nav .fr { width:auto;}
.index-box .fl .title-nav .tab li { display:inline; float:left; margin-left:8px; padding:0 13px; height:30px; background-color:#eee; text-align:center;}
.index-box .fl .title-nav .tab li a { color:#555;}
.index-box .fl .list-box { clear:both; padding:10px 15px; padding-right:0px; border:1px solid #f5f5f5; border-top:none; overflow:hidden;}
.index-box .fl .list-box .t-list { float:left; width:410px; overflow:hidden;}
.index-box .fl .list-box .wline { margin-left:10px; padding-left:25px; border-left:1px solid #f3f3f3;}
.index-box .fl .list-box .t-list li { height:26px; line-height:26px; overflow:hidden; white-space:nowrap;}
.index-box .fl .list-box .t-list li .do { display:inline-block; margin-right:8px; width:4px; height:4px; background-color:#ccc; border-radius:50%; vertical-align:middle;}
.index-box .fl .list-box .t-list li .type { font-size:14px; color:#777;}
.index-box .fl .list-box .t-list li .vline { margin:0 5px; color:#ddd;}
.index-box .fl .list-box .t-list li a { font-size:14px; color:#457893;}
.index-box .fr { width:300px;}
.index-box .fr .box .tab-nav { padding-left:3px; padding-right:5px; height:30px; line-height:30px; background-color:#f5f5f5; border-bottom:2px solid #ea4a2d;}
.index-box .fr .box .tab-nav .column { float:left; padding-left:6px; font-size:14px; font-weight:bold;}
.index-box .fr .box .top-list { padding:5px 10px; border:1px solid #eee; border-top:none;}
.index-box .fr .box .top-list li { height:27px; line-height:27px; overflow:hidden;}
.index-box .fr .box .top-list li .do { display:inline-block; margin-right:8px; width:20px; height:20px; border-radius:10%; background-color:#dedede; line-height:20px; vertical-align:middle; text-align:center;}
.index-box .fr .box .top-list li .d1 { background-color:#ea4a2d; color:#fff;}
.index-box .fr .box .top-list li .d2 { background-color:#f19601; color:#fff;}
.index-box .fr .box .top-list li .d3 { background-color:#f3d400; color:#fff;}
.index-box .fr .box .top-list li a { font-size:12px; color:#333;}
/* title-nav2 */
.index-box .fl .title-nav2 { height:30px; background-color:#f5f5f5; border-bottom:2px solid #03904c;}
.index-box .fl .title-nav2 .home { float:left; padding:0 28px; height:30px; line-height:30px; background-color:#03904c;}
.index-box .fl .title-nav2 .home a { font-size:16px; color:#fff; font-family:"Microsoft YaHei";}
.index-box .fl .title-nav2 .fr { width:auto;}
.index-box .fl .title-nav2 .tab2 { line-height:30px; font-size:14px;}
.index-box .fl .title-nav2 .tab2 li { display:inline; float:left; padding:0 10px; height:30px; text-align:center; background:url(../images/vline.png) center right no-repeat;}
.index-box .fl .title-nav2 .tab2 li a { color:#5e5e5e;}
.index-box .fr .box .tab-nav2 { padding-left:3px; padding-right:5px; height:30px; line-height:30px; background-color:#f5f5f5; border-bottom:2px solid #4a7993;}
.index-box .fr .box .tab-nav2 .column { float:left; padding-left:6px; font-size:14px; font-weight:bold;}
.index-box .fr .box .tab-nav3 { padding-left:3px; padding-right:5px; height:30px; line-height:30px; background-color:#f5f5f5; border-bottom:2px solid #03904c;}
.index-box .fr .box .tab-nav3 .column { float:left; padding-left:6px; font-size:14px; font-weight:bold;}
/* title-tab */
.index-box .fl .title-tab { height:30px; background-color:#f5f5f5; border-bottom:2px solid #4a7993;}
.index-box .fl .title-tab .home { float:left; padding:0 28px 0 14px; height:30px; line-height:30px;}
.index-box .fl .title-tab .home a { font-size:16px; color:#333; font-family:"Microsoft YaHei";}
.index-box .fl .title-tab .tab { float:right; margin-right:0px; height:36px;}
.index-box .fl .title-tab .tab span { float:left; margin-left:5px; padding:0 15px; height:30px; line-height:30px; font-family:"Microsoft YaHei";}
.index-box .fl .title-tab .tab span a { color:#333;}
.index-box .fl .title-tab .tab span.fb { background:#4a7993; color:#fff;}
.index-box .fl .title-tab .tab span.fb a { color:#fff;}
.index-box .fl .tab-box { clear:both; padding:10px 15px; padding-right:0px; border:1px solid #f5f5f5; border-top:none; overflow:hidden;}
.index-box .fl .tab-box .t-list { float:left; width:410px; overflow:hidden;}
.index-box .fl .tab-box .wline { margin-left:10px; padding-left:25px; border-left:1px solid #f3f3f3;}
.index-box .fl .tab-box .t-list li { height:26px; line-height:26px; overflow:hidden; white-space:nowrap;}
.index-box .fl .tab-box .t-list li .do { display:inline-block; margin-right:8px; width:4px; height:4px; background-color:#ccc; border-radius:50%; vertical-align:middle;}
.index-box .fl .tab-box .t-list li .type { font-size:14px; color:#777;}
.index-box .fl .tab-box .t-list li .vline { margin:0 5px; color:#ddd;}
.index-box .fl .tab-box .t-list li a { font-size:14px; color:#457893;}


/* friendlink */
#friendlink { margin-top:10px; border:1px solid #eee; border-top:none; clear:both;}
#friendlink .link-tab { height:30px; line-height:30px; border-top:1px solid #eee; border-bottom:1px solid #eee; background-color:#f9f9f9;}
#friendlink .link-tab ul { float:left; width:85px;}
#friendlink .link-tab li { margin-top:-1px; height:29px; line-height:29px; border-top:2px solid #ea4a2d; background-color:#fff; text-align:center}
#friendlink .link-tab li a { font-size:14px; font-weight:bold; color:#333;}
#friendlink .link-tab .res { float:left; margin-left:15px; color:#333;}
#friendlink .links { padding:10px; overflow:hidden; clear:both;}
#friendlink .links a { margin-left:5px; color:#333;}

/* navigation */
.navigation { height:40px; line-height:40px; background: #4a7993;}
.navigation a { float:left; font-size:16px; padding:0 12px; height:40px; color:#fff;}
.navigation em { float:left; width:3px; height:40px;}
.navigation .first { float:left; width:10px; height:40px;}
.navigation .last { float:right; width:10px; height:40px;}
.navigation .rss { float:right; background:url(../images/rss.gif) no-repeat 0 center; margin:0 5px 0 0; padding:0 0 0 23px; font-size:12px; height:40px; line-height:40px;}
.navigation .curr { background:#284d63; width:37px; height:40px; line-height:40px; color:#fff; text-align:center; font-weight:bold;}

/* navigationChild */
.navigationChild { width:1198px; height:40px; padding:6px 0 5px 0; background:#f3fafe; border:1px solid #4a7993; border-top:0;}
.navigationChild .tips { float:left; margin:0 12px; padding-top:6px; padding-bottom:0; background:#4a7993; width:20px; height:34px; line-height:1.3; border-radius: 5px; font-size:12px; font-weight:bold; text-align:center; color:#fff;}
.navigationChild .menu { float:left; height:40px; line-height:1.2;}
.navigationChild .menu a { float:left; margin-right:12px; margin-top:4px; color:#333; font-size:13px;}
.navigationChild .menu1 { width:115px;}
.navigationChild .menu2 { width:378px;}
.navigationChild .menu3 { width:218px;}
.navigationChild .menu4 { width:300px;}

/* navbox */
.navbox { margin-top:3px; margin-bottom:4px; width:1198px; height:39px; background:#f8faf9; border:1px solid #eee;}
.navbox .search { float:left; margin-top:8px; margin-left:10px; width:335px; line-height:26px;}
.navbox .search form { width:335px; height:27px; overflow:hidden;}
.navbox .search span { float:left;}
.navbox .search .tip { background:url(../images/main.gif) -10px -180px; margin-right:10px; width:27px; height:26px; font-size:0; color:#f8f8f8;}
.navbox .search label { float:left;}
.navbox .search .keys { float:left; background:url(../images/main.gif) -50px -180px no-repeat; padding:0; padding-left:5px; width:206px; height:26px; line-height:26px; border:0}
.navbox .search .submit { float:left; background:url(../images/main.gif) -390px -180px; padding:0; width:60px; height:26px; border:0; font-size:0;}
.navbox .hot { float:left; margin-top:10px; width:600px; height:auto; overflow:hidden; font-size:12px;}
.navbox .hot span { float:left; color:#333;}
.navbox .hot a { float:left; color:#333; margin-right:8px;}
#bdsharebox { float:right; margin-top:8px; width:190px; font-size:12px;}
#bdsharebox .bdsharebuttonbox { background:url(../images/share_tools.gif); width:178px; height:24px; }
#bdsharebox .bdsharebuttonbox a { background-image:none; width:178px; height:24px;}

/* main */
#main { margin-top:10px; overflow:hidden;}
/* col-left */
#main .col-left { float:left; width:302px;}
/* r-nav */
#main .col-left .r-nav { margin-bottom:10px; padding-bottom:8px; width:300px; border:1px solid #eee; display:table;}
#main .col-left .r-nav .title { padding-left:10px; height:30px; line-height:30px; background:#f5f5f5; border-bottom:1px solid #eee; font-size:14px; font-weight:bold; color:#393939; display:block;}
#main .col-left .r-nav div { padding:5px 0 0 5px; display:table;}
#main .col-left .r-nav div a { float:left; padding:4px 8px; padding-left:24px; background:url(../images/main.gif) -460px -302px no-repeat; border-bottom:1px dotted #ccc; width:112px; font-size:14px; color:#333;}
/* r-list */
#main .col-left .r-list { margin-bottom:10px; padding-bottom:8px; width:300px; border:1px solid #eee; display:table;}
#main .col-left .r-list .title { padding-left:10px; height:30px; line-height:30px; background:#f5f5f5; border-bottom:1px solid #eee; font-size:14px; font-weight:bold; color:#393939; display:block;}
#main .col-left .r-list div .type { margin-right:5px;}
#main .col-left .r-list div ul { padding:3px 8px 4px 8px; background:url(../images/main_long.gif) -10px 1px no-repeat;}
#main .col-left .r-list div ul li { margin:0; padding:1px 0 2px 21px; height:24px; border-bottom:1px dotted #ccc; overflow:hidden;}
#main .col-left .r-list div ul li a { line-height:27px; font-size:13px; color:#383838;}
/* col-right */
.col-right { float:right; width:883px;}
.col-right .crumbs { padding:5px 0 5px 12px; background-color:#f5f5f5; border:1px solid #eee; font-size:14px;}
.col-right .crumbs a { color:#333;}
.col-right .list-box { margin-top:10px; border:1px solid #eee; font-size:14px;}
.col-right .list-box .catname { margin:0 10px; border-bottom:2px solid #e7e7e7; height:36px; line-height:36px;}
.col-right .list-box .catname h1 { display:inline-block; padding:0 10px; border-bottom:2px solid #4a7993; font-size:14px; color:#333;}
.col-right .list-box .catname span a { font-size:12px; color:#696969;}
.col-right .list-box ul { padding:10px 15px 0 15px; overflow:hidden;}
.col-right .list-box li { position:relative; padding:10px 0 10px 3px; border-bottom:1px dashed #e7e7e7; height:auto; overflow:hidden;}
.col-right .list-box .img-wrap { float:left; margin-top:2px; margin-right:15px; position:relative; width:122px; height:92px;}
.col-right .list-box .img-wrap img { width:120px; height:90px; border:1px solid #eee;}
.col-right .list-box .img-wrap .t { position:absolute; left:0px; top:0px; padding:2px 5px; line-height:16px; background:#4a7993; font-size:12px; text-align:center; color:#fff;}
.col-right .list-box .info { float:left; width:600px; overflow:hidden;}
.col-right .list-box .info h3 { margin-bottom:5px; height:22px; line-height:22px; font-size:14px; font-family:"Microsoft YaHei";}
.col-right .list-box .info h3 a { color:#4a7993;}
.col-right .list-box .info .att { display:inline-block; width:253px; height:20px; line-height:20px; font-size:12px; color:#666; overflow:hidden;}
.col-right .list-box .info .att a { padding:0 3px; font-size:12px; color:#333;}
.col-right .list-box .info .tags { display:block; font-size:12px; color:#666;}
.col-right .list-box .info .tags a { margin-right:7px; font-size:12px; color:#999;}
.col-right .list-box .info p { font-size:12px; color:#666;}
.col-right .list-box .pubdate { float:right; width:100px; line-height:22px; font-size:12px; text-align:right; color:#999; overflow:hidden;}
.col-right .list-box .list-content { clear:both; padding-bottom:10px; overflow:hidden;}
.col-right .list-box .list-content .list-pic { float:right; padding:10px 0 0 6px; width:260px; }
.col-right .list-box .list-content .list-pic li { float:left; padding:5px 0 3px 3px; width:122px; border-bottom:0;}
.col-right .list-box .list-content .list-pic .tb { position:absolute; left:0px; top:70px; word-break:keep-all; white-space:nowrap; overflow:hidden; padding:2px 5px; line-height:16px; background-color:#2c3e50; opacity:0.5; width:100%; font-size:12px; text-align:center; color:#fff;}
.col-right .list-box .list-content .list-cate { float:left; padding:10px 10px 0 10px; width:auto;}
.col-right .list-box .list-content .list-cate li { float:left; margin-right: 6px; padding:0 0 0 3px; width: 418px; height:30px; line-height:30px;}
.col-right .list-box .list-content .list-cate li .do { display:inline-block; margin-right:8px; width:4px; height:4px; background-color:#ccc; border-radius:50%; vertical-align:middle;}
.col-right .list-box .list-content .list-cate li a { color:#4a7993;}
/* pages */
.col-right .list-box .pages { padding:10px 0; font-size:14px; text-align:center;}
.col-right .list-box .pages a { background:#888; color:#fff;}
.col-right .list-box .pages span { background:#4a7993; color:#fff;}
.col-right .list-box .pages a,
.col-right .list-box .pages span { display:inline-block; margin:0 2px; padding:0 9px; height:26px; line-height:26px; text-align:center;}
/* qlist-box */
.qlist-box{margin:8px 0 0 0}
.qlist-box .list-t{width:100%}
.qlist-box .list-t td,.qlist-box .list-t th,.qlist-box .list-t tr{border:1px solid #eee}
.qlist-box .list-t thead th{width:80px;height:35px;line-height:35px;background:#f5f5f5;text-align:center}
.qlist-box .list-t td{height:35px;line-height:35px;color:#999;font-size:12px;text-align:center;white-space: nowrap;}
.qlist-box .list-t td a{color:#4a7993}
.qlist-box .list-t th.th1{width:35px}
.qlist-box .list-t th.th2{width:360px}
.qlist-box .list-t td.td1{color:#ea4a2d}
.qlist-box .list-t td.td2{padding:0 5px;font-size:14px;color:#4a7993;text-align:left}
.qlist-box .pages { padding:10px 0; font-size:14px; text-align:center;}
.qlist-box .pages a { background:#888; color:#fff;}
.qlist-box .pages span { background:#4a7993; color:#fff;}
.qlist-box .pages a,
.qlist-box .pages span { display:inline-block; margin:0 2px; padding:0 9px; height:26px; line-height:26px; text-align:center;}
/* content */
#content { margin-top:10px; overflow:hidden}
#content .content_head { margin-bottom:10px; background:#fff; border:1px solid #eee; border-bottom:1px solid #4a7993;}
#content .content_head .crumbs { margin-top:3px; padding:0 15px; height:32px; line-height:32px; border-bottom:0 solid #e6e6e6;}
#content .content_head .crumbs a { color:#333;}
#content .content_head .con_info { margin:5px 0 17px 0; padding:0 10px; line-height:24px; font-size:22px; font-family:"Microsoft YaHei","����";}
#content .content_head .con_info a { color:#333;}
#content .content_head .con_info .song { margin-left:6px; font-size:12px; font-size:22px; font-family:"Microsoft YaHei","����";}
#content .content_head .con_info .att { margin-left:6px; font-size:12px;}
/* col-left */
#content .col-left { float:left; width:883px;}
#content .col-left .col-main { padding:0 15px; background:#fff; border:1px solid #eee; overflow:hidden;}
/* col_info */
#content .col-left .col-main .col_info { padding-bottom:5px; border-top:1px solid #fff; border-bottom:1px solid #eee;}
#content .col-left .col-main .col_info h1 { height:70px; line-height:70px; font-size:24px; font-family:"Microsoft YaHei"; font-weight:normal; color:#333; text-align:center; overflow:hidden; }
/* sharebox */
#content .col-left .col-main .sharebox { margin:0 auto; padding:2px 10px; background-color:#f8faf9; width:490px; height:36px; line-height:36px; border:1px solid #eee; border-top:none; border-radius:0 0 3px 3px; text-align:center; overflow:hidden;}
#content .col-left .col-main .sharebox .share { display:block; float:left; line-height:36px;}
/* mp3 */
#content .col-left .col-main .mp3 { margin:20px auto 0 auto; margin-right:8px; width:auto; height:auto; text-align:center; overflow:hidden;}
#content .col-left .col-main .mp3 p { line-height:1.8em;}
/* qupubox */
#content .col-left .col-main .qupubox { padding:10px 0; text-align:center;}
#content .col-left .col-main .qupubox p { text-align:center; font-size:14px; color:#000; line-height:1.8em;}
#content .col-left .col-main .qupubox .save-tip { margin-bottom:10px; font-size:12px; text-align:center; color:#d24545;}
#content .col-left .col-main .qupubox .save-tip span { font-weight:bold;}
#content .col-left .col-main .qupubox .describe { margin:0 auto 10px; padding:4px 10px; border:1px solid #dfe1e4; background:#ffc; width:740px; max-height:85px; overflow:auto; text-align:left; text-indent:2em; color:#5b5d61; line-height:28px; display:block;}
#content .col-left .col-main .qupubox img { max-width:850px; border:1px solid #f9f9f9; text-align:center;}
/* lyric */
#content .col-left .col-main .lyric { margin:15px 70px 20px 70px; padding:0 25px 20px 25px; border:1px solid #eee; overflow:hidden;}
#content .col-left .col-main .lyric .title { padding:18px 0; border-bottom:1px dotted #eee; font-size:14px; text-align:center;}
#content .col-left .col-main .lyric .content { padding-top:10px; line-height:1.8em; font-size:18px; font-family: KaiTi; text-align:center; color:#555; overflow:hidden;}
/* tags */
#content .col-left .col-main .tags { clear:both; height:32px; overflow:hidden;}
#content .col-left .col-main .tags i { float:left; display:inline-block; padding:2px 3px; background-color:#424242; width:12px; height:28px; line-height:14px; font-size:12px; font-style:normal; font-weight:normal; color:#fff;}
#content .col-left .col-main .tags a { float:left; display:inline-block; margin-left:5px; padding:0 10px; background-color:#4a7993; height:32px; line-height:32px; font-size:14px; color:#fff; }
/* pre */
#content .col-left .col-main .pre { margin:16px 0 0 0; width:849px; height:54px; background-color:#f8f8f8; border:1px solid #eee; font-size:14px; overflow:hidden;}
#content .col-left .col-main .pre a { float:left; display:inline; margin-top:18px; width:300px; height:22px; color:#333; overflow:hidden;}
#content .col-left .col-main .pre .previous i,
#content .col-left .col-main .pre .next i { background:url(../images/updown.png) no-repeat;}
#content .col-left .col-main .pre .previous { float:left; display:inline; width:424px; height:54px; border-right:1px solid #eee; overflow:hidden;}
#content .col-left .col-main .pre .previous i { float:left; display:inline; margin:16px 18px 0 15px; width:14px; height:23px; background-position:0 0; overflow:hidden;}
#content .col-left .col-main .pre .previous span { float:left; display:inline; margin-top:18px; height:22px; color:#888; overflow:hidden;}
#content .col-left .col-main .pre .next { float:left; display:inline; width:424px; height:54px; overflow:hidden;}
#content .col-left .col-main .pre .next span { float:left; display:inline; margin:18px 0 0 36px; color:#888; overflow:hidden;}
#content .col-left .col-main .pre .next i { float:right; display:inline; margin:16px 15px 0 0; width:14px; height:23px; background-position:-20px 0; overflow:hidden;}
#content .col-left .col-main .pre .previous:hover,
#content .col-left .col-main .pre .next:hover{background-color:#DFE7DE}
/* active */
#content .col-left .col-main .active { clear:both; margin:15px -15px 0 -15px; background:#f3f4f8; height:75px; border-top:1px solid #eee; border-bottom:none;}
#content .col-left .col-main .active .useradd .favorite,
#content .col-left .col-main .active .useradd .share,
#content .col-left .col-main .active .useradd .printpage,
#content .col-left .col-main .active .useradd .error,
#content .col-left .col-main .active .column { background:url(../images/icon-useradd.png) no-repeat;}
#content .col-left .col-main .active .useradd { }
#content .col-left .col-main .active .useradd a { color:#333;}
#content .col-left .col-main .active .useradd span { float:left; display:block; cursor:pointer; margin:4px 0; padding:35px 25px 10px 25px; width:90px; height:22px; font-size:14px; text-align:center;}
#content .col-left .col-main .active .useradd .favorite { background-position:50px -378px; border-right:1px solid #ddd;}
#content .col-left .col-main .active .useradd .favorite:hover { background-position:50px -463px;}
#content .col-left .col-main .active .useradd .share { background-position:-58px -539px; border-right:1px solid #ddd; border-left:1px solid #fff; position:relative;}
#content .col-left .col-main .active .useradd .share:hover { background-position:50px -625px;}
#content .col-left .col-main .active .useradd .printpage { background-position:50px -539px; border-right:1px solid #ddd; border-left:1px solid #fff;}
#content .col-left .col-main .active .useradd .printpage:hover { background-position:50px -625px;}
#content .col-left .col-main .active .useradd .error { background-position:-58px -378px; border-left:1px solid #fff;}
#content .col-left .col-main .active .useradd .error:hover { background-position:50px -463px;}
#content .col-left .col-main .active .column { padding:12px 0 12px 75px; width:160px; height:51px; background-color:#e7e8ea; background-position:15px -290px;}
#content .col-left .col-main .active .column a { color:#333; text-decoration:none;}
#content .col-left .col-main .active .column .type { font-size:14px; line-height:1.8em;}
#content .col-left .col-main .active .column .edit { line-height:1.8em; font-size:14px; color:#888;}
/* soft */
#content .col-left .col-soft { padding:0; background:#fff; border:1px solid #dfe1e4; border-bottom-color:#cdcdcd; overflow:hidden;}
#content .col-left .col-soft .soft-name { height:30px; line-height:30px; background-color:#f7f7f7; border-bottom:1px solid #e7e7e7;}
#content .col-left .col-soft .soft-name h1 { padding-left:10px; font-size:16px; font-family:"Microsoft YaHei","����"; color:#393939; font-weight:normal;}
#content .col-left .col-soft .soft-ad { float:left; margin:10px 0 10px 10px; width:300px; height:250px; background:#f5f5f5; display:block; overflow:hidden;}
#content .col-left .col-soft .soft_info { float:left; margin:10px 0 10px 10px; width:320px; line-height:26px;}
#content .col-left .col-soft .soft_info li.li2 { float:left; width:158px;}
#content .col-left .col-soft .soft_info .maindown { margin-top:5px; width:320px; height:60px; overflow:hidden;}
#content .col-left .col-soft .soft_info .maindown .downnow { float:left; margin-right:5px; width:190px; height:60px; display:inline; overflow:hidden; background:url(../images/down_button.gif) no-repeat; cursor:pointer; color:#524e4a;}
#content .col-left .col-soft .soft_info .maindown span { float:left; margin:32px 0 0 64px; line-height:18px;}
#content .col-left .col-soft .soft-intro { float:right; margin:10px 10px 10px 0; width:230px; height:250px; background-color:#CCCCCC;}
/* soft-des */
#content .col-left .col-des { margin-top:10px; padding:0; background:#fff; border:1px solid #dfe1e4; border-bottom-color:#cdcdcd; overflow:hidden;}
#content .col-left .col-des .des-name { height:30px; line-height:30px; background-color:#f7f7f7; border-bottom:1px solid #e7e7e7;}
#content .col-left .col-des .des-name h2 { padding-left:10px; font-size:16px; font-family:"Microsoft YaHei","����"; color:#393939; font-weight:normal;}
#content .col-left .col-des .des-content { margin:6px 12px 5px; line-height:26px; font-size:14px;}
#content .col-left .col-des .des-content h3 { margin:14px 0 4px 0; height:27px; line-height:27px; font-size:14px; text-indent:4px; border-left:5px solid #619485; border-bottom:1px dotted #cdcdcd;}
#content .col-left .col-des .des-content img { max-width:850px!important; height:auto!important; width:expression(this.width > 850 ? "850px" : this.width)!important;}
/* soft-downloads */
#content .col-left .downloads { margin-top:10px; padding:0; background:#fff; border:1px solid #dfe1e4; border-bottom-color:#cdcdcd; overflow:hidden;}
#content .col-left .downloads .downloads-name { height:30px; line-height:30px; background-color:#f7f7f7; border-bottom:1px solid #e7e7e7;}
#content .col-left .downloads .downloads-name h2 { padding-left:10px; font-size:16px; font-family:"Microsoft YaHei","����"; color:#393939; font-weight:normal;}
#content .col-left .downloads .down_address { margin:5px; float:left; width:180px; overflow:hidden;}
#content .col-left .downloads .down_address li { margin:0 5px 5px 10px; float:left; width:120px; line-height:24px; font-size:14px; background:url(../images/c_dlink.png) no-repeat left center; display:inline;}
#content .col-left .downloads .down_address li a { margin-left:20px; color:#333;}
/* soft-relevant */
#content .col-left .relevant { margin-top:10px; padding:0; background:#fff; border:1px solid #dfe1e4; border-bottom-color:#cdcdcd; overflow:hidden;}
#content .col-left .relevant .rel-name { height:30px; line-height:30px; background-color:#f7f7f7; border-bottom:1px solid #e7e7e7;}
#content .col-left .relevant .rel-name h2 { padding-left:10px; font-size:16px; font-family:"Microsoft YaHei","����"; color:#393939; font-weight:normal;}
#content .col-left .relevant .rel-box { margin:auto; padding:5px 0 10px; height:auto; display:block; overflow:hidden;}
#content .col-left .relevant .rel-box a { margin:5px 0 0 9px; padding-left:8px; float:left; width:274px; height:27px; line-height:27px; background-color:#f2f2f2; color:#333; display:inline; overflow:hidden;}

/* related */
#content .col-left .related { margin-top:10px; padding-bottom:5px; width:881px; background:#fff; border:1px solid #eee; display:table;}
#content .col-left .related h3 { padding-left:10px; height:35px; line-height:35px; border-bottom:1px solid #eee; background:#f5f5f5; font-size:14px; color:#393939;}
#content .col-left .related .list {}
#content .col-left .related .list ul { margin:0 auto; }
#content .col-left .related .list li { float:left; width:33%; height:30px; line-height:30px; border-bottom:1px dotted #e6e6e6; font-size:14px; overflow:hidden;}
#content .col-left .related .list li a { color:#457893;}
#content .col-left .related .list li span { margin:0 8px; color:#666;}
#content .col-left .related .list li span a { color:#666;}
/* comments */
#content .col-left .comments { margin-top:10px; padding:10px 20px 20px 20px; height:auto; background-color:#fff; border:1px solid #eee;}
/* col-right */
#content .col-right { float:right; width:302px;}
/* r-nav */
#content .col-right .r-nav { margin-bottom:10px; padding-bottom:8px; width:300px; border:1px solid #eee; display:table;}
#content .col-right .r-nav .title { padding-left:10px; height:30px; line-height:30px; background:#f5f5f5; border-bottom:1px solid #eee; font-size:14px; font-weight:bold; color:#393939; display:block;}
#content .col-right .r-nav div { padding:5px 0 0 5px; display:table;}
#content .col-right .r-nav div a { float:left; padding:8px; padding-left:24px; background:url(../images/main.gif) -460px -299px no-repeat; border-bottom:1px dotted #ccc; width:112px; font-size:14px; color:#333;}
#content .col-right .r-nav div .cur_link { color:#e74851;}
/* r-list */
#content .col-right .r-list { margin-bottom:10px; padding-bottom:8px; width:300px; border:1px solid #eee; display:table;}
#content .col-right .r-list .title { padding-left:10px; height:30px; line-height:30px; background:#f5f5f5; border-bottom:1px solid #eee; font-size:14px; font-weight:bold; color:#393939; display:block;}
#content .col-right .r-list div .type { margin-right:5px;}
#content .col-right .r-list div ul { padding:3px 8px 4px 8px; background:url(../images/main_long.gif) -10px 1px no-repeat;}
#content .col-right .r-list div ul li { margin:0; padding:1px 0 2px 21px; height:24px; border-bottom:1px dotted #ccc; overflow:hidden;}
#content .col-right .r-list div ul li a { line-height:27px; font-size:13px; color:#383838;}
/* annbox */
#content .col-left .col-main .annbox { padding:20px 0; font-size:14px; text-indent: 2em; line-height:2em;}
#content .col-left .col-main .annbox a { color:#333;}

/* video */
#videobox { margin-top:10px; overflow:hidden;}
#videobox .crumbs { padding:5px 0 5px 12px; background-color:#f5f5f5; border:1px solid #eee; font-size:14px;}
#videobox .crumbs a { color:#333;}
#videobox .v-list-box { clear:both; margin-top:10px; overflow:hidden; }
#videobox .v-list-box .catname { border-bottom:2px solid #4a7993; height:36px; line-height:36px;}
#videobox .v-list-box .catname h1 { display:inline-block; padding:0 12px; background: #4a7993; font-size:14px; color:#fff;}
#videobox .v-list-box .catname span a { font-size:12px; color:#696969;}
#videobox .v-list-box .v-list { margin-left:-10px; padding-top:10px;}
#videobox .v-list-box .v-list .v { float:left; margin:0 0 20px 10px; width:230px; height:210px; background-color:#fff; border:1px solid #e5e5e5; position:relative;}
#videobox .v-list-box .v-list .v-thumb img { width:230px; height:128px; opacity:0.9; filter(alpha=80)}
#videobox .v-list-box .v-list .v-thumb img:hover { opacity:1; filter(alpha=100)}
#videobox .v-list-box .v-list .v-thumb .v-thumb-tag { position:absolute; top:0; right:0; z-index:20;}
#videobox .v-list-box .v-list .v-thumb .v-thumb-tag span { padding:2px 5px; width:auto; height:17px; background-color:#4a7993; text-align:center; color:#fff; display:inline-block;}
#videobox .v-list-box .v-list .v-meta { padding:0 10px;}
#videobox .v-list-box .v-list .v-meta .v-meta-title { height:24px; line-height:24px; font-size:12px; color:#666; overflow:hidden;}
#videobox .v-list-box .v-list .v-meta .v-meta-title:hover { color:#4a7993; text-decoration:underline;}
#videobox .v-list-box .v-list .v-meta-entry { margin-left:-3px; line-height:24px;}
#videobox .v-list-box .v-list .v-meta-entry .v-meta-data { position:relative; height:24px; overflow:hidden; word-break:break-all;}
#videobox .v-list-box .v-list .v-meta-entry .v-meta-data .icos { display:inline-block; margin-top:3px; margin-right:1px; vertical-align:top; background:url(../images/sprites.png) no-repeat; overflow:hidden;}
#videobox .v-list-box .v-list .v-meta-entry .v-meta-data .ico-user { width:20px; height:20px; background-position:0 -520px;}
#videobox .v-list-box .v-list .v-meta-entry .v-meta-data .username { float:none; color:#adadad;}
#videobox .v-list-box .v-list .v-meta-entry .v-meta-data .ico-time { width:20px; height:20px; background-position:0 -540px;}

#videobox .v-list-box .pages { padding:10px 0; font-size:14px; text-align:center;}
#videobox .v-list-box .pages a { background:#2F353E; color:#fff;}
#videobox .v-list-box .pages span { background:#619485; color:#fff;}
#videobox .v-list-box .pages a,
#videobox .v-list-box .pages span { display:inline-block; margin:0 2px; padding:0 9px; height:26px; line-height:26px; text-align:center;}

.video-tip { margin:0 auto; margin-top:10px; padding-left:10px; width:790px; height:30px; line-height:28px; background-color:#000; border-bottom:1px solid #eee; color:#fff; }
.video-play { margin:0 auto;}
.video-cen { margin:15px 25px 20px 25px; padding:0 25px 20px 25px; border:1px solid #eee; overflow:hidden;}
.video-cen .title { padding:18px 0; border-bottom:1px dotted #eee; font-size:14px; text-align:center;}
.video-cen .content { padding-top:10px; line-height:1.8em; font-size:14px; text-align:left; color:#555; overflow:hidden;}

.video-right { float:right; width:302px;}
.video-right .r-list { margin-bottom:10px; padding-bottom:8px; width:300px; border:1px solid #eee; display:table;}
.video-right .r-list .title { padding-left:10px; height:30px; line-height:30px; background:#f5f5f5; border-bottom:1px solid #eee; font-size:14px; font-weight:bold; color:#393939; display:block;}
.video-right ul { padding:3px;}
.video-right ul li { margin:0; padding:4px 2px; height:auto; border-bottom:1px dotted #ccc; overflow:hidden;}
.video-right .row {}
.video-right .row .p-thumb { float:left;}
.video-right .row .p-thumb img { width:120px; height:68px; border:0; display:block; }
.video-right .p-info { float:left; margin-left:8px; width:161px; overflow:hidden;}
.video-right .p-info p { color:#999;}
.video-right .p-info .p-title { font-size:13px; color:#555;}
.video-right .p-info .p-title:hover { color:#4a7993; text-decoration:underline;}

/* v-container */
.v-container { margin-bottom:40px; padding-top: 2px; background:#303036; color:#d0d0d6;}
.v-container .v-box { margin: 0 auto; width: 1200px;}
.v-container .v-box .v-playbox { width: 860px; background: #202026;}

/* special */
#special {}
#special .crumbs { padding:5px 0 5px 12px; background-color:#f7f7f7; border:1px solid #e7e7e7; font-size:14px;}
#special .crumbs a { color:#333;}
#special .banner { margin:0 auto; margin-top:5px; max-width:100%; width:1200px; line-height:0; font-size:0; text-align:center; background-color:#222; overflow:hidden;}
#special .banner img { margin:0 auto; max-width:100%; text-align:center;}
#special .album_intro { margin-top:5px; border:1px solid #e1e1e1; font-size:14px; line-height:1.8;}
#special .album_intro h1 { padding:5px 0 5px 10px; font-size:14px; line-height:1.6; background-color:#f5f5f5; border:1px solid #fff; border-bottom:1px solid #eee;}
#special .album_intro .note { padding:10px; text-indent:2em;}
#special .albumlist { margin-top:5px; padding:10px 0 10px 15px; border:1px solid #eee; border-top: 2px solid #4a7993; width:1183px; display:table;}
#special .albumlist h2 { display:block; margin-bottom:10px; font-size:14px;}
#special .albumlist ul {}
#special .albumlist ul li { float:left; margin-right:5px; padding:5px; padding-top:8px; border-bottom:1px dotted #ccc; width:31.7%; height:20px; overflow:hidden;}
#special .albumlist ul li span { color:#d20005; font-family:Arial, Helvetica, sans-serif;}
#special .albumlist ul li a { font-size:14px; color:#333;}

/* userLogin */
.userLogin { border:1px solid #eee; background-color:#fff; display:table;}
.userLogin .show { float:left; width:760px; height:395px; background-color:#eee;}
.userLogin .userInfoLogin { float:left; padding:25px 40px; width:358px; }
.userLogin .userInfoLogin h3 { float:left; font-size:18px;}
.userLogin .userInfoLogin .reg-tip { float:left; margin-left:10px; padding-top:5px; color:#8e8e8e;}
.userLogin .userInfoLogin .reg-tip a { color:#e36f5f}
.userLogin .userInfoLogin .text { margin-top:15px; padding:7px 30px 7px 10px; width:310px; border:1px solid #eee;}
.userLogin .userInfoLogin .submit { margin-top:15px; padding:7px 30px 7px 10px; background:#e36f5f; width:352px; height:40px; font-size:16px; color:#fff; border:none; border-radius:2px;}
.userLogin .userInfoLogin .checkcode { margin-top:15px; padding:7px 30px 7px 10px; width:80px; border:1px solid #eee;}
.userLogin .userInfoLogin .code img { margin-left:5px; position:relative; top:5px;}
.userLogin .userInfoLogin .saveuser { margin-top:10px;}
.userLogin .userInfoLogin .saveuser a { color:#333; padding-right:6px;}
.userLogin .userInfoLogin .saveuser .checkbox { position:relative; margin-right:5px; top:3px;}
.userLogin .userInfoLogin .login_three h3 { padding:10px 0 20px 0; width:355px; height:14px; background:url(../images/line.jpg) left center repeat-x; font-size:12px; font-weight:normal; color:#666; text-align:center;}
.userLogin .userInfoLogin .login_three h3 em { padding:0 5px; background-color:#fff;}
.userLogin .userInfoLogin .login_three a { float:left; width:104px; height:36px; border-radius:2px; line-height:36px; color:#fff;}
.userLogin .userInfoLogin .login_three a i { float:left; width:35px; height:100%; background:url(../images/threeico.png) no-repeat;}
.userLogin .userInfoLogin .login_three a span { padding-left:8px;}
.userLogin .userInfoLogin .login_three .sina { background-color:#e36f5f; margin:0 20px;}
.userLogin .userInfoLogin .login_three .sina i { background-position:5px 5px;}
.userLogin .userInfoLogin .login_three .qq { background-color:#5ca3df;}
.userLogin .userInfoLogin .login_three .qq i { background-position:-40px 5px;}
.userLogin .userInfoLogin .login_three .baidu { background-color:#9762d8;}
.userLogin .userInfoLogin .login_three .baidu i { background-position:-90px 5px;}

/* perfect */
.perfect { border:1px solid #eee; background-color:#fff; display:table;}
.perfect .userInfo { padding:25px 40px; width:736px; height:420px; border-right:1px solid #eee; }
.perfect .userInfo h2 { margin-bottom:10px; font-size:18px; font-weight:normal;}
.perfect .userInfo .hello { color:#959595 }
.perfect .userInfo .point { border:1px solid #ffbf7a; background-color:#fffced;}
.perfect .userInfo .point .content { padding:8px 10px;}
.perfect .userInfo .point .content .title { color:#ff8400;}
.perfect .userInfo .point .content p { color:#777; line-height:24px;}
.perfect .userInfo .input { float:left; width:735px;}
.perfect .userInfo .input .text { margin-top:10px; padding:7px 30px 7px 10px; float:left; width:260px; border:1px solid #ddd}
.perfect .userInfo .onShow,
.perfect .userInfo .onFocus,
.perfect .userInfo .onCorrect,
.perfect .userInfo .onError,
.perfect .userInfo .onLoad,
.perfect .userInfo .onTime { display:inline-block; margin:15px 0 0 10px; padding:2px 10px 2px 23px; background:url(../images/msg_bg.png) no-repeat;}
.perfect .userInfo .onShow { background-position:3px -147px; border-color:#40b3ff; color:#959595;}
.perfect .userInfo .onFocus{background-position:3px -147px;border-color:#40B3FF;}
.perfect .userInfo .onCorrect { background-position:3px -247px; border-color:#40b3ff;}
.perfect .userInfo .onError { background-position:3px -47px; border-color:#40b3ff; color:red;}
.perfect .userInfo .onLamp{background-position:3px -200px}
.perfect .userInfo .onTime{background-position:3px -1356px}
.perfect .userInfo .submit { margin-top:15px; padding:7px 30px 7px 10px; background:#e36f5f; width:302px; height:40px; font-size:16px; color:#fff; border:none; border-radius:2px;}
.perfect .userInfo .agreement { }
.perfect .userInfo .agreement .checkbox { margin-right:5px; position:relative; top:3px;}
.perfect .userInfo .agreement a { color:#333;}
.perfect .exchange { padding:25px 40px; width:300px;}
.perfect .exchange h5 { font-weight:normal; font-size:14px; color:#666;}
.perfect .exchange h5 a { color:#e36f5f;}
.perfect .exchange .avatar { padding:10px 0;}
.perfect .exchange #e-login { padding:10px 0;}
.perfect .exchange #e-login .input .text { margin-top:15px; padding:7px 30px 7px 10px; width:260px; border:1px solid #ddd}
.perfect .exchange #e-login .input .submit { margin-top:15px; padding:7px 30px 7px 10px; background:#e36f5f; width:302px; height:40px; font-size:16px; color:#fff; border:none; border-radius:2px;}

/* footer */
#footer { margin-top:10px; width:100%; min-width:1200px; background:#2e2e2e;}
#footer .link { margin-top:0px; line-height:32px;}
#footer .link a { color:#fff;}
#footer .link .vline { display:inline-block; padding:0 8px; color:#fff;}
#footer .info { margin-top:10px;font-family:Arial; color:#999;}
#footer .info p{ line-height:24px;}
#footer .info p a{ color:#999;}

/* audioplayer */
.audioplayer{margin:0 auto;max-width:65%;height:2.5em;color:#fff;text-shadow:1px 1px 0 #000;border:1px solid #222;position:relative;z-index:1;background:#333;background:-webkit-gradient(linear,left top,left bottom,from(#444),to(#222));background:-webkit-linear-gradient(top,#444,#222);background:-moz-linear-gradient(top,#444,#222);background:-ms-radial-gradient(top,#444,#222);background:-o-linear-gradient(top,#444,#222);background:linear-gradient(top,#444,#222);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 1.25em rgba(0,0,0,.5);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 1.25em rgba(0,0,0,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 1.25em rgba(0,0,0,.5);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.audioplayer-mini{width:2.5em;margin:0 auto}
.audioplayer>div{position:absolute}
.audioplayer-playpause{width:2.5em;height:100%;text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;left:0}
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause{border-right:1px solid #555;border-right-color:rgba(255,255,255,.1)}
.audioplayer-mini .audioplayer-playpause{width:100%}
.audioplayer-playpause:focus,.audioplayer-playpause:hover{background-color:#222}
.audioplayer-playpause a{display:block}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a{width:0;height:0;border:.5em solid transparent;border-right:none;border-left-color:#fff;content:'';position:absolute;top:50%;left:50%;margin:-.5em 0 0 -.25em}
.audioplayer-playing .audioplayer-playpause a{width:.75em;height:.75em;position:absolute;top:50%;left:50%;margin:-.375em 0 0 -.375em}
.audioplayer-playing .audioplayer-playpause a:after,.audioplayer-playing .audioplayer-playpause a:before{width:40%;height:100%;background-color:#fff;content:'';position:absolute;top:0}
.audioplayer-playing .audioplayer-playpause a:before{left:0}
.audioplayer-playing .audioplayer-playpause a:after{right:0}
.audioplayer-time{width:4.375em;height:100%;line-height:2.375em;text-align:center;z-index:2;top:0}
.audioplayer-time-current{border-left:1px solid #111;border-left-color:rgba(0,0,0,.25);left:2.5em}
.audioplayer-time-duration{border-right:1px solid #555;border-right-color:rgba(255,255,255,.1);right:2.5em}
.audioplayer-novolume .audioplayer-time-duration{border-right:0;right:0}
.audioplayer-bar{height:.875em;background-color:#222;cursor:pointer;z-index:1;top:50%;right:6.875em;left:6.875em;margin-top:-.438em}
.audioplayer-novolume .audioplayer-bar{right:4.375em}
.audioplayer-bar div{width:0;height:100%;position:absolute;left:0;top:0}
.audioplayer-bar-loaded{background-color:#333;z-index:1}
.audioplayer-bar-played{background:#007fd1;background:-webkit-gradient(linear,left top,right top,from(#007fd1),to(#c600ff));background:-webkit-linear-gradient(left,#007fd1,#c600ff);background:-moz-linear-gradient(left,#007fd1,#c600ff);background:-ms-radial-gradient(left,#007fd1,#c600ff);background:-o-linear-gradient(left,#007fd1,#c600ff);background:linear-gradient(left,#007fd1,#c600ff);z-index:2}
.audioplayer-volume{width:2.5em;height:100%;border-left:1px solid #111;border-left-color:rgba(0,0,0,.25);text-align:left;text-indent:-9999px;cursor:pointer;z-index:2;top:0;right:0}
.audioplayer-volume:focus,.audioplayer-volume:hover{background-color:#222}
.audioplayer-volume-button{width:100%;height:100%}
.audioplayer-volume-button a{width:.313em;height:.375em;background-color:#fff;display:block;position:relative;z-index:1;top:40%;left:35%}
.audioplayer-volume-button a:after,.audioplayer-volume-button a:before{content:'';position:absolute}
.audioplayer-volume-button a:before{width:0;height:0;border:.5em solid transparent;border-left:none;border-right-color:#fff;z-index:2;top:50%;right:-.25em;margin-top:-.5em}
.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after{width:.313em;height:.313em;border:.25em double #fff;border-width:.25em .25em 0 0;left:.563em;top:-.063em;-webkit-border-radius:0 .938em 0 0;-moz-border-radius:0 .938em 0 0;border-radius:0 .938em 0 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.audioplayer-volume-adjust{height:6.25em;cursor:default;position:absolute;left:0;right:-1px;top:-9999px;background:#222;background:-webkit-gradient(linear,left top,left bottom,from(#444),to(#222));background:-webkit-linear-gradient(top,#444,#222);background:-moz-linear-gradient(top,#444,#222);background:-ms-radial-gradient(top,#444,#222);background:-o-linear-gradient(top,#444,#222);background:linear-gradient(top,#444,#222);-webkit-border-top-left-radius:2px;-webkit-border-top-right-radius:2px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;border-top-left-radius:2px;border-top-right-radius:2px}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust{opacity:0}
.audioplayer-volume:hover .audioplayer-volume-adjust{top:auto;bottom:100%}
.audioplayer-volume-adjust>div{width:40%;height:80%;background-color:#222;cursor:pointer;position:relative;z-index:1;margin:30% auto 0}
.audioplayer-volume-adjust div div{width:100%;height:100%;position:absolute;bottom:0;left:0;background:#007fd1;background:-webkit-gradient(linear,left bottom,left top,from(#007fd1),to(#c600ff));background:-webkit-linear-gradient(bottom,#007fd1,#c600ff);background:-moz-linear-gradient(bottom,#007fd1,#c600ff);background:-ms-radial-gradient(bottom,#007fd1,#c600ff);background:-o-linear-gradient(bottom,#007fd1,#c600ff);background:linear-gradient(bottom,#007fd1,#c600ff)}
.audioplayer-novolume .audioplayer-volume{display:none}
.audioplayer-pause,.audioplayer-play,.audioplayer-volume a{-webkit-filter:drop-shadow( 1px 1px 0 #000 );-moz-filter:drop-shadow( 1px 1px 0 #000 );-ms-filter:drop-shadow( 1px 1px 0 #000 );-o-filter:drop-shadow( 1px 1px 0 #000 );filter:drop-shadow( 1px 1px 0 #000 )}
.audioplayer-bar,.audioplayer-bar div,.audioplayer-volume-adjust div{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.audioplayer-bar,.audioplayer-volume-adjust>div{-webkit-box-shadow:-1px -1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(255,255,255,.1);-moz-box-shadow:-1px -1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(255,255,255,.1);box-shadow:-1px -1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(255,255,255,.1)}
.audioplayer-bar-played,.audioplayer-volume-adjust div div{-webkit-box-shadow:inset 0 0 5px rgba(255,255,255,.5);-moz-box-shadow:inset 0 0 5px rgba(255,255,255,.5);box-shadow:inset 0 0 5px rgba(255,255,255,.5)}
.audioplayer-volume-adjust{-webkit-box-shadow:-2px -2px 2px rgba(0,0,0,.15),2px -2px 2px rgba(0,0,0,.15);-moz-box-shadow:-2px -2px 2px rgba(0,0,0,.15),2px -2px 2px rgba(0,0,0,.15);box-shadow:-2px -2px 2px rgba(0,0,0,.15),2px -2px 2px rgba(0,0,0,.15)}
.audioplayer *,.audioplayer :after,.audioplayer :before{-webkit-transition:color .25s ease,background-color .25s ease,opacity .5s ease;-moz-transition:color .25s ease,background-color .25s ease,opacity .5s ease;-ms-transition:color .25s ease,background-color .25s ease,opacity .5s ease;-o-transition:color .25s ease,background-color .25s ease,opacity .5s ease;transition:color .25s ease,background-color .25s ease,opacity .5s ease}
.audioplayer{border:1px solid #4a7993;background:#4a7993;background:-webkit-gradient(linear,left top,left bottom,from(#4a7993),to(#336785));background:-webkit-linear-gradient(top,#4a7993,#336785);background:-moz-linear-gradient(top,#4a7993,#336785);background:-ms-radial-gradient(top,#4a7993,#336785);background:-o-linear-gradient(top,#4a7993,#336785);background:linear-gradient(top,#4a7993,#336785);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 .45em rgba(0,0,0,.5);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 .45em rgba(0,0,0,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 .45em rgba(0,0,0,.5)}
.audioplayer-info{border-right:1px solid #555;border-right-color:rgba(255,255,255,.1);width:3.375em;height:100%;text-align:center;cursor:default;z-index:2;top:0;left:0}
.audioplayer-info span{color:#fff;line-height:30px;font-size:.9em}
.audioplayer-playpause{left:3.375em;border-left:1px solid #111;border-left-color:rgba(0,0,0,.25);margin-left:1px}
.audioplayer-playpause:focus,.audioplayer-playpause:hover{background-color:#69ab97}
.audioplayer-time{cursor:default}
.audioplayer-time-current{margin-left:3px;left:5.875em}
.audioplayer-bar{left:10.25em;background:#fff}
.audioplayer-bar-loaded{background:#ddd}
.audioplayer-bar-played{background:#e2615f;background:-webkit-gradient(linear,left top,right top,from(#ff0),to(#e2615f));background:-webkit-linear-gradient(left,#ff0,#e2615f);background:-moz-linear-gradient(left,#ff0,#e2615f);background:-ms-radial-gradient(left,#ff0,#e2615f);background:-o-linear-gradient(left,#ff0,#e2615f);background:linear-gradient(left,#ff0,#e2615f)}
.audioplayer-time-duration{margin-right:1px}
.audioplayer-volume:focus,.audioplayer-volume:hover{background-color:#336785}
.audioplayer-volume-button a{left:30%}
.audioplayer-volume-adjust{background:#5f8f81;background:-webkit-gradient(linear,top top,right top,from(#5f8f81),to(#336785));background:-webkit-linear-gradient(top,#5f8f81,#336785);background:-moz-linear-gradient(top,#5f8f81,#336785);background:-ms-radial-gradient(top,#5f8f81,#336785);background:-o-linear-gradient(top,#5f8f81,#336785);background:linear-gradient(top,#5f8f81,#336785);border:1px solid #456b5e;border-bottom:0;left:-1px}
.audioplayer-volume-adjust>div{background:#ddd}
.audioplayer-volume-adjust div div{background:#e3665b;background:-webkit-gradient(linear,left bottom,left top,from(#fffb03),to(#e3665b));background:-webkit-linear-gradient(bottom,#fffb03,#e3665b);background:-moz-linear-gradient(bottom,#fffb03,#e3665b);background:-ms-radial-gradient(bottom,#fffb03,#e3665b);background:-o-linear-gradient(bottom,#fffb03,#e3665b);background:linear-gradient(bottom,#fffb03,#e3665b)}
.audioplayer-down .audioplayer-bar{right:10.25em}
.audioplayer-down .audioplayer-time-duration{right:5.875em}
.audioplayer-down .audioplayer-volume{right:3.375em}
.audioplayer-down .audioplayer-volume-adjust{left:-1px;right:0}
.audioplayer-down .audioplayer-down-but{border-left:1px solid #111;border-left-color:rgba(0,0,0,.25);width:3.375em;height:100%;text-align:center;cursor:pointer;z-index:2;top:0;right:0}
.audioplayer-down .audioplayer-down-but span{line-height:2.9em;font-size:.9em}
.audioplayer-down .audioplayer-down-but:focus,.audioplayer-down .audioplayer-down-but:hover{background-color:#69ab97}
.audioplayer-down .audioplayer-volume-button{border-right:1px solid #555;border-right-color:rgba(255,255,255,.1);margin-right:1px}