/*-------------------by:秋心草 2018-07-03---------*/
@charset "utf-8";
@import url("icon.css");
*{ margin: 0;padding:0;}li{list-style: none;}img{ border: 0;}.fl{ float: left;}.fr{ float: right;}a{text-decoration: none;}
body{ background: #ececec; font-size: 62.5%;font-family: "Microsoft Yahei",sans-serif; width:100%;}
.clear{ clear: both;}
.clearfix:after{ visibility: hidden;display: block;font-size: 0;content:" ";clear: both;height: 0;}
.clearfix{ *zoom:1;}
html,body,p,h1,h2,h3,h4,h5,h6,form,input,textarea,select,button,fieldset,legend,img,ul,ol,li,dl,dt,dd,th,td,pre,blockquote{margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased}body,button,input,select,textarea{-webkit-font-smoothing:antialiased}img,fieldset{border:0;vertical-align:middle}input{padding:0;margin:0;outline:0}
.dis-none{ display:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ins{text-decoration: none;}
ul,ol,li{ list-style:none;}p{zoom:1;}
em,cite,i{ font-style:normal;}ins{text-decoration: none;}
a{ color:#666; text-decoration:none;}
a:hover{ color:#0d7ad9;}
a:active{ color:#C96;}
a:focus{ outline:none; }
a:hover,a:active { outline: 0; }
img{ border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	background: 0 0;
	vertical-align: baseline;
	font-size: 100%
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html {
	font-size: 10px;
	-webkit-tap-highlight-color: transparent
}
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.mra-0 {margin:0px;}
.wrap {width:96%;margin:0 auto;}
.wrap .layui-collapse { margin-top:2%;}
.wrap .layui-colla-title:hover { background:#e2e2e2;}
.wrap .layui-colla-content {overflow:hidden; padding:5px 0px;}
.wrap ul li.hotci { width:19%; padding:0px 3px; height:40px; line-height:40px; margin:5px; float:left; border:1px solid #e5e5e5; text-align:center;}
.wrap ul li.hotci a{ color:#333;}
.menu_open.ton,.menu_user.ton {background-color: #1e9fff;border-radius: 5px;}
.ad-100 {width:96%; overflow:hidden; height:84px; background:#ffffff; border-bottom:1px solid #e7e7e8; padding:1% 2%;}

/*头部*/
#header {height:64px;overflow:hidden;position:relative;width:100%;z-index:999;left:0px;top:0;width:100%;background:url('top_bg.png') #2c4860 center 0px no-repeat;-webkit-transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1)}
#header .wrap {position:relative;overflow:hidden}
#header .menu_open {left:0;height:35px;padding:5px;text-align:center;line-height:20px;color:#ffffff;margin-top:0px;top:10px;}
#header i {display:block;width:50px;height:32px;position:absolute}
#header .logo {position:relative;width:170px;height:52px;margin:8px auto}
#header .logo a {display:block}
#header .logo img {display:block;width:100%;height:auto}
#header .menu_user  {right:0;height:35px;padding:5px;text-align:center;line-height:20px;color:#ffffff;margin-top:0px;top:10px;}
#header .menu_open b,#header .menu_user b{ font-size:12px; display:block;}
#header .menu_open b,#header .menu_user b a{color:#ffffff;}
/*菜单及用户点击时滑出的主框架动画*/
#container {position:relative;top:0;left:0px;width:100%;overflow-x:hidden;overflow-y:auto;height:100%;-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:-moz-transform 0.3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:-o-transform 0.3s cubic-bezier(0.165,0.84,0.44,1);transition:transform 0.3s cubic-bezier(0.165,0.84,0.44,1);background:#f0f0f0}
#container.push .push_msk,#container.pull .push_msk {visibility:visible}
/*顶部导航滑出层效果*/
#sort_content {width:100%;min-height:100%;position:absolute;top:0;left:0;z-index:999;overflow-x:hidden;overflow-y:auto;padding-bottom:20px;-webkit-transform:translate3d(0px,100%,0px);-moz-transform:translate3d(0px,100%,0px);transform:translate3d(0px,100%,0px);-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);-moz-transition:-moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);-o-transition:-o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);transition:transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19)}
#sort_content.show {-webkit-transform:translate3d(0px,0%,0px);-moz-transform:translate3d(0px,0%,0px);transform:translate3d(0px,0%,0px);-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);-moz-transition:-moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);-o-transition:-o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);transition:transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000)}

/*顶部导航滑出层样式*/
#sort {height:40px;background:#333333;}
#sort td {height:40px;text-align:center}
#sort .sortby {height:40px}
.sort_ct {border:1px solid #fff;border:0 1px}
.sort_left {background:url('g_block.png') repeat-y 100% 0;background-size:2px 1px}
.sort_right {background:url('g_block.png') repeat-y 0 0;background-size:2px 1px}
.sort_b {height:40px;line-height:40px;width:100%;}
.sort_b a {display:block;width:100%;color:#FFF; height:40px;}
.sort_b.ton {background-color:#343435;-moz-box-shadow:0px 2px 6px #1f1f1f inset;-o-box-shadow:0px 2px 6px #1f1f1f inset;-webkit-box-shadow:0px 2px 6px #1f1f1f inset;box-shadow:0px 2px 6px #1f1f1f inset}
.sort_b .sort_b_inner {height:40px;display:inline-block; font-weight:bold; font-size:15px;}
.sort_b i { color:#ffffff; opacity:0.4; font-weight:normal;}
.sort_b i.fa-caret-down { color:#ffdd01; opacity:1.0; padding-left:10px;margin-top:13px;}

/*顶部分类菜单*/
.asort {display:none}
.asort.show {display:block}
.hd {height:60px;background:#323436}
.hd .fl {height:60px}
.hd .fl span {height:32px;line-height:32px;color:#ffffff;display:block;margin-top:14px;padding:0px 25px 0px 16px;font-weight:bold;font-size:16px;}
.hd .fl span i { padding-left:12px;}
.hd .fr {width:33px;height:32px;background-color:#3e4042;margin-top:14px;position:relative;-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;border-radius: 5px;}
.hd .fr i {color:#ffffff; padding:7px 6px; font-size:18px;}
.hd .fr.ton {background-color:#1e9fff}
.ct {width:100%;overflow-x:hidden;overflow-y:auto; background:#FFFFFF;}
#list .submenu { padding-top:10px;}
#list .submenu li { text-align:center; border-radius: 5px; padding-top:0px;margin:2% 3%;width:26%; height:38px; line-height:38px; float:left;border:1px solid #e5e5e5; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.submenu a {padding:10px;}
.submenu .menu_cur {width:115px; background:#ff5722; font-weight:bold;}
.submenu .menu_cur a {color:#ffffff;}

.hy {height:40px;background:#323436}
.hy .fl {height:40px}
.hy .fl h1 {height:40px;line-height:40px;color:#ffffff;display:block;padding:0px 25px 0px 16px;font-weight:bold;font-size:14px;}
.hy .fr {width:33px;height:32px;background-color:#3e4042;margin-top:14px;position:relative;-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;border-radius: 5px;}
.hy .fr i {color:#ffffff; padding:7px 6px; font-size:18px;}
.hy .fr.ton {background-color:#1e9fff}

/*首页、列表页样式*/
#list_content { width:100%;padding-bottom:10px;position:relative;overflow:hidden;background:#ffffff;}
#list, .list-play { width:100%; padding-bottom:10px; overflow:hidden;background:#ffffff;}
#list ul {float:left;width:100%; overflow:hidden;}
#list li {float:left;width:100%; height:40px;padding-top:5px;border-bottom:1px solid #e5e5e5;}
#list li:hover{border-bottom:solid 1px #0d7ad9;}
.list_info {float:left;height:40px;width:85%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.list_info span {margin-left:5px;color:#888888}
.list_info h4 {font-size:14px; height:40px;color:#333333;display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.list_info h4 i {color:#8d8d8d;font-size:22px;padding-right:5px;}
.list_info h5 {height:22px;line-height:22px;font-weight:normal;font-size:14px;color:#bbbbbb;padding-left:25px;}
.list_info h5 em {font-style:normal;margin-left:8px}
.list_info_i {width:15%;height:40px;line-height:40px;overflow:hidden;float:right;color:#666;text-align:center;}
.list-free {top:5px; float: right; right:10px;}
.play-free {top:-2px; position:relative; font-size:12px;  padding:3px 10px; background:#FF5722; border-radius: 2px;}
.index_ad {top:0;left: 0;width: 100%;height: 100%;}

#bbs, .list-play { width:100%; padding-bottom:10px; overflow:hidden;background:#ffffff;}
#bbs ul {float:left;width:100%; overflow:hidden;}
#bbs li {float:left;width:100%; padding-top:5px;padding-bottom:5px;border-bottom:1px solid #e5e5e5;}
#bbs li:hover{border-bottom:solid 1px #0d7ad9;}
.list_bbs {float:left;width:85%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.list_bbs span {float:left;margin-right:5px;}
.list_bbs span img{height:55px;width:80px;}
.list_bbs h4 {float:left;font-size:14px; line-height:25px;color:#333333;display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.list_bbs h4 i {color:#8d8d8d;font-size:22px;padding-right:5px;}
.list_bbs h5 {height:22px;line-height:22px;font-weight:normal;font-size:14px;color:#bbbbbb;padding-left:25px;}
.list_bbs h5 em {font-style:normal;margin-left:8px}

.list-play .list_info {height:38px; line-height:38px;}
.list-play li {width:100%; display:block; line-height:37px; height:37px; display:block; border-bottom:1px solid #e5e5e5;}
.list-play li h4 { width:69%; line-height:37px; height:37px; float:left; font-weight:normal; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.list-play li h5 { width:22%; line-height:37px; height:37px; float:right; text-align:right; font-size:12px; }
.list-play .btn-play { width:100%; padding:8px 1% 0 1%; border-bottom:1px solid #e5e5e5;}
.list-play .btn-play a { margin:0px 3px 3% 0px;}
.list-play .btn-play .link { width:95%; padding:1%;  margin:0px 0px 5px 0px; display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;display:inline-block; border:1px solid #e5e5e5;}
.list-play .btn-play .link span { margin-left:5px;}
.list-play .btn-play .btn-play-cn { width:100%; text-align:center;}
.list-play .btn-play .layui-btn-sm {padding: 0 1.5%;}

.list-play .layui-collapse, .list-play .layui-collapse .layui-colla-content { border:none;}
.list-play .layui-collapse .layui-colla-title { background:#FFF; color: #fe5621; height: 40px; line-height: 40px; font-weight:bold; padding-left:45px;}
.list-play .layui-collapse .layui-colla-title i { padding-left:5px;}
.list-play .geci { width:100%;text-align:center;}
.list-play .geci p {width:100%; display: inline-block; height:33px; line-height:33px; font-size: 14px; color:#000000;}
.list-play .geci p.geci_title  {border-bottom:1px dotted #1E9FFF;color:#1E9FFF;}
.list-play .geci_img {position: absolute; width:106px; height:66px; top:87px; padding:0px 1%; left:0px; z-index:1;}
.list-play .geci_img img {border-radius: 2px 0px 0px 2px; width:106px; height:66px;}

#xinxi-play { width:100%; overflow:hidden; font-size:14px; padding:10px;}
#xinxi-play li { float:Left;height:30px; width:100%;margin-bottom:5px; }
#xinxi-play .name {padding:3px;}
#xinxi-play .name font {font-weight:bold; height:30px; line-height:30px; float:left;}
#xinxi-play .name span { width:75%; margin-left:5px; height:28px; line-height:28px; float:left; padding:0px 5px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
#xinxi-play .btn-1, #xinxi-play .btn-2, #xinxi-play .btn-3 {display: inline-block;height: 22px;line-height: 22px;padding: 0 5px;background-color: #1E9FFF;color: #fff;white-space: nowrap;text-align: center;font-size: 12px;border: none;border-radius: 2px;cursor: pointer;}
#xinxi-play .btn-2 {background-color: #019688;}
#xinxi-play .btn-3 {background-color: #FF5722;}

#down-play { width:100%; overflow:hidden; font-size:12px; padding:10px 10px 0 10px}
#down-play .tishi { display:block; text-align:center; height:auto; margin-bottom:10px; color:#333333; font-weight: normal;}
#down-play .tishi .info { width:100%; font-weight:bold; font-size:16px; display: inline-block;height: 38px;line-height: 38px; margin-bottom:10px; background-color: #2F4056;color: #fff;white-space: nowrap;text-align: center;font-size: 14px;border: none;border-radius: 2px;cursor: pointer;}
#down-play .tishi .info span { font-size:13px; height:24px; line-height:24px; margin-right:10px;}
#down-play .tishi p { display:block; font-size:13px; border-bottom:1px solid #e5e5e5; line-height:22px; text-align:left; text-indent:25px;}
#down-play .tishi p span { text-indent:0px; margin-right:6px; font-size:14px;}
#down-play .play-btn { margin:10px 0px; text-align:center;}
#down-play li { height:50px; width:100%; border:1px solid #e5e5e5; margin-bottom:5px; }
#down-play .name {padding:6px;}
#down-play .name font { width:100%; float:left;}
#down-play .name span { width:100%; display: inline-block;  height:35px; line-height:35px; font-size:14px; float:left; padding:0px 1%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.cion_btn, .jifen_btn, .free_btn { width:40%; display: inline-block; height:35px;line-height: 35px; background-color: #FF5722; color: #fff;white-space: nowrap; padding:0px 15px; text-align: center;font-size: 14px;border: none;border-radius: 2px; margin-right:10px; font-weight:bold; letter-spacing:1px;}
.jifen_btn {background-color: #1E9FFF;}
.free_btn {background-color: #666666; }
.cion_btn:hover, .jifen_btn:hover, .free_btn:hover,.cion_btn:active, .jifen_btn:active, .free_btn:active, .cion_btn:visited, .jifen_btn:visited, .free_btn:visited { color:#ffffff; opacity: 0.8;}
.disabled { border: 1px solid #e6e6e6; background-color: #FBFBFB; color: #C9C9C9; cursor: not-allowed; opacity: 1.0;}
.disabled:hover { color:#eeeeee;}

/*专辑列表*/
#content-pic {padding-bottom:10px;background:#ffffff;position:relative;overflow:hidden;}
#content-pic a {color:#333333;}
#content-pic .list-one {width:95%; display:block; margin:0px auto;}
#content-pic .list-tow {width:46%;float:left; margin-left:2.6%;}
#content-pic .list_info {height:80px;padding:10px 0px;border-bottom:1px solid #e5e5e5;}
.list_litpic {width:80px;height:80px;overflow:hidden;padding:10px 10px 10px 0px;}
.list_litpic img {width:80px;height:80px; border:none;}
#content-pic .list_info h4 {background-position:-9999px -9999px;font-size:16px;font-weight:bold;text-indent:0px;color:#333333;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
#content-pic .list_info h5 {padding-bottom:10px;height:28px;line-height:28px;font-weight:normal;font-size:14px;color:#bbbbbb;}
#content-pic .list_info span {margin-left:5px;color:#888888}
.newstyle {font-size:14px;font-weight:bold;height:40px;line-height:40px;color:#fe5621; background:#ffffff;border-bottom:2px solid #fe5621;text-align:left;padding-left:20px;letter-spacing:1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.newstyle .tongji {float:right; margin-right:20px; font-weight:normal; font-size:12px; color:#333; letter-spacing:0px;}
.newstyle .tongji b {color:#1d9efe;}
.h2 {width:100%;color:#333;font-size:12px;text-align:center;}
/*专辑列表*/
.special-info { width:100%; overflow:hidden;}
.special {width:100%; overflow:hidden;background:#ffffff;}
.special-info .special-kuang { width:100%; overflow:hidden; display:block;}
.special-info .special-kuang li {margin:2%; float:left;}
.special-info .special-kuang li.imgs { width:100px; height:100px; text-align:center; float:left; width:30%;}
.special-info .special-kuang li.name { width:62%; height:35px; line-height:35px; font-size:16px; font-weight:bold; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.special-info .special-text { margin:0% 2%; line-height:20px; font-size:12px; padding:0px 10px 5px 10px; border:1px solid #e5e5e5;}
.special-info .special-text font { display:block; line-height:30px; font-size:14px; font-weight:bold;}
.special-info .special-kuang li.btns { width:62%; height:35px; line-height:35px; }
.special-info .content {width:100%; overflow:hidden; display:block;}
.special-info .content li { width:44%; margin:1% 3%; float:left; height:28px; line-height:28px; border-bottom:1px solid #e5e5e5; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}

/*网站底部*/
.footer-text {width:100%;margin-top:10px;text-align:center;background:#FFF;height:170px;}
.footer-text a {color:#333;}
.footer-text p {height:30px;line-height:30px;}
.footer-text .footlogo {width:100%;height:41px;text-align:center;}

#container .page { width:100%; background:#ffffff; height:50px; border-bottom:1px solid #1e9fff; text-align:center;}
#container .botm { border-bottom:none; border-top:1px solid #1e9fff;}
#container .page .on { font-weight:bold;color:#ffffff;background:#1e9fff;}
#container .page .layui-laypage { width:100%;}
#container .page .layui-laypage a { font-weight:bold; padding:0px 2%;}

.zanwu { width:100%; height:450px; line-height:100px; text-align:center; font-size:14px; font-weight:bold;}

/*意见留言*/
#container .layui-tab-content {background:#ffffff; padding:10px;}
#container .layui-quote-nm { margin-top:10px;}
.index-gbook { width:100%; border:1px solid #e5e5e5; overflow:hidden; margin-bottom:10px;}
.ig-title{height: 40px;background:#fbfbfb;line-height: 40px;text-indent: 1em;}
.ig-time{float: right;color: #333333;font-size: 12px;margin-right: 1em;}
.ig-name{font-size: 15px;color: #333333;margin-right: 10px;}
.ig-ip{font-size: 12px;color: #333333;}
.ig-neir{padding:10px 20px;word-wrap: break-word}
.ig-hf {background-color: #fafafa;line-height: 30px;width: 85%;margin-left: 20px;margin-bottom: 10px;border:1px solid #e2e2e2;border-radius: 10px;text-indent: 20px; padding:10px;}
.page .on{background-color: #009688;color: white;border-radius: 2px;}

.m-snav{height:170px;background: #333;width: 100%;position: relative;overflow: hidden;color: #fff;}
.m-snav li{float:Left;width:25%;text-align: center;margin-top:10px;}
.m-snav li ins {width:55px;height:45px;font-size:45px;color: #999;}
.m-snav li a{color: #999;display: block;padding: 0 8px;font-size: 12px;}
.m-snav li.on a{color: #fff;}
.m-snav li.on ins{color: #fff;}
.m-snav li.on span{color: #fff;}
.m-snav li.on{font-weight:bold;}
.m-snav span{display:block;width:100%;height:24px; line-height:24px;color: #999;font-size:16px;padding-top:3px;}

.music {float:Left;background: #fff;width: 100%;padding:10px;border:1px solid #e2e2e2;font-size:14px;}
.music h2{float:Left;background: #00b34a;color: #fff;padding: 5px 10px;}
.music a {float:Left;margin-left:10px;margin-bottom:8px;border:1px solid #e7e7e7;color: #999;padding:3px 6px;border-radius:5px;-moz-border-radius:5px;}
.music a.on {border:1px solid #00b34a;color: #00b34a;} 
.music a:hover {border:1px solid #00b34a;color: #00b34a;} 

.topic{float: left;width:100%;padding:10px;}
.topic li{float:left;margin-left:2%;margin-top:10px;width:48%;height:120px;background:#fff}
.topic li a{display:block;width:100%;overflow:hidden}
.topic li a img{float:left;width:100%;height:80px;vertical-align:top;-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;transition:transform .3s ease-out}
.topic li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.topic li a span{float:left;display:block;padding-top:8px;width:100%;line-height:20px;font-size:14px;text-align:center;color:#333;}

.djzt{float: left;width:100%;padding:10px;}
.djzt li{float:left;margin-left:1%;margin-top:10px;width:24%;height:90px;background:#fff}
.djzt li a{display:block;position:relative;width:100%;height:90px;overflow:hidden}
.djzt li a img{width:100%;height:100%;vertical-align:top;-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;transition:transform .3s ease-out}
.djzt li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.djzt li a span{position:absolute;left:0;bottom:0;display:block;padding-top:20px;width:100%;line-height:35px;font-size:16px;text-align:center;color:#fff;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 75%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 75%);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.geshou{float: left;width:100%;padding:10px;}
.geshou li{float:left;margin-left:1%;margin-top:10px;width:24%;height:115px;background:#fff}
.geshou li a{display:block;position:relative;width:100%;height:115px;overflow:hidden}
.geshou li img{width:100%;height:100%;vertical-align:top;-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;transition:transform .3s ease-out}
.geshou li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.geshou li a span{position:absolute;left:0;bottom:0;display:block;width:100%;line-height:35px;height:35px;font-size:16px;text-align:center;color:#fff;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 75%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 75%);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.item-title {float: left;width:100%;margin:7px 0;background-color: #fff;border-bottom:1px solid #e7e7e7;}
.item-title h1 {font-size: 18px;line-height:30px;text-align:center;}
.item-title h2 {font-size: 18px;line-height:30px;text-align:center;}
.item-title span {padding-top:10px;}
.item-title i {font-style: normal;}
.item-title article{padding:10px;}
.artlist {border-top: 1px solid #333;padding-top:10px;margin-top:10px;}
.artlist h3 {padding-bottom:10px;color: #999;}
.pic {float: left;width:20%;text-align:center;padding-bottom:10px;}
.pic img{width:80%;height:90px;}
.itxt {float: left;width:80%;}
.itxt dd{float: left;width:100%;line-height:20px;font-size:12px;}
.itxt dd i{color: #EE0000;font-weight:bold}

.djmf{float: left;width:100%;padding:10px;background: #fff;border-bottom:1px solid #e7e7e7;}
.djmf a{float:Left;width:24%;margin-left:0.7%;background: #e7e7e7;line-height:35px;font-size:14px;text-align: center;border:1px solid #e7e7e7;color: #666;}
.djmf a.on {border:1px solid #00b34a;color: #00b34a;background: #fff;} 

.m-tags{float:Left;background: #fff;width: 100%;padding:10px;font-size:13px;}
.m-ccc{float:Left;background: #fff;width: 100%;padding:10px;font-size:16px;margin-top: -15px;}
.m-show a{float:Left;width: 33%;padding:8px 0;background: #333;overflow: hidden;color: #fff;text-align:center;text-align:center;border-radius:5px;-moz-border-radius:5px;}
.m-zan a{float:Left;width: 32%;padding:8px 0;margin:0 1%;background: #333;overflow: hidden;color: #fff;text-align:center;border-radius:5px;-moz-border-radius:5px;}
.m-down a{float:Left;width: 33%;padding:8px 0;background: #333;overflow: hidden;color: #fff;text-align:center;border-radius:5px;-moz-border-radius:5px;}

.n-show a{float:Left;width: 48%;padding:8px 0;margin:1%;background: #333;overflow: hidden;color: #fff;text-align:center;text-align:center;border-radius:5px;-moz-border-radius:5px;}
.n-zan a{float:Left;width: 48%;padding:8px 0;margin:1%;background: #333;overflow: hidden;color: #fff;text-align:center;border-radius:5px;-moz-border-radius:5px;}

.footer {
  float:Left;
	clear: both;
	margin-bottom: 10px;
	width: 100%;
	padding: 15px 0;
	background: #333;
	color: rgba(204,204,204,1)
}

.m-autocw {
    width: 100%;
	text-align: center;padding: 15px 0;
}
.m-banquan {
	height: 21px;
	line-height: 21px;
	color: #8e8e8e;
	font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
}
.m-banquan a {
	color: #8e8e8e;
}
.m-banquan #add_favorite {
	padding: 2px 12px;
	margin: 0 10px;
	color: #fff;
    vertical-align: middle;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	cursor: pointer;
}
.m-banquan a#add_favorite:link, .m-banquan a#add_favorite:visited {
	background-color:#00b34a;
	text-decoration: none;
}
.m-banquan a#add_favorite:hover, .m-banquan a#add_favorite:active {
	background-color: #3b5998;
	text-decoration: none;
}

.dialog{
		position:fixed;
		left:50%;
		top:50%;
		background-color:rgba(0,0,0,0.9);
        box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);word-wrap: break-word;border: 1px solid;border-color: #e5e6e9 #dfe0e4 #d0d1d5;
		z-index:9999;
		padding:10px 15px;
		color:#fff;
        font-size:16px;
		border-radius:5px;
		transform:translate(-50%,-50%);
		-webkit-transform:translate(-50%,-50%);
		-moz-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		-o-transform:translate(-50%,-50%);
}
#apply-pup-icon{ display:none;}
#apply-pup-rm{ display:block;}
/*弹窗遮罩*/
.aui_inner { background:#FFF; }
.aui_outer, .aui_center { border:1px solid rgba(0, 0, 0, .3)!important; border:1px solid #333\9!important; }
.aui_outer { border-radius:3px; }
.aui_border { border-radius:2px; box-shadow: inset 0 0 1px rgba(255, 255, 255, .9); }
.aui_nw, .aui_ne, .aui_sw, .aui_se { width:8px; height:8px; }
.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_s, .aui_se { background:rgba(0, 0, 0, .2); background:#000\9!important; filter:alpha(opacity=20); }
.aui_state_focus .aui_inner { box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); }
.aui_state_focus .aui_outer { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); }
.aui_state_drag .aui_outer { box-shadow:none; border:1px solid rgba(0, 0, 0, .4)!important; border:1px solid #333\9!important; }
.aui_titleBar { position:relative; height:100%; }
.aui_title { height:28px; line-height:27px; padding:0 28px 0 10px; text-shadow:0 1px 0 rgba(18, 91, 167, .7); background-color:#fff; font-weight:bold; color:#95a7ae; font-family: Tahoma, Arial/9!important; background-color:#bdc6cd; background: linear-gradient(top, #2673c4, #75a6da); background: -moz-linear-gradient(top, #2673c4, #75a6da); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2673c4), to(#75a6da)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2673c4', endColorstr='#75a6da'); border-top:1px solid #1e6bbc; border-bottom:1px solid #699bd1; }
.aui_state_focus .aui_title { color:#fff; font-size:14px}
.aui_state_drag .aui_title { background: linear-gradient(top, #3580cf, #85b2e3); background: -moz-linear-gradient(top, #3580cf, #85b2e3); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3580cf), to(#85b2e3)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3580cf', endColorstr='#85b2e3'); box-shadow:none; }
.aui_state_drag .aui_titleBar { box-shadow:none; }
.aui_close { padding:0; top:3px; right:3px; width:21px; height:21px; line-height:21px; font-size:18px; color:#fff; text-align:center; font-family: Helvetica, STHeiti; _font-family: '\u9ed1\u4f53', 'Book Antiqua', Palatino; text-shadow:0 1px 0 rgba(18, 91, 167, .9); }
.aui_close:hover { color:#C72015; }
.aui_close:active { box-shadow: none; }
.aui_content { color:#666; }
.aui_state_focus .aui_content { color:#000; }

.aui_title { overflow:hidden; text-overflow: ellipsis; }
.aui_state_noTitle .aui_title { display:none; }
.aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; }
.aui_close:hover { text-decoration:none; }

/*  全站通用分页  */
.page {float:left;width:100%;background: #FFF;border-bottom:solid 1px #f4f4f4;}
.page b {padding:0 5px;color: #f00;}
.page li {float:left;width:25%;text-align: center;}
.page li a {margin-top:5px;height:40px;line-height:40px;text-align:center;font-size: 16px;}
.page span {float:left;width:100%;height:40px;line-height:40px;margin-top:5px;text-align: center;background: #FFF;border-top:solid 1px #f4f4f4;color: #000;font-size: 14px;}
.a1 {background: #0d7ad9;color: #fff;padding:5px 15px;}
.a1:hover {color: #fff;}


.wks {float: left;width:100%;background: #fff;margin-top:10px;}
.wks .h3{float: left;width:100%;height:35px;line-height:35px;border-bottom: 1px solid #ddd;}
.wks .h3 span {float: left;padding:0 10px;}
.wks ul {float: left;padding:10px;}
.wks li{float: left;margin-right:8px;line-height:22px;}
.wks{ display:none;}
/* PC端 */
@media only screen and (min-width:860px){
body{ background: #ececec; font-size: 62.5%;font-family: "Microsoft Yahei",sans-serif;margin:0 auto;width: 800px;}
.m-snav{width:100%;margin: 0 auto;margin-top:0px;height: 70px;line-height: 70px;background: #333;position: relative;overflow: hidden;color: #fff;}
.m-snav li{float:Left;width:12.5%;margin-top:0px;text-align: center;height:70px;line-height:20px;}
.m-snav li a{float:Left;width:100%;text-align: center;display: block;padding-top:6px;color: #999;}
.m-snav span{float:center;width:auto;font-size:13px;line-height:24px;height:24px;color: #999;}
.m-snav li ins {float:center;width:auto;padding:5px 5px;font-size:25px;line-height:26px;height:26px;}
.m-snav li:hover{border-bottom:solid 2px #8d8d8d;color: #fff;}
.m-snav li:hover a {color: #fff;}
.m-snav li:hover ins {color: #fff;}
.m-snav li:hover span{color: #fff;}
  #xinxi-play li { float:Left;height:30px; width:50%;margin-bottom:5px; }
.list_info {float:left;height:50px;width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.list_info_i {width:10%;height:40px;overflow:hidden;float:right;color:#666;text-align:center;}
.topic li{float:left;margin-left:1%;margin-top:10px;width:24%;height:125px;background:#fff}
.wks{ display:block;}
.djzt li{float:left;margin-left:1%;margin-top:10px;width:11.5%;height:65px;background:#fff}
.djzt li a{display:block;position:relative;width:100%;height:65px;overflow:hidden}
.djzt li a span{position:absolute;left:0;bottom:0;display:block;padding-top:20px;width:100%;line-height:20px;font-size:14px;text-align:center;color:#fff;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 75%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 75%);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

}