/*
*@page: E Home
*@Author: juhailin 2013-05-29
*@Update: juhailin 2013-05-29
*/
@import url(/css/font.css);
@import url(/css/reset.css);
@import url(/css/libs/header.css);
@import url(/css/btn.css);
@import url(/css/pager.css);
@import url(/mice/validator.css);
body{
	font-family: Arial, Helvetica, "Simsun", sans-serif;
}

#header .sub-logo{
	font-family: "Microsoft YaHei", "SimHei", Tahoma, Arial, Helvetica, sans-serif;
}
#footer{
	margin-top: 30px;
}
textarea:-moz-placeholder{
	color: #ccc;
}
a{
	color: #333333;
}
.img100{
	display: table-cell;
	*display: block;
	width: 100px;
	height: 100px;
	*font-size: 87px;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
}
.img100 img{
	vertical-align: middle;
}
.nav{
	/*margin-bottom: 10px;
	*/
	height: 37px;
	background: url(/img/ehome/bg-nav.png) repeat-x #e43c3c;
}
.nav li{
	float: left;
	display: block;
	*display: inline-block;
	*zoom:1;
	height: 37px;
	background: url(/img/ehome/nav-line.png) left top no-repeat;
}
.nav li a{
	display: block;
	*display: inline-block;
	*zoom:1;
	padding: 0 20px;
	margin-top: 3px;
	height: 34px;
	line-height: 28px;
	font-size:14px;
	color: #fff;
	text-decoration: none;
	font-family: "Microsoft YaHei", "SimHei", Tahoma, Arial, Helvetica, sans-serif;
}
.nav li a:hover{
	background: #4e4e4e;
	color: #fff;
	text-decoration: none;
}

.nav li.current a{
	background: #4e4e4e;
	color: #fff;
}

.promo{
	float: left;
	width: 711px;
	height: 210px;
	overflow: hidden;
	position:relative;
	background: url(/img/ehome/bg-promo.png) zno-repeat;
}
.promo .slider-controls {
	bottom: 10px;
	position: absolute;
	right: 5px;
}

.promo .slider-controls li{
	float: left;
	cursor: pointer;
	text-indent:-9999px;
	list-style: none;
	width:10px;
	height:10px;
	line-height:0;
	margin-right:10px;
	background:#9e9e9e;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:inset 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow:inset 1px 1px rgba(0,0,0,.1);
	box-shadow:inset 1px 1px rgba(0,0,0,.1);
}
.promo .slider-controls .selected,
.promo .slider-controls .hover{
	background:#e64545;
}

.main{
	float: left;
	width: 710px;
	overflow: hidden;
}
.side{
	float: left;
	width: 270px;
	margin-left: 10px;
}
.sub-side{
	float: left;
	width: 188px;
	border: 1px solid #e0e0e0;
}
.sub-side .hd{
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #e0e0e0;
	background: #f7f7f7;
	font-size: 14px;
	font-weight: 700;
	text-indent: 10px;
	font-family: "Microsoft YaHei", "SimHei", Tahoma, Arial, Helvetica, sans-serif;
}
.sub-side .bd li a{
	display: block;
	padding: 5px 5px 5px 10px;
	border-left: 3px solid #fff;
}
.sub-side .bd li a:hover{
	border-left: 3px solid #e64545;
	color: #333;
	text-decoration: none;
}
.sub-side .bd li.current a{
	background: #ebebeb;
	border-left: 3px solid #e64545;
}
/*.sub-side .bd li a:hover{
	background: #ebebeb;
	color: #333;
}*/

.side-nav{
	padding: 5px 0px;
}
.side-nav-item{
	margin-bottom: 10px;
	/*padding-left: 10px;
	*/
	/*padding-right: 10px;
	*/;
}

.side-subnav-list{
	margin: 5px 0 5px 0px;
}

.side-nav-target{
	display: block;
	color: #333;
	padding: 5px 0px 5px 5px;
	border-left: 3px solid #fff;
	text-decoration: none;
}
a.side-nav-target:hover{
	color: #333;
	border-left: 3px solid #e64545;
	text-decoration: none;
}

.current a.side-nav-target{
	background: #ebebeb;
	border-left: 3px solid #ebebeb;
}

.side-subnav-item{
	padding: 0;
}

.side-subnav-item a{
	display: block;
	color: #333;
	padding: 4px 0px 4px 15px;
	border-left: 3px solid #fff;
	text-decoration: none;
}
.side-subnav-item a:hover{
	text-decoration: none;
	color: #333;
	border-left: 3px solid #e64545;
}
.side-nav .current a{
	border-left: 3px solid #e64545;
	background: #ebebeb;
}








.sub-main{
	float: right;
	width: 790px;
	margin-left: 10px;
}
.sub-main .sub-title{
	font-size: 16px;
	color: #333;
	line-height: 30px;
	margin-bottom: 10px;
	font-family: "Microsoft YaHei", "SimHei", Tahoma, Arial, Helvetica, sans-serif;
}
.crumb{
	padding: 10px 10px;
	color: #999;
	font-family: "Simsun", Arial,'Microsoft YaHei', Helvetica, sans-serif;
}
.crumb a{
	/*color: #333;
	*/
}
.mod{
	margin-bottom: 10px;
	border: 1px solid #e0e0e0;
}
.mod .hd{
	height: 30px;
	line-height: 30px;
	background: #f7f7f7;
	border-bottom: 1px solid #e0e0e0;
}
.mod .hd .h2{
	width: 130px;
	float: left;
	text-indent: 10px;
	font-size: 14px;
	font-weight: 700;
	color: #333;
	font-family: "Microsoft YaHei", "SimHei", Tahoma, Arial, Helvetica, sans-serif;
}
.mod .bd{
	padding: 20px;
	overflow: hidden;
}
.mod .hd .more,
.side-mod .hd .more{
	float: right;
	color: #666;
	margin-right: 10px;
}
.mod .hd .more:hover{
	color: #f60;
}

.index-mod{
	border: 0;
	margin-bottom: 20px;
}
.index-mod .hd{
	background: none;
	border: none;
	text-indent: 0;
}
.index-mod .hd .h2{
	text-indent: 0;
	font-size: 16px;
	line-height: 24px;
}
.index-mod .bd{
	padding: 0;
}

/*.step-list img,
.step-list a{
	float: left;
}*/
.step-list{
	width: 710px;
	height: 65px;
	background: url(/img/ehome/bg-step.png) no-repeat;
}
.step-list .item{
	display: inline-block;
	padding-top: 20px;
	width: 67px;
	padding-left: 35px;
	float: left;
	font-size: 13px;
	font-family: "Microsoft YaHei", "SimHei", Tahoma, Arial, Helvetica, sans-serif;
}
.step-list a.item:hover{
	color: #f60;
	text-decoration: none;
}
.step-list .first{
	width: 65px;
}
.step-list .last{
	padding-left: 30px;
	width: 65px;
}


.index-seo{
	height: 93px;
	overflow: hidden;
	margin-right: -15px;
}
.index-seo ul{
	margin-right: -15px;
}
.index-seo li{
	float: left;
	margin-right: 10px;
	width: 230px;
	height: 93px;
	position: relative;
}
.index-seo li a{
	color: #666;
}
.index-seo li a:hover{
	color: #f60;
}
.index-seo .item1{
	background: url(/img/ehome/seo1.png) no-repeat;
}
.index-seo .item2{
	background: url(/img/ehome/seo2.png) no-repeat;
}
.index-seo .item3{
	background: url(/img/ehome/seo3.png) no-repeat;
}
.index-seo .item4{
	background: url(/img/ehome/seo4.png) no-repeat;
}
.index-seo .item5{
	background: url(/img/ehome/seo5.png) no-repeat;
}
.index-seo .item6{
	background: url(/img/ehome/seo6.png) no-repeat;
}
.index-seo .links{
	position: absolute;
	top: 55px;
	left: 0px;
	height: 37px;
	width: 230px;
	cursor: pointer;
}
.index-seo .links a{
	display: block;
	height: 37px;
	padding-left: 15px;
	width: 215px;
}
.main-tab .tab-nav{
	width: 200px;
	float: left;
	margin-top: 8px;
}
.main-tab .tab-nav .item{
	float: left;
	font-size: 12px;
	color: #666;
	padding: 1px 10px;
	line-height: 20px;
	cursor: pointer;
}
.main-tab .tab-nav .current{
	font-weight: 700;
	border: 1px solid #e0e0e0;
	border-bottom: 0;
	background: #fff;
}
.main-tab .tab-con .tab-item{
	display: none;
}
.main-tab .tab-con .current{
	display: block;
}


.news-list{
}
.news-list li{
	margin-bottom: 8px;
}
.news-list li .date{
	float: right;
	color: #999;
}
.news-list li .cate{
	color: #999;
}
.mod .market-news-list{
	padding: 15px 20px 10px 20px;
}
.market-news-list .news-list{
	margin-bottom: 0;
}
.market-news-list .news-list a{
	/*color: #333;
	*/
}
.index-activity-list{
	margin-right: -10px;
}
.index-activity-list li{
	float: left;
	margin-right: 10px;
	width: 230px;
	height: 170px;
	/*border: 1px solid #eeeeee;
	*/
	overflow: hidden;
}
.index-activity-list li img{
	width: 230px;
}
.index-activity-list .title a{
	font-size: 14px;
	/*color: #333;
	*/
	font-family: "Microsoft YaHei", "SimHei", Tahoma, Arial, Helvetica, sans-serif;
}
.index-activity-list .act{
	font-size: 12px;
	color: #666;
	margin: 0;
	font-family: "Microsoft YaHei", "SimHei", Tahoma, Arial, Helvetica, sans-serif;
}
.index-activity-list .date{
	margin-top: 15px;
	color: #999;
	font-family: "Microsoft YaHei", "SimHei", Tahoma, Arial, Helvetica, sans-serif;
}
.index-report {
	border: 1px solid #e0e0e0;
}
.index-report ul{
	margin-right: -20px;
}
.index-report li{
	height: 134px;
	float: left;
	margin-right: 16px;
	cursor: pointer;
}
.index-report .pic{
	float: left;
	width:100px;
	height: 135px;
	overflow: hidden;
}
.index-report .pic img{
	width: 100px;
}
.index-report .info{
	display: none;
	width: 250px;
	margin-left: 110px;
}
.index-report .hover .info{
	display: block;
}
.index-report .info .h6{
	/*font-weight:normal;*/
	margin-top: 5px;
}
.index-report .hover .info p{
	margin: 5px 0;
	color: #666;
}
.index-service{
	width: 708px;
	height: 221px;
	border: 1px solid #e8e6df;
	background: url(/img/ehome/bg-service.png) no-repeat;
}


.index-service dl{
	position: relative;
	display: inline;
	width: 120px;
	margin-top: 18px;
	float: left;
	margin-left: 20px;
}
.index-service dt{
	margin-bottom: 30px;
	color: #333;
	font-size: 14px;
	font-weight: 700;
	font-family: "Microsoft YaHei", "SimHei", Tahoma, Arial, Helvetica, sans-serif;
}
.index-service dt a{
	/*color: #333;
	*/
}
.index-service dd{
	color: #666;
	line-height: 1.8;
	z-index: 1;
}
.index-service .links{
	position: absolute;
	top: 40px;
	left: -20px;
	width: 140px;
	height: 163px;
	z-index:9;
}
.index-service .links a{
	display: block;
	width: 140px;
	height: 163px;
	text-indent: -999em;
	z-index: 99;
	background: #fff;
	opacity:0.0;
	filter:alpha(opacity=00);
}

.mod .index-service2{
	width: 988px;
	height: 221px;
	padding: 0;
	border: 1px solid #e0e0e0;
	background: url(/img/ehome/bg-service2.png) no-repeat;
}


.index-service2 dl{
	position: relative;
	display: inline;
	float: left;
	margin-left: 40px;
	margin-top: 18px;
	width: 157px;
}
.index-service2 dt{
	margin-bottom: 30px;
	color: #333;
	font-size: 14px;
	font-weight: 700;
	font-family: "Microsoft YaHei", "SimHei", Tahoma, Arial, Helvetica, sans-serif;
}
.index-service2 dt a{
	/*color: #333;
	*/
}
.index-service2 dd{
	color: #666;
	line-height: 1.8;
	z-index: 1;
}
.index-service2 .links{
	position: absolute;
	top: 40px;
	left: -40px;
	width: 200px;
	height: 163px;
	z-index:9;
}
.index-service2 .links a{
	display: block;
	width: 200px;
	height: 163px;
	text-indent: -999em;
	z-index: 99;
	background: #fff;
	opacity:0.0;
	filter:alpha(opacity=00);
}

.mod .hd .index-tab{
	margin-top: 3px;
	margin-right: 0;
}
.index-tab .tab-menu{
	border: 1px solid #d1d1d1;
	float: left;
	margin-left: 1px;
	cursor: pointer;
}
.index-tab .tab-menu:hover{
	background: #e64545;
	border: 1px solid #e64545;
}
.index-tab .tab-menu:hover .icon{
	color: #fff;
}
.index-tab .tab-menu .icon{
	color: #818181;
	margin: 0 5px;
}
.index-tab .hover{
	background: #e64545;
	border: 1px solid #e64545;
}
.index-tab .hover .icon{
	color: #fff;
}


.main-news-box{
	padding: 10px 20px 20px 10px;
	border: 1px solid #e0e0e0;
}
.main-news-list li{
	padding: 5px 20px;
	padding-left: 20px;
	border-bottom: 1px dotted #e0e0e0;
	background: url(/img/ehome/ico-list.png) no-repeat 10px 12px;
}
.main-news-list li a{
	/*color: #333;
	*/;
}

.promo-industry{
	width: 708px;
	height: 120px;
	overflow: hidden;
	position:relative;
}
.promo-industry .slider-controls {
	bottom: 10px;
	position: absolute;
	right: 5px;
}

.promo-industry .slider-controls li{
	float: left;
	cursor: pointer;
	text-indent:-9999px;
	list-style: none;
	width:10px;
	height:10px;
	line-height:0;
	margin-right:10px;
	background:#9e9e9e;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:inset 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow:inset 1px 1px rgba(0,0,0,.1);
	box-shadow:inset 1px 1px rgba(0,0,0,.1);
}
.promo-industry .slider-controls .selected,
.promo-industry .slider-controls .hover{
	background:#e64545;
}



/* 行业分析报告行业列表 */
.industry-list-index .bd{
	padding: 10px 20px;
}
.industry-list-index table{
	width: 100%;
}
.industry-list-index table a{
	/*color: #333;
	*/;
}
.industry-list-index table .current{
	color: #FF6600;
}
.industry-list-index .special a{
	font-weight: 700;
}
.industry-list-index td{
	padding: 3px 0;
}

/* 行业分析报告首页报告list */
.mod .report-list-index{
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 18px;
}
.report-list-index ul{
	margin-right: -20px;
	font-size: 0px;
	letter-spacing: -5px;
	*letter-spacing: normal;
	*word-spacing: -1px;
}
.report-list-index li{
	display: inline-block;
	*display: inline;
	*zoom:1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	height: 100px;
	font-size: 12px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.report-list-index .pic{
	position: relative;
	float: left;
	width: 80px;
	height: 100px;
	overflow: hidden;
	/*border: 1px solid #e1e1e1;
	*/;
}
.report-list-index .pic img{
	width: 80px;
}
.report-list-index .pic .num{
	position: absolute;
	bottom: 0;
	left: 0;
	color:#333;
	padding:0 5px;
	border:1px solid #d9d9d9;
	background:#fff;
}
.report-list-index .info{
	width: 129px;
	margin-left: 90px;
	_margin-left:88px;
}
.report-list-index .info .h6{
	color: #4c4c4c;
	font-weight: normal;
	line-height: 1.2;
	margin: 2px 0 5px 0;
}
.report-list-index .info .h6 a{
	color: #246bb3;
}
.report-list-index .info .h6 a:hover{
	color: #f60;
}
.report-list-index .info .date,
.report-list-index .info .recomment,
.report-list-index .info .browse{
	color: #999;
	margin: 2px 0;
}

.cate-list .item{
	display: inline-block;
	width: 110px;
	margin-right: 10px;
	padding: 2px 4px;
	text-decoration: none;
	color: #333;
}
.cate-list .item:hover,
.cate-list .current{
	/*background: #f7f7f7;
	*/
	color: #f60;
}



.select-box{
	border: 1px solid #E0E0E0;
	margin-bottom: 10px;
	padding: 20px 0 10px 20px;
}
.select-box .select-item{
	margin-bottom: 15px;
}
.select-box .select-item .current{
	color:#ff850a;
}
.select-box .hd{
	display: block;
	float: left;
	width: 100px;
	font-size: 14px;
	font-weight: 700;
}
.select-box .bd{
	*display: inline-block;
	*padding-left: 20px;
	margin-left: 120px;
	*margin-left: 0;
}
.select-box .cate-list-box{
	height: 66px;
	overflow: hidden;
}
.select-box .cate-list-box-more{
	height: auto;
}
.select-box .cate-list-box .current{
	color: #f60;
}
.select-box .more{
	display: inline-block;
	margin-right: 10px;
	padding: 2px 4px 0;
	text-decoration: none;
}
.select-box .item{
	display: inline-block;
	width: 110px;
	margin-right: 10px;
	padding: 2px 4px;
	text-decoration: none;
	color: #333;
}

.report-list-title{
	position: relative;
	padding-bottom: 10px;
}
.report-list-title .h2{
	font-size: 16px;
	color: #2e2e2e;
	font-weight: 700;
	font-family: "Microsoft YaHei", "SimHei", Tahoma, Arial, Helvetica, sans-serif;
}
.report-list-title .h2 span{
	font-size: 12px;
	color: #999;
}

.search-title{
	padding-bottom: 10px;
	text-indent: 10px;
}
.search-title .h2{
	font-size: 16px;
	color: #2e2e2e;
	font-weight: 700;
}
.search-title .h2 span{
	font-size: 12px;
	font-weight: normal;
	color: #999;
}


.search-tab{
	position: relative;
	border-bottom: 1px solid #e34545;
	margin-bottom: 5px;
}
.search-tab .item{
	height: 26px;
	line-height: 26px;
	padding: 0 20px;
	color: #333;
	border: 1px solid #ccc;
	border-bottom:0;
	float: left;
	margin-right:-1px;
}
.search-tab .item a{
	/*color: #333;
	*/
	text-decoration: none;
}

.search-tab .current {
	border-color: #e34545;
	background: #e34545;
	color: #fff;
	font-weight: 700;
}
.search-tab .current a{
	color: #fff;
}

.search-tab .order{
	position: absolute;
	width: 80px;
	right: 0;
	top: 0;
}
.search-tab .order .arrow{
	border: 1px solid #D1D1D1;
    cursor: pointer;
}
.search-tab .order .arrow .icon {
    color: #818181;
    margin: 0 3px;
}
.search-tab .order .current{
	background: #E64545;
    border: 1px solid #E64545;
}
.search-tab .order .current .icon {
    color: #FFFFFF;
}
.search-tab .order .arrow:hover{
	background: #E64545;
    border: 1px solid #E64545;
}
.search-tab .order .arrow:hover .icon {
    color: #FFFFFF;
}
.report-list-title .report-change{
	position: absolute;
	width: 80px;
	right: 0;
	top: 0;
	padding: 2px;
	border: 1px solid #e0e0e0;
	background: #fff;
	cursor: pointer;
}
.report-list-title .drop-box{
	height: 18px;
	overflow: hidden;
	padding-right: 20px;
	background: url(/img/ehome/ico-drop.png) #fff no-repeat top right;
}
.report-list-title .report-drop-options{
	display: none;
	background: #fff;
}
.report-list-box .report-list{
	display:none;
}

.search-tab .report-change{
	position: absolute;
	width: 80px;
	right: 0;
	top: 0;
	padding: 2px;
	border: 1px solid #e0e0e0;
	background: #fff;
	cursor: pointer;
}
.search-tab .drop-box{
	height: 18px;
	overflow: hidden;
	padding-right: 20px;
	background: url(/img/ehome/ico-drop.png) #fff no-repeat top right;
}
.search-tab .report-drop-options{
	display: none;
	background: #fff;
}

.report-list li.list1{
	height: 130px;
	padding: 20px 0;
	border-bottom: 1px dotted #e0e0e0;
}
.report-list li.list2{
	padding: 10px 0;
	border-bottom: 1px dotted #e0e0e0;
}
.report-list .pic{
	position: relative;
	float: left;
	width: 100px;
	height: 125px;
	overflow: hidden;
}
.report-list .pic img{
	width: 100px;
}
.report-list .pic .num{
	position: absolute;
	bottom: 0;
	left: 0;
	color:#333;
	padding:0 5px;
	border:1px solid #d9d9d9;
	background:#fff;
}
.report-list .info{
	width: 390px;
	float: left;
	margin-left: 10px;
	margin-top: 0px;
}
.report-list .date{
	float: right;
	margin-top: 30px;
	margin-right: 10px;
}
.report-list li.list2 .date{
	margin-top: 0;
}
.report-list .info .title{
	color: #4c4c4c;
	font-weight: normal;
}
.report-list .info .title a{
	color: #246bb3;
}
.report-list .info .title a:hover{
	color: #f60;
}
.report-list .info .recomment,
.report-list .info .browse{
	color: #999;
	margin: 2px 0;
	margin-right: 10px;
}

.report-detail{
	border: 1px solid #e0e0e0;
	padding: 20px;
}
.report-detail .title{
	color: #333333;
	font-family: "Microsoft Yahei";
	font-size: 18px;
	font-weight: bold;
}
.report-detail .report-meta{
	color: #999999;
	padding: 10px 0;
}
.report-detail .report-meta span{
	margin-right: 20px;
}
.report-detail .report-meta .recomment{
	float: right;
	cursor: pointer;
	color: #016cc3;
	margin-left: 10px;
}
.report-detail .report-meta .user-rec-dis{
	color: #999;
}

.report-detail .part-download{
	float: right;
	margin-top: -3px;
	width: 110px;
}
.report-detail .trial-down{
	display: inline-block;
	padding: 4px 4px 4px 25px;
	width: 80px;
	background:url(/img/ehome/icon-down-trail.png) left center no-repeat;
}

.report-industry-detail{
	margin-bottom:10px;
}
.report-industry-detail .pic{
	width: 100px;
	height: 125px;
	float: left;
	overflow:hidden;
}
.report-industry-detail .pic img{
	width: 100px;
}
.report-industry-detail .desc{
	margin-left: 110px;
}
.report-industry-detail .desc .name{
	font-size: 16px;
	font-weight: 700;
	margin: 5px 0;
}
.report-industry-detail .desc p{
	margin: 2px 0;
	color: #666;
}
.report-industry-read{
	font-size: 14px;
	line-height: 1.2;
}

.article{
	padding: 20px;
	border: 1px solid #e0e0e0;
	font-size: 14px;
}
.article-title{
	border-bottom: 1px dashed #CCCCCC;
	text-align: center;
}
.article .title{
	font-size:18px;
	font-family:"Microsoft Yahei";
	color:#333;
	font-weight:bold;
}
.article-meta{
	color:#999;
	padding:10px 0;
	font-size: 12px;
}
.article-meta span{
	margin-right:20px;
}
.list-title{
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 10px;
}
.trade-info-list{
	width:100%;
	border:0 none;
	color:#333;
	text-align:center;
}
.trade-info-list .first{
	text-align:left;
	width:55%;
	padding-left:10px;
}
.trade-info-list .td-meta{
	text-align:center;
	width:15%;
}
.trade-info-list th{
	border-top:1px solid #ddd;
	color: #2e2e2e;
	padding: 5px 0;
	font-weight:normal;
	background:#f7f7f7;
}
.trade-info-list td{
	border:0 none;
	/*border-bottom:1px dashed #ccc;
	*/
	padding:15px 10px;
}
#tags a{
	height:26px;
	line-height:28px;
	padding-right:16px;
	display:inline-block;
	font-weight:bold;
}
#tags .tags1{
	font-size:16px;
	font-family:"Microsoft yahei";
	color:#ccc;
}
#tags .tags2{
	font-size:18px;
	color:#666;
}
#tags .tags3{
	font-size:12px;
	font-family:"Microsoft yahei";
	color:#999;
}
#tags .tags4{
	font-size:14px;
	color:#aaa;
}
#tags .tags5{
	font-size:20px;
	font-family:"Microsoft yahei";
	color:#333;
}
#tags a:hover{
	color:#F00;
	text-decoration:underline;
}

/* special list */
.special-list{
	margin-right: -40px;
	font-size: 0px;
	letter-spacing: -5px;
	*letter-spacing: normal;
	*word-spacing: -1px;
}
.special-list li{
	width: 230px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	margin: 0 40px 35px 0;
}
.special-list .pic{
	width: 230px;
	height: 170px;
	margin-bottom: 10px;
	position: relative;
	overflow:hidden;
}
.special-list .pic img{
	width:230px;
}
.special-list .pic .timer{
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	height: 70px;
	text-indent: -999em;
	background: url(/img/ehome/timer.png) no-repeat;
}
.special-list .info{
	font-size: 12px;
}
.special-list .title{
	font-weight: normal;
}
.special-list .desc{
	margin: 5px 0;
	color: #666;
}
.special-list .date{
	margin: 0;
	color: #999;
}
.special-list .btn{
	margin-top: 15px;
}

/* review list */
.review-list{
	margin-right: -30px;
	font-size: 0px;
	letter-spacing: -5px;
	*letter-spacing: normal;
	*word-spacing: -1px;
}
.review-list li{
	width: 240px;
	margin: 0 30px 15px 0;
	display: inline-block;
	*display: inline;
	*zoom:1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	font-size: 12px;
}
.review-list .pic{
	position: relative;
	width: 240px;
	height: 180px;
	overflow:hidden;
	margin-bottom: 5px;
}
.review-list .pic img{
	width:240px;
}
.review-list .pic .timer{
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	height: 70px;
	text-indent: -999em;
	background: url(/img/ehome/timer.png) no-repeat;
}
.review-list .title{
	font-weight: normal;
	margin-bottom: 5px;
	/*color:#333;
	*/
}
.review-list .desc,
.review-list .date{
	margin: 2px 0;
	color:#999;
}

.bigthing{
	position:relative;
	height: 180px;
}
.bigthing a{
	padding: 5px;
	position: absolute;
}
.bigthing a span{
	color: #e64545;
}
.bigthing a:hover span{
	color: #fff;
}
.bigthing a:hover{
	color: #fff;
	background: #e64545;
	text-decoration: none;
	border-radius: 5px;
}
.bigthing .th1{
	color: #999;
    left: 70px;
    top: 22px;
}
.bigthing .th2{
	 color: #999;
    left: 452px;
    top: 22px;
}
.bigthing .th3{
	color: #999;
    left: 758px;
    top: 15px;
}
.bigthing .th4{
	color: #666;
	font-size: 13px;
    left: 248px;
    top: 53px;
    font-weight: 700;
}
.bigthing .th5{
	color: #666;
	font-size: 13px;
    left: 525px;
    top: 54px;
    font-weight: 700;
}
.bigthing .th6{
	color: #333;
    font-size: 16px;
    left: 304px;
    top: 87px;
    font-weight: 700;
}
.bigthing .th7{
	color: #666;
    font-size: 13px;
    left: 217px;
    top: 128px;
    font-weight: 700;
}
.bigthing .th8{
	color: #666;
	font-size: 13px;
    left: 510px;
    top: 128px;
    font-weight: 700;
}
.bigthing .th9{
	color: #999;
    left: 90px;
    top: 180px;
}
.bigthing .th10{
	color: #999;
    left: 428px;
    top: 180px;
}
.bigthing .th11{
	color: #999;
    left: 700px;
    top: 181px;
}

.bigthing-cnt{
	border: 1px solid #e0e0e0;
	padding: 20px 40px;
}
.bigthing-cnt h3{
	font-size: 14px;
	color: #2e2e2e;
	margin: 20px 0;
}
.bigthing-cnt p{
	font-size: 14px;
	margin: 2px 0;
}
.bigthing-cnt p span{
	display: inline-block;
	width: 50px;
	text-align: right;
	margin-right: 15px;
}
.side-mod{
	border: 1px solid #e0e0e0;
	margin-bottom: 10px;
}
.side-mod .hd{
	height: 30px;
	line-height: 30px;
	background: #f7f7f7;
	border-bottom: 1px solid #e0e0e0;
}
.side-mod .hd .h2{
	width: 160px;
	float: left;
	font-size: 14px;
	text-indent: 10px;
	font-family: "Microsoft YaHei", "SimHei", Tahoma, Arial, Helvetica, sans-serif;
}

.side-mod .bd{
	padding: 5px 10px;
}

.side-class .class-list{
}
.side-class .class-list li{
	padding-bottom: 6px;
	padding-top: 6px;
	border-bottom: 1px dotted #e0e0e0;
}

.side-class .class-list .h6 a{
	font-weight: 700;
}
.side-class .class-list .date{
	margin: 0;
	color: #999;
}

.side-contact .bd{
	padding: 10px;
	line-height: 22px;
}
.side-contact .bd a{
	color: #246bb3;
}
.side-contact .bd a:hover{
	color: #f60;
}

.side-inner{
	padding: 0 10px;
	margin-bottom: 10px;
	border: 1px solid #e0e0e0;
}
.side-mod2{
	border: 0;
	margin-bottom: 0px;
	/*padding-top: 10px;
	*/
	/*border-top:1px solid #e0e0e0;
	*/;
}
.side-mod2 .hd .more{
	margin-right: 0;
}
.side-line{
	height: 1px;
	font-size: 0;
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 8px;
}
.side-mod2 .hd{
	background: #fff;
	border-bottom: 0;
}
.side-mod2 .hd .h2{
	text-indent: 0;
}

.side-mod3 .hd .h2{
	width:200px;
}

.side-mod3 .qrCode{
	height: 144px;
	padding-left: 0px;
	display: flex;
	justify-content: space-between;
	padding: 5px;
}
.side-mod3 .qrCode .code-pic .code-pic-des{
	/*float:left;*/
	font-weight: 700;
	color: #555555;
	font-size: 12px;
	line-height: 40px;
	text-align: center;
}
.side-mod3 .qrCode .code-info{
	float: left;
    width: 85px;
	padding-top: 32px;
    padding-left: 12px;
}

.index-side-tab{
	border: 1px solid #e0e0e0;
}
.notice-list a{
	display: inline-block;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
    width: 205px;
}
.index-side-tab .tab-nav{
	background: #fafafa;
	color: #808080;
	height: 28px;
	line-height: 28px;
	border-bottom: 1px solid #e0e0e0;
}
.index-side-tab .tab-nav .item{
	float: left;
	padding: 0 10px;
	cursor: pointer;
}
.index-side-tab .tab-nav .current{
	margin: 0 0 -1px 0px;
	color: #474747;
	font-weight: 700;
	background: #fff;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #fff #e0e0e0 #fff #e0e0e0;
}
.index-side-tab .tab-con{
	padding: 10px;
}
.index-side-tab .tab-con p{
	margin: 0;
}
.index-side-tab .tab-con .tab-item{
	display: none;
}

.side-tab{
}
.side-tab .tab-nav{
	border-bottom: 1px solid #e0e0e0;
}
.side-tab .tab-nav .item{
	float: left;
	padding: 3px 15px;
	cursor: pointer;
}
.side-tab .tab-nav .current{
	margin-bottom: -1px;
	font-weight: 700;
	border: 1px solid #e0e0e0;
	border-bottom: 0;
	background: #fff;
}
.side-tab .tab-con{
	padding: 10px 0;
}
.side-tab .about{
	margin: 0 0 5px 0;
}
.side-tab .tab-con .tab-item{
	display: none;
}
.side-tab .tab-con .current{
	display: block;
}
.side-step {
	border-top: 0;
}
.side-step .contact{
	border-top: 1px dotted #e0e0e0;
	padding-top: 10px;
	line-height: 22px;
}
.side-service img{
	float: left;
}
.side-service p{
	margin: 0 0 10px 60px;
}
/* side news list */
.side-mod .side-news-list{
	/*padding: 5px 0;
	*/;
}
.side-news-list li{
	padding: 3px 0 3px 10px;
	background: url(/img/ehome/ico-list.png) 0px 10px no-repeat;
}
.side-news-list li a{
	/*color: #333;
	*/;
}
.index-notice{
	width: 270px;
	float: right;
	border: none;
	margin-bottom: 0;
}

.index-notice .hd{
	background: none;
	border: none;
	text-indent: 0;
	margin-top: 8px;
}
.index-notice .bd{
	border: 0;
}
.notice-list .date{
	float: right;
	color: #999;
}
.notice-list li{
	margin-bottom: 5px;
	margin-bottom: 8px;
	display: block;
}

.class-list .date{
	margin: 5px 0;
	color: #999;
	display: inline-block;
}
.side-inner .contact{
	padding-top: 10px;
	margin-top: 0px;
	margin-bottom: 0;
	line-height: 22px;
}
.side-inner .contact a{
	color: #246bb3;
}
.side-inner .contact a:hover{
	color: #f60;
}
.side-inner .contact .report-download{
	margin-top: 5px;
	color: #fff;
}
.side-inner .contact .report-download:hover{
	color: #fff;
}
.side-inner .contact .report-download-disabled{

}
.process .h3{
	font-size: 12px;
	color: #999;
	margin-bottom: 10px;
}

.process .step{
	height: 23px;
	line-height: 23px;
	text-align: center;
	border: 1px solid #ebe4d3;
	background: #fffdf9;
	border-radius: 2px;
	font-size: 13px;
	color: #bba57c;
	font-family: "Microsoft YaHei", "SimHei", Tahoma, Arial, Helvetica, sans-serif;
}
.process .next{
	text-align: center;
}
.process .next .icon{
	color: #e5e5e1;
	font-size: 14px;
}
.side-down{
	margin-bottom: 10px;
}

.report-download{
	display: block;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: #ffb319;
	border-radius: 3px;
}

.report-download:hover{
	text-decoration: none;
	color: #fff;
}
.report-download-disabled{
	color: #999;
	background: #dcdcdc;
}
.report-download-disabled:hover{
	color: #999;
	background: #dcdcdc;
}
.report-download .icon{
	font-size: 20px;
	vertical-align: -2px;
}
.report-link{
	color:#246bb3;
}
.report-link:hover{
	color:#ff850a;
}
.side-report{
}

.side-report li{
	height: 100px;
	margin-right: 5px;
	margin-bottom: 20px;
}
.side-report .pic{
	position: relative;
	float: left;
	width: 80px;
	height: 100px;
	overflow: hidden;
}
.side-report .pic img{
	width: 80px;
}
.side-report .pic .num{
	position: absolute;
	bottom: 0;
	left: 0;
	color:#333;
	padding:0 5px;
	border:1px solid #d9d9d9;
	background:#fff;
}
.side-report .info{
	width: 140px;
	margin-left: 90px;
}
.side-report .info .title{
	color: #4c4c4c;
	font-weight: normal;
}
.side-report .info .date,
.side-report .info .recomment,
.side-report .info .browse{
	color: #999;
	margin: 2px 0;
}

.side-search{
	margin-bottom: 10px;
	background: #f0f0f0;
	padding: 10px;
}
.side-search .search-box{
	width: 160px;
	*width: 158px;
	border: 1px solid #CCCCCC;
	color: #333333;
	*margin-top:-1px;
	display: inline-block;
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	padding: 2px 0px 2px 2px;
	vertical-align: top;
}
.side-search .btn{
	border-radius: 0;
}
.side-mod .story{
	padding: 5px 0;
}
.side-mod .story .pic{
	float: left;
	width: 110px;
}
.side-mod .story .pic-box{
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin-bottom: 15px;
}
.side-mod .story .pic-box img{
	width:100px;
}
.side-mod .story .info{
	float: left;
	width: 135px;
}

.story .info .name{
	color: #999;
}

.story .info .desc{
	color: #666;
}

.focus img{
	float: left;
	width: 100px;
}
.focus .info{
	margin-left: 110px;
}
.side-mod .focus{
	padding: 5px 0;
	padding-bottom: 10px;
}

.focus .info .date{
	color: #999;
}
.focus .info .desc{
	color: #666;
	background: #fafafa;
	border: 1px solid #ddd;
}
.focus .info .desc .title{
	font-weight: 700;
	padding: 5px 5px 5px 10px;
	border-bottom: 1px dotted #e0e0e0;
}
.focus .info .desc p{
	margin: 5px 5px 5px 10px;
}


.seo-mod{
	width: 225px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #e6e6e6;
}

.seo-mod .hd{
	height: 30px;
	border-bottom: 1px solid #e6e6e6;
	background: #f8f8f8;
}



.promo-act{
	margin: 10px 0;
}

.promo-act .pic-box{
	width: 990px;
	height: 300px;
	overflow: hidden;
}
.promo-act .pic-box img{
	width: 990px;
}
.promo-act .trigger{
	margin-top: 15px;
}
.promo-act .trigger ul li{
	position: relative;
	float: left;
	margin-right: 10px;
	width: 165px;
	height: 50px;
	background: #e0e0e0;
	cursor: pointer;
}
.promo-act .trigger ul li .mask{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 165px;
	height: 50px;
	opacity:0.5;
	filter:alpha(opacity=50);
	background: #fff;
}
.promo-act .trigger ul li .hover{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 165px;
	height: 2px;
	border-top:2px solid #e34545;
	color: #e34545;
	text-align: center;
	z-index: 8;
}

.promo-act .trigger .selected .hover{
	display: block;
	/*border-top:2px solid red;
	*/
}
.promo-act .trigger .selected .mask{
	display: none;
	/*border-top:2px solid red;
	*/
}
.promo-act .trigger img{
	width: 165px;
	height: 50px;
	z-index: 1;
}
.promo-act .trigger .more{
	float: right;
	display: block;
	width: 115px;
	height: 50px;
	text-indent: -999em;
	background: url(/img/ehome/promo-act-more.png) no-repeat;
}
.promo-act .trigger .more:hover{
	background-position: 0 -50px;
}


.pic-roll{
	border: 1px solid #e0e0e0;
}
.pic-roll .bd{
	position: relative;
	padding-left: 0;
}
.pic-roll .list{
	margin-left: 40px;
	margin-right: -30px;
}
.pic-roll .list li{
	height: 185px;
	width: 215px;
	float: left;
	margin-right: 15px;
}

.pic-roll .list li span{
	display:block;
	text-align:center;
}
.pic-roll .list li img{
	margin-bottom: 5px;
	display: block;
	height: 160px;
	width: 215px;
}
.pic-roll .trigger {
	display: block;
	position: absolute;
	top: 20px;
	height: 160px;
	width: 35px;
	cursor: pointer;
}
.pic-roll .trigger .icon{
	display: block;
	margin: 60px 0 0 15px;
	font-size: 30px;
	color: #dddddd;
}
.pic-roll .trigger:hover{
	background: #ccc;
	text-decoration: none;
}
.pic-roll .trigger:hover .icon{
	color: #fff;
}
.pic-roll .left{
	left: 0;
}
.pic-roll .left .icon{
	margin-left: 10px;
}
.pic-roll .right{
	right: 0;
}
.service-promo-box{
	margin-right: -10px;
	margin-bottom: 10px;
}
.service-promo{
	float: left;
	margin: 10px 10px 0px 0;
	width: 490px;
	height: 260px;
	overflow: hidden;
}
.service-promo img{
	width: 490px;
}
.hd-share{
	float: left;
}
.hd-share a{
	color: #666;
}
.hd-share a:hover{
	color: #f60;
}
.mod .service-list{
	padding-right: 0;
}
.service-list ul{
	margin-right: -30px;
	font-size: 0px;
	letter-spacing: -5px;
	*letter-spacing: normal;
	*word-spacing: -1px;
}
.service-list .item{
	display: inline-block;
	*display: inline;
	*zoom:1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	font-size: 12px;
	width: 310px;
	margin-right: 10px;
}
.service-list .item .pic{
	float: left;
	width: 100px;
	height: 100px;
	overflow: hidden;
}
.service-list .item .pic img{
	width: 100px;
}
.service-list .item .info{
	width: 185px;
	float: left;
	margin-left: 10px;
}

.service-list .item .info .title a{
	color: #246bb3;
	font-weight: normal;
}
.service-list .item .info .title a:hover{
	color: #f60;
}
.service-list .item .info p{
	color: #666;
}
.service-list .item .info span{
	color: #999;
}


.focus-list .item .pic{
	height: 130px;
}
.content{
	border: 1px solid #e0e0e0;
	padding: 20px 19px 0 19px;
	width: 750px;
	font-size: 14px;
	overflow: hidden;
}
.content p{
	padding: 0px;
}
.content .h1{
	/*font-size: 14px;*/
	text-align: center;
	padding: 10px 0;
	/*line-height: 18px;*/
}
.content .hgroup .date{
	color: #999;
	margin: 10px 0;
	padding: 0;
	text-align: center;
}
.content .h2{
	font-size: 14px;
	background: #f7f7f7;
	border: 1px solid #e0e0e0;
	border-width: 1px 0;
	text-indent: 20px;
	height: 30px;
	line-height: 30px;
}
.content .h3{
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}
.content form{
	font-size: 12px;
}
.content .form-apply .form{
	font-size: 12px;
	padding: 10px;
	position: relative;
	border-bottom: 1px dotted #ccc;
}
.content .form-apply label.error{
	display: block;
	width: 360px;
}
.content textarea{
	height: 80px;
}
.content .form-apply .del{
	position:absolute;
	right: 20px;
	top: 10px;
	cursor: pointer;
}
.content .form-apply .add{
	cursor: pointer;
	padding: 10px;
	width: 200px;
}
.content .vision-bot{
	margin-left: 0;
	margin-right: 0;
	font-size: 12px;
}
.content .vision-bot .icon{
	margin: 0 5px;
}
.content img{
    max-width: 100%;
    height: auto;
}
.vision-bot a{
	color: #246bb3
}
.vision-bot a:hover{
	color: #f60
}
.buttons{
	text-align: center;
}
.buttons .btn{
	margin: 0 20px;
}



.share-story{
	width: 800px;
	padding: 20px;
	margin: 20px auto;
	border: 1px solid #e0e0e0;
}
.share-story .h1{
	text-align: left;
	border-bottom: 1px dotted #e0e0e0;
	font-size: 14px;
	padding-bottom: 5px;
	margin-bottom: 20px;
}


.industry-list{
	border: none;
}




.noresult{
	border:1px solid #ccc;
	padding:30px 0 30px 150px;
	background:url(/images/training/noresult.png) 80px 25px no-repeat;
}
.noresult h3{
	font-size:16px;
	font-weight:bold;
	color:#333;
	padding:10px 0;
}


/* focus vision */
.focus-vision-flago{
	width: 990px;
	height: 260px;
	/*margin-top: 10px;
	*/
	margin-bottom: 20px;
	background: url(/img/ehome/focus-vision-promotion.jpg) no-repeat;
}
.focus-vision-flago .link1{
	display: block;
	float: left;
	width: 151px;
	height: 40px;
	margin: 167px 15px 0 40px;
}
.focus-vision-flago .link2{
	display: block;
	float: left;
	width: 151px;
	height: 40px;
	margin: 167px 15px 0 0px;
}
.focus-vision-flago .link3{
	display: block;
	float: left;
	width: 151px;
	height: 40px;
	margin: 167px 15px 0 0px;
}
.focus-vision-mod{
	margin-bottom: 20px;
	border:none;
}

.focus-vision-mod .hd{
	height: 30px;
	line-height: 30px;
	background: none;
	border: none;
}
.focus-vision-mod .hd .h2{
	font-size: 16px;
}
.focus-vision-mod .bd{
	padding-right: 0;
	padding-bottom: 0;
	border: 1px solid #e0e0e0;
}
.focus-vision-mod .vision-mod1 li{
	height: 280px;
	float: left;
	margin-bottom: 20px;
	margin-right: 40px;
}
.focus-vision-mod .vision-mod1 .title{
	margin-bottom: 5px;
}
.focus-vision-mod .vision-mod1 .title a{
	font-weight: normal;
	text-align: left;
	color: #246bb3;
}
.focus-vision-mod .vision-mod1 .title a:hover{
	color: #f60;
}
.focus-vision-mod .vision-mod1 .desc{
	margin: 10px 0;
	color: #666;
}
.focus-vision-mod .vision-mod1 .pic{
	width: 215px;
	height: 280px;
	float: left;
	overflow: hidden;
	background: #e1e1e1;
}
.focus-vision-mod .vision-mod1 .pic img{
	width: 215px;
}
.focus-vision-mod .vision-mod1 .info{
	width: 200px;
	float: left;
	margin-left: 10px;
}
.focus-vision-mod .vision-mod1 .download{
	display: inline-block;
	background: url(/img/ehome/ico-pdf.png) no-repeat;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
	color: #246bb3;
}
.focus-vision-mod .vision-mod2{
	margin-right: -90px;
	font-size: 0px;
	letter-spacing: -5px;
	*letter-spacing: normal;
	*word-spacing: -1px;
}
.focus-vision-mod .vision-mod2 li{
	width: 170px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	margin-left: -1px;
	margin-top: -1px;
	font-size: 12px;
	margin: 0 80px 20px 0;
}
.focus-vision-mod .vision-mod2 .pic{
	width: 170px;
	height: 225px;
	overflow: hidden;
	background: #e1e1e1;
	margin-bottom: 5px;
}
.focus-vision-mod .vision-mod2 .pic img{
	width: 170px;
}
.focus-vision-mod .vision-mod2 .title{
	background: url(/img/ehome/ico-vm.png) no-repeat;
	padding-left: 20px;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	margin-top: 5px;
}
.focus-vision-mod .vision-mod2 .title a{
	color: #246bb3;
}
.focus-vision-mod .vision-mod2 .title a:hover{
	color: #f60;
}
.vision-cnt{
	padding: 10px 55px 10px 55px;
}
.vision-cnt .title{
	font-size: 14px;
	font-weight: 700;
	padding: 10px 0;
}
.vision-cnt .pic{
	float: right;
	width: 150px;
	height: 200px;
	margin: 0 0 10px 10px;
	overflow: hidden;
}
.vision-cnt .pic img{
	width: 150px;
}
.vision-cnt .vision-content{
	font-size: 14px;
	line-height: 1.5;
}
.vision-cnt .download{
	display: inline-block;
	width: 100px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: #ffb319;
}

.vision-cnt .download:hover{
	text-decoration: none;
	color: #fff;
}

.vision-bot{
	padding: 10px;
	margin: 40px 20px 00px 20px;
	border-top: 1px dotted #e0e0e0;
	font-size: 12px;
}
.vision-bot .prev{
	width: 48%;
	float: left;
}
.vision-bot .next{
	text-align: right;
	width: 48%;
	float: right;
}

.story-cate .citys a{
	float: left;
}

.story-cate .tab-con .panel{
	display:none;
	zoom:1;
	overflow:hidden;
}
.story-cate .tab-con .on{
	display:block;
}

.story-cate .city-sel{
	width: 100%;
	border:3px solid #d6d6d6;
}
.story-cate .city-sel th{
	width:60px;
	background:#f5f5f5;
	padding:10px;
	text-align: center;
}
.story-cate .city-sel .trade td,
.story-cate .city-sel .trade th{
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
}
.story-cate .city-sel td{
	padding:6px 10px;
}
.story-cate .city-sel a{
	padding:2px 15px 2px 5px;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.story-cate .selected span{
	background:#e14444;
	color: #fff;
	padding:5px;
	margin-right:10px;
	text-decoration:none;
}
.story-cate .selected .icon{
	margin: 0 5px;
	font-size: 10px;
}
.story-cate .selected a{
	/*border:1px solid #d6e7fc;
	*/
	color: #fff;
	background:#e14444;
	padding:1px 25px 1px 5px;
	margin-right:10px;
	background-image:url(/img/ehome/sel-linkbg.png);
	background-position:right 0;
	background-repeat:no-repeat;
	text-decoration:none;
}
.story-cate .selected a:hover{
	/*background-position:right -24px*/;
}
.story-cate .sel-wrap{
	float:left;
	position:relative;
	width:70px;
}
.story-cate .sel-city{
	padding-right:15px;
	background-image:url(/img/ehome/arrow-d.png);
	background-position:55px 50%;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	right:0;
}
.story-cate .sel-city-selected{
	border:1px solid #e0e0e0;
	border-bottom:0 none;
	background-color:#fff;
	z-index:10;
}
.story-cate .sel-con{
	position:absolute;
	width:480px;
	background:#fff;
	border:1px solid #e0e0e0;
	top:18px;
	right:0px;
}
.story-cate .hot-city{
	padding:20px;
}
.story-cate .hot-city span{
	color:#4875b3;
}
.story-cate .tab-city{
	padding:5px 10px;
}
.story-cate .tab-city .tab-menu{
	border-bottom:1px solid #e0e0e0;
	text-align:center;
}
.story-cate .tab-city .tab-menu li{
	float: left;
	padding:0 5px;
	margin-bottom: 3px;
}
.story-cate .tab-city .tab-menu .now{
	background:#e14444;
	/*border:1px solid #2a5591;
	*/
	border-bottom:0 none;
	color:#fff;
}
.story-cate .tab-city .tab-con{
	padding:5px 0;
}



.story-list li{
	min-height: 100px;
	padding: 20px 0;
	border-bottom: 1px dotted #e0e0e0;
}

.story-list .pic{
	width: 100px;
	height: 100px;
	float: left;
	overflow: hidden;
}
.story-list .pic img{
	width: 100px;
}
.story-list .info{
	margin-left: 110px;
}
.story-list .info .title{
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 10px;
}
.story-list .info .desc{
	margin-bottom: 10px;
	color: #666;
}
.story-list .info .desc p{
	margin: 0;
}
.story-list .info .com-info p{
	margin: 0;
}



.dialog-overlay{
	display: none;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#000;
	opacity:0.5;
	filter:Alpha(Opacity=50);
	z-index:120;
}
.dialog{
	display: none;
	background:#f5f5f5;
	border:5px solid #333;
	z-index:999;
	border-radius: 3px;
	position:absolute;
	top:25%;
	left:50%;
	margin-left:-300px;
	width:600px;
}
.dialog .hd{
	height:36px;
	margin:0;
	line-height:36px;
	text-transform: uppercase;
	color:#333;
	border-bottom:1px solid #ddd;
	padding-left:10px;
	padding-right:10px;
}
.dialog .hd .close{
	float: right;
	margin-top: 10px;
	cursor: pointer;
}
.dialog .bd{
	padding: 20px;
}
.dialog .bd p{
	margin: 0;
}
.dialog .bd .buttons{
	margin-top: 30px;
}
.dialog .bd .btn{
	margin-right: 20px;
}

.shareSNS{
	float:right;
	margin:-27px auto 0;
	width:172px;
	overflow:hidden;
	zoom:1;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}
.shareSNS a{
	text-indent:-999px;
	background-image:url(https://img.made-in-china.com/sources/logo/share_logo.png);
	background-repeat:no-repeat;
	height:16px;
	line-height:16px;
	width:16px;
	float:left;
	margin:0 2px;
}
.shareSNS .shareAll{
	text-indent:0;
	width:45px;
	padding-left:20px;
	margin:0;
}
.shareSNS .shareAll:hover{
	text-decoration:none;
}
.shareSNS .shareAll span{
	border-right:solid 1px #666;
	padding-right:7px;
}
.facebook{
	background-position:left -16px;
}
.facebookLike{
	background-position:left -32px;
}
.twitter{
	background-position:left -48px;
}
.linkedin{
	background-position:left -64px;
}
.google{
	background-position:left -80px;
}
.reddit{
	background-position:left -96px;
}
.delicious{
	background-position:left -112px;
}
.stumbleupon{
	background-position:left -128px;
}
.digg{
	background-position:left -144px;
}
#sharebox{
	font-size: 12px;
	width:250px;
	background-color:#7C7C7C;
	-moz-border-radius:4px;
	padding:5px;
	margin-top:3px;
}
#ats_inner{
	background-color:#fff;
	border:solid 1px #fff;
}
#at_hover{
	overflow:hidden;
	zoom:1;
	padding:4px;
}
#at_hover a{
	padding:2px;
	cursor:pointer;
	float:left;
	width:114px;
	border:solid 1px #fff;
	text-align:left;
	text-decoration:none;
}
#at_hover a span{
	background-image:url(https://img.made-in-china.com/sources/logo/share_logo.png);
	background-repeat:no-repeat;
	padding-left:20px;
	height:16px;
	line-height:16px;
	display:block;
}
#at_hover a:hover{
	background-color:#f2f2f2;
	border:solid 1px #e5e5e5;
}
.atic_facebook span{
	background-position:left -16px;
}
.atic_facebook_like span{
	background-position:left -32px;
}
.atic_twitter span{
	background-position:left -48px;
}
.atic_linkedin span{
	background-position:left -64px;
}
.atic_google span{
	background-position:left -80px;
}
.atic_reddit span{
	background-position:left -96px;
}
.atic_delicious span{
	background-position:left -112px;
}
.atic_stumbleupon span{
	background-position:left -128px;
}
.atic_digg span{
	background-position:left -144px;
}
#ats_head{
	background-color:#f2f2f2;
	border:solid 1px #e5e5e5;
	padding:4px;
	line-height:1em;
	position:relative;
	text-align:left;
}
#atsptx{
	color:#4c4c4c;
	font-weight:bold;
	position:absolute;
	right:4px;
	top:4px;
	_margin-right:4px;
	text-decoration:none;
	cursor:pointer;
}


/* pager */
#pager{
	line-height:normal;
	clear:both;
	text-align:center;
	padding:15px 0;
}
.pageNum a, .pageNum span, .pageNum strong{
	display: inline-block;
	height: 22px;
	line-height: 22px;
	vertical-align: top;
}
.pageNum a:link,.pageNum a:visited,.pageNum strong{
	margin-right:-1px;
	padding:0px 7px;
	background-color:#fff;
	border:1px solid #ddd;
	color:#666;
	text-decoration: none;
}
/*.pageNum a:visited{
	color:#023DB5;
}*/
.pageNum a:hover,.pageNum b a:hover,.pageNum .now:link,.pageNum .now:visited,.pageNum .now:hover,.pageNum strong{
	border:1px solid #e64545;
	background: #e64545;
	position: relative;
	color: #fff;
	*position: static;
}
.pageNum a img{
	border:none;
	margin:0;
	*padding-bottom: 1px;
	margin-top: 5px;
	*margin-top: 3px;
}

.pageMark{
	padding:25px 0 5px 0;
	font-size:91.67%;
}
.pageMark a{
	color:#999;
}
.pageMark a,.pageMark strong{
	padding:1px;
	margin-left:3px;
}


#footer .quick-index span a{
	margin: 0 5px 0 0;
}



#story-sub{
	border:1px solid #e6e6e6;
	border-top-width:3px;
	margin-bottom:70px;
}
#story-sub h2{
	color:#4b4948;
	font-size:14px;
	font-weight:bold;
	padding-left:15px;
	line-height:33px;
	border-bottom:1px dashed #ebebeb;
}
#story-sub .input-text{
	overflow: hidden;
}
.reuqired{
	color:red;
	padding:0 5px;
	vertical-align:middle;
}
.tips{
	float:right;
	line-height:33px;
	color:#666;
	margin-right:20px;
}
#shareForm{
	margin-top: 15px;
}
#story-sub dl{
	zoom:1;
	overflow:hidden;
	margin-bottom: 10px;
}
#story-sub dt{
	width:170px;
	float:left;
	text-align:right;
}
#story-sub dd{
	zoom:1;
	overflow:hidden;
	padding-left:10px;
}
#story-sub textarea{
	width:380px;
	border:1px solid #d9d9d9;
	padding:5px;
}
#story-sub textarea{
	/*margin-top:10px;*/
}
#story-sub .art-sub{
	line-height:20px;
}
.art-sub small{
	display: block;
	color: #666;
	clear: both;
}
#story-sub .onError{
	width:360px;
}

#story-sub label.error {
	height: 18px;
	display: block;
	width: 360px;
	background-color: #FFC7C7;
	background-image: url(/mice/images/reg3.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 3px 5px 2px 25px;
	line-height: 16px;
	color: #C91B05;
	clear: both;
	border:0;
}

#story-sub label.error img {
	margin: 0 0 2px 0
}


/*
*@mod:
*@Update: juhailin 2013-07-25
*/
.report-top{
	width: 990px;
	height: 260px;
	background: url(/img/ehome/report-top.png) no-repeat;
}
.report-top .btn-main{
	margin: 170px 0 0 55px;
	font-family: "Microsoft YaHei", "SimHei", Tahoma, Arial, Helvetica, sans-serif;
}

.report-intro{
	width: 880px;
	margin: 0 auto;
	color: #3c4451;
	font-family: "Microsoft YaHei", "SimHei", Tahoma, Arial, Helvetica, sans-serif;
}

.report-intro .title{
	margin: 30px 0;
	font-size: 24px;
	font-weight: normal;
}

.report-intro .title-top{
	margin-top: 50px;
}

.report-intro .good{
	padding-top:110px;
	background: url(/img/ehome/bg-good.png) no-repeat;
}
.report-intro .good .item{
	width: 138px;
	float: left;
	margin-right: 50px;
	text-align: center;
}
.report-intro .good .last{
	margin-right: 0;
	width: 128px;
}
.report-intro .good .item .name{
	display: block;
	font-size: 18px;
}
.report-intro .good .item .desc{
	font-size: 14px;
	color: #999;
}

.report-intro .col2{
	width: 370px;
	padding: 0 30px 20px 30px;
	background: #f4f6f7;
	border-top: 2px solid #ff4b64;
}
.report-intro .col2 p{
	font-size: 14px;
}

.report-intro .step{
	color: #fff;
	height: 50px;
	background: url(/img/ehome/bg-r-step.png) no-repeat;
}
.report-intro .step .item{
	float: left;
	width: 130px;
	margin: 0 20px 0 30px;

}
.report-intro .step .item .name{
	margin-top: 3px;
	font-size: 16px;
	display: block;
}
.report-intro .step .item .desc{
	font-size: 14px;
	color: #afd4e2;
}
.report-intro .step .last{
	margin-right: 0;
}
.report-intro .team{
	background: #f4f6f7;
	padding: 25px 30px;
	margin-bottom: 20px;
}
.report-intro .team .pic{
	float: left;
	border: 2px solid #e0e0e0;
}
.report-intro .team .desc{
	margin-left: 255px;
	margin-top: -10px;
	font-family: Arial, Helvetica, sans-serif;
}

.report-steps{
	color: #fff;
	height: 50px;
	background: url(/img/ehome/bg-r-step2.png) no-repeat;
}
.report-steps .item{
	float: left;
	width: 125px;
	margin: 0 20px 0 30px;

}
.report-steps .item .name{
	margin-top: 5px;
	font-size: 14px;
	font-weight: 700;
	display: block;
}
.report-steps .item .desc{
	font-size: 12px;
	color: #e8caca;
}
.report-steps .last{
	margin-right: 0;
	width:100px;
}
.crumb .help{
	position: absolute;
	right: 0;
	top: 10px;
	color: #246bb3;
}
.crumb .help:hover{
	color: #f60;
}
.report-form{
	border: 1px solid #ddd;

}
.report-form .hd{
	background: #f5f5f5;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: 700;
	text-indent: 10px;
	border-bottom: 1px solid #ddd;
}
.report-form .bd{
	padding: 20px;
}
.report-form .form-fields .text{
	margin: 4px 0;
}
.report-form label.error{
	display:block;
	width:360px;
}
.report-form .input-text{
	overflow:hidden;
}
.report-form .inner-form label.error{
	width:240px;
}
.report-form .inner-form{
	position: relative;
	border: 1px dotted #ddd;
	width: 350px;
	padding: 20px;
	padding-bottom: 10px;
	margin-top: 15px;
}
.report-form .inner-form .help-block{
	position: absolute;
	top: -10px;
	left: 10px;
	padding: 0px 5px;
	margin: 0;
	background: #fff;
}
.report-form .inner-form .form-label{
	width: 50px;
}
.report-form .inner-form .form-fields {
  *padding-left: 20px;
  margin-left: 70px;
  *margin-left: 0;
}
.report-form .form-more{
	position:relative;
	width: 475px;
	margin:20px 0 20px 103px;
	border-top: 1px dotted #ddd;
    font-size: 0;
    height: 1px;
    line-height: 0;
	overflow:visible;
}
.report-form .form-more span{
	position:absolute;
	top:-10px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	height: 16px;
	line-height: 16px;

	padding-left: 20px;
	padding-right: 10px;
	font-size: 12px;
	cursor: pointer;
	overflow:visible;
	background: url(/img/icon/form-more.png) no-repeat #fff;
}
.report-form .form-more .more{
	background-position: 0 -16px;
}

.report-form .form-title{
	position:relative;
	width: 475px;
	margin:20px 0 20px 103px;
	border-top: 1px dotted #ddd;
    font-size: 0;
    height: 1px;
    line-height: 0;
	overflow:visible;
}
.report-form .form-title span{
	position:absolute;
	top:-10px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	height: 16px;
	line-height: 16px;
	font-weight:700;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	cursor: pointer;
	overflow:visible;
	background:#fff;
}


#footer .grid{
	width: 990px;
}
.typ-upload-box{
	width: 85px;
	height: 85px;
	position:relative;
	border: 1px dashed #ccc;
	overflow: hidden;
}

.typ-upload-tips {
	margin-top: 10px;
	color: #666;
}

.img100{
	display: table-cell;
	*display: block;
	width: 85px;
	height: 85px;
	*font-size: 74px;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
}
.img100 img{
	vertical-align: middle;
	width: 85px;
}
.typ-upload-box .upload-close{
	position: absolute;
	width: 10px;
	height: 10px;
	top: 3px;
	right: 3px;
	background: url(/images/close.gif);
	overflow: hidden;
}

/*upload button sulution*/
.FOCUS_UPLOAD_wrap{
	position:relative;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:62px;
	height:21px;
	line-height:21px;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
	zoom:1;
	background:url(/img/sundry/bg-upload-old.png) 0 -0px no-repeat;
	margin-bottom:10px;
	margin-right:10px;
	vertical-align:top;
}

.FOCUS_UPLOAD_wrap_hover{
	background-position: 0 -21px
}

.FOCUS_UPLOAD_wrap .FOCUS_UPLOAD_text{+
	display: block;
	background-color:transparent;
}

.FOCUS_UPLOAD_wrap_hover .FOCUS_UPLOAD_text{
}

.FOCUS_UPLOAD_selector{
	position:absolute;
	top:-10px;
	left:-820px;
	border:0 none;
	display:block;
	font-size:200px;
	left:-80px\9;
	width:650px\9;
	height:210px\9;
	opacity:0;
	filter:alpha(opacity=0)!important;
	cursor:pointer;
	*vertical-align: baseline!important;
}

.FOCUS_UPLOAD_selector:hover{}

.FOCUS_UPLOAD_flashWrap{
	position:absolute;
	top:0;
	left:0;
	display:block;
	background-color:transparent;
}

.FOCUS_UPLOAD_flashWrap:hover{}

/*
* disabled wrap
*/
.FOCUS_UPLOAD_wrap_disabled{background-position: 0 -42px;color:#666}
.FOCUS_UPLOAD_wrap_disabled:hover{background-position: 0 -42px}
.FOCUS_UPLOAD_wrap_disabled:hover .FOCUS_UPLOAD_text{}
.FOCUS_UPLOAD_wrap_disabled .FOCUS_UPLOAD_selector{cursor:default;}

/* http://service.made-in-china.com/online-classroom.html
 * 2014-07-14
 * lww
 */
.online-class { margin-top:10px;}
.online-class .crumb,.online-course-new .crumb { padding:10px;font-family: Arial, "Microsoft YaHei",sans-serif}
.online-class .online-class-index { float:left; width:650px;}
.online-class .online-class-expe { float:right; width:320px;}
.online-class-index .bd { padding:10px 0 11px 40px;}
.online-class-index .bd td { padding:4px 0;}
.online-class-expe .hd .more { margin-right:5px; margin-top:5px;}
.online-class-expe .hd .more span { line-height:14px;}
.online-class-expe .bd { padding:3px 5px 8px;}
.online-class-expe li { height:28px; line-height:28px; padding-left:30px; background:url(/img/ehome/tv.png) no-repeat 3px 7px; border-bottom:1px dashed #d9d9d9;}
.online-class-expe li span { float:right; color:#666;}
.online-class-expe li a { float:left; width:210px; height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.online-demand .cont { width:990px; padding-bottom:10px; overflow:hidden;}
.online-demand li { float:left; width:306px; padding:3px; margin:10px 0 0 9px; border:3px solid #fff; _display:inline;}
.online-demand li.hover, .online-demand li:hover { border:3px solid #4e4e4e;}
.online-demand li .pic { float:left; width:172px; margin-right:7px; height:122px; position:relative;}
.online-demand li .pic img, .course-list .pic img { width:172px; height:122px;}
.online-demand li .pic .picinfo { position:absolute; height:40px; width:100%; left:0; bottom:0;}
.online-demand li .pic .picbg { height:40px;  background:#000;  opacity: 0.5; filter:alpha(opacity=50);}
.online-demand li .pic .picinfo p { position:absolute; left:0; top:2px; width:142px; margin:0; padding:0 15px; text-align:center; line-height:18px; height:36px; overflow:hidden; display:table;}
.online-demand li .pic .picinfo p a { display:table-cell; vertical-align:middle; color:#fff;}
.online-demand li .pic .vip { position:absolute; width:24px; height:12px; right:5px; top:5px; background:url(/img/ehome/vip.gif) no-repeat;}
.online-demand li .des p { margin:2px 0; *margin:2px 0 3px;  white-space:nowrap; overflow:hidden;}
.online-demand li .des .btnbox a { display:inline-block; width:127px; height:39px; line-height:39px; text-align:center; background:#ae8a3e; border-radius:2px; color:#fff; font-size:14px; font-family:"Microsoft YaHei";}
.online-course { margin:15px 0;}
.online-course h2, .online-special h2{ margin-bottom:10px; font:bold 14px "Microsoft YaHei", "SimHei", Tahoma, Arial;}
.online-course h2 a { margin-left:10px; color:#ab3036; font: normal 12px "Simsun";}
.online-course .grid, .online-special .grid{ overflow:hidden;}
.online-course ul, .online-special ul { width:105%;}
.online-course li { float:left; position:relative; width:230px; height:175px; margin-right:20px; padding-top:15px; text-align:center; border:1px solid #e0e0e0;}
.online-course li p { margin:0  0 5px; color:#888;}
.online-course li .gold { position:absolute; width:33px; height:32px; background:url(/img/ehome/jing.png) no-repeat; right:0; top:0;}
.online-course li .name { height:40px; line-height:20px; overflow:hidden;}
.online-course li .name a { color:#333;}
.online-course li .btnbox { width:180px; margin:20px auto 0; padding-top:18px; text-align:center; border-top:1px solid #e0e0e0;}
.yellowbtn { display:inline-block; width:140px; height:39px; line-height:39px; text-align:center; background:#ae8a3e; border-radius:2px; color:#fff; font-size:14px; font-family:"Microsoft YaHei";}
.redbtn {display:inline-block; width:140px; height:39px; line-height:39px; text-align:center; background:#ab3036; border-radius:2px; color:#fff; font-size:14px; font-family:"Microsoft YaHei";}
.yellowbtn:hover, .redbtn:hover {  text-decoration:underline; color:#fff;}
.graybtn {display:inline-block; width:140px; height:39px; line-height:39px; text-align:center; background:#eee; color:#333; border-radius:2px;font-size:14px; font-family:"Microsoft YaHei";}
.online-special h2 a { float:right; display:inline; margin-right:10px; font: normal 12px "Simsun";}
.online-special li { float:left; width:312px; margin-right:27px;}
.online-special li p { margin:0;}
.online-special li .pic { position:relative; width:312px; height:145px; overflow:hidden;}
.online-special li .pic img { width:312px; height:145px;}
.online-special li .pic .picinfo { position:absolute; height:30px; width:100%; left:0; bottom:0;}
.online-special li .pic .picbg { height:40px;  background:#000;  opacity: 0.5; filter:alpha(opacity=50);}
.online-special li .pic .picinfo p { position:absolute; left:0; top:5px; width:282px; height:18px; margin:0; padding:0 15px; text-align:center; line-height:18px;}
.online-special li .pic .picinfo p a { color:#fff;}
.online-special li .name { padding:10px 13px;  border:1px solid #e0e0e0; border-top:0 none;}
.online-special li .name p {text-indent:2em; line-height:20px; height:40px; overflow:hidden;}
/*list*/
.online-select-box { padding:10px 0 5px 20px; margin-bottom:10px; border:1px solid #E0E0E0;}
.online-select-box .hd { float:left; font-size:14px; font-weight:bold;}
.online-select-box .cate-list { margin-left:100px; overflow:hidden;}
.online-select-box .cate-list .item { position:relative; display:inline-block; width:65px; margin-right:45px; margin-bottom:5px; padding:0 5px; height:21px; line-height:20px; border-radius:2px;}
.online-select-box .cate-list .itemon { color:#fff; background:#e34545}
.online-select-box .cate-list .item i { cursor:pointer; position:absolute; right:-2px; top:4px; color:#fff;}
.online-select-box .cate-list-a { width:110%;}
.sort { height:28px; line-height:28px; padding:0 6px; border:1px solid #E0E0E0;}
.sort span { cursor:pointer; position:relative; display:inline-block; padding:0 20px 0 10px; border-left:1px solid #E0E0E0; border-right:1px solid #E0E0E0; margin-left:-1px;}
.sort span i { position:absolute; width:5px; height:11px; right:8px; top:8px; background:url(/img/ehome/updown.png) no-repeat -10px 0;}
.sort span .up { background-position:-15px 0;}
.sort span.on { background:#e34545; color:#fff;}
.sort span.on .up { background-position:-5px 0;}
.sort span.on .down { background-position:0 0;}
.course-list li { float:left; width:100%; padding:20px 0; border-bottom:1px solid #E0E0E0; color:#888;}
.course-list p { margin:0;}
.course-list .pic { float:left; width:172px; height:122px; margin-right:15px; border:1px solid #ccc; overflow:hidden;}
.course-list .des { float:left; width:340px; height:122px; overflow:hidden;}
.course-list .des h4 { margin-bottom:7px; font-weight:normal; font-size:14px;}
.course-list .des  p span{ float:right;}
.course-list li b { color:#333; font-weight:normal;}
.course-list .des .p1 { margin-bottom:4px;}
.course-list .btn-box{ float:right; width:130px; text-align:right;}
.course-list .btn-box a { width:130px;}
.course-list .btn-box a:hover { color:#fff;}
.course-list .btn-boxp { margin-bottom:4px;}
.course-list .btn-box .p2 { margin:15px 0;}
.dationlist li { margin-bottom:15px; text-align:center;}
/*tip*/
.online-tip { padding:20px 0 20px 100px; border:1px solid #ddd; font-family:"Microsoft YaHei";}
.online-tip .tip-warn { padding-left:45px; padding-top:3px; background:url(/img/ehome/tip.png) no-repeat 0 0;}
.online-tip h4 { font-size:18px; margin-bottom:10px;}
.online-tip p { margin:0 0 5px;}
.online-tip p a { color:#246bb3; font-size:14px;}
/*course*/
.course-left { float:left; width:218px; border:1px solid #e0e0e0;}
.course-left li a { display:block; width:209px; margin:-1px 0 0 -1px; padding:15px 0 15px 10px; border-top:1px solid #e0e0e0;}
.course-left li a b { font-size:12px; font-weight:normal;}
.course-left li a span { color:#888; display:block; margin-top:5px;}
.course-left li a:hover { text-decoration:none;}
.course-left li.on a{ background:#e34545 url(/img/ehome/rightpot.png) no-repeat 204px center; color:#fff;}
.course-left li.on a span { color:#fff;}
.course-main { float:right; width:723px; padding:15px;  border:1px solid #e2dfb7; background:#fffeed;}
.course-main .pic { float:left; width:280px; height:200px; margin:0 20px 0 0;}
.course-main .des h3 { margin-bottom:20px; font-size:18px; font-family:"Microsoft YaHei";}
.course-main p { color:#666; font-size:14px;}
.course-main .des p { margin:9px 0;}
.course-main .des p label { color:#333;}
.course-main .des .btnbox { margin:30px 0 0 0;}
.course-main h4 { margin-top:20px; font-size:14px;}
.view-detail { padding:13px; margin-bottom:20px; border:1px solid #e0e0e0;}
.view-detail h4 { font-size:16px; font-family:"Microsoft YaHei";}
.view-detail p { font-size:14px; color:#666;}
.view-detail .time { font-size:12px;}
.creat-languge { height:21px; padding:5px 0; margin:0 0 -5px -20px; background:#d9d9d9;}
.creat-languge b { display:inline-block; width:80px; text-align:right; margin-right:35px;}
.creat-languge a { display:inline-block; height:21px; line-height:20px; padding:0 15px; border-radius:5px;}
.creat-languge a.on { background:#e34545; color:#fff;}







/*
   online-course.html
   online-course/vod-idxxxxx details
   qf 2016.06.14
*/

.online-course-new{
    font: 12px/1.5 Arial,'Microsoft YaHei',san-serif;
    padding-top: 22px;
}
.online-course-new .class-index{
    margin-bottom: 10px;
    font-size: 14px;
}
.online-course-new .no-course{
    font-size: 16px;
    text-align: center;
    margin: 200px 0;
    color: #888;
}
.class-index .index-item{
    float: left;
    margin: 0 20px 10px 0;
}

.class-index .index-item a{
    text-decoration: none;
}
.class-index .index-item a:hover,.class-index .index-item-on a{
    color: #e54545;
}

.course-new-list .course-new-item{
    padding: 20px;
    border: 1px solid #dae0e6;
    margin-bottom: -1px;
}

.course-new-item .pic{
    float: left;
    width: 268px;
    min-height: 150px;
    margin-right: 20px;
    position: relative;
}

.course-new-item .pic .pic-box{
    display: table-cell;
    width: 268px;
    height: 150px;
    vertical-align: middle;
    text-align: center;
}

.course-new-item .pic .p-infor{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    z-index: 1;
    background: #000;
    background: rgba(0,0,0,0.4);
    filter: alpha(opacity=40);
    text-decoration: none;
}
.course-new-item .pic .p-infor .icon-v{
    background: url(/img/ehome/icon-video.png) no-repeat center;
    width: 68px;
    height: 68px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -32px 0 0 -32px;
}
.course-new-item .pic .p-infor .p-time{
    font-size: 12px;
    color: #fff;
    margin: 0;
    text-align: right;
    padding: 5px;
}

.course-new-item .pic:hover .p-infor{
    display: block;
}


.course-new-item .pic img{
    max-width: 268px;
    max-height: 150px;
    vertical-align: middle;
}

.course-new-item .des{
    overflow: hidden;
}

.course-new-item .des h3{
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}

.course-new-item .des .vip{
    color: #ff7733;
}

.course-new-item .des-info b{
    font-weight: normal;
    color: #dae0e6;
    margin: 0 10px;
}

.course-new-item .des p{
    margin: 15px 0 0;
    color: #888;
    line-height: 1.7;
}

.course-detail{
    font: 12px/1.5 Arial,'Microsoft YaHei',san-serif;
    border: 1px solid #dae0e6;
    margin-bottom: 30px;
    padding: 40px;
}
.course-detail .course-inner{
    width: 640px;
    margin: 0 auto;
}
.course-inner h2{
    font-size: 16px;
    margin-bottom: 10px;
}
.course-inner h2 .vip{
    color: #ff7733;
}
.course-detail .course-info{
    margin-bottom: 20px;
}
.course-detail .course-info b{
    color: #dae0e6;
    font-weight: normal;
    margin: 0 10px;
}
.course-detail .course-info .price{
    float: right;
}

.course-detail .course-info .price span{
    color: #888;
}
.course-detail .course-video{
    width: 640px;
    height: 357px;
    position: relative;
}
.course-detail .course-video .video-cover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 357px;
    z-index: 10;
}

.course-detail .course-video .v-cover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 357px;
    z-index: 11;
    background: #000;
    background: rgba(0,0,0,0.4);
    filter: alpha(opacity=40);
    cursor: pointer;
}
.course-detail .course-video .icon-v{
    background: url(/img/ehome/icon-video.png) no-repeat center;
    width: 68px;
    height: 68px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -32px 0 0 -32px;
}
.course-detail .course-video .video-loading{
    background: #fff url(/img/icon/loading55.gif) no-repeat center;
}
.course-detail .course-subs a{
    display: block;
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    background: #f0f1f2;
    color: #555;
    margin-top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.course-detail .course-subs .current a{
    color: #fff;
    background: #1470cc;
}

.course-detail .course-txt{
    margin: 15px 0 20px;
    color: #555;
}
.course-detail .copy-by{
    text-align: right;
}
.course-detail .copy-by a{
    color: #1470cc;
}


/*
*@module: Dialog only for miracle
*@Author: juhailin 2015-05-29
*@Update:
*/
.dlg-dialog {
    background: #fff;
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.3);
}

.dlg-outer {
    text-align: left;
}

.dlg-header {
    *zoom: 1;
}

.dlg-titlebar {
    position: relative;
    height: 100%;
    width: 100%;
    *zoom: 1;
}

.dlg-title {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
    *min-width: 760px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 20px;
    font-weight: bold;
    color: #222;
    background-color: #f5f7fa;
    border-bottom: 1px solid #b8c2cc;
    *zoom: 1;
}

.dlg-close {
    display: block;
    position: absolute;
    text-decoration: none;
    outline: none;
    _cursor: pointer;
    padding: 0;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    z-index: 1;
    border-radius: 0 3px 3px 0;
    background: url(//www.micstatic.com/common/img/dialog/2.0/dlg-close.png) no-repeat;
    background-position: 0 0px;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
}

.dlg-close:hover {
    background-position: 0 -40px;
}

.dlg-icon {
    vertical-align: middle;
}

.dlg-icon div {
    width: 48px;
    height: 48px;
    margin: 10px 0 10px 10px;
    background-position: center center;
    background-repeat: no-repeat;
}

.dlg-main {
    min-width: 300px;
    max-width: 800px;
    min-height: 90px;
    position: relative;
}

.dlg-content {
    border: none 0;
    padding: 35px 20px;
    position: relative;
    font-size: 14px;
    font-family: Arial, "Microsoft YaHei", sans-serif;
    text-align: center;
}

.dlg-content.dlg-state-full {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 !important;
    height: 100%;
}

.dlg-loadding {
    min-width: 300px;
    min-height: 200px;
    text-align: center;
    text-indent: -999em;
    overflow: hidden;
    background: url(//www.micstatic.com/common/img/dialog/2.0/icon/loading.gif) no-repeat center center;
}

.dlg-buttons {
    padding: 20px;
    margin-top: -20px;
    text-align: center;
    white-space: nowrap;
    border-radius: 0 0 3px 3px;
}

.dlg-buttons button {
    margin: 0 5px;
}

.dlg-inner {
    background: #fff;
}

.dlg-se {
    display: none;
    position: absolute;
    right: 0;
    width: 6px;
    height: 6px;
    background: #3d4b66;
    border-radius: 0 0 3px 0;
}

.dlg-state-notitle .dlg-title {
    display: none;
}

.dlg-state-notitle .dlg-se {
    width: 3px;
    height: 3px;
    background: none !important;
}

.dlg-state-notitle .dlg-inner {
    background: none;
}

.dlg-state-notitle .dlg-outer {
    border: none 0;
}

.dlg-state-notitle .dlg-titlebar {
    bottom: 0;
    _bottom: 0;
    _margin-top: 0;
    z-index: 5;
}

.dlg-state-notitle .dlg-close {
    position: static;
    float: right;
    width: 30px;
    height: 30px;
    margin-bottom: -20px;
    background-position: -5px -5px;
}

.dlg-state-notitle .dlg-close:hover {
    background-position: -5px -45px;
}

.dlg-state-notitle .dlg-result {
    padding-top: 20px;
    padding-bottom: 10px;
}

.dlg-state-notitle .dlg-result .msg p {
    margin-bottom: 10px;
}

.dlg-state-lock .dlg-se {
    background: #333;
    background: #333 \9 !important;
}

.dialog-loading {
    background: url(//www.micstatic.com/common/img/icon/loading.gif) no-repeat center center;
    width: 100%;
    height: 100%;
    min-width: 500px;
    min-height: 350px;
    position: relative;
}

.dialog-loading .dialog-loading-text {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 14px;
    top: 50%;
    margin-top: -60px;
}

.dialog-refresh {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
}

.dialog-refresh .content {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -15px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.dialog-refresh .btn {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.dlg-result {
    padding-top: 0;
    padding-bottom: 0;
}

.dlg-result .state {
    text-align: center;
    height: 48px;
    margin-bottom: 10px;
}

.dlg-result .state .micon {
    font-size: 48px;
    margin-right: 0px;
}

.dlg-result .state .micon.succ {
    color: #00cc00;
}

.dlg-result .state .micon.error {
    color: #e62e2e;
}

.dlg-result .state .micon.warning {
    color: #f89406;
}

.dlg-result .state .micon.info {
    color: #1793e6;
}

.dlg-result .msg {
    margin-top: 0px;
    font-size: 14px;
    color: #222;
    text-align: center;
}

.dlg-result .msg p {
    margin-top: 0;
    margin-bottom: 0px;
}

.dlg-text {
    margin-top: 0px;
    margin-bottom: 0px;
}

.dlg-text p {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.dlg-text p:last-of-type {
    margin-bottom: 0;
}

.faptcha-widget {
    position: relative;
    margin: 0;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.faptcha-widget #faptcha_response_field {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 22px;
    font-size: 14px;
    line-height: 22px;
    padding: 8px 10px;
    border: 1px solid #ccc;
}
.faptcha-widget #faptcha_response_field:focus {
    border-color: #888;
    outline: none;
}
.faptcha-widget #faptcha_main {
    margin-left: 142px;
    width: 180px;
    height: 42px;
}
.faptcha-widget #faptcha_main a {
    display: inline-block;
    height: 42px;
    line-height: 0;
    opacity: 0.5;
    width: 42px;
}
.faptcha-widget #faptcha_main a:hover {
    opacity: 0.8;
}
.faptcha-widget #faptcha_image_img {
    width: 120px;
    height: 38px;
    border: 1px solid #ccc;
    border-left: 0;
}
.faptcha-widget #faptcha_image {
    float: left;
}
.faptcha-widget #faptcha_reload {
    float: left;
}
.faptcha-widget #faptcha_audio {
    float: left;
    display: none;
}
.faptcha-widget #faptcha_audio_holder {
    width: 21px;
    height: 21px;
}
.faptcha-widget #faptcha_reload_btn {
    background: url(/img/icon/faptcha.png) no-repeat scroll 8px 7px transparent;
}
.faptcha-widget #faptcha_audio_btn {
    background: url(/img/icon/faptcha.png) no-repeat scroll -42px 50% transparent;
}