@charset "utf-8";
/*****
* @description	:所有界面初始化
* @author	:陈敏
* @version	:1.0
* @type		:master
* @update	:chenmin(2013-06-06 06:06)
*****/
body{font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1",Arial,Helvetica,sans-serif;background:#fff;overflow-x:hidden;background:url(../images/css_single/mob_bg.gif) 0 0 repeat;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.fl{float:left;}
.fr{float:right;}
.center{margin-left:auto;margin-right:auto;}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}
.vt{vertical-align:top;}
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.vh{visibility:hidden;}
.vv{visibility:visible;}
.block{display:block;overflow:hidden;cursor:pointer;}
.hide{display:none;}


.overflow{overflow:hidden;}
.inline{display:inline;}

.cl{display:block;overflow:hidden;clear:both;height:0;line-height:0;font-size:0;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix{*zoom:1;display:block;}
.clearfix:after{position:relative;z-index:99;clear:both;content:".";display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,*:first-child+html .clearfix{zoom:1}
.relative{ position:relative;}


.ff_songti{font-family:'\5B8B\4F53';}
.ff_xinsongti{font-family:'\65B0\5B8B\4F53';}
.ff_yahei{font-family:'\5FAE\8F6F\96C5\9ED1';}
.ff_kaiti{font-family:'\6977\4F53_GB2312';}
.ff_lishu{font-family:'\96B6\4E66';}
.ff_youyuan{font-family:'\5B8B\4F53';}
.fc_fff{color:#000;}
.fc_000{color:#000;}
.fc_333{color:#333;}
.fc_666{color:#666;}
.fc_999{color:#999;}
.fc_ccc{color:#ccc;}
.fc_hot{color:#f00 !important;}
.fc_89bf43{color:#89bf43;}
.fc_39dec8{color:#39dec8;}
.fc_38a085{color:#38a085;}
.tdl{text-decoration:underline;}
.tdn,.tdn:hover,a.tdl:hover{text-decoration:none;}
.hand{cursor:pointer;}
.zoom{*zoom:1;}
.red_star{color:#f00 !important;}
.hr_5,.hr_7,.hr_10,.hr_20{font-size:1px;line-height:1px;clear:both;overflow:hidden;}
.hr_5{height:5px;}
.hr_7{height:7px;}
.hr_10{height:10px;}
.hr_20{height:20px;}

.form label,.form input,.form select,.form textarea,.form button,.form .label{float:left;font-size:12px;}

/*----------分享图标-----------*/
.share_trigger{ position:relative;}
.share_layer{position:absolute;width:174px;height:58px;z-index:999; display:none;}
.share_layerpos1{left:-32px;top:38px;}
.share_layerpos2{left:-72px;top:25px;}
.share_layerpos3{left:-72px;top:30px;}
.share_layer .share_arrow{position:relative;left:0;top:0; z-index:99;width:174px;height:9px; background:url(../images/css_single/share_arrow.gif) center 0 no-repeat;}
.share_layer .share_popico{position:absolute; top:8px; left:0; z-index:88;width:154px; height:30px; background:#fff; padding:9px; border:1px #d8d8d8 solid;}

.icowrap_30 a{float:left;width:30px;height:30px;}
.icowrap_50 a{float:left;width:50px;height:50px;}

.sy30_sina,.sy30_sina:hover,.sy30_qzone,.sy30_qzone:hover,.sy30_qweibo,.sy30_qweibo:hover,.sy30_renren,.sy30_renren:hover,.sy30_douban,.sy30_douban:hover,.sf30_sina,.sf30_sina:hover,.sf30_qzone,.sf30_qzone:hover,.sf30_qweibo,.sf30_qweibo:hover,.sf30_renren,.sf30_renren:hover,.sf30_douban,.sf30_douban:hover,.sf50_sina,.sf50_sina:hover,.sf50_qzone,.sf50_qzone:hover,.sf50_qweibo,.sf50_qweibo:hover,.sf50_renren,.sf50_renren:hover,.sf50_douban,.sf50_douban:hover,.sf30_shareadd{background:url(../images/css_sprites/a8ui_share.png) no-repeat}
.sy30_sina{background-position:0 0}
.sy30_sina:hover{background-position:0 -30px}
.sy30_qzone{background-position:-30px 0}
.sy30_qzone:hover{background-position:-30px -30px}
.sy30_qweibo{background-position:-60px 0;}
.sy30_qweibo:hover{background-position:-60px -30px}
.sy30_renren{background-position:-90px 0}
.sy30_renren:hover{background-position:-90px -30px}
.sy30_douban{background-position:-120px 0}
.sy30_douban:hover{background-position:-120px -30px}
.sf30_sina{background-position:-150px 0}
.sf30_sina:hover{background-position:-150px -30px}
.sf30_qzone{background-position:-180px 0}
.sf30_qzone:hover{background-position:-180px -30px}
.sf30_qweibo{background-position:-210px 0}
.sf30_qweibo:hover{background-position:-210px -30px}
.sf30_renren{background-position:-240px 0}
.sf30_renren:hover{background-position:-240px -30px}
.sf30_douban{background-position:-270px 0}
.sf30_douban:hover{background-position:-270px -30px}
.sf50_sina{background-position:0 -70px}
.sf50_sina:hover{background-position:0 -120px}
.sf50_qzone{background-position:-50px -70px}
.sf50_qzone:hover{background-position:-50px -120px}
.sf50_qweibo{background-position:-100px -70px}
.sf50_qweibo:hover{background-position:-100px -120px}
.sf50_renren{background-position:-150px -70px}
.sf50_renren:hover{background-position:-150px -120px}
.sf50_douban{background-position:-200px -70px}
.sf50_douban:hover{background-position:-200px -120px}
.sf30_shareadd{background-position:-250px -70px}



.container{width:960px;max-width:960px;margin:auto;}
.opacity_50{filter: alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}

.loading{position:absolute;left:0;top:0;background:url(../images/css_single/loading.gif) center center no-repeat;}
.loading.wh50{ width:50px; height:50px;}
.loading.wh80{ width:80px; height:80px;}
.loading.wh200{ width:200px; height:200px;}
.loading.wh220{ width:220px; height:220px;}
.loading.wh280{ width:280px; height:280px;}
.loading.wh400{ width:400px; height:400px;}
.loading.wh420{ width:400px; height:200px;}
.loading.wh468{ width:468px; height:263px;}

/*hover images*/
.hover_animate{position:relative;height:100%;width:100%;overflow:hidden;display:block;cursor:pointer;font-family:"\5FAE\8F6F\96C5\9ED1",Arial,Helvetica,sans-serif;}
.hover_animate .hover_item{position:absolute;left:0;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.hover_animate:hover .hover_item{bottom:0;}

.hover_220{position:relative;height:100%;width:100%;overflow:hidden;}
.hover_220 .hover_item{bottom:-180px;height:220px;background:url(../images/css_single/opacity_50.png) 0 0 repeat}

.hoa_title{float:left;height:40px;line-height:40px;width:190px;margin:0 15px;overflow:hidden;border-bottom:1px #a4abb2 solid;_display:inline;font-size:16px;}
.hoa_title a{ color:#fff;}
.hoa_info{float:left;width:190px;padding:0;margin:5px 15px 0;color:#fff; font-size:12px;}
.hoa_info p{line-height:20px; margin:0; padding:0;}

/*---------------square-----------------*/
.square_share,.square_share:hover,.square_mail,.square_mail:hover,.square_phone,.square_qq,.square_zoom,.square_zoom:hover,.square_add,.square_add:hover,.square_del,.square_past,.square_both,.square_ting{width:30px; height:30px; cursor:pointer;background:url(../images/css_sprites/a8ui_square.png) no-repeat}
.square_add{background-position:0 0}
.square_add:hover{background-position:-30px 0}
.square_del{background-position:0 -180px}
.square_past{background-position:-30px -180px}
.square_both{background-position:0 -210px}
.square_share{background-position:0 -30px}
.square_share:hover{background-position:-30px -30px}
.square_mail{background-position:0 -60px}
.square_mail:hover{background-position:-30px -60px}
.square_phone{background-position:0 -90px}
.square_qq{background-position:0 -120px}
.square_zoom{background-position:0 -150px}
.square_zoom:hover{background-position:-30px -150px}
.square_ting{background-position:-30px -240px}

.ting_total{height:30px;padding:0 20px 0 16px;min-width:64px;max-width:150px;background:#28cbb5; cursor:pointer;}
.ting_total:hover{background:#39dec8;}
.ting_total .ting_num{color:#fff; line-height:30px;}

/*-------------  统计图标----------------*/

/*播放图标*/
.ico_play{ background:url(../images/css_single/play.gif) 10px 12px no-repeat; padding-left:30px;}
.ico_play a{color:#89bf43 !important; text-decoration:none;}
.ico_pause{ background:url(../images/css_single/pause.gif) 10px 12px no-repeat; padding-left:30px;}
.ico_pause a{color:#89bf43 !important; text-decoration:none;}


/*-------------  排序图标----------------*/
.sort_up,.sort_up:hover,.sort_up.current,.sort_down,.sort_down:hover,.sort_down.current{float:left; color:#fff; text-decoration:none;height:30px;padding:0 24px 0 10px;background:url(../images/css_single/sort_arrow.gif) right 0 no-repeat}
.sort_up,.sort_up:hover,.sort_up.current{background:url(../images/css_single/sort_arrow.gif) right 0 no-repeat}
.sort_down,.sort_down:hover,.sort_down.current{background:url(../images/css_single/sort_arrow.gif) right -30px no-repeat}
.sort_up{background-color:#d0d0d0}
.sort_up:hover{background-color:#39dec8}
.sort_up.current{background-color:#28cbb5}
.sort_down{background-color:#d0d0d0}
.sort_down:hover{background-color:#39dec8}
.sort_down.current{background-color:#28cbb5}

/*-------------------------------表单图标--------------------------*/
.form_ico{width:30px; height:30px;}
.form_ico a{float:left;width:30px; height:30px;}
.form_lock,
.form_lock:hover,
.form_lock.current,
.form_unlock,
.form_unlock:hover,
.form_unlock.current,
.form_edit,
.form_edit:hover,
.form_edit.current,
.form_del,
.form_del:hover,
.form_del.current,
.form_down,
.form_down:hover,
.form_down.current,
.form_buy,
.form_buy:hover,
.form_buy.current,
.form_eye,
.form_eye:hover,
.form_eye.current,
.form_heart,
.form_heart:hover,
.form_heart.current,
.form_share,
.form_share:hover,
.form_share.current,
.form_compose,
.form_compose:hover,
.form_compose.current,
.form_uppic,
.form_uppic:hover,
.form_uppic.current{width:30px; height:30px;display:inline-block;cursor:pointer;background:url(../images/css_sprites/a8ui_formico.png) no-repeat}
.form_lock{background-position:0 0}
.form_lock:hover{background-position:-30px 0}
.form_lock.current{background-position:-30px 0}
.form_unlock{background-position:0 -30px}
.form_unlock:hover{background-position:-30px -30px}
.form_unlock.current{background-position:-30px -30px}
.form_edit{background-position:0 -60px;}
.form_edit:hover{background-position:-30px -60px}
.form_edit.current{background-position:-30px -60px}
.form_del{background-position:0 -90px;}
.form_del:hover{background-position:-30px -90px}
.form_del.current{background-position:-30px -90px}
.form_down{background-position:0 -120px;}
.form_down:hover{background-position:-30px -120px}
.form_down.current{background-position:-30px -120px}
.form_buy{background-position:0 -150px;}
.form_buy:hover{background-position:-30px -150px}
.form_buy.current{background-position:-30px -150px}
.form_eye{background-position:0 -180px;}
.form_eye:hover{background-position:-30px -180px}
.form_eye.current{background-position:-30px -180px}
.form_heart{background-position:0 -210px;}
.form_heart:hover{background-position:-30px -210px}
.form_heart.current{background-position:-30px -210px}
.form_share{background-position:0 -240px;}
.form_share:hover{background-position:-30px -240px}
.form_share.current{background-position:-30px -240px}
.form_compose{background-position:0 -270px;}
.form_compose:hover{background-position:-30px -270px}
.form_compose.current{background-position:-30px -270px}
.form_uppic{background-position:0 -300px;}
.form_uppic:hover{background-position:-30px -300px}
.form_uppic.current{background-position:-30px -300px}


.form_event,
.form_event:hover,
.form_event.current{width:30px; height:30px;display:inline-block;cursor:pointer;background:url(../images/css_sprites/form_event.png) no-repeat}
.form_event{background-position:0 0;}
.form_event:hover{background-position:-30px 0}
.form_event.current{background-position:-30px 0}

/*=========Vip==========*/
.ml_10{ margin-left:10px;}
.mt_10{ margin-top:10px;}
.pos_vip16{ position:absolute; right:0; top:-5px; z-index:33;}

.vip_16,.vip_20,.vip_30{background-image:url(../images/css_sprites/a8ui_vip.png); background-repeat:no-repeat;}
.vip_16{display:inline-block;height:16px; width:16px;background-position:0 0}
.vip_20{display:inline-block;height:20px; width:20px;background-position:0 -16px}
.vip_30{display:inline-block;height:30px; width:30px;background-position:0 -36px}


/*数据导入*/
.import_music,.import_album,.import_pic{width:30px; height:30px;display:inline-block; background:url(../images/css_sprites/data_import.png) no-repeat;}
.import_music{background-position:0 0;}
.import_album{background-position:0 -30px;}
.import_pic{background-position:0 -60px;}

/*--分页---*/
.pagination{padding:7px 10px;height:30px; line-height:30px; text-align:center;font-size:12px;font-family:"\5FAE\8F6F\96C5\9ED1",Arial,Helvetica,sans-serif;}
.pagination li{display:block;float:left;width:30px;height:30px;text-align:center;line-height:30px;margin-right:5px;color:#aaa;}
.pagination .current a{background:#89bf43;color:#fff;}
.pagination .current a:hover{background:#89bf43;color:#fff;}
.pagination li a{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;f}
.pagination li a{display:block;float:left;background:#eee;width:30px;height:30px;text-align:center;line-height:30px;color:#aaa;}
.pagination li a:hover{background-color:#d0d0d0;color:#fff;}
.pagination .prev a{background:#eee url(../images/css_sprites/a8ui_pagination.png) 0 0 no-repeat}
.pagination .prev a:hover{background-position:-30px 0;}
.pagination .next a{background:#eee url(../images/css_sprites/a8ui_pagination.png) -30px -30px no-repeat}
.pagination .next a:hover{background-position:0 -30px;}


/*valid*/
.valid_wrap{float:left;margin-left:10px;height:36px;line-height:36px;overflow:hidden; font-size:12px;font-family:'\5B8B\4F53',Verdana, Geneva, sans-serif;}
.valid_w260{width:215px;}
.valid_w500{width:455px;}
.valid_success,.valid_error{padding-left:41px;background-image:url(../images/css_sprites/valid_icon.png); background-repeat:no-repeat;}
.valid_success{ background-position:0 0; color:#71b83d; padding-left:36px;}
.valid_error{background-position:0 -36px; color:#ec7063; padding-left:36px;}
.valid_normal{padding-left:5px;color:#aaa;}
.valid_focus{padding-left:5px;}

/*error_404*/
.error_404{background:#fff; height:540px; padding-bottom:30px;}
.error_404 .container{ width:960px; height:540px; overflow:hidden;}
.error_404 .error_pic{float:left;width:560px;height:540px;background:url(../images/web_insert/error_404.jpg) 0 0 no-repeat;}
.error_404 .error_info{ float:right; width:390px; padding-top:180px;}
.error_404 .error_info h2{ height:80px; line-height:80px; color:#333;font-size:24px;font-family:"\5FAE\8F6F\96C5\9ED1",Arial,Helvetica,sans-serif;}
.error_404 .error_info .operate{ height:30px; line-height:30px;}


/*----------upload-------------*/
.loadico_music,.loadico_lrc{ width:30px; height:30px; display:inline-block;background:url(../images/css_sprites/a8ui_upload.png) no-repeat}
.loadico_music{background-position:0 0}
.loadico_lrc{background-position:0 -30px}

.load_progresspos1{float:left; margin-top:18px; margin-right:10px;}
.load_iconpos{float:left; margin-top:3px;}
.load_progressbar{width:150px; height:3px; background:#e5e5e5;}
.load_progressbar .progress_value{ float:left; width:0; height:3px; background:#9eca66;}
.load_txt{float:left; padding:0 10px;line-height:36px; color:#ccc;}
.load_txt .title{float:left; padding-right:10px;font-size:14px; color:#333;}
.load_txt .info{ color:#999;}
.load_link{float:left; padding:0 10px;line-height:36px; color:#38a085;}
.load_link a,.load_link a:hover{color:#38a085;}

/*-------------------------------------------------------------------------*/
/*default status*/

.default_status{width:660px; margin:0 auto;clear:both}
.default_mstatus{width:440px; margin:0 auto;clear:both}
.default_p70{padding:70px 0; }
.default_p150{padding:150px 0;}
.default_status .default_info{float:left;padding-left:25px; width:535px;}
.default_mstatus .default_info{float:left;padding-left:25px; width:315px;}
.email_icon80,.fail_icon80,.achieve_icon80,.auditing_icon80{width:80px; height:80px; display:inline-block; overflow:hidden; background-image:url(../images/css_sprites/status_icon80.png); background-repeat:no-repeat;}
.email_icon80{background-position:0 0;}
.fail_icon80{background-position:0 -80px;}
.achieve_icon80{background-position:0 -160px;}
.auditing_icon80{background-position:0 -240px;}
/*Email*/
.email_seccuss{font-family:'\5B8B\4F53';}
.email_seccuss .title{height:40px; line-height:40px; width:535px; font-size:18px; color:#333;font-family:"\5FAE\8F6F\96C5\9ED1",Arial,Helvetica,sans-serif;}
.email_seccuss .title .email{ color:#89bf43;}
.email_seccuss .mail_info{ line-height:20px; font-size:12px; color:#ccc; padding:5px 0;}
.email_seccuss .mail_info a{ color:#38a085; text-decoration:underline;}
.email_seccuss .mail_viewbtn{ height:36px; padding-top:10px;}
/*Achieve*/
.achieve_wrap{padding:150px 0; }
.achieve_info{font-family:"\5FAE\8F6F\96C5\9ED1",Arial,Helvetica,sans-serif;}
.achieve_info .title{height:50px; line-height:50px;font-size:24px; color:#333;}
.achieve_info .achieve_txt{ line-height:20px; font-size:16px; color:#999;}
.achieve_info .achieve_btn{ padding-top:10px;}
/*Fail*/
.fail_default{font-family:"\5FAE\8F6F\96C5\9ED1",Arial,Helvetica,sans-serif; padding-top:10px;}
.fail_default .title{height:50px; line-height:50px;font-size:24px; color:#333;}
.fail_default .s_title{height:30px; line-height:30px;font-size:18px; color:#333;}
.fail_default .fail_info{ line-height:20px; font-size:12px; color:#ccc; padding:5px 0;}
.fail_default .fail_info a{ color:#38a085; text-decoration:underline;}
.fail_default .jump_reg{height:46px; padding:50px 0 0 90px;}
/*Auditing*/
.auditing_info{font-family:"\5FAE\8F6F\96C5\9ED1",Arial,Helvetica,sans-serif;}
.auditing_info .title{height:30px; line-height:30px; padding-bottom:5px;font-size:24px; color:#333;}
.auditing_info .auditing_txt{ line-height:22px; font-size:14px; color:#aaa;}
.auditing_info .auditing_txt a{color:#38a085; padding-left:5px; text-decoration:underline;}

/*--global btn--*/
.global_btn{ float:left;height:30px;line-height:30px;padding:0 15px;margin:0;font-size:14px;font-family:'\5B8B\4F53'; border:none;}
.global_btnh36{float:left;height:36px;line-height:36px;padding:0 18px;margin:0;font-size:14px;font-family:'\5B8B\4F53'; border:none;}
.global_btnh46{float:left;height:46px;line-height:46px;padding:0 42px;margin:0;font-size:24px;font-family:'\5FAE\8F6F\96C5\9ED1'; border:none;}
.btn_89bf43{background:#89bf43;color:#fff;}
.btn_89bf43:hover{background:#7da548;color:#fff;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
.btn_39dec8{background:#39dec8;color:#fff;}
.btn_39dec8:hover{background:#28cbb5;color:#fff;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
.btn_85c1e9{background:#85c1e9;color:#fff;}
.btn_disabled{ background:#d0d0d0; color:#fff;}

/*-------------------------------------------------------------------------*/

/*label*/
.label_aa{ margin:0; padding:5px 0; width:100%;font-size:12px;}
.label_aa a{ float:left; width:63px;height:28px; line-height:28px; text-align:center; border:1px #e9e9e9 solid; color:#38a085; margin:1px; display:inline-block;}
.label_aa a:hover,.label_aa a.current{width:65px;height:30px; line-height:30px; text-align:center; background:#28cbb5; border:none; color:#fff; text-decoration:none;}



/*--input--*/
.input_210{width:178px; padding:0 15px;height:34px; line-height:34px; font-size:12px; color:#333;border:1px #e9e9e9 solid;}
.input_320{width:288px; padding:0 15px;height:34px; line-height:34px; font-size:12px; color:#333;border:1px #e9e9e9 solid;}
.input_330{width:298px; padding:0 15px;height:34px; line-height:34px; font-size:12px; color:#333;border:1px #e9e9e9 solid;}
.input_440{width:408px; padding:0 15px;height:34px; line-height:34px; font-size:12px; color:#333;border:1px #e9e9e9 solid;}

.textarea_780{width:770px; height:100px; border:1px #e9e9e9 solid;font-size:12px; line-height:20px;padding:5px;color:#333;}
.textarea_520{width:510px; height:100px; border:1px #e9e9e9 solid;font-size:12px; line-height:20px;padding:5px;color:#333;}
.textarea_330{width:318px; height:100px; border:1px #e9e9e9 solid;font-size:12px; line-height:20px;padding:5px;color:#333;}

/*comment*/
.comments{width:100%; min-width:620px;}
.comments .comments_write{width:100%;height:130px; clear:both; margin-bottom:30px;}
.comments .comments_show{width:100%;clear:both;}

.comments_user{float:left;width:50px;}
.comments_user .user_portrait{ float:left; width:50px; height:50px; overflow:hidden;}
.comments_user .user_portrait img{float:left;width:50px; height:50px; border-radius:50%;}
.comments_infowrap{float:right; margin-right:-65px; width:100%;overflow:hidden;}
.comments_offset{ padding-right:65px;}
.comments_operate{width:100%; border:1px #e9e9e9 solid; border-bottom:none;}
.comments_operate textarea{ width:98%; height:88px; line-height:22px; color:#999; padding:5px 1%; border:none;background:none;}
.comments_operate .operate_bar{ width:100%; height:30px;line-height:30px; background:url(../images/player/operate_bar.gif) 0 0 repeat-x;}
.comments_operate .face_btn{ float:left; position:relative; margin-left:10px; width:30px; height:30px;overflow:hidden;}
.comments_operate .face_btn a{float:left;width:30px; height:30px; overflow:hidden;}
.comments_operate .comments_btn{ float:right; width:90px; height:30px; background:url(../images/player/comments_btn.gif) 0 0 no-repeat; overflow:hidden;}
.comments_operate .comments_btn a{float:left;width:90px; height:30px; overflow:hidden;}
.comments_operate .comments_tips{ float:right; padding-right:1%; line-height:30px; color:#aaa;}

.comments_show li{float:left;width:100%; padding:20px 0;border-bottom:1px #e9e9e9 solid; clear:both;}
.comments_show li .user_portrait{ margin-top:10px !important;}
.comments_content{width:100%;color:#999;}
.comments_content .msg_title{width:100%; height:25px; line-height:25px; padding:0; margin:0;font-family:'\5FAE\8F6F\96C5\9ED1';}
.comments_content .msg_title .username,.comments_content .msg_title .username a{ float:left;font-size:14px;color:#333;}
.comments_content .msg_title .floor{ float:right; padding-right:2%;}
.comments_content .msg_info{ width:100%; line-height:18px;padding:0; margin:0;font-size:12px;font-family:'\5B8B\4F53';}
.comments_content .msg_source{width:100%; height:20px; line-height:20px; padding:0; margin:0;}
.comments_content .msg_source .date{}
.comments_content .msg_source .from{ padding-left:20px;}
.comments_content .msg_source .from a{ color:#38a085; margin-left:5px;}

/*comment end*/
.p10{padding:10px}
.p20{padding:20px}
.p30{padding:30px}
.pt1{padding-top:1px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pb1{padding-bottom:1px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pr1{padding-right:1px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pl1{padding-left:1px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}

.m10{margin:10px}
.m20{margin:20px}
.m30{margin:30px}
.mt1{margin-top:1px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mb1{margin-bottom:1px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mr1{margin-right:1px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.ml1{margin-left:1px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}


.fs12{font-size:12px}
.fs14{font-size:14px}
.fs16{font-size:16px}
.fs18{font-size:18px}
.fs20{font-size:20px}
.fs24{font-size:24px}

/* flydlg_box */
.flydlg_box div,.flydlg_box h1,.flydlg_box h2,.flydlg_box h3,.flydlg_box p{margin:0;padding:0;outline:none;}
.flydlg_box{font-size:12px;position:absolute;z-index:9999;display:none;overflow:hidden;}
.flydlg_box .bg{position:absolute;height:100%;width:100%;background-color:#ddd;border-radius:3px;opacity:0.5;filter:alpha(opacity = 50);-ms-filter:"alpha(opacity=50)";z-index:10000;}
.flydlg_box .content{margin:4px;z-index:10001;position:absolute;left:0px;top:0px;background-color:white;border:1px solid #DDD;border-radius:3px;padding:15px 20px;}
.flydlg_box .dialog-inner{text-align:center;display:block;font-size:12px}
.flydlg_box .btns{padding:15px 0 0;float:right;}
.flydlg_box .btns a{margin:0 3px;text-decoration:none;border:none;}
.flydlg_box .btns a:hover{margin:0 3px;text-decoration:none;border:none;}
.flydlg_box .button,.button span{display:inline-block;background-image:url(../images/css_single/confirm_btn.png);color:#666666;font-weight:normal;text-decoration:none;cursor:pointer;width:auto;}
.flydlg_box .normal{background-position:0 -112px;padding-left:2px;height:28px;}
.flydlg_box .normal span{height:28px;line-height:27px;background-position:right -140px;padding:0 16px 0 14px;min-width:22px;text-align:center;}
.flydlg_box .normal:hover{background-position:0 -168px;text-decoration:none;}
.flydlg_box .normal:hover span{background-position:right -196px;}
.flydlg_box .green{background-position:0 0;padding-left:2px;height:28px;}
.flydlg_box .green span{height:28px;line-height:27px;background-position:right -28px;padding:0 16px 0 14px;min-width:22px;color:white;text-align:center;}
.flydlg_box .green:hover{background-position:0 -56px;text-decoration:none;}
.flydlg_box .green:hover span{background-position:right -84px;}

/*滚动条*/
.ie_scrollbar{
scrollbar-arrow-color: #f4ae21; /*三角箭头的颜色*/
scrollbar-face-color: #333; /*立体滚动条的颜色*/
scrollbar-3dlight-color: #666; /*立体滚动条亮边的颜色*/
scrollbar-highlight-color: #666; /*滚动条空白部分的颜色*/
scrollbar-shadow-color: #999; /*立体滚动条阴影的颜色*/
scrollbar-darkshadow-color: #666; /*立体滚动条强阴影的颜色*/
scrollbar-track-color: #666; /*立体滚动条背景颜色*/
scrollbar-base-color:#f8f8f8; /*滚动条的基本颜色*/
}

/*---滚动条默认显示样式--*/   

::-webkit-scrollbar{width:10px;background:#424242;-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;}
::-webkit-scrollbar-button{display:none;}
::-webkit-scrollbar-track{background:#fff;}
::-webkit-scrollbar-track-piece{background-color:#fff;-webkit-border-radius:0;}
::-webkit-scrollbar-thumb{background:#aaa;border-radius:100px;-webkit-border-radius:100px;}
::-webkit-scrollbar-thumb:hover{background-color:#666;height:50px;-webkit-border-radius:4px;}  
::-webkit-scrollbar-thumb:active{background:#39dec8;}
.gradient:after{height:70%;width:100%;bottom:0;left:0;position:absolute;content:'';pointer-events:none;background:-moz-linear-gradient(top,rgba(30,87,153,0) 0,rgba(0,0,0,.4) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(30,87,153,0)),color-stop(100%,rgba(0,0,0,.4)));background:-webkit-linear-gradient(top,rgba(30,87,153,0) 0,rgba(0,0,0,.4) 100%);background:-o-linear-gradient(top,rgba(30,87,153,0) 0,rgba(0,0,0,.4) 100%);background:-ms-linear-gradient(top,rgba(30,87,153,0) 0,rgba(0,0,0,.4) 100%);background:linear-gradient(to bottom,rgba(30,87,153,0) 0,rgba(0,0,0,.4) 100%)}

/*20131114 */
.highcharts-button,.highcharts-legend{ display:none;}
.highcharts-axis-labels{color:#38a085;}
.data_chartstitle{width:100%;padding:10px 0 20px 0; margin: 0 auto;height:40px; line-height:40px;color:#333;}
.data_chartstitle .title{float:left;font-size:14px; font-weight:bold; padding-left:10px;font-family:"\5FAE\8F6F\96C5\9ED1",Arial,Helvetica,sans-serif; }
.data_chartstitle .title2{float:left;font-size:14px; font-weight:bold; padding-left:50px;font-family:"\5FAE\8F6F\96C5\9ED1",Arial,Helvetica,sans-serif; }
.data_chartstitle .charts_info{float:right;height:40px; line-height:40px; padding-left:33px; margin-right:20px; text-align:left; font-size:12px; color:#999;}
.data_chartstitle .charts_info .number{ color:#333;}
.charts_point1{background:url(../images/player/point_1.gif) 0 0 no-repeat;}
.charts_point2{background:url(../images/player/point_2.gif) 0 0 no-repeat;}

.charts_viewtitle{padding:10px 20px; height:30px; line-height:30px;width:920px; font-size:14px; color:#333;}
.charts_viewtitle input{ float:right;font-size:14px;}

/*20131122*/
/*comment*/
.m-comt{width:100%;min-width:620px;}
.m-comt-write{width:100%;height:130px;clear:both;margin-bottom:30px;}
.m-comt-list{width:100%;clear:both;}

.m-comt-user{float:left;width:50px;}
.m-comt-user .user-portrait{float:left;width:50px;height:50px;overflow:hidden;}
.m-comt-user .user-portrait img{float:left;width:50px;height:50px;border-radius:50%;}
.m-comt-wrap{float:right;margin-right:-65px;width:100%;overflow:hidden;}
.m-comt-offset{padding-right:65px;}

.m-comt-op{width:100%;border:none; clear:both;}
.m-comt-op .m-op-title{width:100%;height:20px;line-height:20px; padding-bottom:10px; color:#333;}
.m-comt-op .m-op-title .name{font-size:14px;padding-right:10px;font-family:"\5FAE\8F6F\96C5\9ED1",Arial,Helvetica,sans-serif;}
.m-comt-op .m-op-title .date,.m-comt-op .m-op-title .oper{font-size:12px; color:#aaa;font-family:"\5FAE\8F6F\96C5\9ED1",Tahoma, Geneva, sans-serif;padding-right:10px;}
.m-comt-op .m-op-text{clear:both;}
.m-comt-op .m-op-text textarea{float:left;width:98%;height:48px;line-height:16px;color:#999;padding:5px 1%;border:1px #e9e9e9 solid;}
.m-comt-op .m-op-bar{width:100%;height:30px;line-height:30px; padding-top:10px;clear:both;}
.m-comt-op .face-btn{float:left;position:relative;width:30px;height:30px;overflow:hidden;}
.m-comt-op .face-btn a{float:left;width:30px;height:30px;overflow:hidden;}
.m-comt-op .m-op-tips{float:left;padding-right:1%;line-height:30px;color:#ccc;}
.m-comt-op .m-op-btn{float:right;width:90px;height:30px;background:url(../images/player/comments_btn.gif) 0 0 no-repeat;overflow:hidden;}
.m-comt-op .m-op-btn a{float:left;width:90px;height:30px;overflow:hidden;}
.m-comt-op .m-op-num{float:right;padding-right:1%;line-height:30px;color:#ccc;}

.m-comt-list li{float:left;width:100%;padding:20px 0;border-bottom:1px #e9e9e9 solid;clear:both;}
.m-comt-list li .user-portrait{margin-top:10px !important;}
.m-comt-con{width:100%;color:#999;}

.m-comt-con .msg-title{width:100%;height:25px;line-height:25px;padding:0;margin:0;font-family:'\5FAE\8F6F\96C5\9ED1';}
.m-comt-con .msg-title .username,.m-comt-con .msg-title .username > a{float:left;font-size:14px;color:#38a085;}
.m-comt-con .msg-title .username .from{padding-left:20px;font-size:12px;height:25px;line-height:25px;font-family:'\5B8B\4F53';color:#999;}
.m-comt-con .msg-title .username .from a{color:#38a085; margin-left:5px;}

.m-comt-con .msg-title .floor{float:right;padding-right:10px;font-family:'\5B8B\4F53';}
.m-comt-con .msg-source .reply,.m-comt-con .msg-source .delete{padding-left:10px;font-family:'\5B8B\4F53';}
.m-comt-con .msg-info{width:100%;line-height:18px;padding:0;margin:0;font-size:12px;font-family:'\5B8B\4F53';clear:both;}
.m-comt-con .msg-source{width:100%;height:20px;line-height:20px;padding:0;margin:0;font-size:12px;font-family:'\5B8B\4F53';}
.m-comt-con .msg-source .date{}
.m-comt-con .msg-source .reply a,.m-comt-con .msg-source .delete a{color:#38a085;margin-left:5px;font-size:12px;font-family:'\5B8B\4F53';}

.m-comt-unable{width:100%;min-width:608px;height:48px;border:1px #ffe8b3 solid;background:#fffeef;}
.m-comt-unable .unable-wrap{float:left;padding:9px 20px;height:30px; line-height:30px; font-size:14px;font-family:'\5FAE\8F6F\96C5\9ED1';color:#38a085;}
.m-comt-unable .unable-wrap a.login{padding:0 5px; color:#7da548; text-decoration:none;}
.m-comt-unable .unable-quick{float:left;padding:0 10px; height:30px;}
.m-comt-unable .unable-quick a{float:left;width:30px;height:30px;}

/*20131203*/
.charts_wrap{padding:150px 0;}
.charts_info{font-family:"\5FAE\8F6F\96C5\9ED1",Arial,Helvetica,sans-serif;}
.charts_info .charts_txt{line-height:30px;font-size:17px;color:#333; padding-top:10px;}