@charset "utf-8";
* {margin:0; padding:0;}
* html body {overflow:visible;}
* html iframe, * html frame {overflow:auto;}
* html frameset {overflow:hidden;}
body {color:#333; background:#FFF; font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif; font-size: 14px;line-height: 1.6em;}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr {margin:0; padding:0;}
body div {text-align:left;}
input, select {font-size:12px; vertical-align:middle;}
textarea, input {word-wrap:break-word; word-break:break-all; padding:0px;}
li {list-style-type:none;}
img {border:0 none;}
a {color:#222; text-decoration:none;}
a:hover {color:#222;}
a {outline:none; star:expression_r(this.onFocus=this.blur());}

.bkgray{background:#e7e8eb}
.wrap{width:1200px;margin:0 auto;}

.body{
	width: 1200px;
	margin:0 auto;
	padding:36px 0 88px 0;
}

.fl{float:left}
.fr{float:right}

.popover{font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif!important;}
.popover .popover-title{padding:10px 15px;line-height:1.5em}
.popover .popover-content{padding:15px 15px 20px;line-height:2em}

/*顶部栏*/
.head{
	border-top:4px solid #f60;
	border-bottom:1px solid #d9dadc;
	background:#fff;
}
.head .bwrap{width:1000px;margin:0 auto;}
.logo{float:left;padding:10px 0;}
.headtips{float:right}
.headtips p{margin-top:32px;font-size:11px;color:#666;}
.headtips a{color:#f60;margin:0 2px;}
.headtips a:hover{text-decoration:underline;}

.user_info{float:right;}
.user_ava{float:left}
.user_ava img{width:40px;height:40px;margin:9px 2px;}
.user_name{float:left;line-height:20px;padding:9px;font-size:13px}
.label{background:#7cbae5;color:#fff;font-size:11px!important;font-weight:500!important;padding: .1em .5em .1em !important;}
.user_exit{float:left;padding-top:29px;line-height:20px;font-size:13px;}
.user_exit a{border-left:1px solid #ccc;padding:0 8px;}
.user_exit a:hover{color: #459ae9;text-decoration: underline;}

/* banner */
.banner{background:#000;position:relative}
.banner .bwrap{width:1000px;margin:0 auto;position:relative;}
.banner .bk{
	background:#000;
	height:460px;
	display:none;
}
.banner .banner_tips{
	position:absolute;
	top:58px;
	left:9px;;
}

.login_pl{
	position:absolute;
	top:48px;
	right:0;
	width:280px;
	padding:20px 25px;
	background:#fff;
	-moz-border-radius: 2px;      /* Gecko browsers */
    -webkit-border-radius: 2px;   /* Webkit browsers */
    border-radius:2px;            /* W3C syntax */
	box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
}
.login_pl h2{font-size:16px;margin-bottom:10px;}
.login_pl .error_tips{color:#e15f63;display:none}
.login_pl .login_ipt{border:1px solid #eaeaea;height:40px;}
.uname{margin-top:3px;border-bottom-width:0 !important;}
.login_pl .itemicon{width:40px;height:40px;text-align:center;line-height:40px;font-size:16px;color:#ddd;}
.login_pl input{margin-top:-6px;width:180px;height:30px;border:0;outline:0px;font-size:14px;color:#666;line-height:16px;}

.login_other{padding:10px 0;}
.login_other label {
	float:left;
    display: inline-block;
    text-align: left;
    cursor: pointer;
    margin-right: 1em;
	font-weight:500!important;
	color:#353535;
}
.login_other .icon_checkbox {
    background: url("../img/checkbox.png") 0 -11px no-repeat;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 3px;
    margin-top: -2px;
}
.login_other .icon_checkbox.selected {
    background: url("../img/checkbox.png") 0 -37px no-repeat;
}

.frm_checkbox {
    position: absolute;
    left: -999em;
}
.login_other a{float:right;color:#459ae9;text-decoration: none;}
.login_other a:hover{text-decoration: underline;}

.login_btn_pl{padding:5px 0;}
.login_btn_pl a{
	display:block;
	cursor:pointer;
	width:120px;
	height:32px;
	background:#f60;
	color:#fff;
	line-height:32px;
	text-align:center;
	-moz-border-radius: 3px;      /* Gecko browsers */
    -webkit-border-radius: 3px;   /* Webkit browsers */
    border-radius:3px;            /* W3C syntax */
}

/* 登陆页介绍 */
.intro{padding:50px 0;text-align:center;width:1000px;margin:0 auto;}
.intro h2{font-size:24px;color:#666;line-height:36px}
.intro h4{font-size:16px;color:#aaa;}
.intro_pl{margin:60px 0 10px;}
.intro_pl .intro_item{float:left;text-align:center;width:250px;}
.intro_item .icon_ad{
	display:block;
	width:110px;
	margin:20px auto;
}
.intro_item h3{font-size:16px;}
.intro_item dd{padding:6px 0;color:#aaa;}

/* 框架部分 */
.container_box{
	width:100%;
	background:#fff;
	min-height:700px;
	border:1px solid #d9dadc;
}

.container_box .col_menu, .container_box .col_main {
    display: table-cell;
    vertical-align: top;
    word-wrap: break-word;
    word-break: break-all;
}

.container_box .col_menu{
	width: 17.5%;
    max-width: 208px;
	border-right: 1px solid #e7e7eb;
}

.container_box .col_main {
    width: 2000px;
    height: 700px;
}

/*左侧菜单部分*/
.col_menu .icon_menu {
	margin-right: 10px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
	color:#bbb;
}

.col_menu .menu_title {
	font-weight:500!important;
    position: relative;
    padding: 0 30px 0;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    line-height: 34px;
    color: #8d8d8d!important;
}

.col_menu .menu {
	padding-top:6px;
    padding-bottom:6px;
    border-top:1px solid #e7e7eb;
}

.col_menu .menu.no_extra{border-top-width: 0;margin-top: 13px;}

.col_menu .menu_item {cursor:pointer;line-height:34px;}
.col_menu .menu_item a {
    display:block;
    padding:0 0 0 58px;
    width:auto;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    color:#222;
}

.col_menu .menu_item a:hover {text-decoration: none;}
.col_menu .menu_item.selected a {color: #222;}
.col_menu .menu_item.selected {background-color:#f8f8f8!important;color: #fff!important;}
.col_menu .menu_item:hover{background-color:#f4f5f9}


/*右边正文部分*/
.main_hd {line-height: 40px;}
.main_hd h2 {font-size: 16px;padding: 0 30px;line-height: 75px;}
.main_hd_line h2 {border-bottom:1px solid #d9dadc;}
.main_hd .title_tab {margin-top: -14px;}
.title_tab .tab_navs {
    line-height: 40px;
	text-align: center;
	border-bottom: 1px solid #e7e7eb;
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);
    -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5);
}

.tab_navs:after {content: "\200B";display: block;height: 0;clear: both;}
.title_tab .tab_nav:first-child a {padding-left: 30px;}
.tab_nav{float:left}
.title_tab .tab_nav.selected {background: 0;border-bottom: 3px solid #f60;}
.tab_nav.selected {background-color: #d4d5d5;}
.title_tab .tab_nav {margin-bottom: -1px;}

.tab_nav a {
	padding: 0 22px;
    display: block;
    text-decoration: none;
    color: #222;
    outline: 0;
    padding: 0 20px;
}

/*首页*/
.idx_main{padding:10px 30px;}

.idx_main h2{
	font-size: 16px;
    line-height: 45px;
	padding-left:10px;
	border-bottom:1px solid #d9dadc;
}

.idx_main .t_sn{width:100%;margin:10px 0;}
.idx_main .t_sn li{font-size:15px;line-height:30px;padding:5px 10px;position:relative;}
.idx_main .t_sn li:hover{background:#f6f6f6}
.idx_main .t_sn span{position:absolute;top:5px;right:10px;color:#aaa;font-size:12px;}
.idx_main .t_sn_end{float:right}
.idx_main .t_sn_end .b_page{
	float:left;
	display:block;
	line-height:30px;
	width:44px;
	margin:0 3px;
	border:1px solid #d9dadc;
	text-align:center;
	-moz-border-radius: 3px;      /* Gecko browsers */
    -webkit-border-radius: 3px;   /* Webkit browsers */
    border-radius:3px;            /* W3C syntax */
}

.idx_main .t_sn_end .b_page:hover{
	background:#f6f6f6;
}
.idx_main .t_sn_end .b_page i{color:#666;font-size:11px;}
.idx_main .t_sn_end .t_page{
	float:left;
	width:44px;
	margin:0 3px;
	line-height:30px;
	text-align:center;
}


/* Foot 底部部分 */

.foot {
    padding: 24px 0;
    color: #f1f1f1;
    text-align: center;
    background: #666;
}

.ft{}
.ft .links_item {
    display: inline-block;
    vertical-align: middle;
    padding: 0 1em;
    line-height: 1em;
    border-left: 1px solid #d9dadc;
}
.ft .links_item.no_extra{border-width:0}
.ft .links_item a{color:#fff;font-size:12px;}
.ft .links_item p{color:#fff;font-size:12px;}

/*提示页*/
.tips_page{margin-top:200px;text-align:center;}
.tips_icon{width:224px;height:172px;margin:0 auto}
.tips_ep{background:url(../img/page_error.png) no-repeat;}
.tips_404{background:url(../img/page_error.png) 0 -182px no-repeat;}
.tips_page p{margin-top:10px;}
.tips_page a{color:#f60}
.tips_page a:hover{color:#f60;text-decoration:underline;}

/*loading页*/
.load_page{margin-top:200px;text-align:center;}
.load_page img{width:200px;}

/*创建公众号*/
.newmp_page{padding:50px;}
.newmp_page h2{font-size:22px;color:#666;margin-bottom:35px;}
.newmp_page h3{font-size:16px;font-weight:500;line-height:36px;}
.newmp_page h3 span{color:#f60;margin-right:3px;}
.newmp_page .row input.form-control{height:36px}
.newmp_page .row textarea.form-control{padding:12px;}
.newmp_page .tips{margin:5px 0;color:#999;font-size:14px;}
.newmp_page .tips.err{color:#e23108;}
.newmp_page .aline{height:20px}
.newmp_page .newmp_btn{width:130px;height:36px;font-size:16px;margin-top:3px;}
.newmp_page .newmp_desc{color:#aaa;line-height:1.8em;border-left:1px solid #eee;padding:0 0 50px 20px;}
.newmp_page .newmp_desc p{margin-bottom:5px;}
.newmp_page .checkbox a{color:#3074e6;}

/* 发表文章模块 */
.main_post{background:#f6f6f6;padding:20px;}
.post_body{border:1px solid #d9dadc;width:680px;padding:50px;background:#fff;float:left}
.post_body .t_post{width:100%;}
.post_body .t_post td{padding:10px 0;}
.t_post .pit{text-align:left;width:60px;color:#666}
.t_post .pit h2{font-size:16px;}
.t_post .pic{color:#888}
.t_post .pic .title_input{border:0;width:100%;outline:0px;font-size:16px;color:#222;padding-right:10px;}
.post_help{border:1px solid #d9dadc;width:240px;margin-left:20px;padding:30px 20px;background:#fff;float:left;color:#888;}
.post_help h2{font-size:14px;line-height:1.6em;margin-bottom:6px;}
.post_help p{margin-bottom:6px;font-size:12px;line-height:1.6em}

.main_post .front_cover_item{
	float: left;
    margin-right: 22px;
    line-height: 20px;
    font-size: 14px;
	cursor: pointer;
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.main_post .front_cover_radio{
	float: left;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    margin-right: 10px;
	background:url(../img/post_rc.png) -18px 0 no-repeat;
}
.main_post .front_cover_item.selected .front_cover_radio{background-position:0 0;}
.main_post .front_cover_item em{
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.main_post .post_type{
    display: block;
    width: 160px;
    margin-right: 14px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
	padding:0 12px;
    color: #666;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    box-sizing: border-box;
}

.main_post .mark_item{
	float: left;
    margin-right: 22px;
    line-height: 20px;
    font-size: 14px;
	cursor: pointer;
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.main_post .mark_check{
	float: left;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    margin-right: 10px;
	background:url(../img/post_rc.png) -54px 0 no-repeat;
}

.main_post .mark_item.selected .mark_check{background-position:-36px 0;}
.main_post .mark_item em{
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.main_post .mark_input{border:0;border-bottom:1px solid #ddd;width:100%;outline:0px;font-size:14px;color:#666;padding:5px 0;}
.main_post #post_author,.main_post #post_src{display:none}
.main_post .postbtn{
	float:left;
	cursor:pointer;
	width:120px;
	padding:8px;
	display:block;
	color:#fff;
	background:#f60;
	text-align:center;
	-moz-border-radius: 3px;      /* Gecko browsers */
    -webkit-border-radius: 3px;   /* Webkit browsers */
    border-radius:3px;            /* W3C syntax */
}

.main_post .postbtn:hover{background:#ed6002;}
.main_post .postbtn.gray{margin-left:10px;background:#eee!important;color:#aaa!important}
.main_post .postbtn.gray:hover{background:#ddd!important;}
.main_post .opbar{margin-top:15px;}
.main_post .opbar .tips{margin:0 0 8px;color:#999;font-size:14px;}
.main_post .opbar .tips.err{color:#e23108;}

#relative_v{margin-top:10px;height:400px;overflow-y:auto}
#relative_v li{padding:15px;background:#f8f8f8;margin-bottom:8px}
#relative_v .cover{width:80px;float:left}
#relative_v .cover img{width:70px;}
#relative_v .v_info{padding-left:80px;}
#relative_v .v_info h5{font-size:14px;font-weight:700;line-height:20px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin:0;}
#relative_v .v_info p{font-size:12px;line-height:1.4em;color:#999;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#relative_v .v_info .btn{font-size:13px;border:solid 1px #000;background:#fff;margin-top:3px;padding:3px 10px;}
#relative_v .v_info .btn span{background:url(../img/logo_64.png) no-repeat;background-size:contain;width:70px;display:block;text-align:right;padding:0 3px;}

.addMovie ul{margin:10px 0;}
.addMovie li{float:left}
.addMovie li a{display:block;padding:5px 10px;border:solid 1px #ccc;color:#333;-moz-border-radius: 3px;-webkit-border-radius:3px;border-radius:3px;margin-right:5px;}
.addMovie li i{color:#aaa;font-size:12px;margin:0 3px 0 5px;cursor:pointer;}

/*文章管理*/
.article_list{padding:20px 30px 30px;}
.article_list .t_al{width:100%;margin:10px 0;}
.article_list .t_al li{font-size:15px;line-height:30px;padding:5px 10px;position:relative;}
.article_list .t_al li:hover{background:#f6f6f6}
.article_list .t_al p{color:#333;font-size:14px;float:left;}
.article_list .t_al .title{background:#f6f6f6;margin-bottom:5px}
.article_list .t_al .title p{color:#666;font-weight:500;}
.article_list .t_al span{color:#37a;cursor:pointer}
.article_list .t_al .col1{width:100px;}
.article_list .t_al .col2{width:505px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.article_list .t_al .col3{width:100px;text-align:center}
.article_list .t_al .col4{width:100px;text-align:center}
.article_list .t_al .col5{width:100px;text-align:center}
.article_list .emp_tips{margin:20px 0;text-align:center;color:#aaa;}
.article_list .emp_tips a{color:#f60;margin:0 3px;}

/*公告页面*/
.notice_box{margin:100px;font-size:16px;color:#333;line-height:1.5em}
.notice_box h2{font-size:20px;text-align:center;margin:5px 0;}
.notice_box .notice_info{text-align:center;font-size:14px;color:#aaa;margin-bottom:10px;}
.notice_box .load{text-align:center;}
.notice_box .load img{width:200px;}


/*帐号设置*/
.set_body{margin:30px 30px 80px;}
.set_body h3{font-size:15px;font-weight:500;line-height:36px;}
.set_body h3 span{color:#f60;margin-right:3px;}
.set_body .row input.form-control{height:36px;border:1px solid #ddd;color:#888}
.set_body .row textarea.form-control{padding:12px;border:1px solid #ddd;color:#888}
.set_body .tips{margin:5px 0;color:#999;font-size:14px;}
.set_body .tips.err{color:#e23108;}
.set_body .aline{height:20px}
.set_body .newmp_btn{width:130px;height:36px;line-height:28px;font-size:16px;margin-top:3px;}
.set_body .newmp_desc{color:#aaa;line-height:1.8em;border-left:1px solid #eee;padding:0 0 50px 20px;}
.set_body .newmp_desc p{margin-bottom:5px;}
.set_body .checkbox a{color:#3074e6;}

.set_body .setbtn{
	float:left;
	cursor:pointer;
	width:120px;
	padding:8px;
	display:block;
	color:#fff;
	background:#f60;
	text-align:center;
	-moz-border-radius: 3px;      /* Gecko browsers */
    -webkit-border-radius: 3px;   /* Webkit browsers */
    border-radius:3px;            /* W3C syntax */
}
.set_body .setbtn:hover{background:#ed6002;}
