@charset "utf-8";
/* Stars*/
body {
    font-family: 'Microsoft YaHei', Arial;
}


.sfm .px {
    width: 83%;
}
.sfm .pt {
    width: 85%;
    height: 67px;
}
/*add ranklist*/
#moodfm textarea {
    width: 1000px;
}
.fox {display: none;}
/*头部*/
.nav_bar_box { 
min-width:1200px;
border-bottom: 1px solid #333; 
margin: 0;
background:#333; 
display:block; 
clear:both;
padding: 0;
word-wrap: break-word;
}
.nav_content { margin:0 auto; 
background:none;
z-index:13; 
width: 1260px;
}
/*搜索框*/
#scbar {
    overflow: hidden;
    height: 42px;
    line-height: 42px;
    border-top: 0px solid #FFF;
    border-bottom: 0px solid #F5E9E900;
    background: #E8EFF500;
    width: 220px;
    margin: -10px 0 0px auto;
}
.scbar_icon_td {
    width: 0px;
	background:none;
   
}
.scbar_txt_td, .scbar_type_td {
   
	background: url(../img/input_bg.png) center no-repeat;
	background-size: 150px auto;
}
#scbar input {

	height: 28px !important;
	background: #fafbf800;
	padding: 10px 30px 10px 10px;
	line-height: 22px !important;
	width: 120px !important;
	margin-left: 20px;
}
#scbar_type {
    display: block;
    padding-left: 10px;
    text-align: left;
    text-decoration: none;
}
#scbar_txt {

    width: 200px;
    border: 0px solid #151414;
    outline: none;
    font-size: 15px;

}
.scbar_btn_td { width:45px; background:  #FFF0 url(../img/search.png) no-repeat;

}


.stars_hd,.stars_hd * { 
margin:0; 
padding:0; 
list-style:none outside none; 
}
.stars_hd { 
line-height:1; 
float:left; 
width: 700px;
height: 65px;
overflow:hidden;
}
.stars_hd ul { 
position:absolute; 
top:-999em; 
width:8.8em; 
}

.stars_hd li { 
float:left; 
margin-right:0; 
}
.stars_hd li.active a { 
color:#fff; 
background:#333 
}
.stars_hd li li { 
margin-right:15px; 
}
.stars_hd li { 
background:none repeat scroll 0 0 transparent; 
}
.stars_hd a { 
display:block; 
text-decoration:none; z-index:11; 
}
.stars_hd li a { line-height:62px; 
font-size:17px; 
color:#999;
 padding:0 30px; 
 }
.stars_hd li.sfHover a:hover{ color:#fff}
.stars_hd li.sfHover a { 
text-decoration:none;
 color:#f78;
 }
.stars_hd li:hover { 
color:#d81e06; 
}

.stars_hd a { color:#d81e06; 
}
.logo { float:left; margin-top:5px; overflow:hidden; 
}


#umnav_menu { 
margin-left:-80px !important; 
top: 60px !important;
}


#stars_user{
	height:31px;
	margin-top:20px;
	float:right;
	}
#stars_nav .username{
	display:block;
	width:31px;
	height:31px;
	float:left}
#stars_nav .username img{
	width:31px;
	height:31px;
	border-radius:50%}
#stars_nav span{float:left}
#stars_nav span a{color:#999;
float:left;
height:31px;
font-size:14px;
line-height:31px;
display:block;
padding:0 6px;
text-decoration:none}
#stars_menu_nav li a span{display:none}

.p_pop a{color:#FFF}
.p_pop a:hover{background:#e0f1e9}
.p_pop,.p_pof,.sllt{
	padding:0;
	border:none;
	background:#FFF;
	margin-top:2px;
	-moz-box-shadow:0 0 30px rgba(0,0,0,.35);
	-webkit-box-shadow:0 0 30px rgba(0,0,0,.35)}
.p_pop a,.p_pop a.a,#sctype_menu .sca{
	font-size:12px;
	line-height:22px;
	color:#333!important;
	font-weight:400}
#stars_nav span a:hover{ color:#f78}


a {
    color: #333333;
    text-decoration: none;
    -webkit-transition: color ease .15s;
    -moz-transition: color ease .15s;
    -ms-transition: color ease .15s;
    cursor: pointer;
}

a, body, dd, div, dl, dt, em, form, h1, h2, h3, html, i, img, input, li, p, span, ul {
    margin: 0;
    padding: 0;
}


/*top viewing*/
viewimg {
    width: 1200px;
    overflow: hidden;
    zoom: 1;
    height: 350px;
    margin-top: 16px;
}
#viewimg a.limg{float:left;display:inline; width: 460px; height: 350px; overflow:hidden;zoom:1; position:relative;}
#viewimg a.limg img{width: 460px; height: 346px; overflow:hidden;zoom:1;margin: 0 0 0 10px;}
#viewimg a.limg span{display:block; width: 460px; height: 35px; overflow:hidden;zoom:1; background: url(../img/view_topimgzz_small.png); background-repeat:no-repeat; background-size:460px 75px; padding-top: 29px;line-height: 35px;position:absolute; bottom:0; left:0;color: #fff;font-size: 14px;margin-left: 10px;}
#viewimg a.limg:hover span{ color: #FFF600;}

#viewimg a.rimg {

    float: left;
    display: inline;
    width: 358px;
    height: 175px;
    overflow: hidden;
    zoom: 1;
    position: relative;
    margin-left: 5px;
    margin-bottom: 0;
	}
	
	


#viewimg a.rimg img{width: 370px; height: 170px;}
#viewimg a.rimg .ri_text {
    width: 375px;
    height: 41px;
    background: url(../img/view_topimgzz_small.png) repeat-x;
    background-size: ;
    position: absolute;
    top: 130px;
    left: 0;
}
#viewimg a.rimg .ri_text span{
	display:block;
	 width: 200px;
	  height: 41px; 
	  overflow:hidden;
	  zoom:1; 
	  background:url(../img/view_topimgzz_small.png) no-repeat 375px 75px; 
	  position: absolute; top: 120; left:0;
	  }
#viewimg a.rimg .ri_text em{
	display:block; 
	width: 190px; 
	height: 23px; 
	overflow:hidden;
	zoom:1; 
	color:#fff; 
	text-align: center; 
	position: absolute; 
	top: 13px; left: 5px;
	font-style:normal;line-height: 23px;
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
#viewimg a.rimg:hover .ri_text em{color:#FFF600;}


.page {
    color: #000000;
    position: relative;
}

.page .left {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 820px;
	margin: 0px auto;
}
.page .box {
    font-size: 16px;
	color: #1a1717;
}
.page .box .top {
    height: 64px;
}
.page .box .top label {
    font-size: 14px;
    color: #999999;
    margin-right: 15px;
}

.page .box .top label.author {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    position: relative;
}
page .box .icon {
    width: 64px;
    height: 64px;
    vertical-align: top;
    right: auto;
    border-radius: 12px;
    margin-right: 18px;
    float: left;
}
.page .box .author {
    float: right;
    margin-top: 16px;
}
.page .box .top .title {
    font-size: 20px;
    color: #333333;
    margin: 15px auto;
    float: left;
}
.page .box .title {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 150px;
    font-size: 18px;
}
.page .box .cover img {
    width: 780px;
    height: 366px;
}
.page .box .bottom em {
    margin-right: 10px;
    vertical-align: -3px;
    *vertical-align: 0;
}
.page em {
    display: inline-block;
    *display: inline;
    *zoom: 1;
	color: #ffaf0f;
}
.title {
    padding: 0 10px;
    height: 32px;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    overflow: hidden;
}
.page .box .title p {
    white-space: nowrap;
}

.page .box .cover {
    position: relative;
	margin: 15px 0 0px 0;
}

page .box .bottom span {
    float: right;
}
.icon_download_1 {
    height: 19px;
    width: 20px;
    background-position: -102px 0;
}
.all-icon {
    background: url(../img/youxi.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
}
.page .box .icon {
    width: 64px;
    height: 64px;
    vertical-align: top;
    right: auto;
    border-radius: 12px;
    margin-right: 18px;
    float: left;
}
em, i {
    font-style: normal;
}
.page .box p.bottom {
    color: #333333;
    text-align: left;
}
.page .box .bottom span {

    float: right;

}
.page .box .bottom label {
    font-size: 15px;
    color: #7d7d7d;
    margin-left: 38px;
}

.page .box .bottom em.icon_commentary_1 {
    vertical-align: -4px;
    *vertical-align: 0;
}
.icon_commentary_1 {
    height: 18px;
    width: 20px;
    background-position: -180px 0;
}
.all-icon {
    background: url(../img/youxi.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
}
.page .right {
    width: 360px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-left: 15px;
}

.page .share.box {
    height: 136px;
}
.page .right .box {
    width: 324px;
    min-height: 124px;
    vertical-align: top;
}
.page .left > .box, .slider-contain, .page .box.small, .page .share.box, .page .right .box {
    box-shadow: 0 2px 10px 0 #ECECEC;
}

.page .box {
    background: white;
    width: 784px;
    min-height: 426px;
    padding: 18px 18px 12px 18px;
    margin-top: 20px;
    font-size: 16px;
    position: relative;
}
.page .share .way {
    float: left;
    margin-right: 35px;
}
.page .share .qr-code {
    float: right;
    width: 120px;
    height: 120px;
}
.page .title-bar {
    font-size: 24px;
    margin-top: 20px;
    position: relative;
}
.page .title-bar a {
    font-size: 14px;
    position: absolute;
    top: 5px;
    right: 15px;
}
.page .arrow {
    height: 12px;
    width: 8px;
    background-position: 0 0;
    *vertical-align: 3px;
}
.page .title-bar .common {
    width: 4px;
    height: 24px;
    background: #23C268;
}
.page .title-bar label em {
    vertical-align: -4px;
    *vertical-align: 0;
    margin-right: 11px;
}
.page .rank {
    font-size: 12px;
    color: #999999;
}
.page .rank .des {

    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 170px;
    color: #999999;
    min-height: 84px;
    vertical-align: top;

}



.page .rank .des .tips {
    min-height: 28px;
    cursor: default;
}

.tips {
    position: absolute;
    padding: 10px;
    width: 150px;
    border: 0px solid #B1B1B1;
    background: #FEFEE900;
}
.page .rank .tips em {
    margin-right: 21px;
}

li, ol, ul {
    list-style: none;
}
.page .rank .num {
    vertical-align: 25px;
    color: black;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 20px;
    text-align: center;
    font-size: 14px;
}
.page .rank img {
    width: 75px;
    height: 70px;
    vertical-align: -8px;
    margin: 0 18px;
    border-radius: 12px;
    cursor: pointer;
}
.num_1 {
    height: 24px;
    width: 20px;
    background-position: -220px 0;
}
.num_2 {
    height: 24px;
    width: 20px;
    background-position: -160px 0;
}
.num_3 {
    height: 24px;
    width: 20px;
    background-position: -140px 0;
}
.icon_download_1 {
    height: 19px;
    width: 20px;
    background-position: -102px 0;
}
.icon_commentary_1 {
    height: 18px;
    width: 20px;
    background-position: -180px 0;
}
.page .rank .des {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 170px;
    color: #999999;
    min-height: 84px;
    vertical-align: top;
}

.page .mark_o {
    height: 17px;
    width: 17px;
    background-position: -603px 0;
}

.page .rank.box .top {
    height: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}


.page .rank .top {
    font-size: 16px;
    color: black;
}

.page .rank.box .top a {
    color: #333333;
}
.page .rank .des .tips {
    min-height: 28px;
    cursor: default;
}

/*=================*/


/*=================*/
.page .rank .tips em {
    margin-right: 21px;
}
.page .rank li {
    margin-bottom: 26px;
}
ul li, .xl li {
    list-style: none;
}


.page .img-slider {
    width: 800px;
    height: 140px;

    padding: 10px 0px 10px 25px;
    font-size: 14px;
    white-space: nowrap;
}

.page .big .img-slider {
    height: 320px;
}

.page .slider-contain {
    position: relative;
    width: 820px;
    height: 160px;
    overflow: hidden;
    margin-top: 20px;
    background: white;
}





.page .img-slider img {
    width: 180px;
    height: 140px;
    border-radius: 8px;
}

.page .big .img-slider img {
    width: 502px;
    height: 290px;
}

.page .img-slider .img-item {
    position: relative;
    line-height: 0;
    font-size: 0;
}

.page .img-slider li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 180px;
    margin-right: 17px;
    height: 180px;
    vertical-align: top;
}

.page .big .img-slider li {
    width: 502px;
}

.page .img-slider li p {
    white-space: normal;
    cursor: pointer;
    height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 5px;
}




.page .big .img-slider li p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    font-size: 16px;
}

.page .img-slider label.favour a {
    color: white;
}

.page .img-slider label.favour {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    min-width: 60px;
    height: 24px;
    background: url("#") center no-repeat;
    line-height: 24px;
    position: absolute;
    top: 10px;
    left: 111px;
    text-align: center;
    font-size: 12px;
    color: white;
}

.page .img-slider div.people {
    position: absolute;
    top: 80px;
    width: 168px;
    height: 29px;
    line-height: 30px;
    font-size: 14px;
    background: url("#") center no-repeat;
    background-size: 100% 100%;
    color: white;
    padding-top: 30px;
    padding-left: 12px;
    left: 0;
}

.page .img-slider div.people em {
    vertical-align: -1px;
    *vertical-align: 0;
    margin-right: 10px;
}

.page .img-slider label.favour em {
    vertical-align: middle;
    margin-right: 2px;
    margin-top: -2px;
}

.page .slider-contain.big .a_left, .page .slider-contain.big .a_right {
    top: 145px;
}

.page button, .dialog .btn,.page .btn {
    height: 40px;
    border-radius: 20px;
    min-width: 150px;
    background: #23c268;
    color: white;
    font-size: 16px;
    cursor: pointer;
    font-family: 'Microsoft YaHei';
}

.page button.sub, .dialog .btn.sub,.page .sub {
    background: #9baab9;
}

.page button.disable, .dialog .btn.disable,.page .disable {
    background: #d0d0d0;
}

.page button.danger, .dialog .btn.danger,.page .danger{
    background: #ffaf0f;
}

.page .btn-bar {
    text-align: center;
    margin-top: 40px;
    font-weight: bold;
}

.page .btn-bar button {
    font-weight: bold;
}
/*热门*/

.hot_ping{width: 400px;margin-top: 20px;border-bottom: 1px solid #f1f1f1;margin-bottom: 20px;}
.hot_ping ul{ margin-top: 20px; overflow: hidden; }
.hot_ping ul li{width: 400px;margin-bottom: 20px;overflow: hidden;background: #f9f9f900;}
.hot_ping ul li a.pc_img{width: 100px;float: left;display: inline-block;margin-right: 12px;position: relative;}
.hot_ping ul li a.pc_img img{width: 110px;height: 64px;}
.plcon{float: left;width: 177px;margin-left: 20px;}
.plcon a{color: #444;line-height: 21px;font-size: 14px;height: 38px;overflow: hidden;display: inline-block;float: left;margin-top: 12px;text-align: left;}
.plcon a:hover{ color: #f83c31; }
.hot_ping ul li a.pc_img em{width: 21px;height: 20px;display: block;color: #fff;font-size: 13px;line-height: 20px;text-align: center;position: absolute;left: 0;top: 0;font-style: normal;}
.hot_ping ul li a.pc_img em.top1{background: #ea372d;}
.hot_ping ul li a.pc_img em.top2{ background:#f85b30; }
.hot_ping ul li a.pc_img em.top3{ background: #f7ab26; }


.page > div {

    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
    position: relative;
    min-height: 1%;

}
.ft_footer {
    background: #333333;
    color: #fdfdfd;
    font-size: 12px;
    /*width: inherit !important;*/
    margin: 20px auto auto;
	line-height: 2.2
}
.ft_box{
    width: 1300px;
    margin: 0 auto;
	}
.ft_footer a {
    color: white;
}
/*home*/

.tdats .tdat {

    width: 300px;
   
}
.tdats .tfx {
    width: 390px;
}
.tdats .tb {
    
    width: 360px;
    
}
.tdats .tfxf {
    width: 730px;
}
.tscr {
    width: 390px;
}
#nv_search #ft {
    background-color: #FFF;

}