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

body {
    font-family: 'Microsoft YaHei', '微软雅黑';
    font-size: 13px;
    margin: 0;
    overflow-x: hidden;
   /* background: #f4f3f8;*/
}

* {
	margin: 0;
	padding: 0;
	font-family: 'Microsoft YaHei', '微软雅黑';
}

a {
    text-decoration: none;
}

ul, ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

h2, h3 {
    margin: 0;
    padding: 0;
}

img{
	border:0;
	}

.color_gray{
	color:#a9a9a9;
	}
	
.color_blue{
	color:#222080;
	}
	
.c_b{color:#66cac8;}

.color_yellow{
	color:#f09a20;
}

.app_detail_main {
    position: relative;
    width: 1280px;
    /*top: 20px;*/
    left: 50%;
    margin-left: -603px;
    z-index: 0;
    clear: both;
    overflow: hidden;
   /* margin-bottom: 40px;*/
    /*background: #fff;*/
}

.app_detail_main .left_cata {
    float: left;
    width: 240px;
    min-height: 220px;
    position: fixed;
    z-index: 8;
    background: #FFFFFF;
}

.app_detail_main .left_cata ul {
    margin: 50px 0 0 45px;
    font-size: 14px;
}

.app_detail_main .left_cata ul li {
    padding:4px 0;
}

.app_detail_main .left_cata ul li.cata_title {
    font-size: 17px;
    color: #2c2c2c;
    margin-bottom: 10px;
}

.app_detail_main .left_cata ul li a {
    color: #222080;
}

.app_detail_main .left_cata ul li a:hover {
    text-decoration: underline;
}

.app_detail_main .left_cata ol{
	margin-left:15px;
	}
	
.app_detail_main .left_cata ol li a{
	font-size:13px;
	color:#575757;
	}
	
.app_detail_main .left_cata ol li span{
	color:#b9b9b9;
	margin-right:5px;
	}

.app_detail_main .right_detail {
    float: left;
    position: relative;
    width: 960px;
    border-left: 2px solid #eeeeee;
    min-height: 500px;
    padding-bottom: 30px;
    margin-left: 240px;
}

.app_descrip {
    width: 860px;
    margin: 55px 0 0 60px;
    clear: both;
    overflow: hidden;
}

.app_descrip .app_picture {
    float: left;
    margin-top: 3px;
}

.app_descrip .descrip_detail {
    width: 770px;
    float: left;
    margin-left: 20px;
}

.app_descrip .data_w{
	width:860px;
	clear:both;
	margin-left:0;
	}

.app_descrip .descrip_detail h2.l_title {
    font-size: 16px;
    color: #575757;
}

.app_descrip .descrip_detail h2.l_title a {
    font-size: 16px;
    color: #575757;
}

.app_descrip .descrip_detail h2.l_title a:hover {
    text-decoration: underline;
}

.app_descrip .descrip_detail ol.sour_info {
    margin: 0 0 6px 0;
    padding: 0;
    clear: both;
    overflow: hidden;
}

.app_descrip .descrip_detail ol.sour_info li {
    float: left;
    height: 24px;
    line-height: 24px;
    padding-left: 20px;
    margin: 9px 28px 2px 0;
}

.app_descrip .descrip_detail ol.sour_info li.date_ico {
    background:url(/entry/img/sear_ico-7715715dd6899653.png) left -131px no-repeat;
}

.app_descrip .descrip_detail ol.sour_info li.ed_ico {
    background:url(/entry/img/sear_ico-7715715dd6899653.png) left -156px no-repeat;
}

.app_descrip .descrip_detail ol.sour_info li.sour_ico {
    background:url(/entry/img/sear_ico-7715715dd6899653.png) left -180px no-repeat;
}

.app_descrip .descrip_detail ol.sour_info li.cla_ico {
    background:url(/entry/img/sear_ico-7715715dd6899653.png) left -201px no-repeat;
}

.app_descrip .descrip_detail ol.sour_info li span {
    color: #9e9e9e;
}

ol.k_w {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0 0 17px 0;
    border-bottom: 1px solid #e5e5e5;
    clear: both;
    overflow: hidden;
}

ol.k_w li {
    float: left;
    padding: 3px 15px;
    border-radius: 20px;
    border: 1px solid #dbdbdb;
    background: #f6f6f6;
    margin-right: 5px;
    margin-bottom: 5px;
    color: #898989;
}

.ss_button {
}

.ss_button a.hv_but {
    display: inline-block;
    width: 172px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    background: url(/entry/img/yy-7c1943b563815703.png) 56px no-repeat #222080;
    text-align: center;
    padding-left: 23px;
    margin: 5px 10px 5px 0;
}

.ss_button a.da_but{
	width:180px;
	padding-left:28px;
	background:url(../img/dd.png) 52px no-repeat #31a1f4;
	}	

.ss_button a.collec {
    background:url(/entry/img/collec-09f963d407045ce7.png) 56px no-repeat #606060;
}

.ss_button a.collec_on {
	background:url(/entry/img/collec_on-8154944e3caf26fa.png) 56px no-repeat #606060;
}
.ss_button a.collec.on {
	background:url(/entry/img/collec-09f963d407045ce7.png) 56px no-repeat #f00;
}

.ss_button a.collec_other{
	background:#3da4f1;
	width:190px;
	padding-left:0;
}

i.col_ico{
	display:inline-block;
	width:17px;
	height:17px;
	position: relative;
	top:2px;
	background: url(/entry/img/collec-09f963d407045ce7.png) no-repeat;
}

.cont_list {
    width: 860px;
    margin: 35px 0 0 60px;
}

.cont_list .cont_cc {
    margin-bottom: 30px;
}

.cont_list .cont_cc h3 {
    font-size: 15px;
    /*color: #2c2c2c;
    height: 38px;
    line-height: 38px;
    border-bottom: 2px solid #dcdcdc;*/
   color:#222080;
   line-height: 31px;
   height: 31px;
   background:#f7f7f7;
   padding: 0 10px;
}

i.line_b {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 2px;
    height: 14px;
    border-left: 3px solid #ffa600;
    margin-right: 5px;
    visibility: hidden;
}

.cont_list .cont_cc .text_intro {
    margin: 0 10px 8px 10px;
    padding-top: 13px;
}

.cont_list .cont_cc .text_intro h4 {
    font-size: 14px;  
    margin-bottom: 4px;
    margin-top: 0;
    color: #fe8416;
    font-weight: 400;
    line-height: 24px;
}
.cont_list .cont_cc .text_intro h4  span{
	 color: #2c2c2c;
}
.cont_list .cont_cc .text_intro p {
    margin: 0;
    line-height: 24px;
    color: #575757;
    text-indent: 18px;
}
.cont_list .cont_cc .text_intro ol li {
    text-indent: 23px;
}


img.pic_wid {
    width: 600px;
}

.text_intro ul.img_list {
    clear: both;
    overflow: hidden;
}

.text_intro ul.img_list li {
    float: left;
    width: 80px;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 7px;
}

.text_intro ul.img_list li a {
    display: block;
    width: 80px;
}

.text_intro ul.img_list li img {
    width: 80px;
    height: 80px;
    margin: 0;
}

.text_intro ul.img_list li a.t_i {
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    color: #575757;
    text-align: center;
    margin-top: 5px;
}

.affix {
    top:0px;
}

.t_table{
	width:100%;
	border:1px solid #e7ecf2;
	margin:10px 0;
	}
	
.t_table tr td{
	margin:0;
	padding:0;
	}
	
.t_table .table_blue_bg{
	background:#eff8fe;
	height:35px;
	line-height:35px;
	color:#505050;
	}
	
.t_table .table_blue_bg tr{
	text-align:left;
	padding:0;
	margin:0;
	}
	
.t_table .table_blue_bg tr th{
	padding-left:10px;
	margin:0;
	}
	
.t_table tbody tr td{
	height:35px;
	border-top:1px solid #eeeeee;
	padding-left:10px;
	color:#878787;
	}
	
.t_table tbody tr.c1{
	background:#f7fbfe;
	}
	
i.plaint_ico{
	display: inline-block;
	position: relative;
	top:3px;
	width:15px;
	height:15px;
	background: url(../img/sm_ico.png) 0 -226px no-repeat;
}

.d_w{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:200px;
	}
	
.app_detail_main .right_detail .cont_list .cont_cc .mm{
	margin-left:0;
	}		
	
.t_table tbody tr td.green{
	color:#50c11e;
	}
	
.t_table tbody tr td.red{
	color:#f0642c;
	}
	
.downlode{
	width:850px;
	border-bottom:1px solid #f4f3f8;
	clear:both;
	overflow:hidden;
	padding:15px 0 15px 10px;;
	margin:0;
}

.downlode .down_text{
	float:left;
	width:740px;
	padding:0;
	margin:0;
	
}

.downlode .down_text p.te_title{
	margin:0;
	padding:0;
	text-indent:0;
	width: 720px;
	line-height:22px;
	height: 22px;
	color: #898989;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}

.downlode .down_text p a{color:#222080;}
.downlode .down_text p a:hover{color:#43a6f0;}

.downlode .down_ico{
	float:left;
	width:80px;
	text-align: center;
	margin:0 0 0 20px;
}

.downlode .down_ico a{
	display: block;
	width: 21px;
	height:21px;
	margin:0 auto;
	background: url(../img/donwlode_ico.gif) no-repeat;
}

.downlode .down_ico a:hover{
	background: url(../img/downlode_ico_on.gif) no-repeat;
}

.text_intro dl.resour{
	margin:0;
	padding:0 0 12px 0;
	border-bottom:1px solid #f4f3f8;
	color:#575757;
	margin-bottom:10px;
	}
	
.text_intro dl.resour dt{
	height:23px;
	line-height:23px;
	}
	
.text_intro dl.resour dd{
	height:23px;
	line-height:23px;
	margin:0;
	padding:0;
	}
	
.text_intro dl.resour dd span{
	color:#9e9e9e;
	}
	
.text_intro dl.resour dt a{
	color:#222080;
	}
	
h2.da_title{
	width:100%;
	height:60px;
	line-height:60px;
	text-align:center;
	border-bottom:2px solid #eeeeee;
	margin-top:20px;
	}
	
dl.data_colum{
	width:1206px;
	margin:0;
	border-bottom:1px solid #eee;
	padding:0;
	clear:both;
	overflow:hidden;
	
	}
	
dl.data_colum dt{
	margin:0;
	padding:18px 20px 15px 0;
	width:200px;
	text-align:right;
	float:left;
	font-size:14px;
	font-weight:bold;
    }
	
dl.data_colum dd{
	width:900px;
	margin:0;
	padding:16px 0 16px 30px;
	border-left:2px solid #eee;
	float:left;
	}
	
dl.data_colum dd p{
	margin:0;
	padding:0;
	color: #575757;
	line-height:22px;
	}

table.dd_sam{
	border:1px solid #eeeeee;
	color:#575757;
	border-collapse:collapse;
	margin:0;
	padding:0;
	width: 100%;
	}
	
.dd_sam_hander tr{display: none;}
.dd_sam_hander tr.showTb{display: table-row;}
	
table.other_down{
	width:100%;
	margin-top:10px;
	}
	
table.dd_sam tr{
	padding:20px 0;
	}
	
table.dd_sam tr td{
	background:#fff;
	padding:15px 20px;
	text-align:left;
	border:1px solid #eee;
	line-height:22px;
	}	

table.dd_sam tr td.field_column{
	width:20%;
	background:#f7fbfe;
	padding-right:20px;
	text-align:right;
	vertical-align:top;
	}	
	
table.dd_sam tr td.open_hide{
	text-align:center;
	cursor:pointer;
	color:#208be5;
	font-size:14px;
	padding:10px 0;
	background:#fdfdfd;
	}
	
table.dd_sam tr td.open_hide:hover{
	background:#f7fbfe;
	}
	
dl.data_colum dd ol{
	margin-top:12px;
	width:1100px;
	}
	
dl.data_colum dd ol li{
	margin:0 30px 10px 0;
	color:#575757;
	display:inline-block;
	}	
	

dl.data_colum dd ol li span{
	display:block;
	height:34px;
	line-height:34px;
	width:265px;
	}
	
dl.data_colum dd ol li textarea{
	border:1px solid #e0e0e0;
	display:block;
	width:265px;
	height:30px;
	line-height:30px;
	padding-left:10px;
	}
	
dl.data_colum dt p.remarks{
	color:#878787;
	line-height:18px;
	margin-left:50px;
	width:150px;
	font-weight:normal;
	font-size:12px;
	}
	
.enquiry_form_button{
	margin:30px 0 30px 0;
	}
	
.query_button{
	padding:12px 50px;
	background:#606060;
	font-size:15px;
	color:#fff;
	border:0;
	cursor:pointer;
	}
	
.ss_button a:hover,.query_button:hover{
	filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
	}
	
i.down_arrow_ico{
	display:inline-block;
	position:relative;
	top:2px;
	width:13px;
	height:13px;
	background:url(../img/d_a.png) no-repeat;
	}
	
i.pull{background:url(../img/p_a.png) no-repeat;}
	
.query_results_table{
	width:900px;
	overflow-x:scroll;
	}
	
.min_wid{
	width:100px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:150px;
	}
	
.ss_button a.lu_but{
    display: inline-block;
    width: 172px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    margin: 18px 10px 5px 0;
}

.ss_button a.down{ background:#31a1f4;}
.ss_button a.reading{ background:#f4b631;}
.ss_button a.show{ background:#3bcea3;}
/*.ss_button a.collec{ background:#606060;}*/

i.down_ico{
	display:inline-block;
	position:relative;
	top:4px;
	width:20px;
	height:22px;
	background:url(../img/detail_ico.png) 0 -105px no-repeat;
	}
	
i.reading_ico{
	display:inline-block;
	position:relative;
	top:4px;
	width:22px;
	height:22px;
	background:url(../img/detail_ico.png) 0 -32px no-repeat;
	}
	
i.show_ico{
	display:inline-block;
	position:relative;
	top:4px;
	width:18px;
	height:22px;
	background:url(../img/detail_ico.png) 0 -69px no-repeat;
	}
	
i.collec_ico{
	display:inline-block;
	position:relative;
	top:4px;
	width:17px;
	height:22px;
	background:url(../img/detail_ico.png) 0 3px no-repeat;
	}
	
ul.infor_list{
	
	}
	
ul.infor_list li{
	line-height:30px;
	}
	
ul.infor_list li a{
	font-size:13px;
	color:#575757;
    }
	
ul.infor_list li a:hover{
	text-decoration:underline;}

.datasample{
	width:855px;
	margin:15px 0;
}

.datasample:after{content:"\0020";display:block;height:0;clear:both;}
.datasample{zoom:1;}

.sample_list_title{
	float:left;
	width:285px;
	min-height:650px;
	border:1px solid #f3f3f3;
	border-radius:4px 0 0 4px;
	border-right:4px solid #f3f3f3;
}

.sample_title_text{
	width:100%;
	height:50px;
	line-height:50px;
	background:#fafafa;
	border-bottom: 1px solid #f3f3f3;
	font-size:13px;
	color: #575757;
}

.sample_title_text .class_ico{
	display:inline-block;
	position: relative;
	top:5px;
	left:20px;
	margin-right:23px;
	width:16px;
	height:16px;
	background: url(../img/sm_ico.png) 0 0 no-repeat;
}

a.closing{
	display: block;
	padding-left:37px;
	width:248px;
	height:45px;
	line-height:45px;
	font-size:13px;
	font-family: Helvetica, Arial, "sans-serif";
	color:#6f6f6f;
	border-bottom:1px solid #f3f3f3;
    background: url(../img/sm_ico.png) 24px -21px no-repeat;
}

a.select_on{
	position: relative;
	z-index: 10;
	color:#fff;
	width:253px;
    background: url(../img/sm_ico.png) 24px -21px no-repeat #43a5ee;
}

a.closing:hover{
	filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

ul.sub_list li a{
	display: block;
	background:#f4f9fe;
	border-bottom:1px solid #e5f0f9;
	height:37px;
	line-height: 37px;
	color: #43a5ee;
	padding-left:40px;
}

ul.sub_list li a.on{
	background:#43a5ee;
	color:#fff;
	position: relative;
	z-index: 10;
	width:250px;
}

span.text_t{
	display:block;
	float: left;
	width:235px;
	height:45px;
	line-height:45px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

i.right_ico{
	display:block;
	float: left;
	position: relative;
	top:2px;
	left:17px;
	width:8px;
	height:45px;
	background:url(../img/sm_ico.png) 0 -252px no-repeat;
}


.sample_pic_show{
	float:left;
	width:560px;
	min-height:650px;
	border:1px solid #f3f3f3;
	border-radius:0 4px 4px 0;
}

.player{
	width:530px;
	height:55px;
	margin:20px auto;
}

.player:after{content:"\0020";display:block;height:0;clear:both;}
.player{zoom:1;}

.player .player_btn{
	float:left;
	width:63px;
	height: 55px;
	background:#fafafa;
	border-radius:4px;
}

.player .player_btn a{
	display: block;
	width:31px;
	height:31px;
	background: url(../img/play_ico.png) no-repeat;
	margin:12px auto 0 auto;
}

.player .player_btn a:hover{
	background: url(../img/play_ico.png) 0 -60px no-repeat;
}

.player .player_btn a.playing{
	background: url(../img/play_ico.png) 0 -119px no-repeat;
}

.player .progress_bar{
	float:left;
	width:460px;
	height:55px;
	background:#fafafa;
	border-radius:4px;
	margin-left:7px;
	position: relative;
	z-index:0;
}

.bar_cont{width:440px;height:50px;position:relative;margin:2px 0 0 15px;}

.bar_cont .bar_width{
	position:absolute;
	top:36px;
	width:100%;
	height:3px;
	z-index: 0;
	border-radius: 10px;
	background:#dcdcdc;
}

.bar_cont .barpoint_cont{
	position:absolute;
}

.bar_cont .bar_pointer{
	position:absolute;
	width:9px;
	height:15px;
	background: url(../img/sm_ico.png) 0 -189px no-repeat;
	top:28px;
	left:0;
}

.bar_cont .point_cont{
	float:left;
	position:absolute;
	top:10px;
	left:0px;
	height:16px;
	line-height:16px;
	background:#66cac8;
	color:#fff;
	padding:0 8px;
	border-radius:10px;
	font-size: 11px;
	z-index:10;
}

.page_show{
	width:48px;
	position:absolute;
	top:30px;
	left:406px;
	font-size:11px;
	color: #6f6f6f;
}

.co_green{color:#66cac8;}

ol.bar_list{
	margin:0;
	padding:0;
	position: relative;
	top:6px;
	width: 100%;
}

ol.bar_list li{
	display:inline-block;
	position:absolute;
}

.node{
	height:16px;
	line-height: 16px;
	background:#bfbfbf;
	color: #fff;
	font-size:11px;
	width:auto;
	border-radius: 10px;
	padding: 0 15px;
}

.s_current{background:#66cac8;}

.slide{
	width:9px;
	height:15px;
	background: url(../img/sm_ico.png) 0 -189px no-repeat;
	margin:3px auto 0 auto;
}

.data_pic_show{
	text-align: center;
}

.data_pic_show img{
	max-width: 450px;
}

.descrip_text{
	width:450px;
	color: #6f6f6f;
	line-height: 20px;
	margin:10px auto;
}

.loading {
	margin: 20px auto;
	width: 100px;
	height: 90px;
	text-align: center;
}
.load_text {
	width: 130px;
	height: 120px;
}
.loading .text_cont {
	color: rgb(68, 71, 74);
	font-size: 15px;
}
.loading img {
	width: 80px;
}
.top-50{
	top: -50px;
}
/*相似应用tab切换*/
.apply-tab-span{
	margin-right: 30px;
	cursor: pointer;
	line-height: 29px;
	display: inline-block;
	font-weight: 400!important;
	color: #333!important;
}
.apply-tab-span.active{
	border-bottom: 2px solid #222080;
	font-weight: bold!important;
	color: #222080!important;
}
.apply-tab-span:hover{
	color: #222080!important;
}