@charset "UTF-8";
/* CSS Document */

.container{width: 1200px;
	height: 100%;
	margin: 0 auto;
	position: relative}

/* 头部 */
.top{ height: 80px;}
.logo{
	    float: left;
    height: 60px;
    
    font-size: 0;
    margin-right: 15px;
	padding-top: 10px;
}
.logo a{
	
	width: 300px;
    height: 60px;
    background-image: url( ../img/logo-01.svg);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
	display: inline-block;}
.important_data{ float: left; margin-top: 23px; margin-left: 58px}
.important_data li{ display: inline-block;  margin: 0 20px; color: #999 }
.important_data li b{color: #da271e; display: block;  font-size: 20px; font-weight: 100}
.index_login{width: 300px; float: right; padding-top: 25px; text-align: right }
.index_login a{width: 100px; display: inline-block; height:28px; border-radius: 15px; text-align: center; line-height: 28px; font-size: 14px; margin-left: 10px }

.index_login a.login_btn{ border: 1px #ccc solid; color: #666}
.index_login a.reg_btn{ border: 1px #ff7171 solid; color: #fff; background-color: #ff7171}
.index_login a:hover{border: 1px #ed1c24 solid;color: #fff; background-color: #ed1c24}

/* 导航菜单 */
.nav{ height:50px; background-color: #EBEBEB}
.menu{ list-style-type: none; margin: 0; padding: 0; display: inline-block}
.menu li{ display: inline-block; width: 100px; text-align: center; font-size: 16px; line-height: 50px}
 
.menu li a.current{ color:#da271e }
.search{ width: 200px; float: right}
 
 /* 精品系列 */
.recommend_title{ float: left; width: 180px; height: 144px; }
.recommend{ float: right; margin: 0; padding: 0}
.recommend a{ display: inline-block; margin-left: 1px;  width: 144px; height: 144px;  
}
 /* 公告通知 */
.notice{ position: relative; margin: 5px 0;}
.notice ul{ margin-left: 30px; list-style-type: circle; height: 15px}
.notice li{ display: inline-block; margin-left: 20px; list-style: inside; width: 200px;white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;}
.notice span{display: inline-block;width: 60px; line-height: 20px; border-radius: 3px; background-color: #ff7171; text-align: center; color: #fff; position: absolute; left: 0; top: -3px }
.notice i{position: absolute; left: 65px; top: -1px}
/* 新书推荐 */
.new_book h2{ font-size: 18px; margin-top: 20px; }
.new_book h2 span{ font-size: 12px; font-weight: normal; color: #ccc; margin-left: 134px}
/* 最新下载 */
.download{ height: 370px} 
.down_single{
width: 210px;
	height: 64px;
	float: left;
	margin-bottom: 20px;
	padding-left: 70px;
	position: relative;
	margin: 10px;
 
}
.down_single:hover{ background-color: #f5f5f5}
.down_single img{   border: 1px #ebebeb solid; width: 62px; height: 62px; position: absolute; top: 0; left:0 }
.down_single  b{  font-size: 14px; display: block; padding-top: 3px}
.down_single  span{ color: #999; font-size: 12px; position: absolute; bottom: 3px}

/* 新闻+招聘 */
.index_news{width:900px; float: left }
.index_news h2,.index_job h2{ font-size: 18px; margin-top: 20px; margin-bottom: 10px }
.index_news h2 em{font-weight: normal; color: #ccc;font-style: normal; }
.index_newspic{width: 180px; float: left; height: 140px;display: flex;
justify-content: center;
align-items: center;margin-right: 10px}
.index_newslist{ width:550px; float: left; list-style-type: none; margin: 0; padding: 0 }
.index_newslist li { line-height: 28px; }
.index_newslist li a em { float: right; font-style: normal; color: #CCCCCC }

.index_job{width:290px; float: right }
.index_joblist{ list-style-type: none; margin: 0; padding: 0}
.index_joblist li { line-height: 28px; }
.index_joblist li a label{ margin-right: 5px}
.index_joblist li a span{margin-right: 10px; display: inline-block; width: 140px}
.index_joblist li a em { float: right; font-style: normal;  }
/* 页脚 */
.footer{width: 100%; height: 100px; background:#fff;border-top: 3px solid #ed1c24;  }
.footer_left{width: 500px; float: left; padding-top: 25px}
.footer_left em{margin: 0 10px; font-style: normal}
.footer_left span{ font-size: 12px; color: #999}
.footer_right{width: 500px; float: right; color: #666; text-align: right }
.footer_right dl{ padding-top: 15px; position: relative}
.footer_right dt,.footer_right dd{ display: inline-block; text-align: right}
.footer_right dt b{ font-size: 24px; }
.footer_right dt{ padding-right: 46px;}
.footer_right dd{ width: 40px; height: 40px; background: url(../img/phone_ico-01.png); background-size:40px 40px; position: absolute; right:0; top:17px }


/* 列表页筛选条件 */
.conditions{ background-color: #FFFFFF; border-radius: 5px;margin: 5px; padding:10px;box-shadow:  0 1px 3px rgba(0,0,0,0.18)}
.route em{ color: #BBBBBB; margin: 0 10px}
.data_number,.route{ padding: 20px 0 5px 0; margin: 5px}
.route span{color: #AAAAAA}
.data_number b{margin: 0 5px; color: #ed1c24}
.course_select { font-size: 14px; line-height: 20px; margin: 10px 0}
.course_select dt{ color: #bbb;width: 60px; margin-right: 30px; text-align: right;display: inline-block; float: left}
.course_select dd{display: inline-block;  width: 1000px}
.course_select dd span{border-radius: 3px; display: inline-block; margin:0px 20px 5px 0; padding:0 10px; cursor: pointer;}
.course_select dd span:hover{color: #ed1c24}
.course_select dd span.current{background-color:#ed1c24;  color: #fff }
.book_list a{width: 208px; display: inline-block; border:1px solid #fff; padding: 10px; margin:0 5px 20px 5px; background-color: #FFFFFF;box-shadow:  0 1px 3px rgba(0,0,0,0.18); vertical-align: top}
.book_list a:hover{border:1px solid #ed1c24; background-color: #FFFFFF;}
.book_list a p{ height: 200px; overflow: hidden; text-align: center}
.book_list a .name{ padding: 10px 0; height: 30px; font-size: 14px}
.res_name{ padding: 10px 0;  font-size: 14px;white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;}
.press{ color: #aaa;}
.press div{ height: 30px}
.press button{ border: 1px solid #aaaa; border-radius: 11px;  background-color:#fff; color: #aaa;  padding: 0px 8px; line-height: 20px; font-size: 12px;  cursor: pointer }
.book_list a:hover .press button{ background-color:#ed1c24;border: 1px solid #ed1c24;  color: #fff }
.page{text-align: center;margin:30px auto;}


/* 详情页 */
.detail_left{width: 876px; display: inline-block; margin: 0 5px 20px 5px; background-color: #fff}
.detail_right{width: 300px; display: inline-block; margin: 0 5px 20px 5px;background-color: #fff; vertical-align: top}

.book_info{ width:500px; padding: 20px 0 0 10px; font-size: 14px }
.book_info h2{ font-size:18px;margin-bottom: 5px; }
.info_table { width: 100%; padding-top: 10px}
.info_table th,.info_table td{ text-align: left; height: 30px}
.info_table th{ color: #aaa;  font-weight: normal;width: 80px}
.book_price b{font-size:20px }
.buy_btn{ float: right; margin-left: 10px; background-color: #ff7171; color: #fff; padding: 8px 15px; font-size: 14px; border-radius: 5px}
.buy_btn:hover{ background-color:#ed1c24;color: #fff }

.detail_block{ margin: 0 15px}
.detail_block h2{border-bottom: 2px solid  #ed1c24;height:38px; background-color: #F5F5F5; font-size: 18px; font-weight: normal  }
.detail_block h2 span{ display: inline-block;   line-height: 40px; text-align: center; padding: 0 20px; background-color:#ed1c24; color: #FFFFFF }
.detail_block p{ line-height: 20px; padding: 20px 20px 10px 20px;  color: #777777 }
.res_all{padding-bottom: 1rem}
.res_list{margin: 15px; padding: 0 5px; line-height: 20px}

.res_list label,.res_list span,.res_list em,.res_list a{display: inline-block; }
.res_list label{ margin-right: 5px; color: #FF7B31}
.res_list span{ width: 300px; margin-right: 30px}
.res_list em{ color: #AAAAAA; font-style: normal; width: 150px }
.res_list a{ border: 1px solid #008ACD; line-height: 20px; padding: 0 10px; color: #008ACD; border-radius: 3px}
.res_list a:hover{background-color: #008ACD; color: #FFFFFF}

.book_pic {margin-left: 10px}
.book_pic li{list-style:none;float:left;}
.book_pic img{margin:10px; width: 80px; border: 1px solid #ebebeb}

.comment{ padding: 10px}
.comment .unit{ position: relative; padding-left: 80px; border-bottom: 1px solid #eee;margin-top: 20px; padding-bottom: 10px}
.comment .unit em{position: absolute; top: 8px; left:10px; border-radius: 8px;  background-color:#ed1c24; color: #FFFFFF; font-style: normal; padding: 2px 5px }
.comment .unit img{border-radius: 50%; width: 40px; height: 40px; background-color: #CCCCCC;display: inline-block;position: absolute; top:0; left:20px  }
.comment .unit span{color: #AAAAAA; margin-left: 10px}
.comment .unit a{ font-size: 14px}
.comment .unit p{padding: 10px 0; color: #aaa;line-height: 20px}
.comment .unit .reply{ background-color:#fff5f5; border-radius: 5px; padding:10px 10px 0px 50px; position: relative }
.message_date{position: absolute; top:0; left:0; width: 70px; height: 40px;  color: #AAAAAA }
.message_date b{ font-size: 14px}
.input_reply textarea{ width: 816px; border: 1px solid #ccc; height: 80px; padding: 5px; font-size: 14px}
.input_reply button{ width: 100px; line-height: 30px; color: #fff; background-color: #ed1c24; font-size: 14px; border: none; cursor: pointer }


.rec_title{width: 100%; height: 40px; background: url(../img/recommend_title-01.jpg) no-repeat center; text-align: center; line-height: 40px; color: #fff; font-size: 18px; margin: 20px 0  }

.recommend_list li{ text-align: center; padding: 20px 20px 10px 20px }
.recommend_list li a{}
.recommend_list li img{width:100px; }
.recommend_list li span{ display: block; padding: 10px 20px 5px 20px; font-size: 14px}

.res_pic{width: 320px;
	height: 320px;margin: 15px;}
.res_pic img{border: 1px solid #eee;width: 320px;
	height: 320px;}
.down_url{ margin-top: 30px}
.down_url dt,.down_url dd{ display: inline-block; }
.down_url dt{ width: 112px; text-align: center}
.down_btn{ margin-right: 10px; background-color:#29abe2; color: #fff; padding: 8px 15px; font-size: 14px; border-radius: 5px}
.down_btn:hover{ background-color:#0071bc;color: #fff }

.news_list{ margin:0 10px; padding: 20px 15px 20px 230px; border-bottom: 1px solid #f5f5f5;position: relative;   }
.news_list:hover{background-color: #F5F5F5}
.news_pic{  position: absolute; top:20px; left:15px  }
.news_pic a{ display: inline-block;width:200px; height: 150px; z-index: 999}
.news_pic img{width:200px; height: 150px;  border-radius: 3px}
.news_info{  }
.news_info a{ line-height:26px; font-size: 18px; font-weight: bold }
.news_info p{ line-height: 20px; color: #aaa; height:80px; padding-top: 10px; font-size: 14px }
.news_head{ text-align: center; padding: 20px}

.news_title{ text-align: center; font-size: 22px;margin: 10px 10px 20px 10px}
.news_data{ text-align: center; font-size: 14px; color: #aaa}
.content_text{ font-size: 18px; margin-top: 20px;}
.content_text p{text-indent: 2em; margin-bottom: 20px; line-height:32px}
.content_text .section_title{color: rgb(5, 115, 175);
    padding: 5px 0 5px 10px;
	font-size: 18px;
    background: rgb(182, 228, 253);
	display: block;
	border-left: 5px solid rgb(83, 191, 250);
	margin-bottom: 10px;
	font-weight: normal;
	text-indent: 0;
}
.content_text img{ width: 640px; }
.content_text .beizhu{ display: block;
border: 1px #ccc solid;
	font-size: 14px;
	color: #999;
	text-indent: 0;
	line-height: 20px;
}

.left_menu{width: 230px;
    background-color: #fff;
    float: left;margin-top: 20px }
.left_menu a{padding: 15px 20px;
    border-left: 1px solid transparent; display: block; font-size: 14px}
.left_menu a.current{background-color: #fff5f5;
    border-left: 1px solid #ed1c24;
    color: #ed1c24;}
.right_content{width: 900px;
    float: right;
    background-color: #fff;
    padding: 0px 20px 20px 20px;
    min-height: 700px; margin-bottom: 20px;margin-top: 20px}
.job_list{ margin-top: 20px; }
.job_single{ position: relative; padding: 20px 10px;border-bottom: 1px solid #ebebeb }
.job_single:hover{ background-color: #F5F5F5}
.job_single h2{font-size: 20px;}
.job_single p{ color: #aaa;line-height: 20px; font-size: 14px; padding: 10px 10px 0 10px}
.job_single span{ margin-right: 50px; width: 180px; display: inline-block}
.job_single i{position: absolute; top:30px; right:20px}
.job_detail p{ font-size: 14px; line-height: 28px; margin: 10px 20px 0 20px; }
.job_detail pre{line-height: 28px;margin:0px 20px 20px 20px;}

.personal_left{ width:180px; float: left;  }
.personal_right{ width:940px; float: right; min-height: 700px; margin-bottom: 20px; border-radius: 4px }
.personal_menu a{ display: block; font-size: 14px; border-bottom: 1px solid #ebebeb; padding: 10px 0 10px 10px; margin-left: 10px}
.personal_menu a span{ width: 25px; display: inline-block}
.personal_menu a.current,.personal_menu a.current em{color: #ed1c24;}
.personal_menu a.current em{display: inline-block; float: right}
.account{ display: table; padding-bottom: 30px; float: right; margin-top: 20px}
.account_avatar{ width: 50px; display: table-cell; vertical-align: top}
.account_avatar img{border-radius: 50%; width: 40px; height: 40px; background-color: #CCCCCC;display: inline-block; }
.account_info{width: 100px; display: table-cell; vertical-align: top}
.account_info div{ font-size: 15px; color: #999;width: 100px;white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;}
.account_info a{color: #ed1c24}

.form .item {
    display: inline-block;
    display: block;
    margin-bottom: 20px;
    line-height: 30px;
}
.form .item span.label {
    float: left;
    height: 18px;
    line-height: 18px;
    padding: 6px 0;
    width: 130px;
    text-align: right;
	margin-right: 20px;
}
.form .itxt, .form .text {
    height: 18px;
    width: 127px;
    padding: 5px 23px 5px 5px;
}
.form .area, .form .itxt, .form .sele, .form .selt {
    line-height: 18px;
    border: 1px solid #ccc;
    padding: 5px;
    float: none;
    font-family: "Microsoft YaHei";
    font-size: 12px;
}
.form .jdcheckbox, .form .jdradio {
    float: none;
   /* vertical-align: -2px;
    _vertical-align: -1px;*/
    margin: 0 3px 0 0;
    padding: 0;
}

[v-cloak] {
 display: none; !important;
}